@cds/core 6.4.6 → 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/global.css +11 -3
- package/global.min.css +1 -1
- package/internal/utils/global.js +1 -1
- package/package.json +1 -1
- package/styles/module.tokens.css +4 -0
- 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 +4 -0
- package/tokens/tokens.d.ts +4 -0
- package/tokens/tokens.ios.swift +4 -0
- package/tokens/tokens.js +4 -0
- package/tokens/tokens.json +12 -0
- package/tokens/tokens.scss +6 -0
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;
|
|
@@ -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;
|