@infonomic/uikit 5.20.0 → 5.22.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/ai-icon.d.ts +7 -0
- package/dist/icons/ai-icon.d.ts.map +1 -0
- package/dist/icons/ai-icon.js +39 -0
- package/dist/icons/index.d.ts +12 -0
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/icons/index.js +12 -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 +2 -0
- package/dist/react.d.ts.map +1 -1
- package/dist/react.js +2 -0
- package/package.json +7 -7
- package/src/icons/ai-icon.tsx +45 -0
- package/src/icons/icons.stories.tsx +64 -0
- package/src/icons/index.stories.tsx +1 -1
- package/src/icons/index.ts +12 -0
- package/src/icons/stop-icon.tsx +33 -0
- package/src/react.ts +2 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ai-icon.d.ts","sourceRoot":"","sources":["../../src/icons/ai-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAEhD,eAAO,MAAM,MAAM;2CAA0C,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAkCzF,CAAA"}
|
|
@@ -0,0 +1,39 @@
|
|
|
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 AiIcon = ({ className, svgClassName, ...rest })=>{
|
|
6
|
+
classnames(icons_module["stroke-current"], svgClassName);
|
|
7
|
+
return /*#__PURE__*/ jsx(IconElement, {
|
|
8
|
+
className: classnames('ai-icon', className),
|
|
9
|
+
...rest,
|
|
10
|
+
children: /*#__PURE__*/ jsxs("svg", {
|
|
11
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
12
|
+
focusable: "false",
|
|
13
|
+
"aria-hidden": "true",
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: "none",
|
|
16
|
+
stroke: "currentColor",
|
|
17
|
+
strokeLinecap: "round",
|
|
18
|
+
strokeLinejoin: "round",
|
|
19
|
+
strokeWidth: 1.5,
|
|
20
|
+
children: [
|
|
21
|
+
/*#__PURE__*/ jsx("path", {
|
|
22
|
+
d: "M14.0416 16.2219L13.5749 17.8284C13.1036 19.4508 12.868 20.262 12.5051 20.4675C12.1917 20.6449 11.8083 20.6449 11.4949 20.4675C11.132 20.262 10.8964 19.4508 10.4251 17.8284L9.95843 16.2219L9.95843 16.2219C9.77921 15.6049 9.68961 15.2965 9.52195 15.043C9.37356 14.8186 9.18142 14.6264 8.95705 14.478C8.70355 14.3104 8.39507 14.2208 7.77812 14.0416L7.77811 14.0416L6.1716 13.5749C4.5492 13.1036 3.738 12.868 3.5325 12.5051C3.35507 12.1917 3.35507 11.8083 3.5325 11.4949C3.738 11.132 4.5492 10.8964 6.1716 10.4251L7.77811 9.95843L7.77812 9.95843C8.39507 9.77922 8.70355 9.68961 8.95705 9.52195C9.18142 9.37356 9.37356 9.18142 9.52195 8.95705C9.68961 8.70355 9.77921 8.39507 9.95843 7.77812L9.95843 7.77811L10.4251 6.1716C10.8964 4.5492 11.132 3.738 11.4949 3.5325C11.8083 3.35507 12.1917 3.35507 12.5051 3.5325C12.868 3.738 13.1036 4.5492 13.5749 6.1716L14.0416 7.77811L14.0416 7.77812C14.2208 8.39507 14.3104 8.70355 14.478 8.95705C14.6264 9.18142 14.8186 9.37356 15.043 9.52195C15.2965 9.68961 15.6049 9.77921 16.2219 9.95843L16.2219 9.95843L17.8284 10.4251C19.4508 10.8964 20.262 11.132 20.4675 11.4949C20.6449 11.8083 20.6449 12.1917 20.4675 12.5051C20.262 12.868 19.4508 13.1036 17.8284 13.5749L16.2219 14.0416L16.2219 14.0416C15.6049 14.2208 15.2965 14.3104 15.043 14.478C14.8186 14.6264 14.6264 14.8186 14.478 15.043C14.3104 15.2965 14.2208 15.6049 14.0416 16.2219L14.0416 16.2219Z"
|
|
23
|
+
}),
|
|
24
|
+
/*#__PURE__*/ jsx("path", {
|
|
25
|
+
d: "M5.42282 5.94949L5.01129 7.20368C4.92849 7.45603 4.57151 7.45603 4.48871 7.20368L4.07718 5.94949C3.99537 5.70017 3.79983 5.50463 3.55051 5.42282L2.29632 5.01129C2.04397 4.92849 2.04397 4.57151 2.29632 4.48871L3.55051 4.07718C3.79983 3.99537 3.99537 3.79983 4.07718 3.55051L4.48871 2.29632C4.57151 2.04397 4.92849 2.04397 5.01129 2.29632L5.42282 3.55051C5.50463 3.79983 5.70017 3.99537 5.94949 4.07718L7.20368 4.48871C7.45603 4.57151 7.45603 4.92849 7.20368 5.01129L5.94949 5.42282C5.70017 5.50463 5.50463 5.70017 5.42282 5.94949Z",
|
|
26
|
+
fill: "#FFBC0F",
|
|
27
|
+
stroke: "none"
|
|
28
|
+
}),
|
|
29
|
+
/*#__PURE__*/ jsx("path", {
|
|
30
|
+
d: "M19.9228 20.4495L19.5113 21.7037C19.4285 21.956 19.0715 21.956 18.9887 21.7037L18.5772 20.4495C18.4954 20.2002 18.2998 20.0046 18.0505 19.9228L16.7963 19.5113C16.544 19.4285 16.544 19.0715 16.7963 18.9887L18.0505 18.5772C18.2998 18.4954 18.4954 18.2998 18.5772 18.0505L18.9887 16.7963C19.0715 16.544 19.4285 16.544 19.5113 16.7963L19.9228 18.0505C20.0046 18.2998 20.2002 18.4954 20.4495 18.5772L21.7037 18.9887C21.956 19.0715 21.956 19.4285 21.7037 19.5113L20.4495 19.9228C20.2002 20.0046 20.0046 20.2002 19.9228 20.4495Z",
|
|
31
|
+
fill: "#FFBC0F",
|
|
32
|
+
stroke: "none"
|
|
33
|
+
})
|
|
34
|
+
]
|
|
35
|
+
})
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
AiIcon.displayName = 'AiIcon';
|
|
39
|
+
export { AiIcon };
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -1,19 +1,29 @@
|
|
|
1
1
|
export * from './activity-icon.js';
|
|
2
|
+
export * from './ai-icon.js';
|
|
2
3
|
export * from './calendar-icon.js';
|
|
3
4
|
export * from './check-icon.js';
|
|
5
|
+
export * from './chevron-down-icon.js';
|
|
6
|
+
export * from './chevron-left-double-icon.js';
|
|
7
|
+
export * from './chevron-left-icon.js';
|
|
8
|
+
export * from './chevron-right-double-icon.js';
|
|
9
|
+
export * from './chevron-right-icon.js';
|
|
10
|
+
export * from './chevrons-up-down.js';
|
|
4
11
|
export * from './close-icon.js';
|
|
5
12
|
export * from './copy-icon.js';
|
|
6
13
|
export * from './danger-icon.js';
|
|
7
14
|
export * from './dashboard-icon.js';
|
|
8
15
|
export * from './delete-icon.js';
|
|
9
16
|
export * from './document-icon.js';
|
|
17
|
+
export * from './download-icon.js';
|
|
10
18
|
export * from './edit-icon.js';
|
|
11
19
|
export * from './ellipsis-icon.js';
|
|
12
20
|
export * from './email-icon.js';
|
|
21
|
+
export * from './external-link-icon.js';
|
|
13
22
|
export * from './github-icon.js';
|
|
14
23
|
export * from './globe-icon.js';
|
|
15
24
|
export * from './google-icon.js';
|
|
16
25
|
export * from './gripper-vertical-icon.js';
|
|
26
|
+
export * from './history-icon.js';
|
|
17
27
|
export * from './home-icon.js';
|
|
18
28
|
export * from './icon-element.js';
|
|
19
29
|
export * from './info-icon.js';
|
|
@@ -22,6 +32,7 @@ export * from './light-icon.js';
|
|
|
22
32
|
export * from './location-pin-icon.js';
|
|
23
33
|
export * from './moon-icon.js';
|
|
24
34
|
export * from './plus-icon.js';
|
|
35
|
+
export * from './primary-icon.js';
|
|
25
36
|
export * from './refresh-icon.js';
|
|
26
37
|
export * from './return-icon.js';
|
|
27
38
|
export * from './roles-icon.js';
|
|
@@ -30,6 +41,7 @@ export * from './search-menu-icon.js';
|
|
|
30
41
|
export * from './settings-gear-icon.js';
|
|
31
42
|
export * from './settings-sliders-icon.js';
|
|
32
43
|
export * from './sign-out-icon.js';
|
|
44
|
+
export * from './stop-icon.js';
|
|
33
45
|
export * from './stopwatch-icon.js';
|
|
34
46
|
export * from './success-icon.js';
|
|
35
47
|
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,cAAc,CAAA;AAC5B,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,29 @@
|
|
|
1
1
|
export * from "./activity-icon.js";
|
|
2
|
+
export * from "./ai-icon.js";
|
|
2
3
|
export * from "./calendar-icon.js";
|
|
3
4
|
export * from "./check-icon.js";
|
|
5
|
+
export * from "./chevron-down-icon.js";
|
|
6
|
+
export * from "./chevron-left-double-icon.js";
|
|
7
|
+
export * from "./chevron-left-icon.js";
|
|
8
|
+
export * from "./chevron-right-double-icon.js";
|
|
9
|
+
export * from "./chevron-right-icon.js";
|
|
10
|
+
export * from "./chevrons-up-down.js";
|
|
4
11
|
export * from "./close-icon.js";
|
|
5
12
|
export * from "./copy-icon.js";
|
|
6
13
|
export * from "./danger-icon.js";
|
|
7
14
|
export * from "./dashboard-icon.js";
|
|
8
15
|
export * from "./delete-icon.js";
|
|
9
16
|
export * from "./document-icon.js";
|
|
17
|
+
export * from "./download-icon.js";
|
|
10
18
|
export * from "./edit-icon.js";
|
|
11
19
|
export * from "./ellipsis-icon.js";
|
|
12
20
|
export * from "./email-icon.js";
|
|
21
|
+
export * from "./external-link-icon.js";
|
|
13
22
|
export * from "./github-icon.js";
|
|
14
23
|
export * from "./globe-icon.js";
|
|
15
24
|
export * from "./google-icon.js";
|
|
16
25
|
export * from "./gripper-vertical-icon.js";
|
|
26
|
+
export * from "./history-icon.js";
|
|
17
27
|
export * from "./home-icon.js";
|
|
18
28
|
export * from "./icon-element.js";
|
|
19
29
|
export * from "./info-icon.js";
|
|
@@ -22,6 +32,7 @@ export * from "./light-icon.js";
|
|
|
22
32
|
export * from "./location-pin-icon.js";
|
|
23
33
|
export * from "./moon-icon.js";
|
|
24
34
|
export * from "./plus-icon.js";
|
|
35
|
+
export * from "./primary-icon.js";
|
|
25
36
|
export * from "./refresh-icon.js";
|
|
26
37
|
export * from "./return-icon.js";
|
|
27
38
|
export * from "./roles-icon.js";
|
|
@@ -30,6 +41,7 @@ export * from "./search-menu-icon.js";
|
|
|
30
41
|
export * from "./settings-gear-icon.js";
|
|
31
42
|
export * from "./settings-sliders-icon.js";
|
|
32
43
|
export * from "./sign-out-icon.js";
|
|
44
|
+
export * from "./stop-icon.js";
|
|
33
45
|
export * from "./stopwatch-icon.js";
|
|
34
46
|
export * from "./success-icon.js";
|
|
35
47
|
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
|
@@ -42,6 +42,7 @@ export * from './components/table/table.js';
|
|
|
42
42
|
export * from './components/tabs/tabs.js';
|
|
43
43
|
export * from './components/tooltip/tooltip.js';
|
|
44
44
|
export * from './icons/activity-icon.js';
|
|
45
|
+
export * from './icons/ai-icon.js';
|
|
45
46
|
export * from './icons/calendar-icon.js';
|
|
46
47
|
export * from './icons/check-icon.js';
|
|
47
48
|
export * from './icons/chevron-down-icon.js';
|
|
@@ -83,6 +84,7 @@ export * from './icons/search-menu-icon.js';
|
|
|
83
84
|
export * from './icons/settings-gear-icon.js';
|
|
84
85
|
export * from './icons/settings-sliders-icon.js';
|
|
85
86
|
export * from './icons/sign-out-icon.js';
|
|
87
|
+
export * from './icons/stop-icon.js';
|
|
86
88
|
export * from './icons/stopwatch-icon.js';
|
|
87
89
|
export * from './icons/success-icon.js';
|
|
88
90
|
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
|
@@ -38,6 +38,7 @@ export * from "./components/table/table.js";
|
|
|
38
38
|
export * from "./components/tabs/tabs.js";
|
|
39
39
|
export * from "./components/tooltip/tooltip.js";
|
|
40
40
|
export * from "./icons/activity-icon.js";
|
|
41
|
+
export * from "./icons/ai-icon.js";
|
|
41
42
|
export * from "./icons/calendar-icon.js";
|
|
42
43
|
export * from "./icons/check-icon.js";
|
|
43
44
|
export * from "./icons/chevron-down-icon.js";
|
|
@@ -79,6 +80,7 @@ export * from "./icons/search-menu-icon.js";
|
|
|
79
80
|
export * from "./icons/settings-gear-icon.js";
|
|
80
81
|
export * from "./icons/settings-sliders-icon.js";
|
|
81
82
|
export * from "./icons/sign-out-icon.js";
|
|
83
|
+
export * from "./icons/stop-icon.js";
|
|
82
84
|
export * from "./icons/stopwatch-icon.js";
|
|
83
85
|
export * from "./icons/success-icon.js";
|
|
84
86
|
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.22.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,45 @@
|
|
|
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 AiIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
|
|
10
|
+
const applied = cx(styles['stroke-current'], svgClassName)
|
|
11
|
+
|
|
12
|
+
return (
|
|
13
|
+
<IconElement className={cx('ai-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
|
+
strokeLinecap="round"
|
|
23
|
+
strokeLinejoin="round"
|
|
24
|
+
strokeWidth={1.5}
|
|
25
|
+
>
|
|
26
|
+
<path
|
|
27
|
+
d="M14.0416 16.2219L13.5749 17.8284C13.1036 19.4508 12.868 20.262 12.5051 20.4675C12.1917 20.6449 11.8083 20.6449 11.4949 20.4675C11.132 20.262 10.8964 19.4508 10.4251 17.8284L9.95843 16.2219L9.95843 16.2219C9.77921 15.6049 9.68961 15.2965 9.52195 15.043C9.37356 14.8186 9.18142 14.6264 8.95705 14.478C8.70355 14.3104 8.39507 14.2208 7.77812 14.0416L7.77811 14.0416L6.1716 13.5749C4.5492 13.1036 3.738 12.868 3.5325 12.5051C3.35507 12.1917 3.35507 11.8083 3.5325 11.4949C3.738 11.132 4.5492 10.8964 6.1716 10.4251L7.77811 9.95843L7.77812 9.95843C8.39507 9.77922 8.70355 9.68961 8.95705 9.52195C9.18142 9.37356 9.37356 9.18142 9.52195 8.95705C9.68961 8.70355 9.77921 8.39507 9.95843 7.77812L9.95843 7.77811L10.4251 6.1716C10.8964 4.5492 11.132 3.738 11.4949 3.5325C11.8083 3.35507 12.1917 3.35507 12.5051 3.5325C12.868 3.738 13.1036 4.5492 13.5749 6.1716L14.0416 7.77811L14.0416 7.77812C14.2208 8.39507 14.3104 8.70355 14.478 8.95705C14.6264 9.18142 14.8186 9.37356 15.043 9.52195C15.2965 9.68961 15.6049 9.77921 16.2219 9.95843L16.2219 9.95843L17.8284 10.4251C19.4508 10.8964 20.262 11.132 20.4675 11.4949C20.6449 11.8083 20.6449 12.1917 20.4675 12.5051C20.262 12.868 19.4508 13.1036 17.8284 13.5749L16.2219 14.0416L16.2219 14.0416C15.6049 14.2208 15.2965 14.3104 15.043 14.478C14.8186 14.6264 14.6264 14.8186 14.478 15.043C14.3104 15.2965 14.2208 15.6049 14.0416 16.2219L14.0416 16.2219Z"
|
|
28
|
+
// stroke="#F5F5F5"
|
|
29
|
+
/>
|
|
30
|
+
<path
|
|
31
|
+
d="M5.42282 5.94949L5.01129 7.20368C4.92849 7.45603 4.57151 7.45603 4.48871 7.20368L4.07718 5.94949C3.99537 5.70017 3.79983 5.50463 3.55051 5.42282L2.29632 5.01129C2.04397 4.92849 2.04397 4.57151 2.29632 4.48871L3.55051 4.07718C3.79983 3.99537 3.99537 3.79983 4.07718 3.55051L4.48871 2.29632C4.57151 2.04397 4.92849 2.04397 5.01129 2.29632L5.42282 3.55051C5.50463 3.79983 5.70017 3.99537 5.94949 4.07718L7.20368 4.48871C7.45603 4.57151 7.45603 4.92849 7.20368 5.01129L5.94949 5.42282C5.70017 5.50463 5.50463 5.70017 5.42282 5.94949Z"
|
|
32
|
+
fill="#FFBC0F"
|
|
33
|
+
stroke="none"
|
|
34
|
+
/>
|
|
35
|
+
<path
|
|
36
|
+
d="M19.9228 20.4495L19.5113 21.7037C19.4285 21.956 19.0715 21.956 18.9887 21.7037L18.5772 20.4495C18.4954 20.2002 18.2998 20.0046 18.0505 19.9228L16.7963 19.5113C16.544 19.4285 16.544 19.0715 16.7963 18.9887L18.0505 18.5772C18.2998 18.4954 18.4954 18.2998 18.5772 18.0505L18.9887 16.7963C19.0715 16.544 19.4285 16.544 19.5113 16.7963L19.9228 18.0505C20.0046 18.2998 20.2002 18.4954 20.4495 18.5772L21.7037 18.9887C21.956 19.0715 21.956 19.4285 21.7037 19.5113L20.4495 19.9228C20.2002 20.0046 20.0046 20.2002 19.9228 20.4495Z"
|
|
37
|
+
fill="#FFBC0F"
|
|
38
|
+
stroke="none"
|
|
39
|
+
/>
|
|
40
|
+
</svg>
|
|
41
|
+
</IconElement>
|
|
42
|
+
)
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
AiIcon.displayName = 'AiIcon'
|
|
@@ -0,0 +1,64 @@
|
|
|
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
|
|
29
|
+
style={{ marginBottom: '8px', width: '28px', height: '28px' }}
|
|
30
|
+
width="28px"
|
|
31
|
+
height="28px"
|
|
32
|
+
/>
|
|
33
|
+
<div
|
|
34
|
+
style={{
|
|
35
|
+
fontSize: '10px',
|
|
36
|
+
textOverflow: 'ellipsis',
|
|
37
|
+
overflow: 'hidden',
|
|
38
|
+
whiteSpace: 'nowrap',
|
|
39
|
+
}}
|
|
40
|
+
title={name}
|
|
41
|
+
>
|
|
42
|
+
{name}
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
)
|
|
46
|
+
})}
|
|
47
|
+
</div>
|
|
48
|
+
)
|
|
49
|
+
|
|
50
|
+
export default {
|
|
51
|
+
title: 'Icons/All',
|
|
52
|
+
component: IconsDemo,
|
|
53
|
+
argTypes: {},
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
export const All = (): React.JSX.Element => {
|
|
57
|
+
return (
|
|
58
|
+
<div className="mb-6">
|
|
59
|
+
<div className="max-w-[700px]">
|
|
60
|
+
<IconsDemo />
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
)
|
|
64
|
+
}
|
package/src/icons/index.ts
CHANGED
|
@@ -1,19 +1,29 @@
|
|
|
1
1
|
export * from './activity-icon.js'
|
|
2
|
+
export * from './ai-icon.js'
|
|
2
3
|
export * from './calendar-icon.js'
|
|
3
4
|
export * from './check-icon.js'
|
|
5
|
+
export * from './chevron-down-icon.js'
|
|
6
|
+
export * from './chevron-left-double-icon.js'
|
|
7
|
+
export * from './chevron-left-icon.js'
|
|
8
|
+
export * from './chevron-right-double-icon.js'
|
|
9
|
+
export * from './chevron-right-icon.js'
|
|
10
|
+
export * from './chevrons-up-down.js'
|
|
4
11
|
export * from './close-icon.js'
|
|
5
12
|
export * from './copy-icon.js'
|
|
6
13
|
export * from './danger-icon.js'
|
|
7
14
|
export * from './dashboard-icon.js'
|
|
8
15
|
export * from './delete-icon.js'
|
|
9
16
|
export * from './document-icon.js'
|
|
17
|
+
export * from './download-icon.js'
|
|
10
18
|
export * from './edit-icon.js'
|
|
11
19
|
export * from './ellipsis-icon.js'
|
|
12
20
|
export * from './email-icon.js'
|
|
21
|
+
export * from './external-link-icon.js'
|
|
13
22
|
export * from './github-icon.js'
|
|
14
23
|
export * from './globe-icon.js'
|
|
15
24
|
export * from './google-icon.js'
|
|
16
25
|
export * from './gripper-vertical-icon.js'
|
|
26
|
+
export * from './history-icon.js'
|
|
17
27
|
export * from './home-icon.js'
|
|
18
28
|
export * from './icon-element.js'
|
|
19
29
|
export * from './info-icon.js'
|
|
@@ -22,6 +32,7 @@ export * from './light-icon.js'
|
|
|
22
32
|
export * from './location-pin-icon.js'
|
|
23
33
|
export * from './moon-icon.js'
|
|
24
34
|
export * from './plus-icon.js'
|
|
35
|
+
export * from './primary-icon.js'
|
|
25
36
|
export * from './refresh-icon.js'
|
|
26
37
|
export * from './return-icon.js'
|
|
27
38
|
export * from './roles-icon.js'
|
|
@@ -30,6 +41,7 @@ export * from './search-menu-icon.js'
|
|
|
30
41
|
export * from './settings-gear-icon.js'
|
|
31
42
|
export * from './settings-sliders-icon.js'
|
|
32
43
|
export * from './sign-out-icon.js'
|
|
44
|
+
export * from './stop-icon.js'
|
|
33
45
|
export * from './stopwatch-icon.js'
|
|
34
46
|
export * from './success-icon.js'
|
|
35
47
|
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
|
@@ -45,6 +45,7 @@ export * from './components/table/table.js'
|
|
|
45
45
|
export * from './components/tabs/tabs.js'
|
|
46
46
|
export * from './components/tooltip/tooltip.js'
|
|
47
47
|
export * from './icons/activity-icon.js'
|
|
48
|
+
export * from './icons/ai-icon.js'
|
|
48
49
|
export * from './icons/calendar-icon.js'
|
|
49
50
|
export * from './icons/check-icon.js'
|
|
50
51
|
export * from './icons/chevron-down-icon.js'
|
|
@@ -86,6 +87,7 @@ export * from './icons/search-menu-icon.js'
|
|
|
86
87
|
export * from './icons/settings-gear-icon.js'
|
|
87
88
|
export * from './icons/settings-sliders-icon.js'
|
|
88
89
|
export * from './icons/sign-out-icon.js'
|
|
90
|
+
export * from './icons/stop-icon.js'
|
|
89
91
|
export * from './icons/stopwatch-icon.js'
|
|
90
92
|
export * from './icons/success-icon.js'
|
|
91
93
|
export * from './icons/user-icon.js'
|