@cds/core 6.4.5 → 6.5.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.
- package/accordion/accordion-header.element.scss.js +1 -1
- package/button-sort/button-sort.element.scss.js +1 -1
- package/global.css +12 -4
- package/global.min.css +1 -1
- package/internal/utils/global.js +1 -1
- package/navigation/navigation-item.element.scss.js +1 -1
- package/package.json +1 -1
- package/styles/module.tokens.css +5 -1
- package/styles/module.tokens.min.css +1 -1
- package/styles/module.typography.css +7 -3
- package/styles/module.typography.min.css +1 -1
- package/tokens/tokens.android.xml +5 -1
- package/tokens/tokens.d.ts +4 -0
- package/tokens/tokens.ios.swift +5 -1
- package/tokens/tokens.js +4 -0
- package/tokens/tokens.json +15 -3
- package/tokens/tokens.scss +6 -0
|
@@ -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-
|
|
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};
|
|
2
2
|
//# sourceMappingURL=accordion-header.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var c=o`:host{line-height:0}.private-host{height:var(--cds-global-space-9,calc(24 * 1rem / var(--cds-global-base,20)))}[direction=down],[direction=up]{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-
|
|
1
|
+
import{css as o}from"lit";var c=o`:host{line-height:0}.private-host{height:var(--cds-global-space-9,calc(24 * 1rem / var(--cds-global-base,20)))}[direction=down],[direction=up]{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([sort=ascending]) [direction=up],:host([sort=descending]) [direction=down]{--color:var(--cds-alias-object-interaction-background-highlight, var(--cds-global-color-blue-700, #0079ad))}:host([sort=ascending]) [direction=down],:host([sort=descending]) [direction=up]{--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export{c as default};
|
|
2
2
|
//# sourceMappingURL=button-sort.element.scss.js.map
|
package/global.css
CHANGED
|
@@ -317,6 +317,10 @@
|
|
|
317
317
|
--cds-global-typography-heading-line-height: 1.125em;
|
|
318
318
|
--cds-global-typography-heading-letter-spacing: -0.0125em;
|
|
319
319
|
--cds-global-typography-heading-font-weight: 400;
|
|
320
|
+
--cds-global-typography-headline-font-size: calc(32 * var(--cds-internal-scale-3));
|
|
321
|
+
--cds-global-typography-headline-line-height: 1.125em;
|
|
322
|
+
--cds-global-typography-headline-letter-spacing: -0.0125em;
|
|
323
|
+
--cds-global-typography-headline-font-weight: 400;
|
|
320
324
|
--cds-global-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
|
|
321
325
|
--cds-global-typography-title-line-height: 1.16667em;
|
|
322
326
|
--cds-global-typography-title-letter-spacing: -0.008333em;
|
|
@@ -385,7 +389,7 @@
|
|
|
385
389
|
--cds-alias-object-interaction-background-selected: var(--cds-global-color-blue-50);
|
|
386
390
|
--cds-alias-object-interaction-background-disabled: var(--cds-global-color-white);
|
|
387
391
|
--cds-alias-object-interaction-background-highlight: var(--cds-global-color-blue-700);
|
|
388
|
-
--cds-alias-object-interaction-color: var(--cds-global-color-construction-
|
|
392
|
+
--cds-alias-object-interaction-color: var(--cds-global-color-construction-700);
|
|
389
393
|
--cds-alias-object-interaction-color-hover: var(--cds-global-color-construction-1000);
|
|
390
394
|
--cds-alias-object-interaction-color-active: var(--cds-global-color-construction-1000);
|
|
391
395
|
--cds-alias-object-interaction-color-selected: var(--cds-global-color-construction-700);
|
|
@@ -496,6 +500,7 @@ html[cds-focus-trap] {
|
|
|
496
500
|
|
|
497
501
|
[cds-text*=display],
|
|
498
502
|
[cds-text*=heading],
|
|
503
|
+
[cds-text*=headline],
|
|
499
504
|
[cds-text*=title],
|
|
500
505
|
[cds-text*=section],
|
|
501
506
|
[cds-text*=subsection] {
|
|
@@ -539,20 +544,23 @@ html[cds-focus-trap] {
|
|
|
539
544
|
);
|
|
540
545
|
}
|
|
541
546
|
|
|
542
|
-
[cds-text*=heading]
|
|
547
|
+
[cds-text*=heading],
|
|
548
|
+
[cds-text*=headline] {
|
|
543
549
|
font-size: var(--cds-global-typography-heading-font-size);
|
|
544
550
|
font-weight: var(--cds-global-typography-heading-font-weight);
|
|
545
551
|
line-height: var(--cds-global-typography-heading-line-height);
|
|
546
552
|
letter-spacing: var(--cds-global-typography-heading-letter-spacing);
|
|
547
553
|
}
|
|
548
|
-
[cds-text*=heading]::before
|
|
554
|
+
[cds-text*=heading]::before,
|
|
555
|
+
[cds-text*=headline]::before {
|
|
549
556
|
content: "";
|
|
550
557
|
display: block;
|
|
551
558
|
height: 0;
|
|
552
559
|
width: 0;
|
|
553
560
|
margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-heading-line-height) - 1em) / 2)) * -1) + 0.037em);
|
|
554
561
|
}
|
|
555
|
-
[cds-text*=heading]::after
|
|
562
|
+
[cds-text*=heading]::after,
|
|
563
|
+
[cds-text*=headline]::after {
|
|
556
564
|
content: "";
|
|
557
565
|
display: block;
|
|
558
566
|
height: 0;
|