@ds-mo/icons 1.0.1 → 1.2.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 (14) hide show
  1. package/README.md +4 -4
  2. package/dist/icons/DVR.d.ts +2 -0
  3. package/dist/icons/DVR.mjs +12 -0
  4. package/dist/icons/index.d.ts +1 -0
  5. package/dist/icons/index.mjs +1 -0
  6. package/dist/index.d.ts +1 -0
  7. package/dist/index.mjs +1 -0
  8. package/dist/meta.json +15 -3
  9. package/dist/sprite.svg +3 -0
  10. package/dist/svg/DVR.d.ts +1 -0
  11. package/dist/svg/DVR.mjs +1 -0
  12. package/dist/svg/index.d.ts +1 -0
  13. package/dist/svg/index.mjs +1 -0
  14. 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 — **422 SVG icons** (390 system icons + 32 country flags) as tree-shakeable React components, framework-agnostic SVG strings, TypeScript definitions, and an SVG sprite.
5
+ IcoMo — **423 SVG icons** (391 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` | 390 | ✅ `currentColor` | Monochrome UI icons — respond to CSS `color` and the `color` prop |
31
+ | `system` | 391 | ✅ `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 // 422
112
- meta.categories // { system: {count:390,themeable:true}, flag: {count:32,themeable:false} }
111
+ meta.count // 423
112
+ meta.categories // { system: {count:391,themeable:true}, flag: {count:32,themeable:false} }
113
113
  meta.icons // [{ name, category, kebab, aliases }, ...]
114
114
  ```
115
115
 
package/dist/icons/DVR.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { IconComponent } from '../createIcon.mjs';
2
+ export declare const DVR: IconComponent;
package/dist/icons/DVR.mjs ADDED
@@ -0,0 +1,12 @@
1
+ import { createElement } from 'react';
2
+ import { createIcon } from '../createIcon.mjs';
3
+
4
+ const DVR = createIcon('dvr', [
5
+ createElement('path', { d: "M12 8C12.5523 8 13 8.44772 13 9C13 9.55228 12.5523 10 12 10C11.4477 10 11 9.55228 11 9C11 8.44772 11.4477 8 12 8Z", key: "a" }),
6
+ createElement('path', { d: "M5.5 9.5H3.5V8.5H5.5V9.5Z", key: "b" }),
7
+ createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M13 4C14.1046 4 15 4.89543 15 6V10L14.9893 10.2041C14.8938 11.1457 14.1457 11.8938 13.2041 11.9893L13 12H3L2.7959 11.9893C1.78722 11.887 1 11.0357 1 10V6C1 4.89543 1.89543 4 3 4H13ZM3 5C2.44772 5 2 5.44772 2 6V10C2 10.5523 2.44772 11 3 11H13C13.5523 11 14 10.5523 14 10V6C14 5.44772 13.5523 5 13 5H3Z", key: "c" }),
8
+ createElement('path', { d: "M8.5 9.5H6.5V8.5H8.5V9.5Z", key: "d" }),
9
+ ]);
10
+
11
+ DVR.displayName = 'DVR';
12
+ export { DVR };
package/dist/icons/index.d.ts CHANGED
@@ -104,6 +104,7 @@ export { CrossCircleFilled } from './CrossCircleFilled.mjs';
104
104
  export { Cube } from './Cube.mjs';
105
105
  export { Cup } from './Cup.mjs';
106
106
  export { CursorPointer } from './CursorPointer.mjs';
107
+ export { DVR } from './DVR.mjs';
107
108
  export { Dashboard } from './Dashboard.mjs';
108
109
  export { Dashcam } from './Dashcam.mjs';
109
110
  export { DashcamLiveStream } from './DashcamLiveStream.mjs';
package/dist/icons/index.mjs CHANGED
@@ -104,6 +104,7 @@ export { CrossCircleFilled } from './CrossCircleFilled.mjs';
104
104
  export { Cube } from './Cube.mjs';
105
105
  export { Cup } from './Cup.mjs';
106
106
  export { CursorPointer } from './CursorPointer.mjs';
107
+ export { DVR } from './DVR.mjs';
107
108
  export { Dashboard } from './Dashboard.mjs';
108
109
  export { Dashcam } from './Dashcam.mjs';
109
110
  export { DashcamLiveStream } from './DashcamLiveStream.mjs';
package/dist/index.d.ts CHANGED
@@ -109,6 +109,7 @@ export { CrossCircleFilled } from './icons/CrossCircleFilled.mjs';
109
109
  export { Cube } from './icons/Cube.mjs';
110
110
  export { Cup } from './icons/Cup.mjs';
111
111
  export { CursorPointer } from './icons/CursorPointer.mjs';
112
+ export { DVR } from './icons/DVR.mjs';
112
113
  export { Dashboard } from './icons/Dashboard.mjs';
113
114
  export { Dashcam } from './icons/Dashcam.mjs';
114
115
  export { DashcamLiveStream } from './icons/DashcamLiveStream.mjs';
package/dist/index.mjs CHANGED
@@ -107,6 +107,7 @@ export { CrossCircleFilled } from './icons/CrossCircleFilled.mjs';
107
107
  export { Cube } from './icons/Cube.mjs';
108
108
  export { Cup } from './icons/Cup.mjs';
109
109
  export { CursorPointer } from './icons/CursorPointer.mjs';
110
+ export { DVR } from './icons/DVR.mjs';
110
111
  export { Dashboard } from './icons/Dashboard.mjs';
111
112
  export { Dashcam } from './icons/Dashcam.mjs';
112
113
  export { DashcamLiveStream } from './icons/DashcamLiveStream.mjs';
package/dist/meta.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
- "version": "1.0.1",
3
- "count": 422,
2
+ "version": "1.2.0",
3
+ "count": 423,
4
4
  "categories": {
5
5
  "system": {
6
- "count": 390,
6
+ "count": 391,
7
7
  "themeable": true
8
8
  },
9
9
  "flag": {
@@ -1072,6 +1072,18 @@
1072
1072
  "select"
1073
1073
  ]
1074
1074
  },
1075
+ {
1076
+ "name": "DVR",
1077
+ "category": "system",
1078
+ "kebab": "dvr",
1079
+ "aliases": [
1080
+ "dvr",
1081
+ "digital-video-recorder",
1082
+ "video-recorder",
1083
+ "recorder",
1084
+ "dashcam-recorder"
1085
+ ]
1086
+ },
1075
1087
  {
1076
1088
  "name": "Dashboard",
1077
1089
  "category": "system",
package/dist/sprite.svg CHANGED
@@ -317,6 +317,9 @@
317
317
  <symbol id="cursor-pointer" viewBox="0 0 16 16" fill="currentColor">
318
318
  <path d="M13.2749 5.32758L13.4038 6.22113L10.5171 8.14496L13.48 11.1088V11.8159L12.0659 13.2299H11.3589L8.39502 10.267L6.47119 13.1537L5.57764 13.0248L2.396 2.77191L3.02197 2.14594L13.2749 5.32758ZM6.22119 11.725L7.90186 9.20551L7.97314 9.12054C8.0531 9.04429 8.15703 8.99589 8.26904 8.9848C8.41809 8.97006 8.56548 9.02343 8.67139 9.12933L11.7114 12.1694L12.4194 11.4614L9.37939 8.42133C9.27349 8.31542 9.22012 8.16803 9.23486 8.01898C9.24962 7.86991 9.33093 7.73489 9.45557 7.65179L11.9751 5.97113L3.63232 3.38226L6.22119 11.725Z" fill="currentColor"/>
319
319
  </symbol>
320
+ <symbol id="dvr" viewBox="0 0 16 16" fill="currentColor">
321
+ <path d="M12 8C12.5523 8 13 8.44772 13 9C13 9.55228 12.5523 10 12 10C11.4477 10 11 9.55228 11 9C11 8.44772 11.4477 8 12 8Z" fill="currentColor"/><path d="M5.5 9.5H3.5V8.5H5.5V9.5Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 4C14.1046 4 15 4.89543 15 6V10L14.9893 10.2041C14.8938 11.1457 14.1457 11.8938 13.2041 11.9893L13 12H3L2.7959 11.9893C1.78722 11.887 1 11.0357 1 10V6C1 4.89543 1.89543 4 3 4H13ZM3 5C2.44772 5 2 5.44772 2 6V10C2 10.5523 2.44772 11 3 11H13C13.5523 11 14 10.5523 14 10V6C14 5.44772 13.5523 5 13 5H3Z" fill="currentColor"/><path d="M8.5 9.5H6.5V8.5H8.5V9.5Z" fill="currentColor"/>
322
+ </symbol>
320
323
  <symbol id="dashboard" viewBox="0 0 16 16" fill="currentColor">
321
324
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 2C3.11929 2 2 3.11929 2 4.5V11.5C2 12.8807 3.11929 14 4.5 14H11.5C12.8807 14 14 12.8807 14 11.5V9H13V11.5C13 12.3284 12.3284 13 11.5 13H6V3H7V2H4.5ZM5 3H4.5C3.67157 3 3 3.67157 3 4.5V11.5C3 12.3284 3.67157 13 4.5 13H5V3Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 5.5C9 4.67157 9.67157 4 10.5 4C11.3284 4 12 4.67157 12 5.5C12 6.32843 11.3284 7 10.5 7C9.67157 7 9 6.32843 9 5.5ZM10.5 5C10.2239 5 10 5.22386 10 5.5C10 5.77614 10.2239 6 10.5 6C10.7761 6 11 5.77614 11 5.5C11 5.22386 10.7761 5 10.5 5Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5.47744C7 3.55335 8.57057 2 10.5 2C12.4294 2 14 3.55335 14 5.47744C14 6.36783 13.6626 7.18062 13.1094 7.79506L11 10.1889V10.1875H10V10.1889L7.89059 7.79505C7.33743 7.18061 7 6.36782 7 5.47744ZM10.5 3C9.11572 3 8 4.11274 8 5.47744C8 6.11115 8.23947 6.68872 8.63521 7.12755L8.63905 7.13182L10.5 9.24372L12.3648 7.12753C12.7605 6.6887 13 6.11115 13 5.47744C13 4.11274 11.8843 3 10.5 3Z" fill="currentColor"/>
322
325
  </symbol>
package/dist/svg/DVR.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const DVR: string;
package/dist/svg/DVR.mjs ADDED
@@ -0,0 +1 @@
1
+ export const DVR = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 8C12.5523 8 13 8.44772 13 9C13 9.55228 12.5523 10 12 10C11.4477 10 11 9.55228 11 9C11 8.44772 11.4477 8 12 8Z\" fill=\"currentColor\"/><path d=\"M5.5 9.5H3.5V8.5H5.5V9.5Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13 4C14.1046 4 15 4.89543 15 6V10L14.9893 10.2041C14.8938 11.1457 14.1457 11.8938 13.2041 11.9893L13 12H3L2.7959 11.9893C1.78722 11.887 1 11.0357 1 10V6C1 4.89543 1.89543 4 3 4H13ZM3 5C2.44772 5 2 5.44772 2 6V10C2 10.5523 2.44772 11 3 11H13C13.5523 11 14 10.5523 14 10V6C14 5.44772 13.5523 5 13 5H3Z\" fill=\"currentColor\"/><path d=\"M8.5 9.5H6.5V8.5H8.5V9.5Z\" fill=\"currentColor\"/></svg>";
package/dist/svg/index.d.ts CHANGED
@@ -104,6 +104,7 @@ export { CrossCircleFilled } from './CrossCircleFilled.mjs';
104
104
  export { Cube } from './Cube.mjs';
105
105
  export { Cup } from './Cup.mjs';
106
106
  export { CursorPointer } from './CursorPointer.mjs';
107
+ export { DVR } from './DVR.mjs';
107
108
  export { Dashboard } from './Dashboard.mjs';
108
109
  export { Dashcam } from './Dashcam.mjs';
109
110
  export { DashcamLiveStream } from './DashcamLiveStream.mjs';
package/dist/svg/index.mjs CHANGED
@@ -104,6 +104,7 @@ export { CrossCircleFilled } from './CrossCircleFilled.mjs';
104
104
  export { Cube } from './Cube.mjs';
105
105
  export { Cup } from './Cup.mjs';
106
106
  export { CursorPointer } from './CursorPointer.mjs';
107
+ export { DVR } from './DVR.mjs';
107
108
  export { Dashboard } from './Dashboard.mjs';
108
109
  export { Dashcam } from './Dashcam.mjs';
109
110
  export { DashcamLiveStream } from './DashcamLiveStream.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ds-mo/icons",
3
- "version": "1.0.1",
3
+ "version": "1.2.0",
4
4
  "description": "IcoMo — 422 SVG icons (390 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",