Skip to content

Commit

Permalink
feat(icons): update alfa-ui-primitives and build new icons (#1223)
Browse files Browse the repository at this point in the history
  • Loading branch information
PutilovAI committed Oct 15, 2020
1 parent 649fd66 commit 1d80361
Show file tree
Hide file tree
Showing 49 changed files with 345 additions and 7 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -123,7 +123,7 @@
"@typescript-eslint/eslint-plugin": "^2.28.0",
"@typescript-eslint/parser": "^2.28.0",
"acorn": "^6.1.1",
"alfa-ui-primitives": "2.19.0",
"alfa-ui-primitives": "2.80.0",
"arui-demo": "3.0.0",
"arui-presets": "^5.1.0",
"arui-presets-lint": "^4.1.2",
Expand Down
30 changes: 30 additions & 0 deletions src/icon/__snapshots__/icon.test.tsx.snap
Original file line number Diff line number Diff line change
Expand Up @@ -2796,6 +2796,36 @@ exports[`icon render undefined without problems 466`] = `
</ContextConsumer>
`;

exports[`icon render undefined without problems 467`] = `
<ContextConsumer>
<Component />
</ContextConsumer>
`;

exports[`icon render undefined without problems 468`] = `
<ContextConsumer>
<Component />
</ContextConsumer>
`;

exports[`icon render undefined without problems 469`] = `
<ContextConsumer>
<Component />
</ContextConsumer>
`;

exports[`icon render undefined without problems 470`] = `
<ContextConsumer>
<Component />
</ContextConsumer>
`;

exports[`icon render undefined without problems 471`] = `
<ContextConsumer>
<Component />
</ContextConsumer>
`;

exports[`icon renders without problems 1`] = `
<ContextConsumer>
<Component />
Expand Down
1 change: 1 addition & 0 deletions src/icon/action/return/icon_return_m_black.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/icon/action/return/icon_return_m_white.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/icon/action/return/icon_return_xl_black.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/icon/action/return/icon_return_xl_white.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/icon/action/return/icon_return_xxl_black.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/icon/action/return/icon_return_xxl_white.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions src/icon/action/return/index.ts
Original file line number Diff line number Diff line change
@@ -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 './return.css';
import '../..';

export * from './return';
export { default } from './return';
27 changes: 27 additions & 0 deletions src/icon/action/return/return.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
/* 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_m.icon_name_return.icon_theme_alfa-on-white {
background-image: url('./icon_return_m_black.svg');
}

.icon_size_m.icon_name_return.icon_theme_alfa-on-color {
background-image: url('./icon_return_m_white.svg');
}

.icon_size_xl.icon_name_return.icon_theme_alfa-on-white {
background-image: url('./icon_return_xl_black.svg');
}

.icon_size_xl.icon_name_return.icon_theme_alfa-on-color {
background-image: url('./icon_return_xl_white.svg');
}

.icon_size_xxl.icon_name_return.icon_theme_alfa-on-white {
background-image: url('./icon_return_xxl_black.svg');
}

.icon_size_xxl.icon_name_return.icon_theme_alfa-on-color {
background-image: url('./icon_return_xxl_white.svg');
}
21 changes: 21 additions & 0 deletions src/icon/action/return/return.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
/* 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 '../..';
import { IconProps } from '../../icon';

class IconReturn extends React.PureComponent<IconProps> {
render() {
return (
<Icon
{ ...this.props }
name="return"
/>
);
}
}

export default withTheme<IconProps, IconReturn>(IconReturn);
7 changes: 7 additions & 0 deletions src/icon/brand/bank-rosbank/bank-rosbank.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
/* 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_m.icon_name_bank-rosbank.icon_colored.icon_theme_alfa-on-color, .icon_size_m.icon_name_bank-rosbank.icon_colored.icon_theme_alfa-on-white {
background-image: url('./icon_bank-rosbank_m_color.svg');
}
21 changes: 21 additions & 0 deletions src/icon/brand/bank-rosbank/bank-rosbank.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
/* 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 '../..';
import { IconProps } from '../../icon';

class IconBankRosbank extends React.PureComponent<IconProps> {
render() {
return (
<Icon
{ ...this.props }
name="bank-rosbank"
/>
);
}
}

export default withTheme<IconProps, IconBankRosbank>(IconBankRosbank);
1 change: 1 addition & 0 deletions src/icon/brand/bank-rosbank/icon_bank-rosbank_m_color.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions src/icon/brand/bank-rosbank/index.ts
Original file line number Diff line number Diff line change
@@ -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 './bank-rosbank.css';
import '../..';

export * from './bank-rosbank';
export { default } from './bank-rosbank';
11 changes: 11 additions & 0 deletions src/icon/brand/bank-rshb/bank-rshb.css
Original file line number Diff line number Diff line change
@@ -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_m.icon_name_bank-rshb.icon_theme_alfa-on-white {
background-image: url('./icon_bank-rshb_m_black.svg');
}

.icon_size_m.icon_name_bank-rshb.icon_colored.icon_theme_alfa-on-color, .icon_size_m.icon_name_bank-rshb.icon_colored.icon_theme_alfa-on-white {
background-image: url('./icon_bank-rshb_m_color.svg');
}
21 changes: 21 additions & 0 deletions src/icon/brand/bank-rshb/bank-rshb.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
/* 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 '../..';
import { IconProps } from '../../icon';

class IconBankRshb extends React.PureComponent<IconProps> {
render() {
return (
<Icon
{ ...this.props }
name="bank-rshb"
/>
);
}
}

export default withTheme<IconProps, IconBankRshb>(IconBankRshb);
1 change: 1 addition & 0 deletions src/icon/brand/bank-rshb/icon_bank-rshb_m_black.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 1d80361

Please sign in to comment.