@rolster/styles-foundations 1.1.1 → 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.
Files changed (12) hide show
  1. package/dist/rolster-styles.css +367 -277
  2. package/dist/rolster-styles.min.css +1 -1
  3. package/dist/rolster-styles.rtl.css +367 -277
  4. package/dist/rolster-styles.rtl.min.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/components/_app.scss +3 -3
  7. package/scss/components/_data-table.scss +1 -0
  8. package/scss/components/_list-field.scss +1 -1
  9. package/scss/foundations/_colors-foundations.scss +58 -58
  10. package/scss/foundations/_themes-foundations.scss +46 -37
  11. package/scss/utilities/_layout-utilities.scss +19 -19
  12. package/scss/utilities/_normalize-utilities.scss +1 -2
package/dist/rolster-styles.rtl.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,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-900: var(--border-1) solid var(--color-base-900);
967
- --border-2-rolster-900: var(--border-2) solid var(--color-base-900);
968
- --border-4-rolster-900: var(--border-4) solid var(--color-base-900);
969
- --border-1-rolster-700: var(--border-1) solid var(--color-base-700);
970
- --border-2-rolster-700: var(--border-2) solid var(--color-base-700);
971
- --border-4-rolster-700: var(--border-4) solid var(--color-base-700);
972
- --border-1-rolster-500: var(--border-1) solid var(--color-base-500);
973
- --border-2-rolster-500: var(--border-2) solid var(--color-base-500);
974
- --border-4-rolster-500: var(--border-4) solid var(--color-base-500);
975
- --border-1-rolster-300: var(--border-1) solid var(--color-base-300);
976
- --border-2-rolster-300: var(--border-2) solid var(--color-base-300);
977
- --border-4-rolster-300: var(--border-4) solid var(--color-base-300);
978
- --border-1-rolster-100: var(--border-1) solid var(--color-base-100);
979
- --border-2-rolster-100: var(--border-2) solid var(--color-base-100);
980
- --border-4-rolster-100: var(--border-4) solid var(--color-base-100);
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-bottom-theme-2: var(--shadow-bottom-light-2);
985
- --shadow-bottom-theme-4: var(--shadow-bottom-light-4);
986
- --shadow-bottom-theme-8: var(--shadow-bottom-light-8);
987
- --shadow-bottom-theme-16: var(--shadow-bottom-light-16);
988
- --shadow-bottom-theme-24: var(--shadow-bottom-light-24);
989
- --shadow-bottom-theme-32: var(--shadow-bottom-light-32);
990
- --shadow-top-theme-2: var(--shadow-top-light-2);
991
- --shadow-top-theme-4: var(--shadow-top-light-4);
992
- --shadow-top-theme-8: var(--shadow-top-light-8);
993
- --shadow-top-theme-16: var(--shadow-top-light-16);
994
- --shadow-top-theme-24: var(--shadow-top-light-24);
995
- --shadow-top-theme-32: var(--shadow-top-light-32);
996
- --shadow-right-theme-2: var(--shadow-right-light-2);
997
- --shadow-right-theme-4: var(--shadow-right-light-4);
998
- --shadow-right-theme-8: var(--shadow-right-light-8);
999
- --shadow-right-theme-16: var(--shadow-right-light-16);
1000
- --shadow-right-theme-24: var(--shadow-right-light-24);
1001
- --shadow-right-theme-32: var(--shadow-right-light-32);
1002
- --shadow-left-theme-2: var(--shadow-left-light-2);
1003
- --shadow-left-theme-4: var(--shadow-left-light-4);
1004
- --shadow-left-theme-8: var(--shadow-left-light-8);
1005
- --shadow-left-theme-16: var(--shadow-left-light-16);
1006
- --shadow-left-theme-24: var(--shadow-left-light-24);
1007
- --shadow-left-theme-32: var(--shadow-left-light-32);
1008
- --shadow-center-theme-2: var(--shadow-center-light-2);
1009
- --shadow-center-theme-4: var(--shadow-center-light-4);
1010
- --shadow-center-theme-8: var(--shadow-center-light-8);
1011
- --shadow-center-theme-16: var(--shadow-center-light-16);
1012
- --shadow-center-theme-24: var(--shadow-center-light-24);
1013
- --shadow-center-theme-32: var(--shadow-center-light-32);
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-900: var(--border-1) solid var(--color-success-900);
1026
- --border-2-rolster-900: var(--border-2) solid var(--color-success-900);
1027
- --border-4-rolster-900: var(--border-4) solid var(--color-success-900);
1028
- --border-1-rolster-700: var(--border-1) solid var(--color-success-700);
1029
- --border-2-rolster-700: var(--border-2) solid var(--color-success-700);
1030
- --border-4-rolster-700: var(--border-4) solid var(--color-success-700);
1031
- --border-1-rolster-500: var(--border-1) solid var(--color-success-500);
1032
- --border-2-rolster-500: var(--border-2) solid var(--color-success-500);
1033
- --border-4-rolster-500: var(--border-4) solid var(--color-success-500);
1034
- --border-1-rolster-300: var(--border-1) solid var(--color-success-300);
1035
- --border-2-rolster-300: var(--border-2) solid var(--color-success-300);
1036
- --border-4-rolster-300: var(--border-4) solid var(--color-success-300);
1037
- --border-1-rolster-100: var(--border-1) solid var(--color-success-100);
1038
- --border-2-rolster-100: var(--border-2) solid var(--color-success-100);
1039
- --border-4-rolster-100: var(--border-4) solid var(--color-success-100);
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-900: var(--border-1) solid var(--color-info-900);
1055
- --border-2-rolster-900: var(--border-2) solid var(--color-info-900);
1056
- --border-4-rolster-900: var(--border-4) solid var(--color-info-900);
1057
- --border-1-rolster-700: var(--border-1) solid var(--color-info-700);
1058
- --border-2-rolster-700: var(--border-2) solid var(--color-info-700);
1059
- --border-4-rolster-700: var(--border-4) solid var(--color-info-700);
1060
- --border-1-rolster-500: var(--border-1) solid var(--color-info-500);
1061
- --border-2-rolster-500: var(--border-2) solid var(--color-info-500);
1062
- --border-4-rolster-500: var(--border-4) solid var(--color-info-500);
1063
- --border-1-rolster-300: var(--border-1) solid var(--color-info-300);
1064
- --border-2-rolster-300: var(--border-2) solid var(--color-info-300);
1065
- --border-4-rolster-300: var(--border-4) solid var(--color-info-300);
1066
- --border-1-rolster-100: var(--border-1) solid var(--color-info-100);
1067
- --border-2-rolster-100: var(--border-2) solid var(--color-info-100);
1068
- --border-4-rolster-100: var(--border-4) solid var(--color-info-100);
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-900: var(--border-1) solid var(--color-happy-900);
1084
- --border-2-rolster-900: var(--border-2) solid var(--color-happy-900);
1085
- --border-4-rolster-900: var(--border-4) solid var(--color-happy-900);
1086
- --border-1-rolster-700: var(--border-1) solid var(--color-happy-700);
1087
- --border-2-rolster-700: var(--border-2) solid var(--color-happy-700);
1088
- --border-4-rolster-700: var(--border-4) solid var(--color-happy-700);
1089
- --border-1-rolster-500: var(--border-1) solid var(--color-happy-500);
1090
- --border-2-rolster-500: var(--border-2) solid var(--color-happy-500);
1091
- --border-4-rolster-500: var(--border-4) solid var(--color-happy-500);
1092
- --border-1-rolster-300: var(--border-1) solid var(--color-happy-300);
1093
- --border-2-rolster-300: var(--border-2) solid var(--color-happy-300);
1094
- --border-4-rolster-300: var(--border-4) solid var(--color-happy-300);
1095
- --border-1-rolster-100: var(--border-1) solid var(--color-happy-100);
1096
- --border-2-rolster-100: var(--border-2) solid var(--color-happy-100);
1097
- --border-4-rolster-100: var(--border-4) solid var(--color-happy-100);
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-900: var(--border-1) solid var(--color-warning-900);
1113
- --border-2-rolster-900: var(--border-2) solid var(--color-warning-900);
1114
- --border-4-rolster-900: var(--border-4) solid var(--color-warning-900);
1115
- --border-1-rolster-700: var(--border-1) solid var(--color-warning-700);
1116
- --border-2-rolster-700: var(--border-2) solid var(--color-warning-700);
1117
- --border-4-rolster-700: var(--border-4) solid var(--color-warning-700);
1118
- --border-1-rolster-500: var(--border-1) solid var(--color-warning-500);
1119
- --border-2-rolster-500: var(--border-2) solid var(--color-warning-500);
1120
- --border-4-rolster-500: var(--border-4) solid var(--color-warning-500);
1121
- --border-1-rolster-300: var(--border-1) solid var(--color-warning-300);
1122
- --border-2-rolster-300: var(--border-2) solid var(--color-warning-300);
1123
- --border-4-rolster-300: var(--border-4) solid var(--color-warning-300);
1124
- --border-1-rolster-100: var(--border-1) solid var(--color-warning-100);
1125
- --border-2-rolster-100: var(--border-2) solid var(--color-warning-100);
1126
- --border-4-rolster-100: var(--border-4) solid var(--color-warning-100);
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-900: var(--border-1) solid var(--color-danger-900);
1142
- --border-2-rolster-900: var(--border-2) solid var(--color-danger-900);
1143
- --border-4-rolster-900: var(--border-4) solid var(--color-danger-900);
1144
- --border-1-rolster-700: var(--border-1) solid var(--color-danger-700);
1145
- --border-2-rolster-700: var(--border-2) solid var(--color-danger-700);
1146
- --border-4-rolster-700: var(--border-4) solid var(--color-danger-700);
1147
- --border-1-rolster-500: var(--border-1) solid var(--color-danger-500);
1148
- --border-2-rolster-500: var(--border-2) solid var(--color-danger-500);
1149
- --border-4-rolster-500: var(--border-4) solid var(--color-danger-500);
1150
- --border-1-rolster-300: var(--border-1) solid var(--color-danger-300);
1151
- --border-2-rolster-300: var(--border-2) solid var(--color-danger-300);
1152
- --border-4-rolster-300: var(--border-4) solid var(--color-danger-300);
1153
- --border-1-rolster-100: var(--border-1) solid var(--color-danger-100);
1154
- --border-2-rolster-100: var(--border-2) solid var(--color-danger-100);
1155
- --border-4-rolster-100: var(--border-4) solid var(--color-danger-100);
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);
@@ -1250,12 +1340,12 @@ select,
1250
1340
  textarea {
1251
1341
  font-family: inherit;
1252
1342
  line-height: normal;
1343
+ font-size: 8rem;
1253
1344
  }
1254
1345
 
1255
1346
  textarea {
1256
1347
  overflow: auto;
1257
1348
  height: auto;
1258
- font: inherit;
1259
1349
  color: inherit;
1260
1350
  }
1261
1351
 
@@ -1268,7 +1358,6 @@ input,
1268
1358
  optgroup,
1269
1359
  select {
1270
1360
  margin: 0rem;
1271
- font: inherit;
1272
1361
  color: inherit;
1273
1362
  }
1274
1363
 
@@ -1642,22 +1731,22 @@ p {
1642
1731
  .xs-flex-grid-12 {
1643
1732
  --flex-grid-12-gap: 7.3125rem;
1644
1733
  --flex-grid-8-gap: 7rem;
1645
- --flex-grid-6-gap: 6, 6475rem;
1734
+ --flex-grid-6-gap: 6.6475rem;
1646
1735
  --flex-grid-4-gap: 6rem;
1647
- --flex-grid-12-col-2: 6, 624rem;
1736
+ --flex-grid-12-col-2: 6.624rem;
1648
1737
  --flex-grid-12-col-3: 6rem;
1649
- --flex-grid-12-col-4: 5, 38rem;
1650
- --flex-grid-12-col-6: 4, 1rem;
1738
+ --flex-grid-12-col-4: 5.38rem;
1739
+ --flex-grid-12-col-6: 4.1rem;
1651
1740
  --flex-grid-12-col-8: 3rem;
1652
- --flex-grid-8-col-2: 6, 182rem;
1653
- --flex-grid-8-col-3: 5, 2rem;
1741
+ --flex-grid-8-col-2: 6.182rem;
1742
+ --flex-grid-8-col-3: 5.2rem;
1654
1743
  --flex-grid-8-col-4: 4rem;
1655
- --flex-grid-8-col-6: 2, 2rem;
1656
- --flex-grid-6-col-2: 5, 4rem;
1744
+ --flex-grid-8-col-6: 2.2rem;
1745
+ --flex-grid-6-col-2: 5.4rem;
1657
1746
  --flex-grid-6-col-3: 4rem;
1658
- --flex-grid-6-col-4: 2, 84rem;
1747
+ --flex-grid-6-col-4: 2.84rem;
1659
1748
  --flex-grid-4-col-2: 4rem;
1660
- --flex-grid-4-col-3: 2, 2rem;
1749
+ --flex-grid-4-col-3: 2.2rem;
1661
1750
  display: inline-flex;
1662
1751
  flex-wrap: wrap;
1663
1752
  gap: var(--sizing-x6);
@@ -1666,22 +1755,22 @@ p {
1666
1755
  .xs-flex-grid-16 {
1667
1756
  --flex-grid-12-gap: 7.3125rem;
1668
1757
  --flex-grid-8-gap: 7rem;
1669
- --flex-grid-6-gap: 6, 6475rem;
1758
+ --flex-grid-6-gap: 6.6475rem;
1670
1759
  --flex-grid-4-gap: 6rem;
1671
1760
  --flex-grid-12-col-2: 6.66rem;
1672
1761
  --flex-grid-12-col-3: 6rem;
1673
- --flex-grid-12-col-4: 5, 38rem;
1674
- --flex-grid-12-col-6: 4, 1rem;
1762
+ --flex-grid-12-col-4: 5.38rem;
1763
+ --flex-grid-12-col-6: 4.1rem;
1675
1764
  --flex-grid-12-col-8: 3rem;
1676
- --flex-grid-8-col-2: 6, 182rem;
1677
- --flex-grid-8-col-3: 5, 2rem;
1765
+ --flex-grid-8-col-2: 6.182rem;
1766
+ --flex-grid-8-col-3: 5.2rem;
1678
1767
  --flex-grid-8-col-4: 4rem;
1679
- --flex-grid-8-col-6: 2, 2rem;
1680
- --flex-grid-6-col-2: 5, 4rem;
1768
+ --flex-grid-8-col-6: 2.2rem;
1769
+ --flex-grid-6-col-2: 5.4rem;
1681
1770
  --flex-grid-6-col-3: 4rem;
1682
- --flex-grid-6-col-4: 2, 84rem;
1771
+ --flex-grid-6-col-4: 2.84rem;
1683
1772
  --flex-grid-4-col-2: 4rem;
1684
- --flex-grid-4-col-3: 2, 2rem;
1773
+ --flex-grid-4-col-3: 2.2rem;
1685
1774
  display: inline-flex;
1686
1775
  flex-wrap: wrap;
1687
1776
  gap: var(--sizing-x8);
@@ -1802,22 +1891,22 @@ p {
1802
1891
  .sm-flex-grid-12 {
1803
1892
  --flex-grid-12-gap: 7.3125rem;
1804
1893
  --flex-grid-8-gap: 7rem;
1805
- --flex-grid-6-gap: 6, 6475rem;
1894
+ --flex-grid-6-gap: 6.6475rem;
1806
1895
  --flex-grid-4-gap: 6rem;
1807
- --flex-grid-12-col-2: 6, 624rem;
1896
+ --flex-grid-12-col-2: 6.624rem;
1808
1897
  --flex-grid-12-col-3: 6rem;
1809
- --flex-grid-12-col-4: 5, 38rem;
1810
- --flex-grid-12-col-6: 4, 1rem;
1898
+ --flex-grid-12-col-4: 5.38rem;
1899
+ --flex-grid-12-col-6: 4.1rem;
1811
1900
  --flex-grid-12-col-8: 3rem;
1812
- --flex-grid-8-col-2: 6, 182rem;
1813
- --flex-grid-8-col-3: 5, 2rem;
1901
+ --flex-grid-8-col-2: 6.182rem;
1902
+ --flex-grid-8-col-3: 5.2rem;
1814
1903
  --flex-grid-8-col-4: 4rem;
1815
- --flex-grid-8-col-6: 2, 2rem;
1816
- --flex-grid-6-col-2: 5, 4rem;
1904
+ --flex-grid-8-col-6: 2.2rem;
1905
+ --flex-grid-6-col-2: 5.4rem;
1817
1906
  --flex-grid-6-col-3: 4rem;
1818
- --flex-grid-6-col-4: 2, 84rem;
1907
+ --flex-grid-6-col-4: 2.84rem;
1819
1908
  --flex-grid-4-col-2: 4rem;
1820
- --flex-grid-4-col-3: 2, 2rem;
1909
+ --flex-grid-4-col-3: 2.2rem;
1821
1910
  display: inline-flex;
1822
1911
  flex-wrap: wrap;
1823
1912
  gap: var(--sizing-x6);
@@ -1825,22 +1914,22 @@ p {
1825
1914
  .sm-flex-grid-16 {
1826
1915
  --flex-grid-12-gap: 7.3125rem;
1827
1916
  --flex-grid-8-gap: 7rem;
1828
- --flex-grid-6-gap: 6, 6475rem;
1917
+ --flex-grid-6-gap: 6.6475rem;
1829
1918
  --flex-grid-4-gap: 6rem;
1830
1919
  --flex-grid-12-col-2: 6.66rem;
1831
1920
  --flex-grid-12-col-3: 6rem;
1832
- --flex-grid-12-col-4: 5, 38rem;
1833
- --flex-grid-12-col-6: 4, 1rem;
1921
+ --flex-grid-12-col-4: 5.38rem;
1922
+ --flex-grid-12-col-6: 4.1rem;
1834
1923
  --flex-grid-12-col-8: 3rem;
1835
- --flex-grid-8-col-2: 6, 182rem;
1836
- --flex-grid-8-col-3: 5, 2rem;
1924
+ --flex-grid-8-col-2: 6.182rem;
1925
+ --flex-grid-8-col-3: 5.2rem;
1837
1926
  --flex-grid-8-col-4: 4rem;
1838
- --flex-grid-8-col-6: 2, 2rem;
1839
- --flex-grid-6-col-2: 5, 4rem;
1927
+ --flex-grid-8-col-6: 2.2rem;
1928
+ --flex-grid-6-col-2: 5.4rem;
1840
1929
  --flex-grid-6-col-3: 4rem;
1841
- --flex-grid-6-col-4: 2, 84rem;
1930
+ --flex-grid-6-col-4: 2.84rem;
1842
1931
  --flex-grid-4-col-2: 4rem;
1843
- --flex-grid-4-col-3: 2, 2rem;
1932
+ --flex-grid-4-col-3: 2.2rem;
1844
1933
  display: inline-flex;
1845
1934
  flex-wrap: wrap;
1846
1935
  gap: var(--sizing-x8);
@@ -1958,22 +2047,22 @@ p {
1958
2047
  .md-flex-grid-12 {
1959
2048
  --flex-grid-12-gap: 7.3125rem;
1960
2049
  --flex-grid-8-gap: 7rem;
1961
- --flex-grid-6-gap: 6, 6475rem;
2050
+ --flex-grid-6-gap: 6.6475rem;
1962
2051
  --flex-grid-4-gap: 6rem;
1963
- --flex-grid-12-col-2: 6, 624rem;
2052
+ --flex-grid-12-col-2: 6.624rem;
1964
2053
  --flex-grid-12-col-3: 6rem;
1965
- --flex-grid-12-col-4: 5, 38rem;
1966
- --flex-grid-12-col-6: 4, 1rem;
2054
+ --flex-grid-12-col-4: 5.38rem;
2055
+ --flex-grid-12-col-6: 4.1rem;
1967
2056
  --flex-grid-12-col-8: 3rem;
1968
- --flex-grid-8-col-2: 6, 182rem;
1969
- --flex-grid-8-col-3: 5, 2rem;
2057
+ --flex-grid-8-col-2: 6.182rem;
2058
+ --flex-grid-8-col-3: 5.2rem;
1970
2059
  --flex-grid-8-col-4: 4rem;
1971
- --flex-grid-8-col-6: 2, 2rem;
1972
- --flex-grid-6-col-2: 5, 4rem;
2060
+ --flex-grid-8-col-6: 2.2rem;
2061
+ --flex-grid-6-col-2: 5.4rem;
1973
2062
  --flex-grid-6-col-3: 4rem;
1974
- --flex-grid-6-col-4: 2, 84rem;
2063
+ --flex-grid-6-col-4: 2.84rem;
1975
2064
  --flex-grid-4-col-2: 4rem;
1976
- --flex-grid-4-col-3: 2, 2rem;
2065
+ --flex-grid-4-col-3: 2.2rem;
1977
2066
  display: inline-flex;
1978
2067
  flex-wrap: wrap;
1979
2068
  gap: var(--sizing-x6);
@@ -1981,22 +2070,22 @@ p {
1981
2070
  .md-flex-grid-16 {
1982
2071
  --flex-grid-12-gap: 7.3125rem;
1983
2072
  --flex-grid-8-gap: 7rem;
1984
- --flex-grid-6-gap: 6, 6475rem;
2073
+ --flex-grid-6-gap: 6.6475rem;
1985
2074
  --flex-grid-4-gap: 6rem;
1986
2075
  --flex-grid-12-col-2: 6.66rem;
1987
2076
  --flex-grid-12-col-3: 6rem;
1988
- --flex-grid-12-col-4: 5, 38rem;
1989
- --flex-grid-12-col-6: 4, 1rem;
2077
+ --flex-grid-12-col-4: 5.38rem;
2078
+ --flex-grid-12-col-6: 4.1rem;
1990
2079
  --flex-grid-12-col-8: 3rem;
1991
- --flex-grid-8-col-2: 6, 182rem;
1992
- --flex-grid-8-col-3: 5, 2rem;
2080
+ --flex-grid-8-col-2: 6.182rem;
2081
+ --flex-grid-8-col-3: 5.2rem;
1993
2082
  --flex-grid-8-col-4: 4rem;
1994
- --flex-grid-8-col-6: 2, 2rem;
1995
- --flex-grid-6-col-2: 5, 4rem;
2083
+ --flex-grid-8-col-6: 2.2rem;
2084
+ --flex-grid-6-col-2: 5.4rem;
1996
2085
  --flex-grid-6-col-3: 4rem;
1997
- --flex-grid-6-col-4: 2, 84rem;
2086
+ --flex-grid-6-col-4: 2.84rem;
1998
2087
  --flex-grid-4-col-2: 4rem;
1999
- --flex-grid-4-col-3: 2, 2rem;
2088
+ --flex-grid-4-col-3: 2.2rem;
2000
2089
  display: inline-flex;
2001
2090
  flex-wrap: wrap;
2002
2091
  gap: var(--sizing-x8);
@@ -2114,22 +2203,22 @@ p {
2114
2203
  .lg-flex-grid-12 {
2115
2204
  --flex-grid-12-gap: 7.3125rem;
2116
2205
  --flex-grid-8-gap: 7rem;
2117
- --flex-grid-6-gap: 6, 6475rem;
2206
+ --flex-grid-6-gap: 6.6475rem;
2118
2207
  --flex-grid-4-gap: 6rem;
2119
- --flex-grid-12-col-2: 6, 624rem;
2208
+ --flex-grid-12-col-2: 6.624rem;
2120
2209
  --flex-grid-12-col-3: 6rem;
2121
- --flex-grid-12-col-4: 5, 38rem;
2122
- --flex-grid-12-col-6: 4, 1rem;
2210
+ --flex-grid-12-col-4: 5.38rem;
2211
+ --flex-grid-12-col-6: 4.1rem;
2123
2212
  --flex-grid-12-col-8: 3rem;
2124
- --flex-grid-8-col-2: 6, 182rem;
2125
- --flex-grid-8-col-3: 5, 2rem;
2213
+ --flex-grid-8-col-2: 6.182rem;
2214
+ --flex-grid-8-col-3: 5.2rem;
2126
2215
  --flex-grid-8-col-4: 4rem;
2127
- --flex-grid-8-col-6: 2, 2rem;
2128
- --flex-grid-6-col-2: 5, 4rem;
2216
+ --flex-grid-8-col-6: 2.2rem;
2217
+ --flex-grid-6-col-2: 5.4rem;
2129
2218
  --flex-grid-6-col-3: 4rem;
2130
- --flex-grid-6-col-4: 2, 84rem;
2219
+ --flex-grid-6-col-4: 2.84rem;
2131
2220
  --flex-grid-4-col-2: 4rem;
2132
- --flex-grid-4-col-3: 2, 2rem;
2221
+ --flex-grid-4-col-3: 2.2rem;
2133
2222
  display: inline-flex;
2134
2223
  flex-wrap: wrap;
2135
2224
  gap: var(--sizing-x6);
@@ -2137,22 +2226,22 @@ p {
2137
2226
  .lg-flex-grid-16 {
2138
2227
  --flex-grid-12-gap: 7.3125rem;
2139
2228
  --flex-grid-8-gap: 7rem;
2140
- --flex-grid-6-gap: 6, 6475rem;
2229
+ --flex-grid-6-gap: 6.6475rem;
2141
2230
  --flex-grid-4-gap: 6rem;
2142
2231
  --flex-grid-12-col-2: 6.66rem;
2143
2232
  --flex-grid-12-col-3: 6rem;
2144
- --flex-grid-12-col-4: 5, 38rem;
2145
- --flex-grid-12-col-6: 4, 1rem;
2233
+ --flex-grid-12-col-4: 5.38rem;
2234
+ --flex-grid-12-col-6: 4.1rem;
2146
2235
  --flex-grid-12-col-8: 3rem;
2147
- --flex-grid-8-col-2: 6, 182rem;
2148
- --flex-grid-8-col-3: 5, 2rem;
2236
+ --flex-grid-8-col-2: 6.182rem;
2237
+ --flex-grid-8-col-3: 5.2rem;
2149
2238
  --flex-grid-8-col-4: 4rem;
2150
- --flex-grid-8-col-6: 2, 2rem;
2151
- --flex-grid-6-col-2: 5, 4rem;
2239
+ --flex-grid-8-col-6: 2.2rem;
2240
+ --flex-grid-6-col-2: 5.4rem;
2152
2241
  --flex-grid-6-col-3: 4rem;
2153
- --flex-grid-6-col-4: 2, 84rem;
2242
+ --flex-grid-6-col-4: 2.84rem;
2154
2243
  --flex-grid-4-col-2: 4rem;
2155
- --flex-grid-4-col-3: 2, 2rem;
2244
+ --flex-grid-4-col-3: 2.2rem;
2156
2245
  display: inline-flex;
2157
2246
  flex-wrap: wrap;
2158
2247
  gap: var(--sizing-x8);
@@ -2270,22 +2359,22 @@ p {
2270
2359
  .xl-flex-grid-12 {
2271
2360
  --flex-grid-12-gap: 7.3125rem;
2272
2361
  --flex-grid-8-gap: 7rem;
2273
- --flex-grid-6-gap: 6, 6475rem;
2362
+ --flex-grid-6-gap: 6.6475rem;
2274
2363
  --flex-grid-4-gap: 6rem;
2275
- --flex-grid-12-col-2: 6, 624rem;
2364
+ --flex-grid-12-col-2: 6.624rem;
2276
2365
  --flex-grid-12-col-3: 6rem;
2277
- --flex-grid-12-col-4: 5, 38rem;
2278
- --flex-grid-12-col-6: 4, 1rem;
2366
+ --flex-grid-12-col-4: 5.38rem;
2367
+ --flex-grid-12-col-6: 4.1rem;
2279
2368
  --flex-grid-12-col-8: 3rem;
2280
- --flex-grid-8-col-2: 6, 182rem;
2281
- --flex-grid-8-col-3: 5, 2rem;
2369
+ --flex-grid-8-col-2: 6.182rem;
2370
+ --flex-grid-8-col-3: 5.2rem;
2282
2371
  --flex-grid-8-col-4: 4rem;
2283
- --flex-grid-8-col-6: 2, 2rem;
2284
- --flex-grid-6-col-2: 5, 4rem;
2372
+ --flex-grid-8-col-6: 2.2rem;
2373
+ --flex-grid-6-col-2: 5.4rem;
2285
2374
  --flex-grid-6-col-3: 4rem;
2286
- --flex-grid-6-col-4: 2, 84rem;
2375
+ --flex-grid-6-col-4: 2.84rem;
2287
2376
  --flex-grid-4-col-2: 4rem;
2288
- --flex-grid-4-col-3: 2, 2rem;
2377
+ --flex-grid-4-col-3: 2.2rem;
2289
2378
  display: inline-flex;
2290
2379
  flex-wrap: wrap;
2291
2380
  gap: var(--sizing-x6);
@@ -2293,22 +2382,22 @@ p {
2293
2382
  .xl-flex-grid-16 {
2294
2383
  --flex-grid-12-gap: 7.3125rem;
2295
2384
  --flex-grid-8-gap: 7rem;
2296
- --flex-grid-6-gap: 6, 6475rem;
2385
+ --flex-grid-6-gap: 6.6475rem;
2297
2386
  --flex-grid-4-gap: 6rem;
2298
2387
  --flex-grid-12-col-2: 6.66rem;
2299
2388
  --flex-grid-12-col-3: 6rem;
2300
- --flex-grid-12-col-4: 5, 38rem;
2301
- --flex-grid-12-col-6: 4, 1rem;
2389
+ --flex-grid-12-col-4: 5.38rem;
2390
+ --flex-grid-12-col-6: 4.1rem;
2302
2391
  --flex-grid-12-col-8: 3rem;
2303
- --flex-grid-8-col-2: 6, 182rem;
2304
- --flex-grid-8-col-3: 5, 2rem;
2392
+ --flex-grid-8-col-2: 6.182rem;
2393
+ --flex-grid-8-col-3: 5.2rem;
2305
2394
  --flex-grid-8-col-4: 4rem;
2306
- --flex-grid-8-col-6: 2, 2rem;
2307
- --flex-grid-6-col-2: 5, 4rem;
2395
+ --flex-grid-8-col-6: 2.2rem;
2396
+ --flex-grid-6-col-2: 5.4rem;
2308
2397
  --flex-grid-6-col-3: 4rem;
2309
- --flex-grid-6-col-4: 2, 84rem;
2398
+ --flex-grid-6-col-4: 2.84rem;
2310
2399
  --flex-grid-4-col-2: 4rem;
2311
- --flex-grid-4-col-3: 2, 2rem;
2400
+ --flex-grid-4-col-3: 2.2rem;
2312
2401
  display: inline-flex;
2313
2402
  flex-wrap: wrap;
2314
2403
  gap: var(--sizing-x8);
@@ -3591,7 +3680,7 @@ button {
3591
3680
  }
3592
3681
  .rls-app__page__nav {
3593
3682
  position: relative;
3594
- width: var(--sizing-x20);
3683
+ width: 160rem;
3595
3684
  height: 100%;
3596
3685
  margin: 0rem;
3597
3686
  padding: 0rem;
@@ -3601,8 +3690,8 @@ button {
3601
3690
  background: var(--background-theme-100);
3602
3691
  }
3603
3692
  .rls-app__page__nav + .rls-app__page__content {
3604
- --rls-snackbar-left: calc(50% + var(--sizing-x10));
3605
- width: calc(100% - var(--sizing-x20));
3693
+ --rls-snackbar-left: calc(50% + 80rem);
3694
+ width: calc(100% - 160rem);
3606
3695
  }
3607
3696
  .rls-app__page__content {
3608
3697
  display: flex;
@@ -3782,6 +3871,7 @@ button {
3782
3871
  background: #fcfcfc;
3783
3872
  }
3784
3873
  .rls-datatable__data--error {
3874
+ background: var(--color-danger-100);
3785
3875
  border: var(--border-1-danger-100);
3786
3876
  }
3787
3877
  .rls-datatable__cell {
@@ -3968,7 +4058,7 @@ button {
3968
4058
  outline: none;
3969
4059
  background: transparent;
3970
4060
  color: var(--rls-input-font-color);
3971
- font-size: var(--rls-input-size);
4061
+ font-size: var(--rls-input-font-size);
3972
4062
  font-weight: var(--font-weight-medium);
3973
4063
  letter-spacing: var(--rls-input-letter-spacing);
3974
4064
  }