@altinn/altinn-components 0.13.4 → 0.14.0

package/dist/tokens/modes/size/global.json

@@ -0,0 +1,96 @@
+{
+  "size": {
+    "0": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *0)"
+    },
+    "1": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *1)"
+    },
+    "2": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *2)"
+    },
+    "3": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *3)"
+    },
+    "4": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *4)"
+    },
+    "5": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *5)"
+    },
+    "6": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *6)"
+    },
+    "7": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *7)"
+    },
+    "8": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *8)"
+    },
+    "9": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *9)"
+    },
+    "10": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *10)"
+    },
+    "11": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *11)"
+    },
+    "12": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *12)"
+    },
+    "13": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *13)"
+    },
+    "14": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *14)"
+    },
+    "15": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *15)"
+    },
+    "18": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *18)"
+    },
+    "22": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *22)"
+    },
+    "26": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *26)"
+    },
+    "30": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *30)"
+    },
+    "mode-font-size": {
+      "$type": "dimension",
+      "$value": "{size._mode-font-size}"
+    },
+    "base": {
+      "$type": "dimension",
+      "$value": "{size._base}"
+    },
+    "step": {
+      "$type": "dimension",
+      "$value": "{size._step}"
+    }
+  }
+}

package/dist/tokens/modes/size/large.json

@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "21"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}

package/dist/tokens/modes/size/medium.json

@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}

package/dist/tokens/modes/size/small.json

@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "16"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}

package/dist/tokens/modes/typography/size/large.json

@@ -0,0 +1,100 @@
+{
+  "line-height": {
+    "sm": {
+      "$type": "lineHeights",
+      "$value": "130%"
+    },
+    "md": {
+      "$type": "lineHeights",
+      "$value": "150%"
+    },
+    "lg": {
+      "$type": "lineHeights",
+      "$value": "170%"
+    }
+  },
+  "font-size": {
+    "1": {
+      "$type": "fontSizes",
+      "$value": "13"
+    },
+    "2": {
+      "$type": "fontSizes",
+      "$value": "14"
+    },
+    "3": {
+      "$type": "fontSizes",
+      "$value": "16"
+    },
+    "4": {
+      "$type": "fontSizes",
+      "$value": "18"
+    },
+    "5": {
+      "$type": "fontSizes",
+      "$value": "21"
+    },
+    "6": {
+      "$type": "fontSizes",
+      "$value": "24"
+    },
+    "7": {
+      "$type": "fontSizes",
+      "$value": "30"
+    },
+    "8": {
+      "$type": "fontSizes",
+      "$value": "36"
+    },
+    "9": {
+      "$type": "fontSizes",
+      "$value": "48"
+    },
+    "10": {
+      "$type": "fontSizes",
+      "$value": "60"
+    },
+    "11": {
+      "$type": "fontSizes",
+      "$value": "72"
+    }
+  },
+  "letter-spacing": {
+    "1": {
+      "$type": "letterSpacing",
+      "$value": "-1%"
+    },
+    "2": {
+      "$type": "letterSpacing",
+      "$value": "-0.5%"
+    },
+    "3": {
+      "$type": "letterSpacing",
+      "$value": "-0.25%"
+    },
+    "4": {
+      "$type": "letterSpacing",
+      "$value": "-0.15%"
+    },
+    "5": {
+      "$type": "letterSpacing",
+      "$value": "0%"
+    },
+    "6": {
+      "$type": "letterSpacing",
+      "$value": "0.15%"
+    },
+    "7": {
+      "$type": "letterSpacing",
+      "$value": "0.25%"
+    },
+    "8": {
+      "$type": "letterSpacing",
+      "$value": "0.5%"
+    },
+    "9": {
+      "$type": "letterSpacing",
+      "$value": "1.5%"
+    }
+  }
+}

package/dist/tokens/modes/typography/size/medium.json

@@ -0,0 +1,100 @@
+{
+  "line-height": {
+    "sm": {
+      "$type": "lineHeights",
+      "$value": "130%"
+    },
+    "md": {
+      "$type": "lineHeights",
+      "$value": "150%"
+    },
+    "lg": {
+      "$type": "lineHeights",
+      "$value": "170%"
+    }
+  },
+  "font-size": {
+    "1": {
+      "$type": "fontSizes",
+      "$value": "12"
+    },
+    "2": {
+      "$type": "fontSizes",
+      "$value": "13"
+    },
+    "3": {
+      "$type": "fontSizes",
+      "$value": "14"
+    },
+    "4": {
+      "$type": "fontSizes",
+      "$value": "16"
+    },
+    "5": {
+      "$type": "fontSizes",
+      "$value": "18"
+    },
+    "6": {
+      "$type": "fontSizes",
+      "$value": "21"
+    },
+    "7": {
+      "$type": "fontSizes",
+      "$value": "24"
+    },
+    "8": {
+      "$type": "fontSizes",
+      "$value": "30"
+    },
+    "9": {
+      "$type": "fontSizes",
+      "$value": "36"
+    },
+    "10": {
+      "$type": "fontSizes",
+      "$value": "48"
+    },
+    "11": {
+      "$type": "fontSizes",
+      "$value": "60"
+    }
+  },
+  "letter-spacing": {
+    "1": {
+      "$type": "letterSpacing",
+      "$value": "-1%"
+    },
+    "2": {
+      "$type": "letterSpacing",
+      "$value": "-0.5%"
+    },
+    "3": {
+      "$type": "letterSpacing",
+      "$value": "-0.25%"
+    },
+    "4": {
+      "$type": "letterSpacing",
+      "$value": "-0.15%"
+    },
+    "5": {
+      "$type": "letterSpacing",
+      "$value": "0%"
+    },
+    "6": {
+      "$type": "letterSpacing",
+      "$value": "0.15%"
+    },
+    "7": {
+      "$type": "letterSpacing",
+      "$value": "0.25%"
+    },
+    "8": {
+      "$type": "letterSpacing",
+      "$value": "0.5%"
+    },
+    "9": {
+      "$type": "letterSpacing",
+      "$value": "1.5%"
+    }
+  }
+}

package/dist/tokens/modes/typography/size/small.json

@@ -0,0 +1,100 @@
+{
+  "line-height": {
+    "sm": {
+      "$type": "lineHeights",
+      "$value": "130%"
+    },
+    "md": {
+      "$type": "lineHeights",
+      "$value": "150%"
+    },
+    "lg": {
+      "$type": "lineHeights",
+      "$value": "170%"
+    }
+  },
+  "font-size": {
+    "1": {
+      "$type": "fontSizes",
+      "$value": "11"
+    },
+    "2": {
+      "$type": "fontSizes",
+      "$value": "12"
+    },
+    "3": {
+      "$type": "fontSizes",
+      "$value": "13"
+    },
+    "4": {
+      "$type": "fontSizes",
+      "$value": "14"
+    },
+    "5": {
+      "$type": "fontSizes",
+      "$value": "16"
+    },
+    "6": {
+      "$type": "fontSizes",
+      "$value": "18"
+    },
+    "7": {
+      "$type": "fontSizes",
+      "$value": "21"
+    },
+    "8": {
+      "$type": "fontSizes",
+      "$value": "24"
+    },
+    "9": {
+      "$type": "fontSizes",
+      "$value": "30"
+    },
+    "10": {
+      "$type": "fontSizes",
+      "$value": "36"
+    },
+    "11": {
+      "$type": "fontSizes",
+      "$value": "48"
+    }
+  },
+  "letter-spacing": {
+    "1": {
+      "$type": "letterSpacing",
+      "$value": "-1%"
+    },
+    "2": {
+      "$type": "letterSpacing",
+      "$value": "-0.5%"
+    },
+    "3": {
+      "$type": "letterSpacing",
+      "$value": "-0.25%"
+    },
+    "4": {
+      "$type": "letterSpacing",
+      "$value": "-0.15%"
+    },
+    "5": {
+      "$type": "letterSpacing",
+      "$value": "0%"
+    },
+    "6": {
+      "$type": "letterSpacing",
+      "$value": "0.15%"
+    },
+    "7": {
+      "$type": "letterSpacing",
+      "$value": "0.25%"
+    },
+    "8": {
+      "$type": "letterSpacing",
+      "$value": "0.5%"
+    },
+    "9": {
+      "$type": "letterSpacing",
+      "$value": "1.5%"
+    }
+  }
+}

package/dist/tokens/primitives/modes/color-scheme/light/altinn-ds.json

@@ -7,31 +7,31 @@
       },
       "2": {
         "$type": "color",
-        "$value": "#f3f3f6"
+        "$value": "#e9f5ff"
       },
       "3": {
         "$type": "color",
-        "$value": "#e0e2e7"
+        "$value": "#d3eafd"
       },
       "4": {
         "$type": "color",
-        "$value": "#cfd1da"
+        "$value": "#a5d6fb"
       },
       "5": {
         "$type": "color",
-        "$value": "#bfc2cd"
+        "$value": "#78c1f9"
       },
       "6": {
         "$type": "color",
-        "$value": "#b8bbc8"
+        "$value": "#4badf7"
       },
       "7": {
         "$type": "color",
-        "$value": "#777e95"
+        "$value": "#1e98f5"
       },
       "8": {
         "$type": "color",
-        "$value": "#58607d"
+        "$value": "#4086d7"
       },
       "9": {
         "$type": "color",
@@ -69,31 +69,31 @@
       },
       "2": {
         "$type": "color",
-        "$value": "#f1f4f2"
+        "$value": "#eaf7ef"
       },
       "3": {
         "$type": "color",
-        "$value": "#dbe4df"
+        "$value": "#a8f3d0"
       },
       "4": {
         "$type": "color",
-        "$value": "#c6d5cd"
+        "$value": "#6ee7b7"
       },
       "5": {
         "$type": "color",
-        "$value": "#b3c7bc"
+        "$value": "#34d399"
       },
       "6": {
         "$type": "color",
-        "$value": "#abc1b5"
+        "$value": "#10b981"
       },
       "7": {
         "$type": "color",
-        "$value": "#5e8771"
+        "$value": "#079669"
       },
       "8": {
         "$type": "color",
-        "$value": "#386b50"
+        "$value": "#347659"
       },
       "9": {
         "$type": "color",

package/dist/tokens/primitives/modes/size/global.json

@@ -0,0 +1,96 @@
+{
+  "size": {
+    "0": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *0)"
+    },
+    "1": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *1)"
+    },
+    "2": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *2)"
+    },
+    "3": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *3)"
+    },
+    "4": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *4)"
+    },
+    "5": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *5)"
+    },
+    "6": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *6)"
+    },
+    "7": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *7)"
+    },
+    "8": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *8)"
+    },
+    "9": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *9)"
+    },
+    "10": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *10)"
+    },
+    "11": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *11)"
+    },
+    "12": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *12)"
+    },
+    "13": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *13)"
+    },
+    "14": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *14)"
+    },
+    "15": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *15)"
+    },
+    "18": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *18)"
+    },
+    "22": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *22)"
+    },
+    "26": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *26)"
+    },
+    "30": {
+      "$type": "dimension",
+      "$value": "floor({size.step} / {size.base} * {size.mode-font-size} *30)"
+    },
+    "mode-font-size": {
+      "$type": "dimension",
+      "$value": "{size._mode-font-size}"
+    },
+    "base": {
+      "$type": "dimension",
+      "$value": "{size._base}"
+    },
+    "step": {
+      "$type": "dimension",
+      "$value": "{size._step}"
+    }
+  }
+}

package/dist/tokens/primitives/modes/size/large.json

@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "21"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}

package/dist/tokens/primitives/modes/size/medium.json

@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}

package/dist/tokens/primitives/modes/size/small.json

@@ -0,0 +1,16 @@
+{
+  "size": {
+    "_mode-font-size": {
+      "$type": "dimension",
+      "$value": "16"
+    },
+    "_base": {
+      "$type": "dimension",
+      "$value": "18"
+    },
+    "_step": {
+      "$type": "dimension",
+      "$value": "4"
+    }
+  }
+}