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.
- package/base/root-color/config.js +12 -0
- package/base/root-color/index.css +1 -0
- package/base/root-color/index.js +1 -0
- package/base/root-color.css +1 -0
- package/base/scrollbar/config.js +12 -0
- package/base/scrollbar/index.css +1 -0
- package/base/scrollbar/index.js +1 -0
- package/base/scrollbar.css +1 -0
- package/base/tap-color/config.js +12 -0
- package/base/tap-color/index.css +1 -0
- package/base/tap-color/index.js +1 -0
- package/base/tap-color.css +1 -0
- package/chunks.css +30 -0
- package/colors/properties.css +1 -0
- package/colors/responsive.css +1 -0
- package/colors/states.css +1 -0
- package/components/avatar/class.json +7 -0
- package/components/avatar/config.js +12 -0
- package/components/avatar/index.css +1 -0
- package/components/avatar/index.js +1 -0
- package/components/avatar.css +1 -0
- package/components/badge/config.js +1 -1
- package/components/badge/index.js +1 -74
- package/components/badge.css +1 -109
- package/components/button/class.json +1 -0
- package/components/button/config.js +1 -1
- package/components/button/index.js +1 -172
- package/components/button.css +1 -295
- package/components/checkbox/config.js +1 -1
- package/components/checkbox/index.js +1 -108
- package/components/checkbox.css +1 -144
- package/components/dropdown/class.json +13 -0
- package/components/dropdown/config.js +12 -0
- package/components/dropdown/index.css +1 -0
- package/components/dropdown/index.js +1 -0
- package/components/dropdown.css +1 -0
- package/components/input/config.js +1 -1
- package/components/input/index.js +1 -128
- package/components/input.css +1 -204
- package/components/kbd/config.js +1 -1
- package/components/kbd/index.js +1 -27
- package/components/kbd.css +1 -49
- package/components/link/class.json +12 -0
- package/components/link/config.js +12 -0
- package/components/link/index.css +1 -0
- package/components/link/index.js +1 -0
- package/components/link.css +1 -0
- package/components/loading/config.js +1 -1
- package/components/loading/index.js +1 -39
- package/components/loading.css +1 -42
- package/components/mask/config.js +1 -1
- package/components/mask/index.js +1 -74
- package/components/mask.css +1 -78
- package/components/menu/config.js +1 -1
- package/components/menu/index.js +1 -129
- package/components/menu.css +1 -237
- package/components/radio/config.js +1 -1
- package/components/radio/index.js +1 -73
- package/components/radio.css +1 -102
- package/components/range/config.js +1 -1
- package/components/range/index.js +1 -132
- package/components/range.css +1 -164
- package/components/rating/config.js +1 -1
- package/components/rating/index.js +1 -82
- package/components/rating.css +1 -104
- package/components/select/config.js +1 -1
- package/components/select/index.js +1 -99
- package/components/select.css +1 -166
- package/components/stack/class.json +3 -0
- package/components/stack/config.js +12 -0
- package/components/stack/index.css +1 -0
- package/components/stack/index.js +1 -0
- package/components/stack.css +1 -0
- package/components/tab/config.js +1 -1
- package/components/tab/index.js +1 -165
- package/components/tab.css +1 -229
- package/components/toggle/config.js +1 -1
- package/components/toggle/index.js +1 -102
- package/components/toggle.css +1 -143
- package/components/tooltip/config.js +1 -1
- package/components/tooltip/index.js +1 -135
- package/components/tooltip.css +1 -173
- package/full.css +1 -20
- package/index.css +8 -0
- package/package.json +9 -4
- package/themes/dark/index.css +1 -1
- package/themes/default/index.css +1 -1
- package/themes/index.css +1 -1
- package/themes/light/index.css +1 -1
- package/utilities/join/config.js +12 -0
- package/utilities/join/index.css +1 -0
- package/utilities/join/index.js +1 -0
- package/utilities/join.css +1 -0
- 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":{}}}}}};
|
package/components/input.css
CHANGED
|
@@ -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)}}}}
|
package/components/kbd/config.js
CHANGED
package/components/kbd/index.js
CHANGED
|
@@ -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"}};
|
package/components/kbd.css
CHANGED
|
@@ -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 @@
|
|
|
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)}}
|
|
@@ -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":{}}};
|
package/components/loading.css
CHANGED
|
@@ -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)}
|