@digdir/designsystemet 1.11.0 → 1.12.0

package/dist/src/colors/index.js

@@ -464,6 +464,29 @@ var generateColorContrast = (color, type) => {
 var getCssVariable = (colorType, colorNumber) => {
   return `--ds-color-${colorType}-${getColorMetadataByNumber(colorNumber).displayName.toLowerCase().replace(/\s/g, "-")}`;
 };
+
+// src/colors/types.ts
+import * as R3 from "ramda";
+var semanticColorMap = {
+  "background-default": 1,
+  "background-tinted": 2,
+  "surface-default": 3,
+  "surface-tinted": 4,
+  "surface-hover": 5,
+  "surface-active": 6,
+  "border-subtle": 7,
+  "border-default": 8,
+  "border-strong": 9,
+  "text-subtle": 10,
+  "text-default": 11,
+  "base-default": 12,
+  "base-hover": 13,
+  "base-active": 14,
+  "base-contrast-subtle": 15,
+  "base-contrast-default": 16
+};
+var semanticColorNames = R3.keys(semanticColorMap);
+var semanticColorNumbers = R3.values(semanticColorMap);
 export {
   HSLToHex,
   RESERVED_COLORS,
@@ -492,5 +515,8 @@ export {
   hexToRgb,
   hslArrToCss,
   isHexColor,
-  rgbToHex
+  rgbToHex,
+  semanticColorMap,
+  semanticColorNames,
+  semanticColorNumbers
 };

package/dist/src/colors/types.d.ts

@@ -1,31 +1,34 @@
 export type ColorScheme = 'light' | 'dark' | 'contrast';
 export type ContrastMode = 'aa' | 'aaa';
-export type ColorNumber = SemanticColorNumberMap[keyof SemanticColorNumberMap];
-export type ColorNames = keyof SemanticColorNumberMap;
+export type ColorNumber = SemanticColorMap[keyof SemanticColorMap];
+export type ColorNames = keyof SemanticColorMap;
 export type GlobalColors = 'danger' | 'info' | 'success' | 'warning';
 export type ColorError = 'none' | 'decorative' | 'interaction';
-type SemanticColorNumberMap = {
-    'background-default': 1;
-    'background-tinted': 2;
-    'surface-default': 3;
-    'surface-tinted': 4;
-    'surface-hover': 5;
-    'surface-active': 6;
-    'border-subtle': 7;
-    'border-default': 8;
-    'border-strong': 9;
-    'text-subtle': 10;
-    'text-default': 11;
-    'base-default': 12;
-    'base-hover': 13;
-    'base-active': 14;
-    'base-contrast-subtle': 15;
-    'base-contrast-default': 16;
+export declare const semanticColorMap: {
+    readonly 'background-default': 1;
+    readonly 'background-tinted': 2;
+    readonly 'surface-default': 3;
+    readonly 'surface-tinted': 4;
+    readonly 'surface-hover': 5;
+    readonly 'surface-active': 6;
+    readonly 'border-subtle': 7;
+    readonly 'border-default': 8;
+    readonly 'border-strong': 9;
+    readonly 'text-subtle': 10;
+    readonly 'text-default': 11;
+    readonly 'base-default': 12;
+    readonly 'base-hover': 13;
+    readonly 'base-active': 14;
+    readonly 'base-contrast-subtle': 15;
+    readonly 'base-contrast-default': 16;
 };
+export declare const semanticColorNames: ("background-default" | "background-tinted" | "surface-default" | "surface-tinted" | "surface-hover" | "surface-active" | "border-subtle" | "border-default" | "border-strong" | "text-subtle" | "text-default" | "base-default" | "base-hover" | "base-active" | "base-contrast-subtle" | "base-contrast-default")[];
+export declare const semanticColorNumbers: (1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16)[];
+type SemanticColorMap = typeof semanticColorMap;
 type SemanticColorMapping = {
-    [K in keyof SemanticColorNumberMap]: {
+    [K in keyof SemanticColorMap]: {
         name: K;
-        number: SemanticColorNumberMap[K];
+        number: SemanticColorMap[K];
     };
 };
 export type ColorMetadataByName = {

package/dist/src/colors/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/colors/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,KAAK,CAAC;AACxC,MAAM,MAAM,WAAW,GAAG,sBAAsB,CAAC,MAAM,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,MAAM,sBAAsB,CAAC;AACtD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,CAAC;AAE/D,KAAK,sBAAsB,GAAG;IAC5B,oBAAoB,EAAE,CAAC,CAAC;IACxB,mBAAmB,EAAE,CAAC,CAAC;IACvB,iBAAiB,EAAE,CAAC,CAAC;IACrB,gBAAgB,EAAE,CAAC,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC;IACnB,gBAAgB,EAAE,CAAC,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC;IACnB,gBAAgB,EAAE,CAAC,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC;IACnB,aAAa,EAAE,EAAE,CAAC;IAClB,cAAc,EAAE,EAAE,CAAC;IACnB,cAAc,EAAE,EAAE,CAAC;IACnB,YAAY,EAAE,EAAE,CAAC;IACjB,aAAa,EAAE,EAAE,CAAC;IAClB,sBAAsB,EAAE,EAAE,CAAC;IAC3B,uBAAuB,EAAE,EAAE,CAAC;CAC7B,CAAC;AAEF,KAAK,oBAAoB,GAAG;KACzB,CAAC,IAAI,MAAM,sBAAsB,GAAG;QACnC,IAAI,EAAE,CAAC,CAAC;QACR,MAAM,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;KACnC;CACF,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;KAC/B,CAAC,IAAI,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,aAAa;CAC3E,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,GAAG,EAAE,QAAQ,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,QAAQ,EAAE,KAAK,EAAE,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAEhC;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/colors/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,KAAK,CAAC;AACxC,MAAM,MAAM,WAAW,GAAG,gBAAgB,CAAC,MAAM,gBAAgB,CAAC,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,MAAM,gBAAgB,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,CAAC;AAE/D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEX,eAAO,MAAM,kBAAkB,uTAA2B,CAAC;AAC3D,eAAO,MAAM,oBAAoB,0EAA6B,CAAC;AAE/D,KAAK,gBAAgB,GAAG,OAAO,gBAAgB,CAAC;AAEhD,KAAK,oBAAoB,GAAG;KACzB,CAAC,IAAI,MAAM,gBAAgB,GAAG;QAC7B,IAAI,EAAE,CAAC,CAAC;QACR,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;KAC7B;CACF,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;KAC/B,CAAC,IAAI,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,aAAa;CAC3E,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,GAAG,EAAE,QAAQ,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,QAAQ,EAAE,KAAK,EAAE,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAEhC;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,MAAM,EAAE,CAAC"}

package/dist/src/colors/types.js

@@ -0,0 +1,27 @@
+// src/colors/types.ts
+import * as R from "ramda";
+var semanticColorMap = {
+  "background-default": 1,
+  "background-tinted": 2,
+  "surface-default": 3,
+  "surface-tinted": 4,
+  "surface-hover": 5,
+  "surface-active": 6,
+  "border-subtle": 7,
+  "border-default": 8,
+  "border-strong": 9,
+  "text-subtle": 10,
+  "text-default": 11,
+  "base-default": 12,
+  "base-hover": 13,
+  "base-active": 14,
+  "base-contrast-subtle": 15,
+  "base-contrast-default": 16
+};
+var semanticColorNames = R.keys(semanticColorMap);
+var semanticColorNumbers = R.values(semanticColorMap);
+export {
+  semanticColorMap,
+  semanticColorNames,
+  semanticColorNumbers
+};

package/dist/src/config.js

@@ -279,16 +279,36 @@ var convertToHex = (color) => {
 // src/colors/theme.ts
 var RESERVED_COLORS = ["neutral", "success", "warning", "danger", "info"];
 
-// src/tokens/create/defaults.ts
+// src/colors/types.ts
 import * as R3 from "ramda";
+var semanticColorMap = {
+  "background-default": 1,
+  "background-tinted": 2,
+  "surface-default": 3,
+  "surface-tinted": 4,
+  "surface-hover": 5,
+  "surface-active": 6,
+  "border-subtle": 7,
+  "border-default": 8,
+  "border-strong": 9,
+  "text-subtle": 10,
+  "text-default": 11,
+  "base-default": 12,
+  "base-hover": 13,
+  "base-active": 14,
+  "base-contrast-subtle": 15,
+  "base-contrast-default": 16
+};
+var semanticColorNames = R3.keys(semanticColorMap);
+var semanticColorNumbers = R3.values(semanticColorMap);
 
-// src/tokens/create/generators/color.ts
+// src/tokens/create/generators/primitives/color-scheme.ts
 import * as R4 from "ramda";
 
-// src/tokens/create/generators/semantic.ts
+// src/tokens/create/generators/semantic/color.ts
 import * as R5 from "ramda";
 
-// src/tokens/create/generators/theme.ts
+// src/tokens/create/generators/themes/theme.ts
 import * as R6 from "ramda";
 
 // src/tokens/create.ts