@digdir/designsystemet 0.1.0-next.22 → 0.1.0-next.24

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

@@ -0,0 +1,334 @@
+{
+  "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}"
+      }
+    }
+  },
+  "font": {
+    "family": {
+      "$type": "fontFamilies",
+      "$value": "{theme.main}"
+    }
+  },
+  "font-weight": {
+    "medium": {
+      "$type": "fontWeights",
+      "$value": "{theme.bold}"
+    },
+    "semibold": {
+      "$type": "fontWeights",
+      "$value": "{theme.extra-bold}"
+    },
+    "regular": {
+      "$type": "fontWeights",
+      "$value": "{theme.regular}"
+    }
+  }
+}

package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/contrast/theme-template.json

@@ -0,0 +1,314 @@
+{
+  "<theme>": {
+    "accent": {
+      "1": {
+        "$value": "#000409",
+        "$type": "color"
+      },
+      "2": {
+        "$$value": "#001427",
+        "$type": "color"
+      },
+      "3": {
+        "$value": "#002445",
+        "$type": "color"
+      },
+      "4": {
+        "$value": "#00315c",
+        "$type": "color"
+      },
+      "5": {
+        "$value": "#003d75",
+        "$type": "color"
+      },
+      "6": {
+        "$value": "#4b90ce",
+        "$type": "color"
+      },
+      "7": {
+        "$value": "#7eb0dc",
+        "$type": "color"
+      },
+      "8": {
+        "$value": "#b0cfea",
+        "$type": "color"
+      },
+      "9": {
+        "$value": "#0062BA",
+        "$type": "color"
+      },
+      "10": {
+        "$value": "#005099",
+        "$type": "color"
+      },
+      "11": {
+        "$value": "#003d75",
+        "$type": "color"
+      },
+      "12": {
+        "$value": "#a9cae8",
+        "$type": "color"
+      },
+      "13": {
+        "$value": "#e8f1f9",
+        "$type": "color"
+      },
+      "contrast-1": {
+        "$value": "#fefeff",
+        "$type": "color"
+      },
+      "contrast-2": {
+        "$value": "#ddeaf6",
+        "$type": "color"
+      }
+    },
+    "neutral": {
+      "1": {
+        "$value": "#020405",
+        "$type": "color"
+      },
+      "2": {
+        "$value": "#0e141b",
+        "$type": "color"
+      },
+      "3": {
+        "$value": "#192433",
+        "$type": "color"
+      },
+      "4": {
+        "$value": "#243142",
+        "$type": "color"
+      },
+      "5": {
+        "$value": "#333e4e",
+        "$type": "color"
+      },
+      "6": {
+        "$value": "#858c96",
+        "$type": "color"
+      },
+      "7": {
+        "$value": "#a6abb2",
+        "$type": "color"
+      },
+      "8": {
+        "$value": "#c9ccd0",
+        "$type": "color"
+      },
+      "9": {
+        "$value": "#1E2B3C",
+        "$type": "color"
+      },
+      "10": {
+        "$value": "#303c4b",
+        "$type": "color"
+      },
+      "11": {
+        "$value": "#444e5d",
+        "$type": "color"
+      },
+      "12": {
+        "$value": "#c3c6cb",
+        "$type": "color"
+      },
+      "13": {
+        "$value": "#eff0f1",
+        "$type": "color"
+      },
+      "contrast-1": {
+        "$value": "#fefefe",
+        "$type": "color"
+      },
+      "contrast-2": {
+        "$value": "#bbbfc4",
+        "$type": "color"
+      }
+    },
+    "brand1": {
+      "1": {
+        "$value": "#060303",
+        "$type": "color"
+      },
+      "2": {
+        "$value": "#230d0e",
+        "$type": "color"
+      },
+      "3": {
+        "$value": "#3c1819",
+        "$type": "color"
+      },
+      "4": {
+        "$value": "#522021",
+        "$type": "color"
+      },
+      "5": {
+        "$value": "#68292a",
+        "$type": "color"
+      },
+      "6": {
+        "$value": "#eb5b5f",
+        "$type": "color"
+      },
+      "7": {
+        "$value": "#f78d8f",
+        "$type": "color"
+      },
+      "8": {
+        "$value": "#fabcbd",
+        "$type": "color"
+      },
+      "9": {
+        "$value": "#F45F63",
+        "$type": "color"
+      },
+      "10": {
+        "$value": "#d15155",
+        "$type": "color"
+      },
+      "11": {
+        "$value": "#b04447",
+        "$type": "color"
+      },
+      "12": {
+        "$value": "#fab4b5",
+        "$type": "color"
+      },
+      "13": {
+        "$value": "#feeced",
+        "$type": "color"
+      },
+      "contrast-1": {
+        "$value": "#000000",
+        "$type": "color"
+      },
+      "contrast-2": {
+        "$value": "#000000",
+        "$type": "color"
+      }
+    },
+    "brand2": {
+      "1": {
+        "$value": "#050301",
+        "$type": "color"
+      },
+      "2": {
+        "$value": "#191303",
+        "$type": "color"
+      },
+      "3": {
+        "$value": "#2d2206",
+        "$type": "color"
+      },
+      "4": {
+        "$value": "#3d2e09",
+        "$type": "color"
+      },
+      "5": {
+        "$value": "#4f3b0b",
+        "$type": "color"
+      },
+      "6": {
+        "$value": "#b28419",
+        "$type": "color"
+      },
+      "7": {
+        "$value": "#daa21f",
+        "$type": "color"
+      },
+      "8": {
+        "$value": "#eec76c",
+        "$type": "color"
+      },
+      "9": {
+        "$value": "#E5AA20",
+        "$type": "color"
+      },
+      "10": {
+        "$value": "#c9951c",
+        "$type": "color"
+      },
+      "11": {
+        "$value": "#ae8118",
+        "$type": "color"
+      },
+      "12": {
+        "$value": "#ecc059",
+        "$type": "color"
+      },
+      "13": {
+        "$value": "#faefd6",
+        "$type": "color"
+      },
+      "contrast-1": {
+        "$value": "#000000",
+        "$type": "color"
+      },
+      "contrast-2": {
+        "$value": "#2b2006",
+        "$type": "color"
+      }
+    },
+    "brand3": {
+      "1": {
+        "$value": "#010407",
+        "$type": "color"
+      },
+      "2": {
+        "$value": "#041421",
+        "$type": "color"
+      },
+      "3": {
+        "$value": "#07253c",
+        "$type": "color"
+      },
+      "4": {
+        "$value": "#0a3251",
+        "$type": "color"
+      },
+      "5": {
+        "$value": "#0d4068",
+        "$type": "color"
+      },
+      "6": {
+        "$value": "#1c90e8",
+        "$type": "color"
+      },
+      "7": {
+        "$value": "#57b2f8",
+        "$type": "color"
+      },
+      "8": {
+        "$value": "#9cd2fb",
+        "$type": "color"
+      },
+      "9": {
+        "$value": "#1E98F5",
+        "$type": "color"
+      },
+      "10": {
+        "$value": "#1a83d3",
+        "$type": "color"
+      },
+      "11": {
+        "$value": "#166eb2",
+        "$type": "color"
+      },
+      "12": {
+        "$value": "#90ccfa",
+        "$type": "color"
+      },
+      "13": {
+        "$value": "#e3f2fe",
+        "$type": "color"
+      },
+      "contrast-1": {
+        "$value": "#000000",
+        "$type": "color"
+      },
+      "contrast-2": {
+        "$value": "#010407",
+        "$type": "color"
+      }
+    }
+  }
+}