@shuriken-ui/tailwind 1.0.0 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
package/dist/config.d.cts CHANGED
@@ -1,5 +1,5 @@
1
- import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
1
  import * as typography from '@tailwindcss/typography';
2
+ import * as tailwindcss_types_config from 'tailwindcss/types/config';
3
3
  import { Config } from 'tailwindcss';
4
4
 
5
5
  declare const _default: {
@@ -7,11 +7,11 @@ declare const _default: {
7
7
  presets: {
8
8
  darkMode: "class";
9
9
  content: never[];
10
- plugins: (typeof typography | {
11
- handler: () => void;
12
- } | {
10
+ plugins: ({
13
11
  handler: tailwindcss_types_config.PluginCreator;
14
12
  config?: Partial<Config> | undefined;
13
+ } | typeof typography | {
14
+ handler: () => void;
15
15
  })[];
16
16
  theme: {
17
17
  fontFamily: {
package/dist/config.d.mts CHANGED
@@ -1,5 +1,5 @@
1
- import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
1
  import * as typography from '@tailwindcss/typography';
2
+ import * as tailwindcss_types_config from 'tailwindcss/types/config';
3
3
  import { Config } from 'tailwindcss';
4
4
 
5
5
  declare const _default: {
@@ -7,11 +7,11 @@ declare const _default: {
7
7
  presets: {
8
8
  darkMode: "class";
9
9
  content: never[];
10
- plugins: (typeof typography | {
11
- handler: () => void;
12
- } | {
10
+ plugins: ({
13
11
  handler: tailwindcss_types_config.PluginCreator;
14
12
  config?: Partial<Config> | undefined;
13
+ } | typeof typography | {
14
+ handler: () => void;
15
15
  })[];
16
16
  theme: {
17
17
  fontFamily: {
package/dist/config.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
1
  import * as typography from '@tailwindcss/typography';
2
+ import * as tailwindcss_types_config from 'tailwindcss/types/config';
3
3
  import { Config } from 'tailwindcss';
4
4
 
5
5
  declare const _default: {
@@ -7,11 +7,11 @@ declare const _default: {
7
7
  presets: {
8
8
  darkMode: "class";
9
9
  content: never[];
10
- plugins: (typeof typography | {
11
- handler: () => void;
12
- } | {
10
+ plugins: ({
13
11
  handler: tailwindcss_types_config.PluginCreator;
14
12
  config?: Partial<Config> | undefined;
13
+ } | typeof typography | {
14
+ handler: () => void;
15
15
  })[];
16
16
  theme: {
17
17
  fontFamily: {
package/dist/preset.cjs CHANGED
@@ -705,6 +705,9 @@ const autocomplete = plugin__default.withOptions(
705
705
  [`&.${prefix}autocomplete-label-float`]: {
706
706
  [`.${prefix}autocomplete-input`]: {
707
707
  [`@apply placeholder:text-transparent dark:placeholder:text-transparent`]: {}
708
+ },
709
+ [`.${prefix}autocomplete-multiple .${prefix}autocomplete-multiple-list`]: {
710
+ [`@apply mb-6`]: {}
708
711
  }
709
712
  },
710
713
  [`&.${prefix}autocomplete-error`]: {
@@ -1711,10 +1714,10 @@ const breadcrumb = plugin__default.withOptions(
1711
1714
  [`@apply me-3 sm:hidden`]: {}
1712
1715
  },
1713
1716
  [`.${prefix}breadcrumb-item:not(:last-child)`]: {
1714
- [`@apply flex`]: {}
1717
+ [`@apply hidden sm:flex`]: {}
1715
1718
  },
1716
1719
  [`.${prefix}breadcrumb-item:last-child`]: {
1717
- [`@apply hidden sm:flex`]: {}
1720
+ [`@apply flex`]: {}
1718
1721
  },
1719
1722
  [`.${prefix}item-inner`]: {
1720
1723
  [`@apply text-${config.list.itemInner.text} flex items-center gap-x-1 transition-colors duration-${config.list.itemInner.duration}`]: {},
@@ -2067,6 +2070,9 @@ const buttonGroup = plugin__default.withOptions(
2067
2070
  [`@apply flex`]: {},
2068
2071
  [`.${prefix}button, .${prefix}button-action, .${prefix}button-icon`]: {
2069
2072
  [`@apply !border-e-0`]: {},
2073
+ [`&:focus`]: {
2074
+ [`@apply !z-10 relative`]: {}
2075
+ },
2070
2076
  [`&:not(:first-child):not(:last-child)`]: {
2071
2077
  [`@apply !rounded-none`]: {}
2072
2078
  },
@@ -2076,6 +2082,78 @@ const buttonGroup = plugin__default.withOptions(
2076
2082
  [`&:last-child`]: {
2077
2083
  [`@apply !border-e !rounded-s-none`]: {}
2078
2084
  }
2085
+ },
2086
+ [`.${prefix}input-wrapper:not(:first-child):not(:last-child)`]: {
2087
+ [`.${prefix}input`]: {
2088
+ [`@apply !border-e-0 !rounded-none`]: {},
2089
+ [`&:focus`]: {
2090
+ [`@apply !z-10 relative`]: {}
2091
+ }
2092
+ }
2093
+ },
2094
+ [`.${prefix}input-wrapper:first-child`]: {
2095
+ [`.${prefix}input`]: {
2096
+ [`@apply !rounded-e-none`]: {},
2097
+ [`&:focus`]: {
2098
+ [`@apply !z-10 relative`]: {}
2099
+ }
2100
+ }
2101
+ },
2102
+ [`.${prefix}input-wrapper:last-child`]: {
2103
+ [`.${prefix}input`]: {
2104
+ [`@apply !border-e !rounded-s-none`]: {},
2105
+ [`&:focus`]: {
2106
+ [`@apply !z-10 relative`]: {}
2107
+ }
2108
+ }
2109
+ },
2110
+ [`.${prefix}select-wrapper:not(:first-child):not(:last-child)`]: {
2111
+ [`.${prefix}select`]: {
2112
+ [`@apply !border-e-0 !rounded-none`]: {},
2113
+ [`&:focus`]: {
2114
+ [`@apply !z-10 relative`]: {}
2115
+ }
2116
+ }
2117
+ },
2118
+ [`.${prefix}select-wrapper:first-child`]: {
2119
+ [`.${prefix}select`]: {
2120
+ [`@apply !rounded-e-none`]: {},
2121
+ [`&:focus`]: {
2122
+ [`@apply !z-10 relative`]: {}
2123
+ }
2124
+ }
2125
+ },
2126
+ [`.${prefix}select-wrapper:last-child`]: {
2127
+ [`.${prefix}select`]: {
2128
+ [`@apply !border-e !rounded-s-none`]: {},
2129
+ [`&:focus`]: {
2130
+ [`@apply !z-10 relative`]: {}
2131
+ }
2132
+ }
2133
+ },
2134
+ [`.${prefix}dropdown:not(:first-child):not(:last-child)`]: {
2135
+ [`.${prefix}nui-button`]: {
2136
+ [`@apply !border-e-0 !rounded-none`]: {},
2137
+ [`&:focus`]: {
2138
+ [`@apply !z-10 relative`]: {}
2139
+ }
2140
+ }
2141
+ },
2142
+ [`.${prefix}dropdown:first-child`]: {
2143
+ [`.${prefix}nui-button`]: {
2144
+ [`@apply !rounded-e-none`]: {},
2145
+ [`&:focus`]: {
2146
+ [`@apply !z-10 relative`]: {}
2147
+ }
2148
+ }
2149
+ },
2150
+ [`.${prefix}dropdown:last-child`]: {
2151
+ [`.${prefix}nui-button`]: {
2152
+ [`@apply !border-e !rounded-s-none`]: {},
2153
+ [`&:focus`]: {
2154
+ [`@apply !z-10 relative`]: {}
2155
+ }
2156
+ }
2079
2157
  }
2080
2158
  }
2081
2159
  });
@@ -4735,7 +4813,7 @@ const input = plugin__default.withOptions(
4735
4813
  [`@apply relative`]: {}
4736
4814
  },
4737
4815
  [`.${prefix}input-icon`]: {
4738
- [`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
4816
+ [`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
4739
4817
  },
4740
4818
  [`.${prefix}input-error-text`]: {
4741
4819
  [`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
@@ -7388,7 +7466,7 @@ const select = plugin__default.withOptions(
7388
7466
  [`@apply relative`]: {}
7389
7467
  },
7390
7468
  [`.${prefix}select-icon`]: {
7391
- [`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
7469
+ [`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
7392
7470
  },
7393
7471
  [`.${prefix}select-error-text`]: {
7394
7472
  [`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
@@ -7416,7 +7494,7 @@ const select = plugin__default.withOptions(
7416
7494
  },
7417
7495
  [`.${prefix}select-chevron`]: {
7418
7496
  "@apply pointer-events-none": {},
7419
- [`@apply text-${config.select.chevron.text} absolute end-0 top-0 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
7497
+ [`@apply text-${config.select.chevron.text} absolute end-0 top-0 z-20 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
7420
7498
  },
7421
7499
  [`&.${prefix}select-multiple`]: {
7422
7500
  [`.${prefix}select`]: {
@@ -8091,7 +8169,9 @@ const defaultTabSliderConfig = {
8091
8169
  },
8092
8170
  item: {
8093
8171
  notActiveText: "muted-400",
8094
- activeText: "white"
8172
+ activeText: "white",
8173
+ fontSize: "sm",
8174
+ fontFamily: "sans"
8095
8175
  },
8096
8176
  naver: {
8097
8177
  bg: "primary-500",
@@ -8135,6 +8215,7 @@ const tabSlider = plugin__default.withOptions(
8135
8215
  },
8136
8216
  [`.${prefix}tab-slider-item`]: {
8137
8217
  [`@apply relative z-20 flex h-full flex-1 items-center justify-center`]: {},
8218
+ [`@apply text-${config.item.fontSize} font-${config.item.fontFamily}`]: {},
8138
8219
  [`&:not(.${prefix}active)`]: {
8139
8220
  [`@apply text-${config.item.notActiveText}`]: {}
8140
8221
  },
package/dist/preset.mjs CHANGED
@@ -694,6 +694,9 @@ const autocomplete = plugin.withOptions(
694
694
  [`&.${prefix}autocomplete-label-float`]: {
695
695
  [`.${prefix}autocomplete-input`]: {
696
696
  [`@apply placeholder:text-transparent dark:placeholder:text-transparent`]: {}
697
+ },
698
+ [`.${prefix}autocomplete-multiple .${prefix}autocomplete-multiple-list`]: {
699
+ [`@apply mb-6`]: {}
697
700
  }
698
701
  },
699
702
  [`&.${prefix}autocomplete-error`]: {
@@ -1700,10 +1703,10 @@ const breadcrumb = plugin.withOptions(
1700
1703
  [`@apply me-3 sm:hidden`]: {}
1701
1704
  },
1702
1705
  [`.${prefix}breadcrumb-item:not(:last-child)`]: {
1703
- [`@apply flex`]: {}
1706
+ [`@apply hidden sm:flex`]: {}
1704
1707
  },
1705
1708
  [`.${prefix}breadcrumb-item:last-child`]: {
1706
- [`@apply hidden sm:flex`]: {}
1709
+ [`@apply flex`]: {}
1707
1710
  },
1708
1711
  [`.${prefix}item-inner`]: {
1709
1712
  [`@apply text-${config.list.itemInner.text} flex items-center gap-x-1 transition-colors duration-${config.list.itemInner.duration}`]: {},
@@ -2056,6 +2059,9 @@ const buttonGroup = plugin.withOptions(
2056
2059
  [`@apply flex`]: {},
2057
2060
  [`.${prefix}button, .${prefix}button-action, .${prefix}button-icon`]: {
2058
2061
  [`@apply !border-e-0`]: {},
2062
+ [`&:focus`]: {
2063
+ [`@apply !z-10 relative`]: {}
2064
+ },
2059
2065
  [`&:not(:first-child):not(:last-child)`]: {
2060
2066
  [`@apply !rounded-none`]: {}
2061
2067
  },
@@ -2065,6 +2071,78 @@ const buttonGroup = plugin.withOptions(
2065
2071
  [`&:last-child`]: {
2066
2072
  [`@apply !border-e !rounded-s-none`]: {}
2067
2073
  }
2074
+ },
2075
+ [`.${prefix}input-wrapper:not(:first-child):not(:last-child)`]: {
2076
+ [`.${prefix}input`]: {
2077
+ [`@apply !border-e-0 !rounded-none`]: {},
2078
+ [`&:focus`]: {
2079
+ [`@apply !z-10 relative`]: {}
2080
+ }
2081
+ }
2082
+ },
2083
+ [`.${prefix}input-wrapper:first-child`]: {
2084
+ [`.${prefix}input`]: {
2085
+ [`@apply !rounded-e-none`]: {},
2086
+ [`&:focus`]: {
2087
+ [`@apply !z-10 relative`]: {}
2088
+ }
2089
+ }
2090
+ },
2091
+ [`.${prefix}input-wrapper:last-child`]: {
2092
+ [`.${prefix}input`]: {
2093
+ [`@apply !border-e !rounded-s-none`]: {},
2094
+ [`&:focus`]: {
2095
+ [`@apply !z-10 relative`]: {}
2096
+ }
2097
+ }
2098
+ },
2099
+ [`.${prefix}select-wrapper:not(:first-child):not(:last-child)`]: {
2100
+ [`.${prefix}select`]: {
2101
+ [`@apply !border-e-0 !rounded-none`]: {},
2102
+ [`&:focus`]: {
2103
+ [`@apply !z-10 relative`]: {}
2104
+ }
2105
+ }
2106
+ },
2107
+ [`.${prefix}select-wrapper:first-child`]: {
2108
+ [`.${prefix}select`]: {
2109
+ [`@apply !rounded-e-none`]: {},
2110
+ [`&:focus`]: {
2111
+ [`@apply !z-10 relative`]: {}
2112
+ }
2113
+ }
2114
+ },
2115
+ [`.${prefix}select-wrapper:last-child`]: {
2116
+ [`.${prefix}select`]: {
2117
+ [`@apply !border-e !rounded-s-none`]: {},
2118
+ [`&:focus`]: {
2119
+ [`@apply !z-10 relative`]: {}
2120
+ }
2121
+ }
2122
+ },
2123
+ [`.${prefix}dropdown:not(:first-child):not(:last-child)`]: {
2124
+ [`.${prefix}nui-button`]: {
2125
+ [`@apply !border-e-0 !rounded-none`]: {},
2126
+ [`&:focus`]: {
2127
+ [`@apply !z-10 relative`]: {}
2128
+ }
2129
+ }
2130
+ },
2131
+ [`.${prefix}dropdown:first-child`]: {
2132
+ [`.${prefix}nui-button`]: {
2133
+ [`@apply !rounded-e-none`]: {},
2134
+ [`&:focus`]: {
2135
+ [`@apply !z-10 relative`]: {}
2136
+ }
2137
+ }
2138
+ },
2139
+ [`.${prefix}dropdown:last-child`]: {
2140
+ [`.${prefix}nui-button`]: {
2141
+ [`@apply !border-e !rounded-s-none`]: {},
2142
+ [`&:focus`]: {
2143
+ [`@apply !z-10 relative`]: {}
2144
+ }
2145
+ }
2068
2146
  }
2069
2147
  }
2070
2148
  });
@@ -4724,7 +4802,7 @@ const input = plugin.withOptions(
4724
4802
  [`@apply relative`]: {}
4725
4803
  },
4726
4804
  [`.${prefix}input-icon`]: {
4727
- [`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
4805
+ [`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
4728
4806
  },
4729
4807
  [`.${prefix}input-error-text`]: {
4730
4808
  [`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
@@ -7377,7 +7455,7 @@ const select = plugin.withOptions(
7377
7455
  [`@apply relative`]: {}
7378
7456
  },
7379
7457
  [`.${prefix}select-icon`]: {
7380
- [`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
7458
+ [`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
7381
7459
  },
7382
7460
  [`.${prefix}select-error-text`]: {
7383
7461
  [`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
@@ -7405,7 +7483,7 @@ const select = plugin.withOptions(
7405
7483
  },
7406
7484
  [`.${prefix}select-chevron`]: {
7407
7485
  "@apply pointer-events-none": {},
7408
- [`@apply text-${config.select.chevron.text} absolute end-0 top-0 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
7486
+ [`@apply text-${config.select.chevron.text} absolute end-0 top-0 z-20 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
7409
7487
  },
7410
7488
  [`&.${prefix}select-multiple`]: {
7411
7489
  [`.${prefix}select`]: {
@@ -8080,7 +8158,9 @@ const defaultTabSliderConfig = {
8080
8158
  },
8081
8159
  item: {
8082
8160
  notActiveText: "muted-400",
8083
- activeText: "white"
8161
+ activeText: "white",
8162
+ fontSize: "sm",
8163
+ fontFamily: "sans"
8084
8164
  },
8085
8165
  naver: {
8086
8166
  bg: "primary-500",
@@ -8124,6 +8204,7 @@ const tabSlider = plugin.withOptions(
8124
8204
  },
8125
8205
  [`.${prefix}tab-slider-item`]: {
8126
8206
  [`@apply relative z-20 flex h-full flex-1 items-center justify-center`]: {},
8207
+ [`@apply text-${config.item.fontSize} font-${config.item.fontFamily}`]: {},
8127
8208
  [`&:not(.${prefix}active)`]: {
8128
8209
  [`@apply text-${config.item.notActiveText}`]: {}
8129
8210
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shuriken-ui/tailwind",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "license": "MIT",
5
5
  "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
6
6
  "repository": "shuriken-ui/tailwind",