@itilite/lumina-ui 1.1.1-alpha.1 → 1.1.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.
Files changed (39) hide show
  1. package/dist/atom/Avatar/Avatar.d.mts +1 -1
  2. package/dist/atom/Avatar/Avatar.d.ts +1 -1
  3. package/dist/atom/Avatar/Avatar.js +28 -28
  4. package/dist/atom/Avatar/Avatar.mjs +2 -2
  5. package/dist/atom/Button/Button.d.mts +1 -1
  6. package/dist/atom/Button/Button.d.ts +1 -1
  7. package/dist/atom/Button/Button.js +5 -5
  8. package/dist/atom/Button/Button.mjs +2 -2
  9. package/dist/atom/Checkbox/Checkbox.d.mts +1 -1
  10. package/dist/atom/Checkbox/Checkbox.d.ts +1 -1
  11. package/dist/atom/Checkbox/Checkbox.js +9 -5
  12. package/dist/atom/Checkbox/Checkbox.mjs +2 -2
  13. package/dist/atom/Modal/Modal.d.mts +1 -3
  14. package/dist/atom/Modal/Modal.d.ts +1 -3
  15. package/dist/atom/Modal/Modal.js +54 -45
  16. package/dist/atom/Modal/Modal.mjs +3 -3
  17. package/dist/atom/Radio/Radio.js +25 -18
  18. package/dist/atom/Radio/Radio.mjs +2 -2
  19. package/dist/atom/Switch/Switch.js +2 -2
  20. package/dist/atom/Switch/Switch.mjs +2 -2
  21. package/dist/atom/Tag/Tag.js +9 -5
  22. package/dist/atom/Tag/Tag.mjs +2 -2
  23. package/dist/atom/Tooltip/Tooltip.d.mts +1 -3
  24. package/dist/atom/Tooltip/Tooltip.d.ts +1 -3
  25. package/dist/atom/Tooltip/Tooltip.js +9 -15
  26. package/dist/atom/Tooltip/Tooltip.mjs +2 -2
  27. package/dist/index.js +124 -108
  28. package/dist/index.mjs +16 -16
  29. package/dist/styles.css +254 -254
  30. package/package.json +5 -7
  31. package/dist/chunk-5AHNAQMH.mjs +0 -77
  32. package/dist/chunk-AQYK4FOY.mjs +0 -60
  33. package/dist/chunk-DQCWY57N.mjs +0 -62
  34. package/dist/chunk-GUIX7A7G.mjs +0 -48
  35. package/dist/chunk-HR4KEILE.mjs +0 -134
  36. package/dist/chunk-MFW6Q2WR.mjs +0 -49
  37. package/dist/chunk-POO2DKYG.mjs +0 -87
  38. package/dist/chunk-TGSZ7VMS.mjs +0 -33
  39. package/dist/chunk-WUFWIRBB.mjs +0 -47
package/dist/index.mjs CHANGED
@@ -1,28 +1,28 @@
1
1
  import {
2
- Switch_default
3
- } from "./chunk-WUFWIRBB.mjs";
2
+ Tooltip_default
3
+ } from "./chunk-MLCMZRUC.mjs";
4
4
  import {
5
5
  Avatar_default
6
- } from "./chunk-POO2DKYG.mjs";
6
+ } from "./chunk-X76GNSBB.mjs";
7
7
  import {
8
- Modal_default
9
- } from "./chunk-HR4KEILE.mjs";
8
+ Radio_default
9
+ } from "./chunk-2EBPXGRY.mjs";
10
10
  import {
11
- Button_default
12
- } from "./chunk-5AHNAQMH.mjs";
11
+ Switch_default
12
+ } from "./chunk-MNARBWAJ.mjs";
13
13
  import {
14
- Tag_default
15
- } from "./chunk-MFW6Q2WR.mjs";
14
+ Checkbox_default
15
+ } from "./chunk-UQZNUEZE.mjs";
16
16
  import {
17
- Tooltip_default
18
- } from "./chunk-GUIX7A7G.mjs";
17
+ Modal_default
18
+ } from "./chunk-N355RJGH.mjs";
19
19
  import {
20
- Checkbox_default
21
- } from "./chunk-DQCWY57N.mjs";
20
+ Button_default
21
+ } from "./chunk-HISCHZ5H.mjs";
22
22
  import {
23
- Radio_default
24
- } from "./chunk-AQYK4FOY.mjs";
25
- import "./chunk-TGSZ7VMS.mjs";
23
+ Tag_default
24
+ } from "./chunk-4VZB2KR2.mjs";
25
+ import "./chunk-FWCSY2DS.mjs";
26
26
  export {
27
27
  Avatar_default as Avatar,
28
28
  Button_default as Button,
package/dist/styles.css CHANGED
@@ -115,6 +115,119 @@
115
115
  background-color: white !important;
116
116
  }
117
117
 
118
+ /* src/atom/Tag/Tag.module.scss */
119
+ .Tag-module__tag___PIkhI {
120
+ border-radius: 0.25rem;
121
+ padding: 0.25rem;
122
+ font-weight: 500;
123
+ font-size: 0.625rem;
124
+ line-height: .75rem;
125
+ --tw-bg-opacity: 1;
126
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
127
+ height: -moz-max-content;
128
+ height: max-content;
129
+ border-style: solid;
130
+ border-width: 0.5px
131
+ }
132
+ .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
133
+ padding-top: 2px;
134
+ padding-bottom: 2px;
135
+ padding-left: 0.25rem;
136
+ padding-right: 0.25rem;
137
+ font-size: 0.625rem;
138
+ line-height: .75rem
139
+ }
140
+ .Tag-module__tag___PIkhI.Tag-module__success___99fad {
141
+ --tw-text-opacity: 1;
142
+ color: rgb(27 126 73 / var(--tw-text-opacity, 1));
143
+ --tw-bg-opacity: 1;
144
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1));
145
+ --tw-border-opacity: 1;
146
+ border-color: rgb(112 220 157 / var(--tw-border-opacity, 1))
147
+ }
148
+ .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
149
+ --tw-text-opacity: 1;
150
+ color: rgb(10 101 231 / var(--tw-text-opacity, 1));
151
+ --tw-bg-opacity: 1;
152
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1));
153
+ --tw-border-opacity: 1;
154
+ border-color: rgb(134 203 255 / var(--tw-border-opacity, 1))
155
+ }
156
+ .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
157
+ --tw-text-opacity: 1;
158
+ color: rgb(185 71 16 / var(--tw-text-opacity, 1));
159
+ --tw-bg-opacity: 1;
160
+ background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1));
161
+ --tw-border-opacity: 1;
162
+ border-color: rgb(254 196 140 / var(--tw-border-opacity, 1))
163
+ }
164
+ .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
165
+ --tw-text-opacity: 1;
166
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
167
+ --tw-bg-opacity: 1;
168
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
169
+ --tw-border-opacity: 1;
170
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1))
171
+ }
172
+ .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
173
+ --tw-text-opacity: 1;
174
+ color: rgb(27 126 73 / var(--tw-text-opacity, 1));
175
+ --tw-bg-opacity: 1;
176
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1));
177
+ --tw-border-opacity: 1;
178
+ border-color: rgb(112 220 157 / var(--tw-border-opacity, 1))
179
+ }
180
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
181
+ --tw-text-opacity: 1;
182
+ color: rgb(10 101 231 / var(--tw-text-opacity, 1));
183
+ --tw-bg-opacity: 1;
184
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1));
185
+ --tw-border-opacity: 1;
186
+ border-color: rgb(134 203 255 / var(--tw-border-opacity, 1))
187
+ }
188
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
189
+ --tw-text-opacity: 1;
190
+ color: rgb(154 103 0 / var(--tw-text-opacity, 1));
191
+ --tw-bg-opacity: 1;
192
+ background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1));
193
+ --tw-border-opacity: 1;
194
+ border-color: rgb(234 197 79 / var(--tw-border-opacity, 1))
195
+ }
196
+ .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
197
+ --tw-text-opacity: 1;
198
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
199
+ --tw-bg-opacity: 1;
200
+ background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1));
201
+ --tw-border-opacity: 1;
202
+ border-color: rgb(255 171 169 / var(--tw-border-opacity, 1))
203
+ }
204
+ .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
205
+ --tw-text-opacity: 1;
206
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
207
+ --tw-bg-opacity: 1;
208
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
209
+ --tw-border-opacity: 1;
210
+ border-color: rgb(107 114 128 / var(--tw-border-opacity, 1))
211
+ }
212
+
213
+ /* src/atom/Switch/Switch.module.scss */
214
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
215
+ height: 0.75rem;
216
+ min-width: 1.5rem
217
+ }
218
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
219
+ height: 0.5rem;
220
+ width: 0.5rem
221
+ }
222
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
223
+ --tw-bg-opacity: 1;
224
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
225
+ }
226
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
227
+ --tw-bg-opacity: 1;
228
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
229
+ }
230
+
118
231
  /* src/atom/Checkbox/Checkbox.module.scss */
119
232
  .Checkbox-module__checkbox___xxg5L {
120
233
  display: flex;
@@ -213,6 +326,147 @@
213
326
  background: white;
214
327
  }
215
328
 
329
+ /* src/atom/Modal/Modal.module.scss */
330
+ .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
331
+ margin-top: 0;
332
+ margin-top: 0px;
333
+ }
334
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
335
+ padding: 24px;
336
+ padding: 1.5rem;
337
+ display: flex;
338
+ justify-content: flex-end;
339
+ }
340
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
341
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
342
+ min-width: 92px;
343
+ }
344
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
345
+ padding: 24px;
346
+ padding: 1.5rem;
347
+ padding-top: 0px;
348
+ display: flex;
349
+ justify-content: flex-end;
350
+ }
351
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
352
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
353
+ width: 50%;
354
+ }
355
+ .Modal-module__modal___PKrAi .ant-modal-content {
356
+ padding: 0;
357
+ border-radius: 0.75rem;
358
+ padding: 0px;
359
+ }
360
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
361
+ margin-bottom: 0px;
362
+ padding: 1rem;
363
+ }
364
+ @media (min-width: 576px) {
365
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
366
+ padding: 1.5rem;
367
+ }
368
+ }
369
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
370
+ justify-content: flex-start;
371
+ padding-right: 1.25rem;
372
+ font-size: 1.25rem;
373
+ font-weight: 500;
374
+ line-height: 1.75rem;
375
+ --tw-text-opacity: 1;
376
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
377
+ }
378
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
379
+ display: flex;
380
+ align-items: flex-end;
381
+ justify-content: center;
382
+ }
383
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
384
+ display: flex;
385
+ align-items: center;
386
+ justify-content: center;
387
+ }
388
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
389
+ padding: 0 1.5rem 1.5rem;
390
+ max-height: 80vh;
391
+ overflow: auto;
392
+ }
393
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
394
+ top: 1.5rem;
395
+ right: 1.5rem;
396
+ padding-bottom: 0.25rem;
397
+ }
398
+ .Modal-module__modal___PKrAi .ant-btn-primary {
399
+ margin-inline-start: 0.5rem;
400
+ }
401
+
402
+ /* src/atom/Radio/Radio.module.scss */
403
+ .Radio-module__radio___1CPAk {
404
+ display: flex;
405
+ align-items: center;
406
+ }
407
+ .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
408
+ height: 16px;
409
+ width: 16px;
410
+ }
411
+ .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
412
+ height: 20px;
413
+ width: 20px;
414
+ }
415
+ .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
416
+ height: 24px;
417
+ width: 24px;
418
+ }
419
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
420
+ border-color: #EC5D25;
421
+ background-color: #EC5D25;
422
+ }
423
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
424
+ border-color: #B94710;
425
+ background-color: #B94710;
426
+ }
427
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
428
+ outline: 2px solid #0A65E7;
429
+ }
430
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
431
+ cursor: not-allowed;
432
+ }
433
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
434
+ border-color: #B6BAC3;
435
+ background-color: #B6BAC3;
436
+ }
437
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
438
+ transform: scale(0.375);
439
+ background-color: #FFFFFF;
440
+ }
441
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
442
+ border-color: #B6BAC3;
443
+ }
444
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
445
+ border-color: #6B7280;
446
+ }
447
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
448
+ outline: 2px solid #0A65E7;
449
+ }
450
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
451
+ cursor: not-allowed;
452
+ }
453
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
454
+ border-color: #B6BAC3;
455
+ background-color: #F9FAFB;
456
+ }
457
+ .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
458
+ color: #363E4F;
459
+ font-weight: 400;
460
+ font-size: 0.875rem;
461
+ line-height: 20px;
462
+ }
463
+ .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
464
+ color: #363E4F;
465
+ font-weight: 500;
466
+ font-size: 0.875rem;
467
+ line-height: 20px;
468
+ }
469
+
216
470
  /* src/atom/Button/Button.module.scss */
217
471
  .Button-module__button___cLCyl {
218
472
  display: flex;
@@ -401,258 +655,4 @@
401
655
  }
402
656
  .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
403
657
  outline: none;
404
- }
405
-
406
- /* src/atom/Tag/Tag.module.scss */
407
- .Tag-module__tag___PIkhI {
408
- border-radius: 0.25rem;
409
- padding: 0.25rem;
410
- font-weight: 500;
411
- font-size: 0.625rem;
412
- line-height: .75rem;
413
- --tw-bg-opacity: 1;
414
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
415
- height: -moz-max-content;
416
- height: max-content;
417
- border-style: solid;
418
- border-width: 0.5px
419
- }
420
- .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
421
- padding-top: 2px;
422
- padding-bottom: 2px;
423
- padding-left: 0.25rem;
424
- padding-right: 0.25rem;
425
- font-size: 0.625rem;
426
- line-height: .75rem
427
- }
428
- .Tag-module__tag___PIkhI.Tag-module__success___99fad {
429
- --tw-text-opacity: 1;
430
- color: rgb(27 126 73 / var(--tw-text-opacity, 1));
431
- --tw-bg-opacity: 1;
432
- background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1));
433
- --tw-border-opacity: 1;
434
- border-color: rgb(112 220 157 / var(--tw-border-opacity, 1))
435
- }
436
- .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
437
- --tw-text-opacity: 1;
438
- color: rgb(10 101 231 / var(--tw-text-opacity, 1));
439
- --tw-bg-opacity: 1;
440
- background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1));
441
- --tw-border-opacity: 1;
442
- border-color: rgb(134 203 255 / var(--tw-border-opacity, 1))
443
- }
444
- .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
445
- --tw-text-opacity: 1;
446
- color: rgb(185 71 16 / var(--tw-text-opacity, 1));
447
- --tw-bg-opacity: 1;
448
- background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1));
449
- --tw-border-opacity: 1;
450
- border-color: rgb(254 196 140 / var(--tw-border-opacity, 1))
451
- }
452
- .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
453
- --tw-text-opacity: 1;
454
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
455
- --tw-bg-opacity: 1;
456
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
457
- --tw-border-opacity: 1;
458
- border-color: rgb(211 216 223 / var(--tw-border-opacity, 1))
459
- }
460
- .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
461
- --tw-text-opacity: 1;
462
- color: rgb(27 126 73 / var(--tw-text-opacity, 1));
463
- --tw-bg-opacity: 1;
464
- background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1));
465
- --tw-border-opacity: 1;
466
- border-color: rgb(112 220 157 / var(--tw-border-opacity, 1))
467
- }
468
- .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
469
- --tw-text-opacity: 1;
470
- color: rgb(10 101 231 / var(--tw-text-opacity, 1));
471
- --tw-bg-opacity: 1;
472
- background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1));
473
- --tw-border-opacity: 1;
474
- border-color: rgb(134 203 255 / var(--tw-border-opacity, 1))
475
- }
476
- .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
477
- --tw-text-opacity: 1;
478
- color: rgb(154 103 0 / var(--tw-text-opacity, 1));
479
- --tw-bg-opacity: 1;
480
- background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1));
481
- --tw-border-opacity: 1;
482
- border-color: rgb(234 197 79 / var(--tw-border-opacity, 1))
483
- }
484
- .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
485
- --tw-text-opacity: 1;
486
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
487
- --tw-bg-opacity: 1;
488
- background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1));
489
- --tw-border-opacity: 1;
490
- border-color: rgb(255 171 169 / var(--tw-border-opacity, 1))
491
- }
492
- .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
493
- --tw-text-opacity: 1;
494
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
495
- --tw-bg-opacity: 1;
496
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
497
- --tw-border-opacity: 1;
498
- border-color: rgb(107 114 128 / var(--tw-border-opacity, 1))
499
- }
500
-
501
- /* src/atom/Radio/Radio.module.scss */
502
- .Radio-module__radio___1CPAk {
503
- display: flex;
504
- align-items: center;
505
- }
506
- .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
507
- height: 16px;
508
- width: 16px;
509
- }
510
- .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
511
- height: 20px;
512
- width: 20px;
513
- }
514
- .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
515
- height: 24px;
516
- width: 24px;
517
- }
518
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
519
- border-color: #EC5D25;
520
- background-color: #EC5D25;
521
- }
522
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
523
- border-color: #B94710;
524
- background-color: #B94710;
525
- }
526
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
527
- outline: 2px solid #0A65E7;
528
- }
529
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
530
- cursor: not-allowed;
531
- }
532
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
533
- border-color: #B6BAC3;
534
- background-color: #B6BAC3;
535
- }
536
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
537
- transform: scale(0.375);
538
- background-color: #FFFFFF;
539
- }
540
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
541
- border-color: #B6BAC3;
542
- }
543
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
544
- border-color: #6B7280;
545
- }
546
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
547
- outline: 2px solid #0A65E7;
548
- }
549
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
550
- cursor: not-allowed;
551
- }
552
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
553
- border-color: #B6BAC3;
554
- background-color: #F9FAFB;
555
- }
556
- .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
557
- color: #363E4F;
558
- font-weight: 400;
559
- font-size: 0.875rem;
560
- line-height: 20px;
561
- }
562
- .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
563
- color: #363E4F;
564
- font-weight: 500;
565
- font-size: 0.875rem;
566
- line-height: 20px;
567
- }
568
-
569
- /* src/atom/Modal/Modal.module.scss */
570
- .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
571
- margin-top: 0;
572
- margin-top: 0px;
573
- }
574
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
575
- padding: 24px;
576
- padding: 1.5rem;
577
- display: flex;
578
- justify-content: flex-end;
579
- }
580
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
581
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
582
- min-width: 92px;
583
- }
584
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
585
- padding: 24px;
586
- padding: 1.5rem;
587
- padding-top: 0px;
588
- display: flex;
589
- justify-content: flex-end;
590
- }
591
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
592
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
593
- width: 50%;
594
- }
595
- .Modal-module__modal___PKrAi .ant-modal-content {
596
- padding: 0;
597
- border-radius: 0.75rem;
598
- padding: 0px;
599
- }
600
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
601
- margin-bottom: 0px;
602
- padding: 1rem;
603
- }
604
- @media (min-width: 576px) {
605
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
606
- padding: 1.5rem;
607
- }
608
- }
609
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
610
- justify-content: flex-start;
611
- padding-right: 1.25rem;
612
- font-size: 1.25rem;
613
- font-weight: 500;
614
- line-height: 1.75rem;
615
- --tw-text-opacity: 1;
616
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
617
- }
618
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
619
- display: flex;
620
- align-items: flex-end;
621
- justify-content: center;
622
- }
623
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
624
- display: flex;
625
- align-items: center;
626
- justify-content: center;
627
- }
628
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
629
- padding: 0 1.5rem 1.5rem;
630
- max-height: 80vh;
631
- overflow: auto;
632
- }
633
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
634
- top: 1.5rem;
635
- right: 1.5rem;
636
- padding-bottom: 0.25rem;
637
- }
638
- .Modal-module__modal___PKrAi .ant-btn-primary {
639
- margin-inline-start: 0.5rem;
640
- }
641
-
642
- /* src/atom/Switch/Switch.module.scss */
643
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
644
- height: 0.75rem;
645
- min-width: 1.5rem
646
- }
647
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
648
- height: 0.5rem;
649
- width: 0.5rem
650
- }
651
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
652
- --tw-bg-opacity: 1;
653
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
654
- }
655
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
656
- --tw-bg-opacity: 1;
657
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
658
658
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itilite/lumina-ui",
3
- "version": "1.1.1-alpha.1",
3
+ "version": "1.1.1",
4
4
  "description": "Itilite Lumina Design System UI Components",
5
5
  "sideEffects": false,
6
6
  "license": "MIT",
@@ -57,8 +57,8 @@
57
57
  "@itilite/tailwind-config": "workspace:*",
58
58
  "@itilite/typescript-config": "workspace:*",
59
59
  "@types/node": "^24.10.1",
60
- "@types/react": "^17.0.71",
61
- "@types/react-dom": "^17.0.25",
60
+ "@types/react": "^18.2.61",
61
+ "@types/react-dom": "^18.2.19",
62
62
  "antd": "5.13.1",
63
63
  "autoprefixer": "^10.4.0",
64
64
  "concurrently": "^9.2.1",
@@ -66,8 +66,7 @@
66
66
  "eslint": "^8.57.0",
67
67
  "postcss": "^8.4.0",
68
68
  "postcss-modules": "^6.0.1",
69
- "react": "^17.0.1",
70
- "react-dom": "^17.0.1",
69
+ "react": "^18.2.0",
71
70
  "sass": "^1.69.5",
72
71
  "tailwindcss": "^3.2.4",
73
72
  "tsup": "^8.0.2",
@@ -75,7 +74,6 @@
75
74
  },
76
75
  "peerDependencies": {
77
76
  "antd": "5.13.1",
78
- "react": "^17.0.1",
79
- "react-dom": "^17.0.1"
77
+ "react": "^18.2.0"
80
78
  }
81
79
  }
@@ -1,77 +0,0 @@
1
- // src/atom/Button/Button.tsx
2
- import * as React from "react";
3
- import { Button as AntButton } from "antd";
4
- import clsx from "clsx";
5
-
6
- // src/atom/Button/Button.module.scss
7
- var Button_module_default = { "button": "Button-module__button___cLCyl", "size_large": "Button-module__size_large___S-mbU", "shape_circle": "Button-module__shape_circle___sPUS5", "size_normal": "Button-module__size_normal___qJUMj", "size_small": "Button-module__size_small___IUeei", "type_primary": "Button-module__type_primary___Tauz-", "variant_subtle": "Button-module__variant_subtle___BMbbd", "variant_text": "Button-module__variant_text___Pc5Ia", "variant_link": "Button-module__variant_link___Cj1O9", "type_secondary": "Button-module__type_secondary___CLmrA", "type_critical": "Button-module__type_critical___6ILOp", "onHoverUnderline": "Button-module__onHoverUnderline___LOfXo" };
8
-
9
- // src/atom/Button/Button.tsx
10
- function Button(props) {
11
- const {
12
- type = "primary",
13
- variant = "default",
14
- size = "normal",
15
- shape = "default",
16
- className = "",
17
- icon = null,
18
- children,
19
- onClick,
20
- href = "",
21
- disabled = false,
22
- loading = false,
23
- onHoverUnderline = false
24
- } = props;
25
- const buttonMap = {
26
- default: "primary",
27
- subtle: "default",
28
- text: "text",
29
- link: "link"
30
- };
31
- const sizeMap = {
32
- small: "small",
33
- normal: "middle",
34
- // Map "default" to "middle"
35
- large: "large"
36
- };
37
- return /* @__PURE__ */ React.createElement(
38
- AntButton,
39
- {
40
- className: clsx(
41
- Button_module_default.button,
42
- Button_module_default[`size_${size}`],
43
- Button_module_default[`variant_${variant}`],
44
- Button_module_default[`shape_${shape}`],
45
- Button_module_default[`type_${type}`],
46
- `size_${size}`,
47
- `variant_${variant}`,
48
- `shape_${shape}`,
49
- `type_${type}`,
50
- className,
51
- {
52
- "tw-cursor-not-allowed": disabled,
53
- "tw-opacity-40": disabled
54
- },
55
- disabled && Button_module_default.disabled,
56
- onHoverUnderline && Button_module_default.onHoverUnderline
57
- ),
58
- "data-testid": "lumina-button",
59
- disabled,
60
- href: href || void 0,
61
- icon,
62
- loading,
63
- onClick,
64
- shape,
65
- size: sizeMap[size],
66
- type: buttonMap[variant]
67
- },
68
- children
69
- );
70
- }
71
- Button.displayName = "Button";
72
- var Button_default = Button;
73
-
74
- export {
75
- Button,
76
- Button_default
77
- };