@indielayer/ui 0.0.0-dev-20240205224808 → 0.0.0-dev-20240205230210

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.0.0-dev-20240205224808";
+declare const _default: "0.0.0-dev-20240205230210";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "0.0.0-dev-20240205224808";
+const e = "0.0.0-dev-20240205230210";
 export {
   e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "0.0.0-dev-20240205224808",
+  "version": "0.0.0-dev-20240205230210",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",

package/src/components/checkbox/theme/Checkbox.base.theme.ts

@@ -5,7 +5,7 @@ const theme: CheckboxTheme = {
     wrapper: ({ data }) => {
       const classes = ['inline-block relative cursor-pointer align-middle']
 
-      if (data.isInsideForm && !data.isInsideFormGroup) classes.push('mb-4')
+      if (data.isInsideForm && !data.isInsideFormGroup) classes.push('mb-5')
 
       return classes
     },
@@ -38,8 +38,10 @@ const theme: CheckboxTheme = {
       return classes
     },
 
-    label: ({ props }) => {
-      const classes = ['inline-block font-medium text-secondary-800 dark:text-secondary-200 pl-2']
+    label: ({ props, data }) => {
+      const classes = ['inline-block text-secondary-800 dark:text-secondary-200 pl-2']
+
+      classes.push(data.isInsideFormGroup ? 'font-normal' : 'font-medium')
 
       if (props.size === 'xs') classes.push('text-xs')
       else if (props.size === 'sm') classes.push('text-sm')

package/src/components/label/theme/Label.base.theme.ts

@@ -5,7 +5,7 @@ const theme: LabelTheme = {
     wrapper: ({ props }) => {
       const classes  = ['block relative align-bottom focus:outline-none']
 
-      if (props.isInsideForm) classes.push('mb-4')
+      if (props.isInsideForm) classes.push('mb-5')
       if (props.block) classes.push('w-full')
 
       return classes

package/src/components/radio/theme/Radio.base.theme.ts

@@ -5,7 +5,7 @@ const theme: RadioTheme = {
     wrapper: ({ data }) => {
       const classes = ['inline-block relative cursor-pointer focus:outline-none group']
 
-      if (data.isInsideForm && !data.isInsideFormGroup) classes.push('mb-4')
+      if (data.isInsideForm && !data.isInsideFormGroup) classes.push('mb-5')
 
       return classes
     },
@@ -33,8 +33,10 @@ const theme: RadioTheme = {
       return c
     },
 
-    label: ({ props }) => {
-      let c = 'font-medium text-secondary-800 dark:text-secondary-200 pl-2'
+    label: ({ props, data }) => {
+      let c = 'text-secondary-800 dark:text-secondary-200 pl-2'
+
+      c += data.isInsideFormGroup ? ' font-normal' : ' font-medium'
 
       if (props.size === 'xs') c += ' text-xs'
       else if (props.size === 'sm') c += ' text-sm'

package/src/version.ts

@@ -1 +1 @@
-export default '0.0.0-dev-20240205224808'
+export default '0.0.0-dev-20240205230210'