@trackunit/css-tailwind 0.0.35 → 0.0.38
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
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/css-tailwind",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.38",
|
|
4
4
|
"main": "./index.cjs",
|
|
5
5
|
"repository": "https://github.com/Trackunit/manager",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
7
7
|
"type": "commonjs",
|
|
8
8
|
"types": "./src/index.d.ts",
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@trackunit/ui-design-tokens": "0.0.
|
|
11
|
-
"@trackunit/css-component-tokens": "0.0.
|
|
12
|
-
"@trackunit/css-tailwind-custom-properties-plugin": "0.0.
|
|
13
|
-
"@trackunit/css-core": "0.0.
|
|
10
|
+
"@trackunit/ui-design-tokens": "0.0.58",
|
|
11
|
+
"@trackunit/css-component-tokens": "0.0.17",
|
|
12
|
+
"@trackunit/css-tailwind-custom-properties-plugin": "0.0.9",
|
|
13
|
+
"@trackunit/css-core": "0.0.71"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {}
|
|
16
16
|
}
|
|
@@ -17,6 +17,13 @@ import { ThemeColorsObject } from "@trackunit/ui-design-tokens";
|
|
|
17
17
|
*/
|
|
18
18
|
export declare function themeColorsToVariableObjectDefinition(themeColors: ThemeColorsObject): {
|
|
19
19
|
[k: string]: {
|
|
20
|
+
readonly AREA: string;
|
|
21
|
+
readonly CLASSIC_POI: string;
|
|
22
|
+
readonly CLASSIC_ZONE: string;
|
|
23
|
+
readonly DEPOT: string;
|
|
24
|
+
readonly WORK_PLACE: string;
|
|
25
|
+
readonly CONSTRUCTION_SITE: string;
|
|
26
|
+
} | {
|
|
20
27
|
readonly 100: string;
|
|
21
28
|
readonly 600: string;
|
|
22
29
|
} | {
|
|
@@ -684,7 +684,17 @@ var rentalStatusPalette = {
|
|
|
684
684
|
IN_REPAIR: { 100: "255 233 233", 600: "255 90 90" },
|
|
685
685
|
OTHER_RENTAL_STATUS: { 100: "238 239 239", 600: "151 154 154" }
|
|
686
686
|
};
|
|
687
|
-
var
|
|
687
|
+
var sitesPalette = {
|
|
688
|
+
SITE: {
|
|
689
|
+
AREA: tailwindPalette.blue["600"],
|
|
690
|
+
CLASSIC_POI: tailwindPalette.neutral["500"],
|
|
691
|
+
CLASSIC_ZONE: tailwindPalette.neutral["500"],
|
|
692
|
+
DEPOT: tailwindPalette.violet["600"],
|
|
693
|
+
WORK_PLACE: tailwindPalette.emerald["500"],
|
|
694
|
+
CONSTRUCTION_SITE: tailwindPalette.amber["500"]
|
|
695
|
+
}
|
|
696
|
+
};
|
|
697
|
+
var trackunitPalette = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, generalPalette), intentPalette), criticalityPalette), activityPalette), utilizationPalette), rentalStatusPalette), sitesPalette);
|
|
688
698
|
|
|
689
699
|
// libs/ui/design-tokens/src/tokens/colors/colors.ts
|
|
690
700
|
var themeColors = {
|
|
@@ -716,7 +726,8 @@ var themeColors = {
|
|
|
716
726
|
OTHER_RENTAL_STATUS: { name: "other_rental_status", variants: trackunitPalette.OTHER_RENTAL_STATUS },
|
|
717
727
|
PICKUP_READY: { name: "pickup_ready", variants: trackunitPalette.PICKUP_READY },
|
|
718
728
|
RETURNED: { name: "returned", variants: trackunitPalette.RETURNED },
|
|
719
|
-
TRANSFER: { name: "transfer", variants: trackunitPalette.TRANSFER }
|
|
729
|
+
TRANSFER: { name: "transfer", variants: trackunitPalette.TRANSFER },
|
|
730
|
+
SITE: { name: "site", variants: trackunitPalette.SITE }
|
|
720
731
|
};
|
|
721
732
|
|
|
722
733
|
// libs/css/tailwind/src/lib/animations.ts
|
|
@@ -730,7 +741,8 @@ var animations = {
|
|
|
730
741
|
"slide-in-right": "slideInRight 0.2s ease-in-out forwards",
|
|
731
742
|
"slide-in-top": "slideInTop 0.2s ease-in-out forwards",
|
|
732
743
|
"slide-in-bottom": "slideInBottom 0.2s ease-in-out forwards",
|
|
733
|
-
"ping-sm": "pingSm 1s cubic-bezier(0, 0, 0.2, 1) infinite"
|
|
744
|
+
"ping-sm": "pingSm 1s cubic-bezier(0, 0, 0.2, 1) infinite",
|
|
745
|
+
"bg-scroll-br": "bgScrollBR 10s ease infinite"
|
|
734
746
|
},
|
|
735
747
|
keyframes: {
|
|
736
748
|
copy: {
|
|
@@ -740,6 +752,11 @@ var animations = {
|
|
|
740
752
|
},
|
|
741
753
|
to: { color: "initial", "border-color": "initial" }
|
|
742
754
|
},
|
|
755
|
+
bgScrollBR: {
|
|
756
|
+
"0%": { "background-position": "7% 0%", "background-size": "200% 200%" },
|
|
757
|
+
"50%": { "background-position": "94% 100%", "background-size": "200% 200%" },
|
|
758
|
+
"100%": { "background-position": "7% 0%", "background-size": "200% 200%" }
|
|
759
|
+
},
|
|
743
760
|
fadeOut: {
|
|
744
761
|
"0%": { opacity: "1" },
|
|
745
762
|
"100%": { opacity: "0" }
|