@cds/core 6.6.2 → 6.8.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 (16) hide show
  1. package/accordion/accordion-header.element.scss.js +1 -1
  2. package/global.css +16 -15
  3. package/global.min.css +1 -1
  4. package/internal/base/base.element.scss.js +1 -1
  5. package/internal/utils/global.js +1 -1
  6. package/navigation/navigation-item.element.scss.js +1 -1
  7. package/package.json +1 -1
  8. package/styles/module.tokens.css +16 -15
  9. package/styles/module.tokens.min.css +1 -1
  10. package/tokens/tokens.android.xml +16 -15
  11. package/tokens/tokens.d.ts +1 -0
  12. package/tokens/tokens.ios.swift +16 -15
  13. package/tokens/tokens.js +1 -0
  14. package/tokens/tokens.json +27 -20
  15. package/tokens/tokens.scss +1 -0
  16. 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%);
@@ -315,27 +316,27 @@
315
316
  --cds-global-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
316
317
  --cds-global-typography-display-line-height: 1.1em;
317
318
  --cds-global-typography-display-letter-spacing: -0.0125em;
318
- --cds-global-typography-display-font-weight: 400;
319
+ --cds-global-typography-display-font-weight: 500;
319
320
  --cds-global-typography-heading-font-size: calc(32 * var(--cds-internal-scale-3));
320
321
  --cds-global-typography-heading-line-height: 1.125em;
321
322
  --cds-global-typography-heading-letter-spacing: -0.0125em;
322
- --cds-global-typography-heading-font-weight: 400;
323
+ --cds-global-typography-heading-font-weight: 500;
323
324
  --cds-global-typography-headline-font-size: calc(32 * var(--cds-internal-scale-3));
324
325
  --cds-global-typography-headline-line-height: 1.125em;
325
326
  --cds-global-typography-headline-letter-spacing: -0.0125em;
326
- --cds-global-typography-headline-font-weight: 400;
327
+ --cds-global-typography-headline-font-weight: 500;
327
328
  --cds-global-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
328
329
  --cds-global-typography-title-line-height: 1.16667em;
329
330
  --cds-global-typography-title-letter-spacing: -0.008333em;
330
- --cds-global-typography-title-font-weight: 400;
331
+ --cds-global-typography-title-font-weight: 500;
331
332
  --cds-global-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
332
333
  --cds-global-typography-section-line-height: 1.2em;
333
334
  --cds-global-typography-section-letter-spacing: -0.01em;
334
- --cds-global-typography-section-font-weight: 400;
335
+ --cds-global-typography-section-font-weight: 500;
335
336
  --cds-global-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
336
337
  --cds-global-typography-subsection-line-height: 1.25em;
337
338
  --cds-global-typography-subsection-letter-spacing: -0.0125em;
338
- --cds-global-typography-subsection-font-weight: 400;
339
+ --cds-global-typography-subsection-font-weight: 500;
339
340
  --cds-global-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
340
341
  --cds-global-typography-message-line-height: 1.25em;
341
342
  --cds-global-typography-message-letter-spacing: -0.0125em;
@@ -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);
@@ -522,27 +523,27 @@
522
523
  --cds-alias-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
523
524
  --cds-alias-typography-display-line-height: 1.1em;
524
525
  --cds-alias-typography-display-letter-spacing: -0.0125em;
525
- --cds-alias-typography-display-font-weight: 400;
526
+ --cds-alias-typography-display-font-weight: 500;
526
527
  --cds-alias-typography-heading-font-size: calc(32 * var(--cds-internal-scale-3));
527
528
  --cds-alias-typography-heading-line-height: 1.125em;
528
529
  --cds-alias-typography-heading-letter-spacing: -0.0125em;
529
- --cds-alias-typography-heading-font-weight: 400;
530
+ --cds-alias-typography-heading-font-weight: 500;
530
531
  --cds-alias-typography-headline-font-size: calc(32 * var(--cds-internal-scale-3));
531
532
  --cds-alias-typography-headline-line-height: 1.125em;
532
533
  --cds-alias-typography-headline-letter-spacing: -0.0125em;
533
- --cds-alias-typography-headline-font-weight: 400;
534
+ --cds-alias-typography-headline-font-weight: 500;
534
535
  --cds-alias-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
535
536
  --cds-alias-typography-title-line-height: 1.16667em;
536
537
  --cds-alias-typography-title-letter-spacing: -0.008333em;
537
- --cds-alias-typography-title-font-weight: 400;
538
+ --cds-alias-typography-title-font-weight: 500;
538
539
  --cds-alias-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
539
540
  --cds-alias-typography-section-line-height: 1.2em;
540
541
  --cds-alias-typography-section-letter-spacing: -0.01em;
541
- --cds-alias-typography-section-font-weight: 400;
542
+ --cds-alias-typography-section-font-weight: 500;
542
543
  --cds-alias-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
543
544
  --cds-alias-typography-subsection-line-height: 1.25em;
544
545
  --cds-alias-typography-subsection-letter-spacing: -0.0125em;
545
- --cds-alias-typography-subsection-font-weight: 400;
546
+ --cds-alias-typography-subsection-font-weight: 500;
546
547
  --cds-alias-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
547
548
  --cds-alias-typography-message-line-height: 1.25em;
548
549
  --cds-alias-typography-message-letter-spacing: -0.0125em;
@@ -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));