@rolster/styles-foundations 1.1.2 → 1.1.3
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/rolster-styles.css +267 -176
- package/dist/rolster-styles.min.css +1 -1
- package/dist/rolster-styles.rtl.css +267 -176
- package/dist/rolster-styles.rtl.min.css +1 -1
- package/package.json +1 -1
- package/scss/components/_data-table.scss +1 -0
- package/scss/foundations/_colors-foundations.scss +58 -58
- package/scss/foundations/_themes-foundations.scss +46 -37
package/dist/rolster-styles.css
CHANGED
|
@@ -24,95 +24,95 @@
|
|
|
24
24
|
--border-light-500: rgba(255, 255, 255, 1);
|
|
25
25
|
--border-light-300: rgba(185, 195, 231, 1);
|
|
26
26
|
--border-light-100: rgba(128, 141, 190, 1);
|
|
27
|
-
--color-base-900: rgba(
|
|
28
|
-
--color-base-700: rgba(
|
|
29
|
-
--color-base-500: rgba(
|
|
30
|
-
--color-base-300: rgba(
|
|
31
|
-
--color-base-100: rgba(
|
|
32
|
-
--skeleton-base-500: rgba(
|
|
33
|
-
--skeleton-base-300: rgba(
|
|
34
|
-
--skeleton-base-100: rgba(
|
|
35
|
-
--box-shadow-base-500: rgba(
|
|
27
|
+
--color-base-900: rgba(21, 56, 101, 1);
|
|
28
|
+
--color-base-700: rgba(17, 75, 147, 1);
|
|
29
|
+
--color-base-500: rgba(33, 122, 214, 1);
|
|
30
|
+
--color-base-300: rgba(136, 186, 241, 1);
|
|
31
|
+
--color-base-100: rgba(227, 236, 251, 1);
|
|
32
|
+
--skeleton-base-500: rgba(17, 75, 147, 0.5);
|
|
33
|
+
--skeleton-base-300: rgba(17, 75, 147, 0.25);
|
|
34
|
+
--skeleton-base-100: rgba(17, 75, 147, 0.1);
|
|
35
|
+
--box-shadow-base-500: rgba(33, 122, 214, 0.24);
|
|
36
36
|
--backdrop-base-500: rgba(18, 46, 79, 0.8);
|
|
37
37
|
--gradient-base-500: linear-gradient(
|
|
38
38
|
180deg,
|
|
39
|
-
rgb(
|
|
40
|
-
rgb(
|
|
39
|
+
rgb(33, 122, 214) 0%,
|
|
40
|
+
rgb(17, 75, 147) 100%
|
|
41
41
|
);
|
|
42
|
-
--color-success-900: rgba(
|
|
43
|
-
--color-success-700: rgba(
|
|
44
|
-
--color-success-500: rgba(
|
|
45
|
-
--color-success-300: rgba(
|
|
46
|
-
--color-success-100: rgba(
|
|
47
|
-
--skeleton-success-500: rgba(
|
|
48
|
-
--skeleton-success-300: rgba(
|
|
49
|
-
--skeleton-success-100: rgba(
|
|
50
|
-
--box-shadow-success-500: rgba(
|
|
42
|
+
--color-success-900: rgba(16, 81, 70, 1);
|
|
43
|
+
--color-success-700: rgba(10, 123, 104, 1);
|
|
44
|
+
--color-success-500: rgba(12, 192, 157, 1);
|
|
45
|
+
--color-success-300: rgba(87, 241, 204, 1);
|
|
46
|
+
--color-success-100: rgba(202, 253, 238, 1);
|
|
47
|
+
--skeleton-success-500: rgba(10, 123, 104, 0.5);
|
|
48
|
+
--skeleton-success-300: rgba(10, 123, 104, 0.25);
|
|
49
|
+
--skeleton-success-100: rgba(10, 123, 104, 0.1);
|
|
50
|
+
--box-shadow-success-500: rgba(12, 192, 157, 0.24);
|
|
51
51
|
--backdrop-success-500: rgba(14, 70, 60, 0.8);
|
|
52
52
|
--gradient-success-500: linear-gradient(
|
|
53
53
|
180deg,
|
|
54
|
-
rgb(
|
|
55
|
-
rgb(
|
|
54
|
+
rgb(12, 192, 157) 0%,
|
|
55
|
+
rgb(10, 123, 104) 100%
|
|
56
56
|
);
|
|
57
|
-
--color-info-900: rgba(
|
|
58
|
-
--color-info-700: rgba(
|
|
57
|
+
--color-info-900: rgba(10, 77, 112, 1);
|
|
58
|
+
--color-info-700: rgba(0, 110, 164, 1);
|
|
59
59
|
--color-info-500: rgba(24, 182, 246, 1);
|
|
60
|
-
--color-info-300: rgba(
|
|
60
|
+
--color-info-300: rgba(122, 215, 255, 1);
|
|
61
61
|
--color-info-100: rgba(218, 243, 253, 1);
|
|
62
|
-
--skeleton-info-500: rgba(
|
|
63
|
-
--skeleton-info-300: rgba(
|
|
64
|
-
--skeleton-info-100: rgba(
|
|
62
|
+
--skeleton-info-500: rgba(0, 110, 164, 0.5);
|
|
63
|
+
--skeleton-info-300: rgba(0, 110, 164, 0.25);
|
|
64
|
+
--skeleton-info-100: rgba(0, 110, 164, 0.1);
|
|
65
65
|
--box-shadow-info-500: rgba(24, 182, 246, 0.24);
|
|
66
66
|
--backdrop-info-500: rgba(20, 77, 100, 0.8);
|
|
67
67
|
--gradient-info-500: linear-gradient(
|
|
68
68
|
180deg,
|
|
69
69
|
rgb(24, 182, 246) 0%,
|
|
70
|
-
rgb(
|
|
70
|
+
rgb(0, 110, 164) 100%
|
|
71
71
|
);
|
|
72
|
-
--color-happy-900: rgba(
|
|
73
|
-
--color-happy-700: rgba(
|
|
74
|
-
--color-happy-500: rgba(
|
|
75
|
-
--color-happy-300: rgba(
|
|
76
|
-
--color-happy-100: rgba(
|
|
77
|
-
--skeleton-happy-500: rgba(
|
|
78
|
-
--skeleton-happy-300: rgba(
|
|
79
|
-
--skeleton-happy-100: rgba(
|
|
80
|
-
--box-shadow-happy-500: rgba(
|
|
72
|
+
--color-happy-900: rgba(60, 22, 46, 1);
|
|
73
|
+
--color-happy-700: rgba(114, 54, 93, 1);
|
|
74
|
+
--color-happy-500: rgba(169, 80, 142, 1);
|
|
75
|
+
--color-happy-300: rgba(218, 152, 200, 1);
|
|
76
|
+
--color-happy-100: rgba(243, 219, 238, 1);
|
|
77
|
+
--skeleton-happy-500: rgba(114, 54, 93, 0.5);
|
|
78
|
+
--skeleton-happy-300: rgba(114, 54, 93, 0.25);
|
|
79
|
+
--skeleton-happy-100: rgba(114, 54, 93, 0.1);
|
|
80
|
+
--box-shadow-happy-500: rgba(169, 80, 142, 0.24);
|
|
81
81
|
--backdrop-happy-500: rgba(64, 35, 55, 0.8);
|
|
82
82
|
--gradient-happy-500: linear-gradient(
|
|
83
83
|
180deg,
|
|
84
|
-
rgb(
|
|
85
|
-
rgb(
|
|
84
|
+
rgb(169, 80, 142) 0%,
|
|
85
|
+
rgb(114, 54, 93) 100%
|
|
86
86
|
);
|
|
87
|
-
--color-warning-900: rgba(
|
|
88
|
-
--color-warning-700: rgba(
|
|
87
|
+
--color-warning-900: rgba(155, 60, 17, 1);
|
|
88
|
+
--color-warning-700: rgba(235, 101, 11, 1);
|
|
89
89
|
--color-warning-500: rgba(252, 165, 73, 1);
|
|
90
|
-
--color-warning-300: rgba(
|
|
91
|
-
--color-warning-100: rgba(
|
|
92
|
-
--skeleton-warning-500: rgba(
|
|
93
|
-
--skeleton-warning-300: rgba(
|
|
94
|
-
--skeleton-warning-100: rgba(
|
|
90
|
+
--color-warning-300: rgba(254, 220, 170, 1);
|
|
91
|
+
--color-warning-100: rgba(255, 248, 237, 1);
|
|
92
|
+
--skeleton-warning-500: rgba(235, 101, 11, 0.5);
|
|
93
|
+
--skeleton-warning-300: rgba(235, 101, 11, 0.25);
|
|
94
|
+
--skeleton-warning-100: rgba(235, 101, 11, 0.1);
|
|
95
95
|
--box-shadow-warning-500: rgba(252, 165, 73, 0.24);
|
|
96
96
|
--backdrop-warning-500: rgba(102, 71, 38, 0.8);
|
|
97
97
|
--gradient-warning-500: linear-gradient(
|
|
98
98
|
180deg,
|
|
99
99
|
rgb(252, 165, 73) 0%,
|
|
100
|
-
rgb(
|
|
100
|
+
rgb(235, 101, 11) 100%
|
|
101
101
|
);
|
|
102
|
-
--color-danger-900: rgba(
|
|
103
|
-
--color-danger-700: rgba(
|
|
102
|
+
--color-danger-900: rgba(130, 26, 26, 1);
|
|
103
|
+
--color-danger-700: rgba(190, 23, 23, 1);
|
|
104
104
|
--color-danger-500: rgba(244, 60, 60, 1);
|
|
105
|
-
--color-danger-300: rgba(
|
|
106
|
-
--color-danger-100: rgba(
|
|
107
|
-
--skeleton-danger-500: rgba(
|
|
108
|
-
--skeleton-danger-300: rgba(
|
|
109
|
-
--skeleton-danger-100: rgba(
|
|
105
|
+
--color-danger-300: rgba(255, 162, 162, 1);
|
|
106
|
+
--color-danger-100: rgba(254, 242, 242, 1);
|
|
107
|
+
--skeleton-danger-500: rgba(190, 23, 23, 0.5);
|
|
108
|
+
--skeleton-danger-300: rgba(190, 23, 23, 0.25);
|
|
109
|
+
--skeleton-danger-100: rgba(190, 23, 23, 0.1);
|
|
110
110
|
--box-shadow-danger-500: rgba(244, 60, 60, 0.24);
|
|
111
111
|
--backdrop-danger-500: rgba(99, 33, 33, 0.8);
|
|
112
112
|
--gradient-danger-500: linear-gradient(
|
|
113
113
|
180deg,
|
|
114
114
|
rgb(244, 60, 60) 0%,
|
|
115
|
-
rgb(
|
|
115
|
+
rgb(190, 23, 23) 100%
|
|
116
116
|
);
|
|
117
117
|
}
|
|
118
118
|
|
|
@@ -963,54 +963,69 @@
|
|
|
963
963
|
--skeleton-rolster-500: var(--skeleton-base-500);
|
|
964
964
|
--skeleton-rolster-300: var(--skeleton-base-300);
|
|
965
965
|
--skeleton-rolster-100: var(--skeleton-base-100);
|
|
966
|
-
--border-1-rolster-
|
|
967
|
-
--border-2-rolster-
|
|
968
|
-
--border-4-rolster-
|
|
969
|
-
--border-1-
|
|
970
|
-
--border-2-
|
|
971
|
-
--border-4-
|
|
972
|
-
--border-1-rolster-
|
|
973
|
-
--border-2-rolster-
|
|
974
|
-
--border-4-rolster-
|
|
975
|
-
--border-1-
|
|
976
|
-
--border-2-
|
|
977
|
-
--border-4-
|
|
978
|
-
--border-1-rolster-
|
|
979
|
-
--border-2-rolster-
|
|
980
|
-
--border-4-rolster-
|
|
966
|
+
--border-1-rolster-base: var(--border-1) solid var(--color-900-base);
|
|
967
|
+
--border-2-rolster-base: var(--border-2) solid var(--color-900-base);
|
|
968
|
+
--border-4-rolster-base: var(--border-4) solid var(--color-900-base);
|
|
969
|
+
--border-1-900-base: var(--border-1) solid var(--color-900-base);
|
|
970
|
+
--border-2-900-base: var(--border-2) solid var(--color-900-base);
|
|
971
|
+
--border-4-900-base: var(--border-4) solid var(--color-900-base);
|
|
972
|
+
--border-1-rolster-base: var(--border-1) solid var(--color-700-base);
|
|
973
|
+
--border-2-rolster-base: var(--border-2) solid var(--color-700-base);
|
|
974
|
+
--border-4-rolster-base: var(--border-4) solid var(--color-700-base);
|
|
975
|
+
--border-1-700-base: var(--border-1) solid var(--color-700-base);
|
|
976
|
+
--border-2-700-base: var(--border-2) solid var(--color-700-base);
|
|
977
|
+
--border-4-700-base: var(--border-4) solid var(--color-700-base);
|
|
978
|
+
--border-1-rolster-base: var(--border-1) solid var(--color-500-base);
|
|
979
|
+
--border-2-rolster-base: var(--border-2) solid var(--color-500-base);
|
|
980
|
+
--border-4-rolster-base: var(--border-4) solid var(--color-500-base);
|
|
981
|
+
--border-1-500-base: var(--border-1) solid var(--color-500-base);
|
|
982
|
+
--border-2-500-base: var(--border-2) solid var(--color-500-base);
|
|
983
|
+
--border-4-500-base: var(--border-4) solid var(--color-500-base);
|
|
984
|
+
--border-1-rolster-base: var(--border-1) solid var(--color-300-base);
|
|
985
|
+
--border-2-rolster-base: var(--border-2) solid var(--color-300-base);
|
|
986
|
+
--border-4-rolster-base: var(--border-4) solid var(--color-300-base);
|
|
987
|
+
--border-1-300-base: var(--border-1) solid var(--color-300-base);
|
|
988
|
+
--border-2-300-base: var(--border-2) solid var(--color-300-base);
|
|
989
|
+
--border-4-300-base: var(--border-4) solid var(--color-300-base);
|
|
990
|
+
--border-1-rolster-base: var(--border-1) solid var(--color-100-base);
|
|
991
|
+
--border-2-rolster-base: var(--border-2) solid var(--color-100-base);
|
|
992
|
+
--border-4-rolster-base: var(--border-4) solid var(--color-100-base);
|
|
993
|
+
--border-1-100-base: var(--border-1) solid var(--color-100-base);
|
|
994
|
+
--border-2-100-base: var(--border-2) solid var(--color-100-base);
|
|
995
|
+
--border-4-100-base: var(--border-4) solid var(--color-100-base);
|
|
981
996
|
--box-shadow-rolster-500: var(--box-shadow-base-500);
|
|
982
997
|
--backdrop-rolster-500: var(--backdrop-base-500);
|
|
983
998
|
--gradient-rolster-500: var(--gradient-base-500);
|
|
984
|
-
--shadow-
|
|
985
|
-
--shadow-
|
|
986
|
-
--shadow-
|
|
987
|
-
--shadow-
|
|
988
|
-
--shadow-
|
|
989
|
-
--shadow-
|
|
990
|
-
--shadow-
|
|
991
|
-
--shadow-
|
|
992
|
-
--shadow-
|
|
993
|
-
--shadow-
|
|
994
|
-
--shadow-
|
|
995
|
-
--shadow-
|
|
996
|
-
--shadow-
|
|
997
|
-
--shadow-
|
|
998
|
-
--shadow-
|
|
999
|
-
--shadow-
|
|
1000
|
-
--shadow-
|
|
1001
|
-
--shadow-
|
|
1002
|
-
--shadow-
|
|
1003
|
-
--shadow-
|
|
1004
|
-
--shadow-
|
|
1005
|
-
--shadow-
|
|
1006
|
-
--shadow-
|
|
1007
|
-
--shadow-
|
|
1008
|
-
--shadow-
|
|
1009
|
-
--shadow-
|
|
1010
|
-
--shadow-
|
|
1011
|
-
--shadow-
|
|
1012
|
-
--shadow-
|
|
1013
|
-
--shadow-
|
|
999
|
+
--shadow-light-theme-2: var(--shadow-light-bottom-2);
|
|
1000
|
+
--shadow-light-theme-4: var(--shadow-light-bottom-4);
|
|
1001
|
+
--shadow-light-theme-8: var(--shadow-light-bottom-8);
|
|
1002
|
+
--shadow-light-theme-16: var(--shadow-light-bottom-16);
|
|
1003
|
+
--shadow-light-theme-24: var(--shadow-light-bottom-24);
|
|
1004
|
+
--shadow-light-theme-32: var(--shadow-light-bottom-32);
|
|
1005
|
+
--shadow-light-theme-2: var(--shadow-light-top-2);
|
|
1006
|
+
--shadow-light-theme-4: var(--shadow-light-top-4);
|
|
1007
|
+
--shadow-light-theme-8: var(--shadow-light-top-8);
|
|
1008
|
+
--shadow-light-theme-16: var(--shadow-light-top-16);
|
|
1009
|
+
--shadow-light-theme-24: var(--shadow-light-top-24);
|
|
1010
|
+
--shadow-light-theme-32: var(--shadow-light-top-32);
|
|
1011
|
+
--shadow-light-theme-2: var(--shadow-light-right-2);
|
|
1012
|
+
--shadow-light-theme-4: var(--shadow-light-right-4);
|
|
1013
|
+
--shadow-light-theme-8: var(--shadow-light-right-8);
|
|
1014
|
+
--shadow-light-theme-16: var(--shadow-light-right-16);
|
|
1015
|
+
--shadow-light-theme-24: var(--shadow-light-right-24);
|
|
1016
|
+
--shadow-light-theme-32: var(--shadow-light-right-32);
|
|
1017
|
+
--shadow-light-theme-2: var(--shadow-light-left-2);
|
|
1018
|
+
--shadow-light-theme-4: var(--shadow-light-left-4);
|
|
1019
|
+
--shadow-light-theme-8: var(--shadow-light-left-8);
|
|
1020
|
+
--shadow-light-theme-16: var(--shadow-light-left-16);
|
|
1021
|
+
--shadow-light-theme-24: var(--shadow-light-left-24);
|
|
1022
|
+
--shadow-light-theme-32: var(--shadow-light-left-32);
|
|
1023
|
+
--shadow-light-theme-2: var(--shadow-light-center-2);
|
|
1024
|
+
--shadow-light-theme-4: var(--shadow-light-center-4);
|
|
1025
|
+
--shadow-light-theme-8: var(--shadow-light-center-8);
|
|
1026
|
+
--shadow-light-theme-16: var(--shadow-light-center-16);
|
|
1027
|
+
--shadow-light-theme-24: var(--shadow-light-center-24);
|
|
1028
|
+
--shadow-light-theme-32: var(--shadow-light-center-32);
|
|
1014
1029
|
}
|
|
1015
1030
|
|
|
1016
1031
|
*[rls-theme='success'] {
|
|
@@ -1022,21 +1037,36 @@
|
|
|
1022
1037
|
--skeleton-rolster-500: var(--skeleton-success-500);
|
|
1023
1038
|
--skeleton-rolster-300: var(--skeleton-success-300);
|
|
1024
1039
|
--skeleton-rolster-100: var(--skeleton-success-100);
|
|
1025
|
-
--border-1-rolster-
|
|
1026
|
-
--border-2-rolster-
|
|
1027
|
-
--border-4-rolster-
|
|
1028
|
-
--border-1-
|
|
1029
|
-
--border-2-
|
|
1030
|
-
--border-4-
|
|
1031
|
-
--border-1-rolster-
|
|
1032
|
-
--border-2-rolster-
|
|
1033
|
-
--border-4-rolster-
|
|
1034
|
-
--border-1-
|
|
1035
|
-
--border-2-
|
|
1036
|
-
--border-4-
|
|
1037
|
-
--border-1-rolster-
|
|
1038
|
-
--border-2-rolster-
|
|
1039
|
-
--border-4-rolster-
|
|
1040
|
+
--border-1-rolster-success: var(--border-1) solid var(--color-900-success);
|
|
1041
|
+
--border-2-rolster-success: var(--border-2) solid var(--color-900-success);
|
|
1042
|
+
--border-4-rolster-success: var(--border-4) solid var(--color-900-success);
|
|
1043
|
+
--border-1-900-success: var(--border-1) solid var(--color-900-success);
|
|
1044
|
+
--border-2-900-success: var(--border-2) solid var(--color-900-success);
|
|
1045
|
+
--border-4-900-success: var(--border-4) solid var(--color-900-success);
|
|
1046
|
+
--border-1-rolster-success: var(--border-1) solid var(--color-700-success);
|
|
1047
|
+
--border-2-rolster-success: var(--border-2) solid var(--color-700-success);
|
|
1048
|
+
--border-4-rolster-success: var(--border-4) solid var(--color-700-success);
|
|
1049
|
+
--border-1-700-success: var(--border-1) solid var(--color-700-success);
|
|
1050
|
+
--border-2-700-success: var(--border-2) solid var(--color-700-success);
|
|
1051
|
+
--border-4-700-success: var(--border-4) solid var(--color-700-success);
|
|
1052
|
+
--border-1-rolster-success: var(--border-1) solid var(--color-500-success);
|
|
1053
|
+
--border-2-rolster-success: var(--border-2) solid var(--color-500-success);
|
|
1054
|
+
--border-4-rolster-success: var(--border-4) solid var(--color-500-success);
|
|
1055
|
+
--border-1-500-success: var(--border-1) solid var(--color-500-success);
|
|
1056
|
+
--border-2-500-success: var(--border-2) solid var(--color-500-success);
|
|
1057
|
+
--border-4-500-success: var(--border-4) solid var(--color-500-success);
|
|
1058
|
+
--border-1-rolster-success: var(--border-1) solid var(--color-300-success);
|
|
1059
|
+
--border-2-rolster-success: var(--border-2) solid var(--color-300-success);
|
|
1060
|
+
--border-4-rolster-success: var(--border-4) solid var(--color-300-success);
|
|
1061
|
+
--border-1-300-success: var(--border-1) solid var(--color-300-success);
|
|
1062
|
+
--border-2-300-success: var(--border-2) solid var(--color-300-success);
|
|
1063
|
+
--border-4-300-success: var(--border-4) solid var(--color-300-success);
|
|
1064
|
+
--border-1-rolster-success: var(--border-1) solid var(--color-100-success);
|
|
1065
|
+
--border-2-rolster-success: var(--border-2) solid var(--color-100-success);
|
|
1066
|
+
--border-4-rolster-success: var(--border-4) solid var(--color-100-success);
|
|
1067
|
+
--border-1-100-success: var(--border-1) solid var(--color-100-success);
|
|
1068
|
+
--border-2-100-success: var(--border-2) solid var(--color-100-success);
|
|
1069
|
+
--border-4-100-success: var(--border-4) solid var(--color-100-success);
|
|
1040
1070
|
--box-shadow-rolster-500: var(--box-shadow-success-500);
|
|
1041
1071
|
--backdrop-rolster-500: var(--backdrop-success-500);
|
|
1042
1072
|
--gradient-rolster-500: var(--gradient-success-500);
|
|
@@ -1051,21 +1081,36 @@
|
|
|
1051
1081
|
--skeleton-rolster-500: var(--skeleton-info-500);
|
|
1052
1082
|
--skeleton-rolster-300: var(--skeleton-info-300);
|
|
1053
1083
|
--skeleton-rolster-100: var(--skeleton-info-100);
|
|
1054
|
-
--border-1-rolster-
|
|
1055
|
-
--border-2-rolster-
|
|
1056
|
-
--border-4-rolster-
|
|
1057
|
-
--border-1-
|
|
1058
|
-
--border-2-
|
|
1059
|
-
--border-4-
|
|
1060
|
-
--border-1-rolster-
|
|
1061
|
-
--border-2-rolster-
|
|
1062
|
-
--border-4-rolster-
|
|
1063
|
-
--border-1-
|
|
1064
|
-
--border-2-
|
|
1065
|
-
--border-4-
|
|
1066
|
-
--border-1-rolster-
|
|
1067
|
-
--border-2-rolster-
|
|
1068
|
-
--border-4-rolster-
|
|
1084
|
+
--border-1-rolster-info: var(--border-1) solid var(--color-900-info);
|
|
1085
|
+
--border-2-rolster-info: var(--border-2) solid var(--color-900-info);
|
|
1086
|
+
--border-4-rolster-info: var(--border-4) solid var(--color-900-info);
|
|
1087
|
+
--border-1-900-info: var(--border-1) solid var(--color-900-info);
|
|
1088
|
+
--border-2-900-info: var(--border-2) solid var(--color-900-info);
|
|
1089
|
+
--border-4-900-info: var(--border-4) solid var(--color-900-info);
|
|
1090
|
+
--border-1-rolster-info: var(--border-1) solid var(--color-700-info);
|
|
1091
|
+
--border-2-rolster-info: var(--border-2) solid var(--color-700-info);
|
|
1092
|
+
--border-4-rolster-info: var(--border-4) solid var(--color-700-info);
|
|
1093
|
+
--border-1-700-info: var(--border-1) solid var(--color-700-info);
|
|
1094
|
+
--border-2-700-info: var(--border-2) solid var(--color-700-info);
|
|
1095
|
+
--border-4-700-info: var(--border-4) solid var(--color-700-info);
|
|
1096
|
+
--border-1-rolster-info: var(--border-1) solid var(--color-500-info);
|
|
1097
|
+
--border-2-rolster-info: var(--border-2) solid var(--color-500-info);
|
|
1098
|
+
--border-4-rolster-info: var(--border-4) solid var(--color-500-info);
|
|
1099
|
+
--border-1-500-info: var(--border-1) solid var(--color-500-info);
|
|
1100
|
+
--border-2-500-info: var(--border-2) solid var(--color-500-info);
|
|
1101
|
+
--border-4-500-info: var(--border-4) solid var(--color-500-info);
|
|
1102
|
+
--border-1-rolster-info: var(--border-1) solid var(--color-300-info);
|
|
1103
|
+
--border-2-rolster-info: var(--border-2) solid var(--color-300-info);
|
|
1104
|
+
--border-4-rolster-info: var(--border-4) solid var(--color-300-info);
|
|
1105
|
+
--border-1-300-info: var(--border-1) solid var(--color-300-info);
|
|
1106
|
+
--border-2-300-info: var(--border-2) solid var(--color-300-info);
|
|
1107
|
+
--border-4-300-info: var(--border-4) solid var(--color-300-info);
|
|
1108
|
+
--border-1-rolster-info: var(--border-1) solid var(--color-100-info);
|
|
1109
|
+
--border-2-rolster-info: var(--border-2) solid var(--color-100-info);
|
|
1110
|
+
--border-4-rolster-info: var(--border-4) solid var(--color-100-info);
|
|
1111
|
+
--border-1-100-info: var(--border-1) solid var(--color-100-info);
|
|
1112
|
+
--border-2-100-info: var(--border-2) solid var(--color-100-info);
|
|
1113
|
+
--border-4-100-info: var(--border-4) solid var(--color-100-info);
|
|
1069
1114
|
--box-shadow-rolster-500: var(--box-shadow-info-500);
|
|
1070
1115
|
--backdrop-rolster-500: var(--backdrop-info-500);
|
|
1071
1116
|
--gradient-rolster-500: var(--gradient-info-500);
|
|
@@ -1080,21 +1125,36 @@
|
|
|
1080
1125
|
--skeleton-rolster-500: var(--skeleton-happy-500);
|
|
1081
1126
|
--skeleton-rolster-300: var(--skeleton-happy-300);
|
|
1082
1127
|
--skeleton-rolster-100: var(--skeleton-happy-100);
|
|
1083
|
-
--border-1-rolster-
|
|
1084
|
-
--border-2-rolster-
|
|
1085
|
-
--border-4-rolster-
|
|
1086
|
-
--border-1-
|
|
1087
|
-
--border-2-
|
|
1088
|
-
--border-4-
|
|
1089
|
-
--border-1-rolster-
|
|
1090
|
-
--border-2-rolster-
|
|
1091
|
-
--border-4-rolster-
|
|
1092
|
-
--border-1-
|
|
1093
|
-
--border-2-
|
|
1094
|
-
--border-4-
|
|
1095
|
-
--border-1-rolster-
|
|
1096
|
-
--border-2-rolster-
|
|
1097
|
-
--border-4-rolster-
|
|
1128
|
+
--border-1-rolster-happy: var(--border-1) solid var(--color-900-happy);
|
|
1129
|
+
--border-2-rolster-happy: var(--border-2) solid var(--color-900-happy);
|
|
1130
|
+
--border-4-rolster-happy: var(--border-4) solid var(--color-900-happy);
|
|
1131
|
+
--border-1-900-happy: var(--border-1) solid var(--color-900-happy);
|
|
1132
|
+
--border-2-900-happy: var(--border-2) solid var(--color-900-happy);
|
|
1133
|
+
--border-4-900-happy: var(--border-4) solid var(--color-900-happy);
|
|
1134
|
+
--border-1-rolster-happy: var(--border-1) solid var(--color-700-happy);
|
|
1135
|
+
--border-2-rolster-happy: var(--border-2) solid var(--color-700-happy);
|
|
1136
|
+
--border-4-rolster-happy: var(--border-4) solid var(--color-700-happy);
|
|
1137
|
+
--border-1-700-happy: var(--border-1) solid var(--color-700-happy);
|
|
1138
|
+
--border-2-700-happy: var(--border-2) solid var(--color-700-happy);
|
|
1139
|
+
--border-4-700-happy: var(--border-4) solid var(--color-700-happy);
|
|
1140
|
+
--border-1-rolster-happy: var(--border-1) solid var(--color-500-happy);
|
|
1141
|
+
--border-2-rolster-happy: var(--border-2) solid var(--color-500-happy);
|
|
1142
|
+
--border-4-rolster-happy: var(--border-4) solid var(--color-500-happy);
|
|
1143
|
+
--border-1-500-happy: var(--border-1) solid var(--color-500-happy);
|
|
1144
|
+
--border-2-500-happy: var(--border-2) solid var(--color-500-happy);
|
|
1145
|
+
--border-4-500-happy: var(--border-4) solid var(--color-500-happy);
|
|
1146
|
+
--border-1-rolster-happy: var(--border-1) solid var(--color-300-happy);
|
|
1147
|
+
--border-2-rolster-happy: var(--border-2) solid var(--color-300-happy);
|
|
1148
|
+
--border-4-rolster-happy: var(--border-4) solid var(--color-300-happy);
|
|
1149
|
+
--border-1-300-happy: var(--border-1) solid var(--color-300-happy);
|
|
1150
|
+
--border-2-300-happy: var(--border-2) solid var(--color-300-happy);
|
|
1151
|
+
--border-4-300-happy: var(--border-4) solid var(--color-300-happy);
|
|
1152
|
+
--border-1-rolster-happy: var(--border-1) solid var(--color-100-happy);
|
|
1153
|
+
--border-2-rolster-happy: var(--border-2) solid var(--color-100-happy);
|
|
1154
|
+
--border-4-rolster-happy: var(--border-4) solid var(--color-100-happy);
|
|
1155
|
+
--border-1-100-happy: var(--border-1) solid var(--color-100-happy);
|
|
1156
|
+
--border-2-100-happy: var(--border-2) solid var(--color-100-happy);
|
|
1157
|
+
--border-4-100-happy: var(--border-4) solid var(--color-100-happy);
|
|
1098
1158
|
--box-shadow-rolster-500: var(--box-shadow-happy-500);
|
|
1099
1159
|
--backdrop-rolster-500: var(--backdrop-happy-500);
|
|
1100
1160
|
--gradient-rolster-500: var(--gradient-happy-500);
|
|
@@ -1109,21 +1169,36 @@
|
|
|
1109
1169
|
--skeleton-rolster-500: var(--skeleton-warning-500);
|
|
1110
1170
|
--skeleton-rolster-300: var(--skeleton-warning-300);
|
|
1111
1171
|
--skeleton-rolster-100: var(--skeleton-warning-100);
|
|
1112
|
-
--border-1-rolster-
|
|
1113
|
-
--border-2-rolster-
|
|
1114
|
-
--border-4-rolster-
|
|
1115
|
-
--border-1-
|
|
1116
|
-
--border-2-
|
|
1117
|
-
--border-4-
|
|
1118
|
-
--border-1-rolster-
|
|
1119
|
-
--border-2-rolster-
|
|
1120
|
-
--border-4-rolster-
|
|
1121
|
-
--border-1-
|
|
1122
|
-
--border-2-
|
|
1123
|
-
--border-4-
|
|
1124
|
-
--border-1-rolster-
|
|
1125
|
-
--border-2-rolster-
|
|
1126
|
-
--border-4-rolster-
|
|
1172
|
+
--border-1-rolster-warning: var(--border-1) solid var(--color-900-warning);
|
|
1173
|
+
--border-2-rolster-warning: var(--border-2) solid var(--color-900-warning);
|
|
1174
|
+
--border-4-rolster-warning: var(--border-4) solid var(--color-900-warning);
|
|
1175
|
+
--border-1-900-warning: var(--border-1) solid var(--color-900-warning);
|
|
1176
|
+
--border-2-900-warning: var(--border-2) solid var(--color-900-warning);
|
|
1177
|
+
--border-4-900-warning: var(--border-4) solid var(--color-900-warning);
|
|
1178
|
+
--border-1-rolster-warning: var(--border-1) solid var(--color-700-warning);
|
|
1179
|
+
--border-2-rolster-warning: var(--border-2) solid var(--color-700-warning);
|
|
1180
|
+
--border-4-rolster-warning: var(--border-4) solid var(--color-700-warning);
|
|
1181
|
+
--border-1-700-warning: var(--border-1) solid var(--color-700-warning);
|
|
1182
|
+
--border-2-700-warning: var(--border-2) solid var(--color-700-warning);
|
|
1183
|
+
--border-4-700-warning: var(--border-4) solid var(--color-700-warning);
|
|
1184
|
+
--border-1-rolster-warning: var(--border-1) solid var(--color-500-warning);
|
|
1185
|
+
--border-2-rolster-warning: var(--border-2) solid var(--color-500-warning);
|
|
1186
|
+
--border-4-rolster-warning: var(--border-4) solid var(--color-500-warning);
|
|
1187
|
+
--border-1-500-warning: var(--border-1) solid var(--color-500-warning);
|
|
1188
|
+
--border-2-500-warning: var(--border-2) solid var(--color-500-warning);
|
|
1189
|
+
--border-4-500-warning: var(--border-4) solid var(--color-500-warning);
|
|
1190
|
+
--border-1-rolster-warning: var(--border-1) solid var(--color-300-warning);
|
|
1191
|
+
--border-2-rolster-warning: var(--border-2) solid var(--color-300-warning);
|
|
1192
|
+
--border-4-rolster-warning: var(--border-4) solid var(--color-300-warning);
|
|
1193
|
+
--border-1-300-warning: var(--border-1) solid var(--color-300-warning);
|
|
1194
|
+
--border-2-300-warning: var(--border-2) solid var(--color-300-warning);
|
|
1195
|
+
--border-4-300-warning: var(--border-4) solid var(--color-300-warning);
|
|
1196
|
+
--border-1-rolster-warning: var(--border-1) solid var(--color-100-warning);
|
|
1197
|
+
--border-2-rolster-warning: var(--border-2) solid var(--color-100-warning);
|
|
1198
|
+
--border-4-rolster-warning: var(--border-4) solid var(--color-100-warning);
|
|
1199
|
+
--border-1-100-warning: var(--border-1) solid var(--color-100-warning);
|
|
1200
|
+
--border-2-100-warning: var(--border-2) solid var(--color-100-warning);
|
|
1201
|
+
--border-4-100-warning: var(--border-4) solid var(--color-100-warning);
|
|
1127
1202
|
--box-shadow-rolster-500: var(--box-shadow-warning-500);
|
|
1128
1203
|
--backdrop-rolster-500: var(--backdrop-warning-500);
|
|
1129
1204
|
--gradient-rolster-500: var(--gradient-warning-500);
|
|
@@ -1138,21 +1213,36 @@
|
|
|
1138
1213
|
--skeleton-rolster-500: var(--skeleton-danger-500);
|
|
1139
1214
|
--skeleton-rolster-300: var(--skeleton-danger-300);
|
|
1140
1215
|
--skeleton-rolster-100: var(--skeleton-danger-100);
|
|
1141
|
-
--border-1-rolster-
|
|
1142
|
-
--border-2-rolster-
|
|
1143
|
-
--border-4-rolster-
|
|
1144
|
-
--border-1-
|
|
1145
|
-
--border-2-
|
|
1146
|
-
--border-4-
|
|
1147
|
-
--border-1-rolster-
|
|
1148
|
-
--border-2-rolster-
|
|
1149
|
-
--border-4-rolster-
|
|
1150
|
-
--border-1-
|
|
1151
|
-
--border-2-
|
|
1152
|
-
--border-4-
|
|
1153
|
-
--border-1-rolster-
|
|
1154
|
-
--border-2-rolster-
|
|
1155
|
-
--border-4-rolster-
|
|
1216
|
+
--border-1-rolster-danger: var(--border-1) solid var(--color-900-danger);
|
|
1217
|
+
--border-2-rolster-danger: var(--border-2) solid var(--color-900-danger);
|
|
1218
|
+
--border-4-rolster-danger: var(--border-4) solid var(--color-900-danger);
|
|
1219
|
+
--border-1-900-danger: var(--border-1) solid var(--color-900-danger);
|
|
1220
|
+
--border-2-900-danger: var(--border-2) solid var(--color-900-danger);
|
|
1221
|
+
--border-4-900-danger: var(--border-4) solid var(--color-900-danger);
|
|
1222
|
+
--border-1-rolster-danger: var(--border-1) solid var(--color-700-danger);
|
|
1223
|
+
--border-2-rolster-danger: var(--border-2) solid var(--color-700-danger);
|
|
1224
|
+
--border-4-rolster-danger: var(--border-4) solid var(--color-700-danger);
|
|
1225
|
+
--border-1-700-danger: var(--border-1) solid var(--color-700-danger);
|
|
1226
|
+
--border-2-700-danger: var(--border-2) solid var(--color-700-danger);
|
|
1227
|
+
--border-4-700-danger: var(--border-4) solid var(--color-700-danger);
|
|
1228
|
+
--border-1-rolster-danger: var(--border-1) solid var(--color-500-danger);
|
|
1229
|
+
--border-2-rolster-danger: var(--border-2) solid var(--color-500-danger);
|
|
1230
|
+
--border-4-rolster-danger: var(--border-4) solid var(--color-500-danger);
|
|
1231
|
+
--border-1-500-danger: var(--border-1) solid var(--color-500-danger);
|
|
1232
|
+
--border-2-500-danger: var(--border-2) solid var(--color-500-danger);
|
|
1233
|
+
--border-4-500-danger: var(--border-4) solid var(--color-500-danger);
|
|
1234
|
+
--border-1-rolster-danger: var(--border-1) solid var(--color-300-danger);
|
|
1235
|
+
--border-2-rolster-danger: var(--border-2) solid var(--color-300-danger);
|
|
1236
|
+
--border-4-rolster-danger: var(--border-4) solid var(--color-300-danger);
|
|
1237
|
+
--border-1-300-danger: var(--border-1) solid var(--color-300-danger);
|
|
1238
|
+
--border-2-300-danger: var(--border-2) solid var(--color-300-danger);
|
|
1239
|
+
--border-4-300-danger: var(--border-4) solid var(--color-300-danger);
|
|
1240
|
+
--border-1-rolster-danger: var(--border-1) solid var(--color-100-danger);
|
|
1241
|
+
--border-2-rolster-danger: var(--border-2) solid var(--color-100-danger);
|
|
1242
|
+
--border-4-rolster-danger: var(--border-4) solid var(--color-100-danger);
|
|
1243
|
+
--border-1-100-danger: var(--border-1) solid var(--color-100-danger);
|
|
1244
|
+
--border-2-100-danger: var(--border-2) solid var(--color-100-danger);
|
|
1245
|
+
--border-4-100-danger: var(--border-4) solid var(--color-100-danger);
|
|
1156
1246
|
--box-shadow-rolster-500: var(--box-shadow-danger-500);
|
|
1157
1247
|
--backdrop-rolster-500: var(--backdrop-danger-500);
|
|
1158
1248
|
--gradient-rolster-500: var(--gradient-danger-500);
|
|
@@ -3781,6 +3871,7 @@ button {
|
|
|
3781
3871
|
background: #fcfcfc;
|
|
3782
3872
|
}
|
|
3783
3873
|
.rls-datatable__data--error {
|
|
3874
|
+
background: var(--color-danger-100);
|
|
3784
3875
|
border: var(--border-1-danger-100);
|
|
3785
3876
|
}
|
|
3786
3877
|
.rls-datatable__cell {
|