welcome-ui 0.0.0-dev.1759252708223 → 0.0.0-dev.1759392523253

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/AspectRatio.css +1 -1
  2. package/dist/AspectRatio.js +13 -12
  3. package/dist/Breadcrumb.css +1 -1
  4. package/dist/Breadcrumb.js +101 -124
  5. package/dist/Button.css +1 -1
  6. package/dist/Button.js +49 -49
  7. package/dist/Modal.css +1 -1
  8. package/dist/Modal.js +132 -174
  9. package/dist/Search.js +118 -125
  10. package/dist/Swiper.js +113 -119
  11. package/dist/theme.css +1 -1
  12. package/dist/throttle-BDBzFeFj.js +13 -0
  13. package/dist/types/components/AspectRatio/index.d.ts +1 -2
  14. package/dist/types/components/AspectRatio/types.d.ts +12 -3
  15. package/dist/types/components/Icon/index.d.ts +305 -0
  16. package/dist/types/components/Modal/components/Close.d.ts +2 -2
  17. package/dist/types/components/Modal/components/Content.d.ts +3 -5
  18. package/dist/types/components/Modal/index.d.ts +0 -1
  19. package/dist/types/components/Modal/types.d.ts +0 -5
  20. package/dist/types/old/components/Alert/styles.d.ts +4 -4
  21. package/dist/types/old/components/Avatar/styles.d.ts +4 -4
  22. package/dist/types/old/components/Card/Cover.styles.d.ts +2 -2
  23. package/dist/types/old/components/ClearButton/index.d.ts +2 -2
  24. package/dist/types/old/components/ClearButton/styles.d.ts +2 -2
  25. package/dist/types/old/components/CloseButton/styles.d.ts +2 -2
  26. package/dist/types/old/components/Drawer/styles.d.ts +2 -2
  27. package/dist/types/old/components/InputText/styles.d.ts +1 -1
  28. package/dist/types/old/components/Link/styles.d.ts +2 -2
  29. package/dist/types/old/components/Loader/styles.d.ts +2 -2
  30. package/dist/types/old/components/Modal/Assets/Backdrop.d.ts +2 -2
  31. package/dist/types/old/components/Modal/Assets/index.d.ts +4 -4
  32. package/dist/types/old/components/Modal/Assets/styles.d.ts +4 -4
  33. package/dist/types/old/components/Modal/index.d.ts +4 -4
  34. package/dist/types/old/components/Modal/styles.d.ts +4 -4
  35. package/dist/types/old/components/Radio/styles.d.ts +2 -2
  36. package/dist/types/old/components/Select/index.d.ts +2 -2
  37. package/dist/types/old/components/Select/styles.d.ts +2 -2
  38. package/dist/types/old/components/Shape/styles.d.ts +2 -2
  39. package/dist/types/old/components/Slider/styles.d.ts +10 -10
  40. package/dist/types/old/components/Swiper/styles.d.ts +2 -2
  41. package/dist/types/old/components/Toast/styles.d.ts +8 -8
  42. package/dist/types/theme/tokens.json.d.ts +378 -0
  43. package/dist/types/theme/types.d.ts +0 -10
  44. package/dist/types/theme/utils/parseTokens.d.ts +15 -0
  45. package/dist/types/theme/utils/parseTokens.test.d.ts +1 -0
  46. package/dist/types/utils/clamp.d.ts +1 -0
  47. package/dist/types/utils/use-screens.d.ts +2 -2
  48. package/package.json +4 -2
  49. package/dist/types/theme/tokens.d.ts +0 -307
@@ -1,307 +0,0 @@
1
- export declare const semantics: {
2
- readonly colors: {
3
- readonly '--color-brand-10': "var(--color-yellow-10)";
4
- readonly '--color-brand-20': "var(--color-yellow-20)";
5
- readonly '--color-brand-30': "var(--color-yellow-30)";
6
- readonly '--color-brand-40': "var(--color-yellow-40)";
7
- readonly '--color-brand-50': "var(--color-yellow-50)";
8
- readonly '--color-brand-60': "var(--color-yellow-60)";
9
- readonly '--color-brand-70': "var(--color-yellow-70)";
10
- readonly '--color-brand-80': "var(--color-yellow-80)";
11
- readonly '--color-brand-90': "var(--color-yellow-90)";
12
- readonly '--color-overlay': "color-mix(in oklab, var(--color-neutral-90) 55%, transparent)";
13
- readonly '--color-secondary-blue': "var(--color-blue-40)";
14
- readonly '--color-secondary-green': "var(--color-green-30)";
15
- readonly '--color-secondary-orange': "var(--color-red-orange-40)";
16
- readonly '--color-secondary-pink': "var(--color-pink-40)";
17
- readonly '--color-secondary-teal': "var(--color-teal-40)";
18
- readonly '--color-secondary-violet': "var(--color-violet-40)";
19
- };
20
- readonly fontSizes: {
21
- readonly '--font-size-h0': "var(--font-size-65)";
22
- readonly '--font-size-h1': "var(--font-size-45)";
23
- readonly '--font-size-h2': "var(--font-size-36)";
24
- readonly '--font-size-h3': "var(--font-size-26)";
25
- readonly '--font-size-h4': "var(--font-size-20)";
26
- readonly '--font-size-h5': "var(--font-size-16)";
27
- readonly '--font-size-h6': "var(--font-size-14)";
28
- readonly '--font-size-lg': "var(--font-size-18)";
29
- readonly '--font-size-md': "var(--font-size-16)";
30
- readonly '--font-size-sm': "var(--font-size-14)";
31
- readonly '--font-size-subtitle-md': "var(--font-size-13)";
32
- readonly '--font-size-subtitle-sm': "var(--font-size-11)";
33
- readonly '--font-size-xl': "var(--font-size-24)";
34
- readonly '--font-size-xs': "var(--font-size-12)";
35
- };
36
- readonly fontWeight: {
37
- readonly '--font-weight-bold': "var(--font-weight-600)";
38
- readonly '--font-weight-medium': "var(--font-weight-500)";
39
- readonly '--font-weight-regular': "var(--font-weight-400)";
40
- };
41
- readonly heights: {
42
- readonly '--height-elements-lg': "var(--height-40)";
43
- readonly '--height-elements-md': "var(--height-32)";
44
- readonly '--height-elements-sm': "var(--height-24)";
45
- readonly '--height-elements-xl': "var(--height-48)";
46
- readonly '--height-elements-xs': "var(--height-16)";
47
- readonly '--height-elements-xxl': "var(--height-64)";
48
- readonly '--height-elements-xxs': "var(--height-12)";
49
- };
50
- readonly lineHeights: {
51
- readonly '--line-height-h0': "var(--line-height-72)";
52
- readonly '--line-height-h1': "var(--line-height-48)";
53
- readonly '--line-height-h2': "var(--line-height-40)";
54
- readonly '--line-height-h3': "var(--line-height-32)";
55
- readonly '--line-height-h4': "var(--line-height-24)";
56
- readonly '--line-height-h5': "var(--line-height-20)";
57
- readonly '--line-height-h6': "var(--line-height-18)";
58
- readonly '--line-height-lg': "var(--line-height-24)";
59
- readonly '--line-height-md': "var(--line-height-18)";
60
- readonly '--line-height-sm': "var(--line-height-18)";
61
- readonly '--line-height-subtitle-md': "var(--line-height-iso-font-size)";
62
- readonly '--line-height-subtitle-sm': "var(--line-height-iso-font-size)";
63
- readonly '--line-height-xs': "var(--line-height-14)";
64
- };
65
- readonly spacings: {
66
- readonly '--spacing-3xl': "var(--spacing-48)";
67
- readonly '--spacing-4xl': "var(--spacing-64)";
68
- readonly '--spacing-5xl': "var(--spacing-96)";
69
- readonly '--spacing-6xl': "var(--spacing-128)";
70
- readonly '--spacing-7xl': "var(--spacing-192)";
71
- readonly '--spacing-lg': "var(--spacing-16)";
72
- readonly '--spacing-md': "var(--spacing-12)";
73
- readonly '--spacing-sm': "var(--spacing-8)";
74
- readonly '--spacing-xl': "var(--spacing-24)";
75
- readonly '--spacing-xs': "var(--spacing-4)";
76
- readonly '--spacing-xxl': "var(--spacing-32)";
77
- readonly '--spacing-xxs': "var(--spacing-2)";
78
- };
79
- };
80
- export declare const primitives: {
81
- readonly borders: {
82
- readonly '--border-width-lg': "3px";
83
- readonly '--border-width-md': "2px";
84
- readonly '--border-width-sm': "1px";
85
- };
86
- readonly colors: {
87
- readonly '--color-beige-10': "#fbf9f7";
88
- readonly '--color-beige-20': "#f6f3ef";
89
- readonly '--color-beige-30': "#eae4de";
90
- readonly '--color-beige-40': "#d2cbc3";
91
- readonly '--color-beige-50': "#a7a096";
92
- readonly '--color-beige-60': "#605b55";
93
- readonly '--color-beige-70': "#4d4944";
94
- readonly '--color-beige-80': "#33302d";
95
- readonly '--color-beige-90': "#1e1c1a";
96
- readonly '--color-blue-10': "#e0f5ff";
97
- readonly '--color-blue-20': "#bbeaff";
98
- readonly '--color-blue-30': "#9bdef7";
99
- readonly '--color-blue-40': "#55c3e9";
100
- readonly '--color-blue-50': "#27a5d0";
101
- readonly '--color-blue-60': "#057aa3";
102
- readonly '--color-blue-70': "#025a79";
103
- readonly '--color-blue-80': "#013c50";
104
- readonly '--color-blue-90': "#00202b";
105
- readonly '--color-green-10': "#eaffd4";
106
- readonly '--color-green-20': "#d6f6b4";
107
- readonly '--color-green-30': "#bade94";
108
- readonly '--color-green-40': "#9fc873";
109
- readonly '--color-green-50': "#83ad57";
110
- readonly '--color-green-60': "#5a8034";
111
- readonly '--color-green-70': "#40611f";
112
- readonly '--color-green-80': "#2a4210";
113
- readonly '--color-green-90': "#142603";
114
- readonly '--color-neutral-10': "#ffffff";
115
- readonly '--color-neutral-20': "#f3f3f3";
116
- readonly '--color-neutral-30': "#dedede";
117
- readonly '--color-neutral-40': "#bdbdbd";
118
- readonly '--color-neutral-50': "#989898";
119
- readonly '--color-neutral-60': "#585858";
120
- readonly '--color-neutral-70': "#444444";
121
- readonly '--color-neutral-80': "#212121";
122
- readonly '--color-neutral-90': "#000000";
123
- readonly '--color-orange-10': "#ffebce";
124
- readonly '--color-orange-20': "#ffd495";
125
- readonly '--color-orange-30': "#ffbb59";
126
- readonly '--color-orange-40': "#ff9f14";
127
- readonly '--color-orange-50': "#db860a";
128
- readonly '--color-orange-60': "#a6670a";
129
- readonly '--color-orange-70': "#824f06";
130
- readonly '--color-orange-80': "#573607";
131
- readonly '--color-orange-90': "#382303";
132
- readonly '--color-pink-10': "#ffeaf5";
133
- readonly '--color-pink-20': "#ffd5eb";
134
- readonly '--color-pink-30': "#feb7dc";
135
- readonly '--color-pink-40': "#f696c8";
136
- readonly '--color-pink-50': "#e468a8";
137
- readonly '--color-pink-60': "#c24887";
138
- readonly '--color-pink-70': "#972962";
139
- readonly '--color-pink-80': "#6d1142";
140
- readonly '--color-pink-90': "#3c0725";
141
- readonly '--color-red-10': "#fbdedc";
142
- readonly '--color-red-20': "#fcc7c3";
143
- readonly '--color-red-30': "#fdb3ae";
144
- readonly '--color-red-40': "#ff9490";
145
- readonly '--color-red-50': "#ff6165";
146
- readonly '--color-red-60': "#e1003a";
147
- readonly '--color-red-70': "#a80029";
148
- readonly '--color-red-80': "#75001a";
149
- readonly '--color-red-90': "#450101";
150
- readonly '--color-red-orange-10': "#ffded0";
151
- readonly '--color-red-orange-20': "#ffc9b2";
152
- readonly '--color-red-orange-30': "#ffb595";
153
- readonly '--color-red-orange-40': "#ff9868";
154
- readonly '--color-red-orange-50': "#e67b49";
155
- readonly '--color-red-orange-60': "#c45927";
156
- readonly '--color-red-orange-70': "#9f4217";
157
- readonly '--color-red-orange-80': "#6d2605";
158
- readonly '--color-red-orange-90': "#451701";
159
- readonly '--color-teal-10': "#d5fffa";
160
- readonly '--color-teal-20': "#aaf4eb";
161
- readonly '--color-teal-30': "#6de1d2";
162
- readonly '--color-teal-40': "#00c7ae";
163
- readonly '--color-teal-50': "#01aa95";
164
- readonly '--color-teal-60': "#008070";
165
- readonly '--color-teal-70': "#00544a";
166
- readonly '--color-teal-80': "#003d35";
167
- readonly '--color-teal-90': "#00211d";
168
- readonly '--color-transparent': "transparent";
169
- readonly '--color-violet-10': "#f2f2ff";
170
- readonly '--color-violet-20': "#e0e0ff";
171
- readonly '--color-violet-30': "#c9c9ff";
172
- readonly '--color-violet-40': "#acacff";
173
- readonly '--color-violet-50': "#9080f0";
174
- readonly '--color-violet-60': "#7958d6";
175
- readonly '--color-violet-70': "#593cac";
176
- readonly '--color-violet-80': "#422a86";
177
- readonly '--color-violet-90': "#1f0e51";
178
- readonly '--color-yellow-10': "#fff8d9";
179
- readonly '--color-yellow-20': "#fff1b2";
180
- readonly '--color-yellow-30': "#ffe166";
181
- readonly '--color-yellow-40': "#ffcd00";
182
- readonly '--color-yellow-50': "#e5b800";
183
- readonly '--color-yellow-60': "#b69200";
184
- readonly '--color-yellow-70': "#846a01";
185
- readonly '--color-yellow-80': "#604d00";
186
- readonly '--color-yellow-90': "#423500";
187
- };
188
- readonly fontFamilies: {
189
- readonly '--default-font-family': "\"Work Sans\", sans-serif";
190
- readonly '--font-family-headings': "\"welcome-font\", sans-serif";
191
- readonly '--font-family-icons': "\"welcome-icon-font\"";
192
- };
193
- readonly fontSizes: {
194
- readonly '--font-size-10': "0.625rem";
195
- readonly '--font-size-11': "0.6875rem";
196
- readonly '--font-size-12': "0.75rem";
197
- readonly '--font-size-13': "0.8125rem";
198
- readonly '--font-size-14': "0.875rem";
199
- readonly '--font-size-16': "1rem";
200
- readonly '--font-size-18': "1.125rem";
201
- readonly '--font-size-20': "1.25rem";
202
- readonly '--font-size-24': "1.5rem";
203
- readonly '--font-size-26': "1.625rem";
204
- readonly '--font-size-36': "2.25rem";
205
- readonly '--font-size-45': "2.8125rem";
206
- readonly '--font-size-65': "4.0625rem";
207
- };
208
- readonly fontWeights: {
209
- readonly '--font-weight-400': "400";
210
- readonly '--font-weight-500': "500";
211
- readonly '--font-weight-600': "600";
212
- };
213
- readonly heights: {
214
- readonly '--height-4': "0.25rem";
215
- readonly '--height-8': "0.5rem";
216
- readonly '--height-10': "0.625rem";
217
- readonly '--height-12': "0.75rem";
218
- readonly '--height-16': "1rem";
219
- readonly '--height-20': "1.25rem";
220
- readonly '--height-24': "1.5rem";
221
- readonly '--height-30': "1.875rem";
222
- readonly '--height-32': "2rem";
223
- readonly '--height-40': "2.5rem";
224
- readonly '--height-48': "3rem";
225
- readonly '--height-50': "3.125rem";
226
- readonly '--height-60': "3.75rem";
227
- readonly '--height-64': "4rem";
228
- };
229
- readonly letterSpacings: {
230
- readonly '--letter-spacing-h0': "-0.10625rem";
231
- readonly '--letter-spacing-h1': "-0.075rem";
232
- readonly '--letter-spacing-h2': "-0.0625rem";
233
- readonly '--letter-spacing-h3': "-0.05625rem";
234
- readonly '--letter-spacing-h4': "-0.0375rem";
235
- readonly '--letter-spacing-h5': "-0.03125rem";
236
- readonly '--letter-spacing-h6': "-0.03125rem";
237
- readonly '--letter-spacing-lg': "-0.019rem";
238
- readonly '--letter-spacing-md': "-0.019rem";
239
- readonly '--letter-spacing-sm': "-0.019rem";
240
- readonly '--letter-spacing-subtitle-md': "-0.0125rem";
241
- readonly '--letter-spacing-subtitle-sm': "-0.0125rem";
242
- readonly ' --letter-spacing-xs': "-0.0125rem";
243
- };
244
- readonly lineHeights: {
245
- readonly '--line-height-14': "0.875rem";
246
- readonly '--line-height-16': "1rem";
247
- readonly '--line-height-18': "1.125rem";
248
- readonly '--line-height-24': "1.5rem";
249
- readonly '--line-height-32': "2rem";
250
- readonly '--line-height-40': "2.5rem";
251
- readonly '--line-height-48': "3rem";
252
- readonly '--line-height-72': "4.5rem";
253
- readonly '--line-height-iso-font-size': "1";
254
- };
255
- readonly radii: {
256
- readonly '--radius-2xl': "1.5rem";
257
- readonly '--radius-circle': "calc(infinity * 1px)";
258
- readonly '--radius-lg': "0.5rem";
259
- readonly '--radius-md': "0.25rem";
260
- readonly '--radius-sm': "0.125rem";
261
- readonly '--radius-xl': "1rem";
262
- };
263
- readonly screens: {
264
- readonly '--breakpoint-2xl': "1440px";
265
- readonly '--breakpoint-3xl': "1620px";
266
- readonly '--breakpoint-4xl': "1920px";
267
- readonly '--breakpoint-lg': "980px";
268
- readonly '--breakpoint-md': "736px";
269
- readonly '--breakpoint-sm': "480px";
270
- readonly '--breakpoint-xl': "1280px";
271
- readonly '--breakpoint-xs': "0px";
272
- };
273
- readonly shadows: {
274
- readonly '--shadow-focus': "0 0 0 2px var(--color-brand-40)";
275
- readonly '--shadow-focus-danger': "0 0 0 2px var(--color-red-30)";
276
- readonly '--shadow-focus-success': "0 0 0 2px var(--color-green-30)";
277
- readonly '--shadow-focus-warning': "0 0 0 2px var(--color-orange-20)";
278
- readonly '--shadow-md': "3px 4px 10px 0 color-mix(in oklab, var(--color-neutral-90) 7%, transparent)";
279
- readonly '--shadow-sm': "1px 2px 4px 0 color-mix(in oklab, var(--color-neutral-90) 5%, transparent)";
280
- };
281
- readonly spacings: {
282
- readonly '--spacing-0': "0";
283
- readonly '--spacing-2': "0.125rem";
284
- readonly '--spacing-3': "0.1875rem";
285
- readonly '--spacing-4': "0.25rem";
286
- readonly '--spacing-8': "0.5rem";
287
- readonly '--spacing-12': "0.75rem";
288
- readonly '--spacing-16': "1rem";
289
- readonly '--spacing-24': "1.5rem";
290
- readonly '--spacing-28': "1.75rem";
291
- readonly '--spacing-32': "2rem";
292
- readonly '--spacing-36': "2.25rem";
293
- readonly '--spacing-48': "3rem";
294
- readonly '--spacing-64': "4rem";
295
- readonly '--spacing-96': "6rem";
296
- readonly '--spacing-128': "8rem";
297
- readonly '--spacing-192': "12rem";
298
- };
299
- readonly transitions: {
300
- readonly '--duration-fast': "100ms";
301
- readonly '--duration-medium': "300ms";
302
- readonly '--duration-slow': "500ms";
303
- readonly '--timing-primary': "ease";
304
- readonly '--timing-secondary': "linear";
305
- readonly '--timing-tertiary': "cubic-bezier(0.41, 0.094, 0.54, 0.07)";
306
- };
307
- };