@trackunit/css-tailwind - npm Package Compare versions

Comparing version 0.0.18 to 0.0.20

package.json

 {
   "name": "@trackunit/css-tailwind",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "main": "./index.cjs",
@@ -5,0 +5,0 @@ "repository": "https://github.com/Trackunit/manager",

tailwind-base.generated.js

@@ -156,2 +156,18 @@ "use strict";
 
+// 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
@@ -161,10 +177,40 @@ var CardTokenDefinition = AsComponentTokenDefinition({
     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
@@ -240,16 +286,2 @@ 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
@@ -259,3 +291,5 @@ var componentTokenDefinitions = {
   button: ButtonTokenDefinition,
-  search: SearchTokenDefinition
+  search: SearchTokenDefinition,
+  popover: Popover_tokens_default,
+  popoverListItem: PopoverListItem_tokens_default
 };
@@ -657,4 +691,8 @@
     "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"
@@ -678,2 +716,18 @@ },
     },
+    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: {
@@ -680,0 +734,0 @@ "75%, 100%": {

No alert changes

Improved metrics

Total package byte prevSize

61003

increased by3.91%

Lines of code

1839

increased by2.91%

No dependency changes