@trackunit/ui-design-tokens 1.4.5 → 1.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/index.cjs.js +5 -5
  2. package/index.esm.js +5 -5
  3. package/package.json +1 -1
  4. package/src/tokens/chartColorsDefault.d.ts +2 -2
  5. package/src/tokens/colors/trackunitPalette.d.ts +33 -33
package/index.cjs.js CHANGED
@@ -396,7 +396,7 @@ const activityPalette = {
396
396
  UNKNOWN: tailwindPalette.gray,
397
397
  MOVING: tailwindPalette.green,
398
398
  ACTIVE: tailwindPalette.green,
399
- OUT_OF_CONTRACT: tailwindPalette.amber,
399
+ EXCESSIVE_USAGE: tailwindPalette.red,
400
400
  };
401
401
  /**
402
402
  * The Themed color palette
@@ -525,6 +525,7 @@ const themeColors = {
525
525
  CRITICAL: { name: "critical", variants: trackunitPalette.CRITICAL },
526
526
  WORKING: { name: "working", variants: trackunitPalette.WORKING, defaultVariant: 500 },
527
527
  IDLE: { name: "idle", variants: trackunitPalette.IDLE, defaultVariant: 500 },
528
+ EXCESSIVE_USAGE: { name: "excessive_usage", variants: tailwindPalette.red, defaultVariant: 500 },
528
529
  STOPPED: { name: "stopped", variants: trackunitPalette.STOPPED, defaultVariant: 700 },
529
530
  ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE },
530
531
  MOVING: { name: "moving", variants: trackunitPalette.MOVING },
@@ -572,7 +573,6 @@ const themeColors = {
572
573
  LIME: { name: "lime", variants: tailwindPalette.lime },
573
574
  ORANGE: { name: "orange", variants: tailwindPalette.orange },
574
575
  PINK: { name: "pink", variants: tailwindPalette.pink },
575
- OUT_OF_CONTRACT: { name: "out_of_contract", variants: tailwindPalette.amber, defaultVariant: 300 },
576
576
  };
577
577
 
578
578
  const outputOptions = ["HEX", "CSS"];
@@ -627,9 +627,9 @@ const DEFAULT_CHART_COLORS = [
627
627
  rgbStringToHex(tailwindPalette.violet[400]),
628
628
  rgbStringToHex(tailwindPalette.orange[500]),
629
629
  rgbStringToHex(tailwindPalette.lime[400]),
630
- rgbStringToHex(tailwindPalette.amber[300]),
630
+ rgbStringToHex(tailwindPalette.red[500]),
631
631
  ];
632
- const { CRITICAL, LOW, GOOD, WORKING, IDLE, STOPPED, OUT_OF_CONTRACT } = themeColors;
632
+ const { CRITICAL, LOW, GOOD, WORKING, IDLE, STOPPED, EXCESSIVE_USAGE } = themeColors;
633
633
  const CHART_STATUS_COLORS = {
634
634
  CRITICAL: rgbStringToHex(CRITICAL.variants[500]),
635
635
  LOW: rgbStringToHex(LOW.variants[500]),
@@ -637,7 +637,7 @@ const CHART_STATUS_COLORS = {
637
637
  WORKING: rgbStringToHex(WORKING.variants[500]),
638
638
  IDLE: rgbStringToHex(IDLE.variants[500]),
639
639
  STOPPED: rgbStringToHex(STOPPED.variants[500]),
640
- OUT_OF_CONTRACT: rgbStringToHex(OUT_OF_CONTRACT.variants[300]),
640
+ EXCESSIVE_USAGE: rgbStringToHex(EXCESSIVE_USAGE.variants[500]),
641
641
  };
642
642
 
643
643
  /**
package/index.esm.js CHANGED
@@ -394,7 +394,7 @@ const activityPalette = {
394
394
  UNKNOWN: tailwindPalette.gray,
395
395
  MOVING: tailwindPalette.green,
396
396
  ACTIVE: tailwindPalette.green,
397
- OUT_OF_CONTRACT: tailwindPalette.amber,
397
+ EXCESSIVE_USAGE: tailwindPalette.red,
398
398
  };
399
399
  /**
400
400
  * The Themed color palette
@@ -523,6 +523,7 @@ const themeColors = {
523
523
  CRITICAL: { name: "critical", variants: trackunitPalette.CRITICAL },
524
524
  WORKING: { name: "working", variants: trackunitPalette.WORKING, defaultVariant: 500 },
525
525
  IDLE: { name: "idle", variants: trackunitPalette.IDLE, defaultVariant: 500 },
526
+ EXCESSIVE_USAGE: { name: "excessive_usage", variants: tailwindPalette.red, defaultVariant: 500 },
526
527
  STOPPED: { name: "stopped", variants: trackunitPalette.STOPPED, defaultVariant: 700 },
527
528
  ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE },
528
529
  MOVING: { name: "moving", variants: trackunitPalette.MOVING },
@@ -570,7 +571,6 @@ const themeColors = {
570
571
  LIME: { name: "lime", variants: tailwindPalette.lime },
571
572
  ORANGE: { name: "orange", variants: tailwindPalette.orange },
572
573
  PINK: { name: "pink", variants: tailwindPalette.pink },
573
- OUT_OF_CONTRACT: { name: "out_of_contract", variants: tailwindPalette.amber, defaultVariant: 300 },
574
574
  };
575
575
 
576
576
  const outputOptions = ["HEX", "CSS"];
@@ -625,9 +625,9 @@ const DEFAULT_CHART_COLORS = [
625
625
  rgbStringToHex(tailwindPalette.violet[400]),
626
626
  rgbStringToHex(tailwindPalette.orange[500]),
627
627
  rgbStringToHex(tailwindPalette.lime[400]),
628
- rgbStringToHex(tailwindPalette.amber[300]),
628
+ rgbStringToHex(tailwindPalette.red[500]),
629
629
  ];
630
- const { CRITICAL, LOW, GOOD, WORKING, IDLE, STOPPED, OUT_OF_CONTRACT } = themeColors;
630
+ const { CRITICAL, LOW, GOOD, WORKING, IDLE, STOPPED, EXCESSIVE_USAGE } = themeColors;
631
631
  const CHART_STATUS_COLORS = {
632
632
  CRITICAL: rgbStringToHex(CRITICAL.variants[500]),
633
633
  LOW: rgbStringToHex(LOW.variants[500]),
@@ -635,7 +635,7 @@ const CHART_STATUS_COLORS = {
635
635
  WORKING: rgbStringToHex(WORKING.variants[500]),
636
636
  IDLE: rgbStringToHex(IDLE.variants[500]),
637
637
  STOPPED: rgbStringToHex(STOPPED.variants[500]),
638
- OUT_OF_CONTRACT: rgbStringToHex(OUT_OF_CONTRACT.variants[300]),
638
+ EXCESSIVE_USAGE: rgbStringToHex(EXCESSIVE_USAGE.variants[500]),
639
639
  };
640
640
 
641
641
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/ui-design-tokens",
3
- "version": "1.4.5",
3
+ "version": "1.4.6",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
package/src/tokens/chartColorsDefault.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  declare type ColorString = string;
2
2
  export declare const DEFAULT_CHART_OTHER: ColorString;
3
3
  export declare const DEFAULT_CHART_COLORS: [string, string, string, string, string, string, string];
4
- export type ChartStatus = "CRITICAL" | "LOW" | "GOOD" | "WORKING" | "IDLE" | "STOPPED" | "OUT_OF_CONTRACT";
4
+ export type ChartStatus = "CRITICAL" | "LOW" | "GOOD" | "WORKING" | "IDLE" | "STOPPED" | "EXCESSIVE_USAGE";
5
5
  export declare const CHART_STATUS_COLORS: {
6
6
  readonly CRITICAL: string;
7
7
  readonly LOW: string;
@@ -9,6 +9,6 @@ export declare const CHART_STATUS_COLORS: {
9
9
  readonly WORKING: string;
10
10
  readonly IDLE: string;
11
11
  readonly STOPPED: string;
12
- readonly OUT_OF_CONTRACT: string;
12
+ readonly EXCESSIVE_USAGE: string;
13
13
  };
14
14
  export {};
package/src/tokens/colors/trackunitPalette.d.ts CHANGED
@@ -237,17 +237,17 @@ export declare const activityPalette: {
237
237
  readonly 800: "22 101 52";
238
238
  readonly 900: "20 83 45";
239
239
  };
240
- readonly OUT_OF_CONTRACT: {
241
- readonly 50: "255 251 235";
242
- readonly 100: "254 243 199";
243
- readonly 200: "253 230 138";
244
- readonly 300: "252 211 77";
245
- readonly 400: "251 191 36";
246
- readonly 500: "245 158 11";
247
- readonly 600: "217 119 6";
248
- readonly 700: "180 83 9";
249
- readonly 800: "146 64 14";
250
- readonly 900: "120 53 15";
240
+ readonly EXCESSIVE_USAGE: {
241
+ readonly 50: "254 242 242";
242
+ readonly 100: "254 226 226";
243
+ readonly 200: "254 202 202";
244
+ readonly 300: "252 165 165";
245
+ readonly 400: "248 113 113";
246
+ readonly 500: "239 68 68";
247
+ readonly 600: "220 38 38";
248
+ readonly 700: "185 28 28";
249
+ readonly 800: "153 27 27";
250
+ readonly 900: "127 29 29";
251
251
  };
252
252
  };
253
253
  /**
@@ -794,17 +794,17 @@ export declare const groupedPalettes: {
794
794
  readonly 800: "22 101 52";
795
795
  readonly 900: "20 83 45";
796
796
  };
797
- readonly OUT_OF_CONTRACT: {
798
- readonly 50: "255 251 235";
799
- readonly 100: "254 243 199";
800
- readonly 200: "253 230 138";
801
- readonly 300: "252 211 77";
802
- readonly 400: "251 191 36";
803
- readonly 500: "245 158 11";
804
- readonly 600: "217 119 6";
805
- readonly 700: "180 83 9";
806
- readonly 800: "146 64 14";
807
- readonly 900: "120 53 15";
797
+ readonly EXCESSIVE_USAGE: {
798
+ readonly 50: "254 242 242";
799
+ readonly 100: "254 226 226";
800
+ readonly 200: "254 202 202";
801
+ readonly 300: "252 165 165";
802
+ readonly 400: "248 113 113";
803
+ readonly 500: "239 68 68";
804
+ readonly 600: "220 38 38";
805
+ readonly 700: "185 28 28";
806
+ readonly 800: "153 27 27";
807
+ readonly 900: "127 29 29";
808
808
  };
809
809
  };
810
810
  readonly UTILIZATION: {
@@ -1436,17 +1436,17 @@ export declare const trackunitPalette: {
1436
1436
  readonly 800: "22 101 52";
1437
1437
  readonly 900: "20 83 45";
1438
1438
  };
1439
- readonly OUT_OF_CONTRACT: {
1440
- readonly 50: "255 251 235";
1441
- readonly 100: "254 243 199";
1442
- readonly 200: "253 230 138";
1443
- readonly 300: "252 211 77";
1444
- readonly 400: "251 191 36";
1445
- readonly 500: "245 158 11";
1446
- readonly 600: "217 119 6";
1447
- readonly 700: "180 83 9";
1448
- readonly 800: "146 64 14";
1449
- readonly 900: "120 53 15";
1439
+ readonly EXCESSIVE_USAGE: {
1440
+ readonly 50: "254 242 242";
1441
+ readonly 100: "254 226 226";
1442
+ readonly 200: "254 202 202";
1443
+ readonly 300: "252 165 165";
1444
+ readonly 400: "248 113 113";
1445
+ readonly 500: "239 68 68";
1446
+ readonly 600: "220 38 38";
1447
+ readonly 700: "185 28 28";
1448
+ readonly 800: "153 27 27";
1449
+ readonly 900: "127 29 29";
1450
1450
  };
1451
1451
  readonly GOOD: {
1452
1452
  readonly 50: "240 253 244";