@stemui/icons 0.1.1 → 0.1.2

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.
Files changed (16) hide show
  1. package/README.md +60 -8
  2. package/dist/generated/LineExclamationMarkInformationIcon.d.ts +3 -0
  3. package/dist/generated/LineExclamationMarkInformationIcon.d.ts.map +1 -0
  4. package/dist/generated/LineExclamationMarkInformationIcon.js +4 -0
  5. package/dist/generated/LinePeopleAddContactIcon.d.ts +3 -0
  6. package/dist/generated/LinePeopleAddContactIcon.d.ts.map +1 -0
  7. package/dist/generated/LinePeopleAddContactIcon.js +4 -0
  8. package/dist/generated/index.d.ts +2 -0
  9. package/dist/generated/index.d.ts.map +1 -1
  10. package/dist/generated/index.js +2 -0
  11. package/dist/index.d.ts +2 -0
  12. package/dist/index.d.ts.map +1 -1
  13. package/dist/index.js +2 -0
  14. package/package.json +1 -1
  15. package/svg/line_exclamation mark_information.svg +12 -0
  16. package/svg/line_people_add contact.svg +6 -0
package/README.md CHANGED
@@ -1,21 +1,73 @@
1
1
  # @stemui/icons
2
2
 
3
- Preview icon package for the workspace monorepo.
3
+ Icon package for the workspace monorepo. SVG source files are converted into typed React components and published as `@stemui/icons`.
4
4
 
5
- ## Workflow
5
+ ## Daily Workflow
6
6
 
7
- 1. Drop SVG files into `svg/`
8
- 2. Run `npm run build:incremental --workspace @stemui/icons` for daily updates
9
- 3. Import generated components from `@stemui/icons`
7
+ 1. Drop SVG files into [svg/](/Users/zhangyuqi/work/web-ui/packages/icons/svg).
8
+ 2. Start the linked preview workflow from the workspace root:
10
9
 
11
- Use `npm run build --workspace @stemui/icons` for a full publish build.
10
+ ```bash
11
+ npm run dev:icons:playground
12
+ ```
13
+
14
+ This runs two processes together:
15
+ - `npm run dev:icons`
16
+ - `npm run dev:playground`
17
+
18
+ When SVG files are added, changed, renamed, or removed:
19
+ - the icon package regenerates components incrementally
20
+ - the playground reloads automatically
21
+
22
+ ## Build Commands
23
+
24
+ For a one-off incremental build:
25
+
26
+ ```bash
27
+ npm run build:incremental --workspace @stemui/icons
28
+ ```
29
+
30
+ For a full publish build:
31
+
32
+ ```bash
33
+ npm run build --workspace @stemui/icons
34
+ ```
35
+
36
+ ## Publish
37
+
38
+ From the workspace root:
39
+
40
+ ```bash
41
+ npm run publish:icons
42
+ ```
43
+
44
+ That command will:
45
+ - bump the package patch version
46
+ - run the full build
47
+ - publish the package to npm
48
+
49
+ If the version has already been bumped and you only need to retry publish:
50
+
51
+ ```bash
52
+ npm run publish:icons:manual
53
+ ```
54
+
55
+ ## Naming
56
+
57
+ - Keep source files in SVG format.
58
+ - Prefer snake_case or kebab-case file names.
59
+ - Avoid spaces in file names.
60
+
61
+ Examples:
62
+ - `line_file_save.svg` -> `LineFileSaveIcon`
63
+ - `line-trash-delete.svg` -> `LineTrashDeleteIcon`
12
64
 
13
65
  ## Example
14
66
 
15
67
  ```tsx
16
- import { HomeIcon } from "@stemui/icons";
68
+ import { LineFileSaveIcon } from "@stemui/icons";
17
69
 
18
70
  export function Example() {
19
- return <HomeIcon size={20} />;
71
+ return <LineFileSaveIcon size={20} color="currentColor" />;
20
72
  }
21
73
  ```
package/dist/generated/LineExclamationMarkInformationIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { IconProps } from "../types";
2
+ export declare function LineExclamationMarkInformationIcon({ size, color, title, ...props }: IconProps): import("react").JSX.Element;
3
+ //# sourceMappingURL=LineExclamationMarkInformationIcon.d.ts.map
package/dist/generated/LineExclamationMarkInformationIcon.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LineExclamationMarkInformationIcon.d.ts","sourceRoot":"","sources":["../../src/generated/LineExclamationMarkInformationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,wBAAgB,kCAAkC,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BA0BnH"}
package/dist/generated/LineExclamationMarkInformationIcon.js ADDED
@@ -0,0 +1,4 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ export function LineExclamationMarkInformationIcon({ size = 24, color = "currentColor", title, ...props }) {
3
+ return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", color: color, "aria-hidden": title ? undefined : true, role: title ? "img" : "presentation", focusable: "false", ...props, children: [title ? _jsx("title", { children: title }) : null, _jsxs("g", { clipPath: "url(#clip0_823_27439)", children: [_jsx("path", { d: "M14.0667 8.00024C14.0667 4.64982 11.3506 1.93304 8.00024 1.93286C4.64972 1.93286 1.93286 4.64972 1.93286 8.00024C1.93304 11.3506 4.64982 14.0667 8.00024 14.0667C11.3505 14.0665 14.0665 11.3505 14.0667 8.00024ZM15.2668 8.00024C15.2667 12.0133 12.0133 15.2667 8.00024 15.2668C3.98708 15.2668 0.733818 12.0134 0.733643 8.00024C0.733643 3.98697 3.98697 0.733643 8.00024 0.733643C12.0134 0.733818 15.2668 3.98708 15.2668 8.00024Z", fill: "#111111" }), _jsx("path", { d: "M7.40039 8.33301V5C7.40039 4.66863 7.66863 4.40039 8 4.40039C8.33137 4.40039 8.59961 4.66863 8.59961 5V8.33301C8.59961 8.66438 8.33137 8.93359 8 8.93359C7.66863 8.93359 7.40039 8.66438 7.40039 8.33301Z", fill: "#111111" }), _jsx("path", { d: "M8.00879 10.4004C8.33995 10.4006 8.6084 10.6688 8.6084 11C8.6084 11.3312 8.33995 11.5994 8.00879 11.5996H8C7.66863 11.5996 7.40039 11.3314 7.40039 11C7.40039 10.6686 7.66863 10.4004 8 10.4004H8.00879Z", fill: "#111111" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_823_27439", children: _jsx("rect", { width: "16", height: "16", fill: "white" }) }) })] }));
4
+ }
package/dist/generated/LinePeopleAddContactIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { IconProps } from "../types";
2
+ export declare function LinePeopleAddContactIcon({ size, color, title, ...props }: IconProps): import("react").JSX.Element;
3
+ //# sourceMappingURL=LinePeopleAddContactIcon.d.ts.map
package/dist/generated/LinePeopleAddContactIcon.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LinePeopleAddContactIcon.d.ts","sourceRoot":"","sources":["../../src/generated/LinePeopleAddContactIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,wBAAgB,wBAAwB,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAoBzG"}
package/dist/generated/LinePeopleAddContactIcon.js ADDED
@@ -0,0 +1,4 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ export function LinePeopleAddContactIcon({ size = 24, color = "currentColor", title, ...props }) {
3
+ return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", color: color, "aria-hidden": title ? undefined : true, role: title ? "img" : "presentation", focusable: "false", ...props, children: [title ? _jsx("title", { children: title }) : null, _jsx("path", { d: "M10.0457 4.68945C10.0456 3.53546 9.10988 2.59961 7.95587 2.59961C6.80194 2.59972 5.86613 3.53553 5.86602 4.68945C5.86602 5.84347 6.80188 6.77919 7.95587 6.7793C9.10995 6.7793 10.0457 5.84353 10.0457 4.68945ZM11.2459 4.68945C11.2459 6.50628 9.77269 7.97949 7.95587 7.97949C6.13914 7.97939 4.66681 6.50621 4.66681 4.68945C4.66691 2.87279 6.1392 1.4005 7.95587 1.40039C9.77263 1.40039 11.2458 2.87272 11.2459 4.68945Z", fill: "#111111" }), _jsx("path", { d: "M8.16334 9.05557C8.49453 9.05579 8.76295 9.32395 8.76295 9.65518C8.76295 9.98642 8.49453 10.2546 8.16334 10.2548C5.05587 10.2548 3.69838 11.5699 3.08522 12.6054C2.96653 12.8059 2.99675 12.9683 3.09889 13.1034C3.21748 13.2601 3.45953 13.4003 3.77662 13.4003H8.16334C8.4945 13.4005 8.7629 13.6687 8.76295 13.9999C8.76295 14.3311 8.49453 14.5993 8.16334 14.5995H3.77662C3.11799 14.5995 2.50728 14.3102 2.14186 13.8271C1.76013 13.322 1.67444 12.6334 2.05299 11.994C2.88251 10.5932 4.63251 9.05557 8.16334 9.05557Z", fill: "#111111" }), _jsx("path", { d: "M11.4944 14.0005V10.2759C11.4944 9.9445 11.7626 9.67626 12.094 9.67626C12.4254 9.67626 12.6936 9.9445 12.6936 10.2759V14.0005C12.6933 14.3316 12.4252 14.6001 12.094 14.6001C11.7628 14.6001 11.4946 14.3316 11.4944 14.0005Z", fill: "#111111" }), _jsx("path", { d: "M13.9565 11.5383C14.2877 11.5386 14.5561 11.8067 14.5561 12.1379C14.5561 12.4691 14.2877 12.7373 13.9565 12.7375H10.2319C9.90055 12.7375 9.63231 12.4693 9.63231 12.1379C9.63231 11.8066 9.90055 11.5383 10.2319 11.5383H13.9565Z", fill: "#111111" })] }));
4
+ }
package/dist/generated/index.d.ts CHANGED
@@ -1,5 +1,7 @@
1
+ export { LineExclamationMarkInformationIcon } from "./LineExclamationMarkInformationIcon";
1
2
  export { LineFileSaveIcon } from "./LineFileSaveIcon";
2
3
  export { LineHorizontalLineMenuIcon } from "./LineHorizontalLineMenuIcon";
3
4
  export { LineMediaAccountIcon } from "./LineMediaAccountIcon";
5
+ export { LinePeopleAddContactIcon } from "./LinePeopleAddContactIcon";
4
6
  export { LineTrashDeleteIcon } from "./LineTrashDeleteIcon";
5
7
  //# sourceMappingURL=index.d.ts.map
package/dist/generated/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/generated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/generated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
package/dist/generated/index.js CHANGED
@@ -1,4 +1,6 @@
1
+ export { LineExclamationMarkInformationIcon } from "./LineExclamationMarkInformationIcon";
1
2
  export { LineFileSaveIcon } from "./LineFileSaveIcon";
2
3
  export { LineHorizontalLineMenuIcon } from "./LineHorizontalLineMenuIcon";
3
4
  export { LineMediaAccountIcon } from "./LineMediaAccountIcon";
5
+ export { LinePeopleAddContactIcon } from "./LinePeopleAddContactIcon";
4
6
  export { LineTrashDeleteIcon } from "./LineTrashDeleteIcon";
package/dist/index.d.ts CHANGED
@@ -1,6 +1,8 @@
1
+ export { LineExclamationMarkInformationIcon } from "./generated/LineExclamationMarkInformationIcon";
1
2
  export { LineFileSaveIcon } from "./generated/LineFileSaveIcon";
2
3
  export { LineHorizontalLineMenuIcon } from "./generated/LineHorizontalLineMenuIcon";
3
4
  export { LineMediaAccountIcon } from "./generated/LineMediaAccountIcon";
5
+ export { LinePeopleAddContactIcon } from "./generated/LinePeopleAddContactIcon";
4
6
  export { LineTrashDeleteIcon } from "./generated/LineTrashDeleteIcon";
5
7
  export type { IconProps } from "./types";
6
8
  //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,gDAAgD,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
package/dist/index.js CHANGED
@@ -1,4 +1,6 @@
1
+ export { LineExclamationMarkInformationIcon } from "./generated/LineExclamationMarkInformationIcon";
1
2
  export { LineFileSaveIcon } from "./generated/LineFileSaveIcon";
2
3
  export { LineHorizontalLineMenuIcon } from "./generated/LineHorizontalLineMenuIcon";
3
4
  export { LineMediaAccountIcon } from "./generated/LineMediaAccountIcon";
5
+ export { LinePeopleAddContactIcon } from "./generated/LinePeopleAddContactIcon";
4
6
  export { LineTrashDeleteIcon } from "./generated/LineTrashDeleteIcon";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stemui/icons",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "description": "Stem UI icon library generated from SVG sources.",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/svg/line_exclamation mark_information.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_823_27439)">
3
+ <path d="M14.0667 8.00024C14.0667 4.64982 11.3506 1.93304 8.00024 1.93286C4.64972 1.93286 1.93286 4.64972 1.93286 8.00024C1.93304 11.3506 4.64982 14.0667 8.00024 14.0667C11.3505 14.0665 14.0665 11.3505 14.0667 8.00024ZM15.2668 8.00024C15.2667 12.0133 12.0133 15.2667 8.00024 15.2668C3.98708 15.2668 0.733818 12.0134 0.733643 8.00024C0.733643 3.98697 3.98697 0.733643 8.00024 0.733643C12.0134 0.733818 15.2668 3.98708 15.2668 8.00024Z" fill="#111111"/>
4
+ <path d="M7.40039 8.33301V5C7.40039 4.66863 7.66863 4.40039 8 4.40039C8.33137 4.40039 8.59961 4.66863 8.59961 5V8.33301C8.59961 8.66438 8.33137 8.93359 8 8.93359C7.66863 8.93359 7.40039 8.66438 7.40039 8.33301Z" fill="#111111"/>
5
+ <path d="M8.00879 10.4004C8.33995 10.4006 8.6084 10.6688 8.6084 11C8.6084 11.3312 8.33995 11.5994 8.00879 11.5996H8C7.66863 11.5996 7.40039 11.3314 7.40039 11C7.40039 10.6686 7.66863 10.4004 8 10.4004H8.00879Z" fill="#111111"/>
6
+ </g>
7
+ <defs>
8
+ <clipPath id="clip0_823_27439">
9
+ <rect width="16" height="16" fill="white"/>
10
+ </clipPath>
11
+ </defs>
12
+ </svg>
package/svg/line_people_add contact.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10.0457 4.68945C10.0456 3.53546 9.10988 2.59961 7.95587 2.59961C6.80194 2.59972 5.86613 3.53553 5.86602 4.68945C5.86602 5.84347 6.80188 6.77919 7.95587 6.7793C9.10995 6.7793 10.0457 5.84353 10.0457 4.68945ZM11.2459 4.68945C11.2459 6.50628 9.77269 7.97949 7.95587 7.97949C6.13914 7.97939 4.66681 6.50621 4.66681 4.68945C4.66691 2.87279 6.1392 1.4005 7.95587 1.40039C9.77263 1.40039 11.2458 2.87272 11.2459 4.68945Z" fill="#111111"/>
3
+ <path d="M8.16334 9.05557C8.49453 9.05579 8.76295 9.32395 8.76295 9.65518C8.76295 9.98642 8.49453 10.2546 8.16334 10.2548C5.05587 10.2548 3.69838 11.5699 3.08522 12.6054C2.96653 12.8059 2.99675 12.9683 3.09889 13.1034C3.21748 13.2601 3.45953 13.4003 3.77662 13.4003H8.16334C8.4945 13.4005 8.7629 13.6687 8.76295 13.9999C8.76295 14.3311 8.49453 14.5993 8.16334 14.5995H3.77662C3.11799 14.5995 2.50728 14.3102 2.14186 13.8271C1.76013 13.322 1.67444 12.6334 2.05299 11.994C2.88251 10.5932 4.63251 9.05557 8.16334 9.05557Z" fill="#111111"/>
4
+ <path d="M11.4944 14.0005V10.2759C11.4944 9.9445 11.7626 9.67626 12.094 9.67626C12.4254 9.67626 12.6936 9.9445 12.6936 10.2759V14.0005C12.6933 14.3316 12.4252 14.6001 12.094 14.6001C11.7628 14.6001 11.4946 14.3316 11.4944 14.0005Z" fill="#111111"/>
5
+ <path d="M13.9565 11.5383C14.2877 11.5386 14.5561 11.8067 14.5561 12.1379C14.5561 12.4691 14.2877 12.7373 13.9565 12.7375H10.2319C9.90055 12.7375 9.63231 12.4693 9.63231 12.1379C9.63231 11.8066 9.90055 11.5383 10.2319 11.5383H13.9565Z" fill="#111111"/>
6
+ </svg>