@shuriken-ui/tailwind 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|