@brightspot/ui 0.0.0-alpha.1
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/README.md +153 -0
- package/dist/lucide-static.d.ts +1 -0
- package/dist/tailwind-plugin-badge.js +68 -0
- package/dist/tailwind-plugin-badge.ts +103 -0
- package/dist/tailwind-plugin-button.js +223 -0
- package/dist/tailwind-plugin-button.ts +244 -0
- package/dist/tailwind-plugin-heading.js +51 -0
- package/dist/tailwind-plugin-heading.ts +54 -0
- package/dist/tailwind-plugin-icon.js +247 -0
- package/dist/tailwind-plugin-icon.ts +280 -0
- package/dist/tailwind-plugin-loader.js +31 -0
- package/dist/tailwind-plugin-loader.ts +34 -0
- package/dist/tailwind-plugin-scroll-shadow.js +77 -0
- package/dist/tailwind-plugin-scroll-shadow.ts +86 -0
- package/dist/tailwind-plugin-theme.js +48 -0
- package/dist/tailwind-plugin-theme.ts +73 -0
- package/dist/tailwind.config.js +567 -0
- package/dist/tailwind.config.ts +582 -0
- package/package.json +33 -0
|
@@ -0,0 +1,567 @@
|
|
|
1
|
+
import defaultTheme from 'tailwindcss/defaultTheme';
|
|
2
|
+
/* All tailwind configuration options can be found at: https://tailwindcss.com/docs/configuration */
|
|
3
|
+
export default {
|
|
4
|
+
/* extending the TWCSS dark variant since we also use a root-classname of "is-dark" to enable dark mode */
|
|
5
|
+
darkMode: [
|
|
6
|
+
'variant',
|
|
7
|
+
[
|
|
8
|
+
`@media (prefers-color-scheme: dark) {&:not([data-theme*='"appearance":"light"'])}`,
|
|
9
|
+
'.is-dark &',
|
|
10
|
+
],
|
|
11
|
+
],
|
|
12
|
+
content: [],
|
|
13
|
+
theme: {
|
|
14
|
+
backdropBlur: {
|
|
15
|
+
DEFAULT: '2px',
|
|
16
|
+
},
|
|
17
|
+
boxShadow: {
|
|
18
|
+
DEFAULT: '0 4px 4px 0 oklch(0% 0 0 / 4%)',
|
|
19
|
+
xs: '0px 1px 2px 0px oklch(20.99% 0.034 263.44 / 5%)',
|
|
20
|
+
sm: '0px 1px 2px 0px oklch(20.99% 0.034 263.44 / 6%), 0px 1px 3px 0px oklch(20.99% 0.034 263.44 / 10%)',
|
|
21
|
+
md: '0px 2px 4px -2px oklch(20.99% 0.034 263.44 / 6%), 0px 4px 8px -2px oklch(20.99% 0.034 263.44 / 10%)',
|
|
22
|
+
lg: '0px 4px 6px -2px oklch(20.99% 0.034 263.44 / 3%), 0px 12px 16px -4px oklch(20.99% 0.034 263.44 / 8%)',
|
|
23
|
+
xl: '0px 8px 8px -4px oklch(20.99% 0.034 263.44 / 3%), 0px 20px 24px -4px oklch(20.99% 0.034 263.44 / 8%)',
|
|
24
|
+
'2xl': '0px 24px 48px -12px oklch(20.99% 0.034 263.44 / 18%)',
|
|
25
|
+
'3xl': '0px 32px 64px -12px oklch(20.99% 0.034 263.44 / 14%)',
|
|
26
|
+
none: 'none',
|
|
27
|
+
border: '0 0 0 1px oklch(0% 0 241.3)',
|
|
28
|
+
},
|
|
29
|
+
colors: {
|
|
30
|
+
transparent: 'transparent',
|
|
31
|
+
current: 'currentColor',
|
|
32
|
+
inherit: 'inherit',
|
|
33
|
+
white: {
|
|
34
|
+
DEFAULT: 'var(--btu-theme-white)',
|
|
35
|
+
light: 'oklch(100% 0 0)',
|
|
36
|
+
dark: 'oklch(0% 0 241.3)',
|
|
37
|
+
},
|
|
38
|
+
black: {
|
|
39
|
+
DEFAULT: 'var(--btu-theme-black)',
|
|
40
|
+
light: 'oklch(0% 0 241.3)',
|
|
41
|
+
dark: 'oklch(100% 0 0)',
|
|
42
|
+
},
|
|
43
|
+
primary: {
|
|
44
|
+
gradient: 'linear-gradient(45deg,oklch(var(--btu-theme-primary-500)) 0%,oklch(var(--btu-theme-primary-700)) 50%,oklch(var(--btu-theme-primary-900)) 100%)',
|
|
45
|
+
25: 'oklch(var(--btu-theme-primary-25) / <alpha-value>)',
|
|
46
|
+
50: 'oklch(var(--btu-theme-primary-50) / <alpha-value>)',
|
|
47
|
+
100: 'oklch(var(--btu-theme-primary-100) / <alpha-value>)',
|
|
48
|
+
200: 'oklch(var(--btu-theme-primary-200) / <alpha-value>)',
|
|
49
|
+
300: 'oklch(var(--btu-theme-primary-300) / <alpha-value>)',
|
|
50
|
+
400: 'oklch(var(--btu-theme-primary-400) / <alpha-value>)',
|
|
51
|
+
500: 'oklch(var(--btu-theme-primary-500) / <alpha-value>)',
|
|
52
|
+
600: 'oklch(var(--btu-theme-primary-600) / <alpha-value>)',
|
|
53
|
+
700: 'oklch(var(--btu-theme-primary-700) / <alpha-value>)',
|
|
54
|
+
800: 'oklch(var(--btu-theme-primary-800) / <alpha-value>)',
|
|
55
|
+
900: 'oklch(var(--btu-theme-primary-900) / <alpha-value>)',
|
|
56
|
+
light: {
|
|
57
|
+
25: '97.89% 0.00985699787129913 var(--btu-theme-primary-hue)',
|
|
58
|
+
50: '96.66% 0.015669304579628833 var(--btu-theme-primary-hue)',
|
|
59
|
+
100: '90.52% 0.045549880193647495 var(--btu-theme-primary-hue)',
|
|
60
|
+
200: '84.36% 0.077 var(--btu-theme-primary-hue)',
|
|
61
|
+
300: '75.14% 0.127 var(--btu-theme-primary-hue)',
|
|
62
|
+
400: '65.62% 0.18259511768215653 var(--btu-theme-primary-hue)',
|
|
63
|
+
500: '58.84% 0.224 var(--btu-theme-primary-hue)',
|
|
64
|
+
600: '53.67% 0.229 var(--btu-theme-primary-hue)',
|
|
65
|
+
700: '50.18% 0.24368599280342138 var(--btu-theme-primary-hue)',
|
|
66
|
+
800: '43.56% 0.208 var(--btu-theme-primary-hue)',
|
|
67
|
+
900: '37.98% 0.177 var(--btu-theme-primary-hue)',
|
|
68
|
+
},
|
|
69
|
+
dark: {
|
|
70
|
+
900: '97.89% 0.00985699787129913 var(--btu-theme-primary-hue)',
|
|
71
|
+
800: '96.66% 0.015669304579628833 var(--btu-theme-primary-hue)',
|
|
72
|
+
700: '90.52% 0.045549880193647495 var(--btu-theme-primary-hue)',
|
|
73
|
+
600: '84.36% 0.077 var(--btu-theme-primary-hue)',
|
|
74
|
+
500: '75.14% 0.127 var(--btu-theme-primary-hue)',
|
|
75
|
+
400: '65.62% 0.18259511768215653 var(--btu-theme-primary-hue)',
|
|
76
|
+
300: '58.84% 0.224 var(--btu-theme-primary-hue)',
|
|
77
|
+
200: '53.67% 0.229 var(--btu-theme-primary-hue)',
|
|
78
|
+
100: '50.18% 0.24368599280342138 var(--btu-theme-primary-hue)',
|
|
79
|
+
50: '43.56% 0.208 var(--btu-theme-primary-hue)',
|
|
80
|
+
25: '37.98% 0.177 var(--btu-theme-primary-hue)',
|
|
81
|
+
},
|
|
82
|
+
},
|
|
83
|
+
teal: {
|
|
84
|
+
25: 'oklch(var(--btu-theme-teal-25) / <alpha-value>)',
|
|
85
|
+
50: 'oklch(var(--btu-theme-teal-50) / <alpha-value>)',
|
|
86
|
+
100: 'oklch(var(--btu-theme-teal-100) / <alpha-value>)',
|
|
87
|
+
200: 'oklch(var(--btu-theme-teal-200) / <alpha-value>)',
|
|
88
|
+
300: 'oklch(var(--btu-theme-teal-300) / <alpha-value>)',
|
|
89
|
+
400: 'oklch(var(--btu-theme-teal-400) / <alpha-value>)',
|
|
90
|
+
500: 'oklch(var(--btu-theme-teal-500) / <alpha-value>)',
|
|
91
|
+
600: 'oklch(var(--btu-theme-teal-600) / <alpha-value>)',
|
|
92
|
+
700: 'oklch(var(--btu-theme-teal-700) / <alpha-value>)',
|
|
93
|
+
800: 'oklch(var(--btu-theme-teal-800) / <alpha-value>)',
|
|
94
|
+
900: 'oklch(var(--btu-theme-teal-900) / <alpha-value>)',
|
|
95
|
+
light: {
|
|
96
|
+
25: '98.97% 0.011 158.85',
|
|
97
|
+
50: '97.88% 0.022 160.24',
|
|
98
|
+
100: '95.21% 0.051 177.9',
|
|
99
|
+
200: '90.88% 0.094 177.3',
|
|
100
|
+
300: '85.16% 0.125 179.14',
|
|
101
|
+
400: '77.98% 0.135 177.82',
|
|
102
|
+
500: '69.88% 0.126 177.99',
|
|
103
|
+
600: '59.63% 0.104 182.21',
|
|
104
|
+
700: '50.66% 0.087 182.23',
|
|
105
|
+
800: '43.32% 0.07 185.48',
|
|
106
|
+
900: '38.53% 0.06 185.21',
|
|
107
|
+
},
|
|
108
|
+
dark: {
|
|
109
|
+
900: '98.97% 0.011 158.85',
|
|
110
|
+
800: '97.88% 0.022 160.24',
|
|
111
|
+
700: '95.21% 0.051 177.9',
|
|
112
|
+
600: '90.88% 0.094 177.3',
|
|
113
|
+
500: '85.16% 0.125 179.14',
|
|
114
|
+
400: '77.98% 0.135 177.82',
|
|
115
|
+
300: '69.88% 0.126 177.99',
|
|
116
|
+
200: '59.63% 0.104 182.21',
|
|
117
|
+
100: '50.66% 0.087 182.23',
|
|
118
|
+
50: '43.32% 0.07 185.48',
|
|
119
|
+
25: '38.53% 0.06 185.21',
|
|
120
|
+
},
|
|
121
|
+
},
|
|
122
|
+
gray: {
|
|
123
|
+
25: 'oklch(var(--btu-theme-gray-25) / <alpha-value>)',
|
|
124
|
+
50: 'oklch(var(--btu-theme-gray-50) / <alpha-value>)',
|
|
125
|
+
100: 'oklch(var(--btu-theme-gray-100) / <alpha-value>)',
|
|
126
|
+
200: 'oklch(var(--btu-theme-gray-200) / <alpha-value>)',
|
|
127
|
+
300: 'oklch(var(--btu-theme-gray-300) / <alpha-value>)',
|
|
128
|
+
400: 'oklch(var(--btu-theme-gray-400) / <alpha-value>)',
|
|
129
|
+
500: 'oklch(var(--btu-theme-gray-500) / <alpha-value>)',
|
|
130
|
+
600: 'oklch(var(--btu-theme-gray-600) / <alpha-value>)',
|
|
131
|
+
700: 'oklch(var(--btu-theme-gray-700) / <alpha-value>)',
|
|
132
|
+
800: 'oklch(var(--btu-theme-gray-800) / <alpha-value>)',
|
|
133
|
+
900: 'oklch(var(--btu-theme-gray-900) / <alpha-value>)',
|
|
134
|
+
light: {
|
|
135
|
+
25: '99.13% 0.001 286.38',
|
|
136
|
+
50: '98.46% 0.002 247.84',
|
|
137
|
+
100: '96.65% 0.005 258.32',
|
|
138
|
+
200: '94.27% 0.006 264.53',
|
|
139
|
+
300: '87.15% 0.012 259.82',
|
|
140
|
+
400: '70.98% 0.027 261.12',
|
|
141
|
+
500: '54.44% 0.035 265.11',
|
|
142
|
+
600: '44.22% 0.035 257.79',
|
|
143
|
+
700: '36.95% 0.038 260.5',
|
|
144
|
+
800: '27.76% 0.034 255.81',
|
|
145
|
+
900: '20.99% 0.034 263.44',
|
|
146
|
+
},
|
|
147
|
+
dark: {
|
|
148
|
+
900: '98.51% 0 0',
|
|
149
|
+
800: '97.02% 0 0',
|
|
150
|
+
700: '92.19% 0 0',
|
|
151
|
+
600: '87.61% 0 0',
|
|
152
|
+
500: '78.17% 0.004 325.61',
|
|
153
|
+
400: '54.86% 0 0',
|
|
154
|
+
300: '39.49% 0.003 286.25',
|
|
155
|
+
200: '36.46% 0.003 286.23',
|
|
156
|
+
100: '33.66% 0.004 264.51',
|
|
157
|
+
50: '28.88% 0.004 264.5',
|
|
158
|
+
25: '23.9% 0.004 264.49',
|
|
159
|
+
},
|
|
160
|
+
},
|
|
161
|
+
error: {
|
|
162
|
+
25: 'oklch(var(--btu-theme-error-25) / <alpha-value>)',
|
|
163
|
+
50: 'oklch(var(--btu-theme-error-50) / <alpha-value>)',
|
|
164
|
+
100: 'oklch(var(--btu-theme-error-100) / <alpha-value>)',
|
|
165
|
+
200: 'oklch(var(--btu-theme-error-200) / <alpha-value>)',
|
|
166
|
+
300: 'oklch(var(--btu-theme-error-300) / <alpha-value>)',
|
|
167
|
+
400: 'oklch(var(--btu-theme-error-400) / <alpha-value>)',
|
|
168
|
+
500: 'oklch(var(--btu-theme-error-500) / <alpha-value>)',
|
|
169
|
+
600: 'oklch(var(--btu-theme-error-600) / <alpha-value>)',
|
|
170
|
+
700: 'oklch(var(--btu-theme-error-700) / <alpha-value>)',
|
|
171
|
+
800: 'oklch(var(--btu-theme-error-800) / <alpha-value>)',
|
|
172
|
+
900: 'oklch(var(--btu-theme-error-900) / <alpha-value>)',
|
|
173
|
+
light: {
|
|
174
|
+
25: '99.09% 0.004 var(--btu-theme-error-hue)',
|
|
175
|
+
50: '97.25% 0.012 var(--btu-theme-error-hue)',
|
|
176
|
+
100: '93.94% 0.029 var(--btu-theme-error-hue)',
|
|
177
|
+
200: '89% 0.056 var(--btu-theme-error-hue)',
|
|
178
|
+
300: '80.14% 0.109 var(--btu-theme-error-hue)',
|
|
179
|
+
400: '70.86% 0.17 var(--btu-theme-error-hue)',
|
|
180
|
+
500: '63.71% 0.21 var(--btu-theme-error-hue)',
|
|
181
|
+
600: '57.58% 0.209 var(--btu-theme-error-hue)',
|
|
182
|
+
700: '50.03% 0.182 var(--btu-theme-error-hue)',
|
|
183
|
+
800: '43.22% 0.15 var(--btu-theme-error-hue)',
|
|
184
|
+
900: '39.75% 0.118 var(--btu-theme-error-hue)',
|
|
185
|
+
},
|
|
186
|
+
dark: {
|
|
187
|
+
900: '99.09% 0.004 var(--btu-theme-error-hue)',
|
|
188
|
+
800: '97.25% 0.012 var(--btu-theme-error-hue)',
|
|
189
|
+
700: '93.94% 0.029 var(--btu-theme-error-hue)',
|
|
190
|
+
600: '89% 0.056 var(--btu-theme-error-hue)',
|
|
191
|
+
500: '80.14% 0.109 var(--btu-theme-error-hue)',
|
|
192
|
+
400: '70.86% 0.17 var(--btu-theme-error-hue)',
|
|
193
|
+
300: '63.71% 0.21 var(--btu-theme-error-hue)',
|
|
194
|
+
200: '57.58% 0.209 var(--btu-theme-error-hue)',
|
|
195
|
+
100: '50.03% 0.182 var(--btu-theme-error-hue)',
|
|
196
|
+
50: '43.22% 0.15 var(--btu-theme-error-hue)',
|
|
197
|
+
25: '39.75% 0.118 var(--btu-theme-error-hue)',
|
|
198
|
+
},
|
|
199
|
+
},
|
|
200
|
+
warning: {
|
|
201
|
+
25: 'oklch(var(--btu-theme-warning-25) / <alpha-value>)',
|
|
202
|
+
50: 'oklch(var(--btu-theme-warning-50) / <alpha-value>)',
|
|
203
|
+
100: 'oklch(var(--btu-theme-warning-100) / <alpha-value>)',
|
|
204
|
+
200: 'oklch(var(--btu-theme-warning-200) / <alpha-value>)',
|
|
205
|
+
300: 'oklch(var(--btu-theme-warning-300) / <alpha-value>)',
|
|
206
|
+
400: 'oklch(var(--btu-theme-warning-400) / <alpha-value>)',
|
|
207
|
+
500: 'oklch(var(--btu-theme-warning-500) / <alpha-value>)',
|
|
208
|
+
600: 'oklch(var(--btu-theme-warning-600) / <alpha-value>)',
|
|
209
|
+
700: 'oklch(var(--btu-theme-warning-700) / <alpha-value>)',
|
|
210
|
+
800: 'oklch(var(--btu-theme-warning-800) / <alpha-value>)',
|
|
211
|
+
900: 'oklch(var(--btu-theme-warning-900) / <alpha-value>)',
|
|
212
|
+
light: {
|
|
213
|
+
25: '99.14% 0.009763307199355451 87.46952652568821',
|
|
214
|
+
50: '98.49% 0.02 91.58',
|
|
215
|
+
100: '95.6% 0.055 91.41',
|
|
216
|
+
200: '91.12% 0.111 90.28',
|
|
217
|
+
300: '85.94% 0.15 84.74',
|
|
218
|
+
400: '81.09% 0.163 75.65',
|
|
219
|
+
500: '74.69% 0.17 62.11',
|
|
220
|
+
600: '64.63% 0.17 50.2',
|
|
221
|
+
700: '53.94% 0.156 42.99',
|
|
222
|
+
800: '46.15% 0.134 40.94',
|
|
223
|
+
900: '40.61% 0.114 40.57',
|
|
224
|
+
},
|
|
225
|
+
dark: {
|
|
226
|
+
900: '99.14% 0.009763307199355451 87.46952652568821',
|
|
227
|
+
800: '98.49% 0.02 91.58',
|
|
228
|
+
700: '95.6% 0.055 91.41',
|
|
229
|
+
600: '91.12% 0.111 90.28',
|
|
230
|
+
500: '85.94% 0.15 84.74',
|
|
231
|
+
400: '81.09% 0.163 75.65',
|
|
232
|
+
300: '74.69% 0.17 62.11',
|
|
233
|
+
200: '64.63% 0.17 50.2',
|
|
234
|
+
100: '53.94% 0.156 42.99',
|
|
235
|
+
50: '46.15% 0.134 40.94',
|
|
236
|
+
25: '40.61% 0.114 40.57',
|
|
237
|
+
},
|
|
238
|
+
},
|
|
239
|
+
success: {
|
|
240
|
+
25: 'oklch(var(--btu-theme-success-25) / <alpha-value>)',
|
|
241
|
+
50: 'oklch(var(--btu-theme-success-50) / <alpha-value>)',
|
|
242
|
+
100: 'oklch(var(--btu-theme-success-100) / <alpha-value>)',
|
|
243
|
+
200: 'oklch(var(--btu-theme-success-200) / <alpha-value>)',
|
|
244
|
+
300: 'oklch(var(--btu-theme-success-300) / <alpha-value>)',
|
|
245
|
+
400: 'oklch(var(--btu-theme-success-400) / <alpha-value>)',
|
|
246
|
+
500: 'oklch(var(--btu-theme-success-500) / <alpha-value>)',
|
|
247
|
+
600: 'oklch(var(--btu-theme-success-600) / <alpha-value>)',
|
|
248
|
+
700: 'oklch(var(--btu-theme-success-700) / <alpha-value>)',
|
|
249
|
+
800: 'oklch(var(--btu-theme-success-800) / <alpha-value>)',
|
|
250
|
+
900: 'oklch(var(--btu-theme-success-900) / <alpha-value>)',
|
|
251
|
+
light: {
|
|
252
|
+
25: '98.97% 0.011 var(--btu-theme-success-hue)',
|
|
253
|
+
50: '97.88% 0.022 var(--btu-theme-success-hue)',
|
|
254
|
+
100: '94.89% 0.056 var(--btu-theme-success-hue)',
|
|
255
|
+
200: '90.39% 0.101 var(--btu-theme-success-hue)',
|
|
256
|
+
300: '84.53% 0.148 var(--btu-theme-success-hue)',
|
|
257
|
+
400: '77.3% 0.175 var(--btu-theme-success-hue)',
|
|
258
|
+
500: '68.59% 0.167 var(--btu-theme-success-hue)',
|
|
259
|
+
600: '59.7% 0.148 var(--btu-theme-success-hue)',
|
|
260
|
+
700: '51% 0.122 var(--btu-theme-success-hue)',
|
|
261
|
+
800: '43.15% 0.099 var(--btu-theme-success-hue)',
|
|
262
|
+
900: '37.81% 0.084 var(--btu-theme-success-hue)',
|
|
263
|
+
},
|
|
264
|
+
dark: {
|
|
265
|
+
900: '98.97% 0.011 var(--btu-theme-success-hue)',
|
|
266
|
+
800: '97.88% 0.022 var(--btu-theme-success-hue)',
|
|
267
|
+
700: '94.89% 0.056 var(--btu-theme-success-hue)',
|
|
268
|
+
600: '90.39% 0.101 var(--btu-theme-success-hue)',
|
|
269
|
+
500: '84.53% 0.148 var(--btu-theme-success-hue)',
|
|
270
|
+
400: '77.3% 0.175 var(--btu-theme-success-hue)',
|
|
271
|
+
300: '68.59% 0.167 var(--btu-theme-success-hue)',
|
|
272
|
+
200: '59.7% 0.148 var(--btu-theme-success-hue)',
|
|
273
|
+
100: '51% 0.122 var(--btu-theme-success-hue)',
|
|
274
|
+
50: '43.15% 0.099 var(--btu-theme-success-hue)',
|
|
275
|
+
25: '37.81% 0.084 var(--btu-theme-success-hue)',
|
|
276
|
+
},
|
|
277
|
+
},
|
|
278
|
+
rose: {
|
|
279
|
+
25: 'oklch(var(--btu-theme-rose-25) / <alpha-value>)',
|
|
280
|
+
50: 'oklch(var(--btu-theme-rose-50) / <alpha-value>)',
|
|
281
|
+
100: 'oklch(var(--btu-theme-rose-100) / <alpha-value>)',
|
|
282
|
+
200: 'oklch(var(--btu-theme-rose-200) / <alpha-value>)',
|
|
283
|
+
300: 'oklch(var(--btu-theme-rose-300) / <alpha-value>)',
|
|
284
|
+
400: 'oklch(var(--btu-theme-rose-400) / <alpha-value>)',
|
|
285
|
+
500: 'oklch(var(--btu-theme-rose-500) / <alpha-value>)',
|
|
286
|
+
600: 'oklch(var(--btu-theme-rose-600) / <alpha-value>)',
|
|
287
|
+
700: 'oklch(var(--btu-theme-rose-700) / <alpha-value>)',
|
|
288
|
+
800: 'oklch(var(--btu-theme-rose-800) / <alpha-value>)',
|
|
289
|
+
900: 'oklch(var(--btu-theme-rose-900) / <alpha-value>)',
|
|
290
|
+
light: {
|
|
291
|
+
25: '97.82% 0.010807886996043719 10.329203390463249',
|
|
292
|
+
50: '96.97% 0.015 7.48',
|
|
293
|
+
100: '94.19% 0.03 7.52',
|
|
294
|
+
200: '89.33% 0.056 5.93',
|
|
295
|
+
300: '81.05% 0.109 7.63',
|
|
296
|
+
400: '72.16% 0.175 9',
|
|
297
|
+
500: '64.88% 0.219 12.9',
|
|
298
|
+
600: '59.08% 0.225 13.72',
|
|
299
|
+
700: '51.97% 0.201 12.45',
|
|
300
|
+
800: '45.98% 0.175 9.06',
|
|
301
|
+
900: '41.36% 0.153 6.29',
|
|
302
|
+
},
|
|
303
|
+
dark: {
|
|
304
|
+
900: '97.82% 0.010807886996043719 10.329203390463249',
|
|
305
|
+
800: '96.97% 0.015 7.48',
|
|
306
|
+
700: '94.19% 0.03 7.52',
|
|
307
|
+
600: '89.33% 0.056 5.93',
|
|
308
|
+
500: '81.05% 0.109 7.63',
|
|
309
|
+
400: '72.16% 0.175 9',
|
|
310
|
+
300: '64.88% 0.219 12.9',
|
|
311
|
+
200: '59.08% 0.225 13.72',
|
|
312
|
+
100: '51.97% 0.201 12.45',
|
|
313
|
+
50: '45.98% 0.175 9.06',
|
|
314
|
+
25: '41.36% 0.153 6.29',
|
|
315
|
+
},
|
|
316
|
+
},
|
|
317
|
+
purple: {
|
|
318
|
+
25: 'oklch(var(--btu-theme-purple-25) / <alpha-value>)',
|
|
319
|
+
50: 'oklch(var(--btu-theme-purple-50) / <alpha-value>)',
|
|
320
|
+
100: 'oklch(var(--btu-theme-purple-100) / <alpha-value>)',
|
|
321
|
+
200: 'oklch(var(--btu-theme-purple-200) / <alpha-value>)',
|
|
322
|
+
300: 'oklch(var(--btu-theme-purple-300) / <alpha-value>)',
|
|
323
|
+
400: 'oklch(var(--btu-theme-purple-400) / <alpha-value>)',
|
|
324
|
+
500: 'oklch(var(--btu-theme-purple-500) / <alpha-value>)',
|
|
325
|
+
600: 'oklch(var(--btu-theme-purple-600) / <alpha-value>)',
|
|
326
|
+
700: 'oklch(var(--btu-theme-purple-700) / <alpha-value>)',
|
|
327
|
+
800: 'oklch(var(--btu-theme-purple-800) / <alpha-value>)',
|
|
328
|
+
900: 'oklch(var(--btu-theme-purple-900) / <alpha-value>)',
|
|
329
|
+
light: {
|
|
330
|
+
25: '97.94% 0.008 301.36',
|
|
331
|
+
50: '94.72% 0.023 305.6',
|
|
332
|
+
100: '89.6% 0.044 304.48',
|
|
333
|
+
200: '79.14% 0.091 303.57',
|
|
334
|
+
300: '68.73% 0.138 302.24',
|
|
335
|
+
400: '58.67% 0.184 300.12',
|
|
336
|
+
500: '51.3% 0.215 297.53',
|
|
337
|
+
600: '44.55% 0.195 296.73',
|
|
338
|
+
700: '39.45% 0.17 296.88',
|
|
339
|
+
800: '34.83% 0.147 297.2',
|
|
340
|
+
900: '29.31% 0.119 297.93',
|
|
341
|
+
},
|
|
342
|
+
dark: {
|
|
343
|
+
900: '97.94% 0.008 301.36',
|
|
344
|
+
800: '94.72% 0.023 305.6',
|
|
345
|
+
700: '89.6% 0.044 304.48',
|
|
346
|
+
600: '79.14% 0.091 303.57',
|
|
347
|
+
500: '68.73% 0.138 302.24',
|
|
348
|
+
400: '58.67% 0.184 300.12',
|
|
349
|
+
300: '51.3% 0.215 297.53',
|
|
350
|
+
200: '44.55% 0.195 296.73',
|
|
351
|
+
100: '39.45% 0.17 296.88',
|
|
352
|
+
50: '34.83% 0.147 297.2',
|
|
353
|
+
25: '29.31% 0.119 297.93',
|
|
354
|
+
},
|
|
355
|
+
},
|
|
356
|
+
},
|
|
357
|
+
fontSize: {
|
|
358
|
+
DEFAULT: ['0.875rem', '1.25rem'],
|
|
359
|
+
xs: ['0.75rem', '1.125rem'],
|
|
360
|
+
sm: ['0.875rem', '1.25rem'],
|
|
361
|
+
base: ['1rem', '1.5rem'],
|
|
362
|
+
md: ['1rem', '1.5rem'],
|
|
363
|
+
lg: ['1.125rem', '1.75rem'],
|
|
364
|
+
xl: ['1.5rem', '2rem'],
|
|
365
|
+
},
|
|
366
|
+
grayscale: {
|
|
367
|
+
DEFAULT: '30%',
|
|
368
|
+
},
|
|
369
|
+
extend: {
|
|
370
|
+
animation: ({ theme }) => ({
|
|
371
|
+
blob: 'blob 3s infinite ease-in-out',
|
|
372
|
+
'up-back-fade': `up-and-back 1s infinite, fade-out-in 1s infinite`,
|
|
373
|
+
'widget-maximize-fade-out': `fade-out ${theme('animationDuration.quick')} ${theme('transitionTimingFunction[spring-stiff]')} both, blur-out 100ms linear both`,
|
|
374
|
+
'widget-maximize-fade-in': `fade-in ${theme('animationDuration.quick')} ${theme('transitionTimingFunction[spring-stiff]')} both`,
|
|
375
|
+
'slide-fade-scroll': 'slide-fade-scroll both',
|
|
376
|
+
'hotspot-added': `${theme('transitionDuration.500')} forwards color-change ease-in-out`,
|
|
377
|
+
'list-item-added': `10s forwards color-change ease-in-out`,
|
|
378
|
+
'sortable-added': `${theme('transitionDuration.1000')} forwards scale-up ease-in-out`,
|
|
379
|
+
'sortable-added-bg': `${theme('transitionDuration.1000')} forwards bg-color-change ease-in-out`,
|
|
380
|
+
'sortable-drag': `${theme('transitionDuration.250')} forwards scale-down`,
|
|
381
|
+
}),
|
|
382
|
+
animationDuration: {
|
|
383
|
+
DEFAULT: '0.33s',
|
|
384
|
+
quick: '0.33s',
|
|
385
|
+
},
|
|
386
|
+
avatar: {
|
|
387
|
+
size: {
|
|
388
|
+
xs: '1.5rem',
|
|
389
|
+
sm: '2.25rem',
|
|
390
|
+
md: '2.5rem',
|
|
391
|
+
lg: '3rem',
|
|
392
|
+
xl: '3.5rem',
|
|
393
|
+
xxl: '4rem',
|
|
394
|
+
},
|
|
395
|
+
},
|
|
396
|
+
backdropColor: {
|
|
397
|
+
dialog: 'light-dark(oklch(0.04 0.02 278.29 / 0.25), oklch(0.78 0.01 0 / 0.36))',
|
|
398
|
+
},
|
|
399
|
+
backgroundImage: {
|
|
400
|
+
'ai-sparkles': 'url(\'data:image/svg+xml,<svg id="eTZ5ivXu8Rf1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="17efa608cdf84d16a374e63788db1b50" export-id="0bf32ebf687749fba502bd708375e386" cached="false"><style><![CDATA[%23eTZ5ivXu8Rf2 {animation: eTZ5ivXu8Rf2__m 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf2__m { 0% {d: path("M9.937,15.5C9.755178,14.795197,9.204803,14.244822,8.5,14.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L8.5,9.936C9.204544,9.754352,9.754861,9.204417,9.937,8.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L14.063,8.5C14.244822,9.204803,14.795197,9.755178,15.5,9.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L15.5,14.063C14.795197,14.244822,14.244822,14.795197,14.063,15.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L9.937,15.5Z");animation-timing-function: cubic-bezier(0.445,0.05,0.55,0.95)} 16% {d: path("M10.737,14.7C10.555178,13.995197,3.511222,19.051796,9.3,13.263L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L9.3,10.736C10.004544,10.554352,5.006893,3.569889,10.737,9.3L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L13.263,9.3C13.444822,10.004803,21.218511,4.218506,14.7,10.737L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L14.7,13.263C20.320377,18.883378,13.444822,13.995197,13.263,14.7L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L10.737,14.7Z");animation-timing-function: cubic-bezier(0.445,0.05,0.55,0.95)} 22% {d: path("M10.794143,14.642857C10.612321,13.938054,5.423674,17.392661,9.357143,13.205857L2.365,12.481C2.149933,12.419956,1.141856,12.223562,1.141856,12C1.141856,11.776438,2.149933,11.580044,2.365,11.519L9.357143,10.793143C10.061687,10.611495,6.64917,5.465468,10.794143,9.357143L11.519,2.365C11.579435,2.149051,11.775254,1.727963,11.9995,1.727963C12.223746,1.727963,12.421565,2.149051,12.482,2.365L13.205857,9.357143C13.387679,10.061946,19.097564,6.086127,14.642857,10.794143L21.635,11.518C21.851842,11.577812,22.858144,11.775061,22.858144,12C22.858144,12.224939,21.851842,12.422188,21.635,12.482L14.642857,13.205857C18.45604,17.272362,13.387679,13.938054,13.205857,14.642857L12.481,21.635C12.420565,21.850949,12.223746,22.603619,11.9995,22.603619C11.775254,22.603619,11.578435,21.850949,11.518,21.635L10.794143,14.642857Z");animation-timing-function: cubic-bezier(0.445,0.05,0.55,0.95)} 30% {d: path("M10.937,14.5C10.755178,13.795197,10.204803,13.244822,9.5,13.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L9.5,10.936C10.204544,10.754352,10.754861,10.204417,10.937,9.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L13.063,9.5C13.244822,10.204803,13.795197,10.755178,14.5,10.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L14.5,13.063C13.795197,13.244822,13.244822,13.795197,13.063,14.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L10.937,14.5Z")} 42% {d: path("M9.937,15.5C9.755178,14.795197,9.204803,14.244822,8.5,14.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L8.5,9.936C9.204544,9.754352,9.754861,9.204417,9.937,8.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L14.063,8.5C14.244822,9.204803,14.795197,9.755178,15.5,9.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L15.5,14.063C14.795197,14.244822,14.244822,14.795197,14.063,15.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L9.937,15.5Z")} 100% {d: path("M9.937,15.5C9.755178,14.795197,9.204803,14.244822,8.5,14.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L8.5,9.936C9.204544,9.754352,9.754861,9.204417,9.937,8.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L14.063,8.5C14.244822,9.204803,14.795197,9.755178,15.5,9.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L15.5,14.063C14.795197,14.244822,14.244822,14.795197,14.063,15.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L9.937,15.5Z")}} %23eTZ5ivXu8Rf2_tr {animation: eTZ5ivXu8Rf2_tr__tr 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf2_tr__tr { 0% {transform: translate(12.001787px,12px) rotate(0deg)} 18% {transform: translate(12.001787px,12px) rotate(8.312442deg)} 32% {transform: translate(12.001787px,12px) rotate(0.234247deg)} 100% {transform: translate(12.001787px,12px) rotate(0.234247deg)}} %23eTZ5ivXu8Rf2_ts {animation: eTZ5ivXu8Rf2_ts__ts 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf2_ts__ts { 0% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.86,0.86)} 22% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.97,0.97)} 42% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.86,0.87)} 100% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.86,0.87)}} %23eTZ5ivXu8Rf3 {animation: eTZ5ivXu8Rf3__fl 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf3__fl { 0% {filter: blur(0.424264px)} 42% {filter: blur(0.424264px)} 100% {filter: blur(0.424264px)}} %23eTZ5ivXu8Rf4_tr {animation: eTZ5ivXu8Rf4_tr__tr 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf4_tr__tr { 0% {transform: translate(20px,5px) rotate(0deg)} 20% {transform: translate(20px,5px) rotate(0deg);animation-timing-function: cubic-bezier(0.42,0,1,1)} 28% {transform: translate(20px,5px) rotate(90deg)} 100% {transform: translate(20px,5px) rotate(90deg)}} %23eTZ5ivXu8Rf5_tr {animation: eTZ5ivXu8Rf5_tr__tr 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf5_tr__tr { 0% {transform: translate(20px,5px) rotate(0deg)} 20% {transform: translate(20px,5px) rotate(0deg);animation-timing-function: cubic-bezier(0.42,0,1,1)} 28% {transform: translate(20px,5px) rotate(90deg)} 100% {transform: translate(20px,5px) rotate(90deg)}} %23eTZ5ivXu8Rf6_ts {animation: eTZ5ivXu8Rf6_ts__ts 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf6_ts__ts { 0% {transform: translate(4px,18px) scale(1,1);animation-timing-function: cubic-bezier(0.42,0,1,1)} 8% {transform: translate(4px,18px) scale(1.322243,1.322243);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 16% {transform: translate(4px,18px) scale(0.802685,0.802685)} 100% {transform: translate(4px,18px) scale(0.802685,0.802685)}} %23eTZ5ivXu8Rf6 {animation: eTZ5ivXu8Rf6__fl 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf6__fl { 0% {filter: blur(0px)} 8% {filter: blur(0.424264px)} 16% {filter: blur(0px)} 100% {filter: blur(0px)}}]]></style><defs><filter id="eTZ5ivXu8Rf2-filter" x="-150%" y="-150%" width="400%" height="400%"><feGaussianBlur id="eTZ5ivXu8Rf2-filter-blur-0" stdDeviation="0,0" result="result"/></filter></defs><g id="eTZ5ivXu8Rf2_tr" transform="translate(12.001787,12) rotate(0)"><g id="eTZ5ivXu8Rf2_ts" transform="skewX(0.92) skewY(0.92) scale(0.86,0.86)"><path id="eTZ5ivXu8Rf2" d="M9.937,15.5c-.181822-.704803-.732197-1.255178-1.437-1.437L2.365,12.481c-.215067-.061044-.363475-.257438-.363475-.481s.148408-.419956.363475-.481L8.5,9.936c.704544-.181648,1.254861-.731583,1.437-1.436l1.582-6.135c.060435-.215949.257254-.365249.4815-.365249s.421065.1493.4815.365249L14.063,8.5c.181822.704803.732197,1.255178,1.437,1.437l6.135,1.581c.216842.059812.367049.257061.367049.482s-.150207.422188-.367049.482L15.5,14.063c-.704803.181822-1.255178.732197-1.437,1.437l-1.582,6.135c-.060435.215949-.257254.365249-.4815.365249s-.421065-.1493-.4815-.365249L9.937,15.5Z" transform="translate(-12.001787,-12)" filter="url(%23eTZ5ivXu8Rf2-filter)" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></g><g id="eTZ5ivXu8Rf3" style="filter:blur(0.424264px)"><g id="eTZ5ivXu8Rf4_tr" transform="translate(20,5) rotate(0)"><path d="M20,3v4" transform="translate(-20,-5)" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="eTZ5ivXu8Rf5_tr" transform="translate(20,5) rotate(0)"><path d="M22,5h-4" transform="translate(-20,-5)" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></g><g id="eTZ5ivXu8Rf6_ts" transform="translate(4,18) scale(1,1)"><g id="eTZ5ivXu8Rf6" style="filter:blur(0px)" transform="translate(-4,-18)"><path d="M4,17v2" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5,18h-2" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>\')',
|
|
401
|
+
'rect-outline-primary': 'url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect width="100%25" height="100%25" fill="none" stroke="rgb(35 92 240)" stroke-width="2" stroke-linecap="square"/></svg>\')',
|
|
402
|
+
'rect-outline-default': 'url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect width="100%25" height="100%25" fill="none" stroke="rgba(208, 213, 221, 1)" stroke-width="2" stroke-dasharray="4 6" stroke-linecap="square"/></svg>\')',
|
|
403
|
+
'rect-outline-hover': 'url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect width="100%25" height="100%25" fill="none" stroke="rgba(52, 64, 84, 1)" stroke-width="2" stroke-dasharray="4 6" stroke-linecap="square"/></svg>\')',
|
|
404
|
+
'rect-outline-active': 'url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect width="100%25" height="100%25" fill="none" stroke="rgba(0, 78, 235, 1)" stroke-width="2" stroke-linecap="square"/></svg>\')',
|
|
405
|
+
'site-logo-default': 'url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_17404_968)"><path d="M12 24C5.38286 24 0 18.6171 0 12C0 5.38286 5.38286 0 12 0C18.6171 0 24 5.38286 24 12C24 18.6171 18.6171 24 12 24ZM12 3.42857C7.27714 3.42857 3.42857 7.27714 3.42857 12C3.42857 16.7229 7.27714 20.5714 12 20.5714C16.7229 20.5714 20.5714 16.7229 20.5714 12C20.5714 7.27714 16.7229 3.42857 12 3.42857Z" fill="%23FF1F3D"/></g><defs><clipPath id="clip0_17404_968"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>\')',
|
|
406
|
+
},
|
|
407
|
+
containers: ({ theme }) => ({
|
|
408
|
+
'admin-two-columns': '672px',
|
|
409
|
+
'avatar-xs': theme('avatar.size.xs'),
|
|
410
|
+
'avatar-sm': theme('avatar.size.sm'),
|
|
411
|
+
'avatar-md': theme('avatar.size.md'),
|
|
412
|
+
'avatar-lg': theme('avatar.size.lg'),
|
|
413
|
+
'avatar-xl': theme('avatar.size.xl'),
|
|
414
|
+
'avatar-xxl': theme('avatar.size.xxl'),
|
|
415
|
+
'calendar-sm': '500px',
|
|
416
|
+
'calendar-lg': '1200px',
|
|
417
|
+
'content-left-md': '768px',
|
|
418
|
+
'dialog-sm': '360px',
|
|
419
|
+
'dialog-md': '768px',
|
|
420
|
+
'dialog-lg': '1024px',
|
|
421
|
+
'preview-lg': '650px',
|
|
422
|
+
'preview-xl': '800px',
|
|
423
|
+
}),
|
|
424
|
+
dropShadow: {
|
|
425
|
+
md: ['0 3px 3px rgb(0 0 0 / 0.18)', '0 5px 5px rgb(0 0 0 / 0.20)'],
|
|
426
|
+
},
|
|
427
|
+
fontFamily: {
|
|
428
|
+
sans: ['Noto Sans', 'Helvetica Neue', 'Arial', 'sans-serif'],
|
|
429
|
+
'material-icon': 'Material Symbols Outlined',
|
|
430
|
+
lucide: 'lucide',
|
|
431
|
+
},
|
|
432
|
+
keyframes: ({ theme }) => ({
|
|
433
|
+
blob: {
|
|
434
|
+
'0%': {
|
|
435
|
+
translate: '0 0',
|
|
436
|
+
rotate: '0deg',
|
|
437
|
+
},
|
|
438
|
+
'30%': {
|
|
439
|
+
rotate: '40deg',
|
|
440
|
+
},
|
|
441
|
+
'47%': {
|
|
442
|
+
transform: 'translate(57px, 26px) scale(1.3)',
|
|
443
|
+
},
|
|
444
|
+
'80%': {
|
|
445
|
+
rotate: '90deg',
|
|
446
|
+
},
|
|
447
|
+
},
|
|
448
|
+
'blur-out': {
|
|
449
|
+
to: {
|
|
450
|
+
filter: 'blur(10px)',
|
|
451
|
+
transform: 'translateY(-10vh)',
|
|
452
|
+
},
|
|
453
|
+
},
|
|
454
|
+
'color-change': {
|
|
455
|
+
from: {
|
|
456
|
+
backgroundColor: 'var(--bg-from)',
|
|
457
|
+
borderColor: 'var(--border-from)',
|
|
458
|
+
},
|
|
459
|
+
to: {
|
|
460
|
+
backgroundColor: 'var(--bg-to)',
|
|
461
|
+
borderColor: 'var(--border-to)',
|
|
462
|
+
},
|
|
463
|
+
},
|
|
464
|
+
'bg-color-change': {
|
|
465
|
+
from: {
|
|
466
|
+
backgroundColor: 'var(--bg-start)',
|
|
467
|
+
},
|
|
468
|
+
to: {
|
|
469
|
+
backgroundColor: 'var(--bg-end)',
|
|
470
|
+
},
|
|
471
|
+
},
|
|
472
|
+
'fade-in': {
|
|
473
|
+
from: {
|
|
474
|
+
opacity: '0',
|
|
475
|
+
},
|
|
476
|
+
},
|
|
477
|
+
'fade-out': {
|
|
478
|
+
to: {
|
|
479
|
+
opacity: '0',
|
|
480
|
+
},
|
|
481
|
+
},
|
|
482
|
+
'fade-out-in': {
|
|
483
|
+
'0%, 100%': {
|
|
484
|
+
opacity: '1',
|
|
485
|
+
'animation-timing-function': `cubic-bezier(0.8, 0, 1, 1)`,
|
|
486
|
+
},
|
|
487
|
+
'50%': {
|
|
488
|
+
opacity: '0.3',
|
|
489
|
+
},
|
|
490
|
+
},
|
|
491
|
+
'scale-down': {
|
|
492
|
+
'0%': {
|
|
493
|
+
scale: '1',
|
|
494
|
+
},
|
|
495
|
+
'100%': {
|
|
496
|
+
scale: '0.95',
|
|
497
|
+
},
|
|
498
|
+
},
|
|
499
|
+
'scale-up': {
|
|
500
|
+
'0%': {
|
|
501
|
+
backgroundColor: 'var(--bg-from)',
|
|
502
|
+
borderColor: 'var(--border-from)',
|
|
503
|
+
scale: '0.95',
|
|
504
|
+
},
|
|
505
|
+
'30%': {
|
|
506
|
+
backgroundColor: 'var(--bg-from)',
|
|
507
|
+
borderColor: 'var(--border-from)',
|
|
508
|
+
scale: '1',
|
|
509
|
+
},
|
|
510
|
+
'100%': {
|
|
511
|
+
backgroundColor: 'var(--bg-to)',
|
|
512
|
+
borderColor: 'var(--border-to)',
|
|
513
|
+
scale: '1',
|
|
514
|
+
},
|
|
515
|
+
},
|
|
516
|
+
'up-and-back': {
|
|
517
|
+
'0%, 100%': {
|
|
518
|
+
transform: `translateY(3px)`,
|
|
519
|
+
'animation-timing-function': `cubic-bezier(0.8, 0, 1, 1)`,
|
|
520
|
+
},
|
|
521
|
+
'50%': {
|
|
522
|
+
transform: `translateY(0)`,
|
|
523
|
+
'animation-timing-function': `cubic-bezier(0, 0, 0.2, 1)`,
|
|
524
|
+
},
|
|
525
|
+
},
|
|
526
|
+
'slide-fade-scroll': {
|
|
527
|
+
from: { opacity: '0', transform: 'translateY(4dvh)' },
|
|
528
|
+
},
|
|
529
|
+
}),
|
|
530
|
+
spacing: {
|
|
531
|
+
xs: 'var(--gap-xs)',
|
|
532
|
+
sm: 'var(--gap-s)',
|
|
533
|
+
md: 'var(--gap-m)',
|
|
534
|
+
lg: 'var(--gap-l)',
|
|
535
|
+
xl: 'var(--gap-xl)',
|
|
536
|
+
},
|
|
537
|
+
transitionDuration: {
|
|
538
|
+
DEFAULT: '250ms',
|
|
539
|
+
250: '250ms',
|
|
540
|
+
},
|
|
541
|
+
transitionTimingFunction: {
|
|
542
|
+
DEFAULT: 'linear(0,0.0025 1.75%,0.0099 3.55%,0.0197 4.92%,0.0341 6.4%,0.0533 7.84%,0.0738 9.06%,0.1003 10.32%,0.1281 11.41%,0.194 13.37%,0.2714 14.97%,0.344 16.05%,0.4768 17.47%,0.5443 18.34%,0.6069 19.39%,0.6604 20.61%,0.7167 22.4%,0.7653 24.59%,0.7876 25.87%,0.8083 27.28%,0.8272 28.79%,0.8448 30.42%,0.8649 32.63%,0.8833 35.06%,0.9002 37.72%,0.9155 40.62%,0.9295 43.79%,0.9421 47.24%,0.9533 50.97%,0.9633 54.99%,0.972 59.33%,0.9795 64.01%,0.9909 74.43%,0.9977 86.37%,1)',
|
|
543
|
+
linear: 'linear(0,0.0025 1.75%,0.0099 3.55%,0.0197 4.92%,0.0341 6.4%,0.0533 7.84%,0.0738 9.06%,0.1003 10.32%,0.1281 11.41%,0.194 13.37%,0.2714 14.97%,0.344 16.05%,0.4768 17.47%,0.5443 18.34%,0.6069 19.39%,0.6604 20.61%,0.7167 22.4%,0.7653 24.59%,0.7876 25.87%,0.8083 27.28%,0.8272 28.79%,0.8448 30.42%,0.8649 32.63%,0.8833 35.06%,0.9002 37.72%,0.9155 40.62%,0.9295 43.79%,0.9421 47.24%,0.9533 50.97%,0.9633 54.99%,0.972 59.33%,0.9795 64.01%,0.9909 74.43%,0.9977 86.37%,1)',
|
|
544
|
+
'spring-stiff': 'linear(0,0.004,0.012 1%,0.035,0.069,0.116 4.3%,0.217 6.5%,0.466 11.3%,0.578 13.6%,0.685 16.1%,0.774 18.4%,0.814,0.851,0.884,0.914,0.94,0.962,0.982,0.998 29%,1.008,1.016,1.023,1.028,1.032,1.035,1.037,1.038 38.7%,1.037 40.9%,1.034 43.4%,1.016 52.7%,1.01 57%,1.005,1.002 64.9%,1 69.8%,0.999 75.7%,1)',
|
|
545
|
+
},
|
|
546
|
+
},
|
|
547
|
+
lineHeight: {
|
|
548
|
+
DEFAULT: '1.125rem',
|
|
549
|
+
3: '1.125rem',
|
|
550
|
+
4: '1.25rem',
|
|
551
|
+
5: '1.5rem',
|
|
552
|
+
6: '1.75rem',
|
|
553
|
+
7: '2rem',
|
|
554
|
+
8: '2.375rem',
|
|
555
|
+
9: '2.75rem',
|
|
556
|
+
},
|
|
557
|
+
screens: {
|
|
558
|
+
xs: '375px',
|
|
559
|
+
...defaultTheme.screens,
|
|
560
|
+
},
|
|
561
|
+
shape: {
|
|
562
|
+
mapPin: 'path("M10 19.1668C10 19.1668 17.5 14.1668 17.5 8.3335C17.5 6.34437 16.7098 4.43672 15.3033 3.0302C13.8968 1.62367 11.9891 0.833496 10 0.833496C8.01088 0.833496 6.10322 1.62367 4.6967 3.0302C3.29018 4.43672 2.5 6.34437 2.5 8.3335C2.5 14.1668 10 19.1668 10 19.1668ZM13.5 8.50012C13.5 10.4331 11.933 12.0001 10 12.0001C8.067 12.0001 6.5 10.4331 6.5 8.50012C6.5 6.56713 8.067 5.00012 10 5.00012C11.933 5.00012 13.5 6.56713 13.5 8.50012Z")',
|
|
563
|
+
starFilled: 'polygon(54.55% 9.09%,68.59% 37.55%,100% 42.14%,77.27% 64.27%,82.64% 95.55%,54.55% 80.77%,26.45% 95.55%,31.82% 64.27%,9.09% 42.14%,40.5% 37.55%,54.55% 9.09%)',
|
|
564
|
+
},
|
|
565
|
+
},
|
|
566
|
+
plugins: [],
|
|
567
|
+
};
|