@trackunit/ui-design-tokens 1.4.40 → 1.4.42
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.
- package/index.cjs.js +11 -9
- package/index.esm.js +11 -9
- package/package.json +1 -1
- package/src/tokens/colors/trackunitPalette.d.ts +36 -0
package/index.cjs.js
CHANGED
|
@@ -458,6 +458,7 @@ const otherPalette = {
|
|
|
458
458
|
LIME: tailwindPalette.lime,
|
|
459
459
|
ORANGE: tailwindPalette.orange,
|
|
460
460
|
PINK: tailwindPalette.pink,
|
|
461
|
+
VIOLET: tailwindPalette.violet,
|
|
461
462
|
};
|
|
462
463
|
/**
|
|
463
464
|
* Grouped Theme Colors
|
|
@@ -516,19 +517,19 @@ const themeColors = {
|
|
|
516
517
|
PRIMARY: { name: "primary", variants: trackunitPalette.PRIMARY },
|
|
517
518
|
BLACK: { name: "black", variants: trackunitPalette.BLACK, defaultVariant: "DEFAULT" },
|
|
518
519
|
WHITE: { name: "white", variants: trackunitPalette.WHITE, defaultVariant: "DEFAULT" },
|
|
519
|
-
INFO: { name: "info", variants: trackunitPalette.INFO },
|
|
520
|
-
SUCCESS: { name: "success", variants: trackunitPalette.SUCCESS },
|
|
521
|
-
WARNING: { name: "warning", variants: trackunitPalette.WARNING },
|
|
522
|
-
DANGER: { name: "danger", variants: trackunitPalette.DANGER },
|
|
523
|
-
GOOD: { name: "good", variants: trackunitPalette.GOOD },
|
|
524
|
-
LOW: { name: "low", variants: trackunitPalette.LOW },
|
|
525
|
-
CRITICAL: { name: "critical", variants: trackunitPalette.CRITICAL },
|
|
520
|
+
INFO: { name: "info", variants: trackunitPalette.INFO, defaultVariant: 600 },
|
|
521
|
+
SUCCESS: { name: "success", variants: trackunitPalette.SUCCESS, defaultVariant: 600 },
|
|
522
|
+
WARNING: { name: "warning", variants: trackunitPalette.WARNING, defaultVariant: 500 },
|
|
523
|
+
DANGER: { name: "danger", variants: trackunitPalette.DANGER, defaultVariant: 600 },
|
|
524
|
+
GOOD: { name: "good", variants: trackunitPalette.GOOD, defaultVariant: 500 },
|
|
525
|
+
LOW: { name: "low", variants: trackunitPalette.LOW, defaultVariant: 500 },
|
|
526
|
+
CRITICAL: { name: "critical", variants: trackunitPalette.CRITICAL, defaultVariant: 500 },
|
|
526
527
|
WORKING: { name: "working", variants: trackunitPalette.WORKING, defaultVariant: 500 },
|
|
527
528
|
IDLE: { name: "idle", variants: trackunitPalette.IDLE, defaultVariant: 500 },
|
|
528
529
|
EXCESSIVE_USAGE: { name: "excessive_usage", variants: tailwindPalette.red, defaultVariant: 500 },
|
|
529
530
|
STOPPED: { name: "stopped", variants: trackunitPalette.STOPPED, defaultVariant: 700 },
|
|
530
|
-
ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE },
|
|
531
|
-
MOVING: { name: "moving", variants: trackunitPalette.MOVING },
|
|
531
|
+
ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE, defaultVariant: 600 },
|
|
532
|
+
MOVING: { name: "moving", variants: trackunitPalette.MOVING, defaultVariant: 500 },
|
|
532
533
|
UNKNOWN: { name: "unknown", variants: trackunitPalette.UNKNOWN, defaultVariant: 400 },
|
|
533
534
|
AVAILABLE: { name: "available", variants: trackunitPalette.AVAILABLE },
|
|
534
535
|
UNUSED: { name: "unused", variants: trackunitPalette.UNUSED },
|
|
@@ -573,6 +574,7 @@ const themeColors = {
|
|
|
573
574
|
LIME: { name: "lime", variants: tailwindPalette.lime },
|
|
574
575
|
ORANGE: { name: "orange", variants: tailwindPalette.orange },
|
|
575
576
|
PINK: { name: "pink", variants: tailwindPalette.pink },
|
|
577
|
+
VIOLET: { name: "violet", variants: tailwindPalette.violet },
|
|
576
578
|
};
|
|
577
579
|
|
|
578
580
|
const outputOptions = ["HEX", "CSS"];
|
package/index.esm.js
CHANGED
|
@@ -456,6 +456,7 @@ const otherPalette = {
|
|
|
456
456
|
LIME: tailwindPalette.lime,
|
|
457
457
|
ORANGE: tailwindPalette.orange,
|
|
458
458
|
PINK: tailwindPalette.pink,
|
|
459
|
+
VIOLET: tailwindPalette.violet,
|
|
459
460
|
};
|
|
460
461
|
/**
|
|
461
462
|
* Grouped Theme Colors
|
|
@@ -514,19 +515,19 @@ const themeColors = {
|
|
|
514
515
|
PRIMARY: { name: "primary", variants: trackunitPalette.PRIMARY },
|
|
515
516
|
BLACK: { name: "black", variants: trackunitPalette.BLACK, defaultVariant: "DEFAULT" },
|
|
516
517
|
WHITE: { name: "white", variants: trackunitPalette.WHITE, defaultVariant: "DEFAULT" },
|
|
517
|
-
INFO: { name: "info", variants: trackunitPalette.INFO },
|
|
518
|
-
SUCCESS: { name: "success", variants: trackunitPalette.SUCCESS },
|
|
519
|
-
WARNING: { name: "warning", variants: trackunitPalette.WARNING },
|
|
520
|
-
DANGER: { name: "danger", variants: trackunitPalette.DANGER },
|
|
521
|
-
GOOD: { name: "good", variants: trackunitPalette.GOOD },
|
|
522
|
-
LOW: { name: "low", variants: trackunitPalette.LOW },
|
|
523
|
-
CRITICAL: { name: "critical", variants: trackunitPalette.CRITICAL },
|
|
518
|
+
INFO: { name: "info", variants: trackunitPalette.INFO, defaultVariant: 600 },
|
|
519
|
+
SUCCESS: { name: "success", variants: trackunitPalette.SUCCESS, defaultVariant: 600 },
|
|
520
|
+
WARNING: { name: "warning", variants: trackunitPalette.WARNING, defaultVariant: 500 },
|
|
521
|
+
DANGER: { name: "danger", variants: trackunitPalette.DANGER, defaultVariant: 600 },
|
|
522
|
+
GOOD: { name: "good", variants: trackunitPalette.GOOD, defaultVariant: 500 },
|
|
523
|
+
LOW: { name: "low", variants: trackunitPalette.LOW, defaultVariant: 500 },
|
|
524
|
+
CRITICAL: { name: "critical", variants: trackunitPalette.CRITICAL, defaultVariant: 500 },
|
|
524
525
|
WORKING: { name: "working", variants: trackunitPalette.WORKING, defaultVariant: 500 },
|
|
525
526
|
IDLE: { name: "idle", variants: trackunitPalette.IDLE, defaultVariant: 500 },
|
|
526
527
|
EXCESSIVE_USAGE: { name: "excessive_usage", variants: tailwindPalette.red, defaultVariant: 500 },
|
|
527
528
|
STOPPED: { name: "stopped", variants: trackunitPalette.STOPPED, defaultVariant: 700 },
|
|
528
|
-
ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE },
|
|
529
|
-
MOVING: { name: "moving", variants: trackunitPalette.MOVING },
|
|
529
|
+
ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE, defaultVariant: 600 },
|
|
530
|
+
MOVING: { name: "moving", variants: trackunitPalette.MOVING, defaultVariant: 500 },
|
|
530
531
|
UNKNOWN: { name: "unknown", variants: trackunitPalette.UNKNOWN, defaultVariant: 400 },
|
|
531
532
|
AVAILABLE: { name: "available", variants: trackunitPalette.AVAILABLE },
|
|
532
533
|
UNUSED: { name: "unused", variants: trackunitPalette.UNUSED },
|
|
@@ -571,6 +572,7 @@ const themeColors = {
|
|
|
571
572
|
LIME: { name: "lime", variants: tailwindPalette.lime },
|
|
572
573
|
ORANGE: { name: "orange", variants: tailwindPalette.orange },
|
|
573
574
|
PINK: { name: "pink", variants: tailwindPalette.pink },
|
|
575
|
+
VIOLET: { name: "violet", variants: tailwindPalette.violet },
|
|
574
576
|
};
|
|
575
577
|
|
|
576
578
|
const outputOptions = ["HEX", "CSS"];
|
package/package.json
CHANGED
|
@@ -582,6 +582,18 @@ export declare const otherPalette: {
|
|
|
582
582
|
readonly 800: "157 23 77";
|
|
583
583
|
readonly 900: "131 24 67";
|
|
584
584
|
};
|
|
585
|
+
readonly VIOLET: {
|
|
586
|
+
readonly 50: "245 243 255";
|
|
587
|
+
readonly 100: "237 233 254";
|
|
588
|
+
readonly 200: "221 214 254";
|
|
589
|
+
readonly 300: "196 181 253";
|
|
590
|
+
readonly 400: "167 139 250";
|
|
591
|
+
readonly 500: "139 92 246";
|
|
592
|
+
readonly 600: "124 58 237";
|
|
593
|
+
readonly 700: "109 40 217";
|
|
594
|
+
readonly 800: "91 33 182";
|
|
595
|
+
readonly 900: "76 29 149";
|
|
596
|
+
};
|
|
585
597
|
};
|
|
586
598
|
export type OtherColorKeys = keyof typeof otherPalette;
|
|
587
599
|
export type OtherColors = `${Lowercase<OtherColorKeys>}`;
|
|
@@ -1078,6 +1090,18 @@ export declare const groupedPalettes: {
|
|
|
1078
1090
|
readonly 800: "157 23 77";
|
|
1079
1091
|
readonly 900: "131 24 67";
|
|
1080
1092
|
};
|
|
1093
|
+
readonly VIOLET: {
|
|
1094
|
+
readonly 50: "245 243 255";
|
|
1095
|
+
readonly 100: "237 233 254";
|
|
1096
|
+
readonly 200: "221 214 254";
|
|
1097
|
+
readonly 300: "196 181 253";
|
|
1098
|
+
readonly 400: "167 139 250";
|
|
1099
|
+
readonly 500: "139 92 246";
|
|
1100
|
+
readonly 600: "124 58 237";
|
|
1101
|
+
readonly 700: "109 40 217";
|
|
1102
|
+
readonly 800: "91 33 182";
|
|
1103
|
+
readonly 900: "76 29 149";
|
|
1104
|
+
};
|
|
1081
1105
|
};
|
|
1082
1106
|
};
|
|
1083
1107
|
/**
|
|
@@ -1132,6 +1156,18 @@ export declare const trackunitPalette: {
|
|
|
1132
1156
|
readonly 800: "157 23 77";
|
|
1133
1157
|
readonly 900: "131 24 67";
|
|
1134
1158
|
};
|
|
1159
|
+
readonly VIOLET: {
|
|
1160
|
+
readonly 50: "245 243 255";
|
|
1161
|
+
readonly 100: "237 233 254";
|
|
1162
|
+
readonly 200: "221 214 254";
|
|
1163
|
+
readonly 300: "196 181 253";
|
|
1164
|
+
readonly 400: "167 139 250";
|
|
1165
|
+
readonly 500: "139 92 246";
|
|
1166
|
+
readonly 600: "124 58 237";
|
|
1167
|
+
readonly 700: "109 40 217";
|
|
1168
|
+
readonly 800: "91 33 182";
|
|
1169
|
+
readonly 900: "76 29 149";
|
|
1170
|
+
};
|
|
1135
1171
|
readonly MAIN_MENU_BACKGROUND: {
|
|
1136
1172
|
readonly DEFAULT: "38 38 38";
|
|
1137
1173
|
};
|