@odx/icons 4.0.0-rc.2 → 4.0.0-rc.21

package/main.scss

@@ -0,0 +1,34 @@
+@use "sass:map";
+@use "./generated/all.scss" as icons;
+
+@function icon-url($icon-map, $icon-name) {
+  $svg: map.get($icon-map, $icon-name);
+  @if $svg == null {
+    @error "Icon `#{$icon-name}` not found.";
+  }
+
+  @return url($svg);
+}
+
+@mixin icon($icon-name, $dynamic-color: true) {
+  & {
+    --size: 1em;
+
+    display: inline-flex;
+    background: icon-url(icons.$assets, $icon-name) no-repeat;
+    inline-size: var(--size);
+    block-size: var(--size);
+    flex: 0 0 var(--size);
+  }
+
+  @if map.has-key(icons.$masks, $icon-name) {
+    &::after {
+      content: '';
+      background: currentColor;
+      block-size: inherit;
+      inline-size: inherit;
+      pointer-events: none;
+      mask-image: icon-url(icons.$masks, $icon-name);
+    }
+  }
+}

package/package.json

@@ -1,20 +1,24 @@
 {
   "name": "@odx/icons",
   "description": "A library of icon assets for ODX",
-  "version": "4.0.0-rc.2",
+  "version": "4.0.0-rc.21",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://odx.draeger.com",
-  "files": ["dist", "LICENSE", "!*.tsbuildinfo"],
+  "files": ["dist", "LICENSE", "!*.tsbuildinfo", "!*.map", "main.scss", "generated/all.scss"],
   "type": "module",
   "scripts": {
-    "build": "tsc --build",
-    "dev": "turbo watch build",
+    "build": "rm -rf dist && tsc --build",
+    "dev": "tsc --build --watch",
     "lint": "biome lint .",
-    "generate-assets": "node ./scripts/generate-assets.js && biome check --write --no-errors-on-unmatched --files-ignore-unknown=true"
+    "generate-assets": "npx generate-assets && biome check --write --no-errors-on-unmatched --files-ignore-unknown=true"
   },
   "dependencies": {
-    "@odx/assets-utils": "^1.0.0-rc.2"
+    "@odx/assets-utils": "^1.1.0"
+  },
+  "devDependencies": {
+    "@odx/assets-cli": "*",
+    "@odx/typescript-config": "*"
   },
   "sideEffects": true,
   "exports": {
@@ -22,12 +26,17 @@
       "import": "./dist/src/main.js",
       "types": "./dist/src/main.d.ts"
     },
+    "./loader": {
+      "import": "./dist/src/loader.js",
+      "types": "./dist/src/loader.d.ts"
+    },
     "./*": {
       "import": "./dist/generated/*.js",
       "types": "./dist/generated/*.d.ts"
     }
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "tag": "next"
   }
 }

package/dist/.asset-config.json

@@ -1,8 +0,0 @@
-{
-    "$schema": "../assets-cli/src/lib/asset-config.schema.json",
-    "selector": "odx-icon",
-    "defaultSet": "core",
-    "sourceRoot": "assets",
-    "source": "assets/**/*.svg",
-    "outputDir": "./generated"
-}

package/dist/generated/core/blocked-colored.js

@@ -1,2 +0,0 @@
-import { OdxAssetRegistry } from '@odx/assets-utils';
-export default OdxAssetRegistry.registerAsset({ "namespace": "odx-icon", "set": "core", "name": "blocked-colored" }, '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#f30303" d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2"/><path fill="#fff" d="M4 12c0-4.41 3.59-8 8-8 1.85 0 3.54.63 4.9 1.69L5.69 16.9A8 8 0 0 1 4 12m16 0c0-1.85-.63-3.54-1.69-4.9L7.1 18.31A8 8 0 0 0 12 20c4.41 0 8-3.59 8-8"/></svg>');

package/dist/generated/core/check-colored.js

@@ -1,2 +0,0 @@
-import { OdxAssetRegistry } from '@odx/assets-utils';
-export default OdxAssetRegistry.registerAsset({ "namespace": "odx-icon", "set": "core", "name": "check-colored" }, '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#00dd31" d="M12 22C6.49 22 2 17.51 2 12S6.49 2 12 2s10 4.49 10 10-4.49 10-10 10"/><path fill="#002766" d="M10.76 18.29a1 1 0 0 1-.74-.33L6.64 14.2c-.37-.41-.33-1.04.08-1.41s1.04-.34 1.41.08l2.4 2.67 4.34-8.69c.25-.49.85-.69 1.34-.45s.69.85.45 1.34l-5 10c-.15.3-.43.5-.76.54h-.13Z"/></svg>');

package/dist/generated/core/error-colored.js

@@ -1,2 +0,0 @@
-import { OdxAssetRegistry } from '@odx/assets-utils';
-export default OdxAssetRegistry.registerAsset({ "namespace": "odx-icon", "set": "core", "name": "error-colored" }, '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="#f30303"/><path fill="#fff" d="m13.41 12 3.29-3.29a.996.996 0 1 0-1.41-1.41L12 10.59 8.71 7.3A.996.996 0 1 0 7.3 8.71L10.59 12 7.3 15.29a.996.996 0 0 0 .71 1.7c.26 0 .51-.1.71-.29l3.29-3.29 3.29 3.29c.2.2.45.29.71.29s.51-.1.71-.29a.996.996 0 0 0 0-1.41L13.43 12Z"/></svg>');

package/dist/generated/core/feedback-warning-colored.js

@@ -1,2 +0,0 @@
-import { OdxAssetRegistry } from '@odx/assets-utils';
-export default OdxAssetRegistry.registerAsset({ "namespace": "odx-icon", "set": "core", "name": "feedback-warning-colored" }, '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="#ffe300"/><path fill="#002766" d="M11 13.33V6.58c0-.55.45-1 1-1s1 .45 1 1v6.75c0 .55-.45 1-1 1s-1-.45-1-1m1 2.42a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"/></svg>');

package/dist/generated/core/warning-colored.js

@@ -1,2 +0,0 @@
-import { OdxAssetRegistry } from '@odx/assets-utils';
-export default OdxAssetRegistry.registerAsset({ "namespace": "odx-icon", "set": "core", "name": "warning-colored" }, '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#002766" d="M21.88 21H2.12c-.47 0-.9-.25-1.13-.66-.23-.4-.23-.9.01-1.3l9.88-16.7c.23-.39.66-.64 1.12-.64s.89.25 1.12.64L23 19.05c.24.4.24.9 0 1.3-.23.41-.66.66-1.13.66Zm-.61-.94h.01zM12.6 3.35"/><path fill="#ffe300" d="M12 4.37 3.35 19h17.29zm-1.15 4.38c.2-.42.67-.75 1.15-.75.4 0 .79.23 1.03.55.14.19.22.41.22.62v.09l-.67 5.11c-.05.34-.24.62-.58.62s-.53-.28-.58-.62l-.67-5.11v-.1c0-.14.03-.29.1-.42Zm1.15 9.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5"/></svg>');