@ds-mo/icons 4.2.0 → 4.3.1

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 — **427 SVG icons** (395 system icons + 32 country flags) as tree-shakeable React components, framework-agnostic SVG strings, TypeScript definitions, and an SVG sprite.
+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.
 
 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` | 395 | ✅ `currentColor` | Monochrome UI icons — respond to CSS `color` and the `color` prop |
+| `system` | 396 | ✅ `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.
@@ -108,8 +108,8 @@ Machine-readable icon list (for docs, agents, search indexes):
 import meta from '@ds-mo/icons/meta';
 
 meta.version      // e.g. "0.7.3" — matches package version
-meta.count        // 427
-meta.categories   // { system: {count:395,themeable:true}, flag: {count:32,themeable:false} }
+meta.count        // 428
+meta.categories   // { system: {count:396,themeable:true}, flag: {count:32,themeable:false} }
 meta.icons        // [{ name, category, kebab, aliases }, ...]
 ```
 

package/dist/icons/SquareArrowTopRight.d.ts

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

package/dist/icons/SquareArrowTopRight.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const SquareArrowTopRight = createIcon('square-arrow-top-right', [
+  createElement('path', { d: "M11 10H10V6.70703L5.85352 10.8535L5.14648 10.1465L9.29297 6H6V5H11V10Z", key: "a" }),
+  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" }),
+]);
+
+SquareArrowTopRight.displayName = 'SquareArrowTopRight';
+export { SquareArrowTopRight };

package/dist/icons/index.d.ts

@@ -330,6 +330,7 @@ export { SpeedometerRight } from './SpeedometerRight.mjs';
 export { SpikeCirclePercentage } from './SpikeCirclePercentage.mjs';
 export { SpikeCirclePercentageFilled } from './SpikeCirclePercentageFilled.mjs';
 export { Square } from './Square.mjs';
+export { SquareArrowTopRight } from './SquareArrowTopRight.mjs';
 export { SquareCheck } from './SquareCheck.mjs';
 export { SquareCheckFilled } from './SquareCheckFilled.mjs';
 export { SquareDollar } from './SquareDollar.mjs';

package/dist/icons/index.mjs

@@ -330,6 +330,7 @@ export { SpeedometerRight } from './SpeedometerRight.mjs';
 export { SpikeCirclePercentage } from './SpikeCirclePercentage.mjs';
 export { SpikeCirclePercentageFilled } from './SpikeCirclePercentageFilled.mjs';
 export { Square } from './Square.mjs';
+export { SquareArrowTopRight } from './SquareArrowTopRight.mjs';
 export { SquareCheck } from './SquareCheck.mjs';
 export { SquareCheckFilled } from './SquareCheckFilled.mjs';
 export { SquareDollar } from './SquareDollar.mjs';

package/dist/index.d.ts

@@ -335,6 +335,7 @@ export { SpeedometerRight } from './icons/SpeedometerRight.mjs';
 export { SpikeCirclePercentage } from './icons/SpikeCirclePercentage.mjs';
 export { SpikeCirclePercentageFilled } from './icons/SpikeCirclePercentageFilled.mjs';
 export { Square } from './icons/Square.mjs';
+export { SquareArrowTopRight } from './icons/SquareArrowTopRight.mjs';
 export { SquareCheck } from './icons/SquareCheck.mjs';
 export { SquareCheckFilled } from './icons/SquareCheckFilled.mjs';
 export { SquareDollar } from './icons/SquareDollar.mjs';

package/dist/index.mjs

@@ -333,6 +333,7 @@ export { SpeedometerRight } from './icons/SpeedometerRight.mjs';
 export { SpikeCirclePercentage } from './icons/SpikeCirclePercentage.mjs';
 export { SpikeCirclePercentageFilled } from './icons/SpikeCirclePercentageFilled.mjs';
 export { Square } from './icons/Square.mjs';
+export { SquareArrowTopRight } from './icons/SquareArrowTopRight.mjs';
 export { SquareCheck } from './icons/SquareCheck.mjs';
 export { SquareCheckFilled } from './icons/SquareCheckFilled.mjs';
 export { SquareDollar } from './icons/SquareDollar.mjs';

package/dist/meta.json

@@ -1,9 +1,9 @@
 {
-  "version": "4.2.0",
-  "count": 427,
+  "version": "4.3.1",
+  "count": 428,
   "categories": {
     "system": {
-      "count": 395,
+      "count": 396,
       "themeable": true
     },
     "flag": {
@@ -3362,6 +3362,17 @@
         "quadrilateral"
       ]
     },
+    {
+      "name": "SquareArrowTopRight",
+      "category": "system",
+      "kebab": "square-arrow-top-right",
+      "aliases": [
+        "external-link-box",
+        "open-in-new",
+        "launch-box",
+        "arrow-up-right-box"
+      ]
+    },
     {
       "name": "SquareCheck",
       "category": "system",

package/dist/sprite.svg

@@ -995,6 +995,9 @@
   <symbol id="square" viewBox="0 0 16 16" fill="currentColor">
     <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"/>
   </symbol>
+  <symbol id="square-arrow-top-right" viewBox="0 0 16 16" fill="currentColor">
+    <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"/>
+  </symbol>
   <symbol id="square-check" viewBox="0 0 16 16" fill="currentColor">
     <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"/>
   </symbol>

package/dist/svg/SquareArrowTopRight.d.ts

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

package/dist/svg/SquareArrowTopRight.mjs

@@ -0,0 +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

@@ -330,6 +330,7 @@ export { SpeedometerRight } from './SpeedometerRight.mjs';
 export { SpikeCirclePercentage } from './SpikeCirclePercentage.mjs';
 export { SpikeCirclePercentageFilled } from './SpikeCirclePercentageFilled.mjs';
 export { Square } from './Square.mjs';
+export { SquareArrowTopRight } from './SquareArrowTopRight.mjs';
 export { SquareCheck } from './SquareCheck.mjs';
 export { SquareCheckFilled } from './SquareCheckFilled.mjs';
 export { SquareDollar } from './SquareDollar.mjs';

package/dist/svg/index.mjs

@@ -330,6 +330,7 @@ export { SpeedometerRight } from './SpeedometerRight.mjs';
 export { SpikeCirclePercentage } from './SpikeCirclePercentage.mjs';
 export { SpikeCirclePercentageFilled } from './SpikeCirclePercentageFilled.mjs';
 export { Square } from './Square.mjs';
+export { SquareArrowTopRight } from './SquareArrowTopRight.mjs';
 export { SquareCheck } from './SquareCheck.mjs';
 export { SquareCheckFilled } from './SquareCheckFilled.mjs';
 export { SquareDollar } from './SquareDollar.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/icons",
-  "version": "4.2.0",
+  "version": "4.3.1",
   "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",