@rolster/react-components 18.25.10 → 18.26.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 (108) hide show
  1. package/dist/cjs/assets/{index-DG6-q1c1.css → index-Ds0DvsiS.css} +394 -360
  2. package/dist/cjs/index.js +87 -78
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-DG6-q1c1.css → index-Ds0DvsiS.css} +394 -360
  5. package/dist/es/index.js +87 -80
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/Badge/Badge.css +10 -6
  8. package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
  9. package/dist/esm/components/atoms/Button/Button.css +74 -72
  10. package/dist/esm/components/atoms/Button/Button.css.map +1 -1
  11. package/dist/esm/components/atoms/CheckBox/CheckBox.css +12 -13
  12. package/dist/esm/components/atoms/CheckBox/CheckBox.css.map +1 -1
  13. package/dist/esm/components/atoms/CheckBox/CheckBox.js +2 -1
  14. package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
  15. package/dist/esm/components/atoms/InputDecimal/InputDecimal.js +2 -2
  16. package/dist/esm/components/atoms/InputDecimal/InputDecimal.js.map +1 -1
  17. package/dist/esm/components/atoms/InputSearch/InputSearch.css +2 -1
  18. package/dist/esm/components/atoms/InputSearch/InputSearch.css.map +1 -1
  19. package/dist/esm/components/atoms/Poster/Poster.css +13 -19
  20. package/dist/esm/components/atoms/Poster/Poster.css.map +1 -1
  21. package/dist/esm/components/atoms/Poster/Poster.d.ts +1 -2
  22. package/dist/esm/components/atoms/Poster/Poster.js +3 -3
  23. package/dist/esm/components/atoms/Poster/Poster.js.map +1 -1
  24. package/dist/esm/components/atoms/RadioButton/RadioButton.css +11 -4
  25. package/dist/esm/components/atoms/RadioButton/RadioButton.css.map +1 -1
  26. package/dist/esm/components/atoms/Switch/Switch.css +29 -24
  27. package/dist/esm/components/atoms/Switch/Switch.css.map +1 -1
  28. package/dist/esm/components/atoms/Switch/Switch.d.ts +4 -3
  29. package/dist/esm/components/atoms/Switch/Switch.js +6 -6
  30. package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
  31. package/dist/esm/components/definitions.d.ts +1 -1
  32. package/dist/esm/components/molecules/Alert/Alert.css +18 -10
  33. package/dist/esm/components/molecules/Alert/Alert.css.map +1 -1
  34. package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.css +1 -1
  35. package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.css.map +1 -1
  36. package/dist/esm/components/molecules/FieldMoney/FieldMoney.css +1 -1
  37. package/dist/esm/components/molecules/FieldMoney/FieldMoney.css.map +1 -1
  38. package/dist/esm/components/molecules/FieldNumber/FieldNumber.css +1 -1
  39. package/dist/esm/components/molecules/FieldNumber/FieldNumber.css.map +1 -1
  40. package/dist/esm/components/molecules/FieldPassword/FieldPassword.css +1 -1
  41. package/dist/esm/components/molecules/FieldPassword/FieldPassword.css.map +1 -1
  42. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css +1 -1
  43. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css.map +1 -1
  44. package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css +1 -1
  45. package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css.map +1 -1
  46. package/dist/esm/components/molecules/FieldText/FieldText.css +1 -1
  47. package/dist/esm/components/molecules/FieldText/FieldText.css.map +1 -1
  48. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +5 -9
  49. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
  50. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +8 -9
  51. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
  52. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.d.ts +2 -1
  53. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +7 -11
  54. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
  55. package/dist/esm/components/molecules/PickerClock/PickerClock.d.ts +1 -0
  56. package/dist/esm/components/molecules/PickerClock/PickerClock.js +5 -0
  57. package/dist/esm/components/molecules/PickerClock/PickerClock.js.map +1 -0
  58. package/dist/esm/components/molecules/PickerDay/PickerDay.css +52 -38
  59. package/dist/esm/components/molecules/PickerDay/PickerDay.css.map +1 -1
  60. package/dist/esm/components/molecules/PickerDay/PickerDay.js +2 -9
  61. package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
  62. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css +36 -32
  63. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css.map +1 -1
  64. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +2 -6
  65. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
  66. package/dist/esm/components/molecules/PickerMonth/PickerMonth.css +6 -10
  67. package/dist/esm/components/molecules/PickerMonth/PickerMonth.css.map +1 -1
  68. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css +29 -5
  69. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css.map +1 -1
  70. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.d.ts +2 -2
  71. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js +8 -2
  72. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js.map +1 -1
  73. package/dist/esm/components/molecules/PickerYear/PickerYear.css +22 -27
  74. package/dist/esm/components/molecules/PickerYear/PickerYear.css.map +1 -1
  75. package/dist/esm/components/molecules/PickerYear/PickerYear.js +3 -3
  76. package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
  77. package/dist/esm/components/organisms/Card/Card.css +7 -3
  78. package/dist/esm/components/organisms/Card/Card.css.map +1 -1
  79. package/dist/esm/components/organisms/Card/Card.d.ts +2 -1
  80. package/dist/esm/components/organisms/Card/Card.js +5 -5
  81. package/dist/esm/components/organisms/Card/Card.js.map +1 -1
  82. package/dist/esm/components/organisms/Datatable/Datatable.d.ts +6 -6
  83. package/dist/esm/components/organisms/Datatable/Datatable.js +12 -12
  84. package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
  85. package/dist/esm/components/organisms/FieldDate/FieldDate.css +9 -4
  86. package/dist/esm/components/organisms/FieldDate/FieldDate.css.map +1 -1
  87. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +9 -4
  88. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css.map +1 -1
  89. package/dist/esm/components/organisms/FieldSelect/FieldSelect.css +1 -1
  90. package/dist/esm/components/organisms/FieldSelect/FieldSelect.css.map +1 -1
  91. package/dist/esm/components/organisms/PickerDate/PickerDate.css +24 -39
  92. package/dist/esm/components/organisms/PickerDate/PickerDate.css.map +1 -1
  93. package/dist/esm/components/organisms/PickerDate/PickerDate.js +4 -6
  94. package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
  95. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css +23 -41
  96. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css.map +1 -1
  97. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +3 -6
  98. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +1 -1
  99. package/dist/esm/controllers/FormSingleSelectionController.d.ts +13 -0
  100. package/dist/esm/controllers/FormSingleSelectionController.js +15 -0
  101. package/dist/esm/controllers/FormSingleSelectionController.js.map +1 -0
  102. package/dist/esm/controllers/FormToggleController.d.ts +11 -0
  103. package/dist/esm/controllers/FormToggleController.js +16 -0
  104. package/dist/esm/controllers/FormToggleController.js.map +1 -0
  105. package/dist/esm/index.d.ts +2 -0
  106. package/dist/esm/index.js +2 -0
  107. package/dist/esm/index.js.map +1 -1
  108. package/package.json +4 -4
@@ -1,18 +1,22 @@
1
1
  .rls-badge {
2
+ --pvt-dimension: var(--rlc-badge-dimension, var(--rls-sizing-x12));
2
3
  position: relative;
3
4
  display: inline-block;
4
5
  width: auto;
5
- padding: var(--rlc-badge-padding, var(--rls-sizing-x2));
6
+ min-width: var(--pvt-dimension);
7
+ height: var(--pvt-dimension);
8
+ line-height: var(--pvt-dimension);
9
+ padding: var(--rlc-badge-padding, 0rem var(--rls-sizing-x4));
6
10
  box-sizing: border-box;
7
- font-size: var(--rlc-badge-font-size, var(--rls-caption-font-size));
11
+ font-size: var(--rlc-badge-font-size, var(--rls-smalltext-font-size));
12
+ text-align: center;
8
13
  letter-spacing: var(
9
14
  --rlc-badge-letter-spacing,
10
- var(--rls-caption-letter-spacing)
15
+ var(--rls-smalltext-letter-spacing)
11
16
  );
12
- line-height: var(--rlc-badge-line-height, var(--rls-caption-line-height));
13
- color: var(--rls-theme-color-100);
17
+ color: var(--rls-theme-color-050);
14
18
  background: var(--rls-theme-color-500);
15
- border-radius: var(--rls-sizing-x2);
19
+ border-radius: calc(var(--pvt-dimension) / 2);
16
20
  }
17
21
  .rls-badge--contrast {
18
22
  background: var(--rls-theme-color-100);
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,kBACA,qBACA,WACA,uDACA,sBACA,mEACA,kFAIA,yEACA,iCACA,sCACA,mCAEA,qBACE,sCACA,iCAGF,gBACE,kBACA,uBACA","file":"Badge.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,mEAEA,kBACA,qBACA,WACA,+BACA,4BACA,iCACA,4DACA,sBACA,qEACA,kBACA,oFAIA,iCACA,sCACA,2CAEA,qBACE,sCACA,iCAGF,gBACE,kBACA,uBACA","file":"Badge.css"}
@@ -1,35 +1,35 @@
1
1
  .rls-button {
2
2
  --pvt-button-content-background: none;
3
3
  --pvt-button-content-border: none;
4
+ --pvt-button-content-box-shadow: var(--rlc-button-content-box-shadow, none);
4
5
  --pvt-button-content-font-color: var(--rls-theme-color-500);
5
6
  --pvt-button-content-animation: none;
6
7
  --pvt-button-content-visibility: hidden;
7
8
  --pvt-button-ripple-background: var(--rls-theme-color-700);
8
- --pvt-classic-background: var(--rls-app-color-200);
9
- --pvt-classic-font-color: var(--rls-app-color-500);
10
- --pvt-classic-border: none;
11
- --pvt-raised-background: var(--rls-theme-color-500);
12
- --pvt-raised-font-color: var(--rls-theme-color-050);
13
- --pvt-raised-border: none;
14
- --pvt-flat-background: var(--rls-theme-color-100);
15
- --pvt-flat-font-color: var(--rls-theme-color-600);
16
- --pvt-flat-border: none;
17
- --pvt-stroked-background: transparent;
18
- --pvt-stroked-font-color: var(--rls-theme-color-500);
19
- --pvt-stroked-border: var(--rls-theme-border-2-500);
20
- --pvt-outline-background: transparent;
21
- --pvt-outline-font-color: var(--rls-app-color-600);
22
- --pvt-outline-border: var(--rls-app-border-2-300);
23
9
  --pvt-ghost-background: none;
24
10
  --pvt-ghost-font-color: var(--rls-theme-color-500);
25
11
  --pvt-ghost-border: none;
12
+ --pvt-outline-background: var(--rls-app-color-050);
13
+ --pvt-outline-font-color: var(--rls-app-color-500);
14
+ --pvt-outline-border: var(--rls-app-border-1-300);
15
+ --pvt-flat-background: var(--rls-theme-color-050);
16
+ --pvt-flat-font-color: var(--rls-theme-color-500);
17
+ --pvt-flat-border: none;
18
+ --pvt-stroked-background: var(--rls-app-color-050);
19
+ --pvt-stroked-font-color: var(--rls-theme-color-500);
20
+ --pvt-stroked-border: var(--rls-theme-border-1-300);
21
+ --pvt-classic-background: var(--rls-theme-color-050);
22
+ --pvt-classic-font-color: var(--rls-theme-color-500);
23
+ --pvt-classic-border: var(--rls-theme-border-1-300);
24
+ --pvt-raised-background: var(--rls-theme-color-500);
25
+ --pvt-raised-font-color: var(--rls-theme-color-050);
26
+ --pvt-raised-border: none;
26
27
  --pvt-gradient-background: var(--rls-theme-gradient-500);
27
28
  --pvt-gradient-font-color: var(--rls-theme-color-050);
28
29
  --pvt-gradient-border: none;
29
30
  position: relative;
30
31
  padding: 0rem;
31
32
  width: var(--rlc-button-width, auto);
32
- overflow: hidden;
33
33
  outline: none;
34
34
  background: rgba(0, 0, 0, 0);
35
35
  }
@@ -41,49 +41,50 @@
41
41
  --pvt-button-content-visibility: visible;
42
42
  }
43
43
  .rls-button:not(:disabled):hover {
44
- --pvt-classic-background: var(--rls-theme-color-200);
45
- --pvt-classic-font-color: var(--rls-theme-color-600);
46
- --pvt-classic-border: none;
47
- --pvt-raised-background: var(--rls-theme-color-700);
48
- --pvt-raised-font-color: var(--rls-theme-font-900);
49
- --pvt-raised-border: none;
50
- --pvt-flat-background: var(--rls-theme-color-600);
51
- --pvt-flat-font-color: var(--rls-theme-color-050);
52
- --pvt-flat-border: none;
53
- --pvt-stroked-background: var(--rls-theme-color-100);
54
- --pvt-stroked-font-color: var(--rls-theme-color-700);
55
- --pvt-stroked-border: var(--rls-theme-border-2-700);
56
- --pvt-outline-background: transparent;
57
- --pvt-outline-font-color: var(--rls-theme-color-500);
58
- --pvt-outline-border: var(--rls-theme-border-2-500);
59
44
  --pvt-ghost-background: var(--rls-theme-color-200);
60
45
  --pvt-ghost-font-color: var(--rls-theme-font-100);
61
46
  --pvt-ghost-border: none;
47
+ --pvt-outline-background: transparent;
48
+ --pvt-outline-font-color: var(--rls-theme-color-500);
49
+ --pvt-outline-border: var(--rls-theme-border-1-500);
50
+ --pvt-stroked-background: var(--rls-theme-color-100);
51
+ --pvt-stroked-font-color: var(--rls-theme-color-700);
52
+ --pvt-stroked-border: var(--rls-theme-border-1-700);
53
+ --pvt-classic-background: var(--rls-theme-color-100);
54
+ --pvt-classic-font-color: var(--rls-theme-color-700);
55
+ --pvt-classic-border: var(--rls-theme-border-1-700);
56
+ --pvt-flat-background: var(--rls-theme-color-200);
57
+ --pvt-flat-font-color: var(--rls-theme-color-700);
58
+ --pvt-flat-border: none;
59
+ --pvt-raised-background: var(--rls-theme-color-700);
60
+ --pvt-raised-font-color: var(--rls-theme-font-900);
61
+ --pvt-raised-border: none;
62
62
  --pvt-gradient-background: var(--rls-theme-color-700);
63
63
  --pvt-gradient-font-color: var(--rls-theme-font-900);
64
64
  --pvt-gradient-border: none;
65
65
  }
66
66
  .rls-button:disabled {
67
+ --pvt-button-content-box-shadow: none;
68
+ --pvt-ghost-background: transparent;
69
+ --pvt-ghost-font-color: var(--rls-app-color-400);
70
+ --pvt-ghost-border: none;
71
+ --pvt-outline-background: transparent;
72
+ --pvt-outline-font-color: var(--rls-app-color-400);
73
+ --pvt-outline-border: var(--rls-app-border-1-300);
74
+ --pvt-stroked-background: transparent;
75
+ --pvt-stroked-font-color: var(--rls-app-color-400);
76
+ --pvt-stroked-border: var(--rls-app-border-1-300);
67
77
  --pvt-classic-background: var(--rls-app-color-100);
68
78
  --pvt-classic-font-color: var(--rls-app-color-400);
69
- --pvt-classic-border: none;
70
- --pvt-raised-background: var(--rls-theme-color-200);
71
- --pvt-raised-font-color: var(--rls-theme-color-050);
72
- --pvt-raised-border: none;
73
- --pvt-flat-background: var(--rls-theme-color-100);
74
- --pvt-flat-font-color: var(--rls-theme-color-300);
79
+ --pvt-classic-border: var(--rls-app-border-1-300);
80
+ --pvt-flat-background: var(--rls-app-color-100);
81
+ --pvt-flat-font-color: var(--rls-app-color-400);
75
82
  --pvt-flat-border: none;
76
- --pvt-stroked-background: transparent;
77
- --pvt-stroked-font-color: var(--rls-theme-color-300);
78
- --pvt-stroked-border: var(--rls-theme-border-2-300);
79
- --pvt-outline-background: transparent;
80
- --pvt-outline-font-color: var(--rls-app-color-400);
81
- --pvt-outline-border: var(--rls-app-border-2-100);
82
- --pvt-ghost-background: transparent;
83
- --pvt-ghost-font-color: var(--rls-theme-color-300);
84
- --pvt-ghost-border: none;
85
- --pvt-gradient-background: var(--rls-theme-color-200);
86
- --pvt-gradient-font-color: var(--rls-theme-color-400);
83
+ --pvt-raised-background: var(--rls-app-color-100);
84
+ --pvt-raised-font-color: var(--rls-app-color-400);
85
+ --pvt-raised-border: none;
86
+ --pvt-gradient-background: var(--rls-app-color-100);
87
+ --pvt-gradient-font-color: var(--rls-app-color-400);
87
88
  --pvt-gradient-border: none;
88
89
  pointer-events: none;
89
90
  }
@@ -97,7 +98,8 @@
97
98
  height: var(--rls-sizing-x20);
98
99
  padding: var(--rlc-button-content-padding, 0rem var(--rls-sizing-x4));
99
100
  box-sizing: border-box;
100
- border-radius: var(--rlc-button-content-radius, var(--rls-sizing-x2));
101
+ border-radius: var(--rlc-button-content-radius, var(--rls-sizing-x4));
102
+ box-shadow: var(--pvt-button-content-box-shadow);
101
103
  color: var(--pvt-button-content-font-color);
102
104
  border: var(--pvt-button-content-border);
103
105
  background: var(--pvt-button-content-background);
@@ -120,38 +122,38 @@
120
122
  animation: var(--pvt-button-content-animation);
121
123
  visibility: var(--pvt-button-content-visibility);
122
124
  }
125
+ .rls-button__content--ghost {
126
+ --pvt-button-content-font-color: var(--pvt-ghost-font-color);
127
+ --pvt-button-content-background: var(--pvt-ghost-background);
128
+ --pvt-button-content-border: var(--pvt-ghost-border);
129
+ }
130
+ .rls-button__content--outline {
131
+ --pvt-button-content-font-color: var(--pvt-outline-font-color);
132
+ --pvt-button-content-background: var(--pvt-outline-background);
133
+ --pvt-button-content-border: var(--pvt-outline-border);
134
+ }
135
+ .rls-button__content--stroked {
136
+ --pvt-button-content-font-color: var(--pvt-stroked-font-color);
137
+ --pvt-button-content-background: var(--pvt-stroked-background);
138
+ --pvt-button-content-border: var(--pvt-stroked-border);
139
+ }
123
140
  .rls-button__content--classic {
124
141
  --pvt-button-content-background: var(--pvt-classic-background);
125
142
  --pvt-button-content-font-color: var(--pvt-classic-font-color);
126
143
  --pvt-button-content-border: var(--pvt-classic-border);
127
- --pvt-button-ripple-background: var(--rls-theme-font-900);
128
- }
129
- .rls-button__content--raised {
130
- --pvt-button-content-background: var(--pvt-raised-background);
131
- --pvt-button-content-font-color: var(--pvt-raised-font-color);
132
- --pvt-button-content-border: var(--pvt-raised-border);
133
- --pvt-button-ripple-background: var(--rls-theme-font-900);
144
+ --pvt-button-ripple-background: var(--rls-theme-font-100);
134
145
  }
135
146
  .rls-button__content--flat {
136
147
  --pvt-button-content-font-color: var(--pvt-flat-font-color);
137
148
  --pvt-button-content-background: var(--pvt-flat-background);
138
149
  --pvt-button-content-border: var(--pvt-flat-border);
139
- --pvt-button-ripple-background: var(--rls-theme-font-900);
150
+ --pvt-button-ripple-background: var(--rls-theme-font-100);
140
151
  }
141
- .rls-button__content--stroked {
142
- --pvt-button-content-font-color: var(--pvt-stroked-font-color);
143
- --pvt-button-content-background: var(--pvt-stroked-background);
144
- --pvt-button-content-border: var(--pvt-stroked-border);
145
- }
146
- .rls-button__content--outline {
147
- --pvt-button-content-font-color: var(--pvt-outline-font-color);
148
- --pvt-button-content-background: var(--pvt-outline-background);
149
- --pvt-button-content-border: var(--pvt-outline-border);
150
- }
151
- .rls-button__content--ghost {
152
- --pvt-button-content-font-color: var(--pvt-ghost-font-color);
153
- --pvt-button-content-background: var(--pvt-ghost-background);
154
- --pvt-button-content-border: var(--pvt-ghost-border);
152
+ .rls-button__content--raised {
153
+ --pvt-button-content-background: var(--pvt-raised-background);
154
+ --pvt-button-content-font-color: var(--pvt-raised-font-color);
155
+ --pvt-button-content-border: var(--pvt-raised-border);
156
+ --pvt-button-ripple-background: var(--rls-theme-font-900);
155
157
  }
156
158
  .rls-button__content--gradient {
157
159
  --pvt-button-content-background: var(--pvt-gradient-background);
@@ -165,7 +167,7 @@
165
167
  width: auto;
166
168
  font-size: var(--rls-button-font-size);
167
169
  letter-spacing: var(--rls-button-letter-spacing);
168
- font-weight: var(--rlc-button-font-weight, var(--rls-font-weight-bold));
170
+ font-weight: var(--rlc-button-font-weight, var(--rls-font-weight-medium));
169
171
  text-transform: var(--rlc-button-label-text-transform, uppercase);
170
172
  text-overflow: ellipsis;
171
173
  overflow: hidden;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.scss"],"names":[],"mappings":"AAOA,YACE,sCACA,kCACA,4DACA,qCACA,wCACA,2DAEA,mDACA,mDACA,2BACA,oDACA,oDACA,0BACA,kDACA,kDACA,wBACA,sCACA,qDACA,oDACA,sCACA,mDACA,kDACA,6BACA,mDACA,yBACA,yDACA,sDACA,4BAEA,kBACA,aACA,oCACA,gBACA,aACA,yBAEA,wCACE,qFAIF,iCACE,yCAGF,iCACE,qDACA,qDACA,2BACA,oDACA,mDACA,0BACA,kDACA,kDACA,wBACA,qDACA,qDACA,oDACA,sCACA,qDACA,oDACA,mDACA,kDACA,yBACA,sDACA,qDACA,4BAGF,qBACE,mDACA,mDACA,2BACA,oDACA,oDACA,0BACA,kDACA,kDACA,wBACA,sCACA,qDACA,oDACA,sCACA,mDACA,kDACA,oCACA,mDACA,yBACA,sDACA,sDACA,4BAEA,oBAGF,qBACE,aACA,uBACA,mBACA,gBACA,+DACA,kCACA,6BACA,qEACA,sBACA,qEACA,2CACA,wCACA,gDAEA,6BACE,kBACA,cACA,WACA,QACA,SACA,8CACA,+CACA,6CACA,8CACA,kBACA,YACA,mBACA,6BACA,+CACA,8CACA,gDAGF,8BACE,+DACA,+DACA,uDACA,0DAGF,6BACE,8DACA,8DACA,sDACA,0DAGF,2BACE,4DACA,4DACA,oDACA,0DAGF,8BACE,+DACA,+DACA,uDAGF,8BACE,+DACA,+DACA,uDAGF,4BACE,6DACA,6DACA,qDAGF,+BACE,gEACA,gEACA,wDACA,0DAIJ,mBACE,kCACA,oBACA,WACA,sCACA,gDACA,uEACA,iEACA,uBACA,gBACA,mBAEA,qBACE,qBACA,cAKN,+BACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"Button.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.scss"],"names":[],"mappings":"AAOA,YACE,sCACA,kCACA,4EACA,4DACA,qCACA,wCACA,2DAEA,6BACA,mDACA,yBAEA,mDACA,mDACA,kDAEA,kDACA,kDACA,wBAEA,mDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,oDACA,oDACA,0BAEA,yDACA,sDACA,4BAEA,kBACA,aACA,oCACA,aACA,yBAEA,wCACE,qFAIF,iCACE,yCAGF,iCACE,mDACA,kDACA,yBAEA,sCACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,qDACA,qDACA,oDAEA,kDACA,kDACA,wBAEA,oDACA,mDACA,0BAEA,sDACA,qDACA,4BAGF,qBACE,sCAEA,oCACA,iDACA,yBAEA,sCACA,mDACA,kDAEA,sCACA,mDACA,kDAEA,mDACA,mDACA,kDAEA,gDACA,gDACA,wBAEA,kDACA,kDACA,0BAEA,oDACA,oDACA,4BAEA,oBAGF,qBACE,aACA,uBACA,mBACA,gBACA,+DACA,kCACA,6BACA,qEACA,sBACA,qEACA,gDACA,2CACA,wCACA,gDAEA,6BACE,kBACA,cACA,WACA,QACA,SACA,8CACA,+CACA,6CACA,8CACA,kBACA,YACA,mBACA,6BACA,+CACA,8CACA,gDAGF,4BACE,6DACA,6DACA,qDAGF,8BACE,+DACA,+DACA,uDAGF,8BACE,+DACA,+DACA,uDAGF,8BACE,+DACA,+DACA,uDACA,0DAGF,2BACE,4DACA,4DACA,oDACA,0DAGF,6BACE,8DACA,8DACA,sDACA,0DAGF,+BACE,gEACA,gEACA,wDACA,0DAIJ,mBACE,kCACA,oBACA,WACA,sCACA,gDACA,yEACA,iEACA,uBACA,gBACA,mBAEA,qBACE,qBACA,cAKN,+BACE,GACE,mBAGF,IACE,mBAGF,KACE,UACA","file":"Button.css"}
@@ -1,10 +1,8 @@
1
1
  .rls-checkbox {
2
+ --rlc-icon-dimension: var(--rls-sizing-x10);
3
+ --rlc-icon-color: transparent;
2
4
  --pvt-dimension: var(--rlc-checkbox-dimension, var(--rls-sizing-x12));
3
- --pvt-component-dimension: var(
4
- --rlc-checkbox-children-dimension,
5
- var(--rls-sizing-x6)
6
- );
7
- --pvt-component-background: var(--rls-app-color-050);
5
+ --pvt-component-background: transparent;
8
6
  position: relative;
9
7
  display: flex;
10
8
  width: var(--pvt-dimension);
@@ -14,24 +12,25 @@
14
12
  box-sizing: border-box;
15
13
  outline: none;
16
14
  border-radius: var(--rls-sizing-x3);
17
- background: var(--rls-app-color-300);
15
+ background: rgba(0, 0, 0, 0);
16
+ border: var(--rls-app-border-1-400);
18
17
  transition: all 160ms 0ms var(--rls-standard-curve);
19
18
  }
20
19
  .rls-checkbox:hover {
21
20
  cursor: var(--rlc-checkbox-cursor, initial);
22
21
  }
23
22
  .rls-checkbox--checked {
23
+ --rlc-icon-color: var(--rls-app-color-050);
24
24
  --pvt-component-background: var(--rls-theme-color-200);
25
- background: var(--rls-theme-color-400);
25
+ background: var(--rls-theme-color-500);
26
+ border: var(--rls-theme-border-1-500);
26
27
  }
27
28
  .rls-checkbox--disabled {
28
29
  opacity: 0.5;
29
30
  pointer-events: none;
31
+ background: var(--rls-app-color-300);
32
+ border: none;
30
33
  }
31
- .rls-checkbox__component {
32
- width: var(--pvt-component-dimension);
33
- height: var(--pvt-component-dimension);
34
- border-radius: var(--rls-sizing-x1);
35
- background: var(--pvt-component-background);
36
- transition: all 160ms 0ms var(--rls-standard-curve);
34
+ .rls-checkbox--disabled.rls-checkbox--checked {
35
+ --rlc-icon-color: var(--rls-app-color-500);
37
36
  } /*# sourceMappingURL=CheckBox.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.scss"],"names":[],"mappings":"AAOA,cACE,sEAEA,0FAKA,qDAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,sBACA,aACA,mCACA,oCACA,mDAEA,oBACE,2CAGF,uBACE,uDAEA,sCAGF,wBACE,WACA,oBAGF,yBACE,qCACA,sCACA,mCACA,2CACA","file":"CheckBox.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.scss"],"names":[],"mappings":"AAOA,cACE,4CACA,8BACA,sEACA,wCAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,sBACA,aACA,mCACA,yBACA,mCACA,mDAEA,oBACE,2CAGF,uBACE,2CACA,uDAEA,sCACA,qCAGF,wBACE,WACA,oBACA,oCACA,YAEA,8CACE","file":"CheckBox.css"}
@@ -1,12 +1,13 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useCallback, useMemo } from 'react';
3
3
  import { renderClassStatus } from '../../../helpers/css';
4
+ import { RlsIcon } from '../Icon/Icon';
4
5
  import './CheckBox.css';
5
6
  export function RlsCheckBox({ checked, disabled, identifier, onClick, rlsTheme }) {
6
7
  const className = useMemo(() => {
7
8
  return renderClassStatus('rls-checkbox', { checked, disabled });
8
9
  }, [checked, disabled]);
9
- return (_jsx("div", { id: identifier, className: className, onClick: onClick, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-checkbox__component" }) }));
10
+ return (_jsx("div", { id: identifier, className: className, onClick: onClick, "rls-theme": rlsTheme, children: _jsx(RlsIcon, { value: "checkmark" }) }));
10
11
  }
11
12
  export function RlsCheckBoxControl({ formControl, disabled, identifier, rlsTheme }) {
12
13
  const onClick = useCallback(() => {
@@ -1 +1 @@
1
- {"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,gBAAgB,CAAC;AAaxB,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACM;IACd,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,cAAK,SAAS,EAAC,yBAAyB,GAAO,GAC3C,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACa;IACrB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../../src/components/atoms/CheckBox/CheckBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,gBAAgB,CAAC;AAaxB,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACM;IACd,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,eACL,QAAQ,YAEnB,KAAC,OAAO,IAAC,KAAK,EAAC,WAAW,GAAG,GACzB,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACa;IACrB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,WAAW,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}
@@ -15,7 +15,7 @@ export function RlsInputDecimal(props) {
15
15
  formControl ? formControl.setValue(valueDecimal) : setValueInput(value);
16
16
  onValue && onValue(valueDecimal);
17
17
  }, [formControl, onValue]);
18
- const doubleProps = { ...props, formControl: undefined };
19
- return (_jsx("div", { id: identifier, className: "rls-input-decimal", children: _jsx(RlsInput, { ...doubleProps, type: "number", value: valueInput, onValue: onValueInput, children: _jsx(RlsAmount, { value: amount, symbol: symbol, decimals: decimals }) }) }));
18
+ const decimalProps = { ...props, formControl: undefined };
19
+ return (_jsx("div", { id: identifier, className: "rls-input-decimal", children: _jsx(RlsInput, { ...decimalProps, type: "number", value: valueInput, onValue: onValueInput, children: _jsx(RlsAmount, { value: amount, symbol: symbol, decimals: decimals }) }) }));
20
20
  }
21
21
  //# sourceMappingURL=InputDecimal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputDecimal.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputDecimal/InputDecimal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,oBAAoB,CAAC;AAO5B,MAAM,UAAU,eAAe,CAAC,KAAwB;IACtD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAC3D,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,WAAW,EAAE,KAAK,EAAE,OAAO,IAAI,UAAU,CAAC;IACnD,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE9C,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAExE,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC,CAAC;IACnC,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,WAAW,GAAG,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;IAEzD,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,mBAAmB,YAChD,KAAC,QAAQ,OACH,WAAW,EACf,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,YAErB,KAAC,SAAS,IAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvD,GACP,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"InputDecimal.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputDecimal/InputDecimal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,oBAAoB,CAAC;AAO5B,MAAM,UAAU,eAAe,CAAC,KAAwB;IACtD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAC3D,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,WAAW,EAAE,KAAK,EAAE,OAAO,IAAI,UAAU,CAAC;IACnD,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE9C,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAExE,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC,CAAC;IACnC,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,YAAY,GAAG,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;IAE1D,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,mBAAmB,YAChD,KAAC,QAAQ,OACH,YAAY,EAChB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,YAErB,KAAC,SAAS,IAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvD,GACP,CACP,CAAC;AACJ,CAAC"}
@@ -5,8 +5,9 @@
5
5
  align-items: center;
6
6
  padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
7
7
  box-sizing: border-box;
8
- background: var(--rlc-input-search-background, var(--rls-app-color-100));
8
+ background: var(--rlc-input-search-background, transparent);
9
9
  border-radius: var(--rls-sizing-x4);
10
+ border: var(--rls-app-border-1-200);
10
11
  }
11
12
  .rls-input-search--disabled {
12
13
  opacity: 0.5;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputSearch/InputSearch.scss"],"names":[],"mappings":"AAOA,kBACE,0CAEA,kBACA,aACA,mBACA,kDACA,sBACA,wEACA,mCAEA,4BACE,WAGF,+FAEE","file":"InputSearch.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputSearch/InputSearch.scss"],"names":[],"mappings":"AAOA,kBACE,0CAEA,kBACA,aACA,mBACA,kDACA,sBACA,2DACA,mCACA,mCAEA,4BACE,WAGF,+FAEE","file":"InputSearch.css"}
@@ -1,37 +1,31 @@
1
1
  .rls-poster {
2
- --pvt-background: var(--rls-theme-color-100);
3
- --pvt-height: var(--rlc-poster-height, var(--rls-body-line-height));
4
- --pvt-border-content: none;
5
- --pvt-border-color: var(--rls-app-color-400);
2
+ --pvt-height: var(--rlc-poster-height, var(--rls-smalltext-line-height));
6
3
  position: relative;
7
4
  display: block;
8
- width: auto;
5
+ width: var(--rlc-poster-width, auto);
9
6
  font-weight: inherit;
10
- font-size: var(--rlc-poster-font-size, var(--rls-body-font-size));
7
+ font-size: var(--rlc-poster-font-size, var(--rls-smalltext-font-size));
11
8
  letter-spacing: var(
12
9
  --rlc-poster-letter-spacing,
13
10
  var(--rls-body-letter-spacing)
14
11
  );
15
12
  height: var(--pvt-height);
16
13
  line-height: var(--pvt-height);
17
- padding: var(--rlc-poster-padding, var(--rls-sizing-x4));
14
+ padding: var(--rlc-poster-padding, var(--rls-sizing-x2) var(--rls-sizing-x4));
18
15
  text-align: var(--rlc-poster-text-align, center);
19
- border-radius: var(--rls-sizing-x2);
20
- color: var(--rls-app-color-600);
21
- background: var(--rls-app-color-200);
22
- border: var(--pvt-border-content);
16
+ border-radius: var(--rls-sizing-x4);
17
+ color: var(--rls-app-color-050);
18
+ background: var(--rls-app-color-600);
23
19
  }
24
20
  .rls-poster[rls-theme] {
25
- --pvt-border-color: var(--rls-theme-color-100);
26
- color: var(--rls-theme-color-100);
21
+ color: var(--rls-theme-color-050);
27
22
  background: var(--rls-theme-color-500);
28
23
  }
24
+ .rls-poster--contrast {
25
+ color: var(--rls-app-color-700);
26
+ background: var(--rls-app-color-200);
27
+ }
29
28
  .rls-poster--contrast[rls-theme] {
30
- --pvt-border-color: var(--rls-theme-color-500);
31
29
  color: var(--rls-theme-color-700);
32
- background: var(--pvt-background);
33
- }
34
- .rls-poster--outline {
35
- --pvt-background: var(--rls-theme-color-050);
36
- --pvt-border-content: 1px solid var(--pvt-border-color);
30
+ background: var(--rls-theme-color-100);
37
31
  } /*# sourceMappingURL=Poster.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.scss"],"names":[],"mappings":"AAOA,YACE,6CACA,oEACA,2BACA,6CAEA,kBACA,cACA,WACA,oBACA,iEACA,gFAIA,yBACA,8BACA,wDACA,gDACA,mCACA,+BACA,oCACA,iCAEA,uBACE,+CAEA,iCACA,sCAGF,iCACE,+CAEA,iCACA,iCAGF,qBACE,6CACA","file":"Poster.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.scss"],"names":[],"mappings":"AAOA,YACE,yEAEA,kBACA,cACA,oCACA,oBACA,sEACA,gFAIA,yBACA,8BACA,6EACA,gDACA,mCACA,+BACA,oCAEA,uBACE,iCACA,sCAGF,sBACE,+BACA,oCAEA,iCACE,iCACA","file":"Poster.css"}
@@ -2,7 +2,6 @@ import { RlsComponent } from '../../definitions';
2
2
  import './Poster.css';
3
3
  interface PosterProps extends RlsComponent {
4
4
  contrast?: boolean;
5
- outline?: boolean;
6
5
  }
7
- export declare function RlsPoster({ children, contrast, outline, rlsTheme }: PosterProps): import("react/jsx-runtime").JSX.Element;
6
+ export declare function RlsPoster({ children, contrast, rlsTheme }: PosterProps): import("react/jsx-runtime").JSX.Element;
8
7
  export {};
@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useMemo } from 'react';
3
3
  import { renderClassStatus } from '../../../helpers/css';
4
4
  import './Poster.css';
5
- export function RlsPoster({ children, contrast, outline, rlsTheme }) {
5
+ export function RlsPoster({ children, contrast, rlsTheme }) {
6
6
  const className = useMemo(() => {
7
- return renderClassStatus('rls-poster', { contrast, outline });
8
- }, [contrast, outline]);
7
+ return renderClassStatus('rls-poster', { contrast });
8
+ }, [contrast]);
9
9
  return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
10
10
  }
11
11
  //# sourceMappingURL=Poster.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Poster.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAOtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Poster.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Poster/Poster.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAMtB,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAe;IACrE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
@@ -4,7 +4,7 @@
4
4
  --rlc-radiobutton-children-dimension,
5
5
  var(--rls-sizing-x6)
6
6
  );
7
- --pvt-component-background: var(--rls-app-color-050);
7
+ --pvt-component-background: transparent;
8
8
  position: relative;
9
9
  display: flex;
10
10
  width: var(--pvt-dimension);
@@ -14,19 +14,26 @@
14
14
  outline: none;
15
15
  border-radius: 50%;
16
16
  box-sizing: border-box;
17
- background: var(--rls-app-color-300);
17
+ background: rgba(0, 0, 0, 0);
18
+ border: var(--rls-app-border-1-400);
18
19
  transition: all 160ms 0ms var(--rls-standard-curve);
19
20
  }
20
21
  .rls-radiobutton:hover {
21
22
  cursor: var(--rlc-radiobutton-cursor, initial);
22
23
  }
23
24
  .rls-radiobutton--checked {
24
- --pvt-component-background: var(--rls-theme-color-200);
25
- background: var(--rls-theme-color-400);
25
+ --pvt-component-background: var(--rls-app-color-050);
26
+ background: var(--rls-theme-color-500);
27
+ border: var(--rls-theme-border-1-500);
26
28
  }
27
29
  .rls-radiobutton--disabled {
28
30
  opacity: 0.5;
29
31
  pointer-events: none;
32
+ background: var(--rls-app-color-300);
33
+ border: none;
34
+ }
35
+ .rls-radiobutton--disabled.rls-radiobutton--checked {
36
+ --pvt-component-background: var(--rls-app-color-500);
30
37
  }
31
38
  .rls-radiobutton__component {
32
39
  width: var(--pvt-component-dimension);
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.scss"],"names":[],"mappings":"AAOA,iBACE,yEAEA,6FAKA,qDAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,aACA,kBACA,sBACA,oCACA,mDAEA,uBACE,8CAGF,0BACE,uDAEA,sCAGF,2BACE,WACA,oBAGF,4BACE,qCACA,sCACA,kBACA,2CACA","file":"RadioButton.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.scss"],"names":[],"mappings":"AAOA,iBACE,yEAEA,6FAKA,wCAEA,kBACA,aACA,2BACA,4BACA,uBACA,mBACA,aACA,kBACA,sBACA,yBACA,mCACA,mDAEA,uBACE,8CAGF,0BACE,qDAEA,sCACA,qCAGF,2BACE,WACA,oBACA,oCACA,YAEA,oDACE,qDAIJ,4BACE,qCACA,sCACA,kBACA,2CACA","file":"RadioButton.css"}
@@ -1,49 +1,54 @@
1
1
  .rls-switch {
2
- --pvt-component-padding: var(
3
- --rlc-switch-component-padding,
4
- var(--rls-sizing-x4) var(--rls-sizing-x1)
2
+ --pvt-component-background: var(--rls-app-color-400);
3
+ --pvt-component-height: var(
4
+ --rlc-switch-component-height,
5
+ var(--rls-sizing-x12)
5
6
  );
6
- --pvt-element-size: var(--rlc-switch-element-size, var(--rls-sizing-x12));
7
- --pvt-element-left: 0rem;
8
- --pvt-element-background: var(--rls-app-color-300);
9
- --pvt-bar-background: var(--rls-app-color-500);
7
+ --pvt-element-left: var(--rls-sizing-x2);
8
+ --pvt-element-width: var(--rlc-switch-element-width, var(--rls-sizing-x8));
9
+ --pvt-element-height: var(--rlc-switch-element-height, var(--rls-sizing-x8));
10
+ --pvt-element-radius: var(--rlc-switch-element-radius, 50%);
10
11
  max-width: var(--rlc-switch-max-width, var(--rls-sizing-x20));
11
12
  }
12
13
  .rls-switch:hover {
13
14
  cursor: var(--rlc-switch-cursor, initial);
14
15
  }
16
+ .rls-switch--capsule {
17
+ --pvt-component-height: var(--rls-sizing-x8);
18
+ --pvt-element-height: var(--rls-sizing-x4);
19
+ --pvt-element-radius: var(--rls-sizing-x4);
20
+ }
15
21
  .rls-switch--checked {
16
- --pvt-element-left: calc(100% - var(--pvt-element-size));
17
- --pvt-element-background: var(--rls-theme-color-200);
18
- --pvt-bar-background: var(--rls-theme-color-400);
22
+ --pvt-component-background: var(--rls-theme-color-500);
23
+ --pvt-element-left: calc(
24
+ 100% - var(--pvt-element-width) - var(--rls-sizing-x2)
25
+ );
19
26
  }
20
27
  .rls-switch--disabled {
28
+ --pvt-component-background: var(--rls-app-color-300);
21
29
  opacity: 0.5;
22
30
  pointer-events: none;
23
31
  }
32
+ .rls-switch--disabled.rls-switch--checked {
33
+ --pvt-component-background: var(--rls-theme-color-400);
34
+ }
24
35
  .rls-switch__component {
25
36
  position: relative;
26
37
  width: 100%;
27
- padding: var(--pvt-component-padding);
28
- box-sizing: border-box;
38
+ height: var(--pvt-component-height);
39
+ background: var(--pvt-component-background);
40
+ border-radius: var(--rls-sizing-x6);
29
41
  }
30
42
  .rls-switch__component__element {
31
43
  position: absolute;
32
- top: 0rem;
44
+ top: var(--rls-sizing-x2);
33
45
  left: var(--pvt-element-left);
34
- width: var(--pvt-element-size);
35
- height: var(--pvt-element-size);
36
- border-radius: 50%;
46
+ width: var(--pvt-element-width);
47
+ height: var(--pvt-element-height);
48
+ border-radius: var(--pvt-element-radius);
37
49
  padding: var(--rls-sizing-x2);
38
50
  box-sizing: border-box;
39
51
  z-index: var(--rls-z-index-2);
40
- background: var(--pvt-element-background);
52
+ background: var(--rls-app-color-050);
41
53
  transition: all 160ms var(--rls-standard-curve);
42
- }
43
- .rls-switch__component__bar {
44
- background: var(--pvt-bar-background);
45
- width: 100%;
46
- height: var(--rlc-switch-bar-height, var(--rls-sizing-x4));
47
- border-radius: var(--rlc-switch-bar-radius, var(--rls-sizing-x2));
48
- transition: all 160ms 0ms var(--rls-standard-curve);
49
54
  } /*# sourceMappingURL=Switch.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Switch/Switch.scss"],"names":[],"mappings":"AAOA,YACE,0GAKA,0EACA,yBACA,mDACA,+CAEA,6DAEA,kBACE,yCAGF,qBACE,yDACA,qDACA,iDAGF,sBACE,WACA,oBAGF,uBACE,kBACA,WACA,qCACA,sBAEA,gCACE,kBACA,SACA,6BACA,8BACA,+BACA,kBACA,6BACA,sBACA,6BACA,yCACA,+CAGF,4BACE,qCACA,WACA,0DACA,iEACA","file":"Switch.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Switch/Switch.scss"],"names":[],"mappings":"AAOA,YACE,qDACA,oFAKA,yCACA,2EACA,6EACA,4DAEA,6DAEA,kBACE,yCAGF,qBACE,6CACA,2CACA,2CAGF,qBACE,uDACA,mFAKF,sBACE,qDAEA,WACA,oBAEA,0CACE,uDAIJ,uBACE,kBACA,WACA,mCACA,2CACA,mCAEA,gCACE,kBACA,yBACA,6BACA,+BACA,iCACA,wCACA,6BACA,sBACA,6BACA,oCACA","file":"Switch.css"}
@@ -3,13 +3,14 @@ import { RlsComponent } from '../../definitions';
3
3
  import './Switch.css';
4
4
  interface SwitchProps extends RlsComponent {
5
5
  checked: boolean;
6
+ capsule?: boolean;
6
7
  disabled?: boolean;
7
8
  onClick?: () => void;
8
9
  }
9
- interface Props extends RlsComponent {
10
+ interface SwitchControlProps extends RlsComponent {
10
11
  disabled?: boolean;
11
12
  formControl: ReactControl<HTMLElement, boolean>;
12
13
  }
13
- export declare function RlsSwitch({ checked, disabled, identifier, onClick, rlsTheme }: SwitchProps): import("react/jsx-runtime").JSX.Element;
14
- export declare function RlsSwitchControl({ formControl, disabled, identifier, rlsTheme }: Props): import("react/jsx-runtime").JSX.Element;
14
+ export declare function RlsSwitch({ checked, capsule, disabled, identifier, onClick, rlsTheme }: SwitchProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare function RlsSwitchControl({ formControl, disabled, identifier, rlsTheme }: SwitchControlProps): import("react/jsx-runtime").JSX.Element;
15
16
  export {};