@ds-mo/icons 6.5.0 → 6.6.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 +2 -2
- package/dist/agent.json +1 -1
- package/dist/agent.mjs +1 -1
- package/dist/icons/ChevronDownUp.d.ts +2 -0
- package/dist/icons/ChevronDownUp.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/ChevronDownUp.d.ts +1 -0
- package/dist/svg/ChevronDownUp.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 — **434 SVG icons** (402 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` | 402 | ✅ `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.
|
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 ChevronDownUp = createIcon('chevron-down-up', [
|
|
5
|
+
createElement('path', { d: "M10.8535 12.29L10.1465 12.9971L8 10.8506L5.85352 12.9971L5.14648 12.29L7.64648 9.79004H8.35352L10.8535 12.29Z", key: "a" }),
|
|
6
|
+
createElement('path', { d: "M10.8535 3.70703L8.35352 6.20703H7.64648L5.14648 3.70703L5.85352 3L8 5.14648L10.1465 3L10.8535 3.70703Z", key: "b" }),
|
|
7
|
+
]);
|
|
8
|
+
|
|
9
|
+
ChevronDownUp.displayName = 'ChevronDownUp';
|
|
10
|
+
export { ChevronDownUp };
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -59,6 +59,7 @@ export { CheckCircle } from './CheckCircle.mjs';
|
|
|
59
59
|
export { CheckCircleFilled } from './CheckCircleFilled.mjs';
|
|
60
60
|
export { CheckDouble } from './CheckDouble.mjs';
|
|
61
61
|
export { ChevronDown } from './ChevronDown.mjs';
|
|
62
|
+
export { ChevronDownUp } from './ChevronDownUp.mjs';
|
|
62
63
|
export { ChevronLeft } from './ChevronLeft.mjs';
|
|
63
64
|
export { ChevronLeftDouble } from './ChevronLeftDouble.mjs';
|
|
64
65
|
export { ChevronRight } from './ChevronRight.mjs';
|
package/dist/icons/index.mjs
CHANGED
|
@@ -59,6 +59,7 @@ export { CheckCircle } from './CheckCircle.mjs';
|
|
|
59
59
|
export { CheckCircleFilled } from './CheckCircleFilled.mjs';
|
|
60
60
|
export { CheckDouble } from './CheckDouble.mjs';
|
|
61
61
|
export { ChevronDown } from './ChevronDown.mjs';
|
|
62
|
+
export { ChevronDownUp } from './ChevronDownUp.mjs';
|
|
62
63
|
export { ChevronLeft } from './ChevronLeft.mjs';
|
|
63
64
|
export { ChevronLeftDouble } from './ChevronLeftDouble.mjs';
|
|
64
65
|
export { ChevronRight } from './ChevronRight.mjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -64,6 +64,7 @@ export { CheckCircle } from './icons/CheckCircle.mjs';
|
|
|
64
64
|
export { CheckCircleFilled } from './icons/CheckCircleFilled.mjs';
|
|
65
65
|
export { CheckDouble } from './icons/CheckDouble.mjs';
|
|
66
66
|
export { ChevronDown } from './icons/ChevronDown.mjs';
|
|
67
|
+
export { ChevronDownUp } from './icons/ChevronDownUp.mjs';
|
|
67
68
|
export { ChevronLeft } from './icons/ChevronLeft.mjs';
|
|
68
69
|
export { ChevronLeftDouble } from './icons/ChevronLeftDouble.mjs';
|
|
69
70
|
export { ChevronRight } from './icons/ChevronRight.mjs';
|
package/dist/index.mjs
CHANGED
|
@@ -62,6 +62,7 @@ export { CheckCircle } from './icons/CheckCircle.mjs';
|
|
|
62
62
|
export { CheckCircleFilled } from './icons/CheckCircleFilled.mjs';
|
|
63
63
|
export { CheckDouble } from './icons/CheckDouble.mjs';
|
|
64
64
|
export { ChevronDown } from './icons/ChevronDown.mjs';
|
|
65
|
+
export { ChevronDownUp } from './icons/ChevronDownUp.mjs';
|
|
65
66
|
export { ChevronLeft } from './icons/ChevronLeft.mjs';
|
|
66
67
|
export { ChevronLeftDouble } from './icons/ChevronLeftDouble.mjs';
|
|
67
68
|
export { ChevronRight } from './icons/ChevronRight.mjs';
|
package/dist/meta.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "6.
|
|
3
|
-
"count":
|
|
2
|
+
"version": "6.6.0",
|
|
3
|
+
"count": 434,
|
|
4
4
|
"categories": {
|
|
5
5
|
"system": {
|
|
6
|
-
"count":
|
|
6
|
+
"count": 402,
|
|
7
7
|
"colorModel": "monochrome",
|
|
8
8
|
"motion": "static",
|
|
9
9
|
"themeable": true
|
|
@@ -702,6 +702,16 @@
|
|
|
702
702
|
"caret-down"
|
|
703
703
|
]
|
|
704
704
|
},
|
|
705
|
+
{
|
|
706
|
+
"name": "ChevronDownUp",
|
|
707
|
+
"category": "system",
|
|
708
|
+
"kebab": "chevron-down-up",
|
|
709
|
+
"aliases": [
|
|
710
|
+
"collapse",
|
|
711
|
+
"unfold-less",
|
|
712
|
+
"compress"
|
|
713
|
+
]
|
|
714
|
+
},
|
|
705
715
|
{
|
|
706
716
|
"name": "ChevronLeft",
|
|
707
717
|
"category": "system",
|
package/dist/sprite.svg
CHANGED
|
@@ -182,6 +182,9 @@
|
|
|
182
182
|
<symbol id="chevron-down" viewBox="0 0 16 16" fill="currentColor">
|
|
183
183
|
<path d="M4.35359 6.43396L3.64648 7.14107L7.50548 11H8.49466L12.3536 7.14107L11.6465 6.43396L8.00007 10.0804L4.35359 6.43396Z" fill="currentColor"/>
|
|
184
184
|
</symbol>
|
|
185
|
+
<symbol id="chevron-down-up" viewBox="0 0 16 16" fill="currentColor">
|
|
186
|
+
<path d="M10.8535 12.29L10.1465 12.9971L8 10.8506L5.85352 12.9971L5.14648 12.29L7.64648 9.79004H8.35352L10.8535 12.29Z" fill="currentColor"/><path d="M10.8535 3.70703L8.35352 6.20703H7.64648L5.14648 3.70703L5.85352 3L8 5.14648L10.1465 3L10.8535 3.70703Z" fill="currentColor"/>
|
|
187
|
+
</symbol>
|
|
185
188
|
<symbol id="chevron-left" viewBox="0 0 16 16" fill="currentColor">
|
|
186
189
|
<path d="M10.0661 11.6464L9.35897 12.3535L5.5 8.4945V7.50533L9.35897 3.64636L10.0661 4.35347L6.41963 7.99992L10.0661 11.6464Z" fill="currentColor"/>
|
|
187
190
|
</symbol>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ChevronDownUp: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const ChevronDownUp = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.8535 12.29L10.1465 12.9971L8 10.8506L5.85352 12.9971L5.14648 12.29L7.64648 9.79004H8.35352L10.8535 12.29Z\" fill=\"currentColor\"/><path d=\"M10.8535 3.70703L8.35352 6.20703H7.64648L5.14648 3.70703L5.85352 3L8 5.14648L10.1465 3L10.8535 3.70703Z\" fill=\"currentColor\"/></svg>";
|
package/dist/svg/index.d.ts
CHANGED
|
@@ -59,6 +59,7 @@ export { CheckCircle } from './CheckCircle.mjs';
|
|
|
59
59
|
export { CheckCircleFilled } from './CheckCircleFilled.mjs';
|
|
60
60
|
export { CheckDouble } from './CheckDouble.mjs';
|
|
61
61
|
export { ChevronDown } from './ChevronDown.mjs';
|
|
62
|
+
export { ChevronDownUp } from './ChevronDownUp.mjs';
|
|
62
63
|
export { ChevronLeft } from './ChevronLeft.mjs';
|
|
63
64
|
export { ChevronLeftDouble } from './ChevronLeftDouble.mjs';
|
|
64
65
|
export { ChevronRight } from './ChevronRight.mjs';
|
package/dist/svg/index.mjs
CHANGED
|
@@ -59,6 +59,7 @@ export { CheckCircle } from './CheckCircle.mjs';
|
|
|
59
59
|
export { CheckCircleFilled } from './CheckCircleFilled.mjs';
|
|
60
60
|
export { CheckDouble } from './CheckDouble.mjs';
|
|
61
61
|
export { ChevronDown } from './ChevronDown.mjs';
|
|
62
|
+
export { ChevronDownUp } from './ChevronDownUp.mjs';
|
|
62
63
|
export { ChevronLeft } from './ChevronLeft.mjs';
|
|
63
64
|
export { ChevronLeftDouble } from './ChevronLeftDouble.mjs';
|
|
64
65
|
export { ChevronRight } from './ChevronRight.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.6.0",
|
|
4
|
+
"description": "IcoMo — 434 SVG icons (402 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",
|