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

package/dist/src/init/template/default-files/design-tokens/primitives/typography/default.json

@@ -0,0 +1,86 @@
+{
+  "font-family": {
+    "main": {
+      "type": "fontFamilies",
+      "value": "Inter"
+    }
+  },
+  "line-height": {
+    "300": {
+      "type": "lineHeights",
+      "value": "130%"
+    },
+    "500": {
+      "type": "lineHeights",
+      "value": "150%"
+    },
+    "600": {
+      "type": "lineHeights",
+      "value": "160%"
+    },
+    "700": {
+      "type": "lineHeights",
+      "value": "170%"
+    }
+  },
+  "font-weight": {
+    "medium": {
+      "type": "fontWeights",
+      "value": "500"
+    },
+    "semibold": {
+      "type": "fontWeights",
+      "value": "600"
+    },
+    "regular": {
+      "type": "fontWeights",
+      "value": "400"
+    }
+  },
+  "font-size": {
+    "f-3": {
+      "type": "fontSizes",
+      "value": "12"
+    },
+    "f-2": {
+      "type": "fontSizes",
+      "value": "13"
+    },
+    "f-1": {
+      "type": "fontSizes",
+      "value": "14"
+    },
+    "f0": {
+      "type": "fontSizes",
+      "value": "16"
+    },
+    "f1": {
+      "type": "fontSizes",
+      "value": "18"
+    },
+    "f2": {
+      "type": "fontSizes",
+      "value": "21"
+    },
+    "f3": {
+      "type": "fontSizes",
+      "value": "24"
+    },
+    "f4": {
+      "type": "fontSizes",
+      "value": "30"
+    },
+    "f5": {
+      "type": "fontSizes",
+      "value": "36"
+    },
+    "f6": {
+      "type": "fontSizes",
+      "value": "48"
+    },
+    "f7": {
+      "type": "fontSizes",
+      "value": "60"
+    }
+  }
+}

package/dist/src/init/template/default-files/design-tokens/semantic/color.json

@@ -0,0 +1,562 @@
+{
+  "color": {
+    "accent": {
+      "background-default": {
+        "type": "color",
+        "value": "{color.accent.1}"
+      },
+      "background-subtle": {
+        "type": "color",
+        "value": "{color.accent.2}"
+      },
+      "surface-default": {
+        "type": "color",
+        "value": "{color.accent.3}"
+      },
+      "surface-hover": {
+        "type": "color",
+        "value": "{color.accent.4}"
+      },
+      "surface-active": {
+        "type": "color",
+        "value": "{color.accent.5}"
+      },
+      "border-subtle": {
+        "type": "color",
+        "value": "{color.accent.6}"
+      },
+      "border-default": {
+        "type": "color",
+        "value": "{color.accent.7}"
+      },
+      "border-strong": {
+        "type": "color",
+        "value": "{color.accent.8}"
+      },
+      "base-default": {
+        "type": "color",
+        "value": "{color.accent.9}"
+      },
+      "base-hover": {
+        "type": "color",
+        "value": "{color.accent.10}"
+      },
+      "base-active": {
+        "type": "color",
+        "value": "{color.accent.11}"
+      },
+      "text-subtle": {
+        "type": "color",
+        "value": "{color.accent.12}"
+      },
+      "text-default": {
+        "type": "color",
+        "value": "{color.accent.13}"
+      },
+      "contrast-default": {
+        "type": "color",
+        "value": "{color.accent.contrast-1}"
+      },
+      "contrast-subtle": {
+        "type": "color",
+        "value": "{color.accent.contrast-2}"
+      }
+    },
+    "neutral": {
+      "background-default": {
+        "type": "color",
+        "value": "{color.neutral.1}"
+      },
+      "background-subtle": {
+        "type": "color",
+        "value": "{color.neutral.2}"
+      },
+      "surface-default": {
+        "type": "color",
+        "value": "{color.neutral.3}"
+      },
+      "surface-hover": {
+        "type": "color",
+        "value": "{color.neutral.4}"
+      },
+      "surface-active": {
+        "type": "color",
+        "value": "{color.neutral.5}"
+      },
+      "border-subtle": {
+        "type": "color",
+        "value": "{color.neutral.6}"
+      },
+      "border-default": {
+        "type": "color",
+        "value": "{color.neutral.7}"
+      },
+      "border-strong": {
+        "type": "color",
+        "value": "{color.neutral.8}"
+      },
+      "base-default": {
+        "type": "color",
+        "value": "{color.neutral.9}"
+      },
+      "base-hover": {
+        "type": "color",
+        "value": "{color.neutral.10}"
+      },
+      "base-active": {
+        "type": "color",
+        "value": "{color.neutral.11}"
+      },
+      "text-subtle": {
+        "type": "color",
+        "value": "{color.neutral.12}"
+      },
+      "text-default": {
+        "type": "color",
+        "value": "{color.neutral.13}"
+      },
+      "contrast-default": {
+        "type": "color",
+        "value": "{color.neutral.contrast-1}"
+      },
+      "contrast-subtle": {
+        "type": "color",
+        "value": "{color.neutral.contrast-2}"
+      }
+    },
+    "brand1": {
+      "background-default": {
+        "type": "color",
+        "value": "{color.brand1.1}"
+      },
+      "background-subtle": {
+        "type": "color",
+        "value": "{color.brand1.2}"
+      },
+      "surface-default": {
+        "type": "color",
+        "value": "{color.brand1.3}"
+      },
+      "surface-hover": {
+        "type": "color",
+        "value": "{color.brand1.4}"
+      },
+      "surface-active": {
+        "type": "color",
+        "value": "{color.brand1.5}"
+      },
+      "border-subtle": {
+        "type": "color",
+        "value": "{color.brand1.6}"
+      },
+      "border-default": {
+        "type": "color",
+        "value": "{color.brand1.7}"
+      },
+      "border-strong": {
+        "type": "color",
+        "value": "{color.brand1.8}"
+      },
+      "base-default": {
+        "type": "color",
+        "value": "{color.brand1.9}"
+      },
+      "base-hover": {
+        "type": "color",
+        "value": "{color.brand1.10}"
+      },
+      "base-active": {
+        "type": "color",
+        "value": "{color.brand1.11}"
+      },
+      "text-subtle": {
+        "type": "color",
+        "value": "{color.brand1.12}"
+      },
+      "text-default": {
+        "type": "color",
+        "value": "{color.brand1.13}"
+      },
+      "contrast-default": {
+        "type": "color",
+        "value": "{color.brand1.contrast-1}"
+      },
+      "contrast-subtle": {
+        "type": "color",
+        "value": "{color.brand1.contrast-2}"
+      }
+    },
+    "brand2": {
+      "background-default": {
+        "type": "color",
+        "value": "{color.brand2.1}"
+      },
+      "background-subtle": {
+        "type": "color",
+        "value": "{color.brand2.2}"
+      },
+      "surface-default": {
+        "type": "color",
+        "value": "{color.brand2.3}"
+      },
+      "surface-hover": {
+        "type": "color",
+        "value": "{color.brand2.4}"
+      },
+      "surface-active": {
+        "type": "color",
+        "value": "{color.brand2.5}"
+      },
+      "border-subtle": {
+        "type": "color",
+        "value": "{color.brand2.6}"
+      },
+      "border-default": {
+        "type": "color",
+        "value": "{color.brand2.7}"
+      },
+      "border-strong": {
+        "type": "color",
+        "value": "{color.brand2.8}"
+      },
+      "base-default": {
+        "type": "color",
+        "value": "{color.brand2.9}"
+      },
+      "base-hover": {
+        "type": "color",
+        "value": "{color.brand2.10}"
+      },
+      "base-active": {
+        "type": "color",
+        "value": "{color.brand2.11}"
+      },
+      "text-subtle": {
+        "type": "color",
+        "value": "{color.brand2.12}"
+      },
+      "text-default": {
+        "type": "color",
+        "value": "{color.brand2.13}"
+      },
+      "contrast-default": {
+        "type": "color",
+        "value": "{color.brand2.contrast-1}"
+      },
+      "contrast-subtle": {
+        "type": "color",
+        "value": "{color.brand2.contrast-2}"
+      }
+    },
+    "brand3": {
+      "background-default": {
+        "type": "color",
+        "value": "{color.brand3.1}"
+      },
+      "background-subtle": {
+        "type": "color",
+        "value": "{color.brand3.2}"
+      },
+      "surface-default": {
+        "type": "color",
+        "value": "{color.brand3.3}"
+      },
+      "surface-hover": {
+        "type": "color",
+        "value": "{color.brand3.4}"
+      },
+      "surface-active": {
+        "type": "color",
+        "value": "{color.brand3.5}"
+      },
+      "border-subtle": {
+        "type": "color",
+        "value": "{color.brand3.6}"
+      },
+      "border-default": {
+        "type": "color",
+        "value": "{color.brand3.7}"
+      },
+      "border-strong": {
+        "type": "color",
+        "value": "{color.brand3.8}"
+      },
+      "base-default": {
+        "type": "color",
+        "value": "{color.brand3.9}"
+      },
+      "base-hover": {
+        "type": "color",
+        "value": "{color.brand3.10}"
+      },
+      "base-active": {
+        "type": "color",
+        "value": "{color.brand3.11}"
+      },
+      "text-subtle": {
+        "type": "color",
+        "value": "{color.brand3.12}"
+      },
+      "text-default": {
+        "type": "color",
+        "value": "{color.brand3.13}"
+      },
+      "contrast-default": {
+        "type": "color",
+        "value": "{color.brand3.contrast-1}"
+      },
+      "contrast-subtle": {
+        "type": "color",
+        "value": "{color.brand3.contrast-2}"
+      }
+    },
+    "success": {
+      "background-default": {
+        "type": "color",
+        "value": "{global.green.1}"
+      },
+      "background-subtle": {
+        "type": "color",
+        "value": "{global.green.2}"
+      },
+      "surface-default": {
+        "type": "color",
+        "value": "{global.green.3}"
+      },
+      "surface-hover": {
+        "type": "color",
+        "value": "{global.green.4}"
+      },
+      "surface-active": {
+        "type": "color",
+        "value": "{global.green.5}"
+      },
+      "border-subtle": {
+        "type": "color",
+        "value": "{global.green.6}"
+      },
+      "border-default": {
+        "type": "color",
+        "value": "{global.green.7}"
+      },
+      "border-strong": {
+        "type": "color",
+        "value": "{global.green.8}"
+      },
+      "base-default": {
+        "type": "color",
+        "value": "{global.green.9}"
+      },
+      "base-hover": {
+        "type": "color",
+        "value": "{global.green.10}"
+      },
+      "base-active": {
+        "type": "color",
+        "value": "{global.green.11}"
+      },
+      "text-subtle": {
+        "type": "color",
+        "value": "{global.green.12}"
+      },
+      "text-default": {
+        "type": "color",
+        "value": "{global.green.13}"
+      },
+      "contrast-default": {
+        "type": "color",
+        "value": "{global.green.contrast-1}"
+      },
+      "contrast-subtle": {
+        "type": "color",
+        "value": "{global.green.contrast-2}"
+      }
+    },
+    "danger": {
+      "background-default": {
+        "type": "color",
+        "value": "{global.red.1}"
+      },
+      "background-subtle": {
+        "type": "color",
+        "value": "{global.red.2}"
+      },
+      "surface-default": {
+        "type": "color",
+        "value": "{global.red.3}"
+      },
+      "surface-hover": {
+        "type": "color",
+        "value": "{global.red.4}"
+      },
+      "surface-active": {
+        "type": "color",
+        "value": "{global.red.5}"
+      },
+      "border-subtle": {
+        "type": "color",
+        "value": "{global.red.6}"
+      },
+      "border-default": {
+        "type": "color",
+        "value": "{global.red.7}"
+      },
+      "border-strong": {
+        "type": "color",
+        "value": "{global.red.8}"
+      },
+      "base-default": {
+        "type": "color",
+        "value": "{global.red.9}"
+      },
+      "base-hover": {
+        "type": "color",
+        "value": "{global.red.10}"
+      },
+      "base-active": {
+        "type": "color",
+        "value": "{global.red.11}"
+      },
+      "text-subtle": {
+        "type": "color",
+        "value": "{global.red.12}"
+      },
+      "text-default": {
+        "type": "color",
+        "value": "{global.red.13}"
+      },
+      "contrast-default": {
+        "type": "color",
+        "value": "{global.red.contrast-1}"
+      },
+      "contrast-subtle": {
+        "type": "color",
+        "value": "{global.red.contrast-2}"
+      }
+    },
+    "info": {
+      "background-default": {
+        "type": "color",
+        "value": "{global.blue.1}"
+      },
+      "background-subtle": {
+        "type": "color",
+        "value": "{global.blue.2}"
+      },
+      "surface-default": {
+        "type": "color",
+        "value": "{global.blue.3}"
+      },
+      "surface-hover": {
+        "type": "color",
+        "value": "{global.blue.4}"
+      },
+      "surface-active": {
+        "type": "color",
+        "value": "{global.blue.5}"
+      },
+      "border-subtle": {
+        "type": "color",
+        "value": "{global.blue.6}"
+      },
+      "border-default": {
+        "type": "color",
+        "value": "{global.blue.7}"
+      },
+      "border-strong": {
+        "type": "color",
+        "value": "{global.blue.8}"
+      },
+      "base-default": {
+        "type": "color",
+        "value": "{global.blue.9}"
+      },
+      "base-hover": {
+        "type": "color",
+        "value": "{global.blue.10}"
+      },
+      "base-active": {
+        "type": "color",
+        "value": "{global.blue.11}"
+      },
+      "text-subtle": {
+        "type": "color",
+        "value": "{global.blue.12}"
+      },
+      "text-default": {
+        "type": "color",
+        "value": "{global.blue.13}"
+      },
+      "contrast-default": {
+        "type": "color",
+        "value": "{global.blue.contrast-1}"
+      },
+      "contrast-subtle": {
+        "type": "color",
+        "value": "{global.blue.contrast-2}"
+      }
+    },
+    "warning": {
+      "background-default": {
+        "type": "color",
+        "value": "{global.yellow.1}"
+      },
+      "background-subtle": {
+        "type": "color",
+        "value": "{global.yellow.2}"
+      },
+      "surface-default": {
+        "type": "color",
+        "value": "{global.yellow.3}"
+      },
+      "surface-hover": {
+        "type": "color",
+        "value": "{global.yellow.4}"
+      },
+      "surface-active": {
+        "type": "color",
+        "value": "{global.yellow.5}"
+      },
+      "border-subtle": {
+        "type": "color",
+        "value": "{global.yellow.6}"
+      },
+      "border-default": {
+        "type": "color",
+        "value": "{global.yellow.7}"
+      },
+      "border-strong": {
+        "type": "color",
+        "value": "{global.yellow.8}"
+      },
+      "base-default": {
+        "type": "color",
+        "value": "{global.orange.9}"
+      },
+      "base-hover": {
+        "type": "color",
+        "value": "{global.orange.10}"
+      },
+      "base-active": {
+        "type": "color",
+        "value": "{global.orange.11}"
+      },
+      "text-subtle": {
+        "type": "color",
+        "value": "{global.orange.12}"
+      },
+      "text-default": {
+        "type": "color",
+        "value": "{global.orange.13}"
+      },
+      "contrast-default": {
+        "type": "color",
+        "value": "{global.yellow.contrast-1}"
+      },
+      "contrast-subtle": {
+        "type": "color",
+        "value": "{global.yellow.contrast-2}"
+      }
+    }
+  }
+}