@shuriken-ui/tailwind 3.0.0-next.6 → 3.0.0

package/dist/plugins/index.cjs

@@ -3897,7 +3897,8 @@ const buttonGroup = plugin__default(
   ({ addComponents }) => addComponents({
     '.nui-button-group, [role="group"]': {
       "@apply flex": {},
-      ".nui-button, .nui-button-action, .nui-button-icon": {
+      // Button
+      ".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
         "@apply !border-e-0": {},
         "&:focus": {
           "@apply !z-10 relative": {}
@@ -3912,6 +3913,7 @@ const buttonGroup = plugin__default(
           "@apply !border-e !rounded-s-none": {}
         }
       },
+      // Input
       ".nui-input-wrapper:not(:first-child):not(:last-child)": {
         ".nui-input": {
           "@apply !border-e-0 !rounded-none": {},
@@ -3920,15 +3922,15 @@ const buttonGroup = plugin__default(
           }
         }
       },
-      ".nui-input-wrapper:first-child": {
+      ".nui-input-wrapper:first-child:not(:last-child)": {
         ".nui-input": {
-          "@apply !rounded-e-none": {},
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-input-wrapper:last-child": {
+      ".nui-input-wrapper:last-child:not(:first-child)": {
         ".nui-input": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
@@ -3936,6 +3938,57 @@ const buttonGroup = plugin__default(
           }
         }
       },
+      // InputNumber
+      ".nui-input-number-wrapper:not(:first-child):not(:last-child)": {
+        ".nui-input-number": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-number-wrapper:first-child:not(:last-child)": {
+        ".nui-input-number": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-number-wrapper:last-child:not(:first-child)": {
+        ".nui-input-number": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // InputFileRegular
+      ".nui-input-file-regular:not(:first-child):not(:last-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-file-regular:first-child:not(:last-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-file-regular:last-child:not(:first-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // Select
       ".nui-select-wrapper:not(:first-child):not(:last-child)": {
         ".nui-select": {
           "@apply !border-e-0 !rounded-none": {},
@@ -3944,40 +3997,83 @@ const buttonGroup = plugin__default(
           }
         }
       },
-      ".nui-select-wrapper:first-child": {
+      ".nui-select-wrapper:first-child:not(:last-child)": {
         ".nui-select": {
-          "@apply !rounded-e-none": {},
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-select-wrapper:last-child": {
-        ".nui-select": {
+      // Autocomplete
+      ".nui-autocomplete:not(:first-child):not(:last-child)": {
+        ".nui-autocomplete-input": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-autocomplete:first-child:not(:last-child)": {
+        ".nui-autocomplete-input": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-autocomplete:last-child:not(:first-child)": {
+        ".nui-autocomplete-input": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
+      // Dropdown
       ".nui-dropdown:not(:first-child):not(:last-child)": {
-        ".nui-nui-button": {
+        ".nui-button": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-dropdown:first-child:not(:last-child)": {
+        ".nui-button": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-dropdown:last-child:not(:first-child)": {
+        ".nui-button": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // Listbox
+      ".nui-listbox:not(:first-child):not(:last-child)": {
+        ".nui-listbox-button": {
           "@apply !border-e-0 !rounded-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-dropdown:first-child": {
-        ".nui-nui-button": {
-          "@apply !rounded-e-none": {},
+      ".nui-listbox:first-child:not(:last-child)": {
+        ".nui-listbox-button": {
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-dropdown:last-child": {
-        ".nui-nui-button": {
+      ".nui-listbox:last-child:not(:first-child)": {
+        ".nui-listbox-button": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
@@ -4507,8 +4603,8 @@ const defaultConfig$I = {
         },
         border: {
           light: {
-            base: "muted-200",
-            hover: "muted-300"
+            base: "muted-300",
+            hover: "muted-200"
           },
           dark: {
             base: "muted-600",
@@ -10846,37 +10942,37 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
       //Without icon && Size:sm
       "&:not(.nui-has-icon).nui-input-number-sm": {
         ".nui-input-number": {
-          [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 px-2`]: {}
+          [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 ps-2 pe-[3.75rem]`]: {}
         }
       },
       //With icon && Size:sm
       "&.nui-has-icon.nui-input-number-sm": {
         ".nui-input-number": {
-          [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 pe-3 ps-8`]: {}
+          [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 ps-8 pe-[3.75rem]`]: {}
         }
       },
       //Without icon && Size:md
       "&:not(.nui-has-icon).nui-input-number-md": {
         ".nui-input-number": {
-          [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 px-3`]: {}
+          [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 ps-3 pe-[4.75rem]`]: {}
         }
       },
       //With icon && Size:md
       "&.nui-has-icon.nui-input-number-md": {
         ".nui-input-number": {
-          [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 pe-4 ps-10`]: {}
+          [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 ps-10 pe-[4.75rem]`]: {}
         }
       },
       //Without icon && Size:lg
       "&:not(.nui-has-icon).nui-input-number-lg": {
         ".nui-input-number": {
-          [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 px-4`]: {}
+          [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 ps-4 pe-24`]: {}
         }
       },
       //With icon && Size:lg
       "&.nui-has-icon.nui-input-number-lg": {
         ".nui-input-number": {
-          [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
+          [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
         }
       },
       //With action && Size:sm

package/dist/plugins/index.mjs

@@ -3891,7 +3891,8 @@ const buttonGroup = plugin(
   ({ addComponents }) => addComponents({
     '.nui-button-group, [role="group"]': {
       "@apply flex": {},
-      ".nui-button, .nui-button-action, .nui-button-icon": {
+      // Button
+      ".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
         "@apply !border-e-0": {},
         "&:focus": {
           "@apply !z-10 relative": {}
@@ -3906,6 +3907,7 @@ const buttonGroup = plugin(
           "@apply !border-e !rounded-s-none": {}
         }
       },
+      // Input
       ".nui-input-wrapper:not(:first-child):not(:last-child)": {
         ".nui-input": {
           "@apply !border-e-0 !rounded-none": {},
@@ -3914,15 +3916,15 @@ const buttonGroup = plugin(
           }
         }
       },
-      ".nui-input-wrapper:first-child": {
+      ".nui-input-wrapper:first-child:not(:last-child)": {
         ".nui-input": {
-          "@apply !rounded-e-none": {},
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-input-wrapper:last-child": {
+      ".nui-input-wrapper:last-child:not(:first-child)": {
         ".nui-input": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
@@ -3930,6 +3932,57 @@ const buttonGroup = plugin(
           }
         }
       },
+      // InputNumber
+      ".nui-input-number-wrapper:not(:first-child):not(:last-child)": {
+        ".nui-input-number": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-number-wrapper:first-child:not(:last-child)": {
+        ".nui-input-number": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-number-wrapper:last-child:not(:first-child)": {
+        ".nui-input-number": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // InputFileRegular
+      ".nui-input-file-regular:not(:first-child):not(:last-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-file-regular:first-child:not(:last-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-input-file-regular:last-child:not(:first-child)": {
+        ".nui-input-file-inner": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // Select
       ".nui-select-wrapper:not(:first-child):not(:last-child)": {
         ".nui-select": {
           "@apply !border-e-0 !rounded-none": {},
@@ -3938,40 +3991,83 @@ const buttonGroup = plugin(
           }
         }
       },
-      ".nui-select-wrapper:first-child": {
+      ".nui-select-wrapper:first-child:not(:last-child)": {
         ".nui-select": {
-          "@apply !rounded-e-none": {},
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-select-wrapper:last-child": {
-        ".nui-select": {
+      // Autocomplete
+      ".nui-autocomplete:not(:first-child):not(:last-child)": {
+        ".nui-autocomplete-input": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-autocomplete:first-child:not(:last-child)": {
+        ".nui-autocomplete-input": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-autocomplete:last-child:not(:first-child)": {
+        ".nui-autocomplete-input": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
+      // Dropdown
       ".nui-dropdown:not(:first-child):not(:last-child)": {
-        ".nui-nui-button": {
+        ".nui-button": {
+          "@apply !border-e-0 !rounded-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-dropdown:first-child:not(:last-child)": {
+        ".nui-button": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-dropdown:last-child:not(:first-child)": {
+        ".nui-button": {
+          "@apply !border-e !rounded-s-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      // Listbox
+      ".nui-listbox:not(:first-child):not(:last-child)": {
+        ".nui-listbox-button": {
           "@apply !border-e-0 !rounded-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-dropdown:first-child": {
-        ".nui-nui-button": {
-          "@apply !rounded-e-none": {},
+      ".nui-listbox:first-child:not(:last-child)": {
+        ".nui-listbox-button": {
+          "@apply !border-e-0 !rounded-e-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
           }
         }
       },
-      ".nui-dropdown:last-child": {
-        ".nui-nui-button": {
+      ".nui-listbox:last-child:not(:first-child)": {
+        ".nui-listbox-button": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
@@ -4501,8 +4597,8 @@ const defaultConfig$I = {
         },
         border: {
           light: {
-            base: "muted-200",
-            hover: "muted-300"
+            base: "muted-300",
+            hover: "muted-200"
           },
           dark: {
             base: "muted-600",
@@ -10840,37 +10936,37 @@ const inputNumber = plugin(({ addComponents, theme }) => {
       //Without icon && Size:sm
       "&:not(.nui-has-icon).nui-input-number-sm": {
         ".nui-input-number": {
-          [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 px-2`]: {}
+          [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 ps-2 pe-[3.75rem]`]: {}
         }
       },
       //With icon && Size:sm
       "&.nui-has-icon.nui-input-number-sm": {
         ".nui-input-number": {
-          [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 pe-3 ps-8`]: {}
+          [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 ps-8 pe-[3.75rem]`]: {}
         }
       },
       //Without icon && Size:md
       "&:not(.nui-has-icon).nui-input-number-md": {
         ".nui-input-number": {
-          [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 px-3`]: {}
+          [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 ps-3 pe-[4.75rem]`]: {}
         }
       },
       //With icon && Size:md
       "&.nui-has-icon.nui-input-number-md": {
         ".nui-input-number": {
-          [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 pe-4 ps-10`]: {}
+          [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 ps-10 pe-[4.75rem]`]: {}
         }
       },
       //Without icon && Size:lg
       "&:not(.nui-has-icon).nui-input-number-lg": {
         ".nui-input-number": {
-          [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 px-4`]: {}
+          [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 ps-4 pe-24`]: {}
         }
       },
       //With icon && Size:lg
       "&.nui-has-icon.nui-input-number-lg": {
         ".nui-input-number": {
-          [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
+          [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
         }
       },
       //With action && Size:sm

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuriken-ui/tailwind",
-  "version": "3.0.0-next.6",
+  "version": "3.0.0",
   "license": "MIT",
   "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
   "repository": "shuriken-ui/tailwind",