@infonomic/uikit 5.20.0 → 5.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/icons/index.d.ts +11 -0
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/icons/index.js +11 -0
- package/dist/icons/stop-icon.d.ts +7 -0
- package/dist/icons/stop-icon.d.ts.map +1 -0
- package/dist/icons/stop-icon.js +35 -0
- package/dist/react.d.ts +1 -0
- package/dist/react.d.ts.map +1 -1
- package/dist/react.js +1 -0
- package/package.json +7 -7
- package/src/icons/icons.stories.tsx +60 -0
- package/src/icons/index.stories.tsx +1 -1
- package/src/icons/index.ts +11 -0
- package/src/icons/stop-icon.tsx +33 -0
- package/src/react.ts +1 -0
package/dist/icons/index.d.ts
CHANGED
|
@@ -1,19 +1,28 @@
|
|
|
1
1
|
export * from './activity-icon.js';
|
|
2
2
|
export * from './calendar-icon.js';
|
|
3
3
|
export * from './check-icon.js';
|
|
4
|
+
export * from './chevron-down-icon.js';
|
|
5
|
+
export * from './chevron-left-double-icon.js';
|
|
6
|
+
export * from './chevron-left-icon.js';
|
|
7
|
+
export * from './chevron-right-double-icon.js';
|
|
8
|
+
export * from './chevron-right-icon.js';
|
|
9
|
+
export * from './chevrons-up-down.js';
|
|
4
10
|
export * from './close-icon.js';
|
|
5
11
|
export * from './copy-icon.js';
|
|
6
12
|
export * from './danger-icon.js';
|
|
7
13
|
export * from './dashboard-icon.js';
|
|
8
14
|
export * from './delete-icon.js';
|
|
9
15
|
export * from './document-icon.js';
|
|
16
|
+
export * from './download-icon.js';
|
|
10
17
|
export * from './edit-icon.js';
|
|
11
18
|
export * from './ellipsis-icon.js';
|
|
12
19
|
export * from './email-icon.js';
|
|
20
|
+
export * from './external-link-icon.js';
|
|
13
21
|
export * from './github-icon.js';
|
|
14
22
|
export * from './globe-icon.js';
|
|
15
23
|
export * from './google-icon.js';
|
|
16
24
|
export * from './gripper-vertical-icon.js';
|
|
25
|
+
export * from './history-icon.js';
|
|
17
26
|
export * from './home-icon.js';
|
|
18
27
|
export * from './icon-element.js';
|
|
19
28
|
export * from './info-icon.js';
|
|
@@ -22,6 +31,7 @@ export * from './light-icon.js';
|
|
|
22
31
|
export * from './location-pin-icon.js';
|
|
23
32
|
export * from './moon-icon.js';
|
|
24
33
|
export * from './plus-icon.js';
|
|
34
|
+
export * from './primary-icon.js';
|
|
25
35
|
export * from './refresh-icon.js';
|
|
26
36
|
export * from './return-icon.js';
|
|
27
37
|
export * from './roles-icon.js';
|
|
@@ -30,6 +40,7 @@ export * from './search-menu-icon.js';
|
|
|
30
40
|
export * from './settings-gear-icon.js';
|
|
31
41
|
export * from './settings-sliders-icon.js';
|
|
32
42
|
export * from './sign-out-icon.js';
|
|
43
|
+
export * from './stop-icon.js';
|
|
33
44
|
export * from './stopwatch-icon.js';
|
|
34
45
|
export * from './success-icon.js';
|
|
35
46
|
export * from './user-icon.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA"}
|
package/dist/icons/index.js
CHANGED
|
@@ -1,19 +1,28 @@
|
|
|
1
1
|
export * from "./activity-icon.js";
|
|
2
2
|
export * from "./calendar-icon.js";
|
|
3
3
|
export * from "./check-icon.js";
|
|
4
|
+
export * from "./chevron-down-icon.js";
|
|
5
|
+
export * from "./chevron-left-double-icon.js";
|
|
6
|
+
export * from "./chevron-left-icon.js";
|
|
7
|
+
export * from "./chevron-right-double-icon.js";
|
|
8
|
+
export * from "./chevron-right-icon.js";
|
|
9
|
+
export * from "./chevrons-up-down.js";
|
|
4
10
|
export * from "./close-icon.js";
|
|
5
11
|
export * from "./copy-icon.js";
|
|
6
12
|
export * from "./danger-icon.js";
|
|
7
13
|
export * from "./dashboard-icon.js";
|
|
8
14
|
export * from "./delete-icon.js";
|
|
9
15
|
export * from "./document-icon.js";
|
|
16
|
+
export * from "./download-icon.js";
|
|
10
17
|
export * from "./edit-icon.js";
|
|
11
18
|
export * from "./ellipsis-icon.js";
|
|
12
19
|
export * from "./email-icon.js";
|
|
20
|
+
export * from "./external-link-icon.js";
|
|
13
21
|
export * from "./github-icon.js";
|
|
14
22
|
export * from "./globe-icon.js";
|
|
15
23
|
export * from "./google-icon.js";
|
|
16
24
|
export * from "./gripper-vertical-icon.js";
|
|
25
|
+
export * from "./history-icon.js";
|
|
17
26
|
export * from "./home-icon.js";
|
|
18
27
|
export * from "./icon-element.js";
|
|
19
28
|
export * from "./info-icon.js";
|
|
@@ -22,6 +31,7 @@ export * from "./light-icon.js";
|
|
|
22
31
|
export * from "./location-pin-icon.js";
|
|
23
32
|
export * from "./moon-icon.js";
|
|
24
33
|
export * from "./plus-icon.js";
|
|
34
|
+
export * from "./primary-icon.js";
|
|
25
35
|
export * from "./refresh-icon.js";
|
|
26
36
|
export * from "./return-icon.js";
|
|
27
37
|
export * from "./roles-icon.js";
|
|
@@ -30,6 +40,7 @@ export * from "./search-menu-icon.js";
|
|
|
30
40
|
export * from "./settings-gear-icon.js";
|
|
31
41
|
export * from "./settings-sliders-icon.js";
|
|
32
42
|
export * from "./sign-out-icon.js";
|
|
43
|
+
export * from "./stop-icon.js";
|
|
33
44
|
export * from "./stopwatch-icon.js";
|
|
34
45
|
export * from "./success-icon.js";
|
|
35
46
|
export * from "./user-icon.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stop-icon.d.ts","sourceRoot":"","sources":["../../src/icons/stop-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAEhD,eAAO,MAAM,QAAQ;2CAA0C,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAsB3F,CAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classnames from "classnames";
|
|
3
|
+
import { IconElement } from "./icon-element.js";
|
|
4
|
+
import icons_module from "./icons.module.js";
|
|
5
|
+
const StopIcon = ({ className, svgClassName, ...rest })=>{
|
|
6
|
+
const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
|
|
7
|
+
return /*#__PURE__*/ jsx(IconElement, {
|
|
8
|
+
className: classnames('stop-icon', className),
|
|
9
|
+
...rest,
|
|
10
|
+
children: /*#__PURE__*/ jsxs("svg", {
|
|
11
|
+
className: applied,
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
focusable: "false",
|
|
14
|
+
"aria-hidden": "true",
|
|
15
|
+
viewBox: "0 0 24 24",
|
|
16
|
+
fill: "none",
|
|
17
|
+
stroke: "currentColor",
|
|
18
|
+
strokeWidth: "1.5",
|
|
19
|
+
strokeLinecap: "round",
|
|
20
|
+
strokeLinejoin: "round",
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ jsx("path", {
|
|
23
|
+
stroke: "none",
|
|
24
|
+
d: "M0 0h24v24H0z",
|
|
25
|
+
fill: "none"
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ jsx("path", {
|
|
28
|
+
d: "M5 7a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2l0 -10"
|
|
29
|
+
})
|
|
30
|
+
]
|
|
31
|
+
})
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
StopIcon.displayName = 'StopIcon';
|
|
35
|
+
export { StopIcon };
|
package/dist/react.d.ts
CHANGED
|
@@ -83,6 +83,7 @@ export * from './icons/search-menu-icon.js';
|
|
|
83
83
|
export * from './icons/settings-gear-icon.js';
|
|
84
84
|
export * from './icons/settings-sliders-icon.js';
|
|
85
85
|
export * from './icons/sign-out-icon.js';
|
|
86
|
+
export * from './icons/stop-icon.js';
|
|
86
87
|
export * from './icons/stopwatch-icon.js';
|
|
87
88
|
export * from './icons/success-icon.js';
|
|
88
89
|
export * from './icons/user-icon.js';
|
package/dist/react.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}
|
package/dist/react.js
CHANGED
|
@@ -79,6 +79,7 @@ export * from "./icons/search-menu-icon.js";
|
|
|
79
79
|
export * from "./icons/settings-gear-icon.js";
|
|
80
80
|
export * from "./icons/settings-sliders-icon.js";
|
|
81
81
|
export * from "./icons/sign-out-icon.js";
|
|
82
|
+
export * from "./icons/stop-icon.js";
|
|
82
83
|
export * from "./icons/stopwatch-icon.js";
|
|
83
84
|
export * from "./icons/success-icon.js";
|
|
84
85
|
export * from "./icons/user-icon.js";
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@infonomic/uikit",
|
|
3
3
|
"private": false,
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "5.
|
|
5
|
+
"version": "5.21.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
|
|
8
8
|
"keywords": [
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"classnames": "^2.5.1",
|
|
61
61
|
"date-fns": "^4.1.0",
|
|
62
62
|
"material-ripple-effects": "^2.0.1",
|
|
63
|
-
"motion": "^12.
|
|
63
|
+
"motion": "^12.26.2",
|
|
64
64
|
"npm-run-all": "^4.1.5",
|
|
65
65
|
"prism-react-renderer": "^2.4.1",
|
|
66
66
|
"radix-ui": "^1.4.3",
|
|
@@ -76,19 +76,19 @@
|
|
|
76
76
|
"@astrojs/check": "0.9.6",
|
|
77
77
|
"@astrojs/node": "9.5.1",
|
|
78
78
|
"@biomejs/biome": "2.3.11",
|
|
79
|
-
"@rsbuild/plugin-react": "^1.4.
|
|
80
|
-
"@rslib/core": "^0.19.
|
|
79
|
+
"@rsbuild/plugin-react": "^1.4.3",
|
|
80
|
+
"@rslib/core": "^0.19.2",
|
|
81
81
|
"@storybook/addon-a11y": "^10.1.11",
|
|
82
82
|
"@storybook/addon-docs": "^10.1.11",
|
|
83
83
|
"@storybook/addon-links": "^10.1.11",
|
|
84
84
|
"@storybook/addon-themes": "^10.1.11",
|
|
85
85
|
"@storybook/react-vite": "^10.1.11",
|
|
86
86
|
"@types/lodash": "^4.17.23",
|
|
87
|
-
"@types/node": "^25.0.
|
|
87
|
+
"@types/node": "^25.0.9",
|
|
88
88
|
"@types/react": "19.2.8",
|
|
89
89
|
"@types/react-dom": "19.2.3",
|
|
90
90
|
"@vitejs/plugin-react": "^5.1.2",
|
|
91
|
-
"astro": "5.16.
|
|
91
|
+
"astro": "5.16.9",
|
|
92
92
|
"chokidar": "^5.0.0",
|
|
93
93
|
"eslint-plugin-storybook": "^10.1.11",
|
|
94
94
|
"lightningcss": "^1.30.2",
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"typescript": "5.9.3",
|
|
101
101
|
"typescript-plugin-css-modules": "^5.2.0",
|
|
102
102
|
"vite": "^7.3.1",
|
|
103
|
-
"vitest": "^4.0.
|
|
103
|
+
"vitest": "^4.0.17"
|
|
104
104
|
},
|
|
105
105
|
"publishConfig": {
|
|
106
106
|
"access": "public",
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
2
|
+
import type React from 'react'
|
|
3
|
+
|
|
4
|
+
import * as AllIcons from './index.js'
|
|
5
|
+
|
|
6
|
+
const IconsDemo = (): React.JSX.Element => (
|
|
7
|
+
<div
|
|
8
|
+
className="icon-demo"
|
|
9
|
+
style={{
|
|
10
|
+
margin: '16px 0',
|
|
11
|
+
display: 'grid',
|
|
12
|
+
gridTemplateColumns: 'repeat(auto-fit, minmax(80px, 1fr))',
|
|
13
|
+
gap: '12px',
|
|
14
|
+
}}
|
|
15
|
+
>
|
|
16
|
+
{Object.entries(AllIcons)
|
|
17
|
+
.filter(([name, Icon]) => name !== 'IconElement' && typeof Icon === 'function')
|
|
18
|
+
.map(([name, Icon]) => {
|
|
19
|
+
// Cast to any to avoid complex typing for the import * object
|
|
20
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
21
|
+
const Component = Icon as React.ComponentType<any>
|
|
22
|
+
return (
|
|
23
|
+
<div
|
|
24
|
+
key={name}
|
|
25
|
+
className="flex flex-col items-center justify-center"
|
|
26
|
+
style={{ display: 'flex', flexDirection: 'column' }}
|
|
27
|
+
>
|
|
28
|
+
<Component style={{ marginBottom: '8px' }} />
|
|
29
|
+
<div
|
|
30
|
+
style={{
|
|
31
|
+
fontSize: '10px',
|
|
32
|
+
textOverflow: 'ellipsis',
|
|
33
|
+
overflow: 'hidden',
|
|
34
|
+
whiteSpace: 'nowrap',
|
|
35
|
+
}}
|
|
36
|
+
title={name}
|
|
37
|
+
>
|
|
38
|
+
{name}
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
)
|
|
42
|
+
})}
|
|
43
|
+
</div>
|
|
44
|
+
)
|
|
45
|
+
|
|
46
|
+
export default {
|
|
47
|
+
title: 'Icons/All',
|
|
48
|
+
component: IconsDemo,
|
|
49
|
+
argTypes: {},
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
export const All = (): React.JSX.Element => {
|
|
53
|
+
return (
|
|
54
|
+
<div className="mb-6">
|
|
55
|
+
<div className="max-w-[700px]">
|
|
56
|
+
<IconsDemo />
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
)
|
|
60
|
+
}
|
package/src/icons/index.ts
CHANGED
|
@@ -1,19 +1,28 @@
|
|
|
1
1
|
export * from './activity-icon.js'
|
|
2
2
|
export * from './calendar-icon.js'
|
|
3
3
|
export * from './check-icon.js'
|
|
4
|
+
export * from './chevron-down-icon.js'
|
|
5
|
+
export * from './chevron-left-double-icon.js'
|
|
6
|
+
export * from './chevron-left-icon.js'
|
|
7
|
+
export * from './chevron-right-double-icon.js'
|
|
8
|
+
export * from './chevron-right-icon.js'
|
|
9
|
+
export * from './chevrons-up-down.js'
|
|
4
10
|
export * from './close-icon.js'
|
|
5
11
|
export * from './copy-icon.js'
|
|
6
12
|
export * from './danger-icon.js'
|
|
7
13
|
export * from './dashboard-icon.js'
|
|
8
14
|
export * from './delete-icon.js'
|
|
9
15
|
export * from './document-icon.js'
|
|
16
|
+
export * from './download-icon.js'
|
|
10
17
|
export * from './edit-icon.js'
|
|
11
18
|
export * from './ellipsis-icon.js'
|
|
12
19
|
export * from './email-icon.js'
|
|
20
|
+
export * from './external-link-icon.js'
|
|
13
21
|
export * from './github-icon.js'
|
|
14
22
|
export * from './globe-icon.js'
|
|
15
23
|
export * from './google-icon.js'
|
|
16
24
|
export * from './gripper-vertical-icon.js'
|
|
25
|
+
export * from './history-icon.js'
|
|
17
26
|
export * from './home-icon.js'
|
|
18
27
|
export * from './icon-element.js'
|
|
19
28
|
export * from './info-icon.js'
|
|
@@ -22,6 +31,7 @@ export * from './light-icon.js'
|
|
|
22
31
|
export * from './location-pin-icon.js'
|
|
23
32
|
export * from './moon-icon.js'
|
|
24
33
|
export * from './plus-icon.js'
|
|
34
|
+
export * from './primary-icon.js'
|
|
25
35
|
export * from './refresh-icon.js'
|
|
26
36
|
export * from './return-icon.js'
|
|
27
37
|
export * from './roles-icon.js'
|
|
@@ -30,6 +40,7 @@ export * from './search-menu-icon.js'
|
|
|
30
40
|
export * from './settings-gear-icon.js'
|
|
31
41
|
export * from './settings-sliders-icon.js'
|
|
32
42
|
export * from './sign-out-icon.js'
|
|
43
|
+
export * from './stop-icon.js'
|
|
33
44
|
export * from './stopwatch-icon.js'
|
|
34
45
|
export * from './success-icon.js'
|
|
35
46
|
export * from './user-icon.js'
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type React from 'react'
|
|
2
|
+
|
|
3
|
+
import cx from 'classnames'
|
|
4
|
+
|
|
5
|
+
import { IconElement } from './icon-element.jsx'
|
|
6
|
+
import styles from './icons.module.css'
|
|
7
|
+
import type { IconProps } from './types/icon.js'
|
|
8
|
+
|
|
9
|
+
export const StopIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
|
|
10
|
+
const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
|
|
11
|
+
|
|
12
|
+
return (
|
|
13
|
+
<IconElement className={cx('stop-icon', className)} {...rest}>
|
|
14
|
+
<svg
|
|
15
|
+
className={applied}
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
focusable="false"
|
|
18
|
+
aria-hidden="true"
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
strokeWidth="1.5"
|
|
23
|
+
strokeLinecap="round"
|
|
24
|
+
strokeLinejoin="round"
|
|
25
|
+
>
|
|
26
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
|
27
|
+
<path d="M5 7a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2l0 -10" />
|
|
28
|
+
</svg>
|
|
29
|
+
</IconElement>
|
|
30
|
+
)
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
StopIcon.displayName = 'StopIcon'
|
package/src/react.ts
CHANGED
|
@@ -86,6 +86,7 @@ export * from './icons/search-menu-icon.js'
|
|
|
86
86
|
export * from './icons/settings-gear-icon.js'
|
|
87
87
|
export * from './icons/settings-sliders-icon.js'
|
|
88
88
|
export * from './icons/sign-out-icon.js'
|
|
89
|
+
export * from './icons/stop-icon.js'
|
|
89
90
|
export * from './icons/stopwatch-icon.js'
|
|
90
91
|
export * from './icons/success-icon.js'
|
|
91
92
|
export * from './icons/user-icon.js'
|