@digdir/designsystemet 0.1.0-alpha.9 → 0.1.0-next.21

package/dist/src/init/template/template-files/design-tokens/themes/theme-template.json

@@ -0,0 +1,314 @@
+{
+  "color": {
+    "accent": {
+      "1": {
+        "type": "color",
+        "value": "{<theme>.accent.1}"
+      },
+      "2": {
+        "type": "color",
+        "value": "{<theme>.accent.2}"
+      },
+      "3": {
+        "type": "color",
+        "value": "{<theme>.accent.3}"
+      },
+      "4": {
+        "type": "color",
+        "value": "{<theme>.accent.4}"
+      },
+      "5": {
+        "type": "color",
+        "value": "{<theme>.accent.5}"
+      },
+      "6": {
+        "type": "color",
+        "value": "{<theme>.accent.6}"
+      },
+      "7": {
+        "type": "color",
+        "value": "{<theme>.accent.7}"
+      },
+      "8": {
+        "type": "color",
+        "value": "{<theme>.accent.8}"
+      },
+      "9": {
+        "type": "color",
+        "value": "{<theme>.accent.9}"
+      },
+      "10": {
+        "type": "color",
+        "value": "{<theme>.accent.10}"
+      },
+      "11": {
+        "type": "color",
+        "value": "{<theme>.accent.11}"
+      },
+      "12": {
+        "type": "color",
+        "value": "{<theme>.accent.12}"
+      },
+      "13": {
+        "type": "color",
+        "value": "{<theme>.accent.13}"
+      },
+      "contrast-1": {
+        "type": "color",
+        "value": "{<theme>.accent.contrast-1}"
+      },
+      "contrast-2": {
+        "type": "color",
+        "value": "{<theme>.accent.contrast-2}"
+      }
+    },
+    "neutral": {
+      "1": {
+        "type": "color",
+        "value": "{<theme>.neutral.1}"
+      },
+      "2": {
+        "type": "color",
+        "value": "{<theme>.neutral.2}"
+      },
+      "3": {
+        "type": "color",
+        "value": "{<theme>.neutral.3}"
+      },
+      "4": {
+        "type": "color",
+        "value": "{<theme>.neutral.4}"
+      },
+      "5": {
+        "type": "color",
+        "value": "{<theme>.neutral.5}"
+      },
+      "6": {
+        "type": "color",
+        "value": "{<theme>.neutral.6}"
+      },
+      "7": {
+        "type": "color",
+        "value": "{<theme>.neutral.7}"
+      },
+      "8": {
+        "type": "color",
+        "value": "{<theme>.neutral.8}"
+      },
+      "9": {
+        "type": "color",
+        "value": "{<theme>.neutral.9}"
+      },
+      "10": {
+        "type": "color",
+        "value": "{<theme>.neutral.10}"
+      },
+      "11": {
+        "type": "color",
+        "value": "{<theme>.neutral.11}"
+      },
+      "12": {
+        "type": "color",
+        "value": "{<theme>.neutral.12}"
+      },
+      "13": {
+        "type": "color",
+        "value": "{<theme>.neutral.13}"
+      },
+      "contrast-1": {
+        "type": "color",
+        "value": "{<theme>.neutral.contrast-1}"
+      },
+      "contrast-2": {
+        "type": "color",
+        "value": "{<theme>.neutral.contrast-2}"
+      }
+    },
+    "brand1": {
+      "1": {
+        "type": "color",
+        "value": "{<theme>.brand1.1}"
+      },
+      "2": {
+        "type": "color",
+        "value": "{<theme>.brand1.2}"
+      },
+      "3": {
+        "type": "color",
+        "value": "{<theme>.brand1.3}"
+      },
+      "4": {
+        "type": "color",
+        "value": "{<theme>.brand1.4}"
+      },
+      "5": {
+        "type": "color",
+        "value": "{<theme>.brand1.5}"
+      },
+      "6": {
+        "type": "color",
+        "value": "{<theme>.brand1.6}"
+      },
+      "7": {
+        "type": "color",
+        "value": "{<theme>.brand1.7}"
+      },
+      "8": {
+        "type": "color",
+        "value": "{<theme>.brand1.8}"
+      },
+      "9": {
+        "type": "color",
+        "value": "{<theme>.brand1.9}"
+      },
+      "10": {
+        "type": "color",
+        "value": "{<theme>.brand1.10}"
+      },
+      "11": {
+        "type": "color",
+        "value": "{<theme>.brand1.11}"
+      },
+      "12": {
+        "type": "color",
+        "value": "{<theme>.brand1.12}"
+      },
+      "13": {
+        "type": "color",
+        "value": "{<theme>.brand1.13}"
+      },
+      "contrast-1": {
+        "type": "color",
+        "value": "{<theme>.brand1.contrast-1}"
+      },
+      "contrast-2": {
+        "type": "color",
+        "value": "{<theme>.brand1.contrast-2}"
+      }
+    },
+    "brand2": {
+      "1": {
+        "type": "color",
+        "value": "{<theme>.brand2.1}"
+      },
+      "2": {
+        "type": "color",
+        "value": "{<theme>.brand2.2}"
+      },
+      "3": {
+        "type": "color",
+        "value": "{<theme>.brand2.3}"
+      },
+      "4": {
+        "type": "color",
+        "value": "{<theme>.brand2.4}"
+      },
+      "5": {
+        "type": "color",
+        "value": "{<theme>.brand2.5}"
+      },
+      "6": {
+        "type": "color",
+        "value": "{<theme>.brand2.6}"
+      },
+      "7": {
+        "type": "color",
+        "value": "{<theme>.brand2.7}"
+      },
+      "8": {
+        "type": "color",
+        "value": "{<theme>.brand2.8}"
+      },
+      "9": {
+        "type": "color",
+        "value": "{<theme>.brand2.9}"
+      },
+      "10": {
+        "type": "color",
+        "value": "{<theme>.brand2.10}"
+      },
+      "11": {
+        "type": "color",
+        "value": "{<theme>.brand2.11}"
+      },
+      "12": {
+        "type": "color",
+        "value": "{<theme>.brand2.12}"
+      },
+      "13": {
+        "type": "color",
+        "value": "{<theme>.brand2.13}"
+      },
+      "contrast-1": {
+        "type": "color",
+        "value": "{<theme>.brand2.contrast-1}"
+      },
+      "contrast-2": {
+        "type": "color",
+        "value": "{<theme>.brand2.contrast-2}"
+      }
+    },
+    "brand3": {
+      "1": {
+        "type": "color",
+        "value": "{<theme>.brand3.1}"
+      },
+      "2": {
+        "type": "color",
+        "value": "{<theme>.brand3.2}"
+      },
+      "3": {
+        "type": "color",
+        "value": "{<theme>.brand3.3}"
+      },
+      "4": {
+        "type": "color",
+        "value": "{<theme>.brand3.4}"
+      },
+      "5": {
+        "type": "color",
+        "value": "{<theme>.brand3.5}"
+      },
+      "6": {
+        "type": "color",
+        "value": "{<theme>.brand3.6}"
+      },
+      "7": {
+        "type": "color",
+        "value": "{<theme>.brand3.7}"
+      },
+      "8": {
+        "type": "color",
+        "value": "{<theme>.brand3.8}"
+      },
+      "9": {
+        "type": "color",
+        "value": "{<theme>.brand3.9}"
+      },
+      "10": {
+        "type": "color",
+        "value": "{<theme>.brand3.10}"
+      },
+      "11": {
+        "type": "color",
+        "value": "{<theme>.brand3.11}"
+      },
+      "12": {
+        "type": "color",
+        "value": "{<theme>.brand3.12}"
+      },
+      "13": {
+        "type": "color",
+        "value": "{<theme>.brand3.13}"
+      },
+      "contrast-1": {
+        "type": "color",
+        "value": "{<theme>.brand3.contrast-1}"
+      },
+      "contrast-2": {
+        "type": "color",
+        "value": "{<theme>.brand3.contrast-2}"
+      }
+    }
+  }
+}

package/dist/src/init/template/template-files/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "package-name-here",
+  "version": "1.0.0",
+  "description": "CSS variables for @digdir/designsystemet",
+  "type": "module",
+  "main": "dist/<default-theme>",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": "./dist/<default-theme>",
+    "./*": "./dist/*"
+  },
+  "scripts": {
+    "build": "npm run clean && designsystemet tokens -o ./dist",
+    "clean": "rimraf dist"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@digdir/designsystemet": "^0.1.0-alpha.7",
+    "rimraf": "^5.0.7"
+  }
+}

package/dist/src/init/utils.js

@@ -0,0 +1,15 @@
+import { kebabCase } from "change-case";
+function normalizeTokenSetName(name) {
+  return kebabCase(name);
+}
+function toGeneratedCssFileName(name) {
+  return `${name.toLowerCase()}.css`;
+}
+function toValidPackageName(projectName) {
+  return projectName.trim().toLowerCase().replace(/\s+/g, "-").replace(/^[._]/, "").replace(/[^a-z\d\-~]+/g, "-");
+}
+export {
+  normalizeTokenSetName,
+  toGeneratedCssFileName,
+  toValidPackageName
+};