daisyui 5.0.0-alpha.4 → 5.0.0-alpha.6

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 (94) hide show
  1. package/base/root-color/config.js +12 -0
  2. package/base/root-color/index.css +1 -0
  3. package/base/root-color/index.js +1 -0
  4. package/base/root-color.css +1 -0
  5. package/base/scrollbar/config.js +12 -0
  6. package/base/scrollbar/index.css +1 -0
  7. package/base/scrollbar/index.js +1 -0
  8. package/base/scrollbar.css +1 -0
  9. package/base/tap-color/config.js +12 -0
  10. package/base/tap-color/index.css +1 -0
  11. package/base/tap-color/index.js +1 -0
  12. package/base/tap-color.css +1 -0
  13. package/chunks.css +30 -0
  14. package/colors/properties.css +1 -0
  15. package/colors/responsive.css +1 -0
  16. package/colors/states.css +1 -0
  17. package/components/avatar/class.json +7 -0
  18. package/components/avatar/config.js +12 -0
  19. package/components/avatar/index.css +1 -0
  20. package/components/avatar/index.js +1 -0
  21. package/components/avatar.css +1 -0
  22. package/components/badge/config.js +1 -1
  23. package/components/badge/index.js +1 -74
  24. package/components/badge.css +1 -109
  25. package/components/button/class.json +1 -0
  26. package/components/button/config.js +1 -1
  27. package/components/button/index.js +1 -172
  28. package/components/button.css +1 -295
  29. package/components/checkbox/config.js +1 -1
  30. package/components/checkbox/index.js +1 -108
  31. package/components/checkbox.css +1 -144
  32. package/components/dropdown/class.json +13 -0
  33. package/components/dropdown/config.js +12 -0
  34. package/components/dropdown/index.css +1 -0
  35. package/components/dropdown/index.js +1 -0
  36. package/components/dropdown.css +1 -0
  37. package/components/input/config.js +1 -1
  38. package/components/input/index.js +1 -128
  39. package/components/input.css +1 -204
  40. package/components/kbd/config.js +1 -1
  41. package/components/kbd/index.js +1 -27
  42. package/components/kbd.css +1 -49
  43. package/components/link/class.json +12 -0
  44. package/components/link/config.js +12 -0
  45. package/components/link/index.css +1 -0
  46. package/components/link/index.js +1 -0
  47. package/components/link.css +1 -0
  48. package/components/loading/config.js +1 -1
  49. package/components/loading/index.js +1 -39
  50. package/components/loading.css +1 -42
  51. package/components/mask/config.js +1 -1
  52. package/components/mask/index.js +1 -74
  53. package/components/mask.css +1 -78
  54. package/components/menu/config.js +1 -1
  55. package/components/menu/index.js +1 -129
  56. package/components/menu.css +1 -237
  57. package/components/radio/config.js +1 -1
  58. package/components/radio/index.js +1 -73
  59. package/components/radio.css +1 -102
  60. package/components/range/config.js +1 -1
  61. package/components/range/index.js +1 -132
  62. package/components/range.css +1 -164
  63. package/components/rating/config.js +1 -1
  64. package/components/rating/index.js +1 -82
  65. package/components/rating.css +1 -104
  66. package/components/select/config.js +1 -1
  67. package/components/select/index.js +1 -99
  68. package/components/select.css +1 -166
  69. package/components/stack/class.json +3 -0
  70. package/components/stack/config.js +12 -0
  71. package/components/stack/index.css +1 -0
  72. package/components/stack/index.js +1 -0
  73. package/components/stack.css +1 -0
  74. package/components/tab/config.js +1 -1
  75. package/components/tab/index.js +1 -165
  76. package/components/tab.css +1 -229
  77. package/components/toggle/config.js +1 -1
  78. package/components/toggle/index.js +1 -102
  79. package/components/toggle.css +1 -143
  80. package/components/tooltip/config.js +1 -1
  81. package/components/tooltip/index.js +1 -135
  82. package/components/tooltip.css +1 -173
  83. package/full.css +1 -20
  84. package/index.css +8 -0
  85. package/package.json +9 -4
  86. package/themes/dark/index.css +1 -1
  87. package/themes/default/index.css +1 -1
  88. package/themes/index.css +1 -1
  89. package/themes/light/index.css +1 -1
  90. package/utilities/join/config.js +12 -0
  91. package/utilities/join/index.css +1 -0
  92. package/utilities/join/index.js +1 -0
  93. package/utilities/join.css +1 -0
  94. package/colors.css +0 -8640
@@ -1,128 +1 @@
1
- export default {
2
- ".input": {
3
- "@apply bg-base-100 rounded-btn h-10 shrink appearance-none border border-transparent px-4 text-base text-sm leading-loose align-middle": {},
4
- "input": {
5
- "@apply border-none bg-transparent": {},
6
- "&:focus": {
7
- "@apply outline-none": {}
8
- }
9
- },
10
- "&:focus,\n &:focus-within": {
11
- "@apply border-base-content/20 outline-base-content/20 outline outline-2 outline-offset-2": {}
12
- },
13
- "&:has(> input[disabled]),\n &:is(:disabled, [disabled])": {
14
- "@apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 placeholder-base-content/20 cursor-not-allowed": {}
15
- },
16
- "&:has(> input[disabled])>input[disabled]": {
17
- "@apply cursor-not-allowed": {}
18
- },
19
- "&::-webkit-date-and-time-value": {
20
- "textAlign": "inherit"
21
- },
22
- "&[type=\"number\"]": {
23
- "&::-webkit-inner-spin-button": {
24
- "@apply -my-4 -me-4": {}
25
- }
26
- },
27
- "&[list]": {
28
- "&::-webkit-calendar-picker-indicator": {
29
- "lineHeight": "1em"
30
- }
31
- },
32
- "&.input-bordered": {
33
- "@apply border-base-content/20": {},
34
- "boxShadow": "0 1px oklch(0% 0 0 / 0.1) inset,\n 0 -1px oklch(100% 0 0 / 0.1) inset",
35
- "&:focus": {
36
- "boxShadow": "0 1px oklch(0% 0 0 / 0.1)"
37
- }
38
- },
39
- "&.input-ghost": {
40
- "@apply bg-base-100/5 shadow-none": {},
41
- "&:focus,\n &:focus-within": {
42
- "@apply text-base-content bg-base-100": {},
43
- "boxShadow": "none"
44
- }
45
- },
46
- "&.input-primary": {
47
- "@apply border-primary": {},
48
- "backgroundColor": "color-mix(in oklab, var(--color-primary) 2%, transparent)",
49
- "&:focus,\n &:focus-within": {
50
- "@apply outline-primary border-primary": {}
51
- }
52
- },
53
- "&.input-secondary": {
54
- "@apply border-secondary": {},
55
- "backgroundColor": "color-mix(in oklab, var(--color-secondary) 2%, transparent)",
56
- "&:focus,\n &:focus-within": {
57
- "@apply outline-secondary border-secondary": {}
58
- }
59
- },
60
- "&.input-accent": {
61
- "@apply border-accent": {},
62
- "backgroundColor": "color-mix(in oklab, var(--color-accent) 2%, transparent)",
63
- "&:focus,\n &:focus-within": {
64
- "@apply outline-accent border-accent": {}
65
- }
66
- },
67
- "&.input-info": {
68
- "@apply border-info": {},
69
- "backgroundColor": "color-mix(in oklab, var(--color-info) 2%, transparent)",
70
- "&:focus,\n &:focus-within": {
71
- "@apply outline-info border-info": {}
72
- }
73
- },
74
- "&.input-success": {
75
- "@apply border-success": {},
76
- "backgroundColor": "color-mix(in oklab, var(--color-success) 2%, transparent)",
77
- "&:focus,\n &:focus-within": {
78
- "@apply outline-success border-success": {}
79
- }
80
- },
81
- "&.input-warning": {
82
- "@apply border-warning": {},
83
- "backgroundColor": "color-mix(in oklab, var(--color-warning) 2%, transparent)",
84
- "&:focus,\n &:focus-within": {
85
- "@apply outline-warning border-warning": {}
86
- }
87
- },
88
- "&.input-error": {
89
- "@apply border-error": {},
90
- "backgroundColor": "color-mix(in oklab, var(--color-error) 2%, transparent)",
91
- "&:focus,\n &:focus-within": {
92
- "@apply outline-error border-error": {}
93
- }
94
- },
95
- "&.input-xs": {
96
- "@apply h-6 px-2 text-xs leading-relaxed": {},
97
- "&[type=\"number\"]": {
98
- "&::-webkit-inner-spin-button": {
99
- "@apply -my-1 -me-0": {}
100
- }
101
- }
102
- },
103
- "&.input-sm": {
104
- "@apply h-8 px-3 text-sm leading-8": {},
105
- "&[type=\"number\"]": {
106
- "&::-webkit-inner-spin-button": {
107
- "@apply my-0 -me-0": {}
108
- }
109
- }
110
- },
111
- "&.input-md": {
112
- "@apply h-10 px-4 text-sm leading-loose": {},
113
- "&[type=\"number\"]": {
114
- "&::-webkit-inner-spin-button": {
115
- "@apply -my-4 -me-4": {}
116
- }
117
- }
118
- },
119
- "&.input-lg": {
120
- "@apply h-14 px-6 text-lg leading-loose": {},
121
- "&[type=\"number\"]": {
122
- "&::-webkit-inner-spin-button": {
123
- "@apply -my-6 -me-6": {}
124
- }
125
- }
126
- }
127
- }
128
- };
1
+ export default {".input":{"@apply bg-base-100 h-10 shrink appearance-none border border-transparent px-4 text-base text-sm leading-loose align-middle":{},"borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","input":{"@apply border-none bg-transparent":{},"&:focus":{"@apply outline-none":{}}},"&:focus,\n &:focus-within":{"@apply border-base-content/20 outline-base-content/20 outline outline-2 outline-offset-2":{}},"&:has(> input[disabled]),\n &:is(:disabled, [disabled])":{"@apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 placeholder-base-content/20 cursor-not-allowed":{}},"&:has(> input[disabled])>input[disabled]":{"@apply cursor-not-allowed":{}},"&::-webkit-date-and-time-value":{"textAlign":"inherit"},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-4 -me-4":{}}},"&[list]":{"&::-webkit-calendar-picker-indicator":{"lineHeight":"1em"}},"&.input-bordered":{"@apply border-base-content/20":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset,\n 0 -1px oklch(100% 0 0 / 0.1) inset","&:focus":{"boxShadow":"0 1px oklch(0% 0 0 / 0.1)"}},"&.input-ghost":{"@apply bg-base-100/5 shadow-none":{},"&:focus,\n &:focus-within":{"@apply text-base-content bg-base-100":{},"boxShadow":"none"}},"&.input-primary":{"@apply border-primary":{},"backgroundColor":"color-mix(in oklab, var(--color-primary) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-primary border-primary":{}}},"&.input-secondary":{"@apply border-secondary":{},"backgroundColor":"color-mix(in oklab, var(--color-secondary) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-secondary border-secondary":{}}},"&.input-accent":{"@apply border-accent":{},"backgroundColor":"color-mix(in oklab, var(--color-accent) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-accent border-accent":{}}},"&.input-info":{"@apply border-info":{},"backgroundColor":"color-mix(in oklab, var(--color-info) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-info border-info":{}}},"&.input-success":{"@apply border-success":{},"backgroundColor":"color-mix(in oklab, var(--color-success) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-success border-success":{}}},"&.input-warning":{"@apply border-warning":{},"backgroundColor":"color-mix(in oklab, var(--color-warning) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-warning border-warning":{}}},"&.input-error":{"@apply border-error":{},"backgroundColor":"color-mix(in oklab, var(--color-error) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-error border-error":{}}},"&.input-xs":{"@apply h-6 px-2 text-xs leading-relaxed":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-1 -me-0":{}}}},"&.input-sm":{"@apply h-8 px-3 text-sm leading-8":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply my-0 -me-0":{}}}},"&.input-md":{"@apply h-10 px-4 text-sm leading-loose":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-4 -me-4":{}}}},"&.input-lg":{"@apply h-14 px-6 text-lg leading-loose":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-6 -me-6":{}}}}}};
@@ -1,204 +1 @@
1
- .input {
2
- height: var(--spacing-10, 2.5rem);
3
- flex-shrink: 1;
4
- appearance: none;
5
- border-radius: var(--radius-btn, 0.5rem);
6
- border-style: var(--tw-border-style);
7
- border-width: 1px;
8
- border-color: transparent;
9
- background-color: var(--color-base-100, oklch(100% 0 0));
10
- padding-left: var(--spacing-4, 1rem);
11
- padding-right: var(--spacing-4, 1rem);
12
- vertical-align: middle;
13
- font-size: var(--font-size-base, 1rem);
14
- line-height: var(--tw-leading, var(--font-size-base--line-height, 1.5rem));
15
- font-size: var(--font-size-sm, 0.875rem);
16
- line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
17
- --tw-leading: var(--line-height-loose, 2);
18
- line-height: var(--line-height-loose, 2);
19
- input {
20
- --tw-border-style: none;
21
- border-style: none;
22
- background-color: transparent;
23
- &:focus {
24
- outline: 2px solid transparent;
25
- outline-offset: 2px;
26
- }
27
- }
28
- &:focus, &:focus-within {
29
- border-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
30
- outline-style: var(--tw-outline-style);
31
- outline-width: 1px;
32
- outline-style: var(--tw-outline-style);
33
- outline-width: 2px;
34
- outline-offset: 2px;
35
- outline-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
36
- }
37
- &:has(> input[disabled]), &:is(:disabled, [disabled]) {
38
- cursor: not-allowed;
39
- border-color: var(--color-base-200, oklch(96.1151% 0 0));
40
- background-color: var(--color-base-200, oklch(96.1151% 0 0));
41
- color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 40%, transparent);
42
- &::placeholder {
43
- color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
44
- }
45
- &::placeholder {
46
- color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
47
- }
48
- }
49
- &:has(> input[disabled])>input[disabled] {
50
- cursor: not-allowed;
51
- }
52
- &::-webkit-date-and-time-value {
53
- text-align: inherit;
54
- }
55
- &[type="number"] {
56
- &::-webkit-inner-spin-button {
57
- margin-top: calc(var(--spacing-4, 1rem) * -1);
58
- margin-bottom: calc(var(--spacing-4, 1rem) * -1);
59
- margin-inline-end: calc(var(--spacing-4, 1rem) * -1);
60
- }
61
- }
62
- &[list] {
63
- &::-webkit-calendar-picker-indicator {
64
- line-height: 1em;
65
- }
66
- }
67
- &.input-bordered {
68
- border-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
69
- box-shadow: 0 1px oklch(0% 0 0 / 0.1) inset, 0 -1px oklch(100% 0 0 / 0.1) inset;
70
- &:focus {
71
- box-shadow: 0 1px oklch(0% 0 0 / 0.1);
72
- }
73
- }
74
- &.input-ghost {
75
- background-color: color-mix(in srgb, var(--color-base-100, oklch(100% 0 0)) 5%, transparent);
76
- --tw-shadow: 0 0 #0000;
77
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
78
- &:focus, &:focus-within {
79
- background-color: var(--color-base-100, oklch(100% 0 0));
80
- color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
81
- box-shadow: none;
82
- }
83
- }
84
- &.input-primary {
85
- border-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
86
- background-color: color-mix(in oklab, var(--color-primary) 2%, transparent);
87
- &:focus, &:focus-within {
88
- border-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
89
- outline-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
90
- }
91
- }
92
- &.input-secondary {
93
- border-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
94
- background-color: color-mix(in oklab, var(--color-secondary) 2%, transparent);
95
- &:focus, &:focus-within {
96
- border-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
97
- outline-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
98
- }
99
- }
100
- &.input-accent {
101
- border-color: var(--color-accent, oklch(76.76% 0.184 183.61));
102
- background-color: color-mix(in oklab, var(--color-accent) 2%, transparent);
103
- &:focus, &:focus-within {
104
- border-color: var(--color-accent, oklch(76.76% 0.184 183.61));
105
- outline-color: var(--color-accent, oklch(76.76% 0.184 183.61));
106
- }
107
- }
108
- &.input-info {
109
- border-color: var(--color-info, oklch(72.06% 0.191 231.6));
110
- background-color: color-mix(in oklab, var(--color-info) 2%, transparent);
111
- &:focus, &:focus-within {
112
- border-color: var(--color-info, oklch(72.06% 0.191 231.6));
113
- outline-color: var(--color-info, oklch(72.06% 0.191 231.6));
114
- }
115
- }
116
- &.input-success {
117
- border-color: var(--color-success, oklch(64.8% 0.15 160));
118
- background-color: color-mix(in oklab, var(--color-success) 2%, transparent);
119
- &:focus, &:focus-within {
120
- border-color: var(--color-success, oklch(64.8% 0.15 160));
121
- outline-color: var(--color-success, oklch(64.8% 0.15 160));
122
- }
123
- }
124
- &.input-warning {
125
- border-color: var(--color-warning, oklch(84.71% 0.199 83.87));
126
- background-color: color-mix(in oklab, var(--color-warning) 2%, transparent);
127
- &:focus, &:focus-within {
128
- border-color: var(--color-warning, oklch(84.71% 0.199 83.87));
129
- outline-color: var(--color-warning, oklch(84.71% 0.199 83.87));
130
- }
131
- }
132
- &.input-error {
133
- border-color: var(--color-error, oklch(71.76% 0.221 22.18));
134
- background-color: color-mix(in oklab, var(--color-error) 2%, transparent);
135
- &:focus, &:focus-within {
136
- border-color: var(--color-error, oklch(71.76% 0.221 22.18));
137
- outline-color: var(--color-error, oklch(71.76% 0.221 22.18));
138
- }
139
- }
140
- &.input-xs {
141
- height: var(--spacing-6, 1.5rem);
142
- padding-left: var(--spacing-2, 0.5rem);
143
- padding-right: var(--spacing-2, 0.5rem);
144
- font-size: var(--font-size-xs, 0.75rem);
145
- line-height: var(--tw-leading, var(--font-size-xs--line-height, 1rem));
146
- --tw-leading: var(--line-height-relaxed, 1.625);
147
- line-height: var(--line-height-relaxed, 1.625);
148
- &[type="number"] {
149
- &::-webkit-inner-spin-button {
150
- margin-top: calc(var(--spacing-1, 0.25rem) * -1);
151
- margin-bottom: calc(var(--spacing-1, 0.25rem) * -1);
152
- margin-inline-end: calc(var(--spacing-0, 0px) * -1);
153
- }
154
- }
155
- }
156
- &.input-sm {
157
- height: var(--spacing-8, 2rem);
158
- padding-left: var(--spacing-3, 0.75rem);
159
- padding-right: var(--spacing-3, 0.75rem);
160
- font-size: var(--font-size-sm, 0.875rem);
161
- line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
162
- --tw-leading: var(--line-height-8, 2rem);
163
- line-height: var(--line-height-8, 2rem);
164
- &[type="number"] {
165
- &::-webkit-inner-spin-button {
166
- margin-top: var(--spacing-0, 0px);
167
- margin-bottom: var(--spacing-0, 0px);
168
- margin-inline-end: calc(var(--spacing-0, 0px) * -1);
169
- }
170
- }
171
- }
172
- &.input-md {
173
- height: var(--spacing-10, 2.5rem);
174
- padding-left: var(--spacing-4, 1rem);
175
- padding-right: var(--spacing-4, 1rem);
176
- font-size: var(--font-size-sm, 0.875rem);
177
- line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
178
- --tw-leading: var(--line-height-loose, 2);
179
- line-height: var(--line-height-loose, 2);
180
- &[type="number"] {
181
- &::-webkit-inner-spin-button {
182
- margin-top: calc(var(--spacing-4, 1rem) * -1);
183
- margin-bottom: calc(var(--spacing-4, 1rem) * -1);
184
- margin-inline-end: calc(var(--spacing-4, 1rem) * -1);
185
- }
186
- }
187
- }
188
- &.input-lg {
189
- height: var(--spacing-14, 3.5rem);
190
- padding-left: var(--spacing-6, 1.5rem);
191
- padding-right: var(--spacing-6, 1.5rem);
192
- font-size: var(--font-size-lg, 1.125rem);
193
- line-height: var(--tw-leading, var(--font-size-lg--line-height, 1.75rem));
194
- --tw-leading: var(--line-height-loose, 2);
195
- line-height: var(--line-height-loose, 2);
196
- &[type="number"] {
197
- &::-webkit-inner-spin-button {
198
- margin-top: calc(var(--spacing-6, 1.5rem) * -1);
199
- margin-bottom: calc(var(--spacing-6, 1.5rem) * -1);
200
- margin-inline-end: calc(var(--spacing-6, 1.5rem) * -1);
201
- }
202
- }
203
- }
204
- }
1
+ /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .input{height:var(--spacing-10,2.5rem);appearance:none;border-style:var(--tw-border-style);background-color:var(--color-base-100,oklch(100% 0 0));padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);border-width:1px;border-color:#0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;& input{--tw-border-style:none;background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200,oklch(96.1151% 0 0));background-color:var(--color-base-200,oklch(96.1151% 0 0));color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}&[list]{&::-webkit-calendar-picker-indicator{line-height:1em}}&.input-bordered{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.input-ghost{background-color:color-mix(in srgb,var(--color-base-100,oklch(100% 0 0))5%,transparent);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);&:focus,&:focus-within{background-color:var(--color-base-100,oklch(100% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848));box-shadow:none}}&.input-primary{border-color:var(--color-primary,oklch(49.12% .3096 275.75));background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary,oklch(49.12% .3096 275.75));outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}}&.input-secondary{border-color:var(--color-secondary,oklch(69.71% .329 342.55));background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary,oklch(69.71% .329 342.55));outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}}&.input-accent{border-color:var(--color-accent,oklch(76.76% .184 183.61));background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent,oklch(76.76% .184 183.61));outline-color:var(--color-accent,oklch(76.76% .184 183.61))}}&.input-info{border-color:var(--color-info,oklch(72.06% .191 231.6));background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info,oklch(72.06% .191 231.6));outline-color:var(--color-info,oklch(72.06% .191 231.6))}}&.input-success{border-color:var(--color-success,oklch(64.8% .15 160));background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success,oklch(64.8% .15 160));outline-color:var(--color-success,oklch(64.8% .15 160))}}&.input-warning{border-color:var(--color-warning,oklch(84.71% .199 83.87));background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning,oklch(84.71% .199 83.87));outline-color:var(--color-warning,oklch(84.71% .199 83.87))}}&.input-error{border-color:var(--color-error,oklch(71.76% .221 22.18));background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error,oklch(71.76% .221 22.18));outline-color:var(--color-error,oklch(71.76% .221 22.18))}}&.input-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-relaxed,1.625);line-height:var(--line-height-relaxed,1.625);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-1,.25rem)*-1);margin-bottom:calc(var(--spacing-1,.25rem)*-1);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-8,2rem);line-height:var(--line-height-8,2rem);&[type=number]{&::-webkit-inner-spin-button{margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}}&.input-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-6,1.5rem)*-1);margin-bottom:calc(var(--spacing-6,1.5rem)*-1);margin-inline-end:calc(var(--spacing-6,1.5rem)*-1)}}}}
@@ -4,7 +4,7 @@ import index from './index.js';
4
4
  export default {
5
5
  plugins: [
6
6
  plugin(({ addComponents }) => {
7
- addComponents({
7
+ addComponents({
8
8
  ...index
9
9
  });
10
10
  })
@@ -1,27 +1 @@
1
- export default {
2
- ".kbd": {
3
- "@apply inline-flex items-center justify-center border-base-content/20 bg-base-200 rounded-btn border px-2 border-b-2 align-middle": {},
4
- "minHeight": "2.2em",
5
- "minWidth": "2.2em"
6
- },
7
- ".kbd-xs": {
8
- "@apply px-1 text-xs": {},
9
- "minHeight": "1.2em",
10
- "minWidth": "1.2em"
11
- },
12
- ".kbd-sm": {
13
- "@apply px-1 text-sm": {},
14
- "minHeight": "1.6em",
15
- "minWidth": "1.6em"
16
- },
17
- ".kbd-md": {
18
- "@apply px-2 text-base": {},
19
- "minHeight": "2.2em",
20
- "minWidth": "2.2em"
21
- },
22
- ".kbd-lg": {
23
- "@apply px-4 text-lg": {},
24
- "minHeight": "2.5em",
25
- "minWidth": "2.5em"
26
- }
27
- };
1
+ export default {".kbd":{"@apply inline-flex items-center justify-center border-base-content/20 bg-base-200 rounded-btn border px-2 border-b-2 align-middle":{},"minHeight":"2.2em","minWidth":"2.2em"},".kbd-xs":{"@apply px-1 text-xs":{},"minHeight":"1.2em","minWidth":"1.2em"},".kbd-sm":{"@apply px-1 text-sm":{},"minHeight":"1.6em","minWidth":"1.6em"},".kbd-md":{"@apply px-2 text-base":{},"minHeight":"2.2em","minWidth":"2.2em"},".kbd-lg":{"@apply px-4 text-lg":{},"minHeight":"2.5em","minWidth":"2.5em"}};
@@ -1,49 +1 @@
1
- .kbd {
2
- display: inline-flex;
3
- align-items: center;
4
- justify-content: center;
5
- border-radius: var(--radius-btn, 0.5rem);
6
- border-style: var(--tw-border-style);
7
- border-width: 1px;
8
- border-bottom-style: var(--tw-border-style);
9
- border-bottom-width: 2px;
10
- border-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
11
- background-color: var(--color-base-200, oklch(96.1151% 0 0));
12
- padding-left: var(--spacing-2, 0.5rem);
13
- padding-right: var(--spacing-2, 0.5rem);
14
- vertical-align: middle;
15
- min-height: 2.2em;
16
- min-width: 2.2em;
17
- }
18
- .kbd-xs {
19
- padding-left: var(--spacing-1, 0.25rem);
20
- padding-right: var(--spacing-1, 0.25rem);
21
- font-size: var(--font-size-xs, 0.75rem);
22
- line-height: var(--tw-leading, var(--font-size-xs--line-height, 1rem));
23
- min-height: 1.2em;
24
- min-width: 1.2em;
25
- }
26
- .kbd-sm {
27
- padding-left: var(--spacing-1, 0.25rem);
28
- padding-right: var(--spacing-1, 0.25rem);
29
- font-size: var(--font-size-sm, 0.875rem);
30
- line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
31
- min-height: 1.6em;
32
- min-width: 1.6em;
33
- }
34
- .kbd-md {
35
- padding-left: var(--spacing-2, 0.5rem);
36
- padding-right: var(--spacing-2, 0.5rem);
37
- font-size: var(--font-size-base, 1rem);
38
- line-height: var(--tw-leading, var(--font-size-base--line-height, 1.5rem));
39
- min-height: 2.2em;
40
- min-width: 2.2em;
41
- }
42
- .kbd-lg {
43
- padding-left: var(--spacing-4, 1rem);
44
- padding-right: var(--spacing-4, 1rem);
45
- font-size: var(--font-size-lg, 1.125rem);
46
- line-height: var(--tw-leading, var(--font-size-lg--line-height, 1.75rem));
47
- min-height: 2.5em;
48
- min-width: 2.5em;
49
- }
1
+ /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .kbd{border-radius:var(--radius-btn,.5rem);border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);background-color:var(--color-base-200,oklch(96.1151% 0 0));padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);vertical-align:middle;justify-content:center;align-items:center;min-width:2.2em;min-height:2.2em;display:inline-flex}.kbd-xs{padding-left:var(--spacing-1,.25rem);padding-right:var(--spacing-1,.25rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));min-width:1.2em;min-height:1.2em}.kbd-sm{padding-left:var(--spacing-1,.25rem);padding-right:var(--spacing-1,.25rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));min-width:1.6em;min-height:1.6em}.kbd-md{padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));min-width:2.2em;min-height:2.2em}.kbd-lg{padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));min-width:2.5em;min-height:2.5em}
@@ -0,0 +1,12 @@
1
+ [
2
+ "link",
3
+ "link-hover",
4
+ "link-primary",
5
+ "link-secondary",
6
+ "link-accent",
7
+ "link-neutral",
8
+ "link-success",
9
+ "link-info",
10
+ "link-warning",
11
+ "link-error"
12
+ ]
@@ -0,0 +1,12 @@
1
+ import { plugin } from '../../functions/plugin.js';
2
+ import index from './index.js';
3
+
4
+ export default {
5
+ plugins: [
6
+ plugin(({ addComponents }) => {
7
+ addComponents({
8
+ ...index
9
+ });
10
+ })
11
+ ],
12
+ };
@@ -0,0 +1 @@
1
+ @config "./config.js";
@@ -0,0 +1 @@
1
+ export default {".link":{"@apply cursor-pointer underline":{},"&:focus":{"@apply outline-none":{}},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"2px"}},".link-hover":{"@apply no-underline hover:underline":{}},".link-primary":{"@apply text-primary":{},"&:hover":{"color":"color-mix(in oklab, var(--color-primary) 80%, black)"}},".link-secondary":{"@apply text-secondary":{},"&:hover":{"color":"color-mix(in oklab, var(--color-secondary) 80%, black)"}},".link-accent":{"@apply text-accent":{},"&:hover":{"color":"color-mix(in oklab, var(--color-accent) 80%, black)"}},".link-neutral":{"@apply text-neutral":{},"&:hover":{"color":"color-mix(in oklab, var(--color-neutral) 80%, black)"}},".link-success":{"@apply text-success":{},"&:hover":{"color":"color-mix(in oklab, var(--color-success) 80%, black)"}},".link-info":{"@apply text-info":{},"&:hover":{"color":"color-mix(in oklab, var(--color-info) 80%, black)"}},".link-warning":{"@apply text-warning":{},"&:hover":{"color":"color-mix(in oklab, var(--color-warning) 80%, black)"}},".link-error":{"@apply text-error":{},"&:hover":{"color":"color-mix(in oklab, var(--color-error) 80%, black)"}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.link-primary{color:var(--color-primary,oklch(49.12% .3096 275.75));&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.link-secondary{color:var(--color-secondary,oklch(69.71% .329 342.55));&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.link-accent{color:var(--color-accent,oklch(76.76% .184 183.61));&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.link-neutral{color:var(--color-neutral,oklch(20% .02476 255.702));&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.link-success{color:var(--color-success,oklch(64.8% .15 160));&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.link-info{color:var(--color-info,oklch(72.06% .191 231.6));&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.link-warning{color:var(--color-warning,oklch(84.71% .199 83.87));&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.link-error{color:var(--color-error,oklch(71.76% .221 22.18));&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}
@@ -4,7 +4,7 @@ import index from './index.js';
4
4
  export default {
5
5
  plugins: [
6
6
  plugin(({ addComponents }) => {
7
- addComponents({
7
+ addComponents({
8
8
  ...index
9
9
  });
10
10
  })
@@ -1,39 +1 @@
1
- export default {
2
- ".loading": {
3
- "@apply pointer-events-none inline-block aspect-square w-6 bg-current align-middle": {},
4
- "maskSize": "100%",
5
- "maskRepeat": "no-repeat",
6
- "maskPosition": "center",
7
- "maskImage": "url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\")"
8
- },
9
- ".loading-spinner": {
10
- "maskImage": "url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\")"
11
- },
12
- ".loading-dots": {
13
- "maskImage": "url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E\")"
14
- },
15
- ".loading-ring": {
16
- "maskImage": "url(\"data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"
17
- },
18
- ".loading-ball": {
19
- "maskImage": "url(\"data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E\")"
20
- },
21
- ".loading-bars": {
22
- "maskImage": "url(\"data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E\")"
23
- },
24
- ".loading-infinity": {
25
- "maskImage": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E\")"
26
- },
27
- ".loading-xs": {
28
- "@apply w-4": {}
29
- },
30
- ".loading-sm": {
31
- "@apply w-5": {}
32
- },
33
- ".loading-md": {
34
- "@apply w-6": {}
35
- },
36
- ".loading-lg": {
37
- "@apply w-10": {}
38
- }
39
- };
1
+ export default {".loading":{"@apply pointer-events-none inline-block aspect-square w-6 bg-current align-middle":{},"maskSize":"100%","maskRepeat":"no-repeat","maskPosition":"center","maskImage":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\")"},".loading-spinner":{"maskImage":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\")"},".loading-dots":{"maskImage":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E\")"},".loading-ring":{"maskImage":"url(\"data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"},".loading-ball":{"maskImage":"url(\"data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E\")"},".loading-bars":{"maskImage":"url(\"data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E\")"},".loading-infinity":{"maskImage":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E\")"},".loading-xs":{"@apply w-4":{}},".loading-sm":{"@apply w-5":{}},".loading-md":{"@apply w-6":{}},".loading-lg":{"@apply w-10":{}}};
@@ -1,42 +1 @@
1
- .loading {
2
- pointer-events: none;
3
- display: inline-block;
4
- aspect-ratio: 1 / 1;
5
- width: var(--spacing-6, 1.5rem);
6
- background-color: currentColor;
7
- vertical-align: middle;
8
- mask-size: 100%;
9
- mask-repeat: no-repeat;
10
- mask-position: center;
11
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
12
- }
13
- .loading-spinner {
14
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
15
- }
16
- .loading-dots {
17
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E");
18
- }
19
- .loading-ring {
20
- mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
21
- }
22
- .loading-ball {
23
- mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E");
24
- }
25
- .loading-bars {
26
- mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E");
27
- }
28
- .loading-infinity {
29
- mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E");
30
- }
31
- .loading-xs {
32
- width: var(--spacing-4, 1rem);
33
- }
34
- .loading-sm {
35
- width: var(--spacing-5, 1.25rem);
36
- }
37
- .loading-md {
38
- width: var(--spacing-6, 1.5rem);
39
- }
40
- .loading-lg {
41
- width: var(--spacing-10, 2.5rem);
42
- }
1
+ /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .loading{pointer-events:none;aspect-ratio:1;width:var(--spacing-6,1.5rem);vertical-align:middle;background-color:currentColor;display:inline-block;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-position:50%;mask-size:100%;mask-repeat:no-repeat}.loading-spinner{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.loading-dots{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E")}.loading-ring{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.loading-ball{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E")}.loading-bars{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E")}.loading-infinity{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E")}.loading-xs{width:var(--spacing-4,1rem)}.loading-sm{width:var(--spacing-5,1.25rem)}.loading-md{width:var(--spacing-6,1.5rem)}.loading-lg{width:var(--spacing-10,2.5rem)}
@@ -4,7 +4,7 @@ import index from './index.js';
4
4
  export default {
5
5
  plugins: [
6
6
  plugin(({ addComponents }) => {
7
- addComponents({
7
+ addComponents({
8
8
  ...index
9
9
  });
10
10
  })