@trackunit/ui-design-tokens 1.7.52 → 1.7.53

package/index.cjs.js

@@ -546,6 +546,33 @@ const sitesPalette = {
         800: tailwindPalette.gray[800],
     },
 };
+const accessManagementModePalette = {
+    AM_BLOCKED: {
+        50: tailwindPalette.red[50],
+        600: tailwindPalette.red[600],
+        800: tailwindPalette.red[800],
+    },
+    AM_UNLOCKED: {
+        50: tailwindPalette.cyan[50],
+        600: tailwindPalette.cyan[600],
+        800: tailwindPalette.cyan[800],
+    },
+    AM_UNKNOWN: {
+        50: tailwindPalette.gray[50],
+        300: tailwindPalette.gray[300],
+        700: tailwindPalette.gray[700],
+    },
+    AM_KEYREQUIRED: {
+        50: tailwindPalette.amber[50],
+        500: tailwindPalette.amber[500],
+        700: tailwindPalette.amber[700],
+    },
+    AM_UNSUPPORTED: {
+        50: tailwindPalette.gray[50],
+        500: tailwindPalette.gray[500],
+        700: tailwindPalette.gray[700],
+    },
+};
 const otherPalette = {
     CYAN: tailwindPalette.cyan,
     LIME: tailwindPalette.lime,
@@ -571,6 +598,8 @@ const groupedPalettes = {
     RENTAL: rentalStatusPalette,
     // Sites
     SITES: sitesPalette,
+    // Access Management
+    ACCESS_MANAGEMENT: accessManagementModePalette,
     TAILWIND: otherPalette,
 };
 /**
@@ -591,6 +620,8 @@ const trackunitPalette = {
     ...rentalStatusPalette,
     // Sites
     ...sitesPalette,
+    // Access Management
+    ...accessManagementModePalette,
     // Themed
     ...themedPalette,
     // Other
@@ -671,6 +702,15 @@ const themeColors = {
     ORANGE: { name: "orange", variants: tailwindPalette.orange },
     PINK: { name: "pink", variants: tailwindPalette.pink },
     VIOLET: { name: "violet", variants: tailwindPalette.violet },
+    AM_BLOCKED: { name: "am_blocked", variants: trackunitPalette.AM_BLOCKED, defaultVariant: 600 },
+    AM_UNLOCKED: { name: "am_unlocked", variants: trackunitPalette.AM_UNLOCKED, defaultVariant: 600 },
+    AM_UNKNOWN: {
+        name: "am_unknown",
+        variants: trackunitPalette.AM_UNKNOWN,
+        defaultVariant: 300,
+    },
+    AM_KEYREQUIRED: { name: "am_keyrequired", variants: trackunitPalette.AM_KEYREQUIRED, defaultVariant: 500 },
+    AM_UNSUPPORTED: { name: "am_unsupported", variants: trackunitPalette.AM_UNSUPPORTED, defaultVariant: 500 },
 };
 
 const outputOptions = ["HEX", "CSS"];
@@ -933,6 +973,7 @@ const zIndex = {
 exports.CHART_STATUS_COLORS = CHART_STATUS_COLORS;
 exports.DEFAULT_CHART_COLORS = DEFAULT_CHART_COLORS;
 exports.DEFAULT_CHART_OTHER = DEFAULT_CHART_OTHER;
+exports.accessManagementModePalette = accessManagementModePalette;
 exports.activityPalette = activityPalette;
 exports.color = color;
 exports.criticalityPalette = criticalityPalette;

package/index.esm.js

@@ -544,6 +544,33 @@ const sitesPalette = {
         800: tailwindPalette.gray[800],
     },
 };
+const accessManagementModePalette = {
+    AM_BLOCKED: {
+        50: tailwindPalette.red[50],
+        600: tailwindPalette.red[600],
+        800: tailwindPalette.red[800],
+    },
+    AM_UNLOCKED: {
+        50: tailwindPalette.cyan[50],
+        600: tailwindPalette.cyan[600],
+        800: tailwindPalette.cyan[800],
+    },
+    AM_UNKNOWN: {
+        50: tailwindPalette.gray[50],
+        300: tailwindPalette.gray[300],
+        700: tailwindPalette.gray[700],
+    },
+    AM_KEYREQUIRED: {
+        50: tailwindPalette.amber[50],
+        500: tailwindPalette.amber[500],
+        700: tailwindPalette.amber[700],
+    },
+    AM_UNSUPPORTED: {
+        50: tailwindPalette.gray[50],
+        500: tailwindPalette.gray[500],
+        700: tailwindPalette.gray[700],
+    },
+};
 const otherPalette = {
     CYAN: tailwindPalette.cyan,
     LIME: tailwindPalette.lime,
@@ -569,6 +596,8 @@ const groupedPalettes = {
     RENTAL: rentalStatusPalette,
     // Sites
     SITES: sitesPalette,
+    // Access Management
+    ACCESS_MANAGEMENT: accessManagementModePalette,
     TAILWIND: otherPalette,
 };
 /**
@@ -589,6 +618,8 @@ const trackunitPalette = {
     ...rentalStatusPalette,
     // Sites
     ...sitesPalette,
+    // Access Management
+    ...accessManagementModePalette,
     // Themed
     ...themedPalette,
     // Other
@@ -669,6 +700,15 @@ const themeColors = {
     ORANGE: { name: "orange", variants: tailwindPalette.orange },
     PINK: { name: "pink", variants: tailwindPalette.pink },
     VIOLET: { name: "violet", variants: tailwindPalette.violet },
+    AM_BLOCKED: { name: "am_blocked", variants: trackunitPalette.AM_BLOCKED, defaultVariant: 600 },
+    AM_UNLOCKED: { name: "am_unlocked", variants: trackunitPalette.AM_UNLOCKED, defaultVariant: 600 },
+    AM_UNKNOWN: {
+        name: "am_unknown",
+        variants: trackunitPalette.AM_UNKNOWN,
+        defaultVariant: 300,
+    },
+    AM_KEYREQUIRED: { name: "am_keyrequired", variants: trackunitPalette.AM_KEYREQUIRED, defaultVariant: 500 },
+    AM_UNSUPPORTED: { name: "am_unsupported", variants: trackunitPalette.AM_UNSUPPORTED, defaultVariant: 500 },
 };
 
 const outputOptions = ["HEX", "CSS"];
@@ -928,4 +968,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, accessManagementModePalette, 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 };

package/package.json

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

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

@@ -279,6 +279,35 @@ export declare const sitesPalette: {
 };
 export type SitesColorKeys = keyof typeof sitesPalette;
 export type SitesColors = `${Lowercase<SitesColorKeys>}`;
+export declare const accessManagementModePalette: {
+    readonly AM_BLOCKED: {
+        readonly 50: "254 242 242";
+        readonly 600: "220 38 38";
+        readonly 800: "153 27 27";
+    };
+    readonly AM_UNLOCKED: {
+        readonly 50: "236 254 255";
+        readonly 600: "8 145 178";
+        readonly 800: "21 94 117";
+    };
+    readonly AM_UNKNOWN: {
+        readonly 50: "249 250 251";
+        readonly 300: "209 213 219";
+        readonly 700: "55 65 81";
+    };
+    readonly AM_KEYREQUIRED: {
+        readonly 50: "255 251 235";
+        readonly 500: "245 158 11";
+        readonly 700: "180 83 9";
+    };
+    readonly AM_UNSUPPORTED: {
+        readonly 50: "249 250 251";
+        readonly 500: "107 114 128";
+        readonly 700: "55 65 81";
+    };
+};
+export type AccessManagementModeColorKeys = keyof typeof accessManagementModePalette;
+export type AccessManagementModeColors = `${Lowercase<AccessManagementModeColorKeys>}`;
 export declare const otherPalette: {
     readonly CYAN: {
         readonly 50: "236 254 255";
@@ -594,6 +623,33 @@ export declare const groupedPalettes: {
             readonly 800: "31 41 55";
         };
     };
+    readonly ACCESS_MANAGEMENT: {
+        readonly AM_BLOCKED: {
+            readonly 50: "254 242 242";
+            readonly 600: "220 38 38";
+            readonly 800: "153 27 27";
+        };
+        readonly AM_UNLOCKED: {
+            readonly 50: "236 254 255";
+            readonly 600: "8 145 178";
+            readonly 800: "21 94 117";
+        };
+        readonly AM_UNKNOWN: {
+            readonly 50: "249 250 251";
+            readonly 300: "209 213 219";
+            readonly 700: "55 65 81";
+        };
+        readonly AM_KEYREQUIRED: {
+            readonly 50: "255 251 235";
+            readonly 500: "245 158 11";
+            readonly 700: "180 83 9";
+        };
+        readonly AM_UNSUPPORTED: {
+            readonly 50: "249 250 251";
+            readonly 500: "107 114 128";
+            readonly 700: "55 65 81";
+        };
+    };
     readonly TAILWIND: {
         readonly CYAN: {
             readonly 50: "236 254 255";
@@ -737,6 +793,31 @@ export declare const trackunitPalette: {
     readonly NOTIFICATION_COUNTER_BACKGROUND: {
         readonly DEFAULT: "220 38 38";
     };
+    readonly AM_BLOCKED: {
+        readonly 50: "254 242 242";
+        readonly 600: "220 38 38";
+        readonly 800: "153 27 27";
+    };
+    readonly AM_UNLOCKED: {
+        readonly 50: "236 254 255";
+        readonly 600: "8 145 178";
+        readonly 800: "21 94 117";
+    };
+    readonly AM_UNKNOWN: {
+        readonly 50: "249 250 251";
+        readonly 300: "209 213 219";
+        readonly 700: "55 65 81";
+    };
+    readonly AM_KEYREQUIRED: {
+        readonly 50: "255 251 235";
+        readonly 500: "245 158 11";
+        readonly 700: "180 83 9";
+    };
+    readonly AM_UNSUPPORTED: {
+        readonly 50: "249 250 251";
+        readonly 500: "107 114 128";
+        readonly 700: "55 65 81";
+    };
     readonly SITE_AREA: {
         readonly 100: "219 234 254";
         readonly 600: "37 99 235";