@trackunit/css-tailwind 0.0.127 → 0.0.128
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/package.json
CHANGED
|
@@ -17,6 +17,16 @@ import { ThemeColorsObject } from "@trackunit/ui-design-tokens";
|
|
|
17
17
|
*/
|
|
18
18
|
export declare function themeColorsToVariableObjectDefinition(themeColors: ThemeColorsObject): {
|
|
19
19
|
[k: string]: {
|
|
20
|
+
readonly DEFAULT: string;
|
|
21
|
+
} | {
|
|
22
|
+
readonly DEFAULT: string;
|
|
23
|
+
readonly hover: string;
|
|
24
|
+
readonly active: string;
|
|
25
|
+
} | {
|
|
26
|
+
readonly DEFAULT: string;
|
|
27
|
+
readonly hover: string;
|
|
28
|
+
readonly active: string;
|
|
29
|
+
} | {
|
|
20
30
|
readonly AREA: string;
|
|
21
31
|
readonly CLASSIC_POI: string;
|
|
22
32
|
readonly CLASSIC_ZONE: string;
|
|
@@ -15,8 +15,10 @@
|
|
|
15
15
|
--z-overlay: 10;
|
|
16
16
|
--z-popover: 21;
|
|
17
17
|
--z-toast: 100;
|
|
18
|
+
--z-sidebar: 10000;
|
|
18
19
|
--spacing-responsive-space: var(--spacing-3);
|
|
19
20
|
--spacing-responsive-space-lg: var(--spacing-5);
|
|
21
|
+
--color-sidebar: var(--color-gray-900);
|
|
20
22
|
}
|
|
21
23
|
@media (min-width: 768px) {
|
|
22
24
|
:root {
|
|
@@ -681,6 +681,19 @@ var activityPalette = {
|
|
|
681
681
|
MOVING: { DEFAULT: "230 144 177" },
|
|
682
682
|
ACTIVE: { DEFAULT: "63 219 147" },
|
|
683
683
|
};
|
|
684
|
+
var themedPalette = {
|
|
685
|
+
MAIN_MENU_BACKGROUND: { DEFAULT: tailwindPalette.neutral["800"] },
|
|
686
|
+
MAIN_MENU_NAV_ITEM_BACKGROUND: {
|
|
687
|
+
DEFAULT: tailwindPalette.neutral["800"],
|
|
688
|
+
hover: tailwindPalette.neutral["700"],
|
|
689
|
+
active: tailwindPalette.neutral["700"],
|
|
690
|
+
},
|
|
691
|
+
MAIN_MENU_NAV_ITEM_FOREGROUND: {
|
|
692
|
+
DEFAULT: tailwindPalette.neutral["300"],
|
|
693
|
+
hover: generalPalette.WHITE.DEFAULT,
|
|
694
|
+
active: generalPalette.WHITE.DEFAULT,
|
|
695
|
+
},
|
|
696
|
+
};
|
|
684
697
|
var utilizationPalette = {
|
|
685
698
|
UNUSED: { 300: tailwindPalette.red["300"], 400: tailwindPalette.red["400"] },
|
|
686
699
|
UTILIZED: { 400: tailwindPalette.blue["400"], 600: tailwindPalette.blue["600"] },
|
|
@@ -733,6 +746,8 @@ var trackunitPalette = {
|
|
|
733
746
|
...customerTypePalette,
|
|
734
747
|
// Sites
|
|
735
748
|
...sitesPalette,
|
|
749
|
+
// Themed
|
|
750
|
+
...themedPalette,
|
|
736
751
|
};
|
|
737
752
|
|
|
738
753
|
// libs/ui/design-tokens/src/tokens/colors/colors.ts
|
|
@@ -775,6 +790,15 @@ var themeColors = {
|
|
|
775
790
|
RENTAL: { name: "rental", variants: trackunitPalette.RENTAL },
|
|
776
791
|
SERVICE: { name: "service", variants: trackunitPalette.SERVICE },
|
|
777
792
|
OTHER_CUSTOMER_TYPE: { name: "other_customer_type", variants: trackunitPalette.OTHER_CUSTOMER_TYPE },
|
|
793
|
+
MAIN_MENU_BACKGROUND: { name: "main_menu_background", variants: trackunitPalette.MAIN_MENU_BACKGROUND },
|
|
794
|
+
MAIN_MENU_NAV_ITEM_BACKGROUND: {
|
|
795
|
+
name: "main_menu_nav_item_background",
|
|
796
|
+
variants: trackunitPalette.MAIN_MENU_NAV_ITEM_BACKGROUND,
|
|
797
|
+
},
|
|
798
|
+
MAIN_MENU_NAV_ITEM_FOREGROUND: {
|
|
799
|
+
name: "main_menu_nav_item_foreground",
|
|
800
|
+
variants: trackunitPalette.MAIN_MENU_NAV_ITEM_FOREGROUND,
|
|
801
|
+
},
|
|
778
802
|
};
|
|
779
803
|
|
|
780
804
|
// libs/ui/design-tokens/src/tokens/elevation.ts
|