@ds-mo/icons 6.2.0 → 6.3.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/README.md +5 -5
- package/dist/agent.json +1 -1
- package/dist/agent.mjs +1 -1
- package/dist/icons/HandHeart.d.ts +2 -0
- package/dist/icons/HandHeart.mjs +10 -0
- package/dist/icons/index.d.ts +1 -0
- package/dist/icons/index.mjs +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.mjs +1 -0
- package/dist/meta.json +13 -3
- package/dist/sprite.svg +3 -0
- package/dist/svg/HandHeart.d.ts +1 -0
- package/dist/svg/HandHeart.mjs +1 -0
- package/dist/svg/index.d.ts +1 -0
- package/dist/svg/index.mjs +1 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/@ds-mo/icons)
|
|
4
4
|
|
|
5
|
-
IcoMo — **
|
|
5
|
+
IcoMo — **430 SVG icons** (398 system icons + 32 country flags) as tree-shakeable React components, framework-agnostic SVG strings, TypeScript definitions, and an SVG sprite.
|
|
6
6
|
|
|
7
7
|
Part of the **ds-mo design system trilogy**: [@ds-mo/tokens](https://www.npmjs.com/package/@ds-mo/tokens) → **@ds-mo/icons** → [@ds-mo/ui](https://www.npmjs.com/package/@ds-mo/ui) (CompoMo).
|
|
8
8
|
|
|
@@ -28,7 +28,7 @@ Icons are grouped into **categories** so the pipeline can treat them differently
|
|
|
28
28
|
|
|
29
29
|
| Category | Count | Themeable | Description |
|
|
30
30
|
|---|---|---|---|
|
|
31
|
-
| `system` |
|
|
31
|
+
| `system` | 398 | ✅ `currentColor` | Monochrome UI icons — respond to CSS `color` and the `color` prop |
|
|
32
32
|
| `flag` | 32 | ❌ preserved | Multi-color country flags — hex + P3 wide-gamut colors kept verbatim |
|
|
33
33
|
|
|
34
34
|
Flag component names are prefixed with `Flag` (e.g. `FlagFrance`, `FlagUnitedStates`) so every export is globally unique.
|
|
@@ -106,7 +106,7 @@ Generate a flat folder of vector PDFs — one per icon — for use in Xcode asse
|
|
|
106
106
|
|
|
107
107
|
```bash
|
|
108
108
|
npm run build # required first — generates dist/
|
|
109
|
-
npm run build:pdf # outputs dist/pdf/<Name>.pdf (
|
|
109
|
+
npm run build:pdf # outputs dist/pdf/<Name>.pdf (430 files)
|
|
110
110
|
```
|
|
111
111
|
|
|
112
112
|
**Adding to Xcode:**
|
|
@@ -139,8 +139,8 @@ Machine-readable icon list (for docs, agents, search indexes):
|
|
|
139
139
|
import meta from '@ds-mo/icons/meta';
|
|
140
140
|
|
|
141
141
|
meta.version // matches package version (e.g. "6.0.1")
|
|
142
|
-
meta.count //
|
|
143
|
-
meta.categories // { system: {count:
|
|
142
|
+
meta.count // 430
|
|
143
|
+
meta.categories // { system: {count:398,themeable:true}, flag: {count:32,themeable:false} }
|
|
144
144
|
meta.icons // [{ name, category, kebab, aliases }, ...]
|
|
145
145
|
```
|
|
146
146
|
|
package/dist/agent.json
CHANGED
package/dist/agent.mjs
CHANGED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createIcon } from '../createIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const HandHeart = createIcon('hand-heart', [
|
|
5
|
+
createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M6.07129 7.33301C6.66732 7.0946 7.33268 7.0946 7.92871 7.33301L9.12305 7.81055C9.65242 8.0223 9.99996 8.53532 10 9.10547C9.99999 9.87558 9.37559 10.5 8.60547 10.5H7V9.5H8.60547C8.8233 9.5 8.99999 9.3233 9 9.10547C8.99996 8.94422 8.90167 8.79915 8.75195 8.73926L7.55664 8.26172C7.19918 8.11881 6.80082 8.11881 6.44336 8.26172L5 8.83789V13H9.11523C9.30593 12.9999 9.49482 12.9634 9.67188 12.8926L13.752 11.2607C13.9017 11.2009 14 11.0558 14 10.8945C14 10.6767 13.8233 10.5 13.6055 10.5H10.5V9.5H13.6055C14.3756 9.5 15 10.1244 15 10.8945C15 11.4647 14.6524 11.9777 14.123 12.1895L10.043 13.8213C9.74789 13.9393 9.43303 13.9999 9.11523 14H2V8H4.4043L6.07129 7.33301ZM3 13H4V9H3V13Z", key: "a" }),
|
|
6
|
+
createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M12.2119 1.5C13.4546 1.50011 14.4999 2.4657 14.5 3.70117C14.4999 4.62049 13.9393 5.43673 13.3066 6.05078C12.6618 6.67668 11.8588 7.17449 11.1973 7.45898L11 7.54395L10.8027 7.45898C10.1412 7.17449 9.33823 6.67668 8.69336 6.05078C8.06073 5.43673 7.50014 4.62049 7.5 3.70117C7.50009 2.46592 8.54461 1.50011 9.78809 1.5C10.2769 1.5 10.6786 1.66193 11 1.87012C11.3211 1.66201 11.7228 1.5 12.2119 1.5ZM12.2119 2.5C11.8639 2.5 11.5799 2.65233 11.3291 2.87109L11 3.1582L10.6719 2.87109C10.4213 2.65237 10.1365 2.5 9.78809 2.5C9.0511 2.50011 8.50005 3.06285 8.5 3.70117C8.50014 4.21663 8.82798 4.78781 9.38965 5.33301C9.87618 5.80525 10.4795 6.19789 11 6.44922C11.5205 6.19789 12.1238 5.80525 12.6104 5.33301C13.172 4.78781 13.4999 4.21663 13.5 3.70117C13.5 3.06289 12.9484 2.50011 12.2119 2.5Z", key: "b" }),
|
|
7
|
+
]);
|
|
8
|
+
|
|
9
|
+
HandHeart.displayName = 'HandHeart';
|
|
10
|
+
export { HandHeart };
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -190,6 +190,7 @@ export { GraphDecreasing } from './GraphDecreasing.mjs';
|
|
|
190
190
|
export { GraphIncreasing } from './GraphIncreasing.mjs';
|
|
191
191
|
export { GroupBy } from './GroupBy.mjs';
|
|
192
192
|
export { Hamburger } from './Hamburger.mjs';
|
|
193
|
+
export { HandHeart } from './HandHeart.mjs';
|
|
193
194
|
export { HandOpen } from './HandOpen.mjs';
|
|
194
195
|
export { Headset } from './Headset.mjs';
|
|
195
196
|
export { History } from './History.mjs';
|
package/dist/icons/index.mjs
CHANGED
|
@@ -190,6 +190,7 @@ export { GraphDecreasing } from './GraphDecreasing.mjs';
|
|
|
190
190
|
export { GraphIncreasing } from './GraphIncreasing.mjs';
|
|
191
191
|
export { GroupBy } from './GroupBy.mjs';
|
|
192
192
|
export { Hamburger } from './Hamburger.mjs';
|
|
193
|
+
export { HandHeart } from './HandHeart.mjs';
|
|
193
194
|
export { HandOpen } from './HandOpen.mjs';
|
|
194
195
|
export { Headset } from './Headset.mjs';
|
|
195
196
|
export { History } from './History.mjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -195,6 +195,7 @@ export { GraphDecreasing } from './icons/GraphDecreasing.mjs';
|
|
|
195
195
|
export { GraphIncreasing } from './icons/GraphIncreasing.mjs';
|
|
196
196
|
export { GroupBy } from './icons/GroupBy.mjs';
|
|
197
197
|
export { Hamburger } from './icons/Hamburger.mjs';
|
|
198
|
+
export { HandHeart } from './icons/HandHeart.mjs';
|
|
198
199
|
export { HandOpen } from './icons/HandOpen.mjs';
|
|
199
200
|
export { Headset } from './icons/Headset.mjs';
|
|
200
201
|
export { History } from './icons/History.mjs';
|
package/dist/index.mjs
CHANGED
|
@@ -193,6 +193,7 @@ export { GraphDecreasing } from './icons/GraphDecreasing.mjs';
|
|
|
193
193
|
export { GraphIncreasing } from './icons/GraphIncreasing.mjs';
|
|
194
194
|
export { GroupBy } from './icons/GroupBy.mjs';
|
|
195
195
|
export { Hamburger } from './icons/Hamburger.mjs';
|
|
196
|
+
export { HandHeart } from './icons/HandHeart.mjs';
|
|
196
197
|
export { HandOpen } from './icons/HandOpen.mjs';
|
|
197
198
|
export { Headset } from './icons/Headset.mjs';
|
|
198
199
|
export { History } from './icons/History.mjs';
|
package/dist/meta.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "6.
|
|
3
|
-
"count":
|
|
2
|
+
"version": "6.3.0",
|
|
3
|
+
"count": 430,
|
|
4
4
|
"categories": {
|
|
5
5
|
"system": {
|
|
6
|
-
"count":
|
|
6
|
+
"count": 398,
|
|
7
7
|
"colorModel": "monochrome",
|
|
8
8
|
"motion": "static",
|
|
9
9
|
"themeable": true
|
|
@@ -2076,6 +2076,16 @@
|
|
|
2076
2076
|
"lines"
|
|
2077
2077
|
]
|
|
2078
2078
|
},
|
|
2079
|
+
{
|
|
2080
|
+
"name": "HandHeart",
|
|
2081
|
+
"category": "system",
|
|
2082
|
+
"kebab": "hand-heart",
|
|
2083
|
+
"aliases": [
|
|
2084
|
+
"care",
|
|
2085
|
+
"charity",
|
|
2086
|
+
"giving"
|
|
2087
|
+
]
|
|
2088
|
+
},
|
|
2079
2089
|
{
|
|
2080
2090
|
"name": "HandOpen",
|
|
2081
2091
|
"category": "system",
|
package/dist/sprite.svg
CHANGED
|
@@ -575,6 +575,9 @@
|
|
|
575
575
|
<symbol id="hamburger" viewBox="0 0 16 16" fill="currentColor">
|
|
576
576
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 4.5H2V3.5H14V4.5ZM14 8.5H2V7.5H14V8.5ZM14 12.5H2V11.5H14V12.5Z" fill="currentColor"/>
|
|
577
577
|
</symbol>
|
|
578
|
+
<symbol id="hand-heart" viewBox="0 0 16 16" fill="currentColor">
|
|
579
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.07129 7.33301C6.66732 7.0946 7.33268 7.0946 7.92871 7.33301L9.12305 7.81055C9.65242 8.0223 9.99996 8.53532 10 9.10547C9.99999 9.87558 9.37559 10.5 8.60547 10.5H7V9.5H8.60547C8.8233 9.5 8.99999 9.3233 9 9.10547C8.99996 8.94422 8.90167 8.79915 8.75195 8.73926L7.55664 8.26172C7.19918 8.11881 6.80082 8.11881 6.44336 8.26172L5 8.83789V13H9.11523C9.30593 12.9999 9.49482 12.9634 9.67188 12.8926L13.752 11.2607C13.9017 11.2009 14 11.0558 14 10.8945C14 10.6767 13.8233 10.5 13.6055 10.5H10.5V9.5H13.6055C14.3756 9.5 15 10.1244 15 10.8945C15 11.4647 14.6524 11.9777 14.123 12.1895L10.043 13.8213C9.74789 13.9393 9.43303 13.9999 9.11523 14H2V8H4.4043L6.07129 7.33301ZM3 13H4V9H3V13Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.2119 1.5C13.4546 1.50011 14.4999 2.4657 14.5 3.70117C14.4999 4.62049 13.9393 5.43673 13.3066 6.05078C12.6618 6.67668 11.8588 7.17449 11.1973 7.45898L11 7.54395L10.8027 7.45898C10.1412 7.17449 9.33823 6.67668 8.69336 6.05078C8.06073 5.43673 7.50014 4.62049 7.5 3.70117C7.50009 2.46592 8.54461 1.50011 9.78809 1.5C10.2769 1.5 10.6786 1.66193 11 1.87012C11.3211 1.66201 11.7228 1.5 12.2119 1.5ZM12.2119 2.5C11.8639 2.5 11.5799 2.65233 11.3291 2.87109L11 3.1582L10.6719 2.87109C10.4213 2.65237 10.1365 2.5 9.78809 2.5C9.0511 2.50011 8.50005 3.06285 8.5 3.70117C8.50014 4.21663 8.82798 4.78781 9.38965 5.33301C9.87618 5.80525 10.4795 6.19789 11 6.44922C11.5205 6.19789 12.1238 5.80525 12.6104 5.33301C13.172 4.78781 13.4999 4.21663 13.5 3.70117C13.5 3.06289 12.9484 2.50011 12.2119 2.5Z" fill="currentColor"/>
|
|
580
|
+
</symbol>
|
|
578
581
|
<symbol id="hand-open" viewBox="0 0 16 16" fill="currentColor">
|
|
579
582
|
<path d="M8.50003 3C8.50003 2.72386 8.27617 2.5 8.00003 2.5C7.72389 2.5 7.50003 2.72386 7.50003 3V8H6.50003V4C6.50003 3.72386 6.27617 3.5 6.00003 3.5C5.72389 3.5 5.50003 3.72386 5.50003 4V9L4.59964 9.2998L3.56741 7.92285C3.4358 7.74737 3.19957 7.68728 3.00003 7.77832C2.76006 7.888 2.65788 8.17493 2.77542 8.41113L5.3096 13.5H11.6094L12.5 9.9375V5.5C12.5 5.22387 12.2762 5.00001 12 5C11.7239 5 11.5 5.22386 11.5 5.5V8H10.5V4C10.5 3.72386 10.2762 3.5 10 3.5C9.72389 3.5 9.50003 3.72386 9.50003 4V8H8.50003V3ZM11.5 4.08691C11.6566 4.03153 11.8245 4 12 4C12.8284 4.00001 13.5 4.67158 13.5 5.5V10.0615L13.4854 10.1211L12.4854 14.1211L12 14.5H5.00003L4.55277 14.2227L1.88089 8.85645C1.51144 8.11422 1.82998 7.21384 2.58402 6.86914C3.21122 6.58248 3.95346 6.77156 4.36722 7.32324L4.50003 7.5V4C4.50003 3.17157 5.1716 2.5 6.00003 2.5C6.1954 2.5 6.38159 2.53849 6.55277 2.60645C6.7257 1.96899 7.30784 1.5 8.00003 1.5C8.69213 1.5 9.27331 1.96912 9.44632 2.60645C9.61772 2.53828 9.80434 2.5 10 2.5C10.8285 2.5 11.5 3.17157 11.5 4V4.08691Z" fill="currentColor"/>
|
|
580
583
|
</symbol>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const HandHeart: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const HandHeart = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.07129 7.33301C6.66732 7.0946 7.33268 7.0946 7.92871 7.33301L9.12305 7.81055C9.65242 8.0223 9.99996 8.53532 10 9.10547C9.99999 9.87558 9.37559 10.5 8.60547 10.5H7V9.5H8.60547C8.8233 9.5 8.99999 9.3233 9 9.10547C8.99996 8.94422 8.90167 8.79915 8.75195 8.73926L7.55664 8.26172C7.19918 8.11881 6.80082 8.11881 6.44336 8.26172L5 8.83789V13H9.11523C9.30593 12.9999 9.49482 12.9634 9.67188 12.8926L13.752 11.2607C13.9017 11.2009 14 11.0558 14 10.8945C14 10.6767 13.8233 10.5 13.6055 10.5H10.5V9.5H13.6055C14.3756 9.5 15 10.1244 15 10.8945C15 11.4647 14.6524 11.9777 14.123 12.1895L10.043 13.8213C9.74789 13.9393 9.43303 13.9999 9.11523 14H2V8H4.4043L6.07129 7.33301ZM3 13H4V9H3V13Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.2119 1.5C13.4546 1.50011 14.4999 2.4657 14.5 3.70117C14.4999 4.62049 13.9393 5.43673 13.3066 6.05078C12.6618 6.67668 11.8588 7.17449 11.1973 7.45898L11 7.54395L10.8027 7.45898C10.1412 7.17449 9.33823 6.67668 8.69336 6.05078C8.06073 5.43673 7.50014 4.62049 7.5 3.70117C7.50009 2.46592 8.54461 1.50011 9.78809 1.5C10.2769 1.5 10.6786 1.66193 11 1.87012C11.3211 1.66201 11.7228 1.5 12.2119 1.5ZM12.2119 2.5C11.8639 2.5 11.5799 2.65233 11.3291 2.87109L11 3.1582L10.6719 2.87109C10.4213 2.65237 10.1365 2.5 9.78809 2.5C9.0511 2.50011 8.50005 3.06285 8.5 3.70117C8.50014 4.21663 8.82798 4.78781 9.38965 5.33301C9.87618 5.80525 10.4795 6.19789 11 6.44922C11.5205 6.19789 12.1238 5.80525 12.6104 5.33301C13.172 4.78781 13.4999 4.21663 13.5 3.70117C13.5 3.06289 12.9484 2.50011 12.2119 2.5Z\" fill=\"currentColor\"/></svg>";
|
package/dist/svg/index.d.ts
CHANGED
|
@@ -190,6 +190,7 @@ export { GraphDecreasing } from './GraphDecreasing.mjs';
|
|
|
190
190
|
export { GraphIncreasing } from './GraphIncreasing.mjs';
|
|
191
191
|
export { GroupBy } from './GroupBy.mjs';
|
|
192
192
|
export { Hamburger } from './Hamburger.mjs';
|
|
193
|
+
export { HandHeart } from './HandHeart.mjs';
|
|
193
194
|
export { HandOpen } from './HandOpen.mjs';
|
|
194
195
|
export { Headset } from './Headset.mjs';
|
|
195
196
|
export { History } from './History.mjs';
|
package/dist/svg/index.mjs
CHANGED
|
@@ -190,6 +190,7 @@ export { GraphDecreasing } from './GraphDecreasing.mjs';
|
|
|
190
190
|
export { GraphIncreasing } from './GraphIncreasing.mjs';
|
|
191
191
|
export { GroupBy } from './GroupBy.mjs';
|
|
192
192
|
export { Hamburger } from './Hamburger.mjs';
|
|
193
|
+
export { HandHeart } from './HandHeart.mjs';
|
|
193
194
|
export { HandOpen } from './HandOpen.mjs';
|
|
194
195
|
export { Headset } from './Headset.mjs';
|
|
195
196
|
export { History } from './History.mjs';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ds-mo/icons",
|
|
3
|
-
"version": "6.
|
|
4
|
-
"description": "IcoMo —
|
|
3
|
+
"version": "6.3.0",
|
|
4
|
+
"description": "IcoMo — 430 SVG icons (398 system icons + 32 country flags) as tree-shakeable React components, framework-agnostic SVG strings, TypeScript definitions, and SVG sprite",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"icons",
|
|
7
7
|
"svg",
|