@trackunit/css-tailwind - npm Package Compare versions

Comparing version 0.0.17 to 0.0.18

package.json

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

tailwind-base.generated.js

@@ -168,5 +168,91 @@ "use strict";
 
+// libs/css/component-tokens/src/component-tokens/components/Search.tokens.ts
+var SearchTokenDefinition = AsComponentTokenDefinition({
+  DEFAULT: {
+    width: { width: "9rem" },
+    background: { backgroundColor: "" },
+    borderless: { borderStyle: "hidden" },
+    "focus-hover": {
+      borderWidth: "1px",
+      borderBottomWidth: "1px",
+      borderColor: "rgb(var(--color-gray-400))",
+      borderBottomColor: "rgb(var(--color-gray-400))",
+      backgroundColor: "rgb(var(--color-slate-50))"
+    },
+    border: {
+      borderStyle: "solid",
+      borderWidth: "1px",
+      borderBottomWidth: "1px",
+      borderColor: "rgb(var(--color-gray-200))",
+      borderBottomColor: "rgb(var(--color-gray-200))",
+      borderRadius: "0.5rem"
+    },
+    "focus-within": {
+      borderColor: "rgb(var(--color-slate-400))",
+      boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)"
+    },
+    widen: { borderBottomColor: "rgb(var(--color-white-DEFAULT))" },
+    "widen-focus": { borderBottomColor: "rgb(var(--color-black-DEFAULT))" },
+    prefix: {
+      color: "rgb(var(--color-slate-400))",
+      cursor: "default"
+    }
+  },
+  "theme-marketing": {
+    width: { width: "0px" },
+    background: { backgroundColor: "transparent" },
+    borderless: {
+      borderStyle: "hidden"
+    },
+    "focus-hover": {
+      borderWidth: "0px",
+      borderBottomWidth: "2px",
+      borderColor: "rgb(var(--color-black-DEFAULT))",
+      borderBottomColor: "rgb(var(--color-black-DEFAULT))",
+      backgroundColor: "transparent"
+    },
+    border: {
+      borderStyle: "solid",
+      borderWidth: "0px",
+      borderBottomWidth: "2px",
+      borderColor: "rgb(var(--color-white-DEFAULT))",
+      borderBottomColor: "rgb(var(--color-black-DEFAULT))",
+      borderRadius: "0px"
+    },
+    "focus-within": {
+      borderColor: "none",
+      boxShadow: "none"
+    },
+    widen: {
+      borderBottomColor: "rgb(var(--color-white-DEFAULT))"
+    },
+    "widen-focus": {
+      borderBottomColor: "rgb(var(--color-black-DEFAULT))"
+    },
+    prefix: {
+      color: "rgb(var(--color-slate-600))",
+      cursor: "pointer"
+    }
+  }
+});
+
+// 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
+  card: CardTokenDefinition,
+  button: ButtonTokenDefinition,
+  search: SearchTokenDefinition
 };
@@ -813,3 +899,45 @@
       }
-    })
+    }),
+    variables: {
+      "theme-marketing": {
+        color: {
+          primary: {
+            50: "254 236 235",
+            100: "254 236 235",
+            200: "254 217 215",
+            300: "253 180 176",
+            400: "251 142 136",
+            500: "250 104 97",
+            600: "249 66 58",
+            700: "238 19 7",
+            800: "178 14 5",
+            900: "119 9 4"
+          },
+          secondary: {
+            50: "238 243 246",
+            100: "238 243 246",
+            200: "222 231 237",
+            300: "189 208 219",
+            400: "155 184 202",
+            500: "122 160 184",
+            600: "89 137 166",
+            700: "71 109 133",
+            800: "53 82 100",
+            900: "36 55 66"
+          },
+          accent: {
+            50: "255 246 240",
+            100: "255 246 240",
+            200: "255 238 224",
+            300: "255 223 199",
+            400: "255 206 168",
+            500: "255 191 143",
+            600: "255 173 112",
+            700: "255 134 41",
+            800: "219 95 0",
+            900: "148 64 0"
+          }
+        }
+      }
+    }
   },
@@ -816,0 +944,0 @@ plugins: [CssTailwindCustomPropertiesPlugin, src_default]

No alert changes

Improved metrics

Total package byte prevSize

58705

increased by6.98%

Lines of code

1787

increased by7.59%

No dependency changes