@shuriken-ui/tailwind 2.0.0 → 2.0.2
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +3 -3
- package/dist/plugins/index.cjs +13 -13
- package/dist/plugins/index.mjs +13 -13
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<p align="center">
|
|
2
2
|
<picture>
|
|
3
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://
|
|
4
|
-
<source media="(prefers-color-scheme: light)" srcset="https://
|
|
5
|
-
<img alt="Shuriken UI logo" src="https://
|
|
3
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/shuriken-ui/.github/assets/86636408/278e3026-1997-4e01-9457-20772adbce31">
|
|
4
|
+
<source media="(prefers-color-scheme: light)" srcset="https://github.com/shuriken-ui/.github/assets/86636408/06f9d8e2-38aa-45b2-b91e-1c891a20e271">
|
|
5
|
+
<img alt="Shuriken UI logo" src="https://github.com/shuriken-ui/.github/assets/86636408/06f9d8e2-38aa-45b2-b91e-1c891a20e271">
|
|
6
6
|
</picture>
|
|
7
7
|
</p>
|
|
8
8
|
|
package/dist/plugins/index.cjs
CHANGED
|
@@ -3000,7 +3000,7 @@ const buttonAction = plugin__default(({ addComponents, theme }) => {
|
|
|
3000
3000
|
//Hover
|
|
3001
3001
|
[`@apply hover:enabled:bg-${config2.color.default.background.hover.light} dark:hover:enabled:bg-${config2.color.default.background.hover.dark}`]: {},
|
|
3002
3002
|
//Active
|
|
3003
|
-
[`@apply
|
|
3003
|
+
[`@apply active:enabled:bg-${config2.color.default.background.active.light} dark:active:enabled:bg-${config2.color.default.background.active.dark}`]: {},
|
|
3004
3004
|
//Border
|
|
3005
3005
|
[`@apply border-${config2.color.default.border.light} dark:border-${config2.color.default.border.dark}`]: {}
|
|
3006
3006
|
},
|
|
@@ -3013,7 +3013,7 @@ const buttonAction = plugin__default(({ addComponents, theme }) => {
|
|
|
3013
3013
|
//Hover
|
|
3014
3014
|
[`@apply hover:enabled:bg-${config2.color.muted.background.hover.light} dark:hover:enabled:bg-${config2.color.muted.background.hover.dark}`]: {},
|
|
3015
3015
|
//Active
|
|
3016
|
-
[`@apply
|
|
3016
|
+
[`@apply active:enabled:bg-${config2.color.muted.background.active.light} dark:active:enabled:bg-${config2.color.muted.background.active.dark}`]: {},
|
|
3017
3017
|
//Border
|
|
3018
3018
|
[`@apply border-${config2.color.muted.border.light} dark:border-${config2.color.muted.border.dark}`]: {}
|
|
3019
3019
|
},
|
|
@@ -3026,7 +3026,7 @@ const buttonAction = plugin__default(({ addComponents, theme }) => {
|
|
|
3026
3026
|
//Hover
|
|
3027
3027
|
[`@apply hover:enabled:bg-${config2.color.primary.background.hover.light} dark:hover:enabled:bg-${config2.color.primary.background.hover.dark}`]: {},
|
|
3028
3028
|
//Active
|
|
3029
|
-
[`@apply
|
|
3029
|
+
[`@apply active:enabled:bg-${config2.color.primary.background.active.light} dark:active:enabled:bg-${config2.color.primary.background.active.dark}`]: {},
|
|
3030
3030
|
//Border
|
|
3031
3031
|
[`@apply border-${config2.color.primary.border.light} dark:border-${config2.color.primary.border.dark}`]: {}
|
|
3032
3032
|
},
|
|
@@ -3039,7 +3039,7 @@ const buttonAction = plugin__default(({ addComponents, theme }) => {
|
|
|
3039
3039
|
//Hover
|
|
3040
3040
|
[`@apply hover:enabled:bg-${config2.color.info.background.hover.light} dark:hover:enabled:bg-${config2.color.info.background.hover.dark}`]: {},
|
|
3041
3041
|
//Active
|
|
3042
|
-
[`@apply
|
|
3042
|
+
[`@apply active:enabled:bg-${config2.color.info.background.active.light} dark:active:enabled:bg-${config2.color.info.background.active.dark}`]: {},
|
|
3043
3043
|
//Border
|
|
3044
3044
|
[`@apply border-${config2.color.info.border.light} dark:border-${config2.color.info.border.dark}`]: {}
|
|
3045
3045
|
},
|
|
@@ -3052,7 +3052,7 @@ const buttonAction = plugin__default(({ addComponents, theme }) => {
|
|
|
3052
3052
|
//Hover
|
|
3053
3053
|
[`@apply hover:enabled:bg-${config2.color.success.background.hover.light} dark:hover:enabled:bg-${config2.color.success.background.hover.dark}`]: {},
|
|
3054
3054
|
//Active
|
|
3055
|
-
[`@apply
|
|
3055
|
+
[`@apply active:enabled:bg-${config2.color.success.background.active.light} dark:active:enabled:bg-${config2.color.success.background.active.dark}`]: {},
|
|
3056
3056
|
//Border
|
|
3057
3057
|
[`@apply border-${config2.color.success.border.light} dark:border-${config2.color.success.border.dark}`]: {}
|
|
3058
3058
|
},
|
|
@@ -3065,7 +3065,7 @@ const buttonAction = plugin__default(({ addComponents, theme }) => {
|
|
|
3065
3065
|
//Hover
|
|
3066
3066
|
[`@apply hover:enabled:bg-${config2.color.warning.background.hover.light} dark:hover:enabled:bg-${config2.color.warning.background.hover.dark}`]: {},
|
|
3067
3067
|
//Active
|
|
3068
|
-
[`@apply
|
|
3068
|
+
[`@apply active:enabled:bg-${config2.color.warning.background.active.light} dark:active:enabled:bg-${config2.color.warning.background.active.dark}`]: {},
|
|
3069
3069
|
//Border
|
|
3070
3070
|
[`@apply border-${config2.color.warning.border.light} dark:border-${config2.color.warning.border.dark}`]: {}
|
|
3071
3071
|
},
|
|
@@ -3078,7 +3078,7 @@ const buttonAction = plugin__default(({ addComponents, theme }) => {
|
|
|
3078
3078
|
//Hover
|
|
3079
3079
|
[`@apply hover:enabled:bg-${config2.color.danger.background.hover.light} dark:hover:enabled:bg-${config2.color.danger.background.hover.dark}`]: {},
|
|
3080
3080
|
//Active
|
|
3081
|
-
[`@apply
|
|
3081
|
+
[`@apply active:enabled:bg-${config2.color.danger.background.active.light} dark:active:enabled:bg-${config2.color.danger.background.active.dark}`]: {},
|
|
3082
3082
|
//Border
|
|
3083
3083
|
[`@apply border-${config2.color.danger.border.light} dark:border-${config2.color.danger.border.dark}`]: {}
|
|
3084
3084
|
}
|
|
@@ -9127,37 +9127,37 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
|
|
|
9127
9127
|
//Without icon && Size:sm
|
|
9128
9128
|
"&:not(.nui-has-icon).nui-input-number-sm": {
|
|
9129
9129
|
".nui-input-number": {
|
|
9130
|
-
[`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4
|
|
9130
|
+
[`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 ps-2 pe-[3.75rem]`]: {}
|
|
9131
9131
|
}
|
|
9132
9132
|
},
|
|
9133
9133
|
//With icon && Size:sm
|
|
9134
9134
|
"&.nui-has-icon.nui-input-number-sm": {
|
|
9135
9135
|
".nui-input-number": {
|
|
9136
|
-
[`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 pe-3
|
|
9136
|
+
[`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 ps-8 pe-[3.75rem]`]: {}
|
|
9137
9137
|
}
|
|
9138
9138
|
},
|
|
9139
9139
|
//Without icon && Size:md
|
|
9140
9140
|
"&:not(.nui-has-icon).nui-input-number-md": {
|
|
9141
9141
|
".nui-input-number": {
|
|
9142
|
-
[`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5
|
|
9142
|
+
[`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 ps-3 pe-[4.75rem]`]: {}
|
|
9143
9143
|
}
|
|
9144
9144
|
},
|
|
9145
9145
|
//With icon && Size:md
|
|
9146
9146
|
"&.nui-has-icon.nui-input-number-md": {
|
|
9147
9147
|
".nui-input-number": {
|
|
9148
|
-
[`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 pe-4
|
|
9148
|
+
[`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 ps-10 pe-[4.75rem]`]: {}
|
|
9149
9149
|
}
|
|
9150
9150
|
},
|
|
9151
9151
|
//Without icon && Size:lg
|
|
9152
9152
|
"&:not(.nui-has-icon).nui-input-number-lg": {
|
|
9153
9153
|
".nui-input-number": {
|
|
9154
|
-
[`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5
|
|
9154
|
+
[`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 ps-4 pe-24`]: {}
|
|
9155
9155
|
}
|
|
9156
9156
|
},
|
|
9157
9157
|
//With icon && Size:lg
|
|
9158
9158
|
"&.nui-has-icon.nui-input-number-lg": {
|
|
9159
9159
|
".nui-input-number": {
|
|
9160
|
-
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5
|
|
9160
|
+
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
|
|
9161
9161
|
}
|
|
9162
9162
|
},
|
|
9163
9163
|
//With action && Size:sm
|
package/dist/plugins/index.mjs
CHANGED
|
@@ -2994,7 +2994,7 @@ const buttonAction = plugin(({ addComponents, theme }) => {
|
|
|
2994
2994
|
//Hover
|
|
2995
2995
|
[`@apply hover:enabled:bg-${config2.color.default.background.hover.light} dark:hover:enabled:bg-${config2.color.default.background.hover.dark}`]: {},
|
|
2996
2996
|
//Active
|
|
2997
|
-
[`@apply
|
|
2997
|
+
[`@apply active:enabled:bg-${config2.color.default.background.active.light} dark:active:enabled:bg-${config2.color.default.background.active.dark}`]: {},
|
|
2998
2998
|
//Border
|
|
2999
2999
|
[`@apply border-${config2.color.default.border.light} dark:border-${config2.color.default.border.dark}`]: {}
|
|
3000
3000
|
},
|
|
@@ -3007,7 +3007,7 @@ const buttonAction = plugin(({ addComponents, theme }) => {
|
|
|
3007
3007
|
//Hover
|
|
3008
3008
|
[`@apply hover:enabled:bg-${config2.color.muted.background.hover.light} dark:hover:enabled:bg-${config2.color.muted.background.hover.dark}`]: {},
|
|
3009
3009
|
//Active
|
|
3010
|
-
[`@apply
|
|
3010
|
+
[`@apply active:enabled:bg-${config2.color.muted.background.active.light} dark:active:enabled:bg-${config2.color.muted.background.active.dark}`]: {},
|
|
3011
3011
|
//Border
|
|
3012
3012
|
[`@apply border-${config2.color.muted.border.light} dark:border-${config2.color.muted.border.dark}`]: {}
|
|
3013
3013
|
},
|
|
@@ -3020,7 +3020,7 @@ const buttonAction = plugin(({ addComponents, theme }) => {
|
|
|
3020
3020
|
//Hover
|
|
3021
3021
|
[`@apply hover:enabled:bg-${config2.color.primary.background.hover.light} dark:hover:enabled:bg-${config2.color.primary.background.hover.dark}`]: {},
|
|
3022
3022
|
//Active
|
|
3023
|
-
[`@apply
|
|
3023
|
+
[`@apply active:enabled:bg-${config2.color.primary.background.active.light} dark:active:enabled:bg-${config2.color.primary.background.active.dark}`]: {},
|
|
3024
3024
|
//Border
|
|
3025
3025
|
[`@apply border-${config2.color.primary.border.light} dark:border-${config2.color.primary.border.dark}`]: {}
|
|
3026
3026
|
},
|
|
@@ -3033,7 +3033,7 @@ const buttonAction = plugin(({ addComponents, theme }) => {
|
|
|
3033
3033
|
//Hover
|
|
3034
3034
|
[`@apply hover:enabled:bg-${config2.color.info.background.hover.light} dark:hover:enabled:bg-${config2.color.info.background.hover.dark}`]: {},
|
|
3035
3035
|
//Active
|
|
3036
|
-
[`@apply
|
|
3036
|
+
[`@apply active:enabled:bg-${config2.color.info.background.active.light} dark:active:enabled:bg-${config2.color.info.background.active.dark}`]: {},
|
|
3037
3037
|
//Border
|
|
3038
3038
|
[`@apply border-${config2.color.info.border.light} dark:border-${config2.color.info.border.dark}`]: {}
|
|
3039
3039
|
},
|
|
@@ -3046,7 +3046,7 @@ const buttonAction = plugin(({ addComponents, theme }) => {
|
|
|
3046
3046
|
//Hover
|
|
3047
3047
|
[`@apply hover:enabled:bg-${config2.color.success.background.hover.light} dark:hover:enabled:bg-${config2.color.success.background.hover.dark}`]: {},
|
|
3048
3048
|
//Active
|
|
3049
|
-
[`@apply
|
|
3049
|
+
[`@apply active:enabled:bg-${config2.color.success.background.active.light} dark:active:enabled:bg-${config2.color.success.background.active.dark}`]: {},
|
|
3050
3050
|
//Border
|
|
3051
3051
|
[`@apply border-${config2.color.success.border.light} dark:border-${config2.color.success.border.dark}`]: {}
|
|
3052
3052
|
},
|
|
@@ -3059,7 +3059,7 @@ const buttonAction = plugin(({ addComponents, theme }) => {
|
|
|
3059
3059
|
//Hover
|
|
3060
3060
|
[`@apply hover:enabled:bg-${config2.color.warning.background.hover.light} dark:hover:enabled:bg-${config2.color.warning.background.hover.dark}`]: {},
|
|
3061
3061
|
//Active
|
|
3062
|
-
[`@apply
|
|
3062
|
+
[`@apply active:enabled:bg-${config2.color.warning.background.active.light} dark:active:enabled:bg-${config2.color.warning.background.active.dark}`]: {},
|
|
3063
3063
|
//Border
|
|
3064
3064
|
[`@apply border-${config2.color.warning.border.light} dark:border-${config2.color.warning.border.dark}`]: {}
|
|
3065
3065
|
},
|
|
@@ -3072,7 +3072,7 @@ const buttonAction = plugin(({ addComponents, theme }) => {
|
|
|
3072
3072
|
//Hover
|
|
3073
3073
|
[`@apply hover:enabled:bg-${config2.color.danger.background.hover.light} dark:hover:enabled:bg-${config2.color.danger.background.hover.dark}`]: {},
|
|
3074
3074
|
//Active
|
|
3075
|
-
[`@apply
|
|
3075
|
+
[`@apply active:enabled:bg-${config2.color.danger.background.active.light} dark:active:enabled:bg-${config2.color.danger.background.active.dark}`]: {},
|
|
3076
3076
|
//Border
|
|
3077
3077
|
[`@apply border-${config2.color.danger.border.light} dark:border-${config2.color.danger.border.dark}`]: {}
|
|
3078
3078
|
}
|
|
@@ -9121,37 +9121,37 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
|
9121
9121
|
//Without icon && Size:sm
|
|
9122
9122
|
"&:not(.nui-has-icon).nui-input-number-sm": {
|
|
9123
9123
|
".nui-input-number": {
|
|
9124
|
-
[`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4
|
|
9124
|
+
[`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 ps-2 pe-[3.75rem]`]: {}
|
|
9125
9125
|
}
|
|
9126
9126
|
},
|
|
9127
9127
|
//With icon && Size:sm
|
|
9128
9128
|
"&.nui-has-icon.nui-input-number-sm": {
|
|
9129
9129
|
".nui-input-number": {
|
|
9130
|
-
[`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 pe-3
|
|
9130
|
+
[`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 ps-8 pe-[3.75rem]`]: {}
|
|
9131
9131
|
}
|
|
9132
9132
|
},
|
|
9133
9133
|
//Without icon && Size:md
|
|
9134
9134
|
"&:not(.nui-has-icon).nui-input-number-md": {
|
|
9135
9135
|
".nui-input-number": {
|
|
9136
|
-
[`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5
|
|
9136
|
+
[`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 ps-3 pe-[4.75rem]`]: {}
|
|
9137
9137
|
}
|
|
9138
9138
|
},
|
|
9139
9139
|
//With icon && Size:md
|
|
9140
9140
|
"&.nui-has-icon.nui-input-number-md": {
|
|
9141
9141
|
".nui-input-number": {
|
|
9142
|
-
[`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 pe-4
|
|
9142
|
+
[`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 ps-10 pe-[4.75rem]`]: {}
|
|
9143
9143
|
}
|
|
9144
9144
|
},
|
|
9145
9145
|
//Without icon && Size:lg
|
|
9146
9146
|
"&:not(.nui-has-icon).nui-input-number-lg": {
|
|
9147
9147
|
".nui-input-number": {
|
|
9148
|
-
[`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5
|
|
9148
|
+
[`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 ps-4 pe-24`]: {}
|
|
9149
9149
|
}
|
|
9150
9150
|
},
|
|
9151
9151
|
//With icon && Size:lg
|
|
9152
9152
|
"&.nui-has-icon.nui-input-number-lg": {
|
|
9153
9153
|
".nui-input-number": {
|
|
9154
|
-
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5
|
|
9154
|
+
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
|
|
9155
9155
|
}
|
|
9156
9156
|
},
|
|
9157
9157
|
//With action && Size:sm
|