feat(icons): latest icons from alfa-ui-primitives (#1126)

package.json

@@ -127,7 +127,7 @@
     "@typescript-eslint/eslint-plugin": "2.16.0",
     "@typescript-eslint/parser": "2.16.0",
     "acorn": "^6.1.1",
-    "alfa-ui-primitives": "2.6.0",
+    "alfa-ui-primitives": "2.8.0",
     "arui-demo": "3.0.0",
     "arui-presets": "^5.1.0",
     "arui-presets-lint": "^2.0.0",

src/icon/__snapshots__/icon.test.tsx.snap

@@ -2700,6 +2700,48 @@ exports[`icon render undefined without problems 450`] = `
 </ContextConsumer>
 `;
 
+exports[`icon render undefined without problems 451`] = `
+<ContextConsumer>
+  <Component />
+</ContextConsumer>
+`;
+
+exports[`icon render undefined without problems 452`] = `
+<ContextConsumer>
+  <Component />
+</ContextConsumer>
+`;
+
+exports[`icon render undefined without problems 453`] = `
+<ContextConsumer>
+  <Component />
+</ContextConsumer>
+`;
+
+exports[`icon render undefined without problems 454`] = `
+<ContextConsumer>
+  <Component />
+</ContextConsumer>
+`;
+
+exports[`icon render undefined without problems 455`] = `
+<ContextConsumer>
+  <Component />
+</ContextConsumer>
+`;
+
+exports[`icon render undefined without problems 456`] = `
+<ContextConsumer>
+  <Component />
+</ContextConsumer>
+`;
+
+exports[`icon render undefined without problems 457`] = `
+<ContextConsumer>
+  <Component />
+</ContextConsumer>
+`;
+
 exports[`icon renders without problems 1`] = `
 <ContextConsumer>
   <Component />

src/icon/banking/payment-error/payment-error.css

@@ -10,6 +10,10 @@
     background-image: url('./icon_payment-error_m_white.svg');
 }
 
+.icon_size_s.icon_name_payment-error.icon_theme_alfa-on-color {
+    background-image: url('./icon_payment-error_s_white.svg');
+}
+
 .icon_size_xl.icon_name_payment-error.icon_theme_alfa-on-white {
     background-image: url('./icon_payment-error_xl_black.svg');
 }

src/icon/file/format-docx/index.ts → src/icon/banking/sign/index.ts

@@ -2,8 +2,8 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import './format-docx.css';
+import './sign.css';
 import '../../../icon';
 
-export * from './format-docx';
-export { default } from './format-docx';
+export * from './sign';
+export { default } from './sign';

src/icon/banking/sign/sign.css

@@ -0,0 +1,19 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License, v. 2.0. If a copy of the MPL was not distributed with this
+* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+.icon_size_xl.icon_name_sign.icon_theme_alfa-on-white {
+    background-image: url('./icon_sign_xl_black.svg');
+}
+
+.icon_size_xl.icon_name_sign.icon_theme_alfa-on-color {
+    background-image: url('./icon_sign_xl_white.svg');
+}
+
+.icon_size_xxl.icon_name_sign.icon_theme_alfa-on-white {
+    background-image: url('./icon_sign_xxl_black.svg');
+}
+
+.icon_size_xxl.icon_name_sign.icon_theme_alfa-on-color {
+    background-image: url('./icon_sign_xxl_white.svg');
+}

src/icon/file/format-docx/format-docx.tsx → src/icon/banking/sign/sign.tsx

@@ -7,17 +7,17 @@ import { withTheme } from '../../../cn';
 import Icon from '../../../icon';
 import { IconProps } from '../../../icon/icon';
 
-class IconFormatDocx extends React.PureComponent<IconProps> {
+class IconSign extends React.PureComponent<IconProps> {
     render() {
         return (
             <Icon
                 { ...this.props }
-                name='format-docx'
+                name='sign'
             />
         );
     }
 }
 
-class ThemedIconFormatDocx extends IconFormatDocx {}
-(ThemedIconFormatDocx as any) = withTheme(IconFormatDocx);
-export default ThemedIconFormatDocx;
+class ThemedIconSign extends IconSign {}
+(ThemedIconSign as any) = withTheme(IconSign);
+export default ThemedIconSign;

src/icon/category/category-game/category-game.css

@@ -0,0 +1,11 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License, v. 2.0. If a copy of the MPL was not distributed with this
+* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+.icon_size_xxl.icon_name_category-game.icon_theme_alfa-on-white {
+    background-image: url('./icon_category-game_xxl_black.svg');
+}
+
+.icon_size_xxl.icon_name_category-game.icon_theme_alfa-on-color {
+    background-image: url('./icon_category-game_xxl_white.svg');
+}

src/icon/category/category-game/category-game.tsx

@@ -0,0 +1,23 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import React from 'react';
+import { withTheme } from '../../../cn';
+import Icon from '../../../icon';
+import { IconProps } from '../../../icon/icon';
+
+class IconCategoryGame extends React.PureComponent<IconProps> {
+    render() {
+        return (
+            <Icon
+                { ...this.props }
+                name='category-game'
+            />
+        );
+    }
+}
+
+class ThemedIconCategoryGame extends IconCategoryGame {}
+(ThemedIconCategoryGame as any) = withTheme(IconCategoryGame);
+export default ThemedIconCategoryGame;

src/icon/category/category-game/index.ts

@@ -0,0 +1,9 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import './category-game.css';
+import '../../../icon';
+
+export * from './category-game';
+export { default } from './category-game';

src/icon/entity/cashback/cashback.css

@@ -6,14 +6,26 @@
     background-image: url('./icon_cashback_l_black.svg');
 }
 
+.icon_size_l.icon_name_cashback.icon_theme_alfa-on-color {
+    background-image: url('./icon_cashback_l_white.svg');
+}
+
 .icon_size_m.icon_name_cashback.icon_theme_alfa-on-white {
     background-image: url('./icon_cashback_m_black.svg');
 }
 
+.icon_size_m.icon_name_cashback.icon_theme_alfa-on-color {
+    background-image: url('./icon_cashback_m_white.svg');
+}
+
 .icon_size_s.icon_name_cashback.icon_theme_alfa-on-white {
     background-image: url('./icon_cashback_s_black.svg');
 }
 
+.icon_size_s.icon_name_cashback.icon_theme_alfa-on-color {
+    background-image: url('./icon_cashback_s_white.svg');
+}
+
 .icon_size_xs.icon_name_cashback.icon_theme_alfa-on-color {
     background-image: url('./icon_cashback_xs_white.svg');
 }