@ds-mo/icons 4.1.0 → 4.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.
Files changed (18) hide show
  1. package/README.md +4 -4
  2. package/dist/icons/BellFilled.d.ts +2 -0
  3. package/dist/icons/BellFilled.mjs +10 -0
  4. package/dist/icons/SquareArrowTopRight.d.ts +2 -0
  5. package/dist/icons/SquareArrowTopRight.mjs +10 -0
  6. package/dist/icons/index.d.ts +2 -0
  7. package/dist/icons/index.mjs +2 -0
  8. package/dist/index.d.ts +2 -0
  9. package/dist/index.mjs +2 -0
  10. package/dist/meta.json +25 -3
  11. package/dist/sprite.svg +6 -0
  12. package/dist/svg/BellFilled.d.ts +1 -0
  13. package/dist/svg/BellFilled.mjs +1 -0
  14. package/dist/svg/SquareArrowTopRight.d.ts +1 -0
  15. package/dist/svg/SquareArrowTopRight.mjs +1 -0
  16. package/dist/svg/index.d.ts +2 -0
  17. package/dist/svg/index.mjs +2 -0
  18. package/package.json +1 -1
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  [![npm version](https://img.shields.io/npm/v/@ds-mo/icons.svg)](https://www.npmjs.com/package/@ds-mo/icons)
4
4
 
5
- IcoMo — **426 SVG icons** (394 system icons + 32 country flags) as tree-shakeable React components, framework-agnostic SVG strings, TypeScript definitions, and an SVG sprite.
5
+ IcoMo — **428 SVG icons** (396 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` | 394 | ✅ `currentColor` | Monochrome UI icons — respond to CSS `color` and the `color` prop |
31
+ | `system` | 396 | ✅ `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.
@@ -108,8 +108,8 @@ Machine-readable icon list (for docs, agents, search indexes):
108
108
  import meta from '@ds-mo/icons/meta';
109
109
 
110
110
  meta.version // e.g. "0.7.3" — matches package version
111
- meta.count // 426
112
- meta.categories // { system: {count:394,themeable:true}, flag: {count:32,themeable:false} }
111
+ meta.count // 428
112
+ meta.categories // { system: {count:396,themeable:true}, flag: {count:32,themeable:false} }
113
113
  meta.icons // [{ name, category, kebab, aliases }, ...]
114
114
  ```
115
115
 
package/dist/icons/BellFilled.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { IconComponent } from '../createIcon.mjs';
2
+ export declare const BellFilled: IconComponent;
package/dist/icons/BellFilled.mjs ADDED
@@ -0,0 +1,10 @@
1
+ import { createElement } from 'react';
2
+ import { createIcon } from '../createIcon.mjs';
3
+
4
+ const BellFilled = createIcon('bell-filled', [
5
+ createElement('path', { d: "M9.93457 12.5C9.71235 13.3623 8.93171 14 8 14C7.06829 14 6.28765 13.3623 6.06543 12.5H9.93457Z", key: "a" }),
6
+ createElement('path', { d: "M8 2C10.4853 2 12.5 4.01472 12.5 6.5V8.29297L13.8535 9.64648V10.3535L12.707 11.5H3.29297L2.14648 10.3535V9.64648L3.5 8.29297V6.5C3.5 4.01472 5.51472 2 8 2Z", key: "b" }),
7
+ ]);
8
+
9
+ BellFilled.displayName = 'BellFilled';
10
+ export { BellFilled };
package/dist/icons/SquareArrowTopRight.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { IconComponent } from '../createIcon.mjs';
2
+ export declare const SquareArrowTopRight: IconComponent;
package/dist/icons/SquareArrowTopRight.mjs ADDED
@@ -0,0 +1,10 @@
1
+ import { createElement } from 'react';
2
+ import { createIcon } from '../createIcon.mjs';
3
+
4
+ const SquareArrowTopRight = createIcon('square-arrow-top-right', [
5
+ createElement('path', { d: "M11 10H10V6.70703L5.85352 10.8535L5.14648 10.1465L9.29297 6H6V5H11V10Z", key: "a" }),
6
+ createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 2C13.3284 2 14 2.67157 14 3.5V12.5C14 13.3284 13.3284 14 12.5 14H3.5C2.67157 14 2 13.3284 2 12.5V3.5C2 2.67157 2.67157 2 3.5 2H12.5ZM3.5 3C3.22386 3 3 3.22386 3 3.5V12.5C3 12.7761 3.22386 13 3.5 13H12.5C12.7761 13 13 12.7761 13 12.5V3.5C13 3.22386 12.7761 3 12.5 3H3.5Z", key: "b" }),
7
+ ]);
8
+
9
+ SquareArrowTopRight.displayName = 'SquareArrowTopRight';
10
+ export { SquareArrowTopRight };
package/dist/icons/index.d.ts CHANGED
@@ -28,6 +28,7 @@ export { Beaker } from './Beaker.mjs';
28
28
  export { Bell } from './Bell.mjs';
29
29
  export { BellCircle } from './BellCircle.mjs';
30
30
  export { BellExclamation } from './BellExclamation.mjs';
31
+ export { BellFilled } from './BellFilled.mjs';
31
32
  export { BellRinging } from './BellRinging.mjs';
32
33
  export { BellWifi } from './BellWifi.mjs';
33
34
  export { BlackWhite } from './BlackWhite.mjs';
@@ -329,6 +330,7 @@ export { SpeedometerRight } from './SpeedometerRight.mjs';
329
330
  export { SpikeCirclePercentage } from './SpikeCirclePercentage.mjs';
330
331
  export { SpikeCirclePercentageFilled } from './SpikeCirclePercentageFilled.mjs';
331
332
  export { Square } from './Square.mjs';
333
+ export { SquareArrowTopRight } from './SquareArrowTopRight.mjs';
332
334
  export { SquareCheck } from './SquareCheck.mjs';
333
335
  export { SquareCheckFilled } from './SquareCheckFilled.mjs';
334
336
  export { SquareDollar } from './SquareDollar.mjs';
package/dist/icons/index.mjs CHANGED
@@ -28,6 +28,7 @@ export { Beaker } from './Beaker.mjs';
28
28
  export { Bell } from './Bell.mjs';
29
29
  export { BellCircle } from './BellCircle.mjs';
30
30
  export { BellExclamation } from './BellExclamation.mjs';
31
+ export { BellFilled } from './BellFilled.mjs';
31
32
  export { BellRinging } from './BellRinging.mjs';
32
33
  export { BellWifi } from './BellWifi.mjs';
33
34
  export { BlackWhite } from './BlackWhite.mjs';
@@ -329,6 +330,7 @@ export { SpeedometerRight } from './SpeedometerRight.mjs';
329
330
  export { SpikeCirclePercentage } from './SpikeCirclePercentage.mjs';
330
331
  export { SpikeCirclePercentageFilled } from './SpikeCirclePercentageFilled.mjs';
331
332
  export { Square } from './Square.mjs';
333
+ export { SquareArrowTopRight } from './SquareArrowTopRight.mjs';
332
334
  export { SquareCheck } from './SquareCheck.mjs';
333
335
  export { SquareCheckFilled } from './SquareCheckFilled.mjs';
334
336
  export { SquareDollar } from './SquareDollar.mjs';
package/dist/index.d.ts CHANGED
@@ -33,6 +33,7 @@ export { Beaker } from './icons/Beaker.mjs';
33
33
  export { Bell } from './icons/Bell.mjs';
34
34
  export { BellCircle } from './icons/BellCircle.mjs';
35
35
  export { BellExclamation } from './icons/BellExclamation.mjs';
36
+ export { BellFilled } from './icons/BellFilled.mjs';
36
37
  export { BellRinging } from './icons/BellRinging.mjs';
37
38
  export { BellWifi } from './icons/BellWifi.mjs';
38
39
  export { BlackWhite } from './icons/BlackWhite.mjs';
@@ -334,6 +335,7 @@ export { SpeedometerRight } from './icons/SpeedometerRight.mjs';
334
335
  export { SpikeCirclePercentage } from './icons/SpikeCirclePercentage.mjs';
335
336
  export { SpikeCirclePercentageFilled } from './icons/SpikeCirclePercentageFilled.mjs';
336
337
  export { Square } from './icons/Square.mjs';
338
+ export { SquareArrowTopRight } from './icons/SquareArrowTopRight.mjs';
337
339
  export { SquareCheck } from './icons/SquareCheck.mjs';
338
340
  export { SquareCheckFilled } from './icons/SquareCheckFilled.mjs';
339
341
  export { SquareDollar } from './icons/SquareDollar.mjs';
package/dist/index.mjs CHANGED
@@ -31,6 +31,7 @@ export { Beaker } from './icons/Beaker.mjs';
31
31
  export { Bell } from './icons/Bell.mjs';
32
32
  export { BellCircle } from './icons/BellCircle.mjs';
33
33
  export { BellExclamation } from './icons/BellExclamation.mjs';
34
+ export { BellFilled } from './icons/BellFilled.mjs';
34
35
  export { BellRinging } from './icons/BellRinging.mjs';
35
36
  export { BellWifi } from './icons/BellWifi.mjs';
36
37
  export { BlackWhite } from './icons/BlackWhite.mjs';
@@ -332,6 +333,7 @@ export { SpeedometerRight } from './icons/SpeedometerRight.mjs';
332
333
  export { SpikeCirclePercentage } from './icons/SpikeCirclePercentage.mjs';
333
334
  export { SpikeCirclePercentageFilled } from './icons/SpikeCirclePercentageFilled.mjs';
334
335
  export { Square } from './icons/Square.mjs';
336
+ export { SquareArrowTopRight } from './icons/SquareArrowTopRight.mjs';
335
337
  export { SquareCheck } from './icons/SquareCheck.mjs';
336
338
  export { SquareCheckFilled } from './icons/SquareCheckFilled.mjs';
337
339
  export { SquareDollar } from './icons/SquareDollar.mjs';
package/dist/meta.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
- "version": "4.1.0",
3
- "count": 426,
2
+ "version": "4.3.0",
3
+ "count": 428,
4
4
  "categories": {
5
5
  "system": {
6
- "count": 394,
6
+ "count": 396,
7
7
  "themeable": true
8
8
  },
9
9
  "flag": {
@@ -312,6 +312,17 @@
312
312
  "important"
313
313
  ]
314
314
  },
315
+ {
316
+ "name": "BellFilled",
317
+ "category": "system",
318
+ "kebab": "bell-filled",
319
+ "aliases": [
320
+ "bell-filled",
321
+ "notification-filled",
322
+ "alert-solid",
323
+ "alarm-solid"
324
+ ]
325
+ },
315
326
  {
316
327
  "name": "BellRinging",
317
328
  "category": "system",
@@ -3351,6 +3362,17 @@
3351
3362
  "quadrilateral"
3352
3363
  ]
3353
3364
  },
3365
+ {
3366
+ "name": "SquareArrowTopRight",
3367
+ "category": "system",
3368
+ "kebab": "square-arrow-top-right",
3369
+ "aliases": [
3370
+ "external-link-box",
3371
+ "open-in-new",
3372
+ "launch-box",
3373
+ "arrow-up-right-box"
3374
+ ]
3375
+ },
3354
3376
  {
3355
3377
  "name": "SquareCheck",
3356
3378
  "category": "system",
package/dist/sprite.svg CHANGED
@@ -89,6 +89,9 @@
89
89
  <symbol id="bell-exclamation" viewBox="0 0 16 16" fill="currentColor">
90
90
  <path d="M7.5 8V4H8.5V8H7.5Z" fill="currentColor"/><path d="M7.5 10V9H8.5V10H7.5Z" fill="currentColor"/><path d="M7 12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12H7ZM11.5 6.5C11.5 4.567 9.933 3 8 3C6.067 3 4.5 4.567 4.5 6.5V8.70703L3.20703 10L4.20703 11H11.793L12.793 10L11.5 8.70703V6.5ZM12.5 8.29297L13.8535 9.64648V10.3535L12.207 12H10C10 13.1046 9.10457 14 8 14C6.89543 14 6 13.1046 6 12H3.79297L2.14648 10.3535V9.64648L3.5 8.29297V6.5C3.5 4.01472 5.51472 2 8 2C10.4853 2 12.5 4.01472 12.5 6.5V8.29297Z" fill="currentColor"/>
91
91
  </symbol>
92
+ <symbol id="bell-filled" viewBox="0 0 16 16" fill="currentColor">
93
+ <path d="M9.93457 12.5C9.71235 13.3623 8.93171 14 8 14C7.06829 14 6.28765 13.3623 6.06543 12.5H9.93457Z" fill="currentColor"/><path d="M8 2C10.4853 2 12.5 4.01472 12.5 6.5V8.29297L13.8535 9.64648V10.3535L12.707 11.5H3.29297L2.14648 10.3535V9.64648L3.5 8.29297V6.5C3.5 4.01472 5.51472 2 8 2Z" fill="currentColor"/>
94
+ </symbol>
92
95
  <symbol id="bell-ringing" viewBox="0 0 16 16" fill="currentColor">
93
96
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8 2C10.4853 2 12.5 4.01472 12.5 6.5V8.29297L13.8535 9.64648V10.3535L12.207 12H10C10 13.1046 9.10457 14 8 14C6.89543 14 6 13.1046 6 12H3.79297L2.14648 10.3535V9.64648L3.5 8.29297V6.5C3.5 4.01472 5.51472 2 8 2ZM7 12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12H7ZM8 3C6.067 3 4.5 4.567 4.5 6.5V8.70703L3.20703 10L4.20703 11H11.793L12.793 10L11.5 8.70703V6.5C11.5 4.567 9.933 3 8 3Z" fill="currentColor"/><path d="M4.18066 2.54395C3.48834 3.21249 2.97107 4.06048 2.7041 5.01367L1.76465 4.66113C2.0922 3.54867 2.70884 2.56035 3.52832 1.7832L4.18066 2.54395Z" fill="currentColor"/><path d="M12.4707 1.7832C13.2904 2.56036 13.9067 3.54855 14.2344 4.66113L13.2949 5.01367C13.0279 4.06035 12.5109 3.2125 11.8184 2.54395L12.4707 1.7832Z" fill="currentColor"/>
94
97
  </symbol>
@@ -992,6 +995,9 @@
992
995
  <symbol id="square" viewBox="0 0 16 16" fill="currentColor">
993
996
  <path fill-rule="evenodd" clip-rule="evenodd" d="M2 3.49649C2 2.67 2.67158 2 3.5 2L12.5 2.00003C13.3284 2.00003 14 2.67003 14 3.49652V12.5035C14 13.33 13.3284 14 12.5 14L3.5 14C2.67157 14 2 13.33 2 12.5035V3.49649ZM3.5 2.99766C3.22386 2.99766 3 3.22099 3 3.49649V12.5035C3 12.779 3.22386 13.0023 3.5 13.0023L12.5 13.0023C12.7761 13.0023 13 12.779 13 12.5035V3.49652C13 3.22102 12.7761 2.99769 12.5 2.99769L3.5 2.99766Z" fill="currentColor"/>
994
997
  </symbol>
998
+ <symbol id="square-arrow-top-right" viewBox="0 0 16 16" fill="currentColor">
999
+ <path d="M11 10H10V6.70703L5.85352 10.8535L5.14648 10.1465L9.29297 6H6V5H11V10Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 2C13.3284 2 14 2.67157 14 3.5V12.5C14 13.3284 13.3284 14 12.5 14H3.5C2.67157 14 2 13.3284 2 12.5V3.5C2 2.67157 2.67157 2 3.5 2H12.5ZM3.5 3C3.22386 3 3 3.22386 3 3.5V12.5C3 12.7761 3.22386 13 3.5 13H12.5C12.7761 13 13 12.7761 13 12.5V3.5C13 3.22386 12.7761 3 12.5 3H3.5Z" fill="currentColor"/>
1000
+ </symbol>
995
1001
  <symbol id="square-check" viewBox="0 0 16 16" fill="currentColor">
996
1002
  <path d="M7.16667 10.0404L10.8536 6.35356L10.1465 5.64645L7.16667 8.62623L5.85356 7.31312L5.14645 8.02023L7.16667 10.0404Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 2C2.67157 2 2 2.67157 2 3.5V12.5C2 13.3284 2.67157 14 3.5 14H12.5C13.3284 14 14 13.3284 14 12.5V3.5C14 2.67157 13.3284 2 12.5 2H3.5ZM3 3.5C3 3.22386 3.22386 3 3.5 3H12.5C12.7761 3 13 3.22386 13 3.5V12.5C13 12.7761 12.7761 13 12.5 13H3.5C3.22386 13 3 12.7761 3 12.5V3.5Z" fill="currentColor"/>
997
1003
  </symbol>
package/dist/svg/BellFilled.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const BellFilled: string;
package/dist/svg/BellFilled.mjs ADDED
@@ -0,0 +1 @@
1
+ export const BellFilled = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.93457 12.5C9.71235 13.3623 8.93171 14 8 14C7.06829 14 6.28765 13.3623 6.06543 12.5H9.93457Z\" fill=\"currentColor\"/><path d=\"M8 2C10.4853 2 12.5 4.01472 12.5 6.5V8.29297L13.8535 9.64648V10.3535L12.707 11.5H3.29297L2.14648 10.3535V9.64648L3.5 8.29297V6.5C3.5 4.01472 5.51472 2 8 2Z\" fill=\"currentColor\"/></svg>";
package/dist/svg/SquareArrowTopRight.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const SquareArrowTopRight: string;
package/dist/svg/SquareArrowTopRight.mjs ADDED
@@ -0,0 +1 @@
1
+ export const SquareArrowTopRight = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11 10H10V6.70703L5.85352 10.8535L5.14648 10.1465L9.29297 6H6V5H11V10Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.5 2C13.3284 2 14 2.67157 14 3.5V12.5C14 13.3284 13.3284 14 12.5 14H3.5C2.67157 14 2 13.3284 2 12.5V3.5C2 2.67157 2.67157 2 3.5 2H12.5ZM3.5 3C3.22386 3 3 3.22386 3 3.5V12.5C3 12.7761 3.22386 13 3.5 13H12.5C12.7761 13 13 12.7761 13 12.5V3.5C13 3.22386 12.7761 3 12.5 3H3.5Z\" fill=\"currentColor\"/></svg>";
package/dist/svg/index.d.ts CHANGED
@@ -28,6 +28,7 @@ export { Beaker } from './Beaker.mjs';
28
28
  export { Bell } from './Bell.mjs';
29
29
  export { BellCircle } from './BellCircle.mjs';
30
30
  export { BellExclamation } from './BellExclamation.mjs';
31
+ export { BellFilled } from './BellFilled.mjs';
31
32
  export { BellRinging } from './BellRinging.mjs';
32
33
  export { BellWifi } from './BellWifi.mjs';
33
34
  export { BlackWhite } from './BlackWhite.mjs';
@@ -329,6 +330,7 @@ export { SpeedometerRight } from './SpeedometerRight.mjs';
329
330
  export { SpikeCirclePercentage } from './SpikeCirclePercentage.mjs';
330
331
  export { SpikeCirclePercentageFilled } from './SpikeCirclePercentageFilled.mjs';
331
332
  export { Square } from './Square.mjs';
333
+ export { SquareArrowTopRight } from './SquareArrowTopRight.mjs';
332
334
  export { SquareCheck } from './SquareCheck.mjs';
333
335
  export { SquareCheckFilled } from './SquareCheckFilled.mjs';
334
336
  export { SquareDollar } from './SquareDollar.mjs';
package/dist/svg/index.mjs CHANGED
@@ -28,6 +28,7 @@ export { Beaker } from './Beaker.mjs';
28
28
  export { Bell } from './Bell.mjs';
29
29
  export { BellCircle } from './BellCircle.mjs';
30
30
  export { BellExclamation } from './BellExclamation.mjs';
31
+ export { BellFilled } from './BellFilled.mjs';
31
32
  export { BellRinging } from './BellRinging.mjs';
32
33
  export { BellWifi } from './BellWifi.mjs';
33
34
  export { BlackWhite } from './BlackWhite.mjs';
@@ -329,6 +330,7 @@ export { SpeedometerRight } from './SpeedometerRight.mjs';
329
330
  export { SpikeCirclePercentage } from './SpikeCirclePercentage.mjs';
330
331
  export { SpikeCirclePercentageFilled } from './SpikeCirclePercentageFilled.mjs';
331
332
  export { Square } from './Square.mjs';
333
+ export { SquareArrowTopRight } from './SquareArrowTopRight.mjs';
332
334
  export { SquareCheck } from './SquareCheck.mjs';
333
335
  export { SquareCheckFilled } from './SquareCheckFilled.mjs';
334
336
  export { SquareDollar } from './SquareDollar.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ds-mo/icons",
3
- "version": "4.1.0",
3
+ "version": "4.3.0",
4
4
  "description": "IcoMo — 426 SVG icons (394 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",