@shuriken-ui/tailwind 1.0.1 → 1.1.0

package/dist/preset.cjs

@@ -705,6 +705,9 @@ const autocomplete = plugin__default.withOptions(
           [`&.${prefix}autocomplete-label-float`]: {
             [`.${prefix}autocomplete-input`]: {
               [`@apply placeholder:text-transparent dark:placeholder:text-transparent`]: {}
+            },
+            [`.${prefix}autocomplete-multiple .${prefix}autocomplete-multiple-list`]: {
+              [`@apply mb-6`]: {}
             }
           },
           [`&.${prefix}autocomplete-error`]: {
@@ -1521,6 +1524,15 @@ const defaultAvatarGroupConfig = {
       font: "normal"
     }
   },
+  avatarGroupXXS: {
+    outer: {
+      size: "6"
+    },
+    count: {
+      size: "6",
+      text: "xs"
+    }
+  },
   avatarGroupXS: {
     outer: {
       size: "8"
@@ -1586,6 +1598,23 @@ const avatarGroup = plugin__default.withOptions(
               [`@apply text-${config.avatarCount.text.text} dark:text-${config.avatarCount.text.textDark} -ms-1 font-sans font-${config.avatarCount.text.font} uppercase`]: {}
             }
           },
+          [`&.${prefix}avatar-group-xxs`]: {
+            [`.${prefix}avatar-outer`]: {
+              [`@apply h-${config.avatarGroupXXS.outer.size} w-${config.avatarGroupXXS.outer.size}`]: {},
+              [`&:first-child`]: {
+                [`@apply hover:-ms-2 hover:me-2 focus:-ms-2 focus:me-2`]: {}
+              },
+              [`&:not(:first-child)`]: {
+                [`@apply -ms-2 hover:-ms-4 hover:me-2 focus:-ms-4 focus:me-2`]: {}
+              }
+            },
+            [`.${prefix}avatar-count`]: {
+              [`@apply -ms-2 h-${config.avatarGroupXXS.count.size} w-${config.avatarGroupXXS.count.size}`]: {},
+              [`.${prefix}avatar-count-text`]: {
+                [`@apply text-${config.avatarGroupXXS.count.text}`]: {}
+              }
+            }
+          },
           [`&.${prefix}avatar-group-xs`]: {
             [`.${prefix}avatar-outer`]: {
               [`@apply h-${config.avatarGroupXS.outer.size} w-${config.avatarGroupXS.outer.size}`]: {},
@@ -5333,7 +5362,7 @@ const defaultListboxConfig = {
   },
   default: {
     bg: "white",
-    bgDark: "muted-900/75",
+    bgDark: "muted-900",
     border: "muted-300",
     borderDark: "muted-700",
     borderFocus: "muted-300",
@@ -5357,7 +5386,7 @@ const defaultListboxConfig = {
   },
   defaultContrast: {
     bg: "white",
-    bgDark: "muted-950/75",
+    bgDark: "muted-950",
     border: "muted-300",
     borderDark: "muted-800",
     borderFocus: "muted-300",
@@ -5376,12 +5405,12 @@ const defaultListboxConfig = {
       border: "muted-200",
       borderDark: "muted-800",
       bg: "white",
-      bgDark: "muted-950/70"
+      bgDark: "muted-950"
     }
   },
   muted: {
     bg: "muted-200",
-    bgDark: "muted-900/75",
+    bgDark: "muted-900",
     border: "muted-300",
     borderDark: "muted-700",
     borderFocus: "muted-300",
@@ -5405,7 +5434,7 @@ const defaultListboxConfig = {
   },
   mutedContrast: {
     bg: "muted-200",
-    bgDark: "muted-950/75",
+    bgDark: "muted-950",
     border: "muted-300",
     borderDark: "muted-800",
     borderFocus: "muted-300",
@@ -5424,7 +5453,7 @@ const defaultListboxConfig = {
       border: "muted-200",
       borderDark: "muted-800",
       bg: "white",
-      bgDark: "muted-950/70"
+      bgDark: "muted-950"
     }
   },
   notLoading: {
@@ -8166,7 +8195,9 @@ const defaultTabSliderConfig = {
   },
   item: {
     notActiveText: "muted-400",
-    activeText: "white"
+    activeText: "white",
+    fontSize: "sm",
+    fontFamily: "sans"
   },
   naver: {
     bg: "primary-500",
@@ -8210,6 +8241,7 @@ const tabSlider = plugin__default.withOptions(
           },
           [`.${prefix}tab-slider-item`]: {
             [`@apply relative z-20 flex h-full flex-1 items-center justify-center`]: {},
+            [`@apply text-${config.item.fontSize} font-${config.item.fontFamily}`]: {},
             [`&:not(.${prefix}active)`]: {
               [`@apply text-${config.item.notActiveText}`]: {}
             },

package/dist/preset.mjs

@@ -694,6 +694,9 @@ const autocomplete = plugin.withOptions(
           [`&.${prefix}autocomplete-label-float`]: {
             [`.${prefix}autocomplete-input`]: {
               [`@apply placeholder:text-transparent dark:placeholder:text-transparent`]: {}
+            },
+            [`.${prefix}autocomplete-multiple .${prefix}autocomplete-multiple-list`]: {
+              [`@apply mb-6`]: {}
             }
           },
           [`&.${prefix}autocomplete-error`]: {
@@ -1510,6 +1513,15 @@ const defaultAvatarGroupConfig = {
       font: "normal"
     }
   },
+  avatarGroupXXS: {
+    outer: {
+      size: "6"
+    },
+    count: {
+      size: "6",
+      text: "xs"
+    }
+  },
   avatarGroupXS: {
     outer: {
       size: "8"
@@ -1575,6 +1587,23 @@ const avatarGroup = plugin.withOptions(
               [`@apply text-${config.avatarCount.text.text} dark:text-${config.avatarCount.text.textDark} -ms-1 font-sans font-${config.avatarCount.text.font} uppercase`]: {}
             }
           },
+          [`&.${prefix}avatar-group-xxs`]: {
+            [`.${prefix}avatar-outer`]: {
+              [`@apply h-${config.avatarGroupXXS.outer.size} w-${config.avatarGroupXXS.outer.size}`]: {},
+              [`&:first-child`]: {
+                [`@apply hover:-ms-2 hover:me-2 focus:-ms-2 focus:me-2`]: {}
+              },
+              [`&:not(:first-child)`]: {
+                [`@apply -ms-2 hover:-ms-4 hover:me-2 focus:-ms-4 focus:me-2`]: {}
+              }
+            },
+            [`.${prefix}avatar-count`]: {
+              [`@apply -ms-2 h-${config.avatarGroupXXS.count.size} w-${config.avatarGroupXXS.count.size}`]: {},
+              [`.${prefix}avatar-count-text`]: {
+                [`@apply text-${config.avatarGroupXXS.count.text}`]: {}
+              }
+            }
+          },
           [`&.${prefix}avatar-group-xs`]: {
             [`.${prefix}avatar-outer`]: {
               [`@apply h-${config.avatarGroupXS.outer.size} w-${config.avatarGroupXS.outer.size}`]: {},
@@ -5322,7 +5351,7 @@ const defaultListboxConfig = {
   },
   default: {
     bg: "white",
-    bgDark: "muted-900/75",
+    bgDark: "muted-900",
     border: "muted-300",
     borderDark: "muted-700",
     borderFocus: "muted-300",
@@ -5346,7 +5375,7 @@ const defaultListboxConfig = {
   },
   defaultContrast: {
     bg: "white",
-    bgDark: "muted-950/75",
+    bgDark: "muted-950",
     border: "muted-300",
     borderDark: "muted-800",
     borderFocus: "muted-300",
@@ -5365,12 +5394,12 @@ const defaultListboxConfig = {
       border: "muted-200",
       borderDark: "muted-800",
       bg: "white",
-      bgDark: "muted-950/70"
+      bgDark: "muted-950"
     }
   },
   muted: {
     bg: "muted-200",
-    bgDark: "muted-900/75",
+    bgDark: "muted-900",
     border: "muted-300",
     borderDark: "muted-700",
     borderFocus: "muted-300",
@@ -5394,7 +5423,7 @@ const defaultListboxConfig = {
   },
   mutedContrast: {
     bg: "muted-200",
-    bgDark: "muted-950/75",
+    bgDark: "muted-950",
     border: "muted-300",
     borderDark: "muted-800",
     borderFocus: "muted-300",
@@ -5413,7 +5442,7 @@ const defaultListboxConfig = {
       border: "muted-200",
       borderDark: "muted-800",
       bg: "white",
-      bgDark: "muted-950/70"
+      bgDark: "muted-950"
     }
   },
   notLoading: {
@@ -8155,7 +8184,9 @@ const defaultTabSliderConfig = {
   },
   item: {
     notActiveText: "muted-400",
-    activeText: "white"
+    activeText: "white",
+    fontSize: "sm",
+    fontFamily: "sans"
   },
   naver: {
     bg: "primary-500",
@@ -8199,6 +8230,7 @@ const tabSlider = plugin.withOptions(
           },
           [`.${prefix}tab-slider-item`]: {
             [`@apply relative z-20 flex h-full flex-1 items-center justify-center`]: {},
+            [`@apply text-${config.item.fontSize} font-${config.item.fontFamily}`]: {},
             [`&:not(.${prefix}active)`]: {
               [`@apply text-${config.item.notActiveText}`]: {}
             },

package/package.json

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