@trackunit/css-tailwind 1.6.11 → 1.6.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/css-tailwind",
-  "version": "1.6.11",
+  "version": "1.6.14",
   "main": "./index.cjs.js",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
@@ -9,10 +9,10 @@
   },
   "dependencies": {
     "tailwindcss": "3.4.3",
-    "@trackunit/css-component-tokens": "1.6.10",
-    "@trackunit/css-tailwind-custom-properties-plugin": "1.6.10",
-    "@trackunit/ui-design-tokens": "1.6.10",
-    "@trackunit/css-core": "1.6.9",
+    "@trackunit/css-component-tokens": "1.6.12",
+    "@trackunit/css-tailwind-custom-properties-plugin": "1.6.12",
+    "@trackunit/ui-design-tokens": "1.6.13",
+    "@trackunit/css-core": "1.6.11",
     "@tailwindcss/typography": "^0.5.10"
   },
   "type": "commonjs",

package/src/lib/utilities/themeColorsToVariableObjectDefinition.d.ts

@@ -254,6 +254,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -530,6 +532,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -806,6 +810,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -1082,6 +1088,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -1358,6 +1366,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -1634,6 +1644,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -1910,6 +1922,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -2186,6 +2200,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -2462,6 +2478,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -2738,6 +2756,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -3014,6 +3034,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -3290,6 +3312,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -3566,6 +3590,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -3842,6 +3868,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -4118,6 +4146,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -4394,6 +4424,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -4670,6 +4702,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -4946,6 +4980,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -5222,6 +5258,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -5498,6 +5536,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -5774,6 +5814,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -6050,6 +6092,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -6326,6 +6370,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -6602,6 +6648,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -6878,6 +6926,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -7154,6 +7204,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -7430,6 +7482,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -7706,6 +7760,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -7982,6 +8038,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -8258,6 +8316,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -8534,6 +8594,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -8810,6 +8872,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -9086,6 +9150,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -9362,6 +9428,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -9638,6 +9706,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -9914,6 +9984,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -10190,6 +10262,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -10466,6 +10540,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -10742,6 +10818,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -11018,6 +11096,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -11294,6 +11374,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -11570,6 +11652,286 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
+    } | {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        readonly DEFAULT: string;
+    } | {
+        readonly DEFAULT: string;
+    };
+    primary_contrasted: {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        readonly DEFAULT: string;
+    } | {
+        readonly DEFAULT: string;
+        readonly hover: string;
+        readonly active: string;
+    } | {
+        readonly DEFAULT: string;
+        readonly hover: string;
+        readonly active: string;
+    } | {
+        readonly DEFAULT: string;
+    } | {
+        readonly 100: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 700: string;
+    } | {
+        readonly 100: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 700: string;
+    } | {
+        readonly 100: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 400: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 700: string;
+    } | {
+        readonly 50: string;
+        readonly 300: string;
+        readonly 600: string;
+    } | {
+        readonly 100: string;
+        readonly 400: string;
+        readonly 700: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 400: string;
+        readonly 600: string;
+        readonly 700: string;
+    } | {
+        readonly 100: string;
+        readonly 400: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 700: string;
+    } | {
+        readonly 100: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 900: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 900: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 700: string;
+        readonly 900: string;
+    } | {
+        readonly 100: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 900: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 300: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 300: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 800: string;
+    } | {
+        readonly 100: string;
+        readonly 300: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+    } | {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -11846,6 +12208,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -12122,6 +12486,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -12398,6 +12764,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;
@@ -12674,6 +13042,8 @@ export declare function themeColorsToVariableObjectDefinition(themeColors: Theme
         readonly 700: string;
         readonly 800: string;
         readonly 900: string;
+    } | {
+        DEFAULT: string;
     } | {
         readonly 50: string;
         readonly 100: string;

package/tailwind-base.generated.js

@@ -7807,6 +7807,9 @@ var generalPalette = {
   BLACK: { DEFAULT: "26 27 28" },
   WHITE: { DEFAULT: "255 255 255" },
 };
+var contrastedPalette = {
+  PRIMARY_CONTRASTED: { DEFAULT: "26 27 28" },
+};
 var intentPalette = {
   INFO: tailwindPalette.blue,
   SUCCESS: tailwindPalette.green,
@@ -8002,6 +8005,8 @@ var otherPalette = {
 var trackunitPalette = {
   // General
   ...generalPalette,
+  // Primary colors contrasted
+  ...contrastedPalette,
   // UI Intent
   ...intentPalette,
   // Asset Criticality
@@ -8084,6 +8089,11 @@ var themeColors = {
     name: "notification_counter_background",
     variants: trackunitPalette.NOTIFICATION_COUNTER_BACKGROUND,
   },
+  PRIMARY_CONTRASTED: {
+    name: "primary_contrasted",
+    variants: { ...trackunitPalette.BLACK, ...trackunitPalette.WHITE },
+    defaultVariant: "DEFAULT",
+  },
   CYAN: { name: "cyan", variants: tailwindPalette.cyan },
   LIME: { name: "lime", variants: tailwindPalette.lime },
   ORANGE: { name: "orange", variants: tailwindPalette.orange },