Skip to content

Commit

Permalink
feat: added icons with new name
Browse files Browse the repository at this point in the history
  • Loading branch information
@tewarig
tewarig committed Jan 28, 2025
1 parent cdcaaf4 commit 2b35f01
Show file tree
Hide file tree
Showing 69 changed files with 1,988 additions and 3 deletions.
30 changes: 27 additions & 3 deletions packages/blade/scripts/icons.json
View file

Large diffs are not rendered by default.

11 changes: 11 additions & 0 deletions packages/blade/src/components/Icons/ArrowSquareDownIcon/ArrowSquareDownIcon.native.test.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import ArrowSquareDownIcon from '.';
import renderWithTheme from '~utils/testing/renderWithTheme.native';

describe('<ArrowSquareDownIcon />', () => {
it('should render ArrowSquareDownIcon', () => {
const renderTree = renderWithTheme(
<ArrowSquareDownIcon color="feedback.icon.neutral.intense" size="large" />,
).toJSON();
expect(renderTree).toMatchSnapshot();
});
});
40 changes: 40 additions & 0 deletions packages/blade/src/components/Icons/ArrowSquareDownIcon/ArrowSquareDownIcon.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
import { Svg, Path } from '../_Svg';
import type { IconComponent } from '..';
import useIconProps from '../useIconProps';

const ArrowSquareDownIcon: IconComponent = ({

Check failure on line 5 in packages/blade/src/components/Icons/ArrowSquareDownIcon/ArrowSquareDownIcon.tsx

View workflow job for this annotation

GitHub Actions / Validate Source Code 

Replace `⏎··size,⏎··color,⏎··...styledProps⏎` with `·size,·color,·...styledProps·`
size,
color,
...styledProps
}) => {
const { height, width, iconColor } = useIconProps({ size, color });

return (
<Svg

Check failure on line 13 in packages/blade/src/components/Icons/ArrowSquareDownIcon/ArrowSquareDownIcon.tsx

View workflow job for this annotation

GitHub Actions / Validate Source Code 

Replace `⏎······{...styledProps}⏎······width={width}⏎······height={height}⏎······viewBox="0·0·24·24"⏎······fill="none"⏎····` with `·{...styledProps}·width={width}·height={height}·viewBox="0·0·24·24"·fill="none"`
{...styledProps}
width={width}
height={height}
viewBox="0 0 24 24"
fill="none"
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M8.54289 12.2929C8.93342 11.9024 9.56658 11.9024 9.95711 12.2929L12.25 14.5858L14.5429 12.2929C14.9334 11.9024 15.5666 11.9024 15.9571 12.2929C16.3476 12.6834 16.3476 13.3166 15.9571 13.7071L12.9571 16.7071C12.5666 17.0976 11.9334 17.0976 11.5429 16.7071L8.54289 13.7071C8.15237 13.3166 8.15237 12.6834 8.54289 12.2929Z"
fill={iconColor}
/>
<Path
d="M13.25 8.5C13.25 7.94772 12.8023 7.5 12.25 7.5C11.6977 7.5 11.25 7.94772 11.25 8.5V16C11.25 16.5523 11.6977 17 12.25 17C12.8023 17 13.25 16.5523 13.25 16V8.5Z"
fill={iconColor}
/>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M4.75 3C3.7835 3 3 3.7835 3 4.75V19.75C3 20.7165 3.7835 21.5 4.75 21.5H19.75C20.7165 21.5 21.5 20.7165 21.5 19.75V4.75C21.5 3.7835 20.7165 3 19.75 3H4.75ZM5 19.5V5H19.5V19.5H5Z"
fill={iconColor}
/>
</Svg>
);
};

export default ArrowSquareDownIcon;
11 changes: 11 additions & 0 deletions packages/blade/src/components/Icons/ArrowSquareDownIcon/ArrowSquareDownIcon.web.test.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import ArrowSquareDownIcon from './';
import renderWithTheme from '~utils/testing/renderWithTheme.web';

describe('<ArrowSquareDownIcon />', () => {
it('should render ArrowSquareDownIcon', () => {
const { container } = renderWithTheme(
<ArrowSquareDownIcon color="feedback.icon.neutral.intense" size="large" />,
);
expect(container).toMatchSnapshot();
});
});
103 changes: 103 additions & 0 deletions ...mponents/Icons/ArrowSquareDownIcon/__snapshots__/ArrowSquareDownIcon.native.test.tsx.snap
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<ArrowSquareDownIcon /> should render ArrowSquareDownIcon 1`] = `
<View
style={
{
"flex": 1,
}
}
>
<RNSVGSvgView
accessibilityElementsHidden={true}
align="xMidYMid"
bbHeight="20px"
bbWidth="20px"
data-blade-component="icon"
fill="none"
focusable={false}
height="20px"
importantForAccessibility="no-hide-descendants"
meetOrSlice={0}
minX={0}
minY={0}
style={
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
[
{},
],
{
"flex": 0,
"height": 20,
"width": 20,
},
]
}
vbHeight={24}
vbWidth={24}
width="20px"
>
<RNSVGGroup
fill={null}
propList={
[
"fill",
]
}
>
<RNSVGPath
clipRule={0}
d="M8.54289 12.2929C8.93342 11.9024 9.56658 11.9024 9.95711 12.2929L12.25 14.5858L14.5429 12.2929C14.9334 11.9024 15.5666 11.9024 15.9571 12.2929C16.3476 12.6834 16.3476 13.3166 15.9571 13.7071L12.9571 16.7071C12.5666 17.0976 11.9334 17.0976 11.5429 16.7071L8.54289 13.7071C8.15237 13.3166 8.15237 12.6834 8.54289 12.2929Z"
fill={
{
"payload": 4280563015,
"type": 0,
}
}
fillRule={0}
propList={
[
"fill",
"fillRule",
]
}
/>
<RNSVGPath
d="M13.25 8.5C13.25 7.94772 12.8023 7.5 12.25 7.5C11.6977 7.5 11.25 7.94772 11.25 8.5V16C11.25 16.5523 11.6977 17 12.25 17C12.8023 17 13.25 16.5523 13.25 16V8.5Z"
fill={
{
"payload": 4280563015,
"type": 0,
}
}
propList={
[
"fill",
]
}
/>
<RNSVGPath
clipRule={0}
d="M4.75 3C3.7835 3 3 3.7835 3 4.75V19.75C3 20.7165 3.7835 21.5 4.75 21.5H19.75C20.7165 21.5 21.5 20.7165 21.5 19.75V4.75C21.5 3.7835 20.7165 3 19.75 3H4.75ZM5 19.5V5H19.5V19.5H5Z"
fill={
{
"payload": 4280563015,
"type": 0,
}
}
fillRule={0}
propList={
[
"fill",
"fillRule",
]
}
/>
</RNSVGGroup>
</RNSVGSvgView>
</View>
`;
35 changes: 35 additions & 0 deletions .../components/Icons/ArrowSquareDownIcon/__snapshots__/ArrowSquareDownIcon.web.test.tsx.snap
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<ArrowSquareDownIcon /> should render ArrowSquareDownIcon 1`] = `
<div>
<svg
aria-hidden="true"
class="Svgweb__StyledSvg-vcmjs8-0"
data-blade-component="icon"
fill="none"
height="20px"
viewBox="0 0 24 24"
width="20px"
>
<path
clip-rule="evenodd"
d="M8.54289 12.2929C8.93342 11.9024 9.56658 11.9024 9.95711 12.2929L12.25 14.5858L14.5429 12.2929C14.9334 11.9024 15.5666 11.9024 15.9571 12.2929C16.3476 12.6834 16.3476 13.3166 15.9571 13.7071L12.9571 16.7071C12.5666 17.0976 11.9334 17.0976 11.5429 16.7071L8.54289 13.7071C8.15237 13.3166 8.15237 12.6834 8.54289 12.2929Z"
data-blade-component="svg-path"
fill="hsla(211, 33%, 21%, 1)"
fill-rule="evenodd"
/>
<path
d="M13.25 8.5C13.25 7.94772 12.8023 7.5 12.25 7.5C11.6977 7.5 11.25 7.94772 11.25 8.5V16C11.25 16.5523 11.6977 17 12.25 17C12.8023 17 13.25 16.5523 13.25 16V8.5Z"
data-blade-component="svg-path"
fill="hsla(211, 33%, 21%, 1)"
/>
<path
clip-rule="evenodd"
d="M4.75 3C3.7835 3 3 3.7835 3 4.75V19.75C3 20.7165 3.7835 21.5 4.75 21.5H19.75C20.7165 21.5 21.5 20.7165 21.5 19.75V4.75C21.5 3.7835 20.7165 3 19.75 3H4.75ZM5 19.5V5H19.5V19.5H5Z"
data-blade-component="svg-path"
fill="hsla(211, 33%, 21%, 1)"
fill-rule="evenodd"
/>
</svg>
</div>
`;
1 change: 1 addition & 0 deletions packages/blade/src/components/Icons/ArrowSquareDownIcon/index.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export { default } from './ArrowSquareDownIcon';
11 changes: 11 additions & 0 deletions ...lade/src/components/Icons/ArrowSquareDownLeftIcon/ArrowSquareDownLeftIcon.native.test.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import ArrowSquareDownLeftIcon from '.';
import renderWithTheme from '~utils/testing/renderWithTheme.native';

describe('<ArrowSquareDownLeftIcon />', () => {
it('should render ArrowSquareDownLeftIcon', () => {
const renderTree = renderWithTheme(
<ArrowSquareDownLeftIcon color="feedback.icon.neutral.intense" size="large" />,
).toJSON();
expect(renderTree).toMatchSnapshot();
});
});
34 changes: 34 additions & 0 deletions packages/blade/src/components/Icons/ArrowSquareDownLeftIcon/ArrowSquareDownLeftIcon.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
import { Svg, Path } from '../_Svg';
import type { IconComponent } from '..';
import useIconProps from '../useIconProps';

const ArrowSquareDownLeftIcon: IconComponent = ({

Check failure on line 5 in packages/blade/src/components/Icons/ArrowSquareDownLeftIcon/ArrowSquareDownLeftIcon.tsx

View workflow job for this annotation

GitHub Actions / Validate Source Code 

Replace `⏎··size,⏎··color,⏎··...styledProps⏎` with `·size,·color,·...styledProps·`
size,
color,
...styledProps
}) => {
const { height, width, iconColor } = useIconProps({ size, color });

return (
<Svg

Check failure on line 13 in packages/blade/src/components/Icons/ArrowSquareDownLeftIcon/ArrowSquareDownLeftIcon.tsx

View workflow job for this annotation

GitHub Actions / Validate Source Code 

Replace `⏎······{...styledProps}⏎······width={width}⏎······height={height}⏎······viewBox="0·0·24·24"⏎······fill="none"⏎····` with `·{...styledProps}·width={width}·height={height}·viewBox="0·0·24·24"·fill="none"`
{...styledProps}
width={width}
height={height}
viewBox="0 0 24 24"
fill="none"
>
<Path
d="M8 10.5C8 9.94772 8.44772 9.5 9 9.5C9.55228 9.5 10 9.94772 10 10.5V12.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L11.4142 14H13.5C14.0523 14 14.5 14.4477 14.5 15C14.5 15.5523 14.0523 16 13.5 16H9.00069C8.99969 16 8.998 16 8.997 16C8.72313 15.9992 8.47515 15.8883 8.29502 15.7092C8.2936 15.7078 8.29219 15.7064 8.29078 15.705C8.19595 15.6096 8.12432 15.4999 8.07588 15.3828C8.02699 15.2649 8 15.1356 8 15V10.5Z"
fill={iconColor}
/>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M4.5 21.25C3.5335 21.25 2.75 20.4665 2.75 19.5V4.5C2.75 3.5335 3.5335 2.75 4.5 2.75H19.5C20.4665 2.75 21.25 3.5335 21.25 4.5V19.5C21.25 20.4665 20.4665 21.25 19.5 21.25H4.5ZM4.75 19.25H19.25V4.75H4.75V19.25Z"
fill={iconColor}
/>
</Svg>
);
};

export default ArrowSquareDownLeftIcon;
11 changes: 11 additions & 0 deletions ...s/blade/src/components/Icons/ArrowSquareDownLeftIcon/ArrowSquareDownLeftIcon.web.test.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import ArrowSquareDownLeftIcon from './';
import renderWithTheme from '~utils/testing/renderWithTheme.web';

describe('<ArrowSquareDownLeftIcon />', () => {
it('should render ArrowSquareDownLeftIcon', () => {
const { container } = renderWithTheme(
<ArrowSquareDownLeftIcon color="feedback.icon.neutral.intense" size="large" />,
);
expect(container).toMatchSnapshot();
});
});
86 changes: 86 additions & 0 deletions .../Icons/ArrowSquareDownLeftIcon/__snapshots__/ArrowSquareDownLeftIcon.native.test.tsx.snap
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<ArrowSquareDownLeftIcon /> should render ArrowSquareDownLeftIcon 1`] = `
<View
style={
{
"flex": 1,
}
}
>
<RNSVGSvgView
accessibilityElementsHidden={true}
align="xMidYMid"
bbHeight="20px"
bbWidth="20px"
data-blade-component="icon"
fill="none"
focusable={false}
height="20px"
importantForAccessibility="no-hide-descendants"
meetOrSlice={0}
minX={0}
minY={0}
style={
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
[
{},
],
{
"flex": 0,
"height": 20,
"width": 20,
},
]
}
vbHeight={24}
vbWidth={24}
width="20px"
>
<RNSVGGroup
fill={null}
propList={
[
"fill",
]
}
>
<RNSVGPath
d="M8 10.5C8 9.94772 8.44772 9.5 9 9.5C9.55228 9.5 10 9.94772 10 10.5V12.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L11.4142 14H13.5C14.0523 14 14.5 14.4477 14.5 15C14.5 15.5523 14.0523 16 13.5 16H9.00069C8.99969 16 8.998 16 8.997 16C8.72313 15.9992 8.47515 15.8883 8.29502 15.7092C8.2936 15.7078 8.29219 15.7064 8.29078 15.705C8.19595 15.6096 8.12432 15.4999 8.07588 15.3828C8.02699 15.2649 8 15.1356 8 15V10.5Z"
fill={
{
"payload": 4280563015,
"type": 0,
}
}
propList={
[
"fill",
]
}
/>
<RNSVGPath
clipRule={0}
d="M4.5 21.25C3.5335 21.25 2.75 20.4665 2.75 19.5V4.5C2.75 3.5335 3.5335 2.75 4.5 2.75H19.5C20.4665 2.75 21.25 3.5335 21.25 4.5V19.5C21.25 20.4665 20.4665 21.25 19.5 21.25H4.5ZM4.75 19.25H19.25V4.75H4.75V19.25Z"
fill={
{
"payload": 4280563015,
"type": 0,
}
}
fillRule={0}
propList={
[
"fill",
"fillRule",
]
}
/>
</RNSVGGroup>
</RNSVGSvgView>
</View>
`;
28 changes: 28 additions & 0 deletions ...nts/Icons/ArrowSquareDownLeftIcon/__snapshots__/ArrowSquareDownLeftIcon.web.test.tsx.snap
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<ArrowSquareDownLeftIcon /> should render ArrowSquareDownLeftIcon 1`] = `
<div>
<svg
aria-hidden="true"
class="Svgweb__StyledSvg-vcmjs8-0"
data-blade-component="icon"
fill="none"
height="20px"
viewBox="0 0 24 24"
width="20px"
>
<path
d="M8 10.5C8 9.94772 8.44772 9.5 9 9.5C9.55228 9.5 10 9.94772 10 10.5V12.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L11.4142 14H13.5C14.0523 14 14.5 14.4477 14.5 15C14.5 15.5523 14.0523 16 13.5 16H9.00069C8.99969 16 8.998 16 8.997 16C8.72313 15.9992 8.47515 15.8883 8.29502 15.7092C8.2936 15.7078 8.29219 15.7064 8.29078 15.705C8.19595 15.6096 8.12432 15.4999 8.07588 15.3828C8.02699 15.2649 8 15.1356 8 15V10.5Z"
data-blade-component="svg-path"
fill="hsla(211, 33%, 21%, 1)"
/>
<path
clip-rule="evenodd"
d="M4.5 21.25C3.5335 21.25 2.75 20.4665 2.75 19.5V4.5C2.75 3.5335 3.5335 2.75 4.5 2.75H19.5C20.4665 2.75 21.25 3.5335 21.25 4.5V19.5C21.25 20.4665 20.4665 21.25 19.5 21.25H4.5ZM4.75 19.25H19.25V4.75H4.75V19.25Z"
data-blade-component="svg-path"
fill="hsla(211, 33%, 21%, 1)"
fill-rule="evenodd"
/>
</svg>
</div>
`;
1 change: 1 addition & 0 deletions packages/blade/src/components/Icons/ArrowSquareDownLeftIcon/index.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export { default } from './ArrowSquareDownLeftIcon';
11 changes: 11 additions & 0 deletions ...de/src/components/Icons/ArrowSquareDownRightIcon/ArrowSquareDownRightIcon.native.test.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import ArrowSquareDownRightIcon from '.';
import renderWithTheme from '~utils/testing/renderWithTheme.native';

describe('<ArrowSquareDownRightIcon />', () => {
it('should render ArrowSquareDownRightIcon', () => {
const renderTree = renderWithTheme(
<ArrowSquareDownRightIcon color="feedback.icon.neutral.intense" size="large" />,
).toJSON();
expect(renderTree).toMatchSnapshot();
});
});
Loading

0 comments on commit 2b35f01

Please sign in to comment.