@rolster/react-components 18.21.14 → 18.21.16

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 (44) hide show
  1. package/dist/cjs/assets/{index-ogdfILLi.css → index-gIb32nSW.css} +82 -82
  2. package/dist/cjs/index.js +3 -3
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-ogdfILLi.css → index-gIb32nSW.css} +82 -82
  5. package/dist/es/index.js +3 -3
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css +2 -2
  8. package/dist/esm/components/atoms/Button/Button.css +2 -2
  9. package/dist/esm/components/atoms/ButtonAction/ButtonAction.css +2 -2
  10. package/dist/esm/components/atoms/Input/Input.css +2 -2
  11. package/dist/esm/components/atoms/InputPassword/InputPassword.css +2 -2
  12. package/dist/esm/components/atoms/MessageIcon/MessageIcon.css +1 -1
  13. package/dist/esm/components/atoms/Poster/Poster.css +3 -3
  14. package/dist/esm/components/atoms/Switch/Switch.css +3 -3
  15. package/dist/esm/components/definitions.d.ts +1 -1
  16. package/dist/esm/components/molecules/Ballot/Ballot.css +2 -2
  17. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css +4 -4
  18. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css +1 -1
  19. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css +1 -1
  20. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css +1 -1
  21. package/dist/esm/components/molecules/Pagination/Pagination.css +5 -5
  22. package/dist/esm/components/molecules/PickerDay/PickerDay.css +7 -7
  23. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css +8 -8
  24. package/dist/esm/components/molecules/PickerMonth/PickerMonth.css +2 -2
  25. package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css +1 -1
  26. package/dist/esm/components/molecules/PickerYear/PickerYear.css +7 -7
  27. package/dist/esm/components/molecules/Toolbar/Toolbar.css +2 -2
  28. package/dist/esm/components/organisms/Card/Card.css +1 -1
  29. package/dist/esm/components/organisms/Confirmation/Confirmation.css +3 -3
  30. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css +5 -5
  31. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +2 -2
  32. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
  33. package/dist/esm/components/organisms/FieldDate/FieldDate.css +3 -3
  34. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +2 -2
  35. package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +2 -2
  36. package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
  37. package/dist/esm/components/organisms/FormNavigation/FormNavigation.css +1 -1
  38. package/dist/esm/components/organisms/Modal/Modal.css +1 -1
  39. package/dist/esm/components/organisms/PickerDate/PickerDate.css +2 -2
  40. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css +3 -3
  41. package/dist/esm/components/organisms/Snackbar/Snackbar.css +3 -3
  42. package/dist/esm/controllers/ListController.js +1 -1
  43. package/dist/esm/controllers/ListController.js.map +1 -1
  44. package/package.json +5 -5
package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .rls-breadcrumb {
2
- --pvt-link-font-color: var(--rls-app-color-300);
2
+ --pvt-link-font-color: var(--rls-app-color-600);
3
3
  display: -webkit-box;
4
4
  width: 100%;
5
5
  height: var(--rlc-breadcrumb-height);
@@ -9,7 +9,7 @@
9
9
  user-select: none;
10
10
  overflow: auto;
11
11
  overflow-y: hidden;
12
- color: var(--rls-app-color-300);
12
+ color: var(--rls-app-color-600);
13
13
  font-weight: var(--rls-font-weight-medium);
14
14
  }
15
15
  .rls-breadcrumb::-webkit-scrollbar {
package/dist/esm/components/atoms/Button/Button.css CHANGED
@@ -15,7 +15,7 @@
15
15
  --pvt-stroked-font-color: var(--rls-theme-color-500);
16
16
  --pvt-stroked-border: var(--rls-theme-border-1-500);
17
17
  --pvt-outline-background: transparent;
18
- --pvt-outline-font-color: var(--rls-app-color-300);
18
+ --pvt-outline-font-color: var(--rls-app-color-600);
19
19
  --pvt-outline-border: var(--rls-app-border-1-300);
20
20
  --pvt-ghost-background: none;
21
21
  --pvt-ghost-font-color: var(--rls-theme-color-500);
@@ -67,7 +67,7 @@
67
67
  --pvt-stroked-font-color: var(--rls-theme-color-300);
68
68
  --pvt-stroked-border: var(--rls-theme-border-1-300);
69
69
  --pvt-outline-background: transparent;
70
- --pvt-outline-font-color: var(--rls-app-color-100);
70
+ --pvt-outline-font-color: var(--rls-app-color-400);
71
71
  --pvt-outline-border: var(--rls-app-border-1-100);
72
72
  --pvt-ghost-background: transparent;
73
73
  --pvt-ghost-font-color: var(--rls-theme-color-300);
package/dist/esm/components/atoms/ButtonAction/ButtonAction.css CHANGED
@@ -72,8 +72,8 @@
72
72
  white-space: nowrap;
73
73
  pointer-events: none;
74
74
  transform: translateX(-50%);
75
- background: var(--rls-dark-color-500);
76
- color: var(--rls-light-color-500);
75
+ background: var(--rls-app-color-900);
76
+ color: var(--rls-app-color-050);
77
77
  transition: opacity 200ms 0ms var(--rls-deceleration-curve);
78
78
  opacity: var(--pvt-tooltip-opacity);
79
79
  transition-delay: var(--pvt-tooltip-transition-delay);
package/dist/esm/components/atoms/Input/Input.css CHANGED
@@ -34,11 +34,11 @@
34
34
  -webkit-appearance: none;
35
35
  }
36
36
  .rls-input__component::placeholder {
37
- color: var(--rls-app-color-100);
37
+ color: var(--rls-app-color-400);
38
38
  }
39
39
  .rls-input__component::selection {
40
40
  background: var(--rls-theme-color-700);
41
- color: var(--rls-light-color-500);
41
+ color: var(--rls-app-color-050);
42
42
  }
43
43
  .rls-input__component:disabled {
44
44
  opacity: 0.5;
package/dist/esm/components/atoms/InputPassword/InputPassword.css CHANGED
@@ -25,11 +25,11 @@
25
25
  -webkit-appearance: none;
26
26
  }
27
27
  .rls-input-password__component::placeholder {
28
- color: var(--rls-app-color-100);
28
+ color: var(--rls-app-color-400);
29
29
  }
30
30
  .rls-input-password__component::selection {
31
31
  background: var(--rls-theme-color-700);
32
- color: var(--rls-light-color-500);
32
+ color: var(--rls-app-color-050);
33
33
  }
34
34
  .rls-input-password__component:disabled {
35
35
  opacity: 0.5;
package/dist/esm/components/atoms/MessageIcon/MessageIcon.css CHANGED
@@ -8,5 +8,5 @@
8
8
  .rls-message-icon span {
9
9
  font-size: var(--rls-caption-font-size);
10
10
  letter-spacing: var(--rls-caption-letter-spacing);
11
- color: var(--rls-app-color-300);
11
+ color: var(--rls-app-color-600);
12
12
  }
package/dist/esm/components/atoms/Poster/Poster.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .rls-poster {
2
2
  --pvt-background: var(--rls-theme-color-100);
3
3
  --pvt-border-content: none;
4
- --pvt-border-color: var(--rls-app-color-100);
4
+ --pvt-border-color: var(--rls-app-color-400);
5
5
  position: relative;
6
6
  display: block;
7
7
  width: auto;
@@ -13,8 +13,8 @@
13
13
  padding: var(--rlc-poster-padding);
14
14
  text-align: var(--rlc-poster-text-align);
15
15
  border-radius: var(--rls-sizing-x2);
16
- color: var(--rls-app-color-300);
17
- background: var(--rls-app-background-100);
16
+ color: var(--rls-app-color-600);
17
+ background: var(--rls-app-color-200);
18
18
  border: var(--pvt-border-content);
19
19
  }
20
20
  .rls-poster[rls-theme] {
package/dist/esm/components/atoms/Switch/Switch.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .rls-switch {
2
2
  --pvt-element-left: var(--rls-sizing-x1);
3
- --pvt-element-background: var(--rls-app-background-500);
4
- --pvt-bar-background: var(--rls-app-background-100);
3
+ --pvt-element-background: var(--rls-app-color-050);
4
+ --pvt-bar-background: var(--rls-app-color-200);
5
5
  max-width: var(--rls-sizing-x20);
6
6
  }
7
7
  .rls-switch:hover {
@@ -34,7 +34,7 @@
34
34
  padding: var(--rls-sizing-x2);
35
35
  box-sizing: border-box;
36
36
  border-radius: 50%;
37
- background: var(--rls-app-background-500);
37
+ background: var(--rls-app-color-050);
38
38
  box-shadow: 0 0 2rem 0 rgba(37, 38, 65, 0.38);
39
39
  /*transition: left 240ms var(--rls-standard-curve);*/
40
40
  }
package/dist/esm/components/definitions.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export type RlsTheme = 'standard' | 'success' | 'info' | 'warning' | 'danger' | 'amaizing' | 'amber' | 'smartness' | 'obsidian';
1
+ export type RlsTheme = 'primary' | 'secondary' | 'tertiary' | 'success' | 'info' | 'warning' | 'danger' | 'berry' | 'mountains' | 'amaizing' | 'amber' | 'smartness' | 'obsidian';
2
2
  export interface RlsComponent extends React.PropsWithChildren {
3
3
  identifier?: string;
4
4
  rlsTheme?: RlsTheme;
package/dist/esm/components/molecules/Ballot/Ballot.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --rlc-skeleton-text-font-size: var(--rlc-ballot-title-font-size);
33
33
  position: relative;
34
34
  width: 100%;
35
- color: var(--rls-app-color-500);
35
+ color: var(--rls-app-color-900);
36
36
  overflow: hidden;
37
37
  white-space: nowrap;
38
38
  text-overflow: ellipsis;
@@ -48,7 +48,7 @@
48
48
  --rlc-skeleton-text-font-size: var(--rlc-ballot-subtitle-font-size);
49
49
  position: relative;
50
50
  width: var(--rlc-ballot-subtitle-width);
51
- color: var(--rls-app-color-300);
51
+ color: var(--rls-app-color-600);
52
52
  font-weight: var(--rlc-ballot-subtitle-font-weight);
53
53
  font-size: var(--rls-ballot-subtitle-font-size);
54
54
  letter-spacing: var(--rlc-ballot-subtitle-letter-spacing);
package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css CHANGED
@@ -54,7 +54,7 @@
54
54
  overflow-y: auto;
55
55
  overflow-x: hidden;
56
56
  z-index: var(--rls-z-index-2);
57
- background: var(--rls-app-background-500);
57
+ background: var(--rls-app-color-050);
58
58
  border: var(--rls-theme-border-1-500);
59
59
  transform: var(--rlc-button-toggle-ul-transform);
60
60
  transform-origin: 0% 0%;
@@ -72,9 +72,9 @@
72
72
  font-size: 6rem;
73
73
  letter-spacing: 0.825px;
74
74
  text-transform: uppercase;
75
- color: var(--rls-app-color-300);
75
+ color: var(--rls-app-color-600);
76
76
  }
77
77
  .rls-button-toggle__list ul li:hover {
78
- background: var(--rls-app-background-300);
79
- color: var(--rls-app-color-500);
78
+ background: var(--rls-app-color-100);
79
+ color: var(--rls-app-color-900);
80
80
  }
package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.css CHANGED
@@ -24,7 +24,7 @@
24
24
  max-width: calc(100% - var(--rls-sizing-x16));
25
25
  height: var(--pvt-text-height);
26
26
  line-height: var(--rls-sizing-x12);
27
- color: var(--rls-app-color-300);
27
+ color: var(--rls-app-color-600);
28
28
  font-size: var(--rls-label-font-size);
29
29
  font-weight: var(--rls-font-weight-medium);
30
30
  letter-spacing: var(--rls-label-letter-spacing);
package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.css CHANGED
@@ -26,7 +26,7 @@
26
26
  max-width: calc(100% - var(--rls-sizing-x16));
27
27
  height: var(--pvt-text-height);
28
28
  line-height: var(--rls-sizing-x12);
29
- color: var(--rls-app-color-300);
29
+ color: var(--rls-app-color-600);
30
30
  font-size: var(--rls-label-font-size);
31
31
  font-weight: var(--rls-font-weight-medium);
32
32
  letter-spacing: var(--rls-label-letter-spacing);
package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.css CHANGED
@@ -24,7 +24,7 @@
24
24
  max-width: calc(100% - var(--rls-sizing-x28));
25
25
  height: var(--pvt-text-height);
26
26
  line-height: var(--rls-sizing-x12);
27
- color: var(--rls-app-color-300);
27
+ color: var(--rls-app-color-600);
28
28
  font-size: var(--rls-label-font-size);
29
29
  font-weight: var(--rls-font-weight-medium);
30
30
  letter-spacing: var(--rls-label-letter-spacing);
package/dist/esm/components/molecules/Pagination/Pagination.css CHANGED
@@ -15,8 +15,8 @@
15
15
  margin: 0rem var(--rls-sizing-x4);
16
16
  }
17
17
  .rls-pagination__page {
18
- background: var(--rls-app-background-100);
19
- color: var(--rls-app-color-500);
18
+ background: var(--rls-app-color-200);
19
+ color: var(--rls-app-color-900);
20
20
  cursor: default;
21
21
  margin: auto 0rem;
22
22
  text-align: center;
@@ -33,10 +33,10 @@
33
33
  }
34
34
  .rls-pagination__page--active {
35
35
  background: var(--rls-theme-gradient-500);
36
- color: var(--rls-light-color-500);
36
+ color: var(--rls-app-color-050);
37
37
  }
38
38
  .rls-pagination__description {
39
- color: var(--rls-app-color-500);
39
+ color: var(--rls-app-color-900);
40
40
  margin: 0rem var(--rls-sizing-x4);
41
41
  width: auto;
42
42
  height: var(--rls-sizing-x20);
@@ -51,7 +51,7 @@
51
51
  .rls-pagination__action {
52
52
  background: none;
53
53
  outline: none;
54
- color: var(--rls-app-color-300);
54
+ color: var(--rls-app-color-600);
55
55
  height: var(--rls-sizing-x18);
56
56
  width: var(--rls-sizing-x18);
57
57
  padding: var(--rls-sizing-x3);
package/dist/esm/components/molecules/PickerDay/PickerDay.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .rls-picker-day {
2
2
  --pvt-span-background: transparent;
3
- --pvt-span-font-color: var(--rls-app-color-500);
3
+ --pvt-span-font-color: var(--rls-app-color-900);
4
4
  --pvt-span-border: var(--rls-border-1) solid transparent;
5
5
  position: relative;
6
6
  width: 100%;
@@ -11,8 +11,8 @@
11
11
  .rls-picker-day__header {
12
12
  display: flex;
13
13
  margin-bottom: var(--rls-sizing-x4);
14
- background: var(--rls-app-background-100);
15
- color: var(--rls-app-color-500);
14
+ background: var(--rls-app-color-100);
15
+ color: var(--rls-app-color-900);
16
16
  border-radius: var(--rls-sizing-x4);
17
17
  }
18
18
  .rls-picker-day__label {
@@ -67,14 +67,14 @@
67
67
  --pvt-span-border: var(--rls-theme-border-1-500);
68
68
  }
69
69
  .rls-picker-day__element--forbidden {
70
- --pvt-span-background: var(--rls-app-background-300);
71
- --pvt-span-font-color: var(--rls-app-color-100);
72
- --pvt-span-border: var(--rls-border-1) solid var(--rls-app-background-300);
70
+ --pvt-span-background: var(--rls-app-color-100);
71
+ --pvt-span-font-color: var(--rls-app-color-400);
72
+ --pvt-span-border: var(--rls-border-1) solid var(--rls-app-color-100);
73
73
  pointer-events: none;
74
74
  }
75
75
  .rls-picker-day__element--disabled {
76
76
  --pvt-span-background: transparent;
77
- --pvt-span-font-color: var(--rls-app-color-100);
77
+ --pvt-span-font-color: var(--rls-app-color-400);
78
78
  --pvt-span-border: var(--rls-border-1) solid transparent;
79
79
  pointer-events: none;
80
80
  }
package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css CHANGED
@@ -22,8 +22,8 @@
22
22
  }
23
23
  .rls-picker-day-range__header {
24
24
  display: flex;
25
- background: var(--rls-app-background-100);
26
- color: var(--rls-app-color-500);
25
+ background: var(--rls-app-color-200);
26
+ color: var(--rls-app-color-900);
27
27
  border-radius: var(--rls-sizing-x2);
28
28
  }
29
29
  .rls-picker-day-range__label {
@@ -44,7 +44,7 @@
44
44
  .rls-picker-day-range__element__span {
45
45
  position: relative;
46
46
  display: block;
47
- color: var(--rls-app-color-500);
47
+ color: var(--rls-app-color-900);
48
48
  border-radius: var(--rls-sizing-x4);
49
49
  height: var(--rls-sizing-x18);
50
50
  line-height: var(--rls-sizing-x18);
@@ -57,22 +57,22 @@
57
57
  color: var(--pvt-span-nothover-font-color);
58
58
  }
59
59
  .rls-picker-day-range__element__span:hover {
60
- color: var(--rls-light-color-500);
60
+ color: var(--rls-app-color-050);
61
61
  background: var(--rls-theme-color-900);
62
62
  }
63
63
  .rls-picker-day-range__element--end {
64
- --pvt-span-nothover-background: var(--rls-app-color-500);
65
- --pvt-span-nothover-font-color: var(--rls-app-background-500);
64
+ --pvt-span-nothover-background: var(--rls-app-color-900);
65
+ --pvt-span-nothover-font-color: var(--rls-app-color-050);
66
66
  }
67
67
  .rls-picker-day-range__element--source {
68
68
  --pvt-span-nothover-background: var(--rls-theme-color-500);
69
- --pvt-span-nothover-font-color: var(--rls-light-color-500);
69
+ --pvt-span-nothover-font-color: var(--rls-app-color-050);
70
70
  }
71
71
  .rls-picker-day-range__element--ranged {
72
72
  --pvt-span-nothover-background: var(--rls-theme-color-100);
73
73
  }
74
74
  .rls-picker-day-range__element--forbidden {
75
- --pvt-span-background: var(--rls-app-background-100);
75
+ --pvt-span-background: var(--rls-app-color-200);
76
76
  pointer-events: none;
77
77
  opacity: 0.5;
78
78
  }
package/dist/esm/components/molecules/PickerMonth/PickerMonth.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .rls-picker-month {
2
2
  --pvt-component-background: transparent;
3
- --pvt-component-font-color: var(--rls-app-color-500);
3
+ --pvt-component-font-color: var(--rls-app-color-900);
4
4
  --pvt-component-border: var(--rls-border-1) solid transparent;
5
5
  position: relative;
6
6
  display: grid;
@@ -42,7 +42,7 @@
42
42
  }
43
43
  .rls-picker-month__component--disabled {
44
44
  --pvt-component-background: transparent;
45
- --pvt-component-font-color: var(--rls-app-color-100);
45
+ --pvt-component-font-color: var(--rls-app-color-400);
46
46
  --pvt-component-border: var(--rls-border-1) solid transparent;
47
47
  pointer-events: none;
48
48
  }
package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css CHANGED
@@ -4,7 +4,7 @@
4
4
  align-items: center;
5
5
  }
6
6
  .rls-picker-selector-title span {
7
- color: var(--rls-app-color-300);
7
+ color: var(--rls-app-color-600);
8
8
  cursor: default;
9
9
  height: var(--rls-sizing-x14);
10
10
  line-height: var(--rls-sizing-x14);
package/dist/esm/components/molecules/PickerYear/PickerYear.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .rls-picker-year {
2
2
  --pvt-component-background: transparent;
3
- --pvt-component-font-color: var(--rls-app-color-300);
3
+ --pvt-component-font-color: var(--rls-app-color-600);
4
4
  --pvt-component-border: var(--rls-border-1) solid transparent;
5
5
  position: relative;
6
6
  width: 100%;
@@ -15,8 +15,8 @@
15
15
  align-items: center;
16
16
  box-sizing: border-box;
17
17
  padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
18
- color: var(--rls-app-color-500);
19
- background: var(--rls-app-background-100);
18
+ color: var(--rls-app-color-900);
19
+ background: var(--rls-app-color-200);
20
20
  border-radius: var(--rls-sizing-x4);
21
21
  }
22
22
  .rls-picker-year__header > label {
@@ -30,7 +30,7 @@
30
30
  line-height: var(--rls-sizing-x16);
31
31
  }
32
32
  .rls-picker-year__action button {
33
- color: var(--rls-app-color-500);
33
+ color: var(--rls-app-color-900);
34
34
  background: transparent;
35
35
  outline: none;
36
36
  width: inherit;
@@ -81,9 +81,9 @@
81
81
  --pvt-component-border: var(--rls-theme-border-1-500);
82
82
  }
83
83
  .rls-picker-year__element--disabled {
84
- --pvt-span-background: var(--rls-app-background-300);
85
- --pvt-component-font-color: var(--rls-app-color-100);
86
- --pvt-span-border: var(--rls-border-1) solid var(--rls-app-background-300);
84
+ --pvt-span-background: var(--rls-app-color-100);
85
+ --pvt-component-font-color: var(--rls-app-color-400);
86
+ --pvt-span-border: var(--rls-border-1) solid var(--rls-app-color-100);
87
87
  pointer-events: none;
88
88
  }
89
89
  .rls-picker-year__span {
package/dist/esm/components/molecules/Toolbar/Toolbar.css CHANGED
@@ -22,7 +22,7 @@
22
22
  white-space: nowrap;
23
23
  }
24
24
  .rls-toolbar__title {
25
- color: var(--rls-app-color-500);
25
+ color: var(--rls-app-color-900);
26
26
  height: var(--rls-sizing-x12);
27
27
  line-height: var(--rls-sizing-x12);
28
28
  font-size: 8.125rem;
@@ -30,7 +30,7 @@
30
30
  font-weight: var(--rls-font-weight-bold);
31
31
  }
32
32
  .rls-toolbar__subtitle {
33
- color: var(--rls-app-color-300);
33
+ color: var(--rls-app-color-600);
34
34
  }
35
35
  .rls-toolbar__actions {
36
36
  display: flex;
package/dist/esm/components/organisms/Card/Card.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .rls-card {
2
- background: var(--rls-app-background-500);
2
+ background: var(--rls-app-color-050);
3
3
  border-radius: var(--rls-sizing-x4);
4
4
  box-shadow: var(--rls-light-shadow-center-8);
5
5
  }
package/dist/esm/components/organisms/Confirmation/Confirmation.css CHANGED
@@ -50,7 +50,7 @@
50
50
  box-sizing: border-box;
51
51
  z-index: var(--rls-z-index-4);
52
52
  border-radius: var(--rls-sizing-x4);
53
- background: var(--rls-app-background-500);
53
+ background: var(--rls-app-color-050);
54
54
  box-shadow: var(--rls-app-shadow-4);
55
55
  transform: var(--pvt-component-transform);
56
56
  /*transition: opacity 125ms 0ms var(--rls-deceleration-curve),
@@ -68,7 +68,7 @@
68
68
  }
69
69
  .rls-confirmation__title {
70
70
  text-align: center;
71
- color: var(--rls-app-color-500);
71
+ color: var(--rls-app-color-900);
72
72
  font-weight: var(--rls-font-weight-bold);
73
73
  font-size: var(--pvt-title-font-size);
74
74
  line-height: var(--pvt-title-line-height);
@@ -91,7 +91,7 @@
91
91
  box-sizing: border-box;
92
92
  }
93
93
  .rls-confirmation__message {
94
- color: var(--rls-app-color-300);
94
+ color: var(--rls-app-color-600);
95
95
  text-align: center;
96
96
  }
97
97
  .rls-confirmation__message p {
package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.css CHANGED
@@ -17,13 +17,13 @@
17
17
  width: 100%;
18
18
  margin-top: var(--rls-sizing-x2);
19
19
  margin-bottom: var(--rls-sizing-x6);
20
- background: var(--rls-app-background-300);
20
+ background: var(--rls-app-color-100);
21
21
  border-radius: var(--rls-sizing-x4);
22
22
  padding: var(--rls-sizing-x4);
23
23
  box-sizing: border-box;
24
24
  }
25
25
  .rls-field-autocomplete .rls-field-list__ul__search button {
26
- color: var(--rls-app-color-300);
26
+ color: var(--rls-app-color-600);
27
27
  background: transparent;
28
28
  }
29
29
  .rls-field-autocomplete
@@ -43,17 +43,17 @@
43
43
  border: none;
44
44
  outline: none;
45
45
  background: transparent;
46
- color: var(--rls-app-color-500);
46
+ color: var(--rls-app-color-900);
47
47
  font-size: var(--rls-input-font-size);
48
48
  font-weight: var(--rls-font-weight-medium);
49
49
  letter-spacing: var(--rls-input-letter-spacing);
50
50
  }
51
51
  .rls-field-autocomplete .rls-field-list__ul__control::placeholder {
52
- color: var(--rls-app-color-100);
52
+ color: var(--rls-app-color-400);
53
53
  }
54
54
  .rls-field-autocomplete .rls-field-list__ul__control::selection {
55
55
  background: var(--rls-theme-color-700);
56
- color: var(--rls-light-color-500);
56
+ color: var(--rls-app-color-050);
57
57
  }
58
58
  .rls-field-autocomplete .rls-field-list__ul__control:disabled {
59
59
  opacity: 0.5;
package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { i18nSubscribe } from '@rolster/i18n';
3
3
  import { useCallback, useEffect, useMemo, useState } from 'react';
4
4
  import { renderClassStatus } from '../../../helpers';
@@ -48,7 +48,7 @@ export function RlsFieldAutocompleteTemplate(props) {
48
48
  const onClickSearch = useCallback(() => {
49
49
  onSearch && onSearch(autocomplete.pattern);
50
50
  }, [onSearch, autocomplete.pattern]);
51
- return (_jsxs("div", { id: props.identifier, ref: autocomplete.contentRef, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-list__control", readOnly: true, disabled: _disabled, placeholder: placeholder, value: autocomplete.value, onClick: autocomplete.onClickControl }), _jsx("button", { className: "rls-field-list__action", disabled: _disabled, onClick: autocomplete.onClickAction, children: _jsx(RlsIcon, { value: autocomplete.value ? 'trash-2' : 'arrow-ios-down' }) })] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsx("div", { className: classNameList, children: autocomplete.modalIsVisible && (_jsxs(_Fragment, { children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: autocomplete.listRef, className: "rls-field-list__ul", children: [_jsxs("div", { className: "rls-field-list__ul__search", children: [_jsx("input", { ref: autocomplete.inputRef, className: "rls-field-list__ul__control", type: "text", placeholder: labels.listInputPlaceholder, value: autocomplete.pattern, onChange: onInputSearch, disabled: _disabled || searching, onFocus: autocomplete.onFocusInput, onBlur: autocomplete.onBlurInput, onKeyDown: autocomplete.onKeydownInput }), onSearch && (_jsx("button", { disabled: _disabled || searching, onClick: onClickSearch, children: _jsx(RlsIcon, { value: "search" }) }))] }), searching && _jsx(RlsProgressBar, { indeterminate: true }), autocomplete.coincidences.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: autocomplete.onClickElement(element), onKeyDown: autocomplete.onKeydownElement(element), children: render(element) }, index))), !autocomplete.coincidences.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: autocomplete.onClickBackdrop })] })) })] }));
51
+ return (_jsxs("div", { id: props.identifier, ref: autocomplete.contentRef, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-list__control", readOnly: true, disabled: _disabled, placeholder: placeholder, value: autocomplete.value, onClick: autocomplete.onClickControl }), _jsx("button", { className: "rls-field-list__action", disabled: _disabled, onClick: autocomplete.onClickAction, children: _jsx(RlsIcon, { value: autocomplete.value ? 'trash-2' : 'arrow-ios-down' }) })] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameList, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: autocomplete.listRef, className: "rls-field-list__ul", children: [_jsxs("div", { className: "rls-field-list__ul__search", children: [_jsx("input", { ref: autocomplete.inputRef, className: "rls-field-list__ul__control", type: "text", placeholder: labels.listInputPlaceholder, value: autocomplete.pattern, onChange: onInputSearch, disabled: _disabled || searching, onFocus: autocomplete.onFocusInput, onBlur: autocomplete.onBlurInput, onKeyDown: autocomplete.onKeydownInput }), onSearch && (_jsx("button", { disabled: _disabled || searching, onClick: onClickSearch, children: _jsx(RlsIcon, { value: "search" }) }))] }), searching && _jsx(RlsProgressBar, { indeterminate: true }), autocomplete.coincidences.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: autocomplete.onClickElement(element), onKeyDown: autocomplete.onKeydownElement(element), children: render(element) }, index))), !autocomplete.coincidences.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: autocomplete.onClickBackdrop })] })] }));
52
52
  }
53
53
  export function RlsFieldAutocomplete(props) {
54
54
  return (_jsx(RlsFieldAutocompleteTemplate, { ...props, render: (element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })) }));
package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAGL,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,yBAAyB,CAAC;AA+BjC,MAAM,UAAU,4BAA4B,CAI1C,KAA8C;IAC9C,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEjD,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC;QACnC,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;QACvD,cAAc,EAAE,SAAS,CAAC,gBAAgB,CAAC;QAC3C,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;KACxD,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAAC,GAAG,EAAE;YACxB,SAAS,CAAC;gBACR,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;gBACvD,cAAc,EAAE,SAAS,CAAC,gBAAgB,CAAC;gBAC3C,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;aACxD,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,YAAY,CAAC,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,CAAC,CAAC,YAAY,CAAC,KAAK;SAC/B,EACD,uCAAuC,CACxC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9E,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,6BAA6B,EAAE;YACtD,MAAM,EAAE,YAAY,CAAC,MAAM;YAC3B,OAAO,EAAE,YAAY,CAAC,cAAc;SACrC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC;IAEvD,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoC,EAAE,EAAE;QACzE,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;IAE9B,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,QAAQ,IAAI,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;IAErC,OAAO,CACL,eACE,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,GAAG,EAAE,YAAY,CAAC,UAAU,EAC5B,SAAS,EAAE,SAAS,eACT,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,gBACE,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,OAAO,EAAE,YAAY,CAAC,cAAc,GACpC,EAEF,iBACE,SAAS,EAAC,wBAAwB,EAClC,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,YAAY,CAAC,aAAa,YAEnC,KAAC,OAAO,IACN,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,GACxD,GACK,IACL,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,EAED,cAAK,SAAS,EAAE,aAAa,YAC1B,YAAY,CAAC,cAAc,IAAI,CAC9B,8BACE,cAAK,SAAS,EAAC,mCAAmC,YAChD,cAAI,GAAG,EAAE,YAAY,CAAC,OAAO,EAAE,SAAS,EAAC,oBAAoB,aAC3D,eAAK,SAAS,EAAC,4BAA4B,aACzC,gBACE,GAAG,EAAE,YAAY,CAAC,QAAQ,EAC1B,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,MAAM,CAAC,oBAAoB,EACxC,KAAK,EAAE,YAAY,CAAC,OAAO,EAC3B,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,SAAS,IAAI,SAAS,EAChC,OAAO,EAAE,YAAY,CAAC,YAAY,EAClC,MAAM,EAAE,YAAY,CAAC,WAAW,EAChC,SAAS,EAAE,YAAY,CAAC,cAAc,GACtC,EAED,QAAQ,IAAI,CACX,iBACE,QAAQ,EAAE,SAAS,IAAI,SAAS,EAChC,OAAO,EAAE,aAAa,YAEtB,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,GAAG,GACnB,CACV,IACG,EAEL,SAAS,IAAI,KAAC,cAAc,IAAC,aAAa,EAAE,IAAI,GAAI,EAEpD,YAAY,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,aAEE,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,EAC7C,SAAS,EAAE,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAEhD,MAAM,CAAC,OAAO,CAAC,IANX,KAAK,CAOP,CACN,CAAC,EAED,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,IAAI,CACpC,aAAI,SAAS,EAAC,uBAAuB,YACnC,eAAK,SAAS,EAAC,oCAAoC,aACjD,gBAAO,SAAS,EAAC,yBAAyB,YACvC,MAAM,CAAC,cAAc,GAChB,EACR,YAAG,SAAS,EAAC,qBAAqB,YAC/B,MAAM,CAAC,oBAAoB,GAC1B,IACA,GACH,CACN,IACE,GACD,EAEN,cACE,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,YAAY,CAAC,eAAe,GAChC,IACN,CACJ,GACG,IACF,CACP,CAAC;AACJ,CAAC;AA6CD,MAAM,UAAU,oBAAoB,CAClC,KAAwD;IAExD,OAAO,CACL,KAAC,4BAA4B,OACvB,KAAK,EACT,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CACnB,KAAC,SAAS,IACR,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,YAE1B,yBAAO,OAAO,CAAC,KAAK,GAAQ,GAClB,CACb,GACD,CACH,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAGL,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,yBAAyB,CAAC;AA+BjC,MAAM,UAAU,4BAA4B,CAI1C,KAA8C;IAC9C,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEjD,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC;QACnC,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;QACvD,cAAc,EAAE,SAAS,CAAC,gBAAgB,CAAC;QAC3C,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;KACxD,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAAC,GAAG,EAAE;YACxB,SAAS,CAAC;gBACR,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;gBACvD,cAAc,EAAE,SAAS,CAAC,gBAAgB,CAAC;gBAC3C,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;aACxD,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,YAAY,CAAC,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,CAAC,CAAC,YAAY,CAAC,KAAK;SAC/B,EACD,uCAAuC,CACxC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9E,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,6BAA6B,EAAE;YACtD,MAAM,EAAE,YAAY,CAAC,MAAM;YAC3B,OAAO,EAAE,YAAY,CAAC,cAAc;SACrC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC;IAEvD,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAoC,EAAE,EAAE;QACvC,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,YAAY,CAAC,UAAU,CAAC,CAC1B,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,QAAQ,IAAI,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;IAErC,OAAO,CACL,eACE,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,GAAG,EAAE,YAAY,CAAC,UAAU,EAC5B,SAAS,EAAE,SAAS,eACT,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,gBACE,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,OAAO,EAAE,YAAY,CAAC,cAAc,GACpC,EAEF,iBACE,SAAS,EAAC,wBAAwB,EAClC,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,YAAY,CAAC,aAAa,YAEnC,KAAC,OAAO,IACN,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,GACxD,GACK,IACL,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,EAED,eAAK,SAAS,EAAE,aAAa,aAC3B,cAAK,SAAS,EAAC,mCAAmC,YAChD,cAAI,GAAG,EAAE,YAAY,CAAC,OAAO,EAAE,SAAS,EAAC,oBAAoB,aAC3D,eAAK,SAAS,EAAC,4BAA4B,aACzC,gBACE,GAAG,EAAE,YAAY,CAAC,QAAQ,EAC1B,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,MAAM,CAAC,oBAAoB,EACxC,KAAK,EAAE,YAAY,CAAC,OAAO,EAC3B,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,SAAS,IAAI,SAAS,EAChC,OAAO,EAAE,YAAY,CAAC,YAAY,EAClC,MAAM,EAAE,YAAY,CAAC,WAAW,EAChC,SAAS,EAAE,YAAY,CAAC,cAAc,GACtC,EAED,QAAQ,IAAI,CACX,iBACE,QAAQ,EAAE,SAAS,IAAI,SAAS,EAChC,OAAO,EAAE,aAAa,YAEtB,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,GAAG,GACnB,CACV,IACG,EAEL,SAAS,IAAI,KAAC,cAAc,IAAC,aAAa,EAAE,IAAI,GAAI,EAEpD,YAAY,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,aAEE,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,EAC7C,SAAS,EAAE,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAEhD,MAAM,CAAC,OAAO,CAAC,IANX,KAAK,CAOP,CACN,CAAC,EAED,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,IAAI,CACpC,aAAI,SAAS,EAAC,uBAAuB,YACnC,eAAK,SAAS,EAAC,oCAAoC,aACjD,gBAAO,SAAS,EAAC,yBAAyB,YACvC,MAAM,CAAC,cAAc,GAChB,EACR,YAAG,SAAS,EAAC,qBAAqB,YAC/B,MAAM,CAAC,oBAAoB,GAC1B,IACA,GACH,CACN,IACE,GACD,EAEN,cACE,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,YAAY,CAAC,eAAe,GAChC,IACH,IACF,CACP,CAAC;AACJ,CAAC;AA6CD,MAAM,UAAU,oBAAoB,CAClC,KAAwD;IAExD,OAAO,CACL,KAAC,4BAA4B,OACvB,KAAK,EACT,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CACnB,KAAC,SAAS,IACR,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,YAE1B,yBAAO,OAAO,CAAC,KAAK,GAAQ,GAClB,CACb,GACD,CACH,CAAC;AACJ,CAAC"}
package/dist/esm/components/organisms/FieldDate/FieldDate.css CHANGED
@@ -17,19 +17,19 @@
17
17
  border: none;
18
18
  outline: none;
19
19
  background: transparent;
20
- color: var(--rls-app-color-500);
20
+ color: var(--rls-app-color-900);
21
21
  font-weight: var(--rls-font-weight-medium);
22
22
  font-size: var(--rlc-input-font-size);
23
23
  letter-spacing: var(--rlc-input-letter-spacing);
24
24
  }
25
25
  .rls-field-date__control::placeholder {
26
- color: var(--rls-app-color-100);
26
+ color: var(--rls-app-color-400);
27
27
  }
28
28
  .rls-field-date__control:disabled {
29
29
  opacity: 0.5;
30
30
  }
31
31
  .rls-field-date__action {
32
- color: var(--rls-app-color-300);
32
+ color: var(--rls-app-color-600);
33
33
  width: var(--rls-sizing-x12);
34
34
  height: var(--rls-sizing-x12);
35
35
  padding: 0rem;
package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css CHANGED
@@ -20,13 +20,13 @@
20
20
  letter-spacing: var(--rlc-input-letter-spacing);
21
21
  }
22
22
  .rls-field-date-range__control::placeholder {
23
- color: var(--rls-app-color-100);
23
+ color: var(--rls-app-color-400);
24
24
  }
25
25
  .rls-field-date-range__control:disabled {
26
26
  opacity: 0.5;
27
27
  }
28
28
  .rls-field-date-range__action {
29
- color: var(--rls-app-color-300);
29
+ color: var(--rls-app-color-600);
30
30
  width: var(--rls-sizing-x12);
31
31
  height: var(--rls-sizing-x12);
32
32
  padding: 0rem;
package/dist/esm/components/organisms/FieldSelect/FieldSelect.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { i18nSubscribe } from '@rolster/i18n';
3
3
  import { useEffect, useMemo, useState } from 'react';
4
4
  import { renderClassStatus } from '../../../helpers';
@@ -39,7 +39,7 @@ export function RlsFieldSelectTemplate(props) {
39
39
  visible: select.modalIsVisible
40
40
  });
41
41
  }, [select.modalIsVisible, select.higher]);
42
- return (_jsxs("div", { id: props.identifier, ref: select.contentRef, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { ref: select.inputRef, className: "rls-field-list__control", readOnly: true, disabled: _disabled, placeholder: placeholder, value: select.value, onFocus: select.onFocusInput, onBlur: select.onBlurInput, onClick: select.onClickInput, onKeyDown: select.onKeydownInput }), _jsx("button", { className: 'rls-field-list__action', disabled: _disabled, onClick: select.onClickAction, children: _jsx(RlsIcon, { value: !unremovable && !!select.value ? 'close' : 'arrow-ios-down' }) })] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsx("div", { className: classNameList, children: select.modalIsVisible && (_jsxs(_Fragment, { children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: select.listRef, className: "rls-field-list__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: select.onClickElement(element), onKeyDown: select.onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: select.onClickBackdrop })] })) })] }));
42
+ return (_jsxs("div", { id: props.identifier, ref: select.contentRef, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { ref: select.inputRef, className: "rls-field-list__control", readOnly: true, disabled: _disabled, placeholder: placeholder, value: select.value, onFocus: select.onFocusInput, onBlur: select.onBlurInput, onClick: select.onClickInput, onKeyDown: select.onKeydownInput }), _jsx("button", { className: 'rls-field-list__action', disabled: _disabled, onClick: select.onClickAction, children: _jsx(RlsIcon, { value: !unremovable && !!select.value ? 'close' : 'arrow-ios-down' }) })] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameList, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: select.listRef, className: "rls-field-list__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: select.onClickElement(element), onKeyDown: select.onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: select.onClickBackdrop })] })] }));
43
43
  }
44
44
  export function RlsFieldSelect(props) {
45
45
  return (_jsx(RlsFieldSelectTemplate, { ...props, render: (element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })) }));
package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAa,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,mBAAmB,CAAC;AA8B3B,MAAM,UAAU,sBAAsB,CAIpC,KAAwC;IACxC,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAErC,MAAM,EACJ,MAAM,EACN,WAAW,EACX,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,WAAW,EACZ,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC;QACnC,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;QACvD,cAAc,EAAE,SAAS,CAAC,gBAAgB,CAAC;KAC5C,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAAC,GAAG,EAAE;YACxB,SAAS,CAAC;gBACR,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;gBACvD,cAAc,EAAE,SAAS,CAAC,gBAAgB,CAAC;aAC5C,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,CAAC,SAAS;SACtC,EACD,iCAAiC,CAClC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,6BAA6B,EAAE;YACtD,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,OAAO,EAAE,MAAM,CAAC,cAAc;SAC/B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAE3C,OAAO,CACL,eACE,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,GAAG,EAAE,MAAM,CAAC,UAAU,EACtB,SAAS,EAAE,SAAS,eACT,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,gBACE,GAAG,EAAE,MAAM,CAAC,QAAQ,EACpB,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,MAAM,CAAC,YAAY,EAC5B,MAAM,EAAE,MAAM,CAAC,WAAW,EAC1B,OAAO,EAAE,MAAM,CAAC,YAAY,EAC5B,SAAS,EAAE,MAAM,CAAC,cAAc,GAChC,EACF,iBACE,SAAS,EAAE,wBAAwB,EACnC,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,MAAM,CAAC,aAAa,YAE7B,KAAC,OAAO,IACN,KAAK,EACH,CAAC,WAAW,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,GAE7D,GACK,IACL,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,EAED,eAAK,SAAS,EAAE,aAAa,aAC3B,cAAK,SAAS,EAAC,mCAAmC,YAChD,cAAI,GAAG,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,EAAC,oBAAoB,aACpD,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,aAEE,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,EACvC,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAE1C,MAAM,CAAC,OAAO,CAAC,IANX,KAAK,CAOP,CACN,CAAC,EAED,CAAC,WAAW,CAAC,MAAM,IAAI,CACtB,aAAI,SAAS,EAAC,uBAAuB,YACnC,eAAK,SAAS,EAAC,oCAAoC,aACjD,gBAAO,SAAS,EAAC,yBAAyB,YACvC,MAAM,CAAC,cAAc,GAChB,EACR,YAAG,SAAS,EAAC,qBAAqB,YAC/B,MAAM,CAAC,oBAAoB,GAC1B,IACA,GACH,CACN,IACE,GACD,EAEN,cACE,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,MAAM,CAAC,eAAe,GAC1B,IACH,IACF,CACP,CAAC;AACJ,CAAC;AA0CD,MAAM,UAAU,cAAc,CAC5B,KAA0C;IAE1C,OAAO,CACL,KAAC,sBAAsB,OACjB,KAAK,EACT,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CACnB,KAAC,SAAS,IACR,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,YAE1B,yBAAO,OAAO,CAAC,KAAK,GAAQ,GAClB,CACb,GACD,CACH,CAAC;AACJ,CAAC"}
package/dist/esm/components/organisms/FormNavigation/FormNavigation.css CHANGED
@@ -10,7 +10,7 @@
10
10
  padding: var(--rls-sizing-x8) var(--rls-sizing-x8) var(--rls-sizing-x12)
11
11
  var(--rls-sizing-x8);
12
12
  box-sizing: border-box;
13
- background: var(--rls-app-background-500);
13
+ background: var(--rls-app-color-050);
14
14
  border-radius: var(--rls-sizing-x4);
15
15
  box-shadow: var(--rls-dark-shadow-center-8);
16
16
  transform: translateX(calc(100% + var(--rls-sizing-x16)));
package/dist/esm/components/organisms/Modal/Modal.css CHANGED
@@ -39,7 +39,7 @@
39
39
  z-index: var(--rls-z-index-2);
40
40
  overflow: var(--pvt-component-overflow);
41
41
  border-radius: var(--rls-sizing-x4);
42
- background: var(--rls-app-background-500);
42
+ background: var(--rls-app-color-050);
43
43
  transform: var(--pvt-component-transform);
44
44
  transition: opacity 125ms 0ms var(--rls-deceleration-curve),
45
45
  transform 125ms 0ms var(--rls-deceleration-curve),