winduum 2.2.9 → 2.2.10

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 (99) hide show
  1. package/package.json +13 -14
  2. package/plugin/index.cjs +219 -217
  3. package/plugin/index.js +94 -94
  4. package/plugin/utilities/color.js +52 -50
  5. package/plugin/utilities/common.js +60 -60
  6. package/plugin/utilities/divide-gap.js +19 -19
  7. package/plugin/utilities/dot.js +10 -10
  8. package/src/base/defaults.css +1 -1
  9. package/src/base/reset.css +4 -1
  10. package/src/common.js +6 -6
  11. package/src/components/badge/props/default.css +2 -1
  12. package/src/components/breadcrumb/default.css +2 -1
  13. package/src/components/breadcrumb/props/default.css +2 -1
  14. package/src/components/button/interactive.css +3 -1
  15. package/src/components/button/props/default.css +2 -1
  16. package/src/components/button/props/interactive.css +2 -1
  17. package/src/components/card/props/default.css +2 -1
  18. package/src/components/carousel/content.css +2 -1
  19. package/src/components/carousel/index.js +128 -126
  20. package/src/components/check/default.css +1 -1
  21. package/src/components/check/props/default.css +4 -3
  22. package/src/components/color/default.css +2 -1
  23. package/src/components/color/interactive.css +2 -1
  24. package/src/components/color/props/default.css +3 -2
  25. package/src/components/compare/default.css +2 -1
  26. package/src/components/compare/index.js +9 -9
  27. package/src/components/control/icon.css +4 -2
  28. package/src/components/control/interactive.css +2 -1
  29. package/src/components/control/props/color.css +2 -1
  30. package/src/components/control/props/default.css +5 -4
  31. package/src/components/control/props/floating.css +2 -1
  32. package/src/components/control/props/icon.css +2 -1
  33. package/src/components/control/props/select-picker.css +4 -3
  34. package/src/components/control/props/select.css +2 -1
  35. package/src/components/control/select-picker.css +4 -2
  36. package/src/components/control/select.css +1 -1
  37. package/src/components/details/index.js +39 -38
  38. package/src/components/dialog/default.css +2 -1
  39. package/src/components/dialog/index.d.ts +1 -1
  40. package/src/components/dialog/index.js +42 -40
  41. package/src/components/dialog/props/content.css +2 -1
  42. package/src/components/dialog/props/default.css +2 -1
  43. package/src/components/drawer/default.css +2 -1
  44. package/src/components/drawer/index.js +29 -29
  45. package/src/components/drawer/props/content.css +2 -1
  46. package/src/components/drawer/props/default.css +2 -1
  47. package/src/components/form/index.js +83 -80
  48. package/src/components/heading/props/default.css +2 -1
  49. package/src/components/info/props/default.css +2 -1
  50. package/src/components/label/props/default.css +2 -1
  51. package/src/components/link/props/default.css +2 -1
  52. package/src/components/notice/props/default.css +2 -1
  53. package/src/components/popover/content.css +4 -2
  54. package/src/components/popover/index.js +45 -44
  55. package/src/components/popover/props/content.css +2 -1
  56. package/src/components/progress/props/default.css +2 -1
  57. package/src/components/range/index.js +37 -37
  58. package/src/components/range/props/default.css +2 -1
  59. package/src/components/rating/default.css +1 -1
  60. package/src/components/rating/props/default.css +2 -1
  61. package/src/components/switch/props/default.css +4 -3
  62. package/src/components/table/interactive.css +10 -5
  63. package/src/components/table/props/default.css +2 -1
  64. package/src/components/tabs/index.js +5 -5
  65. package/src/components/text/props/default.css +2 -1
  66. package/src/components/title/props/default.css +2 -1
  67. package/src/components/toast/index.js +25 -25
  68. package/src/components/toast/props/content.css +2 -1
  69. package/src/components/toast/props/default.css +2 -1
  70. package/src/components/toaster/index.js +3 -3
  71. package/src/components/toaster/props/default.css +2 -1
  72. package/src/components/tooltip/default.css +4 -2
  73. package/src/components/tooltip/props/default.css +2 -1
  74. package/src/theme/config/font.css +2 -1
  75. package/src/theme/config/radius.css +2 -1
  76. package/src/theme/config/spacing.css +2 -1
  77. package/src/theme/config/transition.css +2 -1
  78. package/src/theme/config/z.css +2 -1
  79. package/src/theme/dark-rgb.css +2 -1
  80. package/src/theme/dark.css +2 -1
  81. package/src/theme/default-p3.css +2 -1
  82. package/src/theme/default-rgb.css +3 -2
  83. package/src/theme/default.css +3 -2
  84. package/src/utilities/container/props/default.css +2 -1
  85. package/src/utilities/divider.css +5 -3
  86. package/src/utilities/dot.css +1 -1
  87. package/src/utilities/ripple/index.js +13 -13
  88. package/src/utilities/skeleton/props/default.css +2 -1
  89. package/src/utilities/spinner/default.css +4 -4
  90. package/src/utilities/spinner/ring.css +1 -1
  91. package/src/utilities/swap/index.js +4 -4
  92. package/tailwind.config.js +16 -17
  93. package/tailwindcss/base/defaults.css +3 -2
  94. package/tailwindcss/theme/config/transition.css +2 -1
  95. package/tailwindcss/theme/default.css +1 -1
  96. package/tailwindcss/utilities/divider.css +4 -2
  97. package/tailwindcss/utilities/dot.css +1 -1
  98. package/tailwindcss/utilities/spinner.css +5 -5
  99. package/types/index.d.ts +1 -1
package/src/utilities/ripple/index.js CHANGED
@@ -5,21 +5,21 @@
5
5
  * @returns void
6
6
  */
7
7
  export const showRipple = ({ currentTarget, offsetX, offsetY }, rippleElement = currentTarget.querySelector('.ripple')) => {
8
- if (!rippleElement) {
9
- currentTarget.insertAdjacentHTML('beforeend', '<div class="ripple"></div>')
10
- rippleElement = currentTarget.querySelector('.ripple')
11
- }
8
+ if (!rippleElement) {
9
+ currentTarget.insertAdjacentHTML('beforeend', '<div class="ripple"></div>')
10
+ rippleElement = currentTarget.querySelector('.ripple')
11
+ }
12
12
 
13
- rippleElement.classList.remove('animation-[ripple]')
13
+ rippleElement.classList.remove('animation-[ripple]')
14
14
 
15
- if (rippleElement.clientWidth === 0 && rippleElement.clientHeight === 0) {
16
- const d = Math.max(currentTarget.offsetWidth, currentTarget.offsetHeight)
15
+ if (rippleElement.clientWidth === 0 && rippleElement.clientHeight === 0) {
16
+ const d = Math.max(currentTarget.offsetWidth, currentTarget.offsetHeight)
17
17
 
18
- rippleElement.style.width = d + 'px'
19
- rippleElement.style.height = d + 'px'
20
- }
18
+ rippleElement.style.width = d + 'px'
19
+ rippleElement.style.height = d + 'px'
20
+ }
21
21
 
22
- rippleElement.style.top = offsetY - (rippleElement.clientHeight / 2) + 'px'
23
- rippleElement.style.left = offsetX - (rippleElement.clientWidth / 2) + 'px'
24
- rippleElement.classList.add('animation-[ripple]')
22
+ rippleElement.style.top = offsetY - (rippleElement.clientHeight / 2) + 'px'
23
+ rippleElement.style.left = offsetX - (rippleElement.clientWidth / 2) + 'px'
24
+ rippleElement.classList.add('animation-[ripple]')
25
25
  }
package/src/utilities/skeleton/props/default.css CHANGED
@@ -1,4 +1,5 @@
1
- :root, :host {
1
+ :root,
2
+ :host {
2
3
  --skeleton-opacity: 50%;
3
4
  --skeleton-gradient-from: color-mix(in var(--default-color-space), var(--color-body) 50%, var(--color-main));
4
5
  --skeleton-gradient-to: color-mix(in var(--default-color-space), var(--color-body) 80%, var(--color-main));
package/src/utilities/spinner/default.css CHANGED
@@ -4,10 +4,10 @@
4
4
  border-radius: 50%;
5
5
  border-width: var(--spinner-border-width, 2px);
6
6
  border-color:
7
- color-mix(in var(--default-color-space), currentColor var(--spinner-border-block-start-color-opacity, 100%), transparent)
8
- color-mix(in var(--default-color-space), currentColor var(--spinner-border-inline-end-color-opacity, 100%), transparent)
9
- color-mix(in var(--default-color-space), currentColor var(--spinner-border-block-end-color-opacity, 100%), transparent)
10
- color-mix(in var(--default-color-space), currentColor var(--spinner-border-inline-start-color-opacity, 0%), transparent);
7
+ color-mix(in var(--default-color-space), currentcolor var(--spinner-border-block-start-color-opacity, 100%), transparent)
8
+ color-mix(in var(--default-color-space), currentcolor var(--spinner-border-inline-end-color-opacity, 100%), transparent)
9
+ color-mix(in var(--default-color-space), currentcolor var(--spinner-border-block-end-color-opacity, 100%), transparent)
10
+ color-mix(in var(--default-color-space), currentcolor var(--spinner-border-inline-start-color-opacity, 0%), transparent);
11
11
  border-style: solid;
12
12
  animation: linear var(--spinner-animation-duration, 1s) infinite spin;
13
13
  }
package/src/utilities/spinner/ring.css CHANGED
@@ -10,6 +10,6 @@
10
10
  stroke-linecap: round;
11
11
  animation: spinner-ring-stretch calc(var(--spinner-animation-duration) * 0.75) ease-in-out infinite;
12
12
  fill: none;
13
- stroke: currentColor;
13
+ stroke: currentcolor;
14
14
  }
15
15
  }
package/src/utilities/swap/index.js CHANGED
@@ -4,9 +4,9 @@
4
4
  * @returns void
5
5
  */
6
6
  export const toggleSwap = (element) => {
7
- const ariaVisible = element.querySelector('[aria-hidden="false"]')
8
- const ariaHidden = element.querySelector('[aria-hidden="true"]')
7
+ const ariaVisible = element.querySelector('[aria-hidden="false"]')
8
+ const ariaHidden = element.querySelector('[aria-hidden="true"]')
9
9
 
10
- ariaVisible.ariaHidden = 'true'
11
- ariaHidden.ariaHidden = 'false'
10
+ ariaVisible.ariaHidden = 'true'
11
+ ariaHidden.ariaHidden = 'false'
12
12
  }
package/tailwind.config.js CHANGED
@@ -1,21 +1,20 @@
1
1
  import winduum from './plugin/index.js'
2
- import containerQueries from '@tailwindcss/container-queries'
2
+ import process from 'node:process'
3
3
 
4
4
  export default {
5
- darkMode: 'class',
6
- content: [
7
- './src/**/*.{js,html}',
8
- process.argv.includes('vite.config.prod.js') ? './playground/tailwind.html' : './playground/**/*.{js,html,vue}'
9
- ],
10
- plugins: [
11
- winduum({
12
- settings: {
13
- rgb: false
14
- }
15
- }),
16
- containerQueries
17
- ],
18
- future: {
19
- hoverOnlyWhenSupported: true
20
- }
5
+ darkMode: 'class',
6
+ content: [
7
+ './src/**/*.{js,html}',
8
+ process.argv.includes('vite.config.prod.js') ? './playground/tailwind.html' : './playground/**/*.{js,html,vue}',
9
+ ],
10
+ plugins: [
11
+ winduum({
12
+ settings: {
13
+ rgb: false,
14
+ },
15
+ }),
16
+ ],
17
+ future: {
18
+ hoverOnlyWhenSupported: true,
19
+ },
21
20
  }
package/tailwindcss/base/defaults.css CHANGED
@@ -1,9 +1,10 @@
1
- ::after, ::before {
1
+ ::after,
2
+ ::before {
2
3
  --tw-content: "";
3
4
  }
4
5
 
5
6
  :where(*),
6
7
  :where(*)::before,
7
8
  :where(*)::after {
8
- border: 0 solid currentColor;
9
+ border: 0 solid currentcolor;
9
10
  }
package/tailwindcss/theme/config/transition.css CHANGED
@@ -13,7 +13,8 @@
13
13
  }
14
14
 
15
15
  @media (prefers-reduced-motion) {
16
- :root, :host {
16
+ :root,
17
+ :host {
17
18
  --default-transition-duration: 0;
18
19
  --view-transition-main-duration: 0;
19
20
  }
package/tailwindcss/theme/default.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @theme {
2
- --default-color-space: sRGB;
2
+ --default-color-space: srgb;
3
3
  --default-color-scheme: light;
4
4
  --color-accent: var(--color-primary);
5
5
  --color-accent-foreground: var(--color-primary-foreground);
package/tailwindcss/utilities/divider.css CHANGED
@@ -7,7 +7,8 @@
7
7
  gap: var(--divider-gap, calc(var(--spacing) * 3));
8
8
  }
9
9
 
10
- &::before, &::after {
10
+ &::before,
11
+ &::after {
11
12
  content: "";
12
13
  flex-grow: 1;
13
14
  border: 0;
@@ -23,7 +24,8 @@
23
24
  @utility divider-vertical {
24
25
  flex-direction: column;
25
26
 
26
- &::before, &::after {
27
+ &::before,
28
+ &::after {
27
29
  border: 0;
28
30
  border-inline-start:
29
31
  1px solid color-mix(
package/tailwindcss/utilities/dot.css CHANGED
@@ -3,7 +3,7 @@
3
3
  inline-size: 0.5rem;
4
4
  block-size: 0.5rem;
5
5
  border-radius: var(--radius-full);
6
- background-color: currentColor;
6
+ background-color: currentcolor;
7
7
  flex-shrink: 0;
8
8
  justify-content: center;
9
9
  align-items: center;
package/tailwindcss/utilities/spinner.css CHANGED
@@ -4,10 +4,10 @@
4
4
  border-radius: 50%;
5
5
  border-width: var(--spinner-border-width, 2px);
6
6
  border-color:
7
- color-mix(in var(--default-color-space), currentColor var(--spinner-border-block-start-color-opacity, 100%), transparent)
8
- color-mix(in var(--default-color-space), currentColor var(--spinner-border-inline-end-color-opacity, 100%), transparent)
9
- color-mix(in var(--default-color-space), currentColor var(--spinner-border-block-end-color-opacity, 100%), transparent)
10
- color-mix(in var(--default-color-space), currentColor var(--spinner-border-inline-start-color-opacity, 0%), transparent);
7
+ color-mix(in var(--default-color-space), currentcolor var(--spinner-border-block-start-color-opacity, 100%), transparent)
8
+ color-mix(in var(--default-color-space), currentcolor var(--spinner-border-inline-end-color-opacity, 100%), transparent)
9
+ color-mix(in var(--default-color-space), currentcolor var(--spinner-border-block-end-color-opacity, 100%), transparent)
10
+ color-mix(in var(--default-color-space), currentcolor var(--spinner-border-inline-start-color-opacity, 0%), transparent);
11
11
  border-style: solid;
12
12
  animation: linear var(--spinner-animation-duration, 1s) infinite spin;
13
13
  }
@@ -30,6 +30,6 @@
30
30
  stroke-linecap: round;
31
31
  animation: spinner-ring-stretch calc(var(--spinner-animation-duration) * 0.75) ease-in-out infinite;
32
32
  fill: none;
33
- stroke: currentColor;
33
+ stroke: currentcolor;
34
34
  }
35
35
  }
package/types/index.d.ts CHANGED
@@ -107,7 +107,7 @@ declare module 'winduum/src/components/dialog' {
107
107
  openAttribute?: string
108
108
  closedAttribute?: string
109
109
  contentSelector?: string
110
- scrollbarWidthProperty?: string
110
+ scrollbarWidthProperty?: string | null
111
111
  }
112
112
 
113
113
  export const defaultOptions: DefaultOptions