@rolster/styles-foundations 1.1.2 → 1.1.4

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 (8) hide show
  1. package/dist/rolster-styles.css +165 -74
  2. package/dist/rolster-styles.min.css +1 -1
  3. package/dist/rolster-styles.rtl.css +165 -74
  4. package/dist/rolster-styles.rtl.min.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/components/_data-table.scss +1 -0
  7. package/scss/foundations/_colors-foundations.scss +58 -58
  8. package/scss/foundations/_themes-foundations.scss +51 -42
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, 56, 89, 1);
28
- --color-base-700: rgba(23, 79, 144, 1);
29
- --color-base-500: rgba(20, 97, 187, 1);
30
- --color-base-300: rgba(118, 163, 215, 1);
31
- --color-base-100: rgba(217, 229, 244, 1);
32
- --skeleton-base-500: rgba(23, 79, 144, 0.5);
33
- --skeleton-base-300: rgba(23, 79, 144, 0.25);
34
- --skeleton-base-100: rgba(23, 79, 144, 0.1);
35
- --box-shadow-base-500: rgba(20, 97, 187, 0.24);
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(20, 97, 187) 0%,
40
- rgb(23, 79, 144) 100%
39
+ rgb(33, 122, 214) 0%,
40
+ rgb(17, 75, 147) 100%
41
41
  );
42
- --color-success-900: rgba(24, 80, 70, 1);
43
- --color-success-700: rgba(14, 126, 106, 1);
44
- --color-success-500: rgba(7, 162, 135, 1);
45
- --color-success-300: rgba(111, 201, 185, 1);
46
- --color-success-100: rgba(215, 240, 235, 1);
47
- --skeleton-success-500: rgba(14, 126, 106, 0.5);
48
- --skeleton-success-300: rgba(14, 126, 106, 0.25);
49
- --skeleton-success-100: rgba(14, 126, 106, 0.1);
50
- --box-shadow-success-500: rgba(7, 162, 135, 0.24);
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(7, 162, 135) 0%,
55
- rgb(14, 126, 106) 100%
54
+ rgb(12, 192, 157) 0%,
55
+ rgb(10, 123, 104) 100%
56
56
  );
57
- --color-info-900: rgba(30, 87, 110, 1);
58
- --color-info-700: rgba(26, 140, 186, 1);
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(121, 212, 249, 1);
60
+ --color-info-300: rgba(122, 215, 255, 1);
61
61
  --color-info-100: rgba(218, 243, 253, 1);
62
- --skeleton-info-500: rgba(26, 140, 186, 0.5);
63
- --skeleton-info-300: rgba(26, 140, 186, 0.25);
64
- --skeleton-info-100: rgba(26, 140, 186, 0.1);
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(26, 140, 186) 100%
70
+ rgb(0, 110, 164) 100%
71
71
  );
72
- --color-happy-900: rgba(74, 45, 65, 1);
73
- --color-happy-700: rgba(115, 57, 96, 1);
74
- --color-happy-500: rgba(147, 67, 121, 1);
75
- --color-happy-300: rgba(192, 145, 177, 1);
76
- --color-happy-100: rgba(237, 224, 233, 1);
77
- --skeleton-happy-500: rgba(115, 57, 96, 0.5);
78
- --skeleton-happy-300: rgba(115, 57, 96, 0.25);
79
- --skeleton-happy-100: rgba(115, 57, 96, 0.1);
80
- --box-shadow-happy-500: rgba(147, 67, 121, 0.24);
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(147, 67, 121) 0%,
85
- rgb(115, 57, 96) 100%
84
+ rgb(169, 80, 142) 0%,
85
+ rgb(114, 54, 93) 100%
86
86
  );
87
- --color-warning-900: rgba(112, 81, 48, 1);
88
- --color-warning-700: rgba(190, 128, 62, 1);
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(253, 202, 149, 1);
91
- --color-warning-100: rgba(254, 240, 225, 1);
92
- --skeleton-warning-500: rgba(190, 128, 62, 0.5);
93
- --skeleton-warning-300: rgba(190, 128, 62, 0.25);
94
- --skeleton-warning-100: rgba(190, 128, 62, 0.1);
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(190, 128, 62) 100%
100
+ rgb(235, 101, 11) 100%
101
101
  );
102
- --color-danger-900: rgba(109, 43, 43, 1);
103
- --color-danger-700: rgba(185, 52, 52, 1);
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(248, 141, 141, 1);
106
- --color-danger-100: rgba(253, 223, 223, 1);
107
- --skeleton-danger-500: rgba(185, 52, 52, 0.5);
108
- --skeleton-danger-300: rgba(185, 52, 52, 0.25);
109
- --skeleton-danger-100: rgba(185, 52, 52, 0.1);
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(185, 52, 52) 100%
115
+ rgb(190, 23, 23) 100%
116
116
  );
117
117
  }
118
118
 
@@ -963,24 +963,39 @@
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
+ --box-shadow-rolster-500: var(--box-shadow-base-500);
967
+ --backdrop-rolster-500: var(--backdrop-base-500);
968
+ --gradient-rolster-500: var(--gradient-base-500);
966
969
  --border-1-rolster-900: var(--border-1) solid var(--color-base-900);
967
970
  --border-2-rolster-900: var(--border-2) solid var(--color-base-900);
968
971
  --border-4-rolster-900: var(--border-4) solid var(--color-base-900);
972
+ --border-1-base-900: var(--border-1) solid var(--color-base-900);
973
+ --border-2-base-900: var(--border-2) solid var(--color-base-900);
974
+ --border-4-base-900: var(--border-4) solid var(--color-base-900);
969
975
  --border-1-rolster-700: var(--border-1) solid var(--color-base-700);
970
976
  --border-2-rolster-700: var(--border-2) solid var(--color-base-700);
971
977
  --border-4-rolster-700: var(--border-4) solid var(--color-base-700);
978
+ --border-1-base-700: var(--border-1) solid var(--color-base-700);
979
+ --border-2-base-700: var(--border-2) solid var(--color-base-700);
980
+ --border-4-base-700: var(--border-4) solid var(--color-base-700);
972
981
  --border-1-rolster-500: var(--border-1) solid var(--color-base-500);
973
982
  --border-2-rolster-500: var(--border-2) solid var(--color-base-500);
974
983
  --border-4-rolster-500: var(--border-4) solid var(--color-base-500);
984
+ --border-1-base-500: var(--border-1) solid var(--color-base-500);
985
+ --border-2-base-500: var(--border-2) solid var(--color-base-500);
986
+ --border-4-base-500: var(--border-4) solid var(--color-base-500);
975
987
  --border-1-rolster-300: var(--border-1) solid var(--color-base-300);
976
988
  --border-2-rolster-300: var(--border-2) solid var(--color-base-300);
977
989
  --border-4-rolster-300: var(--border-4) solid var(--color-base-300);
990
+ --border-1-base-300: var(--border-1) solid var(--color-base-300);
991
+ --border-2-base-300: var(--border-2) solid var(--color-base-300);
992
+ --border-4-base-300: var(--border-4) solid var(--color-base-300);
978
993
  --border-1-rolster-100: var(--border-1) solid var(--color-base-100);
979
994
  --border-2-rolster-100: var(--border-2) solid var(--color-base-100);
980
995
  --border-4-rolster-100: var(--border-4) solid var(--color-base-100);
981
- --box-shadow-rolster-500: var(--box-shadow-base-500);
982
- --backdrop-rolster-500: var(--backdrop-base-500);
983
- --gradient-rolster-500: var(--gradient-base-500);
996
+ --border-1-base-100: var(--border-1) solid var(--color-base-100);
997
+ --border-2-base-100: var(--border-2) solid var(--color-base-100);
998
+ --border-4-base-100: var(--border-4) solid var(--color-base-100);
984
999
  --shadow-bottom-theme-2: var(--shadow-bottom-light-2);
985
1000
  --shadow-bottom-theme-4: var(--shadow-bottom-light-4);
986
1001
  --shadow-bottom-theme-8: var(--shadow-bottom-light-8);
@@ -1022,24 +1037,39 @@
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);
1040
+ --box-shadow-rolster-500: var(--box-shadow-success-500);
1041
+ --backdrop-rolster-500: var(--backdrop-success-500);
1042
+ --gradient-rolster-500: var(--gradient-success-500);
1025
1043
  --border-1-rolster-900: var(--border-1) solid var(--color-success-900);
1026
1044
  --border-2-rolster-900: var(--border-2) solid var(--color-success-900);
1027
1045
  --border-4-rolster-900: var(--border-4) solid var(--color-success-900);
1046
+ --border-1-success-900: var(--border-1) solid var(--color-success-900);
1047
+ --border-2-success-900: var(--border-2) solid var(--color-success-900);
1048
+ --border-4-success-900: var(--border-4) solid var(--color-success-900);
1028
1049
  --border-1-rolster-700: var(--border-1) solid var(--color-success-700);
1029
1050
  --border-2-rolster-700: var(--border-2) solid var(--color-success-700);
1030
1051
  --border-4-rolster-700: var(--border-4) solid var(--color-success-700);
1052
+ --border-1-success-700: var(--border-1) solid var(--color-success-700);
1053
+ --border-2-success-700: var(--border-2) solid var(--color-success-700);
1054
+ --border-4-success-700: var(--border-4) solid var(--color-success-700);
1031
1055
  --border-1-rolster-500: var(--border-1) solid var(--color-success-500);
1032
1056
  --border-2-rolster-500: var(--border-2) solid var(--color-success-500);
1033
1057
  --border-4-rolster-500: var(--border-4) solid var(--color-success-500);
1058
+ --border-1-success-500: var(--border-1) solid var(--color-success-500);
1059
+ --border-2-success-500: var(--border-2) solid var(--color-success-500);
1060
+ --border-4-success-500: var(--border-4) solid var(--color-success-500);
1034
1061
  --border-1-rolster-300: var(--border-1) solid var(--color-success-300);
1035
1062
  --border-2-rolster-300: var(--border-2) solid var(--color-success-300);
1036
1063
  --border-4-rolster-300: var(--border-4) solid var(--color-success-300);
1064
+ --border-1-success-300: var(--border-1) solid var(--color-success-300);
1065
+ --border-2-success-300: var(--border-2) solid var(--color-success-300);
1066
+ --border-4-success-300: var(--border-4) solid var(--color-success-300);
1037
1067
  --border-1-rolster-100: var(--border-1) solid var(--color-success-100);
1038
1068
  --border-2-rolster-100: var(--border-2) solid var(--color-success-100);
1039
1069
  --border-4-rolster-100: var(--border-4) solid var(--color-success-100);
1040
- --box-shadow-rolster-500: var(--box-shadow-success-500);
1041
- --backdrop-rolster-500: var(--backdrop-success-500);
1042
- --gradient-rolster-500: var(--gradient-success-500);
1070
+ --border-1-success-100: var(--border-1) solid var(--color-success-100);
1071
+ --border-2-success-100: var(--border-2) solid var(--color-success-100);
1072
+ --border-4-success-100: var(--border-4) solid var(--color-success-100);
1043
1073
  }
1044
1074
 
1045
1075
  *[rls-theme='info'] {
@@ -1051,24 +1081,39 @@
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);
1084
+ --box-shadow-rolster-500: var(--box-shadow-info-500);
1085
+ --backdrop-rolster-500: var(--backdrop-info-500);
1086
+ --gradient-rolster-500: var(--gradient-info-500);
1054
1087
  --border-1-rolster-900: var(--border-1) solid var(--color-info-900);
1055
1088
  --border-2-rolster-900: var(--border-2) solid var(--color-info-900);
1056
1089
  --border-4-rolster-900: var(--border-4) solid var(--color-info-900);
1090
+ --border-1-info-900: var(--border-1) solid var(--color-info-900);
1091
+ --border-2-info-900: var(--border-2) solid var(--color-info-900);
1092
+ --border-4-info-900: var(--border-4) solid var(--color-info-900);
1057
1093
  --border-1-rolster-700: var(--border-1) solid var(--color-info-700);
1058
1094
  --border-2-rolster-700: var(--border-2) solid var(--color-info-700);
1059
1095
  --border-4-rolster-700: var(--border-4) solid var(--color-info-700);
1096
+ --border-1-info-700: var(--border-1) solid var(--color-info-700);
1097
+ --border-2-info-700: var(--border-2) solid var(--color-info-700);
1098
+ --border-4-info-700: var(--border-4) solid var(--color-info-700);
1060
1099
  --border-1-rolster-500: var(--border-1) solid var(--color-info-500);
1061
1100
  --border-2-rolster-500: var(--border-2) solid var(--color-info-500);
1062
1101
  --border-4-rolster-500: var(--border-4) solid var(--color-info-500);
1102
+ --border-1-info-500: var(--border-1) solid var(--color-info-500);
1103
+ --border-2-info-500: var(--border-2) solid var(--color-info-500);
1104
+ --border-4-info-500: var(--border-4) solid var(--color-info-500);
1063
1105
  --border-1-rolster-300: var(--border-1) solid var(--color-info-300);
1064
1106
  --border-2-rolster-300: var(--border-2) solid var(--color-info-300);
1065
1107
  --border-4-rolster-300: var(--border-4) solid var(--color-info-300);
1108
+ --border-1-info-300: var(--border-1) solid var(--color-info-300);
1109
+ --border-2-info-300: var(--border-2) solid var(--color-info-300);
1110
+ --border-4-info-300: var(--border-4) solid var(--color-info-300);
1066
1111
  --border-1-rolster-100: var(--border-1) solid var(--color-info-100);
1067
1112
  --border-2-rolster-100: var(--border-2) solid var(--color-info-100);
1068
1113
  --border-4-rolster-100: var(--border-4) solid var(--color-info-100);
1069
- --box-shadow-rolster-500: var(--box-shadow-info-500);
1070
- --backdrop-rolster-500: var(--backdrop-info-500);
1071
- --gradient-rolster-500: var(--gradient-info-500);
1114
+ --border-1-info-100: var(--border-1) solid var(--color-info-100);
1115
+ --border-2-info-100: var(--border-2) solid var(--color-info-100);
1116
+ --border-4-info-100: var(--border-4) solid var(--color-info-100);
1072
1117
  }
1073
1118
 
1074
1119
  *[rls-theme='happy'] {
@@ -1080,24 +1125,39 @@
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);
1128
+ --box-shadow-rolster-500: var(--box-shadow-happy-500);
1129
+ --backdrop-rolster-500: var(--backdrop-happy-500);
1130
+ --gradient-rolster-500: var(--gradient-happy-500);
1083
1131
  --border-1-rolster-900: var(--border-1) solid var(--color-happy-900);
1084
1132
  --border-2-rolster-900: var(--border-2) solid var(--color-happy-900);
1085
1133
  --border-4-rolster-900: var(--border-4) solid var(--color-happy-900);
1134
+ --border-1-happy-900: var(--border-1) solid var(--color-happy-900);
1135
+ --border-2-happy-900: var(--border-2) solid var(--color-happy-900);
1136
+ --border-4-happy-900: var(--border-4) solid var(--color-happy-900);
1086
1137
  --border-1-rolster-700: var(--border-1) solid var(--color-happy-700);
1087
1138
  --border-2-rolster-700: var(--border-2) solid var(--color-happy-700);
1088
1139
  --border-4-rolster-700: var(--border-4) solid var(--color-happy-700);
1140
+ --border-1-happy-700: var(--border-1) solid var(--color-happy-700);
1141
+ --border-2-happy-700: var(--border-2) solid var(--color-happy-700);
1142
+ --border-4-happy-700: var(--border-4) solid var(--color-happy-700);
1089
1143
  --border-1-rolster-500: var(--border-1) solid var(--color-happy-500);
1090
1144
  --border-2-rolster-500: var(--border-2) solid var(--color-happy-500);
1091
1145
  --border-4-rolster-500: var(--border-4) solid var(--color-happy-500);
1146
+ --border-1-happy-500: var(--border-1) solid var(--color-happy-500);
1147
+ --border-2-happy-500: var(--border-2) solid var(--color-happy-500);
1148
+ --border-4-happy-500: var(--border-4) solid var(--color-happy-500);
1092
1149
  --border-1-rolster-300: var(--border-1) solid var(--color-happy-300);
1093
1150
  --border-2-rolster-300: var(--border-2) solid var(--color-happy-300);
1094
1151
  --border-4-rolster-300: var(--border-4) solid var(--color-happy-300);
1152
+ --border-1-happy-300: var(--border-1) solid var(--color-happy-300);
1153
+ --border-2-happy-300: var(--border-2) solid var(--color-happy-300);
1154
+ --border-4-happy-300: var(--border-4) solid var(--color-happy-300);
1095
1155
  --border-1-rolster-100: var(--border-1) solid var(--color-happy-100);
1096
1156
  --border-2-rolster-100: var(--border-2) solid var(--color-happy-100);
1097
1157
  --border-4-rolster-100: var(--border-4) solid var(--color-happy-100);
1098
- --box-shadow-rolster-500: var(--box-shadow-happy-500);
1099
- --backdrop-rolster-500: var(--backdrop-happy-500);
1100
- --gradient-rolster-500: var(--gradient-happy-500);
1158
+ --border-1-happy-100: var(--border-1) solid var(--color-happy-100);
1159
+ --border-2-happy-100: var(--border-2) solid var(--color-happy-100);
1160
+ --border-4-happy-100: var(--border-4) solid var(--color-happy-100);
1101
1161
  }
1102
1162
 
1103
1163
  *[rls-theme='warning'] {
@@ -1109,24 +1169,39 @@
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);
1172
+ --box-shadow-rolster-500: var(--box-shadow-warning-500);
1173
+ --backdrop-rolster-500: var(--backdrop-warning-500);
1174
+ --gradient-rolster-500: var(--gradient-warning-500);
1112
1175
  --border-1-rolster-900: var(--border-1) solid var(--color-warning-900);
1113
1176
  --border-2-rolster-900: var(--border-2) solid var(--color-warning-900);
1114
1177
  --border-4-rolster-900: var(--border-4) solid var(--color-warning-900);
1178
+ --border-1-warning-900: var(--border-1) solid var(--color-warning-900);
1179
+ --border-2-warning-900: var(--border-2) solid var(--color-warning-900);
1180
+ --border-4-warning-900: var(--border-4) solid var(--color-warning-900);
1115
1181
  --border-1-rolster-700: var(--border-1) solid var(--color-warning-700);
1116
1182
  --border-2-rolster-700: var(--border-2) solid var(--color-warning-700);
1117
1183
  --border-4-rolster-700: var(--border-4) solid var(--color-warning-700);
1184
+ --border-1-warning-700: var(--border-1) solid var(--color-warning-700);
1185
+ --border-2-warning-700: var(--border-2) solid var(--color-warning-700);
1186
+ --border-4-warning-700: var(--border-4) solid var(--color-warning-700);
1118
1187
  --border-1-rolster-500: var(--border-1) solid var(--color-warning-500);
1119
1188
  --border-2-rolster-500: var(--border-2) solid var(--color-warning-500);
1120
1189
  --border-4-rolster-500: var(--border-4) solid var(--color-warning-500);
1190
+ --border-1-warning-500: var(--border-1) solid var(--color-warning-500);
1191
+ --border-2-warning-500: var(--border-2) solid var(--color-warning-500);
1192
+ --border-4-warning-500: var(--border-4) solid var(--color-warning-500);
1121
1193
  --border-1-rolster-300: var(--border-1) solid var(--color-warning-300);
1122
1194
  --border-2-rolster-300: var(--border-2) solid var(--color-warning-300);
1123
1195
  --border-4-rolster-300: var(--border-4) solid var(--color-warning-300);
1196
+ --border-1-warning-300: var(--border-1) solid var(--color-warning-300);
1197
+ --border-2-warning-300: var(--border-2) solid var(--color-warning-300);
1198
+ --border-4-warning-300: var(--border-4) solid var(--color-warning-300);
1124
1199
  --border-1-rolster-100: var(--border-1) solid var(--color-warning-100);
1125
1200
  --border-2-rolster-100: var(--border-2) solid var(--color-warning-100);
1126
1201
  --border-4-rolster-100: var(--border-4) solid var(--color-warning-100);
1127
- --box-shadow-rolster-500: var(--box-shadow-warning-500);
1128
- --backdrop-rolster-500: var(--backdrop-warning-500);
1129
- --gradient-rolster-500: var(--gradient-warning-500);
1202
+ --border-1-warning-100: var(--border-1) solid var(--color-warning-100);
1203
+ --border-2-warning-100: var(--border-2) solid var(--color-warning-100);
1204
+ --border-4-warning-100: var(--border-4) solid var(--color-warning-100);
1130
1205
  }
1131
1206
 
1132
1207
  *[rls-theme='danger'] {
@@ -1138,24 +1213,39 @@
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);
1216
+ --box-shadow-rolster-500: var(--box-shadow-danger-500);
1217
+ --backdrop-rolster-500: var(--backdrop-danger-500);
1218
+ --gradient-rolster-500: var(--gradient-danger-500);
1141
1219
  --border-1-rolster-900: var(--border-1) solid var(--color-danger-900);
1142
1220
  --border-2-rolster-900: var(--border-2) solid var(--color-danger-900);
1143
1221
  --border-4-rolster-900: var(--border-4) solid var(--color-danger-900);
1222
+ --border-1-danger-900: var(--border-1) solid var(--color-danger-900);
1223
+ --border-2-danger-900: var(--border-2) solid var(--color-danger-900);
1224
+ --border-4-danger-900: var(--border-4) solid var(--color-danger-900);
1144
1225
  --border-1-rolster-700: var(--border-1) solid var(--color-danger-700);
1145
1226
  --border-2-rolster-700: var(--border-2) solid var(--color-danger-700);
1146
1227
  --border-4-rolster-700: var(--border-4) solid var(--color-danger-700);
1228
+ --border-1-danger-700: var(--border-1) solid var(--color-danger-700);
1229
+ --border-2-danger-700: var(--border-2) solid var(--color-danger-700);
1230
+ --border-4-danger-700: var(--border-4) solid var(--color-danger-700);
1147
1231
  --border-1-rolster-500: var(--border-1) solid var(--color-danger-500);
1148
1232
  --border-2-rolster-500: var(--border-2) solid var(--color-danger-500);
1149
1233
  --border-4-rolster-500: var(--border-4) solid var(--color-danger-500);
1234
+ --border-1-danger-500: var(--border-1) solid var(--color-danger-500);
1235
+ --border-2-danger-500: var(--border-2) solid var(--color-danger-500);
1236
+ --border-4-danger-500: var(--border-4) solid var(--color-danger-500);
1150
1237
  --border-1-rolster-300: var(--border-1) solid var(--color-danger-300);
1151
1238
  --border-2-rolster-300: var(--border-2) solid var(--color-danger-300);
1152
1239
  --border-4-rolster-300: var(--border-4) solid var(--color-danger-300);
1240
+ --border-1-danger-300: var(--border-1) solid var(--color-danger-300);
1241
+ --border-2-danger-300: var(--border-2) solid var(--color-danger-300);
1242
+ --border-4-danger-300: var(--border-4) solid var(--color-danger-300);
1153
1243
  --border-1-rolster-100: var(--border-1) solid var(--color-danger-100);
1154
1244
  --border-2-rolster-100: var(--border-2) solid var(--color-danger-100);
1155
1245
  --border-4-rolster-100: var(--border-4) solid var(--color-danger-100);
1156
- --box-shadow-rolster-500: var(--box-shadow-danger-500);
1157
- --backdrop-rolster-500: var(--backdrop-danger-500);
1158
- --gradient-rolster-500: var(--gradient-danger-500);
1246
+ --border-1-danger-100: var(--border-1) solid var(--color-danger-100);
1247
+ --border-2-danger-100: var(--border-2) solid var(--color-danger-100);
1248
+ --border-4-danger-100: var(--border-4) solid var(--color-danger-100);
1159
1249
  }
1160
1250
 
1161
1251
  :root {
@@ -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 {