@shuriken-ui/tailwind 2.0.0 → 2.0.1

Sign up to get free protection for your applications and to get access to all the features.
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://user-images.githubusercontent.com/3911343/232132279-8d8bf0ad-b1d7-4802-984e-a696763dc6cd.png">
4
- <source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/3911343/232132309-62971744-dcdb-429c-aa93-6ba0c1caac42.png">
5
- <img alt="Shuriken UI logo" src="https://user-images.githubusercontent.com/3911343/232132309-62971744-dcdb-429c-aa93-6ba0c1caac42.png">
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
 
@@ -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 dark:active:enabled:bg-${config2.color.default.background.active.light} active:enabled:bg-${config2.color.default.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.muted.background.active.light} active:enabled:bg-${config2.color.muted.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.primary.background.active.light} active:enabled:bg-${config2.color.primary.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.info.background.active.light} active:enabled:bg-${config2.color.info.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.success.background.active.light} active:enabled:bg-${config2.color.success.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.warning.background.active.light} active:enabled:bg-${config2.color.warning.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.danger.background.active.light} active:enabled:bg-${config2.color.danger.background.active.dark}`]: {},
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
  }
@@ -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 dark:active:enabled:bg-${config2.color.default.background.active.light} active:enabled:bg-${config2.color.default.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.muted.background.active.light} active:enabled:bg-${config2.color.muted.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.primary.background.active.light} active:enabled:bg-${config2.color.primary.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.info.background.active.light} active:enabled:bg-${config2.color.info.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.success.background.active.light} active:enabled:bg-${config2.color.success.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.warning.background.active.light} active:enabled:bg-${config2.color.warning.background.active.dark}`]: {},
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 dark:active:enabled:bg-${config2.color.danger.background.active.light} active:enabled:bg-${config2.color.danger.background.active.dark}`]: {},
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
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shuriken-ui/tailwind",
3
- "version": "2.0.0",
3
+ "version": "2.0.1",
4
4
  "license": "MIT",
5
5
  "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
6
6
  "repository": "shuriken-ui/tailwind",