sit-onyx 1.1.0-dev-20250924080933 → 1.1.0-dev-20250926072651

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/style.css +1 -1
  2. package/package.json +2 -2
  3. package/src/styles/variables/density-compact.css +1 -1
  4. package/src/styles/variables/density-cozy.css +1 -1
  5. package/src/styles/variables/density-default.css +1 -1
  6. package/src/styles/variables/spacing.css +1 -1
  7. package/src/styles/variables/themes/onyx.css +47 -1
  8. package/src/styles/variables/themes/value.css +76 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sit-onyx",
3
3
  "description": "A design system and Vue.js component library created by Schwarz IT",
4
- "version": "1.1.0-dev-20250924080933",
4
+ "version": "1.1.0-dev-20250926072651",
5
5
  "type": "module",
6
6
  "author": "Schwarz IT KG",
7
7
  "license": "Apache-2.0",
@@ -40,7 +40,7 @@
40
40
  "peerDependencies": {
41
41
  "typescript": ">= 5.2.2",
42
42
  "vue": ">= 3.5.0",
43
- "@sit-onyx/icons": "^1.1.0-dev-20250924080933"
43
+ "@sit-onyx/icons": "^1.1.0-dev-20250926072651"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@axe-core/playwright": "^4.10.2",
package/src/styles/variables/density-compact.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly.
3
3
  * This file contains the specific variables for the "compact" theme.
4
- * Imported from Figma API on Thu, 11 Sep 2025 09:28:55 GMT
4
+ * Imported from Figma API on Mon, 22 Sep 2025 14:41:26 GMT
5
5
  */
6
6
  .onyx-density-compact {
7
7
  --onyx-density-2xl: var(--onyx-number-spacing-600);
package/src/styles/variables/density-cozy.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly.
3
3
  * This file contains the specific variables for the "cozy" theme.
4
- * Imported from Figma API on Thu, 11 Sep 2025 09:28:55 GMT
4
+ * Imported from Figma API on Mon, 22 Sep 2025 14:41:26 GMT
5
5
  */
6
6
  .onyx-density-cozy {
7
7
  --onyx-density-2xl: var(--onyx-number-spacing-800);
package/src/styles/variables/density-default.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly.
3
3
  * This file contains the specific variables for the "default" theme.
4
- * Imported from Figma API on Thu, 11 Sep 2025 09:28:31 GMT
4
+ * Imported from Figma API on Mon, 22 Sep 2025 14:40:57 GMT
5
5
  */
6
6
  :where(:root),
7
7
  .onyx-density-default {
package/src/styles/variables/spacing.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly.
3
3
  * This file contains the specific variables for the "spacing" theme.
4
- * Imported from Figma API on Thu, 11 Sep 2025 09:28:05 GMT
4
+ * Imported from Figma API on Mon, 22 Sep 2025 14:40:32 GMT
5
5
  */
6
6
  :where(:root) {
7
7
  --onyx-spacing-2xl: var(--onyx-number-spacing-700);
package/src/styles/variables/themes/onyx.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly.
3
3
  * This file contains the specific variables for the "onyx" theme.
4
- * Imported from Figma API on Thu, 11 Sep 2025 09:27:42 GMT
4
+ * Imported from Figma API on Mon, 22 Sep 2025 14:40:04 GMT
5
5
  */
6
6
  :where(:root),
7
7
  .onyx-theme-default {
@@ -177,6 +177,39 @@
177
177
  var(--onyx-color-quantitatives-1200),
178
178
  var(--onyx-color-quantitatives-1250)
179
179
  );
180
+ --onyx-color-base-secondary-100: light-dark(
181
+ var(--onyx-color-onyx-100),
182
+ var(--onyx-color-onyx-1100)
183
+ );
184
+ --onyx-color-base-secondary-200: light-dark(
185
+ var(--onyx-color-onyx-200),
186
+ var(--onyx-color-onyx-1000)
187
+ );
188
+ --onyx-color-base-secondary-300: light-dark(
189
+ var(--onyx-color-onyx-300),
190
+ var(--onyx-color-onyx-900)
191
+ );
192
+ --onyx-color-base-secondary-400: light-dark(
193
+ var(--onyx-color-onyx-400),
194
+ var(--onyx-color-onyx-800)
195
+ );
196
+ --onyx-color-base-secondary-500: light-dark(
197
+ var(--onyx-color-onyx-500),
198
+ var(--onyx-color-onyx-700)
199
+ );
200
+ --onyx-color-base-secondary-600: var(--onyx-color-onyx-600);
201
+ --onyx-color-base-secondary-700: light-dark(
202
+ var(--onyx-color-onyx-700),
203
+ var(--onyx-color-onyx-500)
204
+ );
205
+ --onyx-color-base-secondary-800: light-dark(
206
+ var(--onyx-color-onyx-800),
207
+ var(--onyx-color-onyx-400)
208
+ );
209
+ --onyx-color-base-secondary-900: light-dark(
210
+ var(--onyx-color-onyx-900),
211
+ var(--onyx-color-onyx-300)
212
+ );
180
213
  --onyx-color-base-success-100: light-dark(
181
214
  var(--onyx-color-system-green-100),
182
215
  var(--onyx-color-system-green-1100)
@@ -333,6 +366,19 @@
333
366
  var(--onyx-color-onyx-200),
334
367
  var(--onyx-color-onyx-900)
335
368
  );
369
+ --onyx-color-text-icons-secondary-bold: light-dark(
370
+ var(--onyx-color-onyx-700),
371
+ var(--onyx-color-onyx-400)
372
+ );
373
+ --onyx-color-text-icons-secondary-intense: var(--onyx-color-onyx-500);
374
+ --onyx-color-text-icons-secondary-medium: light-dark(
375
+ var(--onyx-color-onyx-300),
376
+ var(--onyx-color-onyx-700)
377
+ );
378
+ --onyx-color-text-icons-secondary-soft: light-dark(
379
+ var(--onyx-color-onyx-200),
380
+ var(--onyx-color-onyx-900)
381
+ );
336
382
  --onyx-color-text-icons-success-bold: light-dark(
337
383
  var(--onyx-color-system-green-700),
338
384
  var(--onyx-color-system-green-400)
package/src/styles/variables/themes/value.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly.
3
3
  * This file contains the specific variables for the "value" theme.
4
- * Imported from Figma API on Thu, 11 Sep 2025 09:27:42 GMT
4
+ * Imported from Figma API on Mon, 22 Sep 2025 14:40:04 GMT
5
5
  */
6
6
  :where(:root),
7
7
  .onyx-theme-default {
@@ -237,9 +237,83 @@
237
237
  --onyx-color-system-red-1000: #691714;
238
238
  --onyx-color-system-red-1100: #55120e;
239
239
  --onyx-color-system-red-1200: #400c09;
240
+ --onyx-color-tailwind-core-blue-100: #e7e9ec;
241
+ --onyx-color-tailwind-core-blue-200: #d0d3da;
242
+ --onyx-color-tailwind-core-blue-300: #b9bec8;
243
+ --onyx-color-tailwind-core-blue-400: #a3a9b6;
244
+ --onyx-color-tailwind-core-blue-500: #8d94a5;
245
+ --onyx-color-tailwind-core-blue-600: #788094;
246
+ --onyx-color-tailwind-core-blue-700: #646d83;
247
+ --onyx-color-tailwind-core-blue-800: #505a72;
248
+ --onyx-color-tailwind-core-blue-900: #3d4861;
249
+ --onyx-color-tailwind-core-blue-1000: #2b3651;
250
+ --onyx-color-tailwind-core-blue-1100: #1a2541;
251
+ --onyx-color-tailwind-core-blue-1200: #0a1432;
252
+ --onyx-color-tailwind-dynamic-blue-100: #e3fcff;
253
+ --onyx-color-tailwind-dynamic-blue-200: #c6f9ff;
254
+ --onyx-color-tailwind-dynamic-blue-300: #a6f5ff;
255
+ --onyx-color-tailwind-dynamic-blue-400: #80f1ff;
256
+ --onyx-color-tailwind-dynamic-blue-500: #4dedff;
257
+ --onyx-color-tailwind-dynamic-blue-600: #42cede;
258
+ --onyx-color-tailwind-dynamic-blue-700: #37b0be;
259
+ --onyx-color-tailwind-dynamic-blue-800: #2c939e;
260
+ --onyx-color-tailwind-dynamic-blue-900: #227780;
261
+ --onyx-color-tailwind-dynamic-blue-1000: #185c63;
262
+ --onyx-color-tailwind-dynamic-blue-1100: #0f4248;
263
+ --onyx-color-tailwind-dynamic-blue-1200: #072a2e;
264
+ --onyx-color-tailwind-green-100: #e5ffdd;
265
+ --onyx-color-tailwind-green-200: #c9ffba;
266
+ --onyx-color-tailwind-green-300: #acff93;
267
+ --onyx-color-tailwind-green-400: #8bff65;
268
+ --onyx-color-tailwind-green-500: #61ff00;
269
+ --onyx-color-tailwind-green-600: #53de00;
270
+ --onyx-color-tailwind-green-700: #46be00;
271
+ --onyx-color-tailwind-green-800: #399e00;
272
+ --onyx-color-tailwind-green-900: #2d8000;
273
+ --onyx-color-tailwind-green-1000: #216300;
274
+ --onyx-color-tailwind-green-1100: #154800;
275
+ --onyx-color-tailwind-green-1200: #0b2e00;
276
+ --onyx-color-tailwind-orange-100: #ffecde;
277
+ --onyx-color-tailwind-orange-200: #ffd9bc;
278
+ --onyx-color-tailwind-orange-300: #fdc69a;
279
+ --onyx-color-tailwind-orange-400: #fbb277;
280
+ --onyx-color-tailwind-orange-500: #f89d4f;
281
+ --onyx-color-tailwind-orange-600: #f48809;
282
+ --onyx-color-tailwind-orange-700: #cc7106;
283
+ --onyx-color-tailwind-orange-800: #a65b04;
284
+ --onyx-color-tailwind-orange-900: #814502;
285
+ --onyx-color-tailwind-orange-1000: #5e3101;
286
+ --onyx-color-tailwind-orange-1100: #3e1e00;
287
+ --onyx-color-tailwind-orange-1200: #200c00;
288
+ --onyx-color-tailwind-smart-blue-100: #dee7f7;
289
+ --onyx-color-tailwind-smart-blue-200: #becfee;
290
+ --onyx-color-tailwind-smart-blue-300: #9eb7e5;
291
+ --onyx-color-tailwind-smart-blue-400: #7f9fdb;
292
+ --onyx-color-tailwind-smart-blue-500: #6087d0;
293
+ --onyx-color-tailwind-smart-blue-600: #436fc5;
294
+ --onyx-color-tailwind-smart-blue-700: #2456b9;
295
+ --onyx-color-tailwind-smart-blue-800: #003aad;
296
+ --onyx-color-tailwind-smart-blue-900: #002f90;
297
+ --onyx-color-tailwind-smart-blue-1000: #002475;
298
+ --onyx-color-tailwind-smart-blue-1100: #001a5a;
299
+ --onyx-color-tailwind-smart-blue-1200: #001041;
300
+ --onyx-color-tailwind-yellow-100: #fefdde;
301
+ --onyx-color-tailwind-yellow-200: #fefbbc;
302
+ --onyx-color-tailwind-yellow-300: #fef896;
303
+ --onyx-color-tailwind-yellow-400: #fff468;
304
+ --onyx-color-tailwind-yellow-500: #fff000;
305
+ --onyx-color-tailwind-yellow-600: #ded100;
306
+ --onyx-color-tailwind-yellow-700: #beb200;
307
+ --onyx-color-tailwind-yellow-800: #9e9500;
308
+ --onyx-color-tailwind-yellow-900: #807800;
309
+ --onyx-color-tailwind-yellow-1000: #635d00;
310
+ --onyx-color-tailwind-yellow-1100: #484300;
311
+ --onyx-color-tailwind-yellow-1200: #2e2a00;
312
+ --onyx-font-family-Archivo-Variable: "Archivo Variable";
240
313
  --onyx-font-family-DIN-2014: "DIN 2014";
241
314
  --onyx-font-family-Helsinki: "Helsinki";
242
315
  --onyx-font-family-Helvetica-Now-Var: "Helvetica Now Var";
316
+ --onyx-font-family-IBM-Plex-Sans-Variable: "IBM Plex Sans Variable";
243
317
  --onyx-font-family-Kaufland: "Kaufland";
244
318
  --onyx-font-family-Lidl-Font-Pro: "Lidl Font Pro";
245
319
  --onyx-font-family-OCR-A-Std: "OCR A Std";
@@ -259,6 +333,7 @@
259
333
  --onyx-font-weight-500: 500;
260
334
  --onyx-font-weight-600: 600;
261
335
  --onyx-font-weight-700: 700;
336
+ --onyx-font-weight-800: 800;
262
337
  --onyx-number-radius-100: 0.125rem;
263
338
  --onyx-number-radius-200: 0.25rem;
264
339
  --onyx-number-radius-300: 0.5rem;