@rolster/react-components 18.10.7 → 18.10.9

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 (52) hide show
  1. package/dist/cjs/assets/{index-Fy0sGm5F.css → index-nrIFu6l7.css} +228 -228
  2. package/dist/cjs/index.js +0 -2
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-Fy0sGm5F.css → index-nrIFu6l7.css} +228 -228
  5. package/dist/es/index.js +0 -2
  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/Breadcrumb/Breadcrumb.css +3 -3
  9. package/dist/esm/components/atoms/Button/Button.css +8 -8
  10. package/dist/esm/components/atoms/ButtonAction/ButtonAction.css +10 -10
  11. package/dist/esm/components/atoms/CheckBox/CheckBox.css +4 -4
  12. package/dist/esm/components/atoms/Icon/Icon.css +1 -1
  13. package/dist/esm/components/atoms/InputPassword/InputPassword.css +2 -2
  14. package/dist/esm/components/atoms/MessageIcon/MessageIcon.css +4 -4
  15. package/dist/esm/components/atoms/Poster/Poster.css +1 -1
  16. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css +3 -3
  17. package/dist/esm/components/atoms/RadioButton/RadioButton.css +2 -2
  18. package/dist/esm/components/atoms/SearchInput/SearchInput.css +3 -3
  19. package/dist/esm/components/atoms/Skeleton/Skeleton.css +1 -1
  20. package/dist/esm/components/atoms/SkeletonText/SkeletonText.css +1 -1
  21. package/dist/esm/components/atoms/Switch/Switch.css +6 -6
  22. package/dist/esm/components/molecules/Ballot/Ballot.css +7 -7
  23. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css +8 -8
  24. package/dist/esm/components/molecules/CheckBoxLabel/CheckBoxLabel.css +4 -4
  25. package/dist/esm/components/molecules/DayPicker/DayPicker.css +9 -9
  26. package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.css +9 -9
  27. package/dist/esm/components/molecules/MoneyField/MoneyField.css +1 -1
  28. package/dist/esm/components/molecules/MonthPicker/MonthPicker.css +4 -4
  29. package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.css +3 -3
  30. package/dist/esm/components/molecules/NumberField/NumberField.css +1 -1
  31. package/dist/esm/components/molecules/Pagination/Pagination.css +15 -15
  32. package/dist/esm/components/molecules/PasswordField/PasswordField.css +4 -4
  33. package/dist/esm/components/molecules/RadioButtonLabel/RadioButtonLabel.css +4 -4
  34. package/dist/esm/components/molecules/SwitchLabel/SwitchLabel.css +5 -5
  35. package/dist/esm/components/molecules/TextField/TextField.css +1 -1
  36. package/dist/esm/components/molecules/Toolbar/Toolbar.css +6 -6
  37. package/dist/esm/components/molecules/YearPicker/YearPicker.css +10 -10
  38. package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.css +10 -10
  39. package/dist/esm/components/organisms/AutocompleteField/AutocompleteFieldHook.js +0 -1
  40. package/dist/esm/components/organisms/AutocompleteField/AutocompleteFieldHook.js.map +1 -1
  41. package/dist/esm/components/organisms/Card/Card.css +1 -1
  42. package/dist/esm/components/organisms/Confirmation/Confirmation.css +10 -10
  43. package/dist/esm/components/organisms/DateField/DateField.css +7 -7
  44. package/dist/esm/components/organisms/DatePicker/DatePicker.css +14 -14
  45. package/dist/esm/components/organisms/DateRangeField/DateRangeField.css +7 -7
  46. package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.css +15 -15
  47. package/dist/esm/components/organisms/FormNavigation/FormNavigation.css +10 -10
  48. package/dist/esm/components/organisms/Modal/Modal.css +2 -2
  49. package/dist/esm/components/organisms/SelectField/SelectFieldHook.js +0 -1
  50. package/dist/esm/components/organisms/SelectField/SelectFieldHook.js.map +1 -1
  51. package/dist/esm/components/organisms/Snackbar/Snackbar.css +11 -11
  52. package/package.json +2 -2
package/dist/esm/components/molecules/SwitchLabel/SwitchLabel.css CHANGED
@@ -1,11 +1,11 @@
1
1
  .rls-switch-label {
2
2
  --pvt-text-opacity: 1;
3
- --pvt-text-height: var(--sizing-24);
3
+ --pvt-text-height: var(--sizing-x12);
4
4
  --pvt-text-overflow: hidden;
5
5
  --pvt-text-white-space: nowrap;
6
6
  --pvt-text-text-overflow: ellipsis;
7
7
  display: flex;
8
- column-gap: var(--sizing-8);
8
+ column-gap: var(--sizing-x4);
9
9
  }
10
10
  .rls-switch-label--disabled {
11
11
  --pvt-text-opacity: 0.5;
@@ -18,13 +18,13 @@
18
18
  --pvt-text-height: auto;
19
19
  }
20
20
  .rls-switch-label__component {
21
- max-width: 2.5rem;
21
+ max-width: 20rem;
22
22
  }
23
23
  .rls-switch-label__text {
24
24
  float: left;
25
- max-width: calc(100% - var(--sizing-56));
25
+ max-width: calc(100% - var(--sizing-x28));
26
26
  height: var(--pvt-text-height);
27
- line-height: var(--sizing-24);
27
+ line-height: var(--sizing-x12);
28
28
  color: var(--color-theme-300);
29
29
  font-size: var(--label-font-size);
30
30
  font-weight: var(--font-weight-medium);
package/dist/esm/components/molecules/TextField/TextField.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .rls-text-field {
2
- --rls-input-parent-padding: var(--sizing-6) var(--sizing-8);
2
+ --rls-input-parent-padding: var(--sizing-x3) var(--sizing-x4);
3
3
  position: relative;
4
4
  float: left;
5
5
  width: 100%;
package/dist/esm/components/molecules/Toolbar/Toolbar.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .rls-toolbar {
2
2
  display: flex;
3
3
  justify-content: space-between;
4
- column-gap: var(--sizing-12);
4
+ column-gap: var(--sizing-x6);
5
5
  height: var(--rls-toolbar-height);
6
6
  }
7
7
  .rls-toolbar > * {
@@ -10,13 +10,13 @@
10
10
  .rls-toolbar__content {
11
11
  display: flex;
12
12
  height: 100%;
13
- padding: var(--sizing-4) var(--sizing-12);
13
+ padding: var(--sizing-x2) var(--sizing-x6);
14
14
  box-sizing: border-box;
15
15
  margin: auto 0rem;
16
16
  }
17
17
  .rls-toolbar__description {
18
18
  overflow: hidden;
19
- padding: 0rem var(--sizing-4);
19
+ padding: 0rem var(--sizing-x2);
20
20
  box-sizing: border-box;
21
21
  margin: auto 0rem;
22
22
  }
@@ -30,8 +30,8 @@
30
30
  }
31
31
  .rls-toolbar__title {
32
32
  color: var(--color-theme-500);
33
- height: var(--sizing-24);
34
- line-height: var(--sizing-24);
33
+ height: var(--sizing-x12);
34
+ line-height: var(--sizing-x12);
35
35
  font-size: 1.0125rem;
36
36
  letter-spacing: var(--label-letter-spacing);
37
37
  font-weight: var(--font-weight-bold);
@@ -43,7 +43,7 @@
43
43
  display: flex;
44
44
  box-sizing: border-box;
45
45
  margin: auto 0rem;
46
- column-gap: var(--sizing-16);
46
+ column-gap: var(--sizing-x8);
47
47
  }
48
48
  .rls-toolbar__actions > * {
49
49
  margin: auto 0rem;
package/dist/esm/components/molecules/YearPicker/YearPicker.css CHANGED
@@ -10,21 +10,21 @@
10
10
  .rls-year-picker__header {
11
11
  display: flex;
12
12
  box-sizing: border-box;
13
- padding: var(--sizing-8) var(--sizing-12);
13
+ padding: var(--sizing-x4) var(--sizing-x6);
14
14
  color: var(--color-theme-500);
15
15
  background: var(--background-theme-100);
16
16
  }
17
17
  .rls-year-picker__title {
18
18
  width: 100%;
19
- height: var(--sizing-32);
20
- line-height: var(--sizing-32);
19
+ height: var(--sizing-x16);
20
+ line-height: var(--sizing-x16);
21
21
  text-align: center;
22
22
  font-weight: var(--font-weight-bold);
23
23
  }
24
24
  .rls-year-picker__action {
25
- width: var(--sizing-32);
26
- height: var(--sizing-32);
27
- line-height: var(--sizing-32);
25
+ width: var(--sizing-x16);
26
+ height: var(--sizing-x16);
27
+ line-height: var(--sizing-x16);
28
28
  }
29
29
  .rls-year-picker__action button {
30
30
  color: var(--color-theme-500);
@@ -40,10 +40,10 @@
40
40
  position: relative;
41
41
  display: grid;
42
42
  grid-template-columns: repeat(3, 1fr);
43
- gap: var(--sizing-8);
43
+ gap: var(--sizing-x4);
44
44
  width: 100%;
45
45
  float: left;
46
- padding: var(--sizing-8);
46
+ padding: var(--sizing-x4);
47
47
  box-sizing: border-box;
48
48
  }
49
49
  .rls-year-picker__year {
@@ -52,8 +52,8 @@
52
52
  display: flex;
53
53
  box-sizing: border-box;
54
54
  text-align: center;
55
- height: var(--sizing-36);
56
- border-radius: var(--sizing-8);
55
+ height: var(--sizing-x18);
56
+ border-radius: var(--sizing-x4);
57
57
  color: var(--color-theme-300);
58
58
  }
59
59
  .rls-year-picker__year:hover {
package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --pvt-control-opacity: 1;
4
4
  }
5
5
  .rls-autocomplete-field.rls-box-field--selected {
6
- --pvt-control-width: calc(100% - var(--sizing-28));
6
+ --pvt-control-width: calc(100% - var(--sizing-x14));
7
7
  }
8
8
  .rls-autocomplete-field.rls-box-field--disabled {
9
9
  --pvt-control-opacity: 0.5;
@@ -19,11 +19,11 @@
19
19
  display: flex;
20
20
  align-items: center;
21
21
  width: 100%;
22
- margin-top: var(--sizing-4);
23
- margin-bottom: var(--sizing-12);
22
+ margin-top: var(--sizing-x2);
23
+ margin-bottom: var(--sizing-x6);
24
24
  background: var(--background-theme-300);
25
- border-radius: var(--sizing-8);
26
- padding: var(--sizing-8);
25
+ border-radius: var(--sizing-x4);
26
+ padding: var(--sizing-x4);
27
27
  box-sizing: border-box;
28
28
  }
29
29
  .rls-autocomplete-field .rls-list-field__ul__search button {
@@ -40,8 +40,8 @@
40
40
  }
41
41
  .rls-autocomplete-field .rls-list-field__ul__control {
42
42
  width: 100%;
43
- height: var(--sizing-24);
44
- line-height: var(--sizing-24);
43
+ height: var(--sizing-x12);
44
+ line-height: var(--sizing-x12);
45
45
  padding: 0rem;
46
46
  cursor: text;
47
47
  border: none;
@@ -63,11 +63,11 @@
63
63
  opacity: 0.5;
64
64
  }
65
65
  .rls-autocomplete-field .rls-list-field__ul .rls-progress-bar {
66
- margin-bottom: var(--sizing-16);
66
+ margin-bottom: var(--sizing-x8);
67
67
  }
68
68
  .rls-autocomplete-field .rls-list-field__element .rls-ballot__title label {
69
69
  background: var(--color-rolster-100);
70
70
  color: var(--color-rolster-500);
71
- padding: 0rem var(--sizing-4);
72
- border-radius: var(--sizing-4);
71
+ padding: 0rem var(--sizing-x2);
72
+ border-radius: var(--sizing-x2);
73
73
  }
package/dist/esm/components/organisms/AutocompleteField/AutocompleteFieldHook.js CHANGED
@@ -36,7 +36,6 @@ export function useAutocompleteField({ disabled, formControl, onSelect, onValue,
36
36
  }
37
37
  else {
38
38
  setValue('');
39
- setFormState(undefined);
40
39
  }
41
40
  }
42
41
  else {
package/dist/esm/components/organisms/AutocompleteField/AutocompleteFieldHook.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AutocompleteFieldHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/AutocompleteField/AutocompleteFieldHook.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AutocompleteFieldHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/AutocompleteField/AutocompleteFieldHook.ts"],"names":[],"mappings":"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"}
package/dist/esm/components/organisms/Card/Card.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .rls-card {
2
2
  background: var(--background-theme-500);
3
- border-radius: var(--sizing-8);
3
+ border-radius: var(--sizing-x4);
4
4
  box-shadow: var(--shadow-center-light-8);
5
5
  }
6
6
  .rls-card--outline {
package/dist/esm/components/organisms/Confirmation/Confirmation.css CHANGED
@@ -40,16 +40,16 @@
40
40
  position: absolute;
41
41
  display: flex;
42
42
  flex-direction: column;
43
- row-gap: var(--sizing-16);
44
- width: calc(100% - var(--sizing-32));
43
+ row-gap: var(--sizing-x8);
44
+ width: calc(100% - var(--sizing-x16));
45
45
  max-width: 35rem;
46
46
  height: var(--pvt-component-height);
47
47
  opacity: var(--pvt-component-opacity);
48
48
  visibility: var(--pvt-component-visibility);
49
- padding: var(--sizing-16) 0rem;
49
+ padding: var(--sizing-x8) 0rem;
50
50
  box-sizing: border-box;
51
51
  z-index: var(--z-index-2);
52
- border-radius: var(--sizing-8);
52
+ border-radius: var(--sizing-x4);
53
53
  background: var(--background-theme-500);
54
54
  box-shadow: var(--shadow-4);
55
55
  will-change: transform;
@@ -62,9 +62,9 @@
62
62
  position: relative;
63
63
  display: flex;
64
64
  flex-direction: column;
65
- row-gap: var(--sizing-4);
65
+ row-gap: var(--sizing-x2);
66
66
  width: 100%;
67
- padding: 0rem var(--sizing-16);
67
+ padding: 0rem var(--sizing-x8);
68
68
  box-sizing: border-box;
69
69
  }
70
70
  .rls-confirmation__header__title {
@@ -88,7 +88,7 @@
88
88
  .rls-confirmation__body {
89
89
  position: relative;
90
90
  width: 100%;
91
- padding: 0rem var(--sizing-16);
91
+ padding: 0rem var(--sizing-x8);
92
92
  box-sizing: border-box;
93
93
  }
94
94
  .rls-confirmation__body__content {
@@ -104,7 +104,7 @@
104
104
  .rls-confirmation__footer {
105
105
  position: relative;
106
106
  width: 100%;
107
- padding: var(--sizing-8) var(--sizing-16) 0rem var(--sizing-16);
107
+ padding: var(--sizing-x4) var(--sizing-x8) 0rem var(--sizing-x8);
108
108
  box-sizing: border-box;
109
109
  }
110
110
  .rls-confirmation__footer__actions {
@@ -113,7 +113,7 @@
113
113
  display: flex;
114
114
  flex-direction: row-reverse;
115
115
  justify-content: center;
116
- column-gap: var(--sizing-16);
116
+ column-gap: var(--sizing-x8);
117
117
  }
118
118
  .rls-confirmation__backdrop {
119
119
  position: absolute;
@@ -144,6 +144,6 @@
144
144
  .rls-confirmation__footer__actions {
145
145
  flex-direction: column-reverse;
146
146
  column-gap: 0rem;
147
- row-gap: var(--sizing-16);
147
+ row-gap: var(--sizing-x8);
148
148
  }
149
149
  }
package/dist/esm/components/organisms/DateField/DateField.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .rls-date-field {
2
- --rls-boxfield-body-padding: var(--sizing-6) var(--sizing-8);
2
+ --rls-boxfield-body-padding: var(--sizing-x3) var(--sizing-x4);
3
3
  position: relative;
4
4
  float: left;
5
5
  width: 100%;
@@ -8,9 +8,9 @@
8
8
  .rls-date-field__control {
9
9
  position: relative;
10
10
  float: left;
11
- width: calc(100% - var(--sizing-28));
12
- height: var(--sizing-24);
13
- line-height: var(--sizing-24);
11
+ width: calc(100% - var(--sizing-x14));
12
+ height: var(--sizing-x12);
13
+ line-height: var(--sizing-x12);
14
14
  padding: 0rem;
15
15
  cursor: default;
16
16
  border: none;
@@ -29,10 +29,10 @@
29
29
  }
30
30
  .rls-date-field__action {
31
31
  color: var(--color-theme-300);
32
- width: var(--sizing-24);
33
- height: var(--sizing-24);
32
+ width: var(--sizing-x12);
33
+ height: var(--sizing-x12);
34
34
  padding: 0rem;
35
- margin-left: var(--sizing-4);
35
+ margin-left: var(--sizing-x2);
36
36
  background: transparent;
37
37
  }
38
38
  .rls-date-field__action:disabled {
package/dist/esm/components/organisms/DatePicker/DatePicker.css CHANGED
@@ -7,9 +7,9 @@
7
7
  }
8
8
  .rls-date-picker__header {
9
9
  background: var(--color-rolster-100);
10
- padding: var(--sizing-8);
10
+ padding: var(--sizing-x4);
11
11
  box-sizing: border-box;
12
- margin-bottom: var(--sizing-16);
12
+ margin-bottom: var(--sizing-x8);
13
13
  }
14
14
  .rls-date-picker__title {
15
15
  color: var(--color-theme-500);
@@ -21,23 +21,23 @@
21
21
  color: var(--color-rolster-500);
22
22
  }
23
23
  .rls-date-picker__title--description {
24
- height: var(--sizing-32);
25
- line-height: var(--sizing-32);
24
+ height: var(--sizing-x16);
25
+ line-height: var(--sizing-x16);
26
26
  font-size: 1.15rem;
27
27
  }
28
28
  .rls-date-picker__title--year {
29
- margin: var(--sizing-8) 0rem var(--sizing-4) 0rem;
30
- height: var(--sizing-32);
31
- line-height: var(--sizing-32);
32
- font-size: var(--sizing-24);
29
+ margin: var(--sizing-x4) 0rem var(--sizing-x2) 0rem;
30
+ height: var(--sizing-x16);
31
+ line-height: var(--sizing-x16);
32
+ font-size: var(--sizing-x12);
33
33
  color: var(--color-theme-300);
34
34
  }
35
35
  .rls-date-picker__component {
36
36
  display: flex;
37
37
  width: 18.75rem;
38
- padding: 0rem var(--sizing-4);
38
+ padding: 0rem var(--sizing-x2);
39
39
  box-sizing: border-box;
40
- margin-bottom: var(--sizing-8);
40
+ margin-bottom: var(--sizing-x4);
41
41
  }
42
42
  .rls-date-picker__component > * {
43
43
  margin: 0rem auto;
@@ -58,16 +58,16 @@
58
58
  .rls-date-picker__actions {
59
59
  display: flex;
60
60
  flex-wrap: wrap;
61
- gap: var(--sizing-8);
62
- padding: var(--sizing-8) var(--sizing-16) var(--sizing-12) var(--sizing-16);
61
+ gap: var(--sizing-x4);
62
+ padding: var(--sizing-x4) var(--sizing-x8) var(--sizing-x6) var(--sizing-x8);
63
63
  overflow: hidden;
64
64
  box-sizing: border-box;
65
65
  }
66
66
  .rls-date-picker__actions--cancel {
67
- width: calc(50% - var(--sizing-4));
67
+ width: calc(50% - var(--sizing-x2));
68
68
  }
69
69
  .rls-date-picker__actions--today {
70
- width: calc(50% - var(--sizing-4));
70
+ width: calc(50% - var(--sizing-x2));
71
71
  }
72
72
  .rls-date-picker__actions--ok {
73
73
  width: 100%;
package/dist/esm/components/organisms/DateRangeField/DateRangeField.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .rls-date-range-field {
2
- --rls-boxfield-body-padding: var(--sizing-6) var(--sizing-8);
2
+ --rls-boxfield-body-padding: var(--sizing-x3) var(--sizing-x4);
3
3
  position: relative;
4
4
  float: left;
5
5
  width: 100%;
@@ -8,9 +8,9 @@
8
8
  .rls-date-range-field__control {
9
9
  position: relative;
10
10
  float: left;
11
- width: calc(100% - var(--sizing-28));
12
- height: var(--sizing-24);
13
- line-height: var(--sizing-24);
11
+ width: calc(100% - var(--sizing-x14));
12
+ height: var(--sizing-x12);
13
+ line-height: var(--sizing-x12);
14
14
  padding: 0rem;
15
15
  cursor: default;
16
16
  border: none;
@@ -29,9 +29,9 @@
29
29
  }
30
30
  .rls-date-range-field__action {
31
31
  color: var(--color-theme-300);
32
- width: var(--sizing-24);
33
- height: var(--sizing-24);
32
+ width: var(--sizing-x12);
33
+ height: var(--sizing-x12);
34
34
  padding: 0rem;
35
- margin-left: var(--sizing-4);
35
+ margin-left: var(--sizing-x2);
36
36
  background: transparent;
37
37
  }
package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.css CHANGED
@@ -6,9 +6,9 @@
6
6
  }
7
7
  .rls-date-range-picker__header {
8
8
  background: var(--color-rolster-100);
9
- padding: var(--sizing-8);
9
+ padding: var(--sizing-x4);
10
10
  box-sizing: border-box;
11
- margin-bottom: var(--sizing-16);
11
+ margin-bottom: var(--sizing-x8);
12
12
  }
13
13
  .rls-date-range-picker__title {
14
14
  color: var(--color-theme-500);
@@ -20,15 +20,15 @@
20
20
  color: var(--color-rolster-500);
21
21
  }
22
22
  .rls-date-range-picker__title--description {
23
- height: var(--sizing-32);
24
- line-height: var(--sizing-32);
23
+ height: var(--sizing-x16);
24
+ line-height: var(--sizing-x16);
25
25
  font-size: 1.15rem;
26
26
  }
27
27
  .rls-date-range-picker__title--year {
28
- margin: var(--sizing-8) 0rem var(--sizing-4) 0rem;
29
- height: var(--sizing-32);
30
- line-height: var(--sizing-32);
31
- font-size: var(--sizing-24);
28
+ margin: var(--sizing-x4) 0rem var(--sizing-x2) 0rem;
29
+ height: var(--sizing-x16);
30
+ line-height: var(--sizing-x16);
31
+ font-size: var(--sizing-x12);
32
32
  color: var(--color-theme-300);
33
33
  }
34
34
  .rls-date-range-picker__title--month {
@@ -36,17 +36,17 @@
36
36
  justify-content: space-between;
37
37
  }
38
38
  .rls-date-range-picker__title--month span {
39
- height: var(--sizing-28);
40
- line-height: var(--sizing-28);
41
- font-size: var(--sizing-20);
39
+ height: var(--sizing-x14);
40
+ line-height: var(--sizing-x14);
41
+ font-size: var(--sizing-x10);
42
42
  color: var(--color-theme-300);
43
43
  margin: auto 0rem;
44
44
  }
45
45
  .rls-date-range-picker__component {
46
46
  display: flex;
47
- padding: 0rem var(--sizing-4);
47
+ padding: 0rem var(--sizing-x2);
48
48
  box-sizing: border-box;
49
- margin-bottom: var(--sizing-8);
49
+ margin-bottom: var(--sizing-x4);
50
50
  }
51
51
  .rls-date-range-picker__component > * {
52
52
  margin: 0rem auto;
@@ -65,7 +65,7 @@
65
65
  display: none;
66
66
  }
67
67
  .rls-date-range-picker__actions {
68
- padding: var(--sizing-8) var(--sizing-16) var(--sizing-12) var(--sizing-16);
68
+ padding: var(--sizing-x4) var(--sizing-x8) var(--sizing-x6) var(--sizing-x8);
69
69
  overflow: hidden;
70
70
  box-sizing: border-box;
71
71
  }
@@ -73,7 +73,7 @@
73
73
  width: 100%;
74
74
  }
75
75
  .rls-date-range-picker__actions--ok {
76
- margin-top: var(--sizing-8);
76
+ margin-top: var(--sizing-x4);
77
77
  width: 100%;
78
78
  }
79
79
  .rls-date-range-picker__actions button {
package/dist/esm/components/organisms/FormNavigation/FormNavigation.css CHANGED
@@ -1,29 +1,29 @@
1
1
  .rls-form-navigation {
2
2
  position: fixed;
3
- top: var(--sizing-16);
4
- right: var(--sizing-16);
5
- width: calc(100% - var(--sizing-32));
3
+ top: var(--sizing-x8);
4
+ right: var(--sizing-x8);
5
+ width: calc(100% - var(--sizing-x16));
6
6
  max-width: 20rem;
7
7
  height: auto;
8
- max-height: calc(100vh - var(--sizing-32));
8
+ max-height: calc(100vh - var(--sizing-x16));
9
9
  z-index: var(--z-index-12);
10
- padding: var(--sizing-16) var(--sizing-16) var(--sizing-24) var(--sizing-16);
10
+ padding: var(--sizing-x8) var(--sizing-x8) var(--sizing-x12) var(--sizing-x8);
11
11
  box-sizing: border-box;
12
12
  background: var(--background-theme-500);
13
- border-radius: var(--sizing-8);
13
+ border-radius: var(--sizing-x4);
14
14
  box-shadow: var(--shadow-center-dark-8);
15
- transform: translateX(calc(100% + var(--sizing-32)));
15
+ transform: translateX(calc(100% + var(--sizing-x16)));
16
16
  transition: transform 240ms 0ms var(--standard-curve);
17
17
  }
18
18
  .rls-form-navigation--visible {
19
19
  transform: translateX(0%);
20
20
  }
21
21
  .rls-form-navigation__header {
22
- margin-bottom: var(--sizing-16);
22
+ margin-bottom: var(--sizing-x8);
23
23
  }
24
24
  .rls-form-navigation__header .rls-button-action {
25
- width: var(--sizing-24);
26
- height: var(--sizing-24);
25
+ width: var(--sizing-x12);
26
+ height: var(--sizing-x12);
27
27
  padding: 0rem;
28
28
  float: right;
29
29
  }
package/dist/esm/components/organisms/Modal/Modal.css CHANGED
@@ -28,13 +28,13 @@
28
28
  .rls-modal__component {
29
29
  position: absolute;
30
30
  width: auto;
31
- max-width: calc(100% - var(--sizing-16));
31
+ max-width: calc(100% - var(--sizing-x8));
32
32
  height: var(--pvt-component-height);
33
33
  opacity: var(--pvt-component-opacity);
34
34
  visibility: var(--pvt-component-visibility);
35
35
  z-index: var(--z-index-2);
36
36
  overflow: hidden;
37
- border-radius: var(--sizing-8);
37
+ border-radius: var(--sizing-x4);
38
38
  background: var(--background-theme-500);
39
39
  will-change: transform;
40
40
  transform: var(--pvt-component-transform);
package/dist/esm/components/organisms/SelectField/SelectFieldHook.js CHANGED
@@ -20,7 +20,6 @@ export function useSelectField({ suggestions, formControl, onSelect, onValue })
20
20
  }
21
21
  else {
22
22
  setValue('');
23
- setFormState(undefined);
24
23
  }
25
24
  }
26
25
  else {
package/dist/esm/components/organisms/SelectField/SelectFieldHook.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectFieldHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectFieldHook.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SelectFieldHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectFieldHook.ts"],"names":[],"mappings":"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"}
package/dist/esm/components/organisms/Snackbar/Snackbar.css CHANGED
@@ -1,16 +1,16 @@
1
1
  .rls-snackbar {
2
2
  position: fixed;
3
3
  display: flex;
4
- column-gap: var(--sizing-12);
4
+ column-gap: var(--sizing-x6);
5
5
  bottom: 0rem;
6
6
  left: var(--rls-snackbar-left);
7
7
  z-index: 32;
8
8
  width: auto;
9
9
  height: auto;
10
10
  max-width: 30rem;
11
- padding: var(--sizing-12);
11
+ padding: var(--sizing-x6);
12
12
  box-sizing: border-box;
13
- border-radius: var(--sizing-8);
13
+ border-radius: var(--sizing-x4);
14
14
  background: var(--background-theme-500);
15
15
  box-shadow: var(--shadow-bottom-light-4);
16
16
  border: var(--border-1-rolster-300);
@@ -19,7 +19,7 @@
19
19
  transition: transform 160ms 0ms var(--standard-curve);
20
20
  }
21
21
  .rls-snackbar--visible {
22
- transform: translate(-50%, calc(0% - var(--sizing-16)));
22
+ transform: translate(-50%, calc(0% - var(--sizing-x8)));
23
23
  }
24
24
  .rls-snackbar__avatar {
25
25
  --rls-icon-color: var(--color-light-500);
@@ -28,17 +28,17 @@
28
28
  align-items: center;
29
29
  overflow: hidden;
30
30
  background: var(--color-rolster-500);
31
- width: var(--sizing-36);
32
- height: var(--sizing-36);
33
- border-radius: var(--sizing-8);
31
+ width: var(--sizing-x18);
32
+ height: var(--sizing-x18);
33
+ border-radius: var(--sizing-x4);
34
34
  }
35
35
  .rls-snackbar__avatar + .rls-snackbar__component {
36
- width: calc(100% - var(--sizing-36));
36
+ width: calc(100% - var(--sizing-x18));
37
37
  }
38
38
  .rls-snackbar__component {
39
39
  display: flex;
40
40
  flex-direction: column;
41
- row-gap: var(--sizing-4);
41
+ row-gap: var(--sizing-x2);
42
42
  }
43
43
  .rls-snackbar__title {
44
44
  overflow: hidden;
@@ -50,7 +50,7 @@
50
50
  letter-spacing: var(--body-letter-spacing);
51
51
  }
52
52
  .rls-snackbar__content p {
53
- line-height: var(--sizing-20);
53
+ line-height: var(--sizing-x10);
54
54
  color: var(--color-theme-300);
55
55
  font-size: var(--label-font-size);
56
56
  font-weight: var(--font-weight-medium);
@@ -59,6 +59,6 @@
59
59
 
60
60
  @media only screen and (max-width: 375px) {
61
61
  .rls-snackbar {
62
- width: calc(100% - var(--sizing-24));
62
+ width: calc(100% - var(--sizing-x12));
63
63
  }
64
64
  }