@rolster/react-components 18.21.28 → 18.21.30

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 (146) hide show
  1. package/dist/cjs/assets/{index-DRZWilOp.css → index-DQbtHgNQ.css} +115 -133
  2. package/dist/cjs/index.js +47 -26
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-DRZWilOp.css → index-DQbtHgNQ.css} +115 -133
  5. package/dist/es/index.js +47 -26
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/Amount/Amount.css +1 -1
  8. package/dist/esm/components/atoms/Amount/Amount.css.map +1 -0
  9. package/dist/esm/components/atoms/Avatar/Avatar.css +1 -1
  10. package/dist/esm/components/atoms/Avatar/Avatar.css.map +1 -0
  11. package/dist/esm/components/atoms/Badge/Badge.css +1 -1
  12. package/dist/esm/components/atoms/Badge/Badge.css.map +1 -0
  13. package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css +3 -3
  14. package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css.map +1 -0
  15. package/dist/esm/components/atoms/Button/Button.css +2 -3
  16. package/dist/esm/components/atoms/Button/Button.css.map +1 -0
  17. package/dist/esm/components/atoms/ButtonAction/ButtonAction.css +2 -3
  18. package/dist/esm/components/atoms/ButtonAction/ButtonAction.css.map +1 -0
  19. package/dist/esm/components/atoms/CheckBox/CheckBox.css +7 -10
  20. package/dist/esm/components/atoms/CheckBox/CheckBox.css.map +1 -0
  21. package/dist/esm/components/atoms/Icon/Icon.css +1 -1
  22. package/dist/esm/components/atoms/Icon/Icon.css.map +1 -0
  23. package/dist/esm/components/atoms/Input/Input.css +3 -3
  24. package/dist/esm/components/atoms/Input/Input.css.map +1 -0
  25. package/dist/esm/components/atoms/Input/Input.d.ts +3 -9
  26. package/dist/esm/components/atoms/Input/Input.js +12 -5
  27. package/dist/esm/components/atoms/Input/Input.js.map +1 -1
  28. package/dist/esm/components/atoms/InputMoney/InputMoney.css +1 -1
  29. package/dist/esm/components/atoms/InputMoney/InputMoney.css.map +1 -0
  30. package/dist/esm/components/atoms/InputMoney/InputMoney.d.ts +1 -1
  31. package/dist/esm/components/atoms/InputMoney/InputMoney.js +3 -2
  32. package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +1 -1
  33. package/dist/esm/components/atoms/InputNumber/InputNumber.css +1 -1
  34. package/dist/esm/components/atoms/InputNumber/InputNumber.css.map +1 -0
  35. package/dist/esm/components/atoms/InputNumber/InputNumber.d.ts +1 -1
  36. package/dist/esm/components/atoms/InputNumber/InputNumber.js +3 -2
  37. package/dist/esm/components/atoms/InputNumber/InputNumber.js.map +1 -1
  38. package/dist/esm/components/atoms/InputPassword/InputPassword.css +2 -2
  39. package/dist/esm/components/atoms/InputPassword/InputPassword.css.map +1 -0
  40. package/dist/esm/components/atoms/InputPassword/InputPassword.d.ts +3 -8
  41. package/dist/esm/components/atoms/InputPassword/InputPassword.js +12 -5
  42. package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
  43. package/dist/esm/components/atoms/InputSearch/InputSearch.css +1 -1
  44. package/dist/esm/components/atoms/InputSearch/InputSearch.css.map +1 -0
  45. package/dist/esm/components/atoms/InputSearch/InputSearch.d.ts +2 -1
  46. package/dist/esm/components/atoms/InputSearch/InputSearch.js +2 -2
  47. package/dist/esm/components/atoms/InputSearch/InputSearch.js.map +1 -1
  48. package/dist/esm/components/atoms/InputText/InputText.css +1 -1
  49. package/dist/esm/components/atoms/InputText/InputText.css.map +1 -0
  50. package/dist/esm/components/atoms/InputText/InputText.d.ts +1 -1
  51. package/dist/esm/components/atoms/InputText/InputText.js +3 -2
  52. package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
  53. package/dist/esm/components/atoms/Label/Label.css +1 -1
  54. package/dist/esm/components/atoms/Label/Label.css.map +1 -0
  55. package/dist/esm/components/atoms/MessageIcon/MessageIcon.css +1 -1
  56. package/dist/esm/components/atoms/MessageIcon/MessageIcon.css.map +1 -0
  57. package/dist/esm/components/atoms/Poster/Poster.css +1 -1
  58. package/dist/esm/components/atoms/Poster/Poster.css.map +1 -0
  59. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css +1 -3
  60. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css.map +1 -0
  61. package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.css +1 -3
  62. package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.css.map +1 -0
  63. package/dist/esm/components/atoms/RadioButton/RadioButton.css +7 -10
  64. package/dist/esm/components/atoms/RadioButton/RadioButton.css.map +1 -0
  65. package/dist/esm/components/atoms/Skeleton/Skeleton.css +1 -2
  66. package/dist/esm/components/atoms/Skeleton/Skeleton.css.map +1 -0
  67. package/dist/esm/components/atoms/SkeletonText/SkeletonText.css +1 -1
  68. package/dist/esm/components/atoms/SkeletonText/SkeletonText.css.map +1 -0
  69. package/dist/esm/components/atoms/Switch/Switch.css +18 -28
  70. package/dist/esm/components/atoms/Switch/Switch.css.map +1 -0
  71. package/dist/esm/components/atoms/TabularText/TabularText.css +1 -1
  72. package/dist/esm/components/atoms/TabularText/TabularText.css.map +1 -0
  73. package/dist/esm/components/molecules/Alert/Alert.css +1 -1
  74. package/dist/esm/components/molecules/Alert/Alert.css.map +1 -0
  75. package/dist/esm/components/molecules/Ballot/Ballot.css +1 -1
  76. package/dist/esm/components/molecules/Ballot/Ballot.css.map +1 -0
  77. package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.css +1 -1
  78. package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.css.map +1 -0
  79. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css +1 -3
  80. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css.map +1 -0
  81. package/dist/esm/components/molecules/FieldMoney/FieldMoney.css +1 -1
  82. package/dist/esm/components/molecules/FieldMoney/FieldMoney.css.map +1 -0
  83. package/dist/esm/components/molecules/FieldMoney/FieldMoney.d.ts +1 -1
  84. package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +3 -2
  85. package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +1 -1
  86. package/dist/esm/components/molecules/FieldNumber/FieldNumber.css +1 -1
  87. package/dist/esm/components/molecules/FieldNumber/FieldNumber.css.map +1 -0
  88. package/dist/esm/components/molecules/FieldNumber/FieldNumber.d.ts +1 -1
  89. package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +3 -2
  90. package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
  91. package/dist/esm/components/molecules/FieldPassword/FieldPassword.css +1 -1
  92. package/dist/esm/components/molecules/FieldPassword/FieldPassword.css.map +1 -0
  93. package/dist/esm/components/molecules/FieldPassword/FieldPassword.d.ts +2 -11
  94. package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +3 -2
  95. package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +1 -1
  96. package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css +10 -2
  97. package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css.map +1 -0
  98. package/dist/esm/components/molecules/FieldText/FieldText.css +1 -1
  99. package/dist/esm/components/molecules/FieldText/FieldText.css.map +1 -0
  100. package/dist/esm/components/molecules/FieldText/FieldText.d.ts +1 -1
  101. package/dist/esm/components/molecules/FieldText/FieldText.js +3 -2
  102. package/dist/esm/components/molecules/FieldText/FieldText.js.map +1 -1
  103. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +2 -1
  104. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css.map +1 -0
  105. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +3 -3
  106. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css.map +1 -0
  107. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +2 -1
  108. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css.map +1 -0
  109. package/dist/esm/components/molecules/Pagination/Pagination.css +1 -1
  110. package/dist/esm/components/molecules/Pagination/Pagination.css.map +1 -0
  111. package/dist/esm/components/molecules/PickerDay/PickerDay.css +1 -1
  112. package/dist/esm/components/molecules/PickerDay/PickerDay.css.map +1 -0
  113. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css +1 -1
  114. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css.map +1 -0
  115. package/dist/esm/components/molecules/PickerMonth/PickerMonth.css +1 -1
  116. package/dist/esm/components/molecules/PickerMonth/PickerMonth.css.map +1 -0
  117. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css +1 -1
  118. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css.map +1 -0
  119. package/dist/esm/components/molecules/PickerYear/PickerYear.css +2 -2
  120. package/dist/esm/components/molecules/PickerYear/PickerYear.css.map +1 -0
  121. package/dist/esm/components/molecules/Toolbar/Toolbar.css +1 -1
  122. package/dist/esm/components/molecules/Toolbar/Toolbar.css.map +1 -0
  123. package/dist/esm/components/organisms/Card/Card.css +1 -1
  124. package/dist/esm/components/organisms/Card/Card.css.map +1 -0
  125. package/dist/esm/components/organisms/Confirmation/Confirmation.css +6 -7
  126. package/dist/esm/components/organisms/Confirmation/Confirmation.css.map +1 -0
  127. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css +3 -3
  128. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css.map +1 -0
  129. package/dist/esm/components/organisms/FieldDate/FieldDate.css +2 -2
  130. package/dist/esm/components/organisms/FieldDate/FieldDate.css.map +1 -0
  131. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +5 -5
  132. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css.map +1 -0
  133. package/dist/esm/components/organisms/FieldSelect/FieldSelect.css +1 -2
  134. package/dist/esm/components/organisms/FieldSelect/FieldSelect.css.map +1 -0
  135. package/dist/esm/components/organisms/FormNavigation/FormNavigation.css +1 -1
  136. package/dist/esm/components/organisms/FormNavigation/FormNavigation.css.map +1 -0
  137. package/dist/esm/components/organisms/Modal/Modal.css +1 -1
  138. package/dist/esm/components/organisms/Modal/Modal.css.map +1 -0
  139. package/dist/esm/components/organisms/PickerDate/PickerDate.css +1 -1
  140. package/dist/esm/components/organisms/PickerDate/PickerDate.css.map +1 -0
  141. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css +1 -1
  142. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css.map +1 -0
  143. package/dist/esm/components/organisms/Snackbar/Snackbar.css +1 -2
  144. package/dist/esm/components/organisms/Snackbar/Snackbar.css.map +1 -0
  145. package/dist/esm/components/types.d.ts +4 -0
  146. package/package.json +4 -5
@@ -15,7 +15,7 @@
15
15
  display: block;
16
16
  text-align: center;
17
17
  width: var(--rlc-tabulartext-pointer-width, 2rem);
18
- }
18
+ } /*# sourceMappingURL=TabularText.css.map */
19
19
 
20
20
  .rls-amount {
21
21
  --pvt-font-size: var(--rlc-amount-font-size, inherit);
@@ -28,7 +28,7 @@
28
28
  }
29
29
  .rls-amount[rls-theme] {
30
30
  color: var(--rls-theme-color-500);
31
- }
31
+ } /*# sourceMappingURL=Amount.css.map */
32
32
 
33
33
  .rls-avatar {
34
34
  position: relative;
@@ -54,7 +54,7 @@
54
54
  .rls-avatar span {
55
55
  align-self: center;
56
56
  font-size: inherit;
57
- }
57
+ } /*# sourceMappingURL=Avatar.css.map */
58
58
 
59
59
  .rls-badge {
60
60
  position: relative;
@@ -73,7 +73,7 @@
73
73
  font-size: inherit;
74
74
  letter-spacing: inherit;
75
75
  line-height: inherit;
76
- }
76
+ } /*# sourceMappingURL=Badge.css.map */
77
77
 
78
78
  .rls-breadcrumb {
79
79
  --pvt-height: var(--rlc-breadcrumb-height, var(--rls-sizing-x18));
@@ -109,7 +109,7 @@
109
109
  .rls-breadcrumb__label::before {
110
110
  font-family: -rolster-icons;
111
111
  display: inline-block;
112
- content: '\e911';
112
+ content: '';
113
113
  margin: 0rem var(--rls-sizing-x2);
114
114
  cursor: default;
115
115
  color: inherit;
@@ -133,7 +133,7 @@
133
133
  .rls-breadcrumb__label__a--actionable:hover {
134
134
  color: var(--rls-theme-color-500);
135
135
  text-decoration: underline;
136
- }
136
+ } /*# sourceMappingURL=Breadcrumb.css.map */
137
137
 
138
138
  .rls-icon {
139
139
  --pvt-icon-dimension: var(--rlc-icon-dimension, var(--rls-sizing-x12));
@@ -156,7 +156,7 @@
156
156
  height: 100%;
157
157
  line-height: inherit;
158
158
  font-size: inherit;
159
- }
159
+ } /*# sourceMappingURL=Icon.css.map */
160
160
 
161
161
  .rls-button {
162
162
  --pvt-button-content-background: none;
@@ -190,7 +190,7 @@
190
190
  padding: 0rem;
191
191
  overflow: hidden;
192
192
  outline: none;
193
- background: transparent;
193
+ background: rgba(0, 0, 0, 0);
194
194
  }
195
195
  .rls-button:not(:disabled):not(:active) {
196
196
  --pvt-button-content-animation: ripple-squarecenter 1000ms
@@ -333,7 +333,6 @@
333
333
  text-decoration: none;
334
334
  color: inherit;
335
335
  }
336
-
337
336
  @keyframes ripple-squarecenter {
338
337
  0% {
339
338
  transform: scale(0);
@@ -345,7 +344,7 @@
345
344
  opacity: 0;
346
345
  transform: scale(1);
347
346
  }
348
- }
347
+ } /*# sourceMappingURL=Button.css.map */
349
348
 
350
349
  .rls-button-action {
351
350
  --pvt-ripple-dimension: var(
@@ -365,7 +364,7 @@
365
364
  box-sizing: border-box;
366
365
  user-select: none;
367
366
  cursor: default;
368
- background: transparent;
367
+ background: rgba(0, 0, 0, 0);
369
368
  color: var(--rlc-action-color, var(--rls-app-color-600));
370
369
  }
371
370
  .rls-button-action::before {
@@ -433,7 +432,6 @@
433
432
  opacity: var(--pvt-tooltip-opacity);
434
433
  transition-delay: var(--pvt-tooltip-transition-delay);
435
434
  }
436
-
437
435
  @keyframes ripple-button-action {
438
436
  0% {
439
437
  transform: scale(0);
@@ -445,7 +443,7 @@
445
443
  opacity: 0;
446
444
  transform: scale(1);
447
445
  }
448
- }
446
+ } /*# sourceMappingURL=ButtonAction.css.map */
449
447
 
450
448
  .rls-checkbox {
451
449
  --pvt-dimension: var(--rlc-checkbox-dimension, var(--rls-sizing-x12));
@@ -453,8 +451,7 @@
453
451
  --rlc-checkbox-children-dimension,
454
452
  var(--rls-sizing-x6)
455
453
  );
456
- --pvt-component-border-color: var(--rls-app-color-500);
457
- --pvt-component-transform: scale(0);
454
+ --pvt-component-background: var(--rls-app-color-050);
458
455
  position: relative;
459
456
  display: flex;
460
457
  width: var(--pvt-dimension);
@@ -464,15 +461,15 @@
464
461
  box-sizing: border-box;
465
462
  outline: none;
466
463
  border-radius: var(--rls-sizing-x3);
467
- background: var(--rls-theme-color-050);
468
- border: var(--rls-sizing-x1) solid var(--pvt-component-border-color);
464
+ background: var(--rls-app-color-300);
465
+ transition: all 160ms 0ms var(--rls-standard-curve);
469
466
  }
470
467
  .rls-checkbox:hover {
471
468
  cursor: pointer;
472
469
  }
473
470
  .rls-checkbox--checked {
474
- --pvt-component-border-color: var(--rls-theme-color-500);
475
- --pvt-component-transform: scale(1);
471
+ --pvt-component-background: var(--rls-theme-color-200);
472
+ background: var(--rls-theme-color-400);
476
473
  }
477
474
  .rls-checkbox--disabled {
478
475
  opacity: 0.5;
@@ -482,11 +479,9 @@
482
479
  width: var(--pvt-component-dimension);
483
480
  height: var(--pvt-component-dimension);
484
481
  border-radius: var(--rls-sizing-x1);
485
- background: var(--rls-theme-color-500);
486
- transform: var(--pvt-component-transform);
487
- transform-origin: 50% 50%;
482
+ background: var(--pvt-component-background);
488
483
  transition: all 160ms 0ms var(--rls-standard-curve);
489
- }
484
+ } /*# sourceMappingURL=CheckBox.css.map */
490
485
 
491
486
  .rls-input {
492
487
  --pvt-font-color: var(--rlc-input-font-color, var(--rls-app-color-900));
@@ -519,7 +514,7 @@
519
514
  cursor: text;
520
515
  border: none;
521
516
  outline: none;
522
- background: transparent;
517
+ background: rgba(0, 0, 0, 0);
523
518
  color: var(--pvt-component-font-color);
524
519
  font-weight: var(--rls-font-weight-medium);
525
520
  font-size: var(--pvt-font-size);
@@ -548,7 +543,7 @@
548
543
  width: 100%;
549
544
  height: var(--pvt-height);
550
545
  line-height: var(--pvt-height);
551
- background: transparent;
546
+ background: rgba(0, 0, 0, 0);
552
547
  pointer-events: none;
553
548
  overflow: hidden;
554
549
  white-space: nowrap;
@@ -558,7 +553,7 @@
558
553
  font-size: var(--pvt-font-size);
559
554
  text-align: var(--pvt-text-align);
560
555
  letter-spacing: var(--pvt-letter-spacing);
561
- }
556
+ } /*# sourceMappingURL=Input.css.map */
562
557
 
563
558
  .rls-input-money {
564
559
  --rlc-tabulartext-font-size: var(--rls-input-font-size);
@@ -566,13 +561,13 @@
566
561
  position: relative;
567
562
  width: 100%;
568
563
  box-sizing: border-box;
569
- }
564
+ } /*# sourceMappingURL=InputMoney.css.map */
570
565
 
571
566
  .rls-input-number {
572
567
  position: relative;
573
568
  width: 100%;
574
569
  box-sizing: border-box;
575
- }
570
+ } /*# sourceMappingURL=InputNumber.css.map */
576
571
 
577
572
  .rls-input-password {
578
573
  position: relative;
@@ -589,7 +584,7 @@
589
584
  cursor: text;
590
585
  border: none;
591
586
  outline: none;
592
- background: transparent;
587
+ background: rgba(0, 0, 0, 0);
593
588
  color: var(--rlc-input-font-color);
594
589
  font-weight: var(--rls-font-weight-medium);
595
590
  font-size: var(--rls-input-font-size);
@@ -609,7 +604,7 @@
609
604
  }
610
605
  .rls-input-password__component:disabled {
611
606
  opacity: 0.5;
612
- }
607
+ } /*# sourceMappingURL=InputPassword.css.map */
613
608
 
614
609
  .rls-input-search {
615
610
  --rlc-input-height: var(--rls-sizing-x14);
@@ -620,13 +615,13 @@
620
615
  box-sizing: border-box;
621
616
  background: var(--rlc-input-search-background, var(--rls-app-color-100));
622
617
  border-radius: var(--rls-sizing-x4);
623
- }
618
+ } /*# sourceMappingURL=InputSearch.css.map */
624
619
 
625
620
  .rls-input-text {
626
621
  position: relative;
627
622
  width: 100%;
628
623
  box-sizing: border-box;
629
- }
624
+ } /*# sourceMappingURL=InputText.css.map */
630
625
 
631
626
  .rls-label {
632
627
  font-size: var(--rlc-label-font-size, var(--rls-smalltext-font-size));
@@ -639,7 +634,7 @@
639
634
  }
640
635
  .rls-label[rls-theme] {
641
636
  color: var(--rls-theme-color-500);
642
- }
637
+ } /*# sourceMappingURL=Label.css.map */
643
638
 
644
639
  .rls-message-icon {
645
640
  --rlc-icon-color: var(--rls-theme-color-500);
@@ -652,7 +647,7 @@
652
647
  font-size: var(--rls-caption-font-size);
653
648
  letter-spacing: var(--rls-caption-letter-spacing);
654
649
  color: var(--rls-app-color-600);
655
- }
650
+ } /*# sourceMappingURL=MessageIcon.css.map */
656
651
 
657
652
  .rls-poster {
658
653
  --pvt-background: var(--rls-theme-color-100);
@@ -690,7 +685,7 @@
690
685
  .rls-poster--outline {
691
686
  --pvt-background: var(--rls-theme-color-050);
692
687
  --pvt-border-content: 1px solid var(--pvt-border-color);
693
- }
688
+ } /*# sourceMappingURL=Poster.css.map */
694
689
 
695
690
  .rls-progress-bar {
696
691
  --pvt-component-display: block;
@@ -727,7 +722,6 @@
727
722
  background: var(--rls-theme-gradient-500);
728
723
  transition: width 320ms 0ms var(--rls-standard-curve);
729
724
  }
730
-
731
725
  @keyframes progress-bar-indeterminate-before {
732
726
  0% {
733
727
  width: 100%;
@@ -742,7 +736,6 @@
742
736
  left: 100%;
743
737
  }
744
738
  }
745
-
746
739
  @keyframes progress-bar-indeterminate-after {
747
740
  0% {
748
741
  width: 12.5%;
@@ -756,7 +749,7 @@
756
749
  width: 100%;
757
750
  left: 125%;
758
751
  }
759
- }
752
+ } /*# sourceMappingURL=ProgressBar.css.map */
760
753
 
761
754
  .rls-progress-circular {
762
755
  --pvt-dimension: var(
@@ -785,7 +778,6 @@
785
778
  opacity: 1;
786
779
  animation: progress-circular-circle 1750ms var(--rls-standard-curve) infinite;
787
780
  }
788
-
789
781
  @keyframes progress-circular-svg {
790
782
  0% {
791
783
  transform: rotate(0deg);
@@ -797,7 +789,6 @@
797
789
  transform: rotate(360deg);
798
790
  }
799
791
  }
800
-
801
792
  @keyframes progress-circular-circle {
802
793
  50% {
803
794
  stroke-dashoffset: 0;
@@ -805,7 +796,7 @@
805
796
  100% {
806
797
  stroke-dashoffset: -65;
807
798
  }
808
- }
799
+ } /*# sourceMappingURL=ProgressCircular.css.map */
809
800
 
810
801
  .rls-radiobutton {
811
802
  --pvt-dimension: var(--rlc-radiobutton-dimension, var(--rls-sizing-x12));
@@ -813,8 +804,7 @@
813
804
  --rlc-radiobutton-children-dimension,
814
805
  var(--rls-sizing-x6)
815
806
  );
816
- --pvt-component-border-color: var(--rls-app-color-500);
817
- --pvt-component-transform: scale(0);
807
+ --pvt-component-background: var(--rls-app-color-050);
818
808
  position: relative;
819
809
  display: flex;
820
810
  width: var(--pvt-dimension);
@@ -824,15 +814,15 @@
824
814
  outline: none;
825
815
  border-radius: 50%;
826
816
  box-sizing: border-box;
827
- background: var(--rls-theme-color-050);
828
- border: var(--rls-sizing-x1) solid var(--pvt-component-border-color);
817
+ background: var(--rls-app-color-300);
818
+ transition: all 160ms 0ms var(--rls-standard-curve);
829
819
  }
830
820
  .rls-radiobutton:hover {
831
821
  cursor: pointer;
832
822
  }
833
823
  .rls-radiobutton--checked {
834
- --pvt-component-border-color: var(--rls-theme-color-500);
835
- --pvt-component-transform: scale(1);
824
+ --pvt-component-background: var(--rls-theme-color-200);
825
+ background: var(--rls-theme-color-400);
836
826
  }
837
827
  .rls-radiobutton--disabled {
838
828
  opacity: 0.5;
@@ -842,11 +832,9 @@
842
832
  width: var(--pvt-component-dimension);
843
833
  height: var(--pvt-component-dimension);
844
834
  border-radius: 50%;
845
- background: var(--rls-theme-color-500);
846
- transform: var(--pvt-component-transform);
847
- transform-origin: 50% 50%;
835
+ background: var(--pvt-component-background);
848
836
  transition: all 160ms 0ms var(--rls-standard-curve);
849
- }
837
+ } /*# sourceMappingURL=RadioButton.css.map */
850
838
 
851
839
  .rls-skeleton {
852
840
  --pvt-height: var(--rlc-skeleton-height, inherit);
@@ -880,12 +868,11 @@
880
868
  );
881
869
  animation: skeleton-animation 1600ms infinite;
882
870
  }
883
-
884
871
  @keyframes skeleton-animation {
885
872
  100% {
886
873
  transform: translateX(100%);
887
874
  }
888
- }
875
+ } /*# sourceMappingURL=Skeleton.css.map */
889
876
 
890
877
  .rls-skeleton-text {
891
878
  --pvt-height: var(--rlc-skeleton-text-height, var(--rls-body-line-height));
@@ -915,28 +902,26 @@
915
902
  overflow: hidden;
916
903
  text-overflow: ellipsis;
917
904
  white-space: nowrap;
918
- }
905
+ } /*# sourceMappingURL=SkeletonText.css.map */
919
906
 
920
907
  .rls-switch {
921
- --pvt-element-size: var(--rlc-switch-element-size, var(--rls-sizing-x10));
922
- --pvt-element-left: var(--rls-sizing-x1);
923
- --pvt-element-border-color: var(--rls-app-color-400);
924
- --pvt-element-background: var(--rls-app-color-050);
925
- --pvt-element-item-background: transparent;
926
- --pvt-bar-background: var(--rls-app-color-300);
927
- max-width: var(--rlc-switch-max-width, var(--rls-sizing-x18));
908
+ --pvt-component-padding: var(
909
+ --rlc-switch-component-padding,
910
+ var(--rls-sizing-x4) var(--rls-sizing-x1)
911
+ );
912
+ --pvt-element-size: var(--rlc-switch-element-size, var(--rls-sizing-x12));
913
+ --pvt-element-left: 0rem;
914
+ --pvt-element-background: var(--rls-app-color-300);
915
+ --pvt-bar-background: var(--rls-app-color-500);
916
+ max-width: var(--rlc-switch-max-width, var(--rls-sizing-x20));
928
917
  }
929
918
  .rls-switch:hover {
930
919
  cursor: pointer;
931
920
  }
932
921
  .rls-switch--checked {
933
- --pvt-element-left: calc(
934
- 100% - var(--pvt-element-size) - var(--rls-sizing-x1)
935
- );
936
- --pvt-element-border-color: var(--rls-theme-color-500);
937
- --pvt-element-background: var(--rls-theme-color-050);
938
- --pvt-element-item-background: var(--rls-theme-color-500);
939
- --pvt-bar-background: var(--rls-theme-color-300);
922
+ --pvt-element-left: calc(100% - var(--pvt-element-size));
923
+ --pvt-element-background: var(--rls-theme-color-200);
924
+ --pvt-bar-background: var(--rls-theme-color-400);
940
925
  }
941
926
  .rls-switch--disabled {
942
927
  opacity: 0.5;
@@ -945,7 +930,7 @@
945
930
  .rls-switch__component {
946
931
  position: relative;
947
932
  width: 100%;
948
- padding: var(--rls-sizing-x3) var(--rls-sizing-x1);
933
+ padding: var(--pvt-component-padding);
949
934
  box-sizing: border-box;
950
935
  }
951
936
  .rls-switch__component__element {
@@ -954,28 +939,20 @@
954
939
  left: var(--pvt-element-left);
955
940
  width: var(--pvt-element-size);
956
941
  height: var(--pvt-element-size);
957
- z-index: var(--rls-z-index-2);
942
+ border-radius: 50%;
958
943
  padding: var(--rls-sizing-x2);
959
944
  box-sizing: border-box;
960
- border-radius: 50%;
945
+ z-index: var(--rls-z-index-2);
961
946
  background: var(--pvt-element-background);
962
- border: var(--rls-sizing-x1) solid var(--pvt-element-border-color);
963
- transition: left 240ms var(--rls-standard-curve);
964
- }
965
- .rls-switch__component__element::before {
966
- display: block;
967
- content: '';
968
- width: 100%;
969
- height: 100%;
970
- border-radius: 50%;
971
- background: var(--pvt-element-item-background);
947
+ transition: all 160ms var(--rls-standard-curve);
972
948
  }
973
949
  .rls-switch__component__bar {
974
950
  background: var(--pvt-bar-background);
975
951
  width: 100%;
976
952
  height: var(--rlc-switch-bar-height, var(--rls-sizing-x4));
977
953
  border-radius: var(--rlc-switch-bar-radius, var(--rls-sizing-x2));
978
- }
954
+ transition: all 160ms 0ms var(--rls-standard-curve);
955
+ } /*# sourceMappingURL=Switch.css.map */
979
956
 
980
957
  .rls-alert {
981
958
  position: relative;
@@ -1005,7 +982,7 @@
1005
982
  }
1006
983
  .rls-alert__content {
1007
984
  width: auto;
1008
- }
985
+ } /*# sourceMappingURL=Alert.css.map */
1009
986
 
1010
987
  .rls-ballot {
1011
988
  --rlc-avatar-width: var(--rls-sizing-x20);
@@ -1095,7 +1072,7 @@
1095
1072
  overflow: var(--rlc-ballot-subtitle-overflow, initial);
1096
1073
  text-overflow: var(--rlc-ballot-subtitle-text-overflow, initial);
1097
1074
  white-space: var(--rlc-ballot-subtitle-white-space, initial);
1098
- }
1075
+ } /*# sourceMappingURL=Ballot.css.map */
1099
1076
 
1100
1077
  .rls-button-progress {
1101
1078
  --rlc-progress-circular-dimension: var(--rls-sizing-x16);
@@ -1103,7 +1080,7 @@
1103
1080
  display: flex;
1104
1081
  justify-content: center;
1105
1082
  align-items: center;
1106
- }
1083
+ } /*# sourceMappingURL=ButtonProgress.css.map */
1107
1084
 
1108
1085
  .rls-button-toggle {
1109
1086
  width: auto;
@@ -1166,8 +1143,6 @@
1166
1143
  transform: var(--rlc-button-toggle-ul-transform);
1167
1144
  transform-origin: 0% 0%;
1168
1145
  box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
1169
- /*transition: transform 240ms 0ms var(--rls-standard-curve),
1170
- opacity 240ms 0ms var(--rls-standard-curve);*/
1171
1146
  }
1172
1147
  .rls-button-toggle__list ul li {
1173
1148
  padding: 0rem var(--rls-sizing-x6);
@@ -1184,21 +1159,21 @@
1184
1159
  .rls-button-toggle__list ul li:hover {
1185
1160
  background: var(--rls-app-color-100);
1186
1161
  color: var(--rls-app-color-900);
1187
- }
1162
+ } /*# sourceMappingURL=ButtonToggle.css.map */
1188
1163
 
1189
1164
  .rls-field-money {
1190
1165
  --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
1191
1166
  position: relative;
1192
1167
  width: 100%;
1193
1168
  box-sizing: border-box;
1194
- }
1169
+ } /*# sourceMappingURL=FieldMoney.css.map */
1195
1170
 
1196
1171
  .rls-field-number {
1197
1172
  --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
1198
1173
  position: relative;
1199
1174
  width: 100%;
1200
1175
  box-sizing: border-box;
1201
- }
1176
+ } /*# sourceMappingURL=FieldNumber.css.map */
1202
1177
 
1203
1178
  .rls-field-password {
1204
1179
  --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
@@ -1213,22 +1188,30 @@
1213
1188
  width: var(--rls-sizing-x12);
1214
1189
  height: var(--rls-sizing-x12);
1215
1190
  z-index: 2;
1216
- }
1191
+ } /*# sourceMappingURL=FieldPassword.css.map */
1217
1192
 
1218
1193
  .rls-field-readonly {
1219
1194
  --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
1220
- --pvt-component-font-color: var(--rlc-input-font-color);
1195
+ --pvt-font-color: var(--rlc-input-font-color, var(--rls-app-color-900));
1196
+ --pvt-font-size: var(--rlc-input-font-size, var(--rls-input-font-size));
1197
+ --pvt-letter-spacing: var(
1198
+ --rlc-input-letter-spacing,
1199
+ var(--rls-input-letter-spacing)
1200
+ );
1201
+ --pvt-height: var(--rlc-input-height, var(--rls-sizing-x12));
1202
+ --pvt-text-align: var(--rlc-input-text-align, left);
1203
+ --pvt-component-font-color: var(--pvt-font-color);
1221
1204
  position: relative;
1222
1205
  width: 100%;
1223
1206
  box-sizing: border-box;
1224
- }
1207
+ } /*# sourceMappingURL=FieldReadonly.css.map */
1225
1208
 
1226
1209
  .rls-field-text {
1227
1210
  --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
1228
1211
  position: relative;
1229
1212
  width: 100%;
1230
1213
  box-sizing: border-box;
1231
- }
1214
+ } /*# sourceMappingURL=FieldText.css.map */
1232
1215
 
1233
1216
  .rls-label-checkbox {
1234
1217
  --pvt-text-opacity: 1;
@@ -1238,6 +1221,7 @@
1238
1221
  --pvt-text-text-overflow: ellipsis;
1239
1222
  display: flex;
1240
1223
  column-gap: var(--rls-sizing-x4);
1224
+ align-items: center;
1241
1225
  }
1242
1226
  .rls-label-checkbox--disabled {
1243
1227
  --pvt-text-opacity: 0.5;
@@ -1265,7 +1249,7 @@
1265
1249
  overflow: var(--pvt-text-overflow);
1266
1250
  white-space: var(--pvt-text-white-space);
1267
1251
  text-overflow: var(--pvt-text-text-overflow);
1268
- }
1252
+ } /*# sourceMappingURL=LabelCheckBox.css.map */
1269
1253
 
1270
1254
  .rls-label-radiobutton {
1271
1255
  --pvt-text-opacity: 1;
@@ -1273,9 +1257,9 @@
1273
1257
  --pvt-text-overflow: hidden;
1274
1258
  --pvt-text-white-space: nowrap;
1275
1259
  --pvt-text-text-overflow: ellipsis;
1276
- position: relative;
1277
- width: 100%;
1278
1260
  display: flex;
1261
+ column-gap: var(--rls-sizing-x4);
1262
+ align-items: center;
1279
1263
  }
1280
1264
  .rls-label-radiobutton--disabled {
1281
1265
  --pvt-text-opacity: 0.5;
@@ -1304,7 +1288,7 @@
1304
1288
  overflow: var(--pvt-text-overflow);
1305
1289
  white-space: var(--pvt-text-white-space);
1306
1290
  text-overflow: var(--pvt-text-text-overflow);
1307
- }
1291
+ } /*# sourceMappingURL=LabelRadioButton.css.map */
1308
1292
 
1309
1293
  .rls-label-switch {
1310
1294
  --pvt-text-opacity: 1;
@@ -1314,6 +1298,7 @@
1314
1298
  --pvt-text-text-overflow: ellipsis;
1315
1299
  display: flex;
1316
1300
  column-gap: var(--rls-sizing-x4);
1301
+ align-items: center;
1317
1302
  }
1318
1303
  .rls-label-switch--disabled {
1319
1304
  --pvt-text-opacity: 0.5;
@@ -1341,7 +1326,7 @@
1341
1326
  overflow: var(--pvt-text-overflow);
1342
1327
  white-space: var(--pvt-text-white-space);
1343
1328
  text-overflow: var(--pvt-text-text-overflow);
1344
- }
1329
+ } /*# sourceMappingURL=LabelSwitch.css.map */
1345
1330
 
1346
1331
  .rls-pagination {
1347
1332
  position: relative;
@@ -1409,7 +1394,7 @@
1409
1394
  .rls-pagination__action:disabled {
1410
1395
  pointer-events: none;
1411
1396
  opacity: 0.5;
1412
- }
1397
+ } /*# sourceMappingURL=Pagination.css.map */
1413
1398
 
1414
1399
  .rls-picker-day {
1415
1400
  --pvt-span-background: transparent;
@@ -1490,7 +1475,7 @@
1490
1475
  --pvt-span-font-color: var(--rls-app-color-400);
1491
1476
  --pvt-span-border: var(--rls-border-1) solid transparent;
1492
1477
  pointer-events: none;
1493
- }
1478
+ } /*# sourceMappingURL=PickerDay.css.map */
1494
1479
 
1495
1480
  .rls-picker-day-range {
1496
1481
  --pvt-span-nothover-background: transparent;
@@ -1573,7 +1558,7 @@
1573
1558
  .rls-picker-day-range__element--disabled {
1574
1559
  pointer-events: none;
1575
1560
  opacity: 0.5;
1576
- }
1561
+ } /*# sourceMappingURL=PickerDayRange.css.map */
1577
1562
 
1578
1563
  .rls-picker-month {
1579
1564
  --pvt-component-background: transparent;
@@ -1629,7 +1614,7 @@
1629
1614
  cursor: default;
1630
1615
  pointer-events: none;
1631
1616
  letter-spacing: 0.25rem;
1632
- }
1617
+ } /*# sourceMappingURL=PickerMonth.css.map */
1633
1618
 
1634
1619
  .rls-picker-selector-title {
1635
1620
  display: flex;
@@ -1646,7 +1631,7 @@
1646
1631
  }
1647
1632
  .rls-picker-selector-title span:hover {
1648
1633
  color: var(--rls-theme-color-500);
1649
- }
1634
+ } /*# sourceMappingURL=PickerSelectorTitle.css.map */
1650
1635
 
1651
1636
  .rls-picker-year {
1652
1637
  --pvt-component-background: transparent;
@@ -1681,7 +1666,7 @@
1681
1666
  }
1682
1667
  .rls-picker-year__action button {
1683
1668
  color: var(--rls-app-color-900);
1684
- background: transparent;
1669
+ background: rgba(0, 0, 0, 0);
1685
1670
  outline: none;
1686
1671
  width: inherit;
1687
1672
  height: inherit;
@@ -1742,7 +1727,7 @@
1742
1727
  cursor: default;
1743
1728
  pointer-events: none;
1744
1729
  letter-spacing: 0.325rem;
1745
- }
1730
+ } /*# sourceMappingURL=PickerYear.css.map */
1746
1731
 
1747
1732
  .rls-toolbar {
1748
1733
  display: flex;
@@ -1783,7 +1768,7 @@
1783
1768
  box-sizing: border-box;
1784
1769
  column-gap: var(--rls-sizing-x8);
1785
1770
  align-items: center;
1786
- }
1771
+ } /*# sourceMappingURL=Toolbar.css.map */
1787
1772
 
1788
1773
  .rls-card {
1789
1774
  background: var(--rls-app-color-050);
@@ -1799,7 +1784,7 @@
1799
1784
  flex-direction: column;
1800
1785
  padding: var(--rlc-card-content-padding, var(--rls-sizing-x8));
1801
1786
  box-sizing: border-box;
1802
- }
1787
+ } /*# sourceMappingURL=Card.css.map */
1803
1788
 
1804
1789
  .rls-confirmation {
1805
1790
  --pvt-component-transform: translateY(150px) scale(0.6);
@@ -1856,9 +1841,9 @@
1856
1841
  background: var(--rls-app-color-050);
1857
1842
  box-shadow: var(--rls-app-shadow-4);
1858
1843
  transform: var(--pvt-component-transform);
1859
- /*transition: opacity 125ms 0ms var(--rls-deceleration-curve),
1860
- transform 125ms 0ms var(--rls-deceleration-curve),
1861
- visibility 125ms 0ms var(--rls-deceleration-curve);*/
1844
+ transition: opacity 125ms 0ms var(--rls-deceleration-curve),
1845
+ transform 125ms 0ms var(--rls-deceleration-curve),
1846
+ visibility 125ms 0ms var(--rls-deceleration-curve);
1862
1847
  }
1863
1848
  .rls-confirmation__header {
1864
1849
  position: relative;
@@ -1928,10 +1913,9 @@
1928
1913
  z-index: var(--rls-z-index-2);
1929
1914
  background: var(--rls-theme-backdrop-900);
1930
1915
  backdrop-filter: blur(2px);
1931
- /*transition: opacity 120ms 0ms var(--rls-deceleration-curve),
1932
- bottom 120ms 0ms var(--rls-deceleration-curve);*/
1916
+ transition: opacity 120ms 0ms var(--rls-deceleration-curve),
1917
+ bottom 120ms 0ms var(--rls-deceleration-curve);
1933
1918
  }
1934
-
1935
1919
  @media screen and (max-width: 480px) {
1936
1920
  .rls-confirmation {
1937
1921
  --pvt-title-font-size: var(--rls-title-font-size);
@@ -1950,7 +1934,7 @@
1950
1934
  column-gap: 0rem;
1951
1935
  row-gap: var(--rls-sizing-x8);
1952
1936
  }
1953
- }
1937
+ } /*# sourceMappingURL=Confirmation.css.map */
1954
1938
 
1955
1939
  .rls-field-autocomplete {
1956
1940
  --pvt-control-width: 100%;
@@ -1978,7 +1962,7 @@
1978
1962
  }
1979
1963
  .rls-field-autocomplete .rls-field-list__ul__search button {
1980
1964
  color: var(--rls-app-color-600);
1981
- background: transparent;
1965
+ background: rgba(0, 0, 0, 0);
1982
1966
  }
1983
1967
  .rls-field-autocomplete
1984
1968
  .rls-field-list__ul__search
@@ -1996,7 +1980,7 @@
1996
1980
  cursor: text;
1997
1981
  border: none;
1998
1982
  outline: none;
1999
- background: transparent;
1983
+ background: rgba(0, 0, 0, 0);
2000
1984
  color: var(--rls-app-color-900);
2001
1985
  font-size: var(--rls-input-font-size);
2002
1986
  font-weight: var(--rls-font-weight-medium);
@@ -2014,7 +1998,7 @@
2014
1998
  }
2015
1999
  .rls-field-autocomplete .rls-field-list__ul .rls-progress-bar {
2016
2000
  margin-bottom: var(--rls-sizing-x8);
2017
- }
2001
+ } /*# sourceMappingURL=FieldAutocomplete.css.map */
2018
2002
 
2019
2003
  .rls-modal {
2020
2004
  --pvt-component-transform: translateY(80rem) scale(0.6);
@@ -2076,7 +2060,7 @@
2076
2060
  backdrop-filter: blur(2px);
2077
2061
  transition: opacity 120ms 0ms var(--rls-deceleration-curve),
2078
2062
  bottom 120ms 0ms var(--rls-deceleration-curve);
2079
- }
2063
+ } /*# sourceMappingURL=Modal.css.map */
2080
2064
 
2081
2065
  .rls-picker-date {
2082
2066
  position: relative;
@@ -2155,7 +2139,7 @@
2155
2139
  }
2156
2140
  .rls-picker-date__actions button {
2157
2141
  width: 100%;
2158
- }
2142
+ } /*# sourceMappingURL=PickerDate.css.map */
2159
2143
 
2160
2144
  .rls-field-date {
2161
2145
  --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
@@ -2184,7 +2168,7 @@
2184
2168
  cursor: default;
2185
2169
  border: none;
2186
2170
  outline: none;
2187
- background: transparent;
2171
+ background: rgba(0, 0, 0, 0);
2188
2172
  color: var(--rls-app-color-900);
2189
2173
  font-weight: var(--rls-font-weight-medium);
2190
2174
  font-size: var(--pvt-font-size);
@@ -2211,7 +2195,7 @@
2211
2195
  }
2212
2196
  .rls-field-date__action .rls-icon {
2213
2197
  margin: 1rem;
2214
- }
2198
+ } /*# sourceMappingURL=FieldDate.css.map */
2215
2199
 
2216
2200
  .rls-picker-date-range {
2217
2201
  position: relative;
@@ -2290,7 +2274,7 @@
2290
2274
  }
2291
2275
  .rls-picker-date-range__actions button {
2292
2276
  width: 100%;
2293
- }
2277
+ } /*# sourceMappingURL=PickerDateRange.css.map */
2294
2278
 
2295
2279
  .rls-field-date-range {
2296
2280
  --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
@@ -2316,11 +2300,11 @@
2316
2300
  cursor: default;
2317
2301
  border: none;
2318
2302
  outline: none;
2319
- color: var(--rlc-input-font-color);
2320
- background: transparent;
2303
+ background: rgba(0, 0, 0, 0);
2304
+ color: var(--rls-app-color-900);
2321
2305
  font-weight: var(--rls-font-weight-medium);
2322
- font-size: var(--rlc-input-font-size);
2323
- letter-spacing: var(--rlc-input-letter-spacing);
2306
+ font-size: var(--pvt-font-size);
2307
+ letter-spacing: var(--pvt-letter-spacing);
2324
2308
  }
2325
2309
  .rls-field-date-range__control::placeholder {
2326
2310
  color: var(--rls-app-color-400);
@@ -2343,18 +2327,17 @@
2343
2327
  }
2344
2328
  .rls-field-date-range__action .rls-icon {
2345
2329
  margin: 1rem;
2346
- }
2330
+ } /*# sourceMappingURL=FieldDateRange.css.map */
2347
2331
 
2348
2332
  .rls-field-select .rls-field-list__control {
2349
2333
  cursor: pointer;
2350
2334
  }
2351
-
2352
2335
  .rls-field-select .rls-field-list__action {
2353
2336
  transition: transform 160ms 0ms var(--rls-sharp-curve);
2354
2337
  }
2355
2338
  .rls-field-select .rls-field-list__action--visible {
2356
2339
  transform: rotate(180deg);
2357
- }
2340
+ } /*# sourceMappingURL=FieldSelect.css.map */
2358
2341
 
2359
2342
  .rls-form-navigation {
2360
2343
  position: fixed;
@@ -2385,7 +2368,7 @@
2385
2368
  height: var(--rls-sizing-x12);
2386
2369
  padding: 0rem;
2387
2370
  float: right;
2388
- }
2371
+ } /*# sourceMappingURL=FormNavigation.css.map */
2389
2372
 
2390
2373
  .rls-snackbar {
2391
2374
  position: fixed;
@@ -2442,9 +2425,8 @@
2442
2425
  font-weight: var(--rls-font-weight-medium);
2443
2426
  letter-spacing: var(--rls-label-letter-spacing);
2444
2427
  }
2445
-
2446
2428
  @media only screen and (max-width: 375px) {
2447
2429
  .rls-snackbar {
2448
2430
  width: calc(100% - var(--rls-sizing-x12));
2449
2431
  }
2450
- }
2432
+ } /*# sourceMappingURL=Snackbar.css.map */