@trackunit/css-tailwind 1.7.7 → 1.7.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/css-tailwind",
-  "version": "1.7.7",
+  "version": "1.7.10",
   "main": "./index.cjs.js",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
@@ -9,10 +9,10 @@
   },
   "dependencies": {
     "tailwindcss": "3.4.3",
-    "@trackunit/css-component-tokens": "1.7.7",
-    "@trackunit/css-tailwind-custom-properties-plugin": "1.7.7",
-    "@trackunit/ui-design-tokens": "1.7.7",
-    "@trackunit/css-core": "1.7.7",
+    "@trackunit/css-component-tokens": "1.7.10",
+    "@trackunit/css-tailwind-custom-properties-plugin": "1.7.10",
+    "@trackunit/ui-design-tokens": "1.7.10",
+    "@trackunit/css-core": "1.7.10",
     "@tailwindcss/typography": "^0.5.10"
   },
   "type": "commonjs",

package/tailwind-base.generated.css

@@ -431,7 +431,7 @@
   --spacing-responsive-space-sm: var(--spacing-1);
   --spacing-responsive-space: var(--spacing-3);
   --spacing-responsive-space-lg: var(--spacing-5);
-  --color-sidebar: var(--color-gray-900);
+  --color-sidebar: var(--color-neutral-900);
 }
 @media (min-width: 768px) {
   :root {

package/tailwind-base.generated.js

@@ -7299,13 +7299,13 @@ var BaseInput_tokens_default = BaseInputTokenDefinition;
 // libs/css/component-tokens/src/component-tokens/components/Button.tokens.ts
 var ButtonTokenDefinition = AsComponentTokenDefinition({
   DEFAULT: {
-    "secondary-color": { backgroundColor: "rgb(var(--color-secondary-200))", color: "rgb(var(--color-secondary-600))" },
+    "secondary-color": { backgroundColor: "rgb(var(--color-neutral-200))", color: "rgb(var(--color-neutral-600))" },
     border: { borderRadius: "var(--border-radius-lg)" },
     height: { height: "auto" },
     padding: { paddingLeft: "var(--spacing-2-5)", paddingRight: "var(--spacing-2-5)" },
   },
   "theme-marketing": {
-    "secondary-color": { backgroundColor: "rgb(var(--color-secondary-600))", color: "rgb(var(--color-secondary-50))" },
+    "secondary-color": { backgroundColor: "rgb(var(--color-neutral-600))", color: "rgb(var(--color-neutral-50))" },
     border: { borderRadius: "50px" },
     height: { height: "55px" },
     padding: { paddingLeft: "var(--spacing-12)", paddingRight: "var(--spacing-12)" },
@@ -7315,7 +7315,7 @@ var ButtonTokenDefinition = AsComponentTokenDefinition({
 // libs/css/component-tokens/src/component-tokens/components/Card.tokens.ts
 var CardTokenDefinition = AsComponentTokenDefinition({
   DEFAULT: {
-    border: { borderColor: "rgb(var(--color-secondary-200))", borderRadius: "var(--border-radius-lg)" },
+    border: { borderColor: "rgb(var(--color-neutral-200))", borderRadius: "var(--border-radius-lg)" },
     "popover-border": { borderRadius: "var(--border-radius-lg)" },
     shadow: { boxShadow: "var(--box-shadow-none)" },
     spacing: { gap: "var(--spacing-3)", padding: "var(--spacing-3)" },
@@ -7376,26 +7376,26 @@ var SearchTokenDefinition = AsComponentTokenDefinition({
     "focus-hover": {
       borderWidth: "1px",
       borderBottomWidth: "1px",
-      borderColor: "rgb(var(--color-gray-400))",
-      borderBottomColor: "rgb(var(--color-gray-400))",
-      backgroundColor: "rgb(var(--color-slate-50))",
+      borderColor: "rgb(var(--color-neutral-400))",
+      borderBottomColor: "rgb(var(--color-neutral-400))",
+      backgroundColor: "rgb(var(--color-neutral-50))",
     },
     border: {
       borderStyle: "solid",
       borderWidth: "1px",
       borderBottomWidth: "1px",
-      borderColor: "rgb(var(--color-gray-200))",
-      borderBottomColor: "rgb(var(--color-gray-200))",
+      borderColor: "rgb(var(--color-neutral-200))",
+      borderBottomColor: "rgb(var(--color-neutral-200))",
       borderRadius: "0.5rem",
     },
     "focus-within": {
-      borderColor: "rgb(var(--color-slate-400))",
+      borderColor: "rgb(var(--color-neutral-400))",
       boxShadow: "var(--tw-ring-inset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)",
     },
-    widen: { borderBottomColor: "rgb(var(--color-gray-400))" },
-    "widen-focus": { borderBottomColor: "rgb(var(--color-gray-400))" },
+    widen: { borderBottomColor: "rgb(var(--color-neutral-400))" },
+    "widen-focus": { borderBottomColor: "rgb(var(--color-neutral-400))" },
     prefix: {
-      color: "rgb(var(--color-slate-400))",
+      color: "rgb(var(--color-neutral-400))",
       cursor: "default",
     },
   },
@@ -7416,8 +7416,8 @@ var SearchTokenDefinition = AsComponentTokenDefinition({
       borderStyle: "solid",
       borderWidth: "1px",
       borderBottomWidth: "1px",
-      borderColor: "rgb(var(--color-gray-300))",
-      borderBottomColor: "rgb(var(--color-gray-300))",
+      borderColor: "rgb(var(--color-neutral-300))",
+      borderBottomColor: "rgb(var(--color-neutral-300))",
       borderRadius: "0px",
     },
     "focus-within": {
@@ -7431,7 +7431,7 @@ var SearchTokenDefinition = AsComponentTokenDefinition({
       borderBottomColor: "rgb(var(--color-black-DEFAULT))",
     },
     prefix: {
-      color: "rgb(var(--color-slate-600))",
+      color: "rgb(var(--color-neutral-600))",
       cursor: "pointer",
     },
   },
@@ -8310,6 +8310,8 @@ var animations = {
     "modal-fade-fast": "modalFade 0.15s ease-in-out 1 forwards",
     "fade-in-rising": "fadeInRising 0.2s ease-in",
     "pulse-back": "pulseBack 4s infinite",
+    "widget-loader": "widgetLoaderRider 2s ease-in-out infinite",
+    "widget-loader-reverse": "widgetLoaderReverse 2s ease-in-out infinite",
   },
   keyframes: {
     modalFade: {
@@ -8385,6 +8387,38 @@ var animations = {
         "box-shadow": "0 0 0 0 rgba(0, 0, 0, 0)",
       },
     },
+    knightRider: {
+      "0%": {
+        transform: "translateX(-100%)",
+        opacity: "0",
+      },
+      "10%": {
+        opacity: "1",
+      },
+      "90%": {
+        opacity: "1",
+      },
+      "100%": {
+        transform: "translateX(100%)",
+        opacity: "0",
+      },
+    },
+    knightRiderReverse: {
+      "0%": {
+        transform: "translateX(100%)",
+        opacity: "0",
+      },
+      "10%": {
+        opacity: "0.6",
+      },
+      "90%": {
+        opacity: "0.6",
+      },
+      "100%": {
+        transform: "translateX(-100%)",
+        opacity: "0",
+      },
+    },
   },
 };