@latte-macchiat-io/latte-vanilla-components 0.0.267 → 0.0.268

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.267",
+  "version": "0.0.268",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/Form/Row/export.tsx

@@ -0,0 +1,2 @@
+export { Row, type RowProps } from './';
+export { type RowVariants } from './styles.css';

package/src/components/Form/Row/theme.tsx

@@ -0,0 +1,30 @@
+const themeFormRowBase = {
+  form: {
+    row: {
+      gap: {
+        mobile: '15px',
+        sm: '15px',
+        md: '30px',
+        lg: '30px',
+        xl: '50px',
+        '2xl': '50px',
+      },
+    },
+  },
+};
+
+export const themeFormRowLight = {
+  form: {
+    row: {
+      ...themeFormRowBase.form.row,
+    },
+  },
+};
+
+export const themeFormRowDark = {
+  form: {
+    row: {
+      ...themeFormRowBase.form.row,
+    },
+  },
+};

package/src/components/Form/export.tsx

@@ -1,7 +1,6 @@
 export { Form, type FormProps } from '.';
 
-export { Row, type RowProps } from './Row';
-export { type RowVariants } from './Row/styles.css';
+export * from './Row/export';
 
 export { TextField, type TextFieldProps, type InputType } from '../Form/TextField/TextField';
 export { type TextFieldVariants } from '../Form/TextField/TextField.css';

package/src/components/Form/theme.tsx

@@ -1,3 +1,5 @@
+import { themeFormRowDark, themeFormRowLight } from './Row/theme';
+
 const themeFormBase = {
   form: {
     borderRadius: '30px',
@@ -55,6 +57,7 @@ const themeFormBase = {
 export const themeFormLight = {
   form: {
     ...themeFormBase.form,
+    ...themeFormRowLight.form,
     backgroundColor: '#000000',
   },
 };
@@ -62,6 +65,7 @@ export const themeFormLight = {
 export const themeFormDark = {
   form: {
     ...themeFormBase.form,
+    ...themeFormRowDark.form,
     backgroundColor: '#000000',
   },
 };