@trackunit/ui-design-tokens 1.6.12 → 1.6.13

package/index.cjs.js

@@ -362,6 +362,17 @@ const generalPalette = {
     BLACK: { DEFAULT: "26 27 28" },
     WHITE: { DEFAULT: "255 255 255" },
 };
+/**
+ * The contrasted primary color palette
+ * Should be available for components using the primary color palette, such as "Button", "RadioButton", "Checkbox", "Tag"
+ */
+const contrastedPalette = {
+    PRIMARY_CONTRASTED: { DEFAULT: "26 27 28" },
+};
+/**
+ * The intent color palette
+ * Should be available for most colored components such as "Button", "Alert", "Indicator", "Badge"
+ */
 const intentPalette = {
     INFO: tailwindPalette.blue,
     SUCCESS: tailwindPalette.green,
@@ -580,6 +591,8 @@ const groupedPalettes = {
 const trackunitPalette = {
     // General
     ...generalPalette,
+    // Primary colors contrasted
+    ...contrastedPalette,
     // UI Intent
     ...intentPalette,
     // Asset Criticality
@@ -668,6 +681,11 @@ const 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 },
@@ -937,6 +955,7 @@ exports.DEFAULT_CHART_COLORS = DEFAULT_CHART_COLORS;
 exports.DEFAULT_CHART_OTHER = DEFAULT_CHART_OTHER;
 exports.activityPalette = activityPalette;
 exports.color = color;
+exports.contrastedPalette = contrastedPalette;
 exports.criticalityPalette = criticalityPalette;
 exports.elevation = elevation;
 exports.fontFamily = fontFamily;

package/index.esm.js

@@ -360,6 +360,17 @@ const generalPalette = {
     BLACK: { DEFAULT: "26 27 28" },
     WHITE: { DEFAULT: "255 255 255" },
 };
+/**
+ * The contrasted primary color palette
+ * Should be available for components using the primary color palette, such as "Button", "RadioButton", "Checkbox", "Tag"
+ */
+const contrastedPalette = {
+    PRIMARY_CONTRASTED: { DEFAULT: "26 27 28" },
+};
+/**
+ * The intent color palette
+ * Should be available for most colored components such as "Button", "Alert", "Indicator", "Badge"
+ */
 const intentPalette = {
     INFO: tailwindPalette.blue,
     SUCCESS: tailwindPalette.green,
@@ -578,6 +589,8 @@ const groupedPalettes = {
 const trackunitPalette = {
     // General
     ...generalPalette,
+    // Primary colors contrasted
+    ...contrastedPalette,
     // UI Intent
     ...intentPalette,
     // Asset Criticality
@@ -666,6 +679,11 @@ const 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 },
@@ -930,4 +948,4 @@ const zIndex = {
     toast: themeZIndex.toast,
 };
 
-export { CHART_STATUS_COLORS, DEFAULT_CHART_COLORS, DEFAULT_CHART_OTHER, activityPalette, color, criticalityPalette, elevation, fontFamily, fontSize, fontWeight, generalPalette, groupedPalettes, intentPalette, otherPalette, rentalStatusPalette, sitesPalette, size, tailwindPalette, themeBorderRadius, themeBoxShadow, themeColors, themeFontSize, themeFontWeight, themeLineHeight, themeScreenSize, themeScreenSizeAsNumber, themeSpacing, themeZIndex, themedPalette, trackunitPalette, utilizationPalette, zIndex };
+export { CHART_STATUS_COLORS, DEFAULT_CHART_COLORS, DEFAULT_CHART_OTHER, activityPalette, color, contrastedPalette, criticalityPalette, elevation, fontFamily, fontSize, fontWeight, generalPalette, groupedPalettes, intentPalette, otherPalette, rentalStatusPalette, sitesPalette, size, tailwindPalette, themeBorderRadius, themeBoxShadow, themeColors, themeFontSize, themeFontWeight, themeLineHeight, themeScreenSize, themeScreenSizeAsNumber, themeSpacing, themeZIndex, themedPalette, trackunitPalette, utilizationPalette, zIndex };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/ui-design-tokens",
-  "version": "1.6.12",
+  "version": "1.6.13",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/tokens/colors/trackunitPalette.d.ts

@@ -44,6 +44,21 @@ export declare const generalPalette: {
 };
 export type GeneralColorKeys = keyof typeof generalPalette;
 export type GeneralColors = `${Lowercase<GeneralColorKeys>}`;
+/**
+ * The contrasted primary color palette
+ * Should be available for components using the primary color palette, such as "Button", "RadioButton", "Checkbox", "Tag"
+ */
+export declare const contrastedPalette: {
+    PRIMARY_CONTRASTED: {
+        DEFAULT: string;
+    };
+};
+export type ContrastedPaletteColorKeys = keyof typeof contrastedPalette;
+export type ContrastedPaletteColors = `${Lowercase<ContrastedPaletteColorKeys>}`;
+/**
+ * The intent color palette
+ * Should be available for most colored components such as "Button", "Alert", "Indicator", "Badge"
+ */
 export declare const intentPalette: {
     readonly INFO: {
         readonly 50: "239 246 255";
@@ -964,6 +979,9 @@ export declare const trackunitPalette: {
         readonly 800: "153 27 27";
         readonly 900: "127 29 29";
     };
+    readonly PRIMARY_CONTRASTED: {
+        DEFAULT: string;
+    };
     readonly PRIMARY: {
         readonly 50: "239 246 255";
         readonly 100: "219 234 254";