@shuriken-ui/tailwind 2.0.1 → 2.0.3

package/dist/plugins/index.cjs

@@ -3383,7 +3383,8 @@ const buttonGroup = plugin__default(
   ({ addComponents }) => addComponents({
     ".nui-button-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": {}
@@ -3398,6 +3399,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": {},
@@ -3406,15 +3408,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": {
@@ -3422,6 +3424,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": {},
@@ -3430,40 +3483,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": {
-        ".nui-nui-button": {
-          "@apply !rounded-e-none": {},
+      ".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": {
-        ".nui-nui-button": {
+      ".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-listbox:first-child:not(:last-child)": {
+        ".nui-listbox-button": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-listbox:last-child:not(:first-child)": {
+        ".nui-listbox-button": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
@@ -3846,8 +3942,8 @@ const defaultConfig$I = {
         },
         border: {
           light: {
-            base: "muted-200",
-            hover: "muted-300"
+            base: "muted-300",
+            hover: "muted-200"
           },
           dark: {
             base: "muted-600",
@@ -9127,37 +9223,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

@@ -3377,7 +3377,8 @@ const buttonGroup = plugin(
   ({ addComponents }) => addComponents({
     ".nui-button-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": {}
@@ -3392,6 +3393,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": {},
@@ -3400,15 +3402,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": {
@@ -3416,6 +3418,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": {},
@@ -3424,40 +3477,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": {
-        ".nui-nui-button": {
-          "@apply !rounded-e-none": {},
+      ".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": {
-        ".nui-nui-button": {
+      ".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-listbox:first-child:not(:last-child)": {
+        ".nui-listbox-button": {
+          "@apply !border-e-0 !rounded-e-none": {},
+          "&:focus": {
+            "@apply !z-10 relative": {}
+          }
+        }
+      },
+      ".nui-listbox:last-child:not(:first-child)": {
+        ".nui-listbox-button": {
           "@apply !border-e !rounded-s-none": {},
           "&:focus": {
             "@apply !z-10 relative": {}
@@ -3840,8 +3936,8 @@ const defaultConfig$I = {
         },
         border: {
           light: {
-            base: "muted-200",
-            hover: "muted-300"
+            base: "muted-300",
+            hover: "muted-200"
           },
           dark: {
             base: "muted-600",
@@ -9121,37 +9217,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": "2.0.1",
+  "version": "2.0.3",
   "license": "MIT",
   "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
   "repository": "shuriken-ui/tailwind",