@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.
- package/dist/cjs/assets/{index-DG6-q1c1.css → index-Ds0DvsiS.css} +394 -360
- package/dist/cjs/index.js +87 -78
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-DG6-q1c1.css → index-Ds0DvsiS.css} +394 -360
- package/dist/es/index.js +87 -80
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.css +10 -6
- package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
- package/dist/esm/components/atoms/Button/Button.css +74 -72
- package/dist/esm/components/atoms/Button/Button.css.map +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.css +12 -13
- package/dist/esm/components/atoms/CheckBox/CheckBox.css.map +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.js +2 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js +2 -2
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js.map +1 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.css +2 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.css.map +1 -1
- package/dist/esm/components/atoms/Poster/Poster.css +13 -19
- package/dist/esm/components/atoms/Poster/Poster.css.map +1 -1
- package/dist/esm/components/atoms/Poster/Poster.d.ts +1 -2
- package/dist/esm/components/atoms/Poster/Poster.js +3 -3
- package/dist/esm/components/atoms/Poster/Poster.js.map +1 -1
- package/dist/esm/components/atoms/RadioButton/RadioButton.css +11 -4
- package/dist/esm/components/atoms/RadioButton/RadioButton.css.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.css +29 -24
- package/dist/esm/components/atoms/Switch/Switch.css.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.d.ts +4 -3
- package/dist/esm/components/atoms/Switch/Switch.js +6 -6
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/esm/components/definitions.d.ts +1 -1
- package/dist/esm/components/molecules/Alert/Alert.css +18 -10
- package/dist/esm/components/molecules/Alert/Alert.css.map +1 -1
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.css +1 -1
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.css.map +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.css +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.css.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.css +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.css.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.css +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.css.map +1 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css +1 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css.map +1 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css +1 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css.map +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.css +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.css.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +5 -9
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +8 -9
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.d.ts +2 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +7 -11
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
- package/dist/esm/components/molecules/PickerClock/PickerClock.d.ts +1 -0
- package/dist/esm/components/molecules/PickerClock/PickerClock.js +5 -0
- package/dist/esm/components/molecules/PickerClock/PickerClock.js.map +1 -0
- package/dist/esm/components/molecules/PickerDay/PickerDay.css +52 -38
- package/dist/esm/components/molecules/PickerDay/PickerDay.css.map +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.js +2 -9
- package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css +36 -32
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +2 -6
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.css +6 -10
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.css.map +1 -1
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css +29 -5
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css.map +1 -1
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.d.ts +2 -2
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js +8 -2
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.css +22 -27
- package/dist/esm/components/molecules/PickerYear/PickerYear.css.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +3 -3
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
- package/dist/esm/components/organisms/Card/Card.css +7 -3
- package/dist/esm/components/organisms/Card/Card.css.map +1 -1
- package/dist/esm/components/organisms/Card/Card.d.ts +2 -1
- package/dist/esm/components/organisms/Card/Card.js +5 -5
- package/dist/esm/components/organisms/Card/Card.js.map +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.d.ts +6 -6
- package/dist/esm/components/organisms/Datatable/Datatable.js +12 -12
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.css +9 -4
- package/dist/esm/components/organisms/FieldDate/FieldDate.css.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +9 -4
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.css +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.css.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.css +24 -39
- package/dist/esm/components/organisms/PickerDate/PickerDate.css.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.js +4 -6
- package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css +23 -41
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css.map +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +3 -6
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +1 -1
- package/dist/esm/controllers/FormSingleSelectionController.d.ts +13 -0
- package/dist/esm/controllers/FormSingleSelectionController.js +15 -0
- package/dist/esm/controllers/FormSingleSelectionController.js.map +1 -0
- package/dist/esm/controllers/FormToggleController.d.ts +11 -0
- package/dist/esm/controllers/FormToggleController.js +16 -0
- package/dist/esm/controllers/FormToggleController.js.map +1 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- 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
|
-
|
|
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-
|
|
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-
|
|
15
|
+
var(--rls-smalltext-letter-spacing)
|
|
11
16
|
);
|
|
12
|
-
|
|
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(--
|
|
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,
|
|
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:
|
|
70
|
-
--pvt-
|
|
71
|
-
--pvt-
|
|
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-
|
|
77
|
-
--pvt-
|
|
78
|
-
--pvt-
|
|
79
|
-
--pvt-
|
|
80
|
-
--pvt-
|
|
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-
|
|
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-
|
|
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-
|
|
150
|
+
--pvt-button-ripple-background: var(--rls-theme-font-100);
|
|
140
151
|
}
|
|
141
|
-
.rls-button__content--
|
|
142
|
-
--pvt-button-content-
|
|
143
|
-
--pvt-button-content-
|
|
144
|
-
--pvt-button-content-border: var(--pvt-
|
|
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-
|
|
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,
|
|
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-
|
|
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:
|
|
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-
|
|
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-
|
|
32
|
-
|
|
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,
|
|
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(
|
|
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,
|
|
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
|
|
19
|
-
return (_jsx("div", { id: identifier, className: "rls-input-decimal", children: _jsx(RlsInput, { ...
|
|
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,
|
|
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,
|
|
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,
|
|
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-
|
|
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-
|
|
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-
|
|
20
|
-
color: var(--rls-app-color-
|
|
21
|
-
background: var(--rls-app-color-
|
|
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
|
-
|
|
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(--
|
|
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,
|
|
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,
|
|
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,
|
|
5
|
+
export function RlsPoster({ children, contrast, rlsTheme }) {
|
|
6
6
|
const className = useMemo(() => {
|
|
7
|
-
return renderClassStatus('rls-poster', { contrast
|
|
8
|
-
}, [contrast
|
|
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;
|
|
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:
|
|
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:
|
|
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-
|
|
25
|
-
background: var(--rls-theme-color-
|
|
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,
|
|
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-
|
|
3
|
-
|
|
4
|
-
|
|
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-
|
|
7
|
-
--pvt-element-
|
|
8
|
-
--pvt-element-
|
|
9
|
-
--pvt-
|
|
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-
|
|
17
|
-
--pvt-element-
|
|
18
|
-
|
|
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
|
-
|
|
28
|
-
|
|
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:
|
|
44
|
+
top: var(--rls-sizing-x2);
|
|
33
45
|
left: var(--pvt-element-left);
|
|
34
|
-
width: var(--pvt-element-
|
|
35
|
-
height: var(--pvt-element-
|
|
36
|
-
border-radius:
|
|
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(--
|
|
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,
|
|
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
|
|
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 }:
|
|
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 {};
|