@cds/core 6.6.1 → 6.7.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 (15) hide show
  1. package/accordion/accordion-header.element.scss.js +1 -1
  2. package/global.css +21 -20
  3. package/global.min.css +1 -1
  4. package/internal/utils/global.js +1 -1
  5. package/navigation/navigation-item.element.scss.js +1 -1
  6. package/package.json +1 -1
  7. package/styles/module.tokens.css +21 -20
  8. package/styles/module.tokens.min.css +1 -1
  9. package/tokens/tokens.android.xml +21 -20
  10. package/tokens/tokens.d.ts +18 -17
  11. package/tokens/tokens.ios.swift +21 -20
  12. package/tokens/tokens.js +18 -17
  13. package/tokens/tokens.json +115 -108
  14. package/tokens/tokens.scss +18 -17
  15. package/tree-view/tree-item.element.scss.js +1 -1
package/accordion/accordion-header.element.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- import{css as o}from"lit";var a=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--font-size:var(--cds-global-typography-secondary-font-size, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--padding:calc(var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))));cursor:pointer;width:100%;contain:inherit}.private-host{background:var(--background);padding:var(--padding);cursor:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}`;export{a as default};
1
+ import{css as o}from"lit";var a=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--font-size:var(--cds-global-typography-secondary-font-size, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--padding:calc(var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))));cursor:pointer;width:100%;contain:inherit}.private-host{background:var(--background);padding:var(--padding);cursor:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-75, #e0f6ff))}`;export{a as default};
2
2
  //# sourceMappingURL=accordion-header.element.scss.js.map
package/global.css CHANGED
@@ -54,6 +54,7 @@
54
54
  --cds-global-color-green-900: hsl(93, 80%, 17%);
55
55
  --cds-global-color-green-1000: hsl(93, 80%, 12%);
56
56
  --cds-global-color-blue-50: hsl(198, 100%, 95%);
57
+ --cds-global-color-blue-75: hsl(198, 100%, 94%);
57
58
  --cds-global-color-blue-100: hsl(198, 100%, 87%);
58
59
  --cds-global-color-blue-200: hsl(198, 100%, 78%);
59
60
  --cds-global-color-blue-300: hsl(198, 100%, 70%);
@@ -357,7 +358,7 @@
357
358
  --cds-global-typography-warning-hover: var(--cds-global-color-ochre-900);
358
359
  --cds-global-typography-danger-hover: var(--cds-global-color-red-800);
359
360
  --cds-global-typography-neutral-hover: var(--cds-global-color-construction-700);
360
- --cds-global-typography-disabled: var(--cds-global-color-construction-400);
361
+ --cds-global-typography-disabled: var(--cds-global-color-construction-500);
361
362
  --cds-global-typography-disabled-button: var(--cds-global-color-construction-500);
362
363
  --cds-global-animation-duration-instant: 0s;
363
364
  --cds-global-animation-duration-quickest: 0.1s;
@@ -395,7 +396,7 @@
395
396
  --cds-alias-object-interaction-border-color: var(--cds-global-color-construction-500);
396
397
  --cds-alias-object-interaction-background: var(--cds-global-color-white);
397
398
  --cds-alias-object-interaction-background-hover: var(--cds-global-color-blue-50);
398
- --cds-alias-object-interaction-background-active: var(--cds-global-color-blue-100);
399
+ --cds-alias-object-interaction-background-active: var(--cds-global-color-blue-75);
399
400
  --cds-alias-object-interaction-background-selected: var(--cds-global-color-blue-50);
400
401
  --cds-alias-object-interaction-background-disabled: var(--cds-global-color-white);
401
402
  --cds-alias-object-interaction-background-highlight: var(--cds-global-color-blue-700);
@@ -404,6 +405,23 @@
404
405
  --cds-alias-object-interaction-color-active: var(--cds-global-color-construction-1000);
405
406
  --cds-alias-object-interaction-color-selected: var(--cds-global-color-construction-700);
406
407
  --cds-alias-object-interaction-color-disabled: var(--cds-global-color-construction-300);
408
+ --cds-alias-object-interaction-info-hover: var(--cds-global-color-blue-800);
409
+ --cds-alias-object-interaction-info-click: var(--cds-global-color-blue-900);
410
+ --cds-alias-object-interaction-info-secondary-hover: var(--cds-global-color-blue-50);
411
+ --cds-alias-object-interaction-success-hover: var(--cds-global-color-green-800);
412
+ --cds-alias-object-interaction-success-click: var(--cds-global-color-green-900);
413
+ --cds-alias-object-interaction-success-secondary-hover: var(--cds-global-color-green-50);
414
+ --cds-alias-object-interaction-warning-hover: var(--cds-global-color-ochre-600);
415
+ --cds-alias-object-interaction-warning-click: var(--cds-global-color-ochre-700);
416
+ --cds-alias-object-interaction-warning-secondary-hover: var(--cds-global-color-ochre-50);
417
+ --cds-alias-object-interaction-danger-hover: var(--cds-global-color-red-800);
418
+ --cds-alias-object-interaction-danger-click: var(--cds-global-color-red-900);
419
+ --cds-alias-object-interaction-danger-secondary-hover: var(--cds-global-color-red-50);
420
+ --cds-alias-object-interaction-neutral-hover: var(--cds-global-color-construction-700);
421
+ --cds-alias-object-interaction-neutral-click: var(--cds-global-color-construction-800);
422
+ --cds-alias-object-interaction-neutral-secondary-hover: var(--cds-global-color-construction-50);
423
+ --cds-alias-object-interaction-inverse-hover: var(--cds-global-color-construction-600);
424
+ --cds-alias-object-interaction-inverse-click: var(--cds-global-color-construction-800);
407
425
  --cds-alias-object-app-background: var(--cds-global-color-construction-25);
408
426
  --cds-alias-object-overlay-background: var(--cds-global-color-white);
409
427
  --cds-alias-object-overlay-backdrop-background: hsla(0, 0%, 0%, 0.6);
@@ -415,23 +433,6 @@
415
433
  --cds-alias-object-container-background-inverse-tint: var(--cds-global-color-construction-100);
416
434
  --cds-alias-object-container-background-inverse-shade: var(--cds-global-color-construction-300);
417
435
  --cds-alias-object-container-border-color: var(--cds-global-color-construction-200);
418
- --cds-alias-object-info-hover: var(--cds-global-color-blue-800);
419
- --cds-alias-object-info-click: var(--cds-global-color-blue-900);
420
- --cds-alias-object-info-secondary-hover: var(--cds-global-color-blue-50);
421
- --cds-alias-object-success-hover: var(--cds-global-color-green-800);
422
- --cds-alias-object-success-click: var(--cds-global-color-green-900);
423
- --cds-alias-object-success-secondary-hover: var(--cds-global-color-green-50);
424
- --cds-alias-object-warning-hover: var(--cds-global-color-ochre-600);
425
- --cds-alias-object-warning-click: var(--cds-global-color-ochre-700);
426
- --cds-alias-object-warning-secondary-hover: var(--cds-global-color-ochre-50);
427
- --cds-alias-object-danger-hover: var(--cds-global-color-red-800);
428
- --cds-alias-object-danger-click: var(--cds-global-color-red-900);
429
- --cds-alias-object-danger-secondary-hover: var(--cds-global-color-red-50);
430
- --cds-alias-object-neutral-hover: var(--cds-global-color-construction-700);
431
- --cds-alias-object-neutral-click: var(--cds-global-color-construction-800);
432
- --cds-alias-object-neutral-secondary-hover: var(--cds-global-color-construction-50);
433
- --cds-alias-object-inverse-hover: var(--cds-global-color-construction-600);
434
- --cds-alias-object-inverse-click: var(--cds-global-color-construction-800);
435
436
  --cds-alias-status-info: var(--cds-global-color-blue-700);
436
437
  --cds-alias-status-info-tint: var(--cds-global-color-blue-50);
437
438
  --cds-alias-status-info-shade: var(--cds-global-color-blue-800);
@@ -564,7 +565,7 @@
564
565
  --cds-alias-typography-warning-hover: var(--cds-global-color-ochre-900);
565
566
  --cds-alias-typography-danger-hover: var(--cds-global-color-red-800);
566
567
  --cds-alias-typography-neutral-hover: var(--cds-global-color-construction-700);
567
- --cds-alias-typography-disabled: var(--cds-global-color-construction-400);
568
+ --cds-alias-typography-disabled: var(--cds-global-color-construction-500);
568
569
  --cds-alias-typography-disabled-button: var(--cds-global-color-construction-500);
569
570
  --cds-internal-scale-1: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));
570
571
  --cds-internal-scale-2: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));