@bonniernews/dn-design-system-web 25.0.4 → 25.0.6-beta.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 (109) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/assets/form-field/form-field.scss +6 -6
  3. package/assets/teaser/teaser.scss +5 -5
  4. package/components/article-top-image/article-top-image.scss +1 -1
  5. package/components/badge/badge.scss +5 -5
  6. package/components/blocked-content/blocked-content.scss +9 -9
  7. package/components/buddy-menu/buddy-menu.scss +15 -15
  8. package/components/button/button.scss +49 -33
  9. package/components/checkbox/checkbox.scss +9 -9
  10. package/components/disclaimer/disclaimer.scss +10 -10
  11. package/components/divider/divider.scss +3 -3
  12. package/components/empty-state/empty-state.scss +3 -3
  13. package/components/factbox/factbox.scss +13 -13
  14. package/components/footer/footer.scss +16 -16
  15. package/components/game-header/game-header.scss +6 -6
  16. package/components/group-header/group-header.scss +6 -6
  17. package/components/image-caption/image-caption.scss +3 -3
  18. package/components/link-box/link-box-item.scss +4 -4
  19. package/components/link-box/link-box.scss +1 -1
  20. package/components/list-item/list-item.scss +24 -24
  21. package/components/modal/modal.scss +4 -4
  22. package/components/pagination/pagination.scss +4 -4
  23. package/components/pictogram/pictogram.scss +3 -3
  24. package/components/profile-header/profile-header.scss +7 -7
  25. package/components/quote/quote.scss +2 -2
  26. package/components/radio-button/radio-button.scss +9 -9
  27. package/components/spinner/spinner.scss +14 -14
  28. package/components/switch/switch.scss +13 -13
  29. package/components/tag-header/tag-header.scss +8 -8
  30. package/components/teaser-centered/teaser-centered.scss +1 -1
  31. package/components/teaser-footer/teaser-footer.scss +5 -5
  32. package/components/teaser-image/teaser-image.scss +4 -4
  33. package/components/teaser-large/teaser-large.scss +7 -6
  34. package/components/teaser-list-vertical/teaser-list-vertical.scss +8 -8
  35. package/components/teaser-longlife/teaser-longlife.scss +7 -7
  36. package/components/teaser-native/teaser-native.scss +19 -19
  37. package/components/teaser-onsite/teaser-onsite.scss +2 -2
  38. package/components/teaser-package/teaser-package.scss +2 -2
  39. package/components/teaser-right-now/teaser-right-now.scss +1 -1
  40. package/components/teaser-slideshow/teaser-slideshow.njk +0 -1
  41. package/components/teaser-slideshow/teaser-slideshow.scss +3 -3
  42. package/components/teaser-split/teaser-split.scss +5 -5
  43. package/components/teaser-standard/teaser-standard.scss +5 -5
  44. package/components/teaser-swipe-card/teaser-swipe-card.scss +10 -10
  45. package/components/teaser-tipsa/teaser-tipsa.scss +2 -2
  46. package/components/text-button/text-button.scss +7 -7
  47. package/components/text-button-toggle/text-button-toggle.scss +7 -7
  48. package/components/text-input/text-input.scss +22 -23
  49. package/components/tooltip/tooltip.scss +5 -5
  50. package/components/video-caption/video-caption.scss +4 -4
  51. package/components/vip-badge/vip-badge.scss +10 -10
  52. package/foundations/colors.scss +6 -18
  53. package/foundations/cssVariables.scss +1 -0
  54. package/foundations/gradients.scss +25 -0
  55. package/foundations/helpers/colors.scss +10 -18
  56. package/foundations/helpers/forward.helpers.scss +1 -0
  57. package/foundations/helpers/gradients.scss +33 -0
  58. package/foundations/helpers/hover.scss +2 -2
  59. package/foundations/helpers/links.scss +4 -3
  60. package/foundations/helpers/metrics.scss +4 -6
  61. package/foundations/helpers/shadows.scss +5 -5
  62. package/foundations/helpers/typography.scss +11 -12
  63. package/foundations/shadows.scss +4 -4
  64. package/foundations/variables/border-width.scss +5 -0
  65. package/foundations/variables/colorsCssVariables.scss +84 -82
  66. package/foundations/variables/colorsDnDark.scss +89 -0
  67. package/foundations/variables/colorsDnLight.scss +89 -0
  68. package/foundations/variables/gradientsDnDark.scss +46 -0
  69. package/foundations/variables/gradientsDnLight.scss +46 -0
  70. package/foundations/variables/gradientsList.scss +4 -0
  71. package/foundations/variables/radius.scss +6 -0
  72. package/foundations/variables/shadowsDnDark.scss +30 -0
  73. package/foundations/variables/shadowsDnLight.scss +30 -0
  74. package/foundations/variables/shadowsList.scss +4 -0
  75. package/foundations/variables/spacingBase.scss +1 -0
  76. package/foundations/variables/spacingBaseList.scss +1 -0
  77. package/foundations/variables/spacingDetail.scss +3 -16
  78. package/foundations/variables/spacingDetailList.scss +3 -16
  79. package/foundations/variables/spacingDetailScreenLarge.scss +3 -16
  80. package/foundations/variables/typographyLetterSpacing.scss +1 -1
  81. package/foundations/variables/typographyLineHeight.scss +3 -3
  82. package/foundations/variables/typographyList.scss +53 -0
  83. package/foundations/variables/typographyScreenExtraLarge.scss +381 -0
  84. package/foundations/variables/typographyScreenLarge.scss +381 -0
  85. package/foundations/variables/{typographyTokensScreenSmall.scss → typographyScreenSmall.scss} +267 -309
  86. package/package.json +2 -2
  87. package/preact/components/icon-with-wrapper/icon-with-wrapper.js +86 -84
  88. package/preact/components/icon-with-wrapper/icon-with-wrapper.js.map +3 -3
  89. package/types-lib/ds-color.d.ts +97 -93
  90. package/variables/colors-dark-mode.json +109 -0
  91. package/variables/colors-light-mode.json +109 -0
  92. package/variables/gradients-dark-mode.json +58 -0
  93. package/variables/gradients-light-mode.json +58 -0
  94. package/variables/typography-list.json +55 -0
  95. package/foundations/variables/colorsDnDarkTokens.scss +0 -88
  96. package/foundations/variables/colorsDnLightTokens.scss +0 -87
  97. package/foundations/variables/decorations.scss +0 -1
  98. package/foundations/variables/metrics.scss +0 -12
  99. package/foundations/variables/shadowsDnDarkTokens.scss +0 -34
  100. package/foundations/variables/shadowsDnLightTokens.scss +0 -34
  101. package/foundations/variables/shadowsTokensList.scss +0 -4
  102. package/foundations/variables/typographyTokensList.scss +0 -59
  103. package/foundations/variables/typographyTokensScreenExtraLarge.scss +0 -422
  104. package/foundations/variables/typographyTokensScreenLarge.scss +0 -422
  105. package/tokens/colors-dark-mode.json +0 -106
  106. package/tokens/colors-light-mode.json +0 -105
  107. package/tokens/typography-list.json +0 -61
  108. package/variables/shadows-css-variables.json +0 -6
  109. /package/{tokens → variables}/icon-list.json +0 -0
package/foundations/variables/colorsDnDarkTokens.scss DELETED
@@ -1,88 +0,0 @@
1
- $ds-hex-dark-text-primary: #ededed;
2
- $ds-hex-dark-text-primary-02: #b8b8b8;
3
- $ds-hex-dark-text-secondary: #050505;
4
- $ds-hex-dark-text-critical: #fd2330;
5
- $ds-hex-dark-text-disabled: #b8b8b8;
6
- $ds-hex-dark-text-on-brand: #ffffff;
7
- $ds-hex-dark-text-on-business: #ffffff;
8
- $ds-hex-dark-text-on-critical: #ffffff;
9
- $ds-hex-dark-text-on-success: #ffffff;
10
- $ds-hex-dark-text-brand: #fd2330;
11
- $ds-hex-dark-text-body-link: #65a0fc;
12
- $ds-hex-dark-text-body-link-visited: #65a0fc;
13
- $ds-hex-dark-text-positive: #3a8352;
14
- $ds-hex-dark-text-culture: #4293d7;
15
- $ds-hex-dark-icon-primary: #ededed;
16
- $ds-hex-dark-icon-primary-02: #cfcfcf;
17
- $ds-hex-dark-icon-secondary: #050505;
18
- $ds-hex-dark-icon-critical: #fd2330;
19
- $ds-hex-dark-icon-disabled: #b8b8b8;
20
- $ds-hex-dark-icon-on-brand: #141414;
21
- $ds-hex-dark-icon-on-critical: #ffffff;
22
- $ds-hex-dark-icon-on-success: #ffffff;
23
- $ds-hex-dark-icon-on-business: #ffffff;
24
- $ds-hex-dark-icon-brand: #fd2330;
25
- $ds-hex-dark-icon-culture: #4293d7;
26
- $ds-hex-dark-component-brand: #fd2330;
27
- $ds-hex-dark-component-business: #3a8352;
28
- $ds-hex-dark-component-primary: #ededed;
29
- $ds-hex-dark-component-primary-overlay: rgba(255, 255, 255, 0.13);
30
- $ds-hex-dark-component-primary-overlay-02: #9e9e9e;
31
- $ds-hex-dark-component-secondary: #050505;
32
- $ds-hex-dark-component-secondary-overlay: rgba(8, 8, 8, 0.13);
33
- $ds-hex-dark-component-secondary-overlay-02: rgba(8, 8, 8, 0.2);
34
- $ds-hex-dark-component-critical: #ef7171;
35
- $ds-hex-dark-component-critical-overlay: #a51d24;
36
- $ds-hex-dark-component-static-white: #ffffff;
37
- $ds-hex-dark-component-positive: #3a8352;
38
- $ds-hex-dark-component-primary-02: #cfcfcf;
39
- $ds-hex-dark-surface-below: #171717;
40
- $ds-hex-dark-surface-background: #050505;
41
- $ds-hex-dark-surface-raised: #2b2b2b;
42
- $ds-hex-dark-surface-native-article: #2b2b2b;
43
- $ds-hex-dark-surface-elevated: #3b3b3b;
44
- $ds-hex-dark-surface-inverted: #ffffff;
45
- $ds-hex-dark-surface-overlay: rgba(5, 5, 5, 0.5);
46
- $ds-hex-dark-surface-quiz: #ea3e3f;
47
- $ds-hex-dark-surface-korsord: #8bb6e8;
48
- $ds-hex-dark-surface-sudoko: #90d0bd;
49
- $ds-hex-dark-surface-brand: #da000d;
50
- $ds-hex-dark-surface-breaking: #300407;
51
- $ds-hex-dark-border-primary: rgba(255, 255, 255, 0.19);
52
- $ds-hex-dark-border-primary-02: rgba(255, 255, 255, 0.4);
53
- $ds-hex-dark-border-primary-03: #ededed;
54
- $ds-hex-dark-border-secondary: #141414;
55
- $ds-hex-dark-border-business: #3a8352;
56
- $ds-hex-dark-border-critical: #fd2330;
57
- $ds-hex-dark-border-focus: #fd2330;
58
- $ds-hex-dark-border-focus-02: #ffffff;
59
- $ds-hex-dark-border-focus-03: #fd2330;
60
- $ds-hex-dark-border-focus-04: #3a8352;
61
- $ds-hex-dark-border-brand: #fd2330;
62
- $ds-hex-dark-border-culture: #4293d7;
63
- $ds-hex-dark-background-primary: #141414;
64
- $ds-hex-dark-gradient-content-fade-left: linear-gradient(90deg, #05050500 0%, #050505 100%);
65
- $ds-hex-dark-gradient-content-fade-right: linear-gradient(-90deg, #05050500 0%, #050505 100%);
66
- $ds-hex-dark-gradient-content-fade-up: linear-gradient(180deg, #05050500 0%, #050505 100%);
67
- $ds-hex-dark-gradient-content-fade-up-down: linear-gradient(0deg, #05050500 0%, #050505 100%);
68
- $ds-hex-dark-gradient-content-fade-down: linear-gradient(0deg, #05050500 0%, #050505 100%);
69
- $ds-hex-dark-static-red-100: #fad4d4;
70
- $ds-hex-dark-static-black: #141414;
71
- $ds-hex-dark-static-transparent-black: rgba(20, 20, 20, 0.6);
72
- $ds-hex-dark-static-white: #ffffff;
73
- $ds-hex-dark-static-transparent-white: rgba(255, 255, 255, 0.5);
74
- $ds-hex-dark-static-green-100: #cee4d6;
75
- $ds-hex-dark-static-red-300: #ef7171;
76
- $ds-hex-dark-static-transparent-white-10: rgba(255, 255, 255, 0.13);
77
- $ds-hex-dark-static-kultur: #568cbb;
78
- $ds-hex-dark-static-economy: #60bca1;
79
- $ds-hex-dark-static-sport: #f58d2d;
80
- $ds-hex-dark-static-neutral-200: #e0e0e0;
81
- $ds-hex-dark-static-sthlm: #ff589b;
82
- $ds-hex-dark-static-ad-yellow: #ffeac2;
83
- $ds-hex-dark-static-neutral-100: #ededed;
84
- $ds-hex-dark-static-neutral-500: #9e9e9e;
85
- $ds-hex-dark-static-red-500: #da000d;
86
- $ds-hex-dark-static-yellow: #ffe600;
87
- $ds-hex-dark-static-red-200: #f6acad;
88
- $ds-hex-dark-static-red-0: #fce8e8;
package/foundations/variables/colorsDnLightTokens.scss DELETED
@@ -1,87 +0,0 @@
1
- $ds-hex-text-primary: #050505;
2
- $ds-hex-text-primary-02: #666666;
3
- $ds-hex-text-secondary: #ffffff;
4
- $ds-hex-text-critical: #da000d;
5
- $ds-hex-text-disabled: #666666;
6
- $ds-hex-text-on-brand: #ffffff;
7
- $ds-hex-text-on-business: #ffffff;
8
- $ds-hex-text-on-critical: #ffffff;
9
- $ds-hex-text-on-success: #ffffff;
10
- $ds-hex-text-brand: #da000d;
11
- $ds-hex-text-body-link: #4373ce;
12
- $ds-hex-text-body-link-visited: #4373ce;
13
- $ds-hex-text-positive: #3a8352;
14
- $ds-hex-text-culture: #227ac3;
15
- $ds-hex-icon-primary: #050505;
16
- $ds-hex-icon-primary-02: #666666;
17
- $ds-hex-icon-secondary: #ffffff;
18
- $ds-hex-icon-critical: #da000d;
19
- $ds-hex-icon-disabled: #666666;
20
- $ds-hex-icon-on-brand: #ffffff;
21
- $ds-hex-icon-on-business: #ffffff;
22
- $ds-hex-icon-brand: #da000d;
23
- $ds-hex-icon-on-critical: #ffffff;
24
- $ds-hex-icon-on-success: #ffffff;
25
- $ds-hex-icon-culture: #227ac3;
26
- $ds-hex-component-brand: #da000d;
27
- $ds-hex-component-business: #3a8352;
28
- $ds-hex-component-primary: #141414;
29
- $ds-hex-component-primary-overlay: rgba(8, 8, 8, 0.13);
30
- $ds-hex-component-primary-overlay-02: rgba(8, 8, 8, 0.2);
31
- $ds-hex-component-secondary: #ffffff;
32
- $ds-hex-component-secondary-overlay: rgba(255, 255, 255, 0.13);
33
- $ds-hex-component-secondary-overlay-02: rgba(255, 255, 255, 0.2);
34
- $ds-hex-component-critical: #ea3e3f;
35
- $ds-hex-component-critical-overlay: #a51d24;
36
- $ds-hex-component-static-white: #ffffff;
37
- $ds-hex-component-positive: #3a8352;
38
- $ds-hex-component-primary-02: #cfcfcf;
39
- $ds-hex-surface-below: #f2f2f2;
40
- $ds-hex-surface-native-article: #ededed;
41
- $ds-hex-surface-background: #ffffff;
42
- $ds-hex-surface-raised: #ededed;
43
- $ds-hex-surface-elevated: #ffffff;
44
- $ds-hex-surface-overlay: rgba(5, 5, 5, 0.5);
45
- $ds-hex-surface-quiz: #ea3e3f;
46
- $ds-hex-surface-korsord: #8bb6e8;
47
- $ds-hex-surface-sudoko: #90d0bd;
48
- $ds-hex-surface-brand: #da000d;
49
- $ds-hex-surface-inverted: #141414;
50
- $ds-hex-surface-breaking: #300407;
51
- $ds-hex-border-primary: rgba(5, 5, 5, 0.13);
52
- $ds-hex-border-primary-02: rgba(8, 8, 8, 0.4);
53
- $ds-hex-border-primary-03: #050505;
54
- $ds-hex-border-secondary: #ffffff;
55
- $ds-hex-border-business: #3a8352;
56
- $ds-hex-border-critical: #da000d;
57
- $ds-hex-border-focus: #da000d;
58
- $ds-hex-border-focus-02: #141414;
59
- $ds-hex-border-focus-03: #da000d;
60
- $ds-hex-border-focus-04: #3a8352;
61
- $ds-hex-border-brand: #da000d;
62
- $ds-hex-border-culture: #227ac3;
63
- $ds-hex-background-primary: #ffffff;
64
- $ds-hex-static-red-100: #fad4d4;
65
- $ds-hex-static-black: #141414;
66
- $ds-hex-static-transparent-black: rgba(20, 20, 20, 0.6);
67
- $ds-hex-static-white: #ffffff;
68
- $ds-hex-static-transparent-white: rgba(255, 255, 255, 0.5);
69
- $ds-hex-static-green-100: #cee4d6;
70
- $ds-hex-static-red-300: #ef7171;
71
- $ds-hex-static-transparent-white-10: rgba(255, 255, 255, 0.13);
72
- $ds-hex-static-kultur: #568cbb;
73
- $ds-hex-static-economy: #60bca1;
74
- $ds-hex-static-sport: #f58d2d;
75
- $ds-hex-static-neutral-200: #e0e0e0;
76
- $ds-hex-static-sthlm: #ff589b;
77
- $ds-hex-static-ad-yellow: #ffeac2;
78
- $ds-hex-static-neutral-100: #ededed;
79
- $ds-hex-static-neutral-500: #9e9e9e;
80
- $ds-hex-static-red-500: #da000d;
81
- $ds-hex-static-yellow: #ffe600;
82
- $ds-hex-static-red-200: #f6acad;
83
- $ds-hex-static-red-0: #fce8e8;
84
- $ds-hex-gradient-content-fade-left: linear-gradient(90deg, #ffffff00 0%, #ffffff 100%);
85
- $ds-hex-gradient-content-fade-right: linear-gradient(-90deg, #ffffff00 0%, #ffffff 100%);
86
- $ds-hex-gradient-content-fade-up: linear-gradient(180deg, #ffffff00 0%, #ffffff 100%);
87
- $ds-hex-gradient-content-fade-down: linear-gradient(0deg, #ffffff00 0%, #ffffff 100%);
package/foundations/variables/decorations.scss DELETED
@@ -1 +0,0 @@
1
- $ds-text-decoration-link-underline: underline;
package/foundations/variables/metrics.scss DELETED
@@ -1,12 +0,0 @@
1
- $metrics: (
2
- border-radius: (
3
- x1: 2,
4
- x2: 4,
5
- lg: 8,
6
- md: 4
7
- ),
8
- border-width: (
9
- x1: 1,
10
- x2: 2
11
- )
12
- );
package/foundations/variables/shadowsDnDarkTokens.scss DELETED
@@ -1,34 +0,0 @@
1
- $shadowsDnDarkTokens: (
2
- elevation-xs: (
3
- x: 0,
4
- y: 1,
5
- blur: 2,
6
- spread: 0,
7
- color: #00000026,
8
- type: dropShadow
9
- ),
10
- elevation-s: (
11
- x: 0,
12
- y: 2,
13
- blur: 4,
14
- spread: 1,
15
- color: #00000026,
16
- type: dropShadow
17
- ),
18
- elevation-m: (
19
- x: 0,
20
- y: 4,
21
- blur: 8,
22
- spread: 0,
23
- color: #00000026,
24
- type: dropShadow
25
- ),
26
- elevation-l: (
27
- x: 0,
28
- y: 4,
29
- blur: 16,
30
- spread: 8,
31
- color: #0000001a,
32
- type: dropShadow
33
- )
34
- );
package/foundations/variables/shadowsDnLightTokens.scss DELETED
@@ -1,34 +0,0 @@
1
- $shadowsDnLightTokens: (
2
- elevation-xs: (
3
- x: 0,
4
- y: 1,
5
- blur: 2,
6
- spread: 0,
7
- color: #00000026,
8
- type: dropShadow
9
- ),
10
- elevation-s: (
11
- x: 0,
12
- y: 2,
13
- blur: 4,
14
- spread: 1,
15
- color: #00000026,
16
- type: dropShadow
17
- ),
18
- elevation-m: (
19
- x: 0,
20
- y: 4,
21
- blur: 8,
22
- spread: 0,
23
- color: #00000026,
24
- type: dropShadow
25
- ),
26
- elevation-l: (
27
- x: 0,
28
- y: 4,
29
- blur: 16,
30
- spread: 8,
31
- color: #0000001a,
32
- type: dropShadow
33
- )
34
- );
package/foundations/variables/shadowsTokensList.scss DELETED
@@ -1,4 +0,0 @@
1
- $ds-shadow-elevation-xs: --ds-shadow-elevation-xs;
2
- $ds-shadow-elevation-s: --ds-shadow-elevation-s;
3
- $ds-shadow-elevation-m: --ds-shadow-elevation-m;
4
- $ds-shadow-elevation-l: --ds-shadow-elevation-l;
package/foundations/variables/typographyTokensList.scss DELETED
@@ -1,59 +0,0 @@
1
- $ds-typography-detailstandard-button: 'detailstandard-button';
2
- $ds-typography-detaildropcap: 'detaildropcap';
3
- $ds-typography-detailstandard-button-small: 'detailstandard-button-small';
4
- $ds-typography-detailmedryckare: 'detailmedryckare';
5
- $ds-typography-detailbaota-xl-label: 'detailbaota-xl-label';
6
- $ds-typography-detailarticle-standard: 'detailarticle-standard';
7
- $ds-typography-detailarticle-opinion: 'detailarticle-opinion';
8
- $ds-typography-detailarticle-longread: 'detailarticle-longread';
9
- $ds-typography-detailarticle-longread-premium: 'detailarticle-longread-premium';
10
- $ds-typography-detailarticle-quote: 'detailarticle-quote';
11
- $ds-typography-detailmellanrubrik: 'detailmellanrubrik';
12
- $ds-typography-detailarticle-direkt: 'detailarticle-direkt';
13
- $ds-typography-detailarticle-direkt-opinion: 'detailarticle-direkt-opinion';
14
- $ds-typography-detaildirekt-header: 'detaildirekt-header';
15
- $ds-typography-detailteaser-standard-compact: 'detailteaser-standard-compact';
16
- $ds-typography-detailteaser-standard-compact-opinion: 'detailteaser-standard-compact-opinion';
17
- $ds-typography-detailteaser-large: 'detailteaser-large';
18
- $ds-typography-detailteaser-breaking: 'detailteaser-breaking';
19
- $ds-typography-detailteaser-large-opinion: 'detailteaser-large-opinion';
20
- $ds-typography-detailteaser-large-storRubrik: 'detailteaser-large-storRubrik';
21
- $ds-typography-detailteaser-standard: 'detailteaser-standard';
22
- $ds-typography-detailteaser-standard-opinion: 'detailteaser-standard-opinion';
23
- $ds-typography-detailteaser-twin: 'detailteaser-twin';
24
- $ds-typography-detailteaser-large-compact: 'detailteaser-large-compact';
25
- $ds-typography-detailteaser-large-compact-opinion: 'detailteaser-large-compact-opinion';
26
- $ds-typography-detailteaser-large-storRubrik-opinion: 'detailteaser-large-storRubrik-opinion';
27
- $ds-typography-detailstandard-button-xlarge: 'detailstandard-button-xlarge';
28
- $ds-typography-detailteaser-large-rightcol: 'detailteaser-large-rightcol';
29
- $ds-typography-detailteaser-baotaxl: 'detailteaser-baotaxl';
30
- $ds-typography-detailteaser-tipsa: 'detailteaser-tipsa';
31
- $ds-typography-detaillonglife: 'detaillonglife';
32
- $ds-typography-detailgameheader: 'detailgameheader';
33
- $ds-typography-expressiveheading01: 'expressiveheading01';
34
- $ds-typography-expressiveheading02: 'expressiveheading02';
35
- $ds-typography-expressiveheading03: 'expressiveheading03';
36
- $ds-typography-expressiveheading04: 'expressiveheading04';
37
- $ds-typography-expressiveheading05: 'expressiveheading05';
38
- $ds-typography-expressiveheading06: 'expressiveheading06';
39
- $ds-typography-expressiveheading07: 'expressiveheading07';
40
- $ds-typography-expressivebody01: 'expressivebody01';
41
- $ds-typography-expressivebody02: 'expressivebody02';
42
- $ds-typography-expressivebody03: 'expressivebody03';
43
- $ds-typography-expressiveingress01: 'expressiveingress01';
44
- $ds-typography-expressiveingress02: 'expressiveingress02';
45
- $ds-typography-functionalmeta01: 'functionalmeta01';
46
- $ds-typography-functionalmeta02: 'functionalmeta02';
47
- $ds-typography-functionallabel01: 'functionallabel01';
48
- $ds-typography-functionallabel02: 'functionallabel02';
49
- $ds-typography-functionalbody01: 'functionalbody01';
50
- $ds-typography-functionalbody02: 'functionalbody02';
51
- $ds-typography-functionalingress01: 'functionalingress01';
52
- $ds-typography-functionalingress02: 'functionalingress02';
53
- $ds-typography-functionalheading01: 'functionalheading01';
54
- $ds-typography-functionalheading02: 'functionalheading02';
55
- $ds-typography-functionalheading03: 'functionalheading03';
56
- $ds-typography-functionalheading04: 'functionalheading04';
57
- $ds-typography-functionalheading05: 'functionalheading05';
58
- $ds-typography-functionalheading06: 'functionalheading06';
59
- $ds-typography-functionalbody03: 'functionalbody03';