@shuriken-ui/tailwind 3.0.0-next.2 → 3.0.0-next.4

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.
Files changed (3) hide show
  1. package/dist/plugins/index.cjs +11 -23
  2. package/dist/plugins/index.mjs +11 -23
  3. package/package.json +1 -1
package/dist/plugins/index.cjs CHANGED
@@ -19755,7 +19755,7 @@ const defaultConfig = {
19755
19755
  },
19756
19756
  background: {
19757
19757
  light: "[#1e293b]",
19758
- dark: "[#ec4899]"
19758
+ dark: "[#4c1d95]"
19759
19759
  },
19760
19760
  size: {
19761
19761
  width: {
@@ -19826,12 +19826,8 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
19826
19826
  borderRadius: "0.5ch",
19827
19827
  zIndex: "1000",
19828
19828
  [`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
19829
- [`@apply text-${config2.font.color.light}`]: {},
19830
- [`@apply bg-${config2.background.light}`]: {}
19831
- },
19832
- [`.dark [${tooltip}]::after`]: {
19833
- [`@apply text-${config2.font.color.dark}`]: {},
19834
- [`@apply bg-${config2.background.dark}`]: {}
19829
+ [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.light}`]: {},
19830
+ [`@apply bg-${config2.background.light} dark:bg-${config2.background.dark}`]: {}
19835
19831
  },
19836
19832
  [`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
19837
19833
  display: "block"
@@ -19844,10 +19840,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
19844
19840
  bottom: "calc(100% + 8px)",
19845
19841
  borderBottomWidth: "0",
19846
19842
  borderTopColor: "currentColor",
19847
- [`@apply text-${config2.background.light}`]: {}
19848
- },
19849
- [`.dark [${tooltip}]:not([${position}])::before, .dark [${tooltip}][${position}^='up']::before`]: {
19850
- [`@apply text-${config2.background.dark}`]: {}
19843
+ [`@apply text-${config2.background.light} dark:text-${config2.background.light}`]: {}
19851
19844
  },
19852
19845
  [`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
19853
19846
  bottom: "calc(100% + 13px)"
@@ -19862,10 +19855,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
19862
19855
  top: "100%",
19863
19856
  borderTopWidth: "0",
19864
19857
  borderBottomColor: "currentColor",
19865
- [`@apply text-${config2.background.light}`]: {}
19866
- },
19867
- [`.dark [${tooltip}][${position}^='down']::before`]: {
19868
- [`@apply text-${config2.background.dark}`]: {}
19858
+ [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
19869
19859
  },
19870
19860
  [`[${tooltip}][${position}^='down']::after`]: {
19871
19861
  top: "calc(100% + 5px)"
@@ -19878,12 +19868,11 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
19878
19868
  /* position start (left) */
19879
19869
  [`[${tooltip}][${position}^='start']::before, [${tooltip}][${position}^='left']::before`]: {
19880
19870
  top: "50%",
19881
- borderEndWidth: "0",
19882
- borderStartColor: "currentColor",
19871
+ borderRightWidth: "0",
19872
+ borderLeftColor: "currentColor",
19883
19873
  insetInlineStart: "calc(0em - 5px)",
19884
19874
  transform: "translate(-0.5em, -50%)",
19885
- [`@apply text-${config2.background.light}`]: {},
19886
- [`@apply text-${config2.background.dark}`]: {}
19875
+ [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
19887
19876
  },
19888
19877
  [`[${tooltip}][${position}^='start']::after, [${tooltip}][${position}^='left']::after`]: {
19889
19878
  top: "50%",
@@ -19893,12 +19882,11 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
19893
19882
  /* position end (right) */
19894
19883
  [`[${tooltip}][${position}^='end']::before, [${tooltip}][${position}^='right']::before`]: {
19895
19884
  top: "50%",
19896
- borderStartWidth: "0",
19897
- borderEndColor: "currentColor",
19885
+ borderLefttWidth: "0",
19886
+ borderRightColor: "currentColor",
19898
19887
  insetInlineEnd: "calc(0em - 5px)",
19899
19888
  transform: "translate(0.5em, -50%)",
19900
- [`@apply text-${config2.background.light}`]: {},
19901
- [`@apply text-${config2.background.dark}`]: {}
19889
+ [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
19902
19890
  },
19903
19891
  [`[${tooltip}][${position}^='end']::after, [${tooltip}][${position}^='right']::after`]: {
19904
19892
  top: "50%",
package/dist/plugins/index.mjs CHANGED
@@ -19749,7 +19749,7 @@ const defaultConfig = {
19749
19749
  },
19750
19750
  background: {
19751
19751
  light: "[#1e293b]",
19752
- dark: "[#ec4899]"
19752
+ dark: "[#4c1d95]"
19753
19753
  },
19754
19754
  size: {
19755
19755
  width: {
@@ -19820,12 +19820,8 @@ const tooltip = plugin(({ addComponents, theme }) => {
19820
19820
  borderRadius: "0.5ch",
19821
19821
  zIndex: "1000",
19822
19822
  [`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
19823
- [`@apply text-${config2.font.color.light}`]: {},
19824
- [`@apply bg-${config2.background.light}`]: {}
19825
- },
19826
- [`.dark [${tooltip}]::after`]: {
19827
- [`@apply text-${config2.font.color.dark}`]: {},
19828
- [`@apply bg-${config2.background.dark}`]: {}
19823
+ [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.light}`]: {},
19824
+ [`@apply bg-${config2.background.light} dark:bg-${config2.background.dark}`]: {}
19829
19825
  },
19830
19826
  [`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
19831
19827
  display: "block"
@@ -19838,10 +19834,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
19838
19834
  bottom: "calc(100% + 8px)",
19839
19835
  borderBottomWidth: "0",
19840
19836
  borderTopColor: "currentColor",
19841
- [`@apply text-${config2.background.light}`]: {}
19842
- },
19843
- [`.dark [${tooltip}]:not([${position}])::before, .dark [${tooltip}][${position}^='up']::before`]: {
19844
- [`@apply text-${config2.background.dark}`]: {}
19837
+ [`@apply text-${config2.background.light} dark:text-${config2.background.light}`]: {}
19845
19838
  },
19846
19839
  [`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
19847
19840
  bottom: "calc(100% + 13px)"
@@ -19856,10 +19849,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
19856
19849
  top: "100%",
19857
19850
  borderTopWidth: "0",
19858
19851
  borderBottomColor: "currentColor",
19859
- [`@apply text-${config2.background.light}`]: {}
19860
- },
19861
- [`.dark [${tooltip}][${position}^='down']::before`]: {
19862
- [`@apply text-${config2.background.dark}`]: {}
19852
+ [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
19863
19853
  },
19864
19854
  [`[${tooltip}][${position}^='down']::after`]: {
19865
19855
  top: "calc(100% + 5px)"
@@ -19872,12 +19862,11 @@ const tooltip = plugin(({ addComponents, theme }) => {
19872
19862
  /* position start (left) */
19873
19863
  [`[${tooltip}][${position}^='start']::before, [${tooltip}][${position}^='left']::before`]: {
19874
19864
  top: "50%",
19875
- borderEndWidth: "0",
19876
- borderStartColor: "currentColor",
19865
+ borderRightWidth: "0",
19866
+ borderLeftColor: "currentColor",
19877
19867
  insetInlineStart: "calc(0em - 5px)",
19878
19868
  transform: "translate(-0.5em, -50%)",
19879
- [`@apply text-${config2.background.light}`]: {},
19880
- [`@apply text-${config2.background.dark}`]: {}
19869
+ [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
19881
19870
  },
19882
19871
  [`[${tooltip}][${position}^='start']::after, [${tooltip}][${position}^='left']::after`]: {
19883
19872
  top: "50%",
@@ -19887,12 +19876,11 @@ const tooltip = plugin(({ addComponents, theme }) => {
19887
19876
  /* position end (right) */
19888
19877
  [`[${tooltip}][${position}^='end']::before, [${tooltip}][${position}^='right']::before`]: {
19889
19878
  top: "50%",
19890
- borderStartWidth: "0",
19891
- borderEndColor: "currentColor",
19879
+ borderLefttWidth: "0",
19880
+ borderRightColor: "currentColor",
19892
19881
  insetInlineEnd: "calc(0em - 5px)",
19893
19882
  transform: "translate(0.5em, -50%)",
19894
- [`@apply text-${config2.background.light}`]: {},
19895
- [`@apply text-${config2.background.dark}`]: {}
19883
+ [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
19896
19884
  },
19897
19885
  [`[${tooltip}][${position}^='end']::after, [${tooltip}][${position}^='right']::after`]: {
19898
19886
  top: "50%",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shuriken-ui/tailwind",
3
- "version": "3.0.0-next.2",
3
+ "version": "3.0.0-next.4",
4
4
  "license": "MIT",
5
5
  "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
6
6
  "repository": "shuriken-ui/tailwind",