@trackunit/css-tailwind 0.0.25 → 0.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/css-tailwind",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "main": "./index.cjs",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
@@ -8,7 +8,7 @@
   "types": "./src/index.d.ts",
   "dependencies": {
     "@trackunit/ui-design-tokens": "0.0.53",
-    "@trackunit/css-component-tokens": "0.0.10",
+    "@trackunit/css-component-tokens": "0.0.12",
     "@trackunit/css-tailwind-custom-properties-plugin": "0.0.5",
     "@trackunit/css-core": "0.0.66"
   },

package/tailwind-base.generated.js

@@ -153,6 +153,21 @@ 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/BaseInput.tokens.ts
+var BaseInputTokenDefinition = AsComponentTokenDefinition({
+  DEFAULT: {
+    border: { borderRadius: "var(--border-radius-DEFAULT)", borderWidth: "1px" },
+    shadow: { boxShadow: "var(--box-shadow-sm)" },
+    background: { backgroundColor: "white" }
+  },
+  "theme-marketing": {
+    border: { borderRadius: "70px", borderWidth: "0px" },
+    shadow: { boxShadow: "none" },
+    background: { backgroundColor: "rgb(var(--color-stone-50))" }
+  }
+});
+var BaseInput_tokens_default = BaseInputTokenDefinition;
+
 // libs/css/component-tokens/src/component-tokens/components/Button.tokens.ts
 var ButtonTokenDefinition = AsComponentTokenDefinition({
   DEFAULT: {
@@ -165,7 +180,7 @@ var ButtonTokenDefinition = AsComponentTokenDefinition({
     "secondary-color": { backgroundColor: "rgb(var(--color-secondary-600))", color: "rgb(var(--color-secondary-50))" },
     border: { borderRadius: "50px" },
     height: { height: "55px" },
-    padding: { paddingLeft: "var(--spacing-6)", paddingRight: "var(--spacing-6)" }
+    padding: { paddingLeft: "var(--spacing-12)", paddingRight: "var(--spacing-12)" }
   }
 });
 
@@ -189,6 +204,19 @@ var CardTokenDefinition = AsComponentTokenDefinition({
   }
 });
 
+// libs/css/component-tokens/src/component-tokens/components/FormGroup.tokens.ts
+var FormGroupTokenDefinition = AsComponentTokenDefinition({
+  DEFAULT: {
+    gap: { display: "auto", gap: "auto" },
+    font: { fontWeight: "normal" }
+  },
+  "theme-marketing": {
+    gap: { display: "grid", gap: "var(--spacing-4)" },
+    font: { fontWeight: "700" }
+  }
+});
+var FormGroup_tokens_default = FormGroupTokenDefinition;
+
 // libs/css/component-tokens/src/component-tokens/components/Popover/Popover.tokens.ts
 var PopoverTokenDefinition = AsComponentTokenDefinition({
   DEFAULT: {
@@ -287,7 +315,9 @@ var componentTokenDefinitions = {
   button: ButtonTokenDefinition,
   search: SearchTokenDefinition,
   popover: Popover_tokens_default,
-  popoverListItem: PopoverListItem_tokens_default
+  popoverListItem: PopoverListItem_tokens_default,
+  baseInput: BaseInput_tokens_default,
+  formGroup: FormGroup_tokens_default
 };
 
 // libs/css/component-tokens/src/component-tokens/ComponentTokenVariablesByThemeName.ts
@@ -953,6 +983,18 @@ var tailwindBaseConfig = {
     variables: {
       "theme-marketing": {
         color: {
+          stone: {
+            50: "251 249 249",
+            100: "243 237 237",
+            200: "234 222 222",
+            300: "219 198 198",
+            400: "196 165 165",
+            500: "173 134 134",
+            600: "150 108 108",
+            700: "125 88 88",
+            800: "105 75 75",
+            900: "89 67 67"
+          },
           primary: {
             50: "254 236 235",
             100: "254 236 235",