@entur/tokens 3.13.4 → 3.14.0

package/dist/buildVariables.d.ts

@@ -1,4 +1,4 @@
-type variableSet = {
+export type VariableSet = {
     css: KeyValueSet;
     scss: KeyValueSet;
     less: KeyValueSet;
@@ -11,22 +11,23 @@ type KeyValueSet = {
     value: string;
     sanitizedValue?: string;
 };
-type ColorFileData = {
+export type ColorFileData = {
     outputString: string;
     outputFileName: string;
     packageName?: string;
 };
-export declare function createColorSet(fileData: string): variableSet[];
-export declare function createColorsFileData({ colorSet, keyType, valueType, name, outputToPackages, }: {
-    colorSet: variableSet[];
+export declare function createColorSet(fileData: string): VariableSet[];
+export declare function createColorsFileData({ colorSet, keyType, valueType, name, outputToPackages, withColorMode, importFileNames, }: {
+    colorSet: VariableSet[];
     keyType: 'css' | 'scss' | 'less';
     valueType: 'css' | 'scss' | 'less';
     name: string;
     outputToPackages?: string[];
-    relativeOutputPath?: string;
+    withColorMode?: boolean;
+    importFileNames?: string[];
 }): ColorFileData[];
 export declare function createJSColorFileData({ variables, name, }: {
-    variables: variableSet[];
+    variables: VariableSet[];
     name: string;
 }): {
     outputString: string;

package/dist/componentColors.d.ts

@@ -894,17 +894,19 @@ export declare const componentColors: {
             };
             table: {
                 contrast: {
-                    fill: string;
-                    fillHover: string;
-                    fillNegative: string;
+                    cellFill: string;
+                    cellFillHover: string;
+                    cellFillNegative: string;
+                    headerFill: string;
                     icon: string;
                     stroke: string;
                     text: string;
                 };
                 standard: {
-                    fill: string;
-                    fillHover: string;
+                    cellFill: string;
+                    cellFillHover: string;
                     fillNegative: string;
+                    headerFill: string;
                     icon: string;
                     stroke: string;
                     text: string;
@@ -1324,6 +1326,69 @@ export declare const componentColors: {
                 };
             };
         };
+        designentur: {
+            basecard: {
+                contrast: {
+                    border: string;
+                    fill: string;
+                    fillTint: string;
+                    text: string;
+                };
+                default: {
+                    border: string;
+                    fill: string;
+                    fillTint: string;
+                    text: string;
+                };
+            };
+            dodontcard: {
+                border: string;
+                fill: string;
+                statuslineSuccess: string;
+                statuslineWarning: string;
+                text: string;
+            };
+            footer: {
+                contrast: {
+                    divider: string;
+                    fill: string;
+                    text: string;
+                    textSubdued: string;
+                };
+                default: {
+                    divider: string;
+                    fill: string;
+                    text: string;
+                    textSubdued: string;
+                };
+            };
+            header: {
+                contrast: {
+                    divider: string;
+                    fill: string;
+                };
+                default: {
+                    divider: string;
+                    fill: string;
+                };
+            };
+            npmtag: {
+                divide: string;
+                text: string;
+            };
+            playground: {
+                background: string;
+                border: string;
+                panel: string;
+                text: string;
+            };
+            typographycard: {
+                border: string;
+                fill: string;
+                text: string;
+                textSubdued: string;
+            };
+        };
     };
     dark: {
         components: {
@@ -2220,17 +2285,19 @@ export declare const componentColors: {
             };
             table: {
                 contrast: {
-                    fill: string;
-                    fillHover: string;
-                    fillNegative: string;
+                    cellFill: string;
+                    cellFillHover: string;
+                    cellFillNegative: string;
+                    headerFill: string;
                     icon: string;
                     stroke: string;
                     text: string;
                 };
                 standard: {
-                    fill: string;
-                    fillHover: string;
+                    cellFill: string;
+                    cellFillHover: string;
                     fillNegative: string;
+                    headerFill: string;
                     icon: string;
                     stroke: string;
                     text: string;
@@ -2650,5 +2717,68 @@ export declare const componentColors: {
                 };
             };
         };
+        designentur: {
+            basecard: {
+                contrast: {
+                    border: string;
+                    fill: string;
+                    fillTint: string;
+                    text: string;
+                };
+                default: {
+                    border: string;
+                    fill: string;
+                    fillTint: string;
+                    text: string;
+                };
+            };
+            dodontcard: {
+                border: string;
+                fill: string;
+                statuslineSuccess: string;
+                statuslineWarning: string;
+                text: string;
+            };
+            footer: {
+                contrast: {
+                    divider: string;
+                    fill: string;
+                    text: string;
+                    textSubdued: string;
+                };
+                default: {
+                    divider: string;
+                    fill: string;
+                    text: string;
+                    textSubdued: string;
+                };
+            };
+            header: {
+                contrast: {
+                    divider: string;
+                    fill: string;
+                };
+                default: {
+                    divider: string;
+                    fill: string;
+                };
+            };
+            npmtag: {
+                divide: string;
+                text: string;
+            };
+            playground: {
+                background: string;
+                border: string;
+                panel: string;
+                text: string;
+            };
+            typographycard: {
+                border: string;
+                fill: string;
+                text: string;
+                textSubdued: string;
+            };
+        };
     };
 };

package/dist/data.scss

@@ -3,39 +3,39 @@
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 [data-color-mode='light'],
 :root {
-  --contrast-azure: #{$};
-  --contrast-blue: #{$};
-  --contrast-coral: #{$};
-  --contrast-jungle: #{$};
-  --contrast-lavender: #{$};
-  --contrast-lilac: #{$};
-  --contrast-peach: #{$};
-  --contrast-spring: #{$};
-  --standard-azure: #{$};
-  --standard-blue: #{$};
-  --standard-coral: #{$};
-  --standard-jungle: #{$};
-  --standard-lavender: #{$};
-  --standard-lilac: #{$};
-  --standard-peach: #{$};
-  --standard-spring: #{$};
+  --contrast-azure: #64b2fb;
+  --contrast-blue: #6c6eb7;
+  --contrast-coral: #ff5959;
+  --contrast-jungle: #0fc2b3;
+  --contrast-lavender: #aeb7e2;
+  --contrast-lilac: #ea8bea;
+  --contrast-peach: #ffbf9e;
+  --contrast-spring: #7bc00b;
+  --standard-azure: #2f98fa;
+  --standard-blue: #181c56;
+  --standard-coral: #ff5959;
+  --standard-jungle: #0ea2a8;
+  --standard-lavender: #8692ca;
+  --standard-lilac: #8e57e3;
+  --standard-peach: #ca825b;
+  --standard-spring: #57a257;
 }
 
 [data-color-mode='dark'] {
-  --contrast-azure: #{$};
-  --contrast-blue: #{$};
-  --contrast-coral: #{$};
-  --contrast-jungle: #{$};
-  --contrast-lavender: #{$};
-  --contrast-lilac: #{$};
-  --contrast-peach: #{$};
-  --contrast-spring: #{$};
-  --standard-azure: #{$};
-  --standard-blue: #{$};
-  --standard-coral: #{$};
-  --standard-jungle: #{$};
-  --standard-lavender: #{$};
-  --standard-lilac: #{$};
-  --standard-peach: #{$};
-  --standard-spring: #{$};
+  --contrast-azure: #669bcc;
+  --contrast-blue: #aeb7e2;
+  --contrast-coral: #ff9494;
+  --contrast-jungle: #349d94;
+  --contrast-lavender: #7c8ad0;
+  --contrast-lilac: #c982c9;
+  --contrast-peach: #d6855c;
+  --contrast-spring: #8cb24c;
+  --standard-azure: #669bcc;
+  --standard-blue: #aeb7e2;
+  --standard-coral: #ff9494;
+  --standard-jungle: #349d94;
+  --standard-lavender: #7c8ad0;
+  --standard-lilac: #c982c9;
+  --standard-peach: #d6855c;
+  --standard-spring: #8cb24c;
 }

package/dist/tokens.cjs.development.js

@@ -1550,17 +1550,19 @@ var componentColors = {
       },
       "table": {
         "contrast": {
-          "fill": "#ffffff00",
-          "fillHover": "#393d79",
-          "fillNegative": "#ff949433",
+          "cellFill": "#ffffff00",
+          "cellFillHover": "#393d79",
+          "cellFillNegative": "#ff949433",
+          "headerFill": "#181c56",
           "icon": "#ffffff",
           "stroke": "#8284ab",
           "text": "#ffffff"
         },
         "standard": {
-          "fill": "#ffffff00",
-          "fillHover": "#f2f5f7",
+          "cellFill": "#ffffff00",
+          "cellFillHover": "#f2f5f7",
           "fillNegative": "#ffcece",
+          "headerFill": "#ffffff",
           "icon": "#181c56",
           "stroke": "#e3e6e8",
           "text": "#181c56"
@@ -1979,6 +1981,69 @@ var componentColors = {
           }
         }
       }
+    },
+    "designentur": {
+      "basecard": {
+        "contrast": {
+          "border": "#ffffff00",
+          "fill": "#181c56",
+          "fillTint": "#393d79",
+          "text": "#ffffff"
+        },
+        "default": {
+          "border": "#e5e5e9",
+          "fill": "#f2f5f7",
+          "fillTint": "#f6f6f9",
+          "text": "#181c56"
+        }
+      },
+      "dodontcard": {
+        "border": "#e3e6e8",
+        "fill": "#f6f6f9",
+        "statuslineSuccess": "#1a8e60",
+        "statuslineWarning": "#ffca28",
+        "text": "#181c56"
+      },
+      "footer": {
+        "contrast": {
+          "divider": "#e5e5e9",
+          "fill": "#181c56",
+          "text": "#ffffff",
+          "textSubdued": "#d9dae8"
+        },
+        "default": {
+          "divider": "#e5e5e9",
+          "fill": "#f2f5f7",
+          "text": "#181c56",
+          "textSubdued": "#626493"
+        }
+      },
+      "header": {
+        "contrast": {
+          "divider": "#ffffff00",
+          "fill": "#181c56"
+        },
+        "default": {
+          "divider": "#e3e6e8",
+          "fill": "#ffffff"
+        }
+      },
+      "npmtag": {
+        "divide": "#949699",
+        "text": "#6e6f73"
+      },
+      "playground": {
+        "background": "#f6f6f9",
+        "border": "#e3e6e8",
+        "panel": "#ffffff",
+        "text": "#181c56"
+      },
+      "typographycard": {
+        "border": "#e3e6e8",
+        "fill": "#ffffff",
+        "text": "#181c56",
+        "textSubdued": "#626493"
+      }
     }
   },
   "dark": {
@@ -2876,17 +2941,19 @@ var componentColors = {
       },
       "table": {
         "contrast": {
-          "fill": "#ffffff00",
-          "fillHover": "#e5e5e926",
-          "fillNegative": "#ff949433",
+          "cellFill": "#ffffff00",
+          "cellFillHover": "#e5e5e926",
+          "cellFillNegative": "#ff949433",
+          "headerFill": "#08091c",
           "icon": "#e5e5e9",
           "stroke": "#81828f",
           "text": "#e5e5e9"
         },
         "standard": {
-          "fill": "#ffffff00",
-          "fillHover": "#e5e5e926",
+          "cellFill": "#ffffff00",
+          "cellFillHover": "#e5e5e926",
           "fillNegative": "#ff949433",
+          "headerFill": "#08091c",
           "icon": "#e5e5e9",
           "stroke": "#81828f",
           "text": "#e5e5e9"
@@ -3305,6 +3372,69 @@ var componentColors = {
           }
         }
       }
+    },
+    "designentur": {
+      "basecard": {
+        "contrast": {
+          "border": "#81828f",
+          "fill": "#e5e5e926",
+          "fillTint": "#e5e5e940",
+          "text": "#e5e5e9"
+        },
+        "default": {
+          "border": "#81828f",
+          "fill": "#e5e5e926",
+          "fillTint": "#e5e5e940",
+          "text": "#e5e5e9"
+        }
+      },
+      "dodontcard": {
+        "border": "#81828f",
+        "fill": "#e5e5e926",
+        "statuslineSuccess": "#9cd9c2",
+        "statuslineWarning": "#ffeeb3",
+        "text": "#e5e5e9"
+      },
+      "footer": {
+        "contrast": {
+          "divider": "#81828f",
+          "fill": "#2d2e3e",
+          "text": "#e5e5e9",
+          "textSubdued": "#b3b4bd"
+        },
+        "default": {
+          "divider": "#81828f",
+          "fill": "#2d2e3e",
+          "text": "#e5e5e9",
+          "textSubdued": "#b3b4bd"
+        }
+      },
+      "header": {
+        "contrast": {
+          "divider": "#81828f",
+          "fill": "#08091c"
+        },
+        "default": {
+          "divider": "#81828f",
+          "fill": "#08091c"
+        }
+      },
+      "npmtag": {
+        "divide": "#e5e5e9",
+        "text": "#e5e5e9"
+      },
+      "playground": {
+        "background": "#141527",
+        "border": "#b3b4bd",
+        "panel": "#e5e5e926",
+        "text": "#e5e5e9"
+      },
+      "typographycard": {
+        "border": "#b3b4bd",
+        "fill": "#e5e5e926",
+        "text": "#e5e5e9",
+        "textSubdued": "#b3b4bd"
+      }
     }
   }
 };
@@ -3626,7 +3756,7 @@ function createColorSet(fileData) {
         scss: {
           key: "$" + colorNameInKebabCase,
           value: usesAlias ? "$" + varNameInKebabCase : hexValue,
-          sanitizedValue: "#{$" + varNameInKebabCase + "}"
+          sanitizedValue: usesAlias ? "#{$" + varNameInKebabCase + "}" : hexValue
         },
         less: {
           key: "@" + colorNameInKebabCase,
@@ -3652,7 +3782,7 @@ function createColorsOutputString(_ref) {
     withColorMode = _ref.withColorMode,
     importFileNames = _ref.importFileNames;
   var needsRoot = keyType === 'css';
-  var needsImport = colorSet.every(function (color) {
+  var needsImport = colorSet.some(function (color) {
     return color.usesAlias;
   });
   if (withColorMode) {
@@ -3724,7 +3854,10 @@ function createColorsFileData(_ref3) {
     keyType = _ref3.keyType,
     valueType = _ref3.valueType,
     name = _ref3.name,
-    outputToPackages = _ref3.outputToPackages;
+    outputToPackages = _ref3.outputToPackages,
+    _ref3$withColorMode = _ref3.withColorMode,
+    withColorMode = _ref3$withColorMode === void 0 ? false : _ref3$withColorMode,
+    importFileNames = _ref3.importFileNames;
   var outputString = '';
   if (outputToPackages) {
     var outputData = [];
@@ -3793,7 +3926,8 @@ function createColorsFileData(_ref3) {
         colorSet: colorSet,
         keyType: keyType,
         valueType: valueType,
-        withColorMode: false
+        withColorMode: withColorMode,
+        importFileNames: importFileNames
       });
   }
   return [{