@akcelik/strct 0.11.0 → 0.22.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 (6) hide show
  1. package/fesm2022/akcelik-strct.mjs +2860 -436
  2. package/fesm2022/akcelik-strct.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/styles/_forms.scss +1 -1
  5. package/styles/_tokens.scss +48 -30
  6. package/types/akcelik-strct.d.ts +723 -38
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@akcelik/strct",
3
- "version": "0.11.0",
3
+ "version": "0.22.0",
4
4
  "description": "UIStruct — a standalone Angular component library with a tokenised, multi-palette theme system, built for datacenter / infrastructure management UIs.",
5
5
  "author": "Serkan Akcelik <serkan.akcelik@gmail.com>",
6
6
  "license": "MIT",
package/styles/_forms.scss CHANGED
@@ -51,7 +51,7 @@
51
51
  // Native <select> gets a custom chevron.
52
52
  select.strct-control {
53
53
  appearance: none;
54
- padding-right: 30px;
54
+ padding-inline-end: 30px;
55
55
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
56
56
  background-repeat: no-repeat;
57
57
  background-position: right 9px center;
package/styles/_tokens.scss CHANGED
@@ -44,6 +44,7 @@
44
44
  --critical: #b87872;
45
45
  --critical-bg: rgba(184, 120, 114, 0.12);
46
46
  --hdr: #12141a;
47
+ --hdr-fg: rgba(255, 255, 255, 0.9);
47
48
  --sh: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--b1);
48
49
  --shh: 0 4px 20px rgba(0, 0, 0, 0.55), 0 0 0 1px var(--b2);
49
50
  --sb: rgba(255, 255, 255, 0.08);
@@ -66,6 +67,8 @@
66
67
  --text-md: 13px;
67
68
  --text-lg: 14px;
68
69
  --text-xl: 16px;
70
+ --text-2xl: 22px;
71
+ --text-3xl: 26px;
69
72
  --leading-tight: 1.2;
70
73
  --leading-normal: 1.5;
71
74
  --leading-loose: 1.6;
@@ -87,19 +90,20 @@
87
90
  --t3: rgba(0, 0, 0, 0.55);
88
91
  --t4: rgba(0, 0, 0, 0.14);
89
92
  --inv: #ffffff;
90
- --acc: #5a7ea3;
91
- --acc-m: rgba(90, 126, 163, 0.1);
92
- --acc-s: rgba(90, 126, 163, 0.05);
93
- --acc50: rgba(90, 126, 163, 0.5);
94
- --acc30: rgba(90, 126, 163, 0.3);
95
- --acc18: rgba(90, 126, 163, 0.18);
96
- --success: #5e8a60;
97
- --success-bg: rgba(94, 138, 96, 0.12);
98
- --warning: #9a8a3e;
99
- --warning-bg: rgba(154, 138, 62, 0.12);
93
+ --acc: #4a6b8f;
94
+ --acc-m: rgba(74, 107, 143, 0.1);
95
+ --acc-s: rgba(74, 107, 143, 0.05);
96
+ --acc50: rgba(74, 107, 143, 0.5);
97
+ --acc30: rgba(74, 107, 143, 0.3);
98
+ --acc18: rgba(74, 107, 143, 0.18);
99
+ --success: #4c7a4f;
100
+ --success-bg: rgba(76, 122, 79, 0.12);
101
+ --warning: #7d6f30;
102
+ --warning-bg: rgba(125, 111, 48, 0.12);
100
103
  --critical: #a0635c;
101
104
  --critical-bg: rgba(160, 99, 92, 0.12);
102
105
  --hdr: #1c2330;
106
+ --hdr-fg: rgba(255, 255, 255, 0.9);
103
107
  --sh: 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px var(--b1);
104
108
  --shh: 0 4px 14px rgba(0, 0, 0, 0.09), 0 0 0 1px var(--b2);
105
109
  --sb: rgba(0, 0, 0, 0.1);
@@ -122,6 +126,8 @@
122
126
  --text-md: 13px;
123
127
  --text-lg: 14px;
124
128
  --text-xl: 16px;
129
+ --text-2xl: 22px;
130
+ --text-3xl: 26px;
125
131
  --leading-tight: 1.2;
126
132
  --leading-normal: 1.5;
127
133
  --leading-loose: 1.6;
@@ -156,6 +162,7 @@
156
162
  --critical: #bf7e72;
157
163
  --critical-bg: rgba(191, 126, 114, 0.12);
158
164
  --hdr: #15120f;
165
+ --hdr-fg: rgba(255, 255, 255, 0.9);
159
166
  --sh: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--b1);
160
167
  --shh: 0 4px 20px rgba(0, 0, 0, 0.55), 0 0 0 1px var(--b2);
161
168
  --sb: rgba(255, 235, 210, 0.08);
@@ -178,6 +185,8 @@
178
185
  --text-md: 13px;
179
186
  --text-lg: 14px;
180
187
  --text-xl: 16px;
188
+ --text-2xl: 22px;
189
+ --text-3xl: 26px;
181
190
  --leading-tight: 1.2;
182
191
  --leading-normal: 1.5;
183
192
  --leading-loose: 1.6;
@@ -199,19 +208,20 @@
199
208
  --t3: rgba(70, 50, 30, 0.7);
200
209
  --t4: rgba(80, 55, 30, 0.14);
201
210
  --inv: #fdfcfa;
202
- --acc: #96724e;
203
- --acc-m: rgba(150, 114, 78, 0.1);
204
- --acc-s: rgba(150, 114, 78, 0.05);
205
- --acc50: rgba(150, 114, 78, 0.5);
206
- --acc30: rgba(150, 114, 78, 0.3);
207
- --acc18: rgba(150, 114, 78, 0.18);
208
- --success: #5e8a56;
209
- --success-bg: rgba(94, 138, 86, 0.12);
210
- --warning: #9a8838;
211
- --warning-bg: rgba(154, 136, 56, 0.12);
211
+ --acc: #7d5e3f;
212
+ --acc-m: rgba(125, 94, 63, 0.1);
213
+ --acc-s: rgba(125, 94, 63, 0.05);
214
+ --acc50: rgba(125, 94, 63, 0.5);
215
+ --acc30: rgba(125, 94, 63, 0.3);
216
+ --acc18: rgba(125, 94, 63, 0.18);
217
+ --success: #4c7a46;
218
+ --success-bg: rgba(76, 122, 70, 0.12);
219
+ --warning: #7d6e2c;
220
+ --warning-bg: rgba(125, 110, 44, 0.12);
212
221
  --critical: #a0605a;
213
222
  --critical-bg: rgba(160, 96, 90, 0.12);
214
223
  --hdr: #2a2118;
224
+ --hdr-fg: rgba(255, 255, 255, 0.9);
215
225
  --sh: 0 1px 3px rgba(40, 25, 10, 0.07), 0 0 0 1px var(--b1);
216
226
  --shh: 0 4px 14px rgba(40, 25, 10, 0.1), 0 0 0 1px var(--b2);
217
227
  --sb: rgba(60, 40, 20, 0.1);
@@ -234,6 +244,8 @@
234
244
  --text-md: 13px;
235
245
  --text-lg: 14px;
236
246
  --text-xl: 16px;
247
+ --text-2xl: 22px;
248
+ --text-3xl: 26px;
237
249
  --leading-tight: 1.2;
238
250
  --leading-normal: 1.5;
239
251
  --leading-loose: 1.6;
@@ -268,6 +280,7 @@
268
280
  --critical: #b07a74;
269
281
  --critical-bg: rgba(176, 122, 116, 0.12);
270
282
  --hdr: #101815;
283
+ --hdr-fg: rgba(255, 255, 255, 0.9);
271
284
  --sh: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--b1);
272
285
  --shh: 0 4px 20px rgba(0, 0, 0, 0.55), 0 0 0 1px var(--b2);
273
286
  --sb: rgba(210, 240, 225, 0.08);
@@ -290,6 +303,8 @@
290
303
  --text-md: 13px;
291
304
  --text-lg: 14px;
292
305
  --text-xl: 16px;
306
+ --text-2xl: 22px;
307
+ --text-3xl: 26px;
293
308
  --leading-tight: 1.2;
294
309
  --leading-normal: 1.5;
295
310
  --leading-loose: 1.6;
@@ -311,19 +326,20 @@
311
326
  --t3: rgba(30, 60, 42, 0.7);
312
327
  --t4: rgba(35, 65, 45, 0.14);
313
328
  --inv: #fafcfb;
314
- --acc: #4e8a68;
315
- --acc-m: rgba(78, 138, 104, 0.1);
316
- --acc-s: rgba(78, 138, 104, 0.05);
317
- --acc50: rgba(78, 138, 104, 0.5);
318
- --acc30: rgba(78, 138, 104, 0.3);
319
- --acc18: rgba(78, 138, 104, 0.18);
320
- --success: #568a58;
321
- --success-bg: rgba(86, 138, 88, 0.12);
322
- --warning: #8a8038;
323
- --warning-bg: rgba(138, 128, 56, 0.12);
329
+ --acc: #3f7355;
330
+ --acc-m: rgba(63, 115, 85, 0.1);
331
+ --acc-s: rgba(63, 115, 85, 0.05);
332
+ --acc50: rgba(63, 115, 85, 0.5);
333
+ --acc30: rgba(63, 115, 85, 0.3);
334
+ --acc18: rgba(63, 115, 85, 0.18);
335
+ --success: #467a48;
336
+ --success-bg: rgba(70, 122, 72, 0.12);
337
+ --warning: #6f682d;
338
+ --warning-bg: rgba(111, 104, 45, 0.12);
324
339
  --critical: #9a5e58;
325
340
  --critical-bg: rgba(154, 94, 88, 0.12);
326
341
  --hdr: #1a2820;
342
+ --hdr-fg: rgba(255, 255, 255, 0.9);
327
343
  --sh: 0 1px 3px rgba(10, 30, 20, 0.07), 0 0 0 1px var(--b1);
328
344
  --shh: 0 4px 14px rgba(10, 30, 20, 0.1), 0 0 0 1px var(--b2);
329
345
  --sb: rgba(20, 60, 40, 0.1);
@@ -346,6 +362,8 @@
346
362
  --text-md: 13px;
347
363
  --text-lg: 14px;
348
364
  --text-xl: 16px;
365
+ --text-2xl: 22px;
366
+ --text-3xl: 26px;
349
367
  --leading-tight: 1.2;
350
368
  --leading-normal: 1.5;
351
369
  --leading-loose: 1.6;