@trackunit/css-component-tokens 0.0.9 → 0.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/css-component-tokens",
-  "version": "0.0.9",
+  "version": "0.0.12",
   "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": {
     "csstype": "3.1.1",
-    "@trackunit/css-tailwind-custom-properties-plugin": "0.0.4"
+    "@trackunit/css-tailwind-custom-properties-plugin": "0.0.5"
   },
   "peerDependencies": {}
 }

package/src/component-tokens/ComponentTokenVariablesByThemeName.d.ts

@@ -75,8 +75,8 @@ export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames,
             readonly height: "55px";
         };
         readonly padding: {
-            readonly paddingLeft: "var(--spacing-6)";
-            readonly paddingRight: "var(--spacing-6)";
+            readonly paddingLeft: "var(--spacing-12)";
+            readonly paddingRight: "var(--spacing-12)";
         };
     } | {
         readonly width: {
@@ -172,5 +172,43 @@ export declare const getComponentTokenVariablesByThemeName: (theme: ThemeNames,
         readonly border: {
             readonly borderRadius: "1rem";
         };
+    } | {
+        readonly border: {
+            readonly borderRadius: "var(--border-radius-DEFAULT)";
+            readonly borderWidth: "1px";
+        };
+        readonly shadow: {
+            readonly boxShadow: "var(--box-shadow-sm)";
+        };
+        readonly background: {
+            readonly backgroundColor: "white";
+        };
+    } | {
+        readonly border: {
+            readonly borderRadius: "70px";
+            readonly borderWidth: "0px";
+        };
+        readonly shadow: {
+            readonly boxShadow: "none";
+        };
+        readonly background: {
+            readonly backgroundColor: "rgb(var(--color-stone-50))";
+        };
+    } | {
+        readonly gap: {
+            readonly display: "auto";
+            readonly gap: "auto";
+        };
+        readonly font: {
+            readonly fontWeight: "normal";
+        };
+    } | {
+        readonly gap: {
+            readonly display: "grid";
+            readonly gap: "var(--spacing-4)";
+        };
+        readonly font: {
+            readonly fontWeight: "700";
+        };
     };
 };

package/src/component-tokens/ComponentTokens.d.ts

@@ -79,8 +79,8 @@ export declare const componentTokenDefinitions: {
                 readonly height: "55px";
             };
             readonly padding: {
-                readonly paddingLeft: "var(--spacing-6)";
-                readonly paddingRight: "var(--spacing-6)";
+                readonly paddingLeft: "var(--spacing-12)";
+                readonly paddingRight: "var(--spacing-12)";
             };
         };
     };
@@ -190,6 +190,52 @@ export declare const componentTokenDefinitions: {
             };
         };
     };
+    baseInput: {
+        readonly DEFAULT: {
+            readonly border: {
+                readonly borderRadius: "var(--border-radius-DEFAULT)";
+                readonly borderWidth: "1px";
+            };
+            readonly shadow: {
+                readonly boxShadow: "var(--box-shadow-sm)";
+            };
+            readonly background: {
+                readonly backgroundColor: "white";
+            };
+        };
+        readonly "theme-marketing": {
+            readonly border: {
+                readonly borderRadius: "70px";
+                readonly borderWidth: "0px";
+            };
+            readonly shadow: {
+                readonly boxShadow: "none";
+            };
+            readonly background: {
+                readonly backgroundColor: "rgb(var(--color-stone-50))";
+            };
+        };
+    };
+    formGroup: {
+        readonly DEFAULT: {
+            readonly gap: {
+                readonly display: "auto";
+                readonly gap: "auto";
+            };
+            readonly font: {
+                readonly fontWeight: "normal";
+            };
+        };
+        readonly "theme-marketing": {
+            readonly gap: {
+                readonly display: "grid";
+                readonly gap: "var(--spacing-4)";
+            };
+            readonly font: {
+                readonly fontWeight: "700";
+            };
+        };
+    };
 };
 export declare type ComponentTokenDefinitions = typeof componentTokenDefinitions;
 export declare type ComponentNames = keyof typeof componentTokenDefinitions;

package/src/component-tokens/components/BaseInput.tokens.d.ts

@@ -0,0 +1,27 @@
+export declare const BaseInputTokenDefinition: {
+    readonly DEFAULT: {
+        readonly border: {
+            readonly borderRadius: "var(--border-radius-DEFAULT)";
+            readonly borderWidth: "1px";
+        };
+        readonly shadow: {
+            readonly boxShadow: "var(--box-shadow-sm)";
+        };
+        readonly background: {
+            readonly backgroundColor: "white";
+        };
+    };
+    readonly "theme-marketing": {
+        readonly border: {
+            readonly borderRadius: "70px";
+            readonly borderWidth: "0px";
+        };
+        readonly shadow: {
+            readonly boxShadow: "none";
+        };
+        readonly background: {
+            readonly backgroundColor: "rgb(var(--color-stone-50))";
+        };
+    };
+};
+export default BaseInputTokenDefinition;

package/src/component-tokens/components/Button.tokens.d.ts

@@ -27,8 +27,8 @@ export declare const ButtonTokenDefinition: {
             readonly height: "55px";
         };
         readonly padding: {
-            readonly paddingLeft: "var(--spacing-6)";
-            readonly paddingRight: "var(--spacing-6)";
+            readonly paddingLeft: "var(--spacing-12)";
+            readonly paddingRight: "var(--spacing-12)";
         };
     };
 };

package/src/component-tokens/components/FormGroup.tokens.d.ts

@@ -0,0 +1,21 @@
+export declare const FormGroupTokenDefinition: {
+    readonly DEFAULT: {
+        readonly gap: {
+            readonly display: "auto";
+            readonly gap: "auto";
+        };
+        readonly font: {
+            readonly fontWeight: "normal";
+        };
+    };
+    readonly "theme-marketing": {
+        readonly gap: {
+            readonly display: "grid";
+            readonly gap: "var(--spacing-4)";
+        };
+        readonly font: {
+            readonly fontWeight: "700";
+        };
+    };
+};
+export default FormGroupTokenDefinition;