@trackunit/css-tailwind 0.0.18 → 0.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/css-tailwind",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "main": "./index.cjs",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",

package/tailwind-base.generated.js

@@ -153,17 +153,63 @@ var import_plugin2 = __toESM(require_plugin());
 // libs/css/component-tokens/src/component-tokens/ComponentTokenDefinition.ts
 var AsComponentTokenDefinition = (designTokens) => designTokens;
 
+// 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))" },
+    border: { borderRadius: "var(--border-radius-lg)" },
+    height: { height: "auto" },
+    width: { width: "auto", minWidth: "auto" }
+  },
+  "theme-marketing": {
+    "secondary-color": { backgroundColor: "rgb(var(--color-secondary-600))", color: "rgb(var(--color-secondary-50))" },
+    border: { borderRadius: "50px" },
+    height: { height: "55px" },
+    width: { width: "min-content", minWidth: "158px" }
+  }
+});
+
 // libs/css/component-tokens/src/component-tokens/components/Card.tokens.ts
 var CardTokenDefinition = AsComponentTokenDefinition({
   DEFAULT: {
     border: { borderColor: "rgb(var(--color-slate-200))", borderRadius: "var(--border-radius-DEFAULT)" },
-    shadow: { boxShadow: "var(--box-shadow-DEFAULT)" }
+    "popover-border": { borderRadius: "var(--border-radius-DEFAULT)" },
+    shadow: { boxShadow: "var(--box-shadow-DEFAULT)" },
+    spacing: { gap: "var(--spacing-3)", padding: "var(--spacing-3)" },
+    "spacing-sm": { gap: "var(--spacing-4)", padding: "var(--spacing-4)" },
+    "spacing-md": { gap: "var(--spacing-4)", padding: "var(--spacing-6)" }
   },
   "theme-marketing": {
     border: { borderColor: "rgba(0, 0, 0, 0)", borderRadius: "2rem" },
-    shadow: { boxShadow: "0px 20px 48px rgba(73, 55, 54, 0.1)" }
+    "popover-border": { borderRadius: "1rem" },
+    shadow: { boxShadow: "0px 20px 48px rgba(73, 55, 54, 0.1)" },
+    spacing: { gap: "var(--spacing-1)", padding: "var(--spacing-1)" },
+    "spacing-sm": { gap: "var(--spacing-1)", padding: "var(--spacing-1)" },
+    "spacing-md": { gap: "var(--spacing-1)", padding: "var(--spacing-1)" }
+  }
+});
+
+// libs/css/component-tokens/src/component-tokens/components/Popover/Popover.tokens.ts
+var PopoverTokenDefinition = AsComponentTokenDefinition({
+  DEFAULT: {
+    border: { borderRadius: "var(--border-radius-DEFAULT)" }
+  },
+  "theme-marketing": {
+    border: { borderRadius: "1rem" }
+  }
+});
+var Popover_tokens_default = PopoverTokenDefinition;
+
+// libs/css/component-tokens/src/component-tokens/components/Popover/PopoverListItem.tokens.ts
+var PopoverListItemTokenDefinition = AsComponentTokenDefinition({
+  DEFAULT: {
+    border: { borderRadius: "var(--border-radius-DEFAULT)" }
+  },
+  "theme-marketing": {
+    border: { borderRadius: "1rem" }
   }
 });
+var PopoverListItem_tokens_default = PopoverListItemTokenDefinition;
 
 // libs/css/component-tokens/src/component-tokens/components/Search.tokens.ts
 var SearchTokenDefinition = AsComponentTokenDefinition({
@@ -235,25 +281,13 @@ var SearchTokenDefinition = AsComponentTokenDefinition({
   }
 });
 
-// libs/css/component-tokens/src/component-tokens/components/Button.tokens.ts
-var ButtonTokenDefinition = AsComponentTokenDefinition({
-  DEFAULT: {
-    border: { borderRadius: "var(--border-radius-lg)" },
-    height: { height: "min-content", maxHeight: "32px" },
-    width: { width: "min-content", minWidth: "min-content" }
-  },
-  "theme-marketing": {
-    border: { borderRadius: "50px" },
-    height: { height: "55px", maxHeight: "" },
-    width: { width: "min-content", minWidth: "158px" }
-  }
-});
-
 // libs/css/component-tokens/src/component-tokens/ComponentTokens.ts
 var componentTokenDefinitions = {
   card: CardTokenDefinition,
   button: ButtonTokenDefinition,
-  search: SearchTokenDefinition
+  search: SearchTokenDefinition,
+  popover: Popover_tokens_default,
+  popoverListItem: PopoverListItem_tokens_default
 };
 
 // libs/css/component-tokens/src/component-tokens/ComponentTokenVariablesByThemeName.ts
@@ -650,8 +684,12 @@ var animations = {
   animation: {
     copy: "copy 1s 1",
     "fade-out-slow": "fadeOut 3s ease-in-out forwards",
-    "fade-in-fast": "fadeIn 0.3s ease-in-out forwards",
-    "fade-out-fast": "fadeOut 0.3s ease-in-out forwards",
+    "fade-in-fast": "fadeIn 0.2s ease-in-out forwards",
+    "fade-out-fast": "fadeOut 0.2s ease-in-out forwards",
+    "slide-in-left": "slideInLeft 0.2s ease-in-out forwards",
+    "slide-in-right": "slideInRight 0.2s ease-in-out forwards",
+    "slide-in-top": "slideInTop 0.2s ease-in-out forwards",
+    "slide-in-bottom": "slideInBottom 0.2s ease-in-out forwards",
     "ping-sm": "pingSm 1s cubic-bezier(0, 0, 0.2, 1) infinite"
   },
   keyframes: {
@@ -670,6 +708,22 @@ var animations = {
       "0%": { opacity: "0" },
       "100%": { opacity: "1" }
     },
+    slideInLeft: {
+      "0%": { transform: "translate(-100%)" },
+      "100%": { transform: "translate(0%)" }
+    },
+    slideInRight: {
+      "0%": { transform: "translate(100%)" },
+      "100%": { transform: "translate(0%)" }
+    },
+    slideInBottom: {
+      "0%": { transform: "translate(0, 100%)" },
+      "100%": { transform: "translate(0, 0%)" }
+    },
+    slideInTop: {
+      "0%": { transform: "translate(0, -100%)" },
+      "100%": { transform: "translate(0, 0%)" }
+    },
     pingSm: {
       "75%, 100%": {
         transform: "scale(1.5)",