@softheon/armature 21.12.0 → 21.14.0

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 (7) hide show
  1. package/assets/styles/_arm-theme.scss +65 -64
  2. package/fesm2022/softheon-armature-ag-grid-components.mjs +2 -2
  3. package/fesm2022/softheon-armature-ag-grid-components.mjs.map +1 -1
  4. package/fesm2022/softheon-armature.mjs +81 -79
  5. package/fesm2022/softheon-armature.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/types/softheon-armature.d.ts +13 -10
package/assets/styles/_arm-theme.scss CHANGED
@@ -1,31 +1,32 @@
1
1
  :root {
2
- --primary-color-50-parts: #edf4ff;
3
- --primary-color-100-parts: #b9d4fc;
4
- --primary-color-200-parts: #8ab7fb;
5
- --primary-color-300-parts: #5b9af9;
6
- --primary-color-400-parts: #3784f7;
7
- --primary-color-500-parts: #146ef6;
8
- --primary-color-600-parts: #1266f5;
9
- --primary-color-700-parts: #0e5bf3;
10
- --primary-color-800-parts: #0b51f2;
11
- --primary-color-900-parts: #063fef;
12
-
13
- --primary-color-A50-parts: rgba(20, 110, 246, 0.04);
14
- --primary-color-A100-parts: rgba(20, 110, 246, 0.08);
15
- --primary-color-A200-parts: rgba(20, 110, 246, 0.16);
16
- --primary-color-A300-parts: rgba(20, 110, 246, 0.24);
17
- --primary-color-A400-parts: rgba(20, 110, 246, 0.32);
18
- --primary-color-A500-parts: rgba(20, 110, 246, 0.40);
19
- --primary-color-A600-parts: rgba(20, 110, 246, 0.48);
20
- --primary-color-A700-parts: rgba(20, 110, 246, 0.56);
21
- --primary-color-A800-parts: rgba(20, 110, 246, 0.64);
22
- --primary-color-A900-parts: rgba(20, 110, 246, 0.72);
2
+ /* New Softheon Palette 2026 - https://www.figma.com/design/W5HVNCcN9HafDRvc5N7Z28/Softheon-Unified-Design-System?node-id=21440-47582&p=f&m=dev */
3
+ --primary-color-50-parts: #f3f5ff;
4
+ --primary-color-100-parts: #E8EBFF;
5
+ --primary-color-200-parts: #B5BEFF;
6
+ --primary-color-300-parts: #687AFF;
7
+ --primary-color-400-parts: #455BFF;
8
+ --primary-color-500-parts: #1C37FF;
9
+ --primary-color-600-parts: #001EFC;
10
+ --primary-color-700-parts: #001ADE;
11
+ --primary-color-800-parts: #0018C9;
12
+ --primary-color-900-parts: #0016B5;
13
+
14
+ --primary-color-A50-parts: rgba(28, 55, 255, 0.04);
15
+ --primary-color-A100-parts: rgba(28, 55, 255, 0.08);
16
+ --primary-color-A200-parts: rgba(28, 55, 255, 0.16);
17
+ --primary-color-A300-parts: rgba(28, 55, 255, 0.24);
18
+ --primary-color-A400-parts: rgba(28, 55, 255, 0.32);
19
+ --primary-color-A500-parts: rgba(28, 55, 255, 0.40);
20
+ --primary-color-A600-parts: rgba(28, 55, 255, 0.48);
21
+ --primary-color-A700-parts: rgba(28, 55, 255, 0.56);
22
+ --primary-color-A800-parts: rgba(28, 55, 255, 0.64);
23
+ --primary-color-A900-parts: rgba(28, 55, 255, 0.72);
23
24
 
24
25
  --primary-color-contrast-50-parts: rgba(0, 0, 0, 0.87);
25
26
  --primary-color-contrast-100-parts: rgba(0, 0, 0, 0.87);
26
27
  --primary-color-contrast-200-parts: rgba(0, 0, 0, 0.87);
27
28
  --primary-color-contrast-300-parts: rgba(0, 0, 0, 0.87);
28
- --primary-color-contrast-400-parts: rgba(0, 0, 0, 0.87);
29
+ --primary-color-contrast-400-parts: rgba(255, 255, 255, 1);
29
30
  --primary-color-contrast-500-parts: rgba(255, 255, 255, 1);
30
31
  --primary-color-contrast-600-parts: rgba(255, 255, 255, 1);
31
32
  --primary-color-contrast-700-parts: rgba(255, 255, 255, 1);
@@ -44,16 +45,16 @@
44
45
  --primary-color-contrast-A900-parts: rgba(0, 0, 0, 0.87);
45
46
 
46
47
  /* Note that we have A50 - A900 now, so should not need these parts-rgb anymore. */
47
- --primary-color-50-parts-rgb: 237, 244, 255;
48
- --primary-color-100-parts-rgb: 185, 212, 252;
49
- --primary-color-200-parts-rgb: 138, 183, 251;
50
- --primary-color-300-parts-rgb: 91, 154, 249;
51
- --primary-color-400-parts-rgb: 55, 132, 247;
52
- --primary-color-500-parts-rgb: 20, 110, 246;
53
- --primary-color-600-parts-rgb: 18, 102, 245;
54
- --primary-color-700-parts-rgb: 14, 91, 243;
55
- --primary-color-800-parts-rgb: 11, 81, 242;
56
- --primary-color-900-parts-rgb: 6, 63, 239;
48
+ --primary-color-50-parts-rgb: 243, 245, 255;
49
+ --primary-color-100-parts-rgb: 232, 235, 255;
50
+ --primary-color-200-parts-rgb: 181, 190, 255;
51
+ --primary-color-300-parts-rgb: 104, 122, 255;
52
+ --primary-color-400-parts-rgb: 69, 91, 255;
53
+ --primary-color-500-parts-rgb: 28, 55, 255;
54
+ --primary-color-600-parts-rgb: 0, 30, 252;
55
+ --primary-color-700-parts-rgb: 0, 26, 222;
56
+ --primary-color-800-parts-rgb: 0, 24, 201;
57
+ --primary-color-900-parts-rgb: 0, 22, 181;
57
58
 
58
59
 
59
60
  --accent-color-50-parts: #e0f2f1;
@@ -168,33 +169,33 @@
168
169
  --warn-color-900-parts-rgb: 216, 63, 7;
169
170
 
170
171
 
171
- --info-color-50-parts: #edf4ff;
172
- --info-color-100-parts: #b9d4fc;
173
- --info-color-200-parts: #8ab7fb;
174
- --info-color-300-parts: #5b9af9;
175
- --info-color-400-parts: #3784f7;
176
- --info-color-500-parts: #146ef6;
177
- --info-color-600-parts: #1266f5;
178
- --info-color-700-parts: #0e5bf3;
179
- --info-color-800-parts: #0b51f2;
180
- --info-color-900-parts: #063fef;
181
-
182
- --info-color-A50-parts: rgba(20, 110, 246, 0.04);
183
- --info-color-A100-parts: rgba(20, 110, 246, 0.08);
184
- --info-color-A200-parts: rgba(20, 110, 246, 0.16);
185
- --info-color-A300-parts: rgba(20, 110, 246, 0.24);
186
- --info-color-A400-parts: rgba(20, 110, 246, 0.32);
187
- --info-color-A500-parts: rgba(20, 110, 246, 0.40);
188
- --info-color-A600-parts: rgba(20, 110, 246, 0.48);
189
- --info-color-A700-parts: rgba(20, 110, 246, 0.56);
190
- --info-color-A800-parts: rgba(20, 110, 246, 0.64);
191
- --info-color-A900-parts: rgba(20, 110, 246, 0.72);
172
+ --info-color-50-parts: #F3F5FF;
173
+ --info-color-100-parts: #E8EBFF;
174
+ --info-color-200-parts: #B5BEFF;
175
+ --info-color-300-parts: #687AFF;
176
+ --info-color-400-parts: #455BFF;
177
+ --info-color-500-parts: #1C37FF;
178
+ --info-color-600-parts: #001EFC;
179
+ --info-color-700-parts: #001ADE;
180
+ --info-color-800-parts: #0018C9;
181
+ --info-color-900-parts: #0016B5;
182
+
183
+ --info-color-A50-parts: rgba(28, 55, 255, 0.04);
184
+ --info-color-A100-parts: rgba(28, 55, 255, 0.08);
185
+ --info-color-A200-parts: rgba(28, 55, 255, 0.16);
186
+ --info-color-A300-parts: rgba(28, 55, 255, 0.24);
187
+ --info-color-A400-parts: rgba(28, 55, 255, 0.32);
188
+ --info-color-A500-parts: rgba(28, 55, 255, 0.40);
189
+ --info-color-A600-parts: rgba(28, 55, 255, 0.48);
190
+ --info-color-A700-parts: rgba(28, 55, 255, 0.56);
191
+ --info-color-A800-parts: rgba(28, 55, 255, 0.64);
192
+ --info-color-A900-parts: rgba(28, 55, 255, 0.72);
192
193
 
193
194
  --info-color-contrast-50-parts: rgba(0, 0, 0, 0.87);
194
195
  --info-color-contrast-100-parts: rgba(0, 0, 0, 0.87);
195
196
  --info-color-contrast-200-parts: rgba(0, 0, 0, 0.87);
196
197
  --info-color-contrast-300-parts: rgba(0, 0, 0, 0.87);
197
- --info-color-contrast-400-parts: rgba(0, 0, 0, 0.87);
198
+ --info-color-contrast-400-parts: rgba(255, 255, 255, 1);
198
199
  --info-color-contrast-500-parts: rgba(255, 255, 255, 1);
199
200
  --info-color-contrast-600-parts: rgba(255, 255, 255, 1);
200
201
  --info-color-contrast-700-parts: rgba(255, 255, 255, 1);
@@ -212,16 +213,16 @@
212
213
  --info-color-contrast-A800-parts: rgba(0, 0, 0, 0.87);
213
214
  --info-color-contrast-A900-parts: rgba(0, 0, 0, 0.87);
214
215
 
215
- --info-color-50-parts-rgb: 237, 244, 255;
216
- --info-color-100-parts-rgb: 185, 212, 252;
217
- --info-color-200-parts-rgb: 138, 183, 251;
218
- --info-color-300-parts-rgb: 91, 154, 249;
219
- --info-color-400-parts-rgb: 55, 132, 247;
220
- --info-color-500-parts-rgb: 20, 110, 246;
221
- --info-color-600-parts-rgb: 18, 102, 245;
222
- --info-color-700-parts-rgb: 14, 91, 243;
223
- --info-color-800-parts-rgb: 11, 81, 242;
224
- --info-color-900-parts-rgb: 6, 63, 239;
216
+ --info-color-50-parts-rgb: 243, 245, 255;
217
+ --info-color-100-parts-rgb: 232, 235, 255;
218
+ --info-color-200-parts-rgb: 181, 190, 255;
219
+ --info-color-300-parts-rgb: 104, 122, 255;
220
+ --info-color-400-parts-rgb: 69, 91, 255;
221
+ --info-color-500-parts-rgb: 28, 55, 255;
222
+ --info-color-600-parts-rgb: 0, 30, 252;
223
+ --info-color-700-parts-rgb: 0, 26, 222;
224
+ --info-color-800-parts-rgb: 0, 24, 201;
225
+ --info-color-900-parts-rgb: 0, 22, 181;
225
226
 
226
227
 
227
228
  --success-color-50-parts: #e7f0e6;