@ds-mo/icons 4.1.0 → 4.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.
- package/README.md +4 -4
- package/dist/icons/BellFilled.d.ts +2 -0
- package/dist/icons/BellFilled.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 +14 -3
- package/dist/sprite.svg +3 -0
- package/dist/svg/BellFilled.d.ts +1 -0
- package/dist/svg/BellFilled.mjs +1 -0
- package/dist/svg/index.d.ts +1 -0
- package/dist/svg/index.mjs +1 -0
- package/package.json +1 -1
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 — **427 SVG icons** (395 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` | 395 | ✅ `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 //
|
|
112
|
-
meta.categories // { system: {count:
|
|
111
|
+
meta.count // 427
|
|
112
|
+
meta.categories // { system: {count:395,themeable:true}, flag: {count:32,themeable:false} }
|
|
113
113
|
meta.icons // [{ name, category, kebab, aliases }, ...]
|
|
114
114
|
```
|
|
115
115
|
|
|
@@ -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/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';
|
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';
|
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';
|
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';
|
package/dist/meta.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "4.
|
|
3
|
-
"count":
|
|
2
|
+
"version": "4.2.0",
|
|
3
|
+
"count": 427,
|
|
4
4
|
"categories": {
|
|
5
5
|
"system": {
|
|
6
|
-
"count":
|
|
6
|
+
"count": 395,
|
|
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",
|
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>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const BellFilled: string;
|
|
@@ -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/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';
|
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';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ds-mo/icons",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.2.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",
|