asma-ui-datetime 0.0.0

package/tw-configs/twConfigs.json

@@ -0,0 +1,113 @@
+{
+    "fontFamily": {
+        "sans": ["Roboto"],
+        "roboto": ["Roboto"]
+    },
+    "colors": {
+        "inherit": "inherit",
+        "textcolor-component": "var(--colors-text-component)",
+        "color-active-component": "var(--colors-active-component)",
+        "alpha-100": "var(--colors-alpha-100)",
+        "alpha-500": "var(--colors-alpha-500)",
+        "alpha-600": "var(--colors-alpha-600)",
+        "alpha-700": "var(--colors-alpha-700)",
+        "beta-100": "var(--colors-beta-100)",
+        "beta-500": "var(--colors-beta-500)",
+        "beta-600": "var(--colors-beta-600)",
+        "beta-700": "var(--colors-beta-700)",
+        "gama-25": "var(--colors-gama-25)",
+        "gama-50": "var(--colors-gama-50)",
+        "gama-100": "var(--colors-gama-100)",
+        "gama-200": "var(--colors-gama-200)",
+        "gama-300": "var(--colors-gama-300)",
+        "gama-400": "var(--colors-gama-400)",
+        "gama-500": "var(--colors-gama-500)",
+        "gama-600": "var(--colors-gama-600)",
+        "gama-700": "var(--colors-gama-700)",
+        "gama-800": "var(--colors-gama-800)",
+        "delta-10": "var(--colors-delta-10)",
+        "delta-50": "var(--colors-delta-50)",
+        "delta-100": "var(--colors-delta-100)",
+        "delta-200": "var(--colors-delta-200)",
+        "delta-300": "var(--colors-delta-300)",
+        "delta-400": "var(--colors-delta-400)",
+        "delta-500": "var(--colors-delta-500)",
+        "delta-600": "var(--colors-delta-600)",
+        "delta-700": "var(--colors-delta-700)",
+        "delta-800": "var(--colors-delta-800)",
+        "delta-900": "var(--colors-delta-900)",
+        "delta-9000": "var(--colors-gray-9000)",
+        "sigma-700": "var(--colors-sigma-700)",
+        "theta-100": "var(--colors-theta-100)",
+        "theta-200": "var(--colors-theta-200)",
+        "theta-300": "var(--colors-theta-300)",
+        "theta-400": "var(--colors-theta-400)",
+        "theta-500": "var(--colors-theta-500)",
+        "theta-600": "var(--colors-theta-600)",
+        "theta-700": "var(--colors-theta-700)",
+        "theta-800": "var(--colors-theta-800)",
+        "theta-hover": "var(--colors-theta-hover)",
+        "btn-bg": "var(--colors-btn-bg-standart)",
+        "btn-bg-active": "var(--colors-btn-bg-active)",
+        "btn-bg-hover": "var(--colors-btn-bg-hover)",
+        "btn-bg-disabled": "var(--colors-btn-bg-disabled)",
+        "btn-bg-danger": "var(--colors-btn-bg-danger)",
+        "btn-bg-danger-active": "var(--colors-btn-bg-danger-active)",
+        "btn-task-status-bg": "var(--colors-btn-task-status-bg)",
+        "btn-bg-mini-action": "var(--colors-btn-bg-mini-action)",
+        "btn-bg-mini-action-hover": "var(--colors-btn-bg-mini-action-hover)",
+
+        "chat-ticket-message-bg": "var(--colors-chat-ticket-message-bg)",
+        "colors-topbar-text": "var(--colors-topbar-text)",
+        "custom-grey-01": "hsl(var(--color-cardea--grey-01) / <alpha-value>)",
+        "custom-grey-02": "hsl(var(--color-cardea--grey-02) / <alpha-value>)",
+        "custom-grey-03": "hsl(var(--color-cardea--grey-03) / <alpha-value>)",
+        "custom-grey-04": "hsl(var(--color-cardea--grey-04) / <alpha-value>)",
+        "custom-grey-06": "hsl(var(--color-cardea--grey-06) / <alpha-value>)"
+    },
+    "boxShadow": {
+        "ash": "-1px 8px 18px -20px black",
+        "mui": "0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)"
+    },
+    "animation": {
+        "slide-in": "slide-in 0.3s linear",
+        "slide-out": "slide-out 0.3s linear",
+        "opacity-in": "opacity-in 0.1s linear",
+        "opacity-in-5": "opacity-in 0.5s linear",
+        "opacity-appear-3": "opacity-appear 0.3s linear",
+        "opacity-out": "opacity-out 0.3s linear"
+    },
+    "keyframes": {
+        "slide-in": {
+            "0%": { "margin": "0 0 0 -320px" },
+            "100%": { "margin": "0" }
+        },
+        "slide-out": {
+            "0%": { "margin": "0" },
+            "100%": { "margin": "0 0 0 -320px" }
+        },
+        "opacity-in": {
+            "0%": {
+                "opacity": "0",
+                "height": "100%"
+            },
+            "100%": {
+                "opacity": "1",
+                "height": "100%"
+            }
+        },
+        "opacity-appear": {
+            "0%": {
+                "opacity": "0"
+            },
+            "100%": {
+                "opacity": "1"
+            }
+        },
+        "opacity-out": {
+            "0%": { "opacity": "1", "height": "100%" },
+            "60%": { "opacity": "1", "height": "100%" },
+            "100%": { "opacity": "0", "height": "100%" }
+        }
+    }
+}