@odx/icons 4.0.0-rc.42 → 4.0.0-rc.43
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 +0 -15
- package/assets/core/rutube.json +4 -0
- package/assets/core/rutube.svg +1 -0
- package/assets/core/sustainable-supply-chain.json +4 -0
- package/assets/core/sustainable-supply-chain.svg +1 -0
- package/dist/generated/core/rutube.d.ts +8 -0
- package/dist/generated/core/rutube.js +2 -0
- package/dist/generated/core/sustainable-supply-chain.d.ts +8 -0
- package/dist/generated/core/sustainable-supply-chain.js +2 -0
- package/dist/generated/core-metadata.js +2 -0
- package/dist/generated/core.d.ts +2 -0
- package/dist/generated/core.js +2 -0
- package/dist/main.js +3 -1
- package/package.json +2 -7
- package/dist/loader.d.ts +0 -3
- package/dist/loader.js +0 -4
package/README.md
CHANGED
|
@@ -137,21 +137,6 @@ import '@odx/icons/core';
|
|
|
137
137
|
|
|
138
138
|
> We use the `::after` pseudo element to apply our svg image mask, ensure you don't override those styles.
|
|
139
139
|
|
|
140
|
-
#### CDN Example
|
|
141
|
-
|
|
142
|
-
```js
|
|
143
|
-
import loadIcons from '@odx/icons/loader';
|
|
144
|
-
|
|
145
|
-
/*
|
|
146
|
-
interface AssetLoaderOptions {
|
|
147
|
-
cdn?: string; // default: 'https://esm.sh'
|
|
148
|
-
loadCustomElement?: boolean; // default: false
|
|
149
|
-
loadMetadata?: boolean; // default: false
|
|
150
|
-
}
|
|
151
|
-
*/
|
|
152
|
-
loadIcons('<set-name>', options);
|
|
153
|
-
```
|
|
154
|
-
|
|
155
140
|
#### Migration from Version < 4.x.x
|
|
156
141
|
|
|
157
142
|
In order to migrate from versions prior to 4.x.x, you need to update your imports and usage as follows:
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.91,3H7.09c-2.26,0-4.09,1.83-4.09,4.09v9.82c0,2.26,1.83,4.09,4.09,4.09h9.82c2.26,0,4.09-1.83,4.09-4.09V7.09c0-2.26-1.83-4.09-4.09-4.09ZM14.93,16.61l-1.97-3h-4.16v3h-2.25V7.39h7.93c.5,0,.91.06,1.23.16.33.11.6.27.84.51.23.25.39.52.49.84.09.32.14.73.14,1.26v.69c0,.88-.14,1.54-.44,1.96-.3.41-.66.66-1.46.79l2.17,3.01h-2.52ZM14.93,10.12v.77c0,.28-.07.46-.18.55-.1.1-.32.14-.63.14h-5.32v-2.15h5.32c.31,0,.53.05.63.15.11.09.18.27.18.54Z" style="fill:#f0f;"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9,7v1h5v-1h-5ZM9,9v1h5v-1h-5ZM9,11v1h5v-1h-5ZM9,7v1h5v-1h-5ZM9,9v1h5v-1h-5ZM9,11v1h5v-1h-5ZM9,7v1h5v-1h-5ZM9,9v1h5v-1h-5ZM9,11v1h5v-1h-5ZM19,2h-11c-1.65,0-3,1.35-3,3v12h-3v2c0,1.65,1.35,3,3,3h10v-2c-.55,0-1-.45-1-1h0c-.45-.6-.75-1.28-.89-2h-6.11V5c0-.55.45-1,1-1h8.18c-.11.31-.18.65-.18,1v6.42c.24-.11.49-.19.75-.26.38-.11.8-.16,1.25-.16v-4h4v-2c0-1.65-1.35-3-3-3ZM12,19c0,.34.06.68.17,1h-7.17c-.55,0-1-.45-1-1h8ZM18,5c0-.55.45-1,1-1s1,.45,1,1h-2ZM19,12.13c-.32-.09-.65-.13-1-.13s-.68.04-1,.13c-1.73.44-3,2.01-3,3.87,0,.99.36,1.9.97,2.6,0,.01.01.02.03.03.28.33.62.61,1,.83v3.54l2-1,.51.25,1.49.75v-3.54c1.2-.69,2-1.98,2-3.46,0-1.86-1.27-3.43-3-3.87ZM19,18.82c-.31.12-.65.18-1,.18s-.69-.06-1-.18c-1.16-.41-2-1.52-2-2.82s.84-2.41,2-2.82c.31-.12.65-.18,1-.18s.69.06,1,.18c1.16.41,2,1.52,2,2.82s-.84,2.41-2,2.82Z" style="fill:#f0f;"/></svg>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { OdxAssetRegistry } from '@odx/assets-utils';
|
|
2
|
+
export default OdxAssetRegistry.registerAsset({ namespace: 'odx-icon', set: 'core', name: 'rutube' }, '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M16.91 3H7.09C4.83 3 3 4.83 3 7.09v9.82C3 19.17 4.83 21 7.09 21h9.82c2.26 0 4.09-1.83 4.09-4.09V7.09C21 4.83 19.17 3 16.91 3m-1.98 13.61-1.97-3H8.8v3H6.55V7.39h7.93c.5 0 .91.06 1.23.16.33.11.6.27.84.51.23.25.39.52.49.84.09.32.14.73.14 1.26v.69c0 .88-.14 1.54-.44 1.96-.3.41-.66.66-1.46.79l2.17 3.01zm0-6.49v.77c0 .28-.07.46-.18.55-.1.1-.32.14-.63.14H8.8V9.43h5.32c.31 0 .53.05.63.15.11.09.18.27.18.54"/></svg>');
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { OdxAssetRegistry } from '@odx/assets-utils';
|
|
2
|
+
export default OdxAssetRegistry.registerAsset({ namespace: 'odx-icon', set: 'core', name: 'sustainable-supply-chain' }, '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M9 7v1h5V7zm0 2v1h5V9zm0 2v1h5v-1zm0-4v1h5V7zm0 2v1h5V9zm0 2v1h5v-1zm0-4v1h5V7zm0 2v1h5V9zm0 2v1h5v-1zm10-9H8C6.35 2 5 3.35 5 5v12H2v2c0 1.65 1.35 3 3 3h10v-2c-.55 0-1-.45-1-1-.45-.6-.75-1.28-.89-2H7V5c0-.55.45-1 1-1h8.18c-.11.31-.18.65-.18 1v6.42c.24-.11.49-.19.75-.26.38-.11.8-.16 1.25-.16V7h4V5c0-1.65-1.35-3-3-3m-7 17c0 .34.06.68.17 1H5c-.55 0-1-.45-1-1zm6-14c0-.55.45-1 1-1s1 .45 1 1zm1 7.13c-.32-.09-.65-.13-1-.13s-.68.04-1 .13c-1.73.44-3 2.01-3 3.87 0 .99.36 1.9.97 2.6q0 .015.03.03c.28.33.62.61 1 .83V23l2-1 .51.25L20 23v-3.54c1.2-.69 2-1.98 2-3.46 0-1.86-1.27-3.43-3-3.87m0 6.69c-.31.12-.65.18-1 .18s-.69-.06-1-.18A3 3 0 0 1 15 16a3 3 0 0 1 2-2.82c.31-.12.65-.18 1-.18s.69.06 1 .18c1.16.41 2 1.52 2 2.82s-.84 2.41-2 2.82"/></svg>');
|
|
@@ -297,6 +297,7 @@ const assetMetadata = {
|
|
|
297
297
|
'remote-service': { code: '<odx-icon name="core::remote-service">\n</odx-icon>' },
|
|
298
298
|
'request-list': { code: '<odx-icon name="core::request-list">\n</odx-icon>' },
|
|
299
299
|
reset: { code: '<odx-icon name="core::reset">\n</odx-icon>' },
|
|
300
|
+
rutube: { code: '<odx-icon name="core::rutube">\n</odx-icon>' },
|
|
300
301
|
sabbatical: { code: '<odx-icon name="core::sabbatical">\n</odx-icon>' },
|
|
301
302
|
'save-as': { code: '<odx-icon name="core::save-as">\n</odx-icon>' },
|
|
302
303
|
save: { code: '<odx-icon name="core::save">\n</odx-icon>' },
|
|
@@ -341,6 +342,7 @@ const assetMetadata = {
|
|
|
341
342
|
sortable: { code: '<odx-icon name="core::sortable">\n</odx-icon>' },
|
|
342
343
|
sports: { code: '<odx-icon name="core::sports">\n</odx-icon>' },
|
|
343
344
|
standby: { code: '<odx-icon name="core::standby">\n</odx-icon>' },
|
|
345
|
+
'sustainable-supply-chain': { code: '<odx-icon name="core::sustainable-supply-chain">\n</odx-icon>' },
|
|
344
346
|
'sync-off-success-mono': { code: '<odx-icon name="core::sync-off-success-mono">\n</odx-icon>' },
|
|
345
347
|
'sync-off-success': { code: '<odx-icon name="core::sync-off-success">\n</odx-icon>' },
|
|
346
348
|
'sync-off': { code: '<odx-icon name="core::sync-off">\n</odx-icon>' },
|
package/dist/generated/core.d.ts
CHANGED
|
@@ -295,6 +295,7 @@ export { default as RelocateIcon } from './core/relocate.js';
|
|
|
295
295
|
export { default as RemoteServiceIcon } from './core/remote-service.js';
|
|
296
296
|
export { default as RequestListIcon } from './core/request-list.js';
|
|
297
297
|
export { default as ResetIcon } from './core/reset.js';
|
|
298
|
+
export { default as RutubeIcon } from './core/rutube.js';
|
|
298
299
|
export { default as SabbaticalIcon } from './core/sabbatical.js';
|
|
299
300
|
export { default as SaveIcon } from './core/save.js';
|
|
300
301
|
export { default as SaveAsIcon } from './core/save-as.js';
|
|
@@ -339,6 +340,7 @@ export { default as SortUpIcon } from './core/sort-up.js';
|
|
|
339
340
|
export { default as SortableIcon } from './core/sortable.js';
|
|
340
341
|
export { default as SportsIcon } from './core/sports.js';
|
|
341
342
|
export { default as StandbyIcon } from './core/standby.js';
|
|
343
|
+
export { default as SustainableSupplyChainIcon } from './core/sustainable-supply-chain.js';
|
|
342
344
|
export { default as SyncIcon } from './core/sync.js';
|
|
343
345
|
export { default as SyncOffIcon } from './core/sync-off.js';
|
|
344
346
|
export { default as SyncOffSuccessIcon } from './core/sync-off-success.js';
|
package/dist/generated/core.js
CHANGED
|
@@ -295,6 +295,7 @@ export { default as RelocateIcon } from './core/relocate.js';
|
|
|
295
295
|
export { default as RemoteServiceIcon } from './core/remote-service.js';
|
|
296
296
|
export { default as RequestListIcon } from './core/request-list.js';
|
|
297
297
|
export { default as ResetIcon } from './core/reset.js';
|
|
298
|
+
export { default as RutubeIcon } from './core/rutube.js';
|
|
298
299
|
export { default as SabbaticalIcon } from './core/sabbatical.js';
|
|
299
300
|
export { default as SaveIcon } from './core/save.js';
|
|
300
301
|
export { default as SaveAsIcon } from './core/save-as.js';
|
|
@@ -339,6 +340,7 @@ export { default as SortUpIcon } from './core/sort-up.js';
|
|
|
339
340
|
export { default as SortableIcon } from './core/sortable.js';
|
|
340
341
|
export { default as SportsIcon } from './core/sports.js';
|
|
341
342
|
export { default as StandbyIcon } from './core/standby.js';
|
|
343
|
+
export { default as SustainableSupplyChainIcon } from './core/sustainable-supply-chain.js';
|
|
342
344
|
export { default as SyncIcon } from './core/sync.js';
|
|
343
345
|
export { default as SyncOffIcon } from './core/sync-off.js';
|
|
344
346
|
export { default as SyncOffSuccessIcon } from './core/sync-off-success.js';
|
package/dist/main.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { registerAssetElement } from '@odx/assets-utils';
|
|
1
|
+
import { createAssetAttributesStyles, registerAssetElement } from '@odx/assets-utils';
|
|
2
2
|
import { OdxAssetElement } from '@odx/assets-utils/element';
|
|
3
3
|
export class OdxIconElement extends OdxAssetElement {
|
|
4
4
|
static assetAttributes = [
|
|
5
5
|
{ name: 'color', values: ['currentColor'], attributes: ['fill', 'stroke'] },
|
|
6
6
|
];
|
|
7
7
|
static styles = [
|
|
8
|
+
...OdxAssetElement.styles,
|
|
8
9
|
`
|
|
9
10
|
:host {
|
|
10
11
|
--rotate: 0deg;
|
|
@@ -19,6 +20,7 @@ export class OdxIconElement extends OdxAssetElement {
|
|
|
19
20
|
:host([size="lg"]) { --size: var(--odx-size-200, 32px); }
|
|
20
21
|
:host([size="xl"]) { --size: var(--odx-size-225, 36px); }
|
|
21
22
|
`,
|
|
23
|
+
...createAssetAttributesStyles(this.assetAttributes),
|
|
22
24
|
];
|
|
23
25
|
namespace = 'odx-icon';
|
|
24
26
|
defaultSet = 'core';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/icons",
|
|
3
3
|
"description": "A library of icon assets for ODX",
|
|
4
|
-
"version": "4.0.0-rc.
|
|
4
|
+
"version": "4.0.0-rc.43",
|
|
5
5
|
"author": "Drägerwerk AG & Co.KGaA",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
7
7
|
"homepage": "https://odx.draeger.com",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"generate-assets": "npx generate-assets && biome check --write --no-errors-on-unmatched --files-ignore-unknown=true"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@odx/assets-utils": "^
|
|
25
|
+
"@odx/assets-utils": "^4.0.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@odx/assets-cli": "*",
|
|
@@ -40,11 +40,6 @@
|
|
|
40
40
|
"import": "./dist/compat.js",
|
|
41
41
|
"types": "./dist/compat.d.ts"
|
|
42
42
|
},
|
|
43
|
-
"./loader": {
|
|
44
|
-
"default": "./dist/loader.js",
|
|
45
|
-
"import": "./dist/loader.js",
|
|
46
|
-
"types": "./dist/loader.d.ts"
|
|
47
|
-
},
|
|
48
43
|
"./*": {
|
|
49
44
|
"default": "./dist/generated/*.js",
|
|
50
45
|
"import": "./dist/generated/*.js",
|
package/dist/loader.d.ts
DELETED
package/dist/loader.js
DELETED