@itilite/lumina-ui 1.0.1 → 1.1.0

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 (47) hide show
  1. package/README.md +43 -10
  2. package/dist/Tag.d.mts +13 -0
  3. package/dist/Tag.d.ts +13 -0
  4. package/dist/Tag.js +108 -0
  5. package/dist/Tag.mjs +9 -0
  6. package/dist/atom/Avatar/Avatar.d.mts +17 -0
  7. package/dist/atom/Avatar/Avatar.d.ts +17 -0
  8. package/dist/atom/Avatar/Avatar.js +121 -0
  9. package/dist/atom/Avatar/Avatar.mjs +9 -0
  10. package/dist/atom/Button/Button.d.mts +25 -0
  11. package/dist/atom/Button/Button.d.ts +25 -0
  12. package/dist/atom/Button/Button.js +111 -0
  13. package/dist/atom/Button/Button.mjs +9 -0
  14. package/dist/atom/Checkbox/Checkbox.d.mts +20 -0
  15. package/dist/atom/Checkbox/Checkbox.d.ts +20 -0
  16. package/dist/atom/Checkbox/Checkbox.js +121 -0
  17. package/dist/atom/Checkbox/Checkbox.mjs +9 -0
  18. package/dist/atom/Modal/Modal.d.mts +25 -0
  19. package/dist/atom/Modal/Modal.d.ts +25 -0
  20. package/dist/atom/Modal/Modal.js +267 -0
  21. package/dist/atom/Modal/Modal.mjs +10 -0
  22. package/dist/atom/Radio/Radio.d.mts +17 -0
  23. package/dist/atom/Radio/Radio.d.ts +17 -0
  24. package/dist/atom/Radio/Radio.js +122 -0
  25. package/dist/atom/Radio/Radio.mjs +9 -0
  26. package/dist/atom/Switch/Switch.d.mts +13 -0
  27. package/dist/atom/Switch/Switch.d.ts +13 -0
  28. package/dist/atom/Switch/Switch.js +102 -0
  29. package/dist/atom/Switch/Switch.mjs +9 -0
  30. package/dist/atom/Tag/Tag.d.mts +13 -0
  31. package/dist/atom/Tag/Tag.d.ts +13 -0
  32. package/dist/atom/Tag/Tag.js +108 -0
  33. package/dist/atom/Tag/Tag.mjs +9 -0
  34. package/dist/atom/Tooltip/Tooltip.d.mts +12 -0
  35. package/dist/atom/Tooltip/Tooltip.d.ts +12 -0
  36. package/dist/atom/Tooltip/Tooltip.js +97 -0
  37. package/dist/atom/Tooltip/Tooltip.mjs +9 -0
  38. package/dist/chunk-4VZB2KR2.mjs +51 -0
  39. package/dist/index.d.mts +8 -7
  40. package/dist/index.d.ts +8 -7
  41. package/dist/index.js +46 -3
  42. package/dist/index.mjs +10 -6
  43. package/dist/styles.css +232 -930
  44. package/package.json +6 -31
  45. package/dist/chunk-2O2IH2FG.mjs +0 -83
  46. package/dist/styles.d.mts +0 -2
  47. package/dist/styles.d.ts +0 -2
package/dist/styles.css CHANGED
@@ -1,895 +1,104 @@
1
- /* src/styles.css */
2
- *,
3
- ::before,
4
- ::after {
5
- --tw-border-spacing-x: 0;
6
- --tw-border-spacing-y: 0;
7
- --tw-translate-x: 0;
8
- --tw-translate-y: 0;
9
- --tw-rotate: 0;
10
- --tw-skew-x: 0;
11
- --tw-skew-y: 0;
12
- --tw-scale-x: 1;
13
- --tw-scale-y: 1;
14
- --tw-pan-x: ;
15
- --tw-pan-y: ;
16
- --tw-pinch-zoom: ;
17
- --tw-scroll-snap-strictness: proximity;
18
- --tw-gradient-from-position: ;
19
- --tw-gradient-via-position: ;
20
- --tw-gradient-to-position: ;
21
- --tw-ordinal: ;
22
- --tw-slashed-zero: ;
23
- --tw-numeric-figure: ;
24
- --tw-numeric-spacing: ;
25
- --tw-numeric-fraction: ;
26
- --tw-ring-inset: ;
27
- --tw-ring-offset-width: 0px;
28
- --tw-ring-offset-color: #fff;
29
- --tw-ring-color: rgb(59 130 246 / 0.5);
30
- --tw-ring-offset-shadow: 0 0 #0000;
31
- --tw-ring-shadow: 0 0 #0000;
32
- --tw-shadow: 0 0 #0000;
33
- --tw-shadow-colored: 0 0 #0000;
34
- --tw-blur: ;
35
- --tw-brightness: ;
36
- --tw-contrast: ;
37
- --tw-grayscale: ;
38
- --tw-hue-rotate: ;
39
- --tw-invert: ;
40
- --tw-saturate: ;
41
- --tw-sepia: ;
42
- --tw-drop-shadow: ;
43
- --tw-backdrop-blur: ;
44
- --tw-backdrop-brightness: ;
45
- --tw-backdrop-contrast: ;
46
- --tw-backdrop-grayscale: ;
47
- --tw-backdrop-hue-rotate: ;
48
- --tw-backdrop-invert: ;
49
- --tw-backdrop-opacity: ;
50
- --tw-backdrop-saturate: ;
51
- --tw-backdrop-sepia: ;
52
- --tw-contain-size: ;
53
- --tw-contain-layout: ;
54
- --tw-contain-paint: ;
55
- --tw-contain-style: ;
56
- }
57
- ::backdrop {
58
- --tw-border-spacing-x: 0;
59
- --tw-border-spacing-y: 0;
60
- --tw-translate-x: 0;
61
- --tw-translate-y: 0;
62
- --tw-rotate: 0;
63
- --tw-skew-x: 0;
64
- --tw-skew-y: 0;
65
- --tw-scale-x: 1;
66
- --tw-scale-y: 1;
67
- --tw-pan-x: ;
68
- --tw-pan-y: ;
69
- --tw-pinch-zoom: ;
70
- --tw-scroll-snap-strictness: proximity;
71
- --tw-gradient-from-position: ;
72
- --tw-gradient-via-position: ;
73
- --tw-gradient-to-position: ;
74
- --tw-ordinal: ;
75
- --tw-slashed-zero: ;
76
- --tw-numeric-figure: ;
77
- --tw-numeric-spacing: ;
78
- --tw-numeric-fraction: ;
79
- --tw-ring-inset: ;
80
- --tw-ring-offset-width: 0px;
81
- --tw-ring-offset-color: #fff;
82
- --tw-ring-color: rgb(59 130 246 / 0.5);
83
- --tw-ring-offset-shadow: 0 0 #0000;
84
- --tw-ring-shadow: 0 0 #0000;
85
- --tw-shadow: 0 0 #0000;
86
- --tw-shadow-colored: 0 0 #0000;
87
- --tw-blur: ;
88
- --tw-brightness: ;
89
- --tw-contrast: ;
90
- --tw-grayscale: ;
91
- --tw-hue-rotate: ;
92
- --tw-invert: ;
93
- --tw-saturate: ;
94
- --tw-sepia: ;
95
- --tw-drop-shadow: ;
96
- --tw-backdrop-blur: ;
97
- --tw-backdrop-brightness: ;
98
- --tw-backdrop-contrast: ;
99
- --tw-backdrop-grayscale: ;
100
- --tw-backdrop-hue-rotate: ;
101
- --tw-backdrop-invert: ;
102
- --tw-backdrop-opacity: ;
103
- --tw-backdrop-saturate: ;
104
- --tw-backdrop-sepia: ;
105
- --tw-contain-size: ;
106
- --tw-contain-layout: ;
107
- --tw-contain-paint: ;
108
- --tw-contain-style: ;
109
- }
110
- *,
111
- ::before,
112
- ::after {
113
- box-sizing: border-box;
114
- border-width: 0;
115
- border-style: solid;
116
- border-color: #e5e7eb;
117
- }
118
- ::before,
119
- ::after {
120
- --tw-content: "";
121
- }
122
- html,
123
- :host {
124
- line-height: 1.5;
125
- -webkit-text-size-adjust: 100%;
126
- -moz-tab-size: 4;
127
- -o-tab-size: 4;
128
- tab-size: 4;
129
- font-family:
130
- ui-sans-serif,
131
- system-ui,
132
- sans-serif,
133
- "Apple Color Emoji",
134
- "Segoe UI Emoji",
135
- "Segoe UI Symbol",
136
- "Noto Color Emoji";
137
- font-feature-settings: normal;
138
- font-variation-settings: normal;
139
- -webkit-tap-highlight-color: transparent;
140
- }
141
- body {
142
- margin: 0;
143
- line-height: inherit;
144
- }
145
- hr {
146
- height: 0;
147
- color: inherit;
148
- border-top-width: 1px;
149
- }
150
- abbr:where([title]) {
151
- -webkit-text-decoration: underline dotted;
152
- text-decoration: underline dotted;
153
- }
154
- h1,
155
- h2,
156
- h3,
157
- h4,
158
- h5,
159
- h6 {
160
- font-size: inherit;
161
- font-weight: inherit;
162
- }
163
- a {
164
- color: inherit;
165
- text-decoration: inherit;
166
- }
167
- b,
168
- strong {
169
- font-weight: bolder;
170
- }
171
- code,
172
- kbd,
173
- samp,
174
- pre {
175
- font-family:
176
- ui-monospace,
177
- SFMono-Regular,
178
- Menlo,
179
- Monaco,
180
- Consolas,
181
- "Liberation Mono",
182
- "Courier New",
183
- monospace;
184
- font-feature-settings: normal;
185
- font-variation-settings: normal;
186
- font-size: 1em;
187
- }
188
- small {
189
- font-size: 80%;
190
- }
191
- sub,
192
- sup {
193
- font-size: 75%;
194
- line-height: 0;
195
- position: relative;
196
- vertical-align: baseline;
197
- }
198
- sub {
199
- bottom: -0.25em;
200
- }
201
- sup {
202
- top: -0.5em;
203
- }
204
- table {
205
- text-indent: 0;
206
- border-color: inherit;
207
- border-collapse: collapse;
208
- }
209
- button,
210
- input,
211
- optgroup,
212
- select,
213
- textarea {
214
- font-family: inherit;
215
- font-feature-settings: inherit;
216
- font-variation-settings: inherit;
217
- font-size: 100%;
218
- font-weight: inherit;
219
- line-height: inherit;
220
- letter-spacing: inherit;
221
- color: inherit;
222
- margin: 0;
223
- padding: 0;
224
- }
225
- button,
226
- select {
227
- text-transform: none;
228
- }
229
- button,
230
- input:where([type=button]),
231
- input:where([type=reset]),
232
- input:where([type=submit]) {
233
- -webkit-appearance: button;
234
- background-color: transparent;
235
- background-image: none;
236
- }
237
- :-moz-focusring {
238
- outline: auto;
239
- }
240
- :-moz-ui-invalid {
241
- box-shadow: none;
242
- }
243
- progress {
244
- vertical-align: baseline;
245
- }
246
- ::-webkit-inner-spin-button,
247
- ::-webkit-outer-spin-button {
248
- height: auto;
249
- }
250
- [type=search] {
251
- -webkit-appearance: textfield;
252
- outline-offset: -2px;
253
- }
254
- ::-webkit-search-decoration {
255
- -webkit-appearance: none;
256
- }
257
- ::-webkit-file-upload-button {
258
- -webkit-appearance: button;
259
- font: inherit;
260
- }
261
- summary {
262
- display: list-item;
263
- }
264
- blockquote,
265
- dl,
266
- dd,
267
- h1,
268
- h2,
269
- h3,
270
- h4,
271
- h5,
272
- h6,
273
- hr,
274
- figure,
275
- p,
276
- pre {
277
- margin: 0;
278
- }
279
- fieldset {
280
- margin: 0;
281
- padding: 0;
282
- }
283
- legend {
284
- padding: 0;
285
- }
286
- ol,
287
- ul,
288
- menu {
289
- list-style: none;
290
- margin: 0;
291
- padding: 0;
292
- }
293
- dialog {
294
- padding: 0;
295
- }
296
- textarea {
297
- resize: vertical;
298
- }
299
- input::-moz-placeholder,
300
- textarea::-moz-placeholder {
301
- opacity: 1;
302
- color: #9ca3af;
303
- }
304
- input::placeholder,
305
- textarea::placeholder {
306
- opacity: 1;
307
- color: #9ca3af;
308
- }
309
- button,
310
- [role=button] {
311
- cursor: pointer;
312
- }
313
- :disabled {
314
- cursor: default;
315
- }
316
- img,
317
- svg,
318
- video,
319
- canvas,
320
- audio,
321
- iframe,
322
- embed,
323
- object {
324
- display: block;
325
- vertical-align: middle;
326
- }
327
- img,
328
- video {
329
- max-width: 100%;
330
- height: auto;
331
- }
332
- [hidden]:where(:not([hidden=until-found])) {
333
- display: none;
334
- }
335
1
  .tw-right-6 {
336
- right: 1.5rem;
2
+ right: 1.5rem
337
3
  }
338
4
  .tw-top-6 {
339
- top: 1.5rem;
5
+ top: 1.5rem
340
6
  }
341
7
  .tw-flex {
342
- display: flex;
8
+ display: flex
343
9
  }
344
10
  .tw-h-2 {
345
- height: 0.5rem;
11
+ height: 0.5rem
346
12
  }
347
13
  .tw-h-3 {
348
- height: 0.75rem;
14
+ height: 0.75rem
349
15
  }
350
16
  .tw-cursor-not-allowed {
351
- cursor: not-allowed;
17
+ cursor: not-allowed
352
18
  }
353
19
  .tw-items-end {
354
- align-items: flex-end;
20
+ align-items: flex-end
355
21
  }
356
22
  .tw-items-center {
357
- align-items: center;
23
+ align-items: center
358
24
  }
359
25
  .tw-justify-center {
360
- justify-content: center;
26
+ justify-content: center
361
27
  }
362
28
  .tw-gap-1 {
363
- gap: 0.25rem;
29
+ gap: 0.25rem
30
+ }
31
+ .tw-rounded {
32
+ border-radius: 0.25rem
364
33
  }
365
34
  .tw-rounded-full {
366
- border-radius: 9999px;
35
+ border-radius: 9999px
367
36
  }
368
37
  .tw-rounded-lg {
369
- border-radius: 0.5rem;
38
+ border-radius: 0.5rem
370
39
  }
371
40
  .tw-border {
372
- border-width: 1px;
41
+ border-width: 1px
373
42
  }
374
43
  .tw-border-0 {
375
- border-width: 0px;
44
+ border-width: 0px
376
45
  }
377
46
  .tw-border-solid {
378
- border-style: solid;
47
+ border-style: solid
379
48
  }
380
49
  .tw-bg-transparent {
381
- background-color: transparent;
50
+ background-color: transparent
382
51
  }
383
52
  .tw-object-cover {
384
- -o-object-fit: cover;
385
- object-fit: cover;
53
+ -o-object-fit: cover;
54
+ object-fit: cover
386
55
  }
387
56
  .tw-p-2 {
388
- padding: 0.5rem;
57
+ padding: 0.5rem
389
58
  }
390
59
  .tw-p-4 {
391
- padding: 1rem;
60
+ padding: 1rem
61
+ }
62
+ .tw-py-\[2px\] {
63
+ padding-top: 2px;
64
+ padding-bottom: 2px
392
65
  }
393
66
  .tw-text-font-size-10 {
394
- font-size: 0.625rem;
67
+ font-size: 0.625rem
395
68
  }
396
69
  .tw-text-font-size-50 {
397
- font-size: 1.25rem;
398
- }
399
- .tw-font-medium {
400
- font-weight: 500;
401
- }
402
- .tw-leading-7 {
403
- line-height: 1.75rem;
404
- }
405
- .tw-text-color-border-dark-subtle {
406
- --tw-text-opacity: 1;
407
- color: rgb(33 40 55 / var(--tw-text-opacity, 1));
408
- }
409
- .tw-text-color-surface-dark {
410
- --tw-text-opacity: 1;
411
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
412
- }
413
- .tw-text-color-text-primary {
414
- --tw-text-opacity: 1;
415
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
416
- }
417
- .tw-text-white {
418
- --tw-text-opacity: 1;
419
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
420
- }
421
- .tw-opacity-40 {
422
- opacity: 0.4;
423
- }
424
- @media (min-width: 576px) {
425
- .sm\:tw-p-6 {
426
- padding: 1.5rem;
427
- }
428
- }
429
-
430
-
431
- /* CSS Modules */
432
- /* src/atom/Switch/Switch.module.scss */
433
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
434
- height: 0.75rem;
435
- min-width: 1.5rem
436
- }
437
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
438
- height: 0.5rem;
439
- width: 0.5rem
440
- }
441
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
442
- --tw-bg-opacity: 1;
443
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
444
- }
445
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
446
- --tw-bg-opacity: 1;
447
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
448
- }
449
-
450
- /* src/atom/Tooltip/Tooltip.module.scss */
451
- .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
452
- background-color: white !important;
453
- color: #111827;
454
- border-radius: 0.5rem;
455
- padding: 0.625rem;
456
- --tw-text-opacity: 1;
457
- color: rgb(33 40 55 / var(--tw-text-opacity, 1));
458
- }
459
- .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
460
- background-color: white !important;
461
- }
462
-
463
- /* src/atom/Radio/Radio.module.scss */
464
- .Radio-module__radio___1CPAk {
465
- display: flex;
466
- align-items: center;
467
- }
468
- .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
469
- height: 16px;
470
- width: 16px;
471
- }
472
- .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
473
- height: 20px;
474
- width: 20px;
475
- }
476
- .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
477
- height: 24px;
478
- width: 24px;
479
- }
480
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
481
- border-color: #EC5D25;
482
- background-color: #EC5D25;
483
- }
484
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
485
- border-color: #B94710;
486
- background-color: #B94710;
487
- }
488
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
489
- outline: 2px solid #0A65E7;
490
- }
491
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
492
- cursor: not-allowed;
493
- }
494
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
495
- border-color: #B6BAC3;
496
- background-color: #B6BAC3;
497
- }
498
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
499
- transform: scale(0.375);
500
- background-color: #FFFFFF;
501
- }
502
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
503
- border-color: #B6BAC3;
504
- }
505
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
506
- border-color: #6B7280;
507
- }
508
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
509
- outline: 2px solid #0A65E7;
510
- }
511
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
512
- cursor: not-allowed;
513
- }
514
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
515
- border-color: #B6BAC3;
516
- background-color: #F9FAFB;
517
- }
518
- .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
519
- color: #363E4F;
520
- font-weight: 400;
521
- font-size: 0.875rem;
522
- line-height: 20px;
523
- }
524
- .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
525
- color: #363E4F;
526
- font-weight: 500;
527
- font-size: 0.875rem;
528
- line-height: 20px;
529
- }
530
-
531
- /* src/atom/Button/Button.module.scss */
532
- .Button-module__button___cLCyl {
533
- display: flex;
534
- align-items: center;
535
- justify-content: center;
536
- gap: 0.25rem;
537
- border-radius: 0.5rem;
538
- }
539
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
540
- height: 56px;
541
- padding-left: 1rem;
542
- padding-right: 1rem;
543
- }
544
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
545
- width: 56px;
546
- }
547
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
548
- height: 40px;
549
- padding-left: 0.75rem;
550
- padding-right: 0.75rem;
551
- }
552
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
553
- width: 40px;
554
- }
555
- .Button-module__button___cLCyl.Button-module__size_small___IUeei {
556
- height: 32px;
557
- padding-left: 0.5rem;
558
- padding-right: 0.5rem;
559
- }
560
- .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
561
- width: 32px;
562
- }
563
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz- {
564
- --tw-bg-opacity: 1;
565
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
566
- border-width: 1px;
567
- border-style: solid;
568
- --tw-border-opacity: 1;
569
- border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
570
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
571
- }
572
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:active {
573
- --tw-bg-opacity: 1;
574
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
575
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
576
- }
577
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
578
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
579
- }
580
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd {
581
- --tw-text-opacity: 1;
582
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
583
- }
584
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd:hover {
585
- --tw-text-opacity: 1;
586
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
587
- }
588
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9 {
589
- --tw-text-opacity: 1;
590
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
591
- }
592
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9:hover {
593
- --tw-text-opacity: 1;
594
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
595
- }
596
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA {
597
- border-width: 1px;
598
- border-style: solid;
599
- --tw-bg-opacity: 1;
600
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
601
- --tw-border-opacity: 1;
602
- border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
603
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
604
- }
605
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:active {
606
- --tw-bg-opacity: 1;
607
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
608
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
70
+ font-size: 1.25rem
609
71
  }
610
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:focus-visible {
611
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
612
- }
613
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd {
614
- --tw-text-opacity: 1;
615
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
616
- }
617
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd:hover {
618
- --tw-text-opacity: 1;
619
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
620
- }
621
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9 {
622
- --tw-text-opacity: 1;
623
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
624
- }
625
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9:hover {
626
- --tw-text-opacity: 1;
627
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
628
- }
629
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp {
630
- border-width: 1px;
631
- --tw-bg-opacity: 1;
632
- background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
633
- border-style: solid;
634
- --tw-border-opacity: 1;
635
- border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
636
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
637
- }
638
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:active {
639
- --tw-bg-opacity: 1;
640
- background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
641
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
642
- }
643
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:focus-visible {
644
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
645
- }
646
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd {
647
- --tw-text-opacity: 1;
648
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
649
- }
650
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd:hover {
651
- --tw-text-opacity: 1;
652
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
653
- }
654
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9 {
655
- --tw-text-opacity: 1;
656
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
657
- }
658
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9:hover {
659
- --tw-text-opacity: 1;
660
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
661
- }
662
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd {
663
- --tw-bg-opacity: 1;
664
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
665
- border-width: 1px;
666
- border-style: solid;
667
- --tw-border-opacity: 1;
668
- border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
669
- box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
670
- }
671
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:hover {
672
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
673
- --tw-border-opacity: 1;
674
- border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
675
- }
676
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:focus-visible {
677
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
678
- }
679
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia {
680
- background-color: transparent;
681
- border-width: 0px;
682
- border-style: none;
683
- box-shadow: none;
684
- }
685
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:hover {
686
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
687
- border-style: none;
688
- --tw-bg-opacity: 1;
689
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
690
- }
691
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:active {
692
- --tw-bg-opacity: 1;
693
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
694
- }
695
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
696
- outline: 2px solid rgba(236, 93, 37, 0.2);
697
- }
698
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9 {
699
- background-color: transparent;
700
- padding: 0px;
701
- border-width: 0px;
702
- border-style: none;
703
- height: auto;
704
- box-shadow: none;
705
- }
706
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
707
- text-decoration: underline;
708
- }
709
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover {
710
- box-shadow: none;
711
- border-style: none;
712
- background-color: transparent;
713
- }
714
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
715
- background-color: transparent;
716
- }
717
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
718
- outline: none;
719
- }
720
-
721
- /* src/atom/Checkbox/Checkbox.module.scss */
722
- .Checkbox-module__checkbox___xxg5L {
723
- display: flex;
724
- align-items: center;
725
- }
726
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_small___Kknlo .ant-checkbox .ant-checkbox-inner {
727
- height: 16px;
728
- width: 16px;
729
- }
730
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner {
731
- height: 20px;
732
- width: 20px;
733
- }
734
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner::after {
735
- inset-inline-start: 27%;
736
- }
737
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner {
738
- height: 24px;
739
- width: 24px;
740
- }
741
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner::after {
742
- inset-inline-start: 33%;
743
- }
744
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked .ant-checkbox-inner {
745
- border-color: #ec5d25;
746
- background-color: #ec5d25;
747
- }
748
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.ant-checkbox-wrapper:hover
749
- .ant-checkbox-checked:not(.ant-checkbox-disabled)
750
- .ant-checkbox-inner {
751
- --tw-bg-opacity: 1;
752
- background-color: rgb(185 71 16 / var(--tw-bg-opacity, 1));
753
- }
754
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked:focus-visible {
755
- outline: 2px solid #0a65e7;
756
- }
757
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 {
758
- cursor: not-allowed;
759
- }
760
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner {
761
- opacity: 0.5;
762
- border-color: #ec5d25;
763
- background-color: #ec5d25;
764
- }
765
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner::after {
766
- border-color: #ffffff;
767
- }
768
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox .ant-checkbox-inner {
769
- border-color: #b6bac3;
770
- }
771
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:hover .ant-checkbox-inner {
772
- border-color: #6b7280;
773
- }
774
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:focus-visible {
775
- outline: 2px solid #0a65e7;
776
- }
777
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 {
778
- cursor: not-allowed;
779
- }
780
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 .ant-checkbox .ant-checkbox-inner {
781
- border-color: #b6bac3;
782
- background-color: #f9fafb;
783
- }
784
- .Checkbox-module__checkbox___xxg5L .ant-checkbox-disabled + span {
785
- color: #363e4f;
786
- }
787
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_normal___faYKo {
788
- color: #363e4f;
789
- font-weight: 400;
790
- font-size: 0.875rem;
791
- line-height: 20px;
792
- }
793
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_emphasized___-koYj {
794
- color: #363e4f;
795
- font-weight: 500;
796
- font-size: 0.875rem;
797
- line-height: 20px;
798
- }
799
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner {
800
- opacity: 0.5;
801
- border-color: #ec5d25;
802
- background-color: #ec5d25;
803
- }
804
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
805
- border-color: #ffffff;
806
- }
807
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner {
808
- border-color: #ec5d25 !important;
809
- background-color: #ec5d25 !important;
810
- }
811
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner::after {
812
- inset-inline-start: 50%;
813
- width: 60%;
814
- height: 3px;
815
- border-radius: 4px;
816
- background: white;
817
- }
818
-
819
- /* src/atom/Modal/Modal.module.scss */
820
- .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
821
- margin-top: 0;
822
- margin-top: 0px;
823
- }
824
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
825
- padding: 24px;
826
- padding: 1.5rem;
827
- display: flex;
828
- justify-content: flex-end;
829
- }
830
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
831
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
832
- min-width: 92px;
833
- }
834
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
835
- padding: 24px;
836
- padding: 1.5rem;
837
- padding-top: 0px;
838
- display: flex;
839
- justify-content: flex-end;
840
- }
841
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
842
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
843
- width: 50%;
844
- }
845
- .Modal-module__modal___PKrAi .ant-modal-content {
846
- padding: 0;
847
- border-radius: 0.75rem;
848
- padding: 0px;
849
- }
850
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
851
- margin-bottom: 0px;
852
- padding: 1rem;
853
- }
854
- @media (min-width: 576px) {
855
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
856
- padding: 1.5rem;
857
- }
72
+ .tw-font-medium {
73
+ font-weight: 500
858
74
  }
859
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
860
- justify-content: flex-start;
861
- padding-right: 1.25rem;
862
- font-size: 1.25rem;
863
- font-weight: 500;
864
- line-height: 1.75rem;
865
- --tw-text-opacity: 1;
866
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
75
+ .tw-leading-7 {
76
+ line-height: 1.75rem
867
77
  }
868
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
869
- display: flex;
870
- align-items: flex-end;
871
- justify-content: center;
78
+ .tw-text-color-border-dark-subtle {
79
+ --tw-text-opacity: 1;
80
+ color: rgb(33 40 55 / var(--tw-text-opacity, 1))
872
81
  }
873
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
874
- display: flex;
875
- align-items: center;
876
- justify-content: center;
82
+ .tw-text-color-surface-dark {
83
+ --tw-text-opacity: 1;
84
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
877
85
  }
878
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
879
- padding: 0 1.5rem 1.5rem;
880
- max-height: 80vh;
881
- overflow: auto;
86
+ .tw-text-color-text-primary {
87
+ --tw-text-opacity: 1;
88
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1))
882
89
  }
883
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
884
- top: 1.5rem;
885
- right: 1.5rem;
886
- padding-bottom: 0.25rem;
90
+ .tw-text-white {
91
+ --tw-text-opacity: 1;
92
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
887
93
  }
888
- .Modal-module__modal___PKrAi .ant-btn-primary {
889
- margin-inline-start: 0.5rem;
94
+ .tw-opacity-40 {
95
+ opacity: 0.4
96
+ }
97
+ @media (min-width: 576px) {
98
+ .sm\:tw-p-6 {
99
+ padding: 1.5rem
100
+ }
890
101
  }
891
-
892
- /* CSS Modules */
893
102
 
894
103
 
895
104
  /* CSS Modules */
@@ -1096,77 +305,22 @@ video {
1096
305
  outline: none;
1097
306
  }
1098
307
 
1099
- /* src/atom/Modal/Modal.module.scss */
1100
- .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
1101
- margin-top: 0;
1102
- margin-top: 0px;
1103
- }
1104
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
1105
- padding: 24px;
1106
- padding: 1.5rem;
1107
- display: flex;
1108
- justify-content: flex-end;
1109
- }
1110
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
1111
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
1112
- min-width: 92px;
1113
- }
1114
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
1115
- padding: 24px;
1116
- padding: 1.5rem;
1117
- padding-top: 0px;
1118
- display: flex;
1119
- justify-content: flex-end;
1120
- }
1121
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
1122
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
1123
- width: 50%;
1124
- }
1125
- .Modal-module__modal___PKrAi .ant-modal-content {
1126
- padding: 0;
1127
- border-radius: 0.75rem;
1128
- padding: 0px;
1129
- }
1130
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1131
- margin-bottom: 0px;
1132
- padding: 1rem;
1133
- }
1134
- @media (min-width: 576px) {
1135
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1136
- padding: 1.5rem;
1137
- }
1138
- }
1139
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1140
- justify-content: flex-start;
1141
- padding-right: 1.25rem;
1142
- font-size: 1.25rem;
1143
- font-weight: 500;
1144
- line-height: 1.75rem;
1145
- --tw-text-opacity: 1;
1146
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1147
- }
1148
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1149
- display: flex;
1150
- align-items: flex-end;
1151
- justify-content: center;
1152
- }
1153
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1154
- display: flex;
1155
- align-items: center;
1156
- justify-content: center;
308
+ /* src/atom/Switch/Switch.module.scss */
309
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
310
+ height: 0.75rem;
311
+ min-width: 1.5rem
1157
312
  }
1158
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1159
- padding: 0 1.5rem 1.5rem;
1160
- max-height: 80vh;
1161
- overflow: auto;
313
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
314
+ height: 0.5rem;
315
+ width: 0.5rem
1162
316
  }
1163
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1164
- top: 1.5rem;
1165
- right: 1.5rem;
1166
- padding-bottom: 0.25rem;
317
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
318
+ --tw-bg-opacity: 1;
319
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1167
320
  }
1168
- .Modal-module__modal___PKrAi .ant-btn-primary {
1169
- margin-inline-start: 0.5rem;
321
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
322
+ --tw-bg-opacity: 1;
323
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1170
324
  }
1171
325
 
1172
326
  /* src/atom/Radio/Radio.module.scss */
@@ -1237,24 +391,6 @@ video {
1237
391
  line-height: 20px;
1238
392
  }
1239
393
 
1240
- /* src/atom/Switch/Switch.module.scss */
1241
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
1242
- height: 0.75rem;
1243
- min-width: 1.5rem
1244
- }
1245
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
1246
- height: 0.5rem;
1247
- width: 0.5rem
1248
- }
1249
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
1250
- --tw-bg-opacity: 1;
1251
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1252
- }
1253
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
1254
- --tw-bg-opacity: 1;
1255
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1256
- }
1257
-
1258
394
  /* src/atom/Checkbox/Checkbox.module.scss */
1259
395
  .Checkbox-module__checkbox___xxg5L {
1260
396
  display: flex;
@@ -1353,4 +489,170 @@ video {
1353
489
  background: white;
1354
490
  }
1355
491
 
1356
- /* CSS Modules */
492
+ /* src/atom/Tag/Tag.module.scss */
493
+ .Tag-module__tag___PIkhI {
494
+ border-radius: 0.25rem;
495
+ padding: 0.25rem;
496
+ font-weight: 500;
497
+ font-size: 0.625rem;
498
+ line-height: .75rem;
499
+ --tw-bg-opacity: 1;
500
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
501
+ height: -moz-max-content;
502
+ height: max-content;
503
+ border-style: solid;
504
+ border-width: 0.5px
505
+ }
506
+ .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
507
+ padding-top: 2px;
508
+ padding-bottom: 2px;
509
+ padding-left: 0.25rem;
510
+ padding-right: 0.25rem;
511
+ font-size: 0.625rem;
512
+ line-height: .75rem
513
+ }
514
+ .Tag-module__tag___PIkhI.Tag-module__success___99fad {
515
+ --tw-text-opacity: 1;
516
+ color: rgb(27 126 73 / var(--tw-text-opacity, 1));
517
+ --tw-bg-opacity: 1;
518
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1));
519
+ --tw-border-opacity: 1;
520
+ border-color: rgb(112 220 157 / var(--tw-border-opacity, 1))
521
+ }
522
+ .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
523
+ --tw-text-opacity: 1;
524
+ color: rgb(10 101 231 / var(--tw-text-opacity, 1));
525
+ --tw-bg-opacity: 1;
526
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1));
527
+ --tw-border-opacity: 1;
528
+ border-color: rgb(134 203 255 / var(--tw-border-opacity, 1))
529
+ }
530
+ .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
531
+ --tw-text-opacity: 1;
532
+ color: rgb(185 71 16 / var(--tw-text-opacity, 1));
533
+ --tw-bg-opacity: 1;
534
+ background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1));
535
+ --tw-border-opacity: 1;
536
+ border-color: rgb(254 196 140 / var(--tw-border-opacity, 1))
537
+ }
538
+ .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
539
+ --tw-text-opacity: 1;
540
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
541
+ --tw-bg-opacity: 1;
542
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
543
+ --tw-border-opacity: 1;
544
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1))
545
+ }
546
+ .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
547
+ --tw-text-opacity: 1;
548
+ color: rgb(27 126 73 / var(--tw-text-opacity, 1));
549
+ --tw-bg-opacity: 1;
550
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1));
551
+ --tw-border-opacity: 1;
552
+ border-color: rgb(112 220 157 / var(--tw-border-opacity, 1))
553
+ }
554
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
555
+ --tw-text-opacity: 1;
556
+ color: rgb(10 101 231 / var(--tw-text-opacity, 1));
557
+ --tw-bg-opacity: 1;
558
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1));
559
+ --tw-border-opacity: 1;
560
+ border-color: rgb(134 203 255 / var(--tw-border-opacity, 1))
561
+ }
562
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
563
+ --tw-text-opacity: 1;
564
+ color: rgb(154 103 0 / var(--tw-text-opacity, 1));
565
+ --tw-bg-opacity: 1;
566
+ background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1));
567
+ --tw-border-opacity: 1;
568
+ border-color: rgb(234 197 79 / var(--tw-border-opacity, 1))
569
+ }
570
+ .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
571
+ --tw-text-opacity: 1;
572
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
573
+ --tw-bg-opacity: 1;
574
+ background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1));
575
+ --tw-border-opacity: 1;
576
+ border-color: rgb(255 171 169 / var(--tw-border-opacity, 1))
577
+ }
578
+ .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
579
+ --tw-text-opacity: 1;
580
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
581
+ --tw-bg-opacity: 1;
582
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
583
+ --tw-border-opacity: 1;
584
+ border-color: rgb(107 114 128 / var(--tw-border-opacity, 1))
585
+ }
586
+
587
+ /* src/atom/Modal/Modal.module.scss */
588
+ .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
589
+ margin-top: 0;
590
+ margin-top: 0px;
591
+ }
592
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
593
+ padding: 24px;
594
+ padding: 1.5rem;
595
+ display: flex;
596
+ justify-content: flex-end;
597
+ }
598
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
599
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
600
+ min-width: 92px;
601
+ }
602
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
603
+ padding: 24px;
604
+ padding: 1.5rem;
605
+ padding-top: 0px;
606
+ display: flex;
607
+ justify-content: flex-end;
608
+ }
609
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
610
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
611
+ width: 50%;
612
+ }
613
+ .Modal-module__modal___PKrAi .ant-modal-content {
614
+ padding: 0;
615
+ border-radius: 0.75rem;
616
+ padding: 0px;
617
+ }
618
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
619
+ margin-bottom: 0px;
620
+ padding: 1rem;
621
+ }
622
+ @media (min-width: 576px) {
623
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
624
+ padding: 1.5rem;
625
+ }
626
+ }
627
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
628
+ justify-content: flex-start;
629
+ padding-right: 1.25rem;
630
+ font-size: 1.25rem;
631
+ font-weight: 500;
632
+ line-height: 1.75rem;
633
+ --tw-text-opacity: 1;
634
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
635
+ }
636
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
637
+ display: flex;
638
+ align-items: flex-end;
639
+ justify-content: center;
640
+ }
641
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
642
+ display: flex;
643
+ align-items: center;
644
+ justify-content: center;
645
+ }
646
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
647
+ padding: 0 1.5rem 1.5rem;
648
+ max-height: 80vh;
649
+ overflow: auto;
650
+ }
651
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
652
+ top: 1.5rem;
653
+ right: 1.5rem;
654
+ padding-bottom: 0.25rem;
655
+ }
656
+ .Modal-module__modal___PKrAi .ant-btn-primary {
657
+ margin-inline-start: 0.5rem;
658
+ }