@ds-mo/icons 2.0.2 → 2.1.0

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm version](https://img.shields.io/npm/v/@ds-mo/icons.svg)](https://www.npmjs.com/package/@ds-mo/icons)
 
-IcoMo — **424 SVG icons** (392 system icons + 32 country flags) as tree-shakeable React components, framework-agnostic SVG strings, TypeScript definitions, and an SVG sprite.
+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.
 
 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).
 
@@ -28,7 +28,7 @@ Icons are grouped into **categories** so the pipeline can treat them differently
 
 | Category | Count | Themeable | Description |
 |---|---|---|---|
-| `system` | 392 | ✅ `currentColor` | Monochrome UI icons — respond to CSS `color` and the `color` prop |
+| `system` | 394 | ✅ `currentColor` | Monochrome UI icons — respond to CSS `color` and the `color` prop |
 | `flag` | 32 | ❌ preserved | Multi-color country flags — hex + P3 wide-gamut colors kept verbatim |
 
 Flag component names are prefixed with `Flag` (e.g. `FlagFrance`, `FlagUnitedStates`) so every export is globally unique.

package/dist/icons/KeyCmd.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const KeyCmd: IconComponent;

package/dist/icons/KeyCmd.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const KeyCmd = createIcon('key-cmd', [
+  createElement('path', { d: "M5.66699 10.333H4.33301C3.59678 10.3332 3 10.9307 3 11.667C3.00018 12.4031 3.59689 12.9998 4.33301 13C5.06928 13 5.66682 12.4032 5.66699 11.667V10.333ZM13 11.667C13 10.9307 12.4032 10.3332 11.667 10.333H10.333V11.667C10.3332 12.4032 10.9307 13 11.667 13C12.4031 12.9998 12.9998 12.4031 13 11.667ZM6.66699 9.33301H9.33301V6.66699H6.66699V9.33301ZM5.66699 4.33301C5.66682 3.59678 5.06928 3 4.33301 3C3.59689 3.00018 3.00018 3.59689 3 4.33301C3 5.06928 3.59678 5.66682 4.33301 5.66699H5.66699V4.33301ZM13 4.33301C12.9998 3.59689 12.4031 3.00018 11.667 3C10.9307 3 10.3332 3.59678 10.333 4.33301V5.66699H11.667C12.4032 5.66682 13 5.06928 13 4.33301ZM14 4.33301C14 5.62156 12.9555 6.66682 11.667 6.66699H10.333V9.33301H11.667C12.9555 9.33318 14 10.3784 14 11.667C13.9998 12.9554 12.9554 13.9998 11.667 14C10.3784 14 9.33318 12.9555 9.33301 11.667V10.333H6.66699V11.667C6.66682 12.9555 5.62156 14 4.33301 14C3.0446 13.9998 2.00018 12.9554 2 11.667C2 10.3784 3.04449 9.33318 4.33301 9.33301H5.66699V6.66699H4.33301C3.04449 6.66682 2 5.62156 2 4.33301C2.00018 3.0446 3.0446 2.00018 4.33301 2C5.62156 2 6.66682 3.04449 6.66699 4.33301V5.66699H9.33301V4.33301C9.33318 3.04449 10.3784 2 11.667 2C12.9554 2.00018 13.9998 3.0446 14 4.33301Z", key: "a" }),
+]);
+
+KeyCmd.displayName = 'KeyCmd';
+export { KeyCmd };

package/dist/icons/KeyShift.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const KeyShift: IconComponent;

package/dist/icons/KeyShift.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const KeyShift = createIcon('key-shift', [
+  createElement('path', { d: "M8.35352 2.14648L14.8535 8.64648L14.5 9.5H11.5V13.5L11 14H5L4.5 13.5V9.5H1.5L1.14648 8.64648L7.64648 2.14648H8.35352ZM2.70703 8.5H5L5.5 9V13H10.5V9L11 8.5H13.293L8 3.20703L2.70703 8.5Z", key: "a" }),
+]);
+
+KeyShift.displayName = 'KeyShift';
+export { KeyShift };

package/dist/icons/index.d.ts

@@ -192,6 +192,8 @@ export { IosFilled } from './IosFilled.mjs';
 export { Jerrycan } from './Jerrycan.mjs';
 export { KeyA } from './KeyA.mjs';
 export { KeyB } from './KeyB.mjs';
+export { KeyCmd } from './KeyCmd.mjs';
+export { KeyShift } from './KeyShift.mjs';
 export { LED } from './LED.mjs';
 export { Layers } from './Layers.mjs';
 export { Leaf } from './Leaf.mjs';

package/dist/icons/index.mjs

@@ -192,6 +192,8 @@ export { IosFilled } from './IosFilled.mjs';
 export { Jerrycan } from './Jerrycan.mjs';
 export { KeyA } from './KeyA.mjs';
 export { KeyB } from './KeyB.mjs';
+export { KeyCmd } from './KeyCmd.mjs';
+export { KeyShift } from './KeyShift.mjs';
 export { LED } from './LED.mjs';
 export { Layers } from './Layers.mjs';
 export { Leaf } from './Leaf.mjs';

package/dist/index.d.ts

@@ -197,6 +197,8 @@ export { IosFilled } from './icons/IosFilled.mjs';
 export { Jerrycan } from './icons/Jerrycan.mjs';
 export { KeyA } from './icons/KeyA.mjs';
 export { KeyB } from './icons/KeyB.mjs';
+export { KeyCmd } from './icons/KeyCmd.mjs';
+export { KeyShift } from './icons/KeyShift.mjs';
 export { LED } from './icons/LED.mjs';
 export { Layers } from './icons/Layers.mjs';
 export { Leaf } from './icons/Leaf.mjs';

package/dist/index.mjs

@@ -195,6 +195,8 @@ export { IosFilled } from './icons/IosFilled.mjs';
 export { Jerrycan } from './icons/Jerrycan.mjs';
 export { KeyA } from './icons/KeyA.mjs';
 export { KeyB } from './icons/KeyB.mjs';
+export { KeyCmd } from './icons/KeyCmd.mjs';
+export { KeyShift } from './icons/KeyShift.mjs';
 export { LED } from './icons/LED.mjs';
 export { Layers } from './icons/Layers.mjs';
 export { Leaf } from './icons/Leaf.mjs';

package/dist/meta.json

@@ -1,9 +1,9 @@
 {
-  "version": "2.0.2",
-  "count": 424,
+  "version": "2.1.0",
+  "count": 426,
   "categories": {
     "system": {
-      "count": 392,
+      "count": 394,
       "themeable": true
     },
     "flag": {
@@ -1968,6 +1968,28 @@
         "password-variant"
       ]
     },
+    {
+      "name": "KeyCmd",
+      "category": "system",
+      "kebab": "key-cmd",
+      "aliases": [
+        "command",
+        "cmd",
+        "keyboard-command",
+        "modifier-command"
+      ]
+    },
+    {
+      "name": "KeyShift",
+      "category": "system",
+      "kebab": "key-shift",
+      "aliases": [
+        "shift",
+        "keyboard-shift",
+        "modifier-shift",
+        "uppercase"
+      ]
+    },
     {
       "name": "LED",
       "category": "system",

package/dist/sprite.svg

@@ -581,6 +581,12 @@
   <symbol id="key-b" viewBox="0 0 16 16" fill="currentColor">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M10 2.5C11.933 2.5 13.5 4.067 13.5 6C13.5 7.933 11.933 9.5 10 9.5C9.21297 9.5 8.48657 9.2402 7.90193 8.80167L6.45679 10.2497L7.85359 11.6465L6.44479 13.0553L5.04834 11.6588L2.85359 13.8536L2.14648 13.1465L7.19504 8.09366C6.75853 7.50979 6.50004 6.78508 6.50004 6C6.50004 4.067 8.06705 2.5 10 2.5ZM12.5 6C12.5 4.61929 11.3808 3.5 10 3.5C8.61933 3.5 7.50004 4.61929 7.50004 6C7.50004 7.38071 8.61933 8.5 10 8.5C11.3808 8.5 12.5 7.38071 12.5 6Z" fill="currentColor"/>
   </symbol>
+  <symbol id="key-cmd" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M5.66699 10.333H4.33301C3.59678 10.3332 3 10.9307 3 11.667C3.00018 12.4031 3.59689 12.9998 4.33301 13C5.06928 13 5.66682 12.4032 5.66699 11.667V10.333ZM13 11.667C13 10.9307 12.4032 10.3332 11.667 10.333H10.333V11.667C10.3332 12.4032 10.9307 13 11.667 13C12.4031 12.9998 12.9998 12.4031 13 11.667ZM6.66699 9.33301H9.33301V6.66699H6.66699V9.33301ZM5.66699 4.33301C5.66682 3.59678 5.06928 3 4.33301 3C3.59689 3.00018 3.00018 3.59689 3 4.33301C3 5.06928 3.59678 5.66682 4.33301 5.66699H5.66699V4.33301ZM13 4.33301C12.9998 3.59689 12.4031 3.00018 11.667 3C10.9307 3 10.3332 3.59678 10.333 4.33301V5.66699H11.667C12.4032 5.66682 13 5.06928 13 4.33301ZM14 4.33301C14 5.62156 12.9555 6.66682 11.667 6.66699H10.333V9.33301H11.667C12.9555 9.33318 14 10.3784 14 11.667C13.9998 12.9554 12.9554 13.9998 11.667 14C10.3784 14 9.33318 12.9555 9.33301 11.667V10.333H6.66699V11.667C6.66682 12.9555 5.62156 14 4.33301 14C3.0446 13.9998 2.00018 12.9554 2 11.667C2 10.3784 3.04449 9.33318 4.33301 9.33301H5.66699V6.66699H4.33301C3.04449 6.66682 2 5.62156 2 4.33301C2.00018 3.0446 3.0446 2.00018 4.33301 2C5.62156 2 6.66682 3.04449 6.66699 4.33301V5.66699H9.33301V4.33301C9.33318 3.04449 10.3784 2 11.667 2C12.9554 2.00018 13.9998 3.0446 14 4.33301Z" fill="currentColor"/>
+  </symbol>
+  <symbol id="key-shift" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M8.35352 2.14648L14.8535 8.64648L14.5 9.5H11.5V13.5L11 14H5L4.5 13.5V9.5H1.5L1.14648 8.64648L7.64648 2.14648H8.35352ZM2.70703 8.5H5L5.5 9V13H10.5V9L11 8.5H13.293L8 3.20703L2.70703 8.5Z" fill="currentColor"/>
+  </symbol>
   <symbol id="led" viewBox="0 0 16 16" fill="currentColor">
     <path d="M5.87868 5.17153L3.40381 2.69666L2.6967 3.40376L5.17158 5.87864L5.87868 5.17153Z" fill="currentColor"/><path d="M8 9.5C8.82843 9.5 9.5 8.82843 9.5 8C9.5 7.17157 8.82843 6.5 8 6.5C7.17157 6.5 6.5 7.17157 6.5 8C6.5 8.82843 7.17157 9.5 8 9.5Z" fill="currentColor"/><path d="M1 7.5H4.5V8.5H1V7.5Z" fill="currentColor"/><path d="M2.69678 12.5962L5.17165 10.1213L5.87876 10.8284L3.40388 13.3033L2.69678 12.5962Z" fill="currentColor"/><path d="M15 7.5H11.5V8.5H15V7.5Z" fill="currentColor"/><path d="M10.8284 10.1213L13.3032 12.5962L12.5961 13.3033L10.1213 10.8284L10.8284 10.1213Z" fill="currentColor"/><path d="M12.5962 2.69676L10.1213 5.17163L10.8284 5.87874L13.3033 3.40386L12.5962 2.69676Z" fill="currentColor"/>
   </symbol>

package/dist/svg/KeyCmd.d.ts

@@ -0,0 +1 @@
+export declare const KeyCmd: string;

package/dist/svg/KeyCmd.mjs

@@ -0,0 +1 @@
+export const KeyCmd = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.66699 10.333H4.33301C3.59678 10.3332 3 10.9307 3 11.667C3.00018 12.4031 3.59689 12.9998 4.33301 13C5.06928 13 5.66682 12.4032 5.66699 11.667V10.333ZM13 11.667C13 10.9307 12.4032 10.3332 11.667 10.333H10.333V11.667C10.3332 12.4032 10.9307 13 11.667 13C12.4031 12.9998 12.9998 12.4031 13 11.667ZM6.66699 9.33301H9.33301V6.66699H6.66699V9.33301ZM5.66699 4.33301C5.66682 3.59678 5.06928 3 4.33301 3C3.59689 3.00018 3.00018 3.59689 3 4.33301C3 5.06928 3.59678 5.66682 4.33301 5.66699H5.66699V4.33301ZM13 4.33301C12.9998 3.59689 12.4031 3.00018 11.667 3C10.9307 3 10.3332 3.59678 10.333 4.33301V5.66699H11.667C12.4032 5.66682 13 5.06928 13 4.33301ZM14 4.33301C14 5.62156 12.9555 6.66682 11.667 6.66699H10.333V9.33301H11.667C12.9555 9.33318 14 10.3784 14 11.667C13.9998 12.9554 12.9554 13.9998 11.667 14C10.3784 14 9.33318 12.9555 9.33301 11.667V10.333H6.66699V11.667C6.66682 12.9555 5.62156 14 4.33301 14C3.0446 13.9998 2.00018 12.9554 2 11.667C2 10.3784 3.04449 9.33318 4.33301 9.33301H5.66699V6.66699H4.33301C3.04449 6.66682 2 5.62156 2 4.33301C2.00018 3.0446 3.0446 2.00018 4.33301 2C5.62156 2 6.66682 3.04449 6.66699 4.33301V5.66699H9.33301V4.33301C9.33318 3.04449 10.3784 2 11.667 2C12.9554 2.00018 13.9998 3.0446 14 4.33301Z\" fill=\"currentColor\"/></svg>";

package/dist/svg/KeyShift.d.ts

@@ -0,0 +1 @@
+export declare const KeyShift: string;

package/dist/svg/KeyShift.mjs

@@ -0,0 +1 @@
+export const KeyShift = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.35352 2.14648L14.8535 8.64648L14.5 9.5H11.5V13.5L11 14H5L4.5 13.5V9.5H1.5L1.14648 8.64648L7.64648 2.14648H8.35352ZM2.70703 8.5H5L5.5 9V13H10.5V9L11 8.5H13.293L8 3.20703L2.70703 8.5Z\" fill=\"currentColor\"/></svg>";

package/dist/svg/index.d.ts

@@ -192,6 +192,8 @@ export { IosFilled } from './IosFilled.mjs';
 export { Jerrycan } from './Jerrycan.mjs';
 export { KeyA } from './KeyA.mjs';
 export { KeyB } from './KeyB.mjs';
+export { KeyCmd } from './KeyCmd.mjs';
+export { KeyShift } from './KeyShift.mjs';
 export { LED } from './LED.mjs';
 export { Layers } from './Layers.mjs';
 export { Leaf } from './Leaf.mjs';

package/dist/svg/index.mjs

@@ -192,6 +192,8 @@ export { IosFilled } from './IosFilled.mjs';
 export { Jerrycan } from './Jerrycan.mjs';
 export { KeyA } from './KeyA.mjs';
 export { KeyB } from './KeyB.mjs';
+export { KeyCmd } from './KeyCmd.mjs';
+export { KeyShift } from './KeyShift.mjs';
 export { LED } from './LED.mjs';
 export { Layers } from './Layers.mjs';
 export { Leaf } from './Leaf.mjs';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ds-mo/icons",
-  "version": "2.0.2",
-  "description": "IcoMo — 424 SVG icons (392 system icons + 32 country flags) as tree-shakeable React components, framework-agnostic SVG strings, TypeScript definitions, and SVG sprite",
+  "version": "2.1.0",
+  "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",
   "keywords": [
     "icons",
     "svg",