@rolster/styles-foundations 1.1.9 → 1.1.10

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.
@@ -24,17 +24,17 @@
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(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
- --backdrop-base-500: rgba(18, 46, 79, 0.8);
37
- --gradient-base-500: linear-gradient(
27
+ --color-primary-900: rgba(21, 56, 101, 1);
28
+ --color-primary-700: rgba(17, 75, 147, 1);
29
+ --color-primary-500: rgba(33, 122, 214, 1);
30
+ --color-primary-300: rgba(136, 186, 241, 1);
31
+ --color-primary-100: rgba(227, 236, 251, 1);
32
+ --skeleton-primary-500: rgba(17, 75, 147, 0.5);
33
+ --skeleton-primary-300: rgba(17, 75, 147, 0.25);
34
+ --skeleton-primary-100: rgba(17, 75, 147, 0.1);
35
+ --box-shadow-primary-500: rgba(33, 122, 214, 0.24);
36
+ --backdrop-primary-500: rgba(21, 56, 101, 0.8);
37
+ --gradient-primary-500: linear-gradient(
38
38
  180deg,
39
39
  rgb(33, 122, 214) 0%,
40
40
  rgb(17, 75, 147) 100%
@@ -48,7 +48,7 @@
48
48
  --skeleton-success-300: rgba(10, 123, 104, 0.25);
49
49
  --skeleton-success-100: rgba(10, 123, 104, 0.1);
50
50
  --box-shadow-success-500: rgba(12, 192, 157, 0.24);
51
- --backdrop-success-500: rgba(14, 70, 60, 0.8);
51
+ --backdrop-success-500: rgba(16, 81, 70, 0.8);
52
52
  --gradient-success-500: linear-gradient(
53
53
  180deg,
54
54
  rgb(12, 192, 157) 0%,
@@ -63,41 +63,41 @@
63
63
  --skeleton-info-300: rgba(0, 110, 164, 0.25);
64
64
  --skeleton-info-100: rgba(0, 110, 164, 0.1);
65
65
  --box-shadow-info-500: rgba(24, 182, 246, 0.24);
66
- --backdrop-info-500: rgba(20, 77, 100, 0.8);
66
+ --backdrop-info-500: rgba(10, 77, 112, 0.8);
67
67
  --gradient-info-500: linear-gradient(
68
68
  180deg,
69
69
  rgb(24, 182, 246) 0%,
70
70
  rgb(0, 110, 164) 100%
71
71
  );
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
- --backdrop-happy-500: rgba(64, 35, 55, 0.8);
72
+ --color-happy-900: rgb(63, 3, 104, 1);
73
+ --color-happy-700: rgb(113, 27, 174, 1);
74
+ --color-happy-500: rgba(154, 43, 242, 1);
75
+ --color-happy-300: rgb(197, 127, 255, 1);
76
+ --color-happy-100: rgb(243, 219, 238, 1);
77
+ --skeleton-happy-500: rgba(113, 27, 174, 0.5);
78
+ --skeleton-happy-300: rgba(113, 27, 174, 0.25);
79
+ --skeleton-happy-100: rgba(113, 27, 174, 0.1);
80
+ --box-shadow-happy-500: rgba(154, 43, 242, 0.24);
81
+ --backdrop-happy-500: rgba(63, 3, 104, 0.8);
82
82
  --gradient-happy-500: linear-gradient(
83
83
  180deg,
84
- rgb(169, 80, 142) 0%,
85
- rgb(114, 54, 93) 100%
84
+ rgb(154, 43, 242) 0%,
85
+ rgb(113, 27, 174) 100%
86
86
  );
87
- --color-warning-900: rgba(155, 60, 17, 1);
88
- --color-warning-700: rgba(235, 101, 11, 1);
89
- --color-warning-500: rgba(252, 165, 73, 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
- --box-shadow-warning-500: rgba(252, 165, 73, 0.24);
96
- --backdrop-warning-500: rgba(102, 71, 38, 0.8);
87
+ --color-warning-900: rgb(70, 27, 2, 1);
88
+ --color-warning-700: rgba(164, 96, 4, 1);
89
+ --color-warning-500: rgb(239, 178, 3, 1);
90
+ --color-warning-300: rgb(255, 196, 28, 1);
91
+ --color-warning-100: rgb(255, 249, 194, 1);
92
+ --skeleton-warning-500: rgba(164, 96, 4, 0.5);
93
+ --skeleton-warning-300: rgba(164, 96, 4, 0.25);
94
+ --skeleton-warning-100: rgba(164, 96, 4, 0.1);
95
+ --box-shadow-warning-500: rgba(239, 178, 3, 0.24);
96
+ --backdrop-warning-500: rgba(70, 27, 2, 0.8);
97
97
  --gradient-warning-500: linear-gradient(
98
98
  180deg,
99
- rgb(252, 165, 73) 0%,
100
- rgb(235, 101, 11) 100%
99
+ rgb(239, 178, 3) 0%,
100
+ rgb(164, 96, 4) 100%
101
101
  );
102
102
  --color-danger-900: rgba(130, 26, 26, 1);
103
103
  --color-danger-700: rgba(190, 23, 23, 1);
@@ -108,12 +108,42 @@
108
108
  --skeleton-danger-300: rgba(190, 23, 23, 0.25);
109
109
  --skeleton-danger-100: rgba(190, 23, 23, 0.1);
110
110
  --box-shadow-danger-500: rgba(244, 60, 60, 0.24);
111
- --backdrop-danger-500: rgba(99, 33, 33, 0.8);
111
+ --backdrop-danger-500: rgba(130, 26, 26, 0.8);
112
112
  --gradient-danger-500: linear-gradient(
113
113
  180deg,
114
114
  rgb(244, 60, 60) 0%,
115
115
  rgb(190, 23, 23) 100%
116
116
  );
117
+ --color-coffee-900: rgba(93, 57, 49, 1);
118
+ --color-coffee-700: rgba(140, 83, 66, 1);
119
+ --color-coffee-500: rgba(182, 121, 89, 1);
120
+ --color-coffee-300: rgba(219, 193, 172, 1);
121
+ --color-coffee-100: rgb(243, 234, 225, 1);
122
+ --skeleton-coffee-500: rgba(140, 83, 66, 0.5);
123
+ --skeleton-coffee-300: rgba(140, 83, 66, 0.25);
124
+ --skeleton-coffee-100: rgba(140, 83, 66, 0.1);
125
+ --box-shadow-coffee-500: rgba(182, 121, 89, 0.24);
126
+ --backdrop-coffee-500: rgba(93, 57, 49, 0.8);
127
+ --gradient-coffee-500: linear-gradient(
128
+ 180deg,
129
+ rgb(182, 121, 89) 0%,
130
+ rgb(140, 83, 66) 100%
131
+ );
132
+ --color-obsidian-900: rgba(58, 50, 45, 1);
133
+ --color-obsidian-700: rgba(97, 84, 71, 1);
134
+ --color-obsidian-500: rgba(141, 127, 101, 1);
135
+ --color-obsidian-300: rgb(178, 170, 146, 1);
136
+ --color-obsidian-100: rgb(230, 228, 219, 1);
137
+ --skeleton-obsidian-500: rgba(97, 84, 71, 0.5);
138
+ --skeleton-obsidian-300: rgba(97, 84, 71, 0.25);
139
+ --skeleton-obsidian-100: rgba(97, 84, 71, 0.1);
140
+ --box-shadow-obsidian-500: rgba(141, 127, 101, 0.24);
141
+ --backdrop-obsidian-500: rgba(58, 50, 45, 0.8);
142
+ --gradient-obsidian-500: linear-gradient(
143
+ 180deg,
144
+ rgb(141, 127, 101) 0%,
145
+ rgb(97, 84, 71) 100%
146
+ );
117
147
  }
118
148
 
119
149
  :root {
@@ -985,21 +1015,21 @@
985
1015
  --shadow-center-theme-16: var(--shadow-center-light-16);
986
1016
  --shadow-center-theme-24: var(--shadow-center-light-24);
987
1017
  --shadow-center-theme-32: var(--shadow-center-light-32);
988
- --border-1-base-100: var(--border-1) solid var(--color-base-100);
989
- --border-2-base-100: var(--border-2) solid var(--color-base-100);
990
- --border-4-base-100: var(--border-4) solid var(--color-base-100);
991
- --border-1-base-300: var(--border-1) solid var(--color-base-300);
992
- --border-2-base-300: var(--border-2) solid var(--color-base-300);
993
- --border-4-base-300: var(--border-4) solid var(--color-base-300);
994
- --border-1-base-500: var(--border-1) solid var(--color-base-500);
995
- --border-2-base-500: var(--border-2) solid var(--color-base-500);
996
- --border-4-base-500: var(--border-4) solid var(--color-base-500);
997
- --border-1-base-700: var(--border-1) solid var(--color-base-700);
998
- --border-2-base-700: var(--border-2) solid var(--color-base-700);
999
- --border-4-base-700: var(--border-4) solid var(--color-base-700);
1000
- --border-1-base-900: var(--border-1) solid var(--color-base-900);
1001
- --border-2-base-900: var(--border-2) solid var(--color-base-900);
1002
- --border-4-base-900: var(--border-4) solid var(--color-base-900);
1018
+ --border-1-primary-100: var(--border-1) solid var(--color-primary-100);
1019
+ --border-2-primary-100: var(--border-2) solid var(--color-primary-100);
1020
+ --border-4-primary-100: var(--border-4) solid var(--color-primary-100);
1021
+ --border-1-primary-300: var(--border-1) solid var(--color-primary-300);
1022
+ --border-2-primary-300: var(--border-2) solid var(--color-primary-300);
1023
+ --border-4-primary-300: var(--border-4) solid var(--color-primary-300);
1024
+ --border-1-primary-500: var(--border-1) solid var(--color-primary-500);
1025
+ --border-2-primary-500: var(--border-2) solid var(--color-primary-500);
1026
+ --border-4-primary-500: var(--border-4) solid var(--color-primary-500);
1027
+ --border-1-primary-700: var(--border-1) solid var(--color-primary-700);
1028
+ --border-2-primary-700: var(--border-2) solid var(--color-primary-700);
1029
+ --border-4-primary-700: var(--border-4) solid var(--color-primary-700);
1030
+ --border-1-primary-900: var(--border-1) solid var(--color-primary-900);
1031
+ --border-2-primary-900: var(--border-2) solid var(--color-primary-900);
1032
+ --border-4-primary-900: var(--border-4) solid var(--color-primary-900);
1003
1033
  --border-1-success-100: var(--border-1) solid var(--color-success-100);
1004
1034
  --border-2-success-100: var(--border-2) solid var(--color-success-100);
1005
1035
  --border-4-success-100: var(--border-4) solid var(--color-success-100);
@@ -1075,32 +1105,62 @@
1075
1105
  --border-1-danger-900: var(--border-1) solid var(--color-danger-900);
1076
1106
  --border-2-danger-900: var(--border-2) solid var(--color-danger-900);
1077
1107
  --border-4-danger-900: var(--border-4) solid var(--color-danger-900);
1078
- --color-rolster-900: var(--color-base-900);
1079
- --color-rolster-700: var(--color-base-700);
1080
- --color-rolster-500: var(--color-base-500);
1081
- --color-rolster-300: var(--color-base-300);
1082
- --color-rolster-100: var(--color-base-100);
1083
- --skeleton-rolster-500: var(--skeleton-base-500);
1084
- --skeleton-rolster-300: var(--skeleton-base-300);
1085
- --skeleton-rolster-100: var(--skeleton-base-100);
1086
- --box-shadow-rolster-500: var(--box-shadow-base-500);
1087
- --backdrop-rolster-500: var(--backdrop-base-500);
1088
- --gradient-rolster-500: var(--gradient-base-500);
1089
- --border-1-rolster-900: var(--border-1) solid var(--color-base-900);
1090
- --border-2-rolster-900: var(--border-2) solid var(--color-base-900);
1091
- --border-4-rolster-900: var(--border-4) solid var(--color-base-900);
1092
- --border-1-rolster-700: var(--border-1) solid var(--color-base-700);
1093
- --border-2-rolster-700: var(--border-2) solid var(--color-base-700);
1094
- --border-4-rolster-700: var(--border-4) solid var(--color-base-700);
1095
- --border-1-rolster-500: var(--border-1) solid var(--color-base-500);
1096
- --border-2-rolster-500: var(--border-2) solid var(--color-base-500);
1097
- --border-4-rolster-500: var(--border-4) solid var(--color-base-500);
1098
- --border-1-rolster-300: var(--border-1) solid var(--color-base-300);
1099
- --border-2-rolster-300: var(--border-2) solid var(--color-base-300);
1100
- --border-4-rolster-300: var(--border-4) solid var(--color-base-300);
1101
- --border-1-rolster-100: var(--border-1) solid var(--color-base-100);
1102
- --border-2-rolster-100: var(--border-2) solid var(--color-base-100);
1103
- --border-4-rolster-100: var(--border-4) solid var(--color-base-100);
1108
+ --border-1-coffee-100: var(--border-1) solid var(--color-coffee-100);
1109
+ --border-2-coffee-100: var(--border-2) solid var(--color-coffee-100);
1110
+ --border-4-coffee-100: var(--border-4) solid var(--color-coffee-100);
1111
+ --border-1-coffee-300: var(--border-1) solid var(--color-coffee-300);
1112
+ --border-2-coffee-300: var(--border-2) solid var(--color-coffee-300);
1113
+ --border-4-coffee-300: var(--border-4) solid var(--color-coffee-300);
1114
+ --border-1-coffee-500: var(--border-1) solid var(--color-coffee-500);
1115
+ --border-2-coffee-500: var(--border-2) solid var(--color-coffee-500);
1116
+ --border-4-coffee-500: var(--border-4) solid var(--color-coffee-500);
1117
+ --border-1-coffee-700: var(--border-1) solid var(--color-coffee-700);
1118
+ --border-2-coffee-700: var(--border-2) solid var(--color-coffee-700);
1119
+ --border-4-coffee-700: var(--border-4) solid var(--color-coffee-700);
1120
+ --border-1-coffee-900: var(--border-1) solid var(--color-coffee-900);
1121
+ --border-2-coffee-900: var(--border-2) solid var(--color-coffee-900);
1122
+ --border-4-coffee-900: var(--border-4) solid var(--color-coffee-900);
1123
+ --border-1-obsidian-100: var(--border-1) solid var(--color-obsidian-100);
1124
+ --border-2-obsidian-100: var(--border-2) solid var(--color-obsidian-100);
1125
+ --border-4-obsidian-100: var(--border-4) solid var(--color-obsidian-100);
1126
+ --border-1-obsidian-300: var(--border-1) solid var(--color-obsidian-300);
1127
+ --border-2-obsidian-300: var(--border-2) solid var(--color-obsidian-300);
1128
+ --border-4-obsidian-300: var(--border-4) solid var(--color-obsidian-300);
1129
+ --border-1-obsidian-500: var(--border-1) solid var(--color-obsidian-500);
1130
+ --border-2-obsidian-500: var(--border-2) solid var(--color-obsidian-500);
1131
+ --border-4-obsidian-500: var(--border-4) solid var(--color-obsidian-500);
1132
+ --border-1-obsidian-700: var(--border-1) solid var(--color-obsidian-700);
1133
+ --border-2-obsidian-700: var(--border-2) solid var(--color-obsidian-700);
1134
+ --border-4-obsidian-700: var(--border-4) solid var(--color-obsidian-700);
1135
+ --border-1-obsidian-900: var(--border-1) solid var(--color-obsidian-900);
1136
+ --border-2-obsidian-900: var(--border-2) solid var(--color-obsidian-900);
1137
+ --border-4-obsidian-900: var(--border-4) solid var(--color-obsidian-900);
1138
+ --color-rolster-900: var(--color-primary-900);
1139
+ --color-rolster-700: var(--color-primary-700);
1140
+ --color-rolster-500: var(--color-primary-500);
1141
+ --color-rolster-300: var(--color-primary-300);
1142
+ --color-rolster-100: var(--color-primary-100);
1143
+ --skeleton-rolster-500: var(--skeleton-primary-500);
1144
+ --skeleton-rolster-300: var(--skeleton-primary-300);
1145
+ --skeleton-rolster-100: var(--skeleton-primary-100);
1146
+ --box-shadow-rolster-500: var(--box-shadow-primary-500);
1147
+ --backdrop-rolster-500: var(--backdrop-primary-500);
1148
+ --gradient-rolster-500: var(--gradient-primary-500);
1149
+ --border-1-rolster-900: var(--border-1) solid var(--color-primary-900);
1150
+ --border-2-rolster-900: var(--border-2) solid var(--color-primary-900);
1151
+ --border-4-rolster-900: var(--border-4) solid var(--color-primary-900);
1152
+ --border-1-rolster-700: var(--border-1) solid var(--color-primary-700);
1153
+ --border-2-rolster-700: var(--border-2) solid var(--color-primary-700);
1154
+ --border-4-rolster-700: var(--border-4) solid var(--color-primary-700);
1155
+ --border-1-rolster-500: var(--border-1) solid var(--color-primary-500);
1156
+ --border-2-rolster-500: var(--border-2) solid var(--color-primary-500);
1157
+ --border-4-rolster-500: var(--border-4) solid var(--color-primary-500);
1158
+ --border-1-rolster-300: var(--border-1) solid var(--color-primary-300);
1159
+ --border-2-rolster-300: var(--border-2) solid var(--color-primary-300);
1160
+ --border-4-rolster-300: var(--border-4) solid var(--color-primary-300);
1161
+ --border-1-rolster-100: var(--border-1) solid var(--color-primary-100);
1162
+ --border-2-rolster-100: var(--border-2) solid var(--color-primary-100);
1163
+ --border-4-rolster-100: var(--border-4) solid var(--color-primary-100);
1104
1164
  }
1105
1165
 
1106
1166
  *[rls-theme='success'] {
@@ -1248,6 +1308,64 @@
1248
1308
  --border-4-rolster-100: var(--border-4) solid var(--color-danger-100);
1249
1309
  }
1250
1310
 
1311
+ *[rls-theme='coffee'] {
1312
+ --color-rolster-900: var(--color-coffee-900);
1313
+ --color-rolster-700: var(--color-coffee-700);
1314
+ --color-rolster-500: var(--color-coffee-500);
1315
+ --color-rolster-300: var(--color-coffee-300);
1316
+ --color-rolster-100: var(--color-coffee-100);
1317
+ --skeleton-rolster-500: var(--skeleton-coffee-500);
1318
+ --skeleton-rolster-300: var(--skeleton-coffee-300);
1319
+ --skeleton-rolster-100: var(--skeleton-coffee-100);
1320
+ --box-shadow-rolster-500: var(--box-shadow-coffee-500);
1321
+ --backdrop-rolster-500: var(--backdrop-coffee-500);
1322
+ --gradient-rolster-500: var(--gradient-coffee-500);
1323
+ --border-1-rolster-900: var(--border-1) solid var(--color-coffee-900);
1324
+ --border-2-rolster-900: var(--border-2) solid var(--color-coffee-900);
1325
+ --border-4-rolster-900: var(--border-4) solid var(--color-coffee-900);
1326
+ --border-1-rolster-700: var(--border-1) solid var(--color-coffee-700);
1327
+ --border-2-rolster-700: var(--border-2) solid var(--color-coffee-700);
1328
+ --border-4-rolster-700: var(--border-4) solid var(--color-coffee-700);
1329
+ --border-1-rolster-500: var(--border-1) solid var(--color-coffee-500);
1330
+ --border-2-rolster-500: var(--border-2) solid var(--color-coffee-500);
1331
+ --border-4-rolster-500: var(--border-4) solid var(--color-coffee-500);
1332
+ --border-1-rolster-300: var(--border-1) solid var(--color-coffee-300);
1333
+ --border-2-rolster-300: var(--border-2) solid var(--color-coffee-300);
1334
+ --border-4-rolster-300: var(--border-4) solid var(--color-coffee-300);
1335
+ --border-1-rolster-100: var(--border-1) solid var(--color-coffee-100);
1336
+ --border-2-rolster-100: var(--border-2) solid var(--color-coffee-100);
1337
+ --border-4-rolster-100: var(--border-4) solid var(--color-coffee-100);
1338
+ }
1339
+
1340
+ *[rls-theme='obsidian'] {
1341
+ --color-rolster-900: var(--color-obsidian-900);
1342
+ --color-rolster-700: var(--color-obsidian-700);
1343
+ --color-rolster-500: var(--color-obsidian-500);
1344
+ --color-rolster-300: var(--color-obsidian-300);
1345
+ --color-rolster-100: var(--color-obsidian-100);
1346
+ --skeleton-rolster-500: var(--skeleton-obsidian-500);
1347
+ --skeleton-rolster-300: var(--skeleton-obsidian-300);
1348
+ --skeleton-rolster-100: var(--skeleton-obsidian-100);
1349
+ --box-shadow-rolster-500: var(--box-shadow-obsidian-500);
1350
+ --backdrop-rolster-500: var(--backdrop-obsidian-500);
1351
+ --gradient-rolster-500: var(--gradient-obsidian-500);
1352
+ --border-1-rolster-900: var(--border-1) solid var(--color-obsidian-900);
1353
+ --border-2-rolster-900: var(--border-2) solid var(--color-obsidian-900);
1354
+ --border-4-rolster-900: var(--border-4) solid var(--color-obsidian-900);
1355
+ --border-1-rolster-700: var(--border-1) solid var(--color-obsidian-700);
1356
+ --border-2-rolster-700: var(--border-2) solid var(--color-obsidian-700);
1357
+ --border-4-rolster-700: var(--border-4) solid var(--color-obsidian-700);
1358
+ --border-1-rolster-500: var(--border-1) solid var(--color-obsidian-500);
1359
+ --border-2-rolster-500: var(--border-2) solid var(--color-obsidian-500);
1360
+ --border-4-rolster-500: var(--border-4) solid var(--color-obsidian-500);
1361
+ --border-1-rolster-300: var(--border-1) solid var(--color-obsidian-300);
1362
+ --border-2-rolster-300: var(--border-2) solid var(--color-obsidian-300);
1363
+ --border-4-rolster-300: var(--border-4) solid var(--color-obsidian-300);
1364
+ --border-1-rolster-100: var(--border-1) solid var(--color-obsidian-100);
1365
+ --border-2-rolster-100: var(--border-2) solid var(--color-obsidian-100);
1366
+ --border-4-rolster-100: var(--border-4) solid var(--color-obsidian-100);
1367
+ }
1368
+
1251
1369
  :root {
1252
1370
  --font-weight-thin: 100;
1253
1371
  --font-weight-extra-light: 200;