@penskemediacorp/larva 1.2.0-alpha.0 → 1.3.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 (236) hide show
  1. package/.eslintignore +6 -0
  2. package/LICENSE +21 -0
  3. package/README.md +119 -4
  4. package/__tests__/fixtures/build/css/common.inline.css +1 -0
  5. package/__tests__/fixtures/build/images/test.png +0 -0
  6. package/__tests__/fixtures/build/js/larva-ui.js +1 -0
  7. package/__tests__/fixtures/build/svg/defs/sprite.svg +1 -0
  8. package/__tests__/fixtures/larva.config.js +43 -0
  9. package/__tests__/fixtures/public/some-library.js +1 -0
  10. package/__tests__/fixtures/src/patterns/__tests__/.gitkeep +0 -0
  11. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.featured.aia.js +3 -0
  12. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.featured.js +3 -0
  13. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.js +1 -0
  14. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.json +3 -0
  15. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.prototype.js +3 -0
  16. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.twig +3 -0
  17. package/__tests__/fixtures/src/patterns/components/c-tagline/c-tagline.prototype.js +3 -0
  18. package/__tests__/fixtures/src/patterns/modules/_also-ignored/_also-ignored.prototype.js +3 -0
  19. package/__tests__/fixtures/src/patterns/modules/_also-ignored/_also-ignored.twig +3 -0
  20. package/__tests__/fixtures/src/patterns/modules/ignore-me/ignore-me.prototype.js +0 -0
  21. package/__tests__/fixtures/src/patterns/modules/ignore-me/ignore-me.twig +0 -0
  22. package/__tests__/fixtures/src/patterns/modules/test-module/test-module.featured.js +3 -0
  23. package/__tests__/fixtures/src/patterns/modules/test-module/test-module.prototype.js +3 -0
  24. package/__tests__/fixtures/src/patterns/modules/test-module/test-module.twig +0 -0
  25. package/__tests__/fixtures/src/patterns/objects/_objects.scss +0 -0
  26. package/__tests__/fixtures/src/patterns/objects/o-crap/o-crap.json +3 -0
  27. package/__tests__/fixtures/src/patterns/objects/o-crap/o-crap.scss +0 -0
  28. package/__tests__/fixtures/src/patterns/objects/o-crap/o-crap.twig +1 -0
  29. package/__tests__/fixtures/src/patterns/objects/o-nav/o-nav.twig +14 -0
  30. package/__tests__/fixtures/src/patterns/one-offs/newswire/newswire.html +1 -0
  31. package/__tests__/fixtures/src/patterns/one-offs/newswire/newswire.prototype.js +3 -0
  32. package/__tests__/fixtures/template-parts/some-template.php +3 -0
  33. package/__tests__/lib/generateStatic.test.js +140 -0
  34. package/__tests__/lib/utils/clonePatternData.test.js +23 -0
  35. package/__tests__/lib/utils/getAllPatternsObj.test.js +45 -0
  36. package/__tests__/lib/utils/getAppConfiguration.test.js +13 -0
  37. package/__tests__/lib/utils/getModuleNamesFromDirectory.test.js +23 -0
  38. package/__tests__/lib/utils/getPatternData.test.js +55 -0
  39. package/__tests__/lib/utils/getPatternPathsToLoad.test.js +13 -0
  40. package/__tests__/lib/utils/getPatternRoutes.test.js +29 -0
  41. package/__tests__/lib/utils/getPatternType.test.js +16 -0
  42. package/__tests__/lib/utils/getPatternVariants.test.js +20 -0
  43. package/__tests__/lib/utils/getPatternsIndexPath.test.js +9 -0
  44. package/__tests__/lib/utils/getSubDirectoryNames.test.js +17 -0
  45. package/__tests__/lib/utils/isCoreTheme.test.js +12 -0
  46. package/__tests__/lib/utils/writeJsonToFile.test.js +29 -0
  47. package/__tests__/lib/writeJson.test.js +83 -0
  48. package/bin/larva.js +25 -0
  49. package/build/css/larva-important.css +1 -0
  50. package/build/css/larva-ui.css +1 -0
  51. package/build/css/larva.css +1 -0
  52. package/build/css/larva.inline-important.css +1 -0
  53. package/build/css/larva.inline.css +1 -0
  54. package/build/css/variety.compat-important.css +1 -0
  55. package/build/css/variety.compat.css +1 -0
  56. package/build/js/common.js +26 -0
  57. package/build/js/larva-ui.js +1 -0
  58. package/build/js/standalone/video-showcase.js +26 -0
  59. package/build/svg/brand-logo-white.svg +1 -0
  60. package/build/svg/brand-logo.svg +1 -0
  61. package/build/svg/defs/sprite.defs.html +852 -0
  62. package/build/svg/defs/sprite.defs.svg +1 -0
  63. package/build/tokens/artinamerica.custom-properties.css +546 -0
  64. package/build/tokens/artinamerica.json +533 -0
  65. package/build/tokens/artinamerica.map.scss +546 -0
  66. package/build/tokens/artinamerica.raw.json +4341 -0
  67. package/build/tokens/artnews.custom-properties.css +550 -0
  68. package/build/tokens/artnews.json +536 -0
  69. package/build/tokens/artnews.map.scss +550 -0
  70. package/build/tokens/artnews.raw.json +4373 -0
  71. package/build/tokens/bbpro.custom-properties.css +96 -0
  72. package/build/tokens/bbpro.json +80 -0
  73. package/build/tokens/bbpro.map.scss +96 -0
  74. package/build/tokens/bbpro.raw.json +789 -0
  75. package/build/tokens/billboard.custom-properties.css +96 -0
  76. package/build/tokens/billboard.json +80 -0
  77. package/build/tokens/billboard.map.scss +96 -0
  78. package/build/tokens/billboard.raw.json +789 -0
  79. package/build/tokens/deadline.custom-properties.css +533 -0
  80. package/build/tokens/deadline.json +517 -0
  81. package/build/tokens/deadline.map.scss +533 -0
  82. package/build/tokens/deadline.raw.json +4204 -0
  83. package/build/tokens/default.custom-properties.css +533 -0
  84. package/build/tokens/default.json +517 -0
  85. package/build/tokens/default.map.scss +533 -0
  86. package/build/tokens/default.raw.json +4204 -0
  87. package/build/tokens/dirt.custom-properties.css +81 -0
  88. package/build/tokens/dirt.json +66 -0
  89. package/build/tokens/dirt.map.scss +81 -0
  90. package/build/tokens/dirt.raw.json +690 -0
  91. package/build/tokens/indiewire.custom-properties.css +536 -0
  92. package/build/tokens/indiewire.json +520 -0
  93. package/build/tokens/indiewire.map.scss +536 -0
  94. package/build/tokens/indiewire.raw.json +4221 -0
  95. package/build/tokens/rivet.custom-properties.css +82 -0
  96. package/build/tokens/rivet.json +68 -0
  97. package/build/tokens/rivet.map.scss +82 -0
  98. package/build/tokens/rivet.raw.json +703 -0
  99. package/build/tokens/robbreport.custom-properties.css +536 -0
  100. package/build/tokens/robbreport.json +518 -0
  101. package/build/tokens/robbreport.map.scss +536 -0
  102. package/build/tokens/robbreport.raw.json +4215 -0
  103. package/build/tokens/rollingstone-2022.custom-properties.css +534 -0
  104. package/build/tokens/rollingstone-2022.json +519 -0
  105. package/build/tokens/rollingstone-2022.map.scss +534 -0
  106. package/build/tokens/rollingstone-2022.raw.json +4035 -0
  107. package/build/tokens/rollingstone.custom-properties.css +530 -0
  108. package/build/tokens/rollingstone.json +518 -0
  109. package/build/tokens/rollingstone.map.scss +530 -0
  110. package/build/tokens/rollingstone.raw.json +4207 -0
  111. package/build/tokens/sheknows.custom-properties.css +92 -0
  112. package/build/tokens/sheknows.json +76 -0
  113. package/build/tokens/sheknows.map.scss +92 -0
  114. package/build/tokens/sheknows.raw.json +761 -0
  115. package/build/tokens/sourcingjournal.custom-properties.css +87 -0
  116. package/build/tokens/sourcingjournal.json +70 -0
  117. package/build/tokens/sourcingjournal.map.scss +87 -0
  118. package/build/tokens/sourcingjournal.raw.json +720 -0
  119. package/build/tokens/sportico.custom-properties.css +73 -0
  120. package/build/tokens/sportico.json +59 -0
  121. package/build/tokens/sportico.map.scss +73 -0
  122. package/build/tokens/sportico.raw.json +640 -0
  123. package/build/tokens/thr.custom-properties.css +83 -0
  124. package/build/tokens/thr.json +67 -0
  125. package/build/tokens/thr.map.scss +83 -0
  126. package/build/tokens/thr.raw.json +698 -0
  127. package/build/tokens/variety-compat.custom-properties.css +36 -0
  128. package/build/tokens/variety-compat.json +33 -0
  129. package/build/tokens/variety-compat.map.scss +36 -0
  130. package/build/tokens/variety-compat.raw.json +224 -0
  131. package/build/tokens/variety-vip.custom-properties.css +532 -0
  132. package/build/tokens/variety-vip.json +521 -0
  133. package/build/tokens/variety-vip.map.scss +532 -0
  134. package/build/tokens/variety-vip.raw.json +4223 -0
  135. package/build/tokens/variety.custom-properties.css +534 -0
  136. package/build/tokens/variety.json +521 -0
  137. package/build/tokens/variety.map.scss +534 -0
  138. package/build/tokens/variety.raw.json +4225 -0
  139. package/build/tokens/vibe.custom-properties.css +77 -0
  140. package/build/tokens/vibe.json +63 -0
  141. package/build/tokens/vibe.map.scss +77 -0
  142. package/build/tokens/vibe.raw.json +668 -0
  143. package/build/tokens/wwd-2021.custom-properties.css +82 -0
  144. package/build/tokens/wwd-2021.json +67 -0
  145. package/build/tokens/wwd-2021.map.scss +82 -0
  146. package/build/tokens/wwd-2021.raw.json +701 -0
  147. package/build/tokens/wwd-beauty.custom-properties.css +86 -0
  148. package/build/tokens/wwd-beauty.json +70 -0
  149. package/build/tokens/wwd-beauty.map.scss +86 -0
  150. package/build/tokens/wwd-beauty.raw.json +719 -0
  151. package/build/tokens/wwd-dd.custom-properties.css +18 -0
  152. package/build/tokens/wwd-dd.json +13 -0
  153. package/build/tokens/wwd-dd.map.scss +18 -0
  154. package/build/tokens/wwd-dd.raw.json +90 -0
  155. package/build/tokens/wwd.custom-properties.css +70 -0
  156. package/build/tokens/wwd.json +60 -0
  157. package/build/tokens/wwd.map.scss +70 -0
  158. package/build/tokens/wwd.raw.json +643 -0
  159. package/index.js +7 -0
  160. package/lib/generateStatic.js +133 -0
  161. package/lib/server.js +284 -0
  162. package/lib/start.js +7 -0
  163. package/lib/utils/clonePatternData.js +13 -0
  164. package/lib/utils/copySyncHelper.js +33 -0
  165. package/lib/utils/getAllPatternsObj.js +48 -0
  166. package/lib/utils/getAppConfiguration.js +82 -0
  167. package/lib/utils/getArgsFromCli.js +3 -0
  168. package/lib/utils/getModuleNamesFromDirectory.js +11 -0
  169. package/lib/utils/getPatternData.js +34 -0
  170. package/lib/utils/getPatternPathsToLoad.js +20 -0
  171. package/lib/utils/getPatternRoutes.js +58 -0
  172. package/lib/utils/getPatternType.js +15 -0
  173. package/lib/utils/getPatternVariants.js +24 -0
  174. package/lib/utils/getPatternsIndexPath.js +11 -0
  175. package/lib/utils/getSubDirectoryNames.js +23 -0
  176. package/lib/utils/isCoreTheme.js +8 -0
  177. package/lib/utils/renderSass.js +20 -0
  178. package/lib/utils/spawnScript.js +26 -0
  179. package/lib/utils/writeJsonToFile.js +6 -0
  180. package/lib/writeJson.js +53 -0
  181. package/package.json +72 -5
  182. package/public/webfontloader.js +22 -0
  183. package/scripts/build-html.js +52 -0
  184. package/scripts/build-icons.js +80 -0
  185. package/scripts/build-scss.js +15 -0
  186. package/scripts/config/.eslintrc.json +11 -0
  187. package/scripts/config/gulpfile.js +191 -0
  188. package/scripts/config/stylelint.config.js +5 -0
  189. package/scripts/config/svgo-config.json +67 -0
  190. package/scripts/config/webpack.config.js +95 -0
  191. package/scripts/dev-js.js +13 -0
  192. package/scripts/dev-scss.js +20 -0
  193. package/scripts/help.js +65 -0
  194. package/scripts/init.js +21 -0
  195. package/scripts/larva/.nvmrc +1 -0
  196. package/scripts/larva/README.md +29 -0
  197. package/scripts/larva/larva.config.js +3 -0
  198. package/scripts/larva/src/patterns/README.md +3 -0
  199. package/scripts/larva/src/patterns/base.html +6 -0
  200. package/scripts/larva/src/patterns/components/README.md +3 -0
  201. package/scripts/larva/src/patterns/modules/README.md +3 -0
  202. package/scripts/larva/src/patterns/objects/README.md +3 -0
  203. package/scripts/larva/src/patterns/one-offs/README.md +3 -0
  204. package/scripts/link-all.js +40 -0
  205. package/scripts/lint-js.js +11 -0
  206. package/scripts/lint-scss.js +13 -0
  207. package/scripts/lint.js +73 -0
  208. package/scripts/prod-js.js +12 -0
  209. package/scripts/prod-scss.js +24 -0
  210. package/scripts/prod.js +122 -0
  211. package/scripts/server.js +11 -0
  212. package/scripts/start.js +36 -0
  213. package/scripts/upgrade.js +99 -0
  214. package/scripts/write-json.js +14 -0
  215. package/.DS_Store +0 -0
  216. package/__tests__/larva.test.js +0 -7
  217. package/lib/larva.js +0 -7
  218. package/lib/patterns.js +0 -48
  219. package/setup.scss +0 -1
  220. package/src/02-generic/breakpoint-label.scss +0 -33
  221. package/src/06-algorithms/a-glue/a-glue.html +0 -4
  222. package/src/06-algorithms/a-glue/a-glue.scss +0 -56
  223. package/src/06-algorithms/a-glue/index.js +0 -1
  224. package/src/06-algorithms/a-grid.scss +0 -29
  225. package/src/07-utilities/u-background.scss +0 -5
  226. package/src/07-utilities/u-color.scss +0 -5
  227. package/src/07-utilities/u-crop.scss +0 -5
  228. package/src/07-utilities/u-flex.scss +0 -35
  229. package/src/07-utilities/u-margin.scss +0 -5
  230. package/src/07-utilities/u-padding.scss +0 -5
  231. package/src/07-utilities/u-text.scss +0 -33
  232. package/src/07-utilities/utilities.scss +0 -5
  233. package/static/css/components.css +0 -4
  234. package/static/css/objects.css +0 -21
  235. package/static/css/prism.css +0 -126
  236. package/static/js/prism.js +0 -8
package/build/tokens/rollingstone.custom-properties.css ADDED
@@ -0,0 +1,530 @@
1
+
2
+ :root {
3
+ --border-color-grey-lightest: rgb(247, 247, 247);
4
+ --border-color-brand-secondary-light: rgb(165, 133, 83);
5
+ --border-color-grey-light: rgb(204, 204, 204);
6
+ --border-color-grey-dark: rgb(123, 124, 132);
7
+ --border-color-brand-secondary-dark: rgb(122, 89, 45);
8
+ --border-color-brand-secondary: rgb(0, 0, 0);
9
+ --border-color-grey: rgb(169, 169, 173);
10
+ --border-color-brand-primary-light: rgb(236, 28, 36);
11
+ --border-color-white: rgb(255, 255, 255);
12
+ --border-color-brand-primary-dark: rgb(146, 7, 0);
13
+ --border-color-brand-primary: rgb(228, 0, 0);
14
+ --background-color-grey-light: rgb(204, 204, 204);
15
+ --background-color-grey-lightest: rgb(247, 247, 247);
16
+ --background-color-brand-secondary-dark: rgb(122, 89, 45);
17
+ --background-color-brand-secondary-light: rgb(165, 133, 83);
18
+ --background-color-grey-dark: rgb(123, 124, 132);
19
+ --background-color-grey: rgb(169, 169, 173);
20
+ /* The background color of the main body of the site. */
21
+ --background-color-body: rgb(255, 255, 255);
22
+ --background-color-brand-secondary: rgb(122, 89, 45);
23
+ --background-color-black: rgb(0, 0, 0);
24
+ --background-color-brand-primary-light: rgb(236, 28, 36);
25
+ --background-color-brand-primary-dark: rgb(146, 7, 0);
26
+ --background-color-white: rgb(255, 255, 255);
27
+ --background-color-brand-primary: rgb(211, 37, 49);
28
+ --background-color-grey-darkest: rgb(48, 48, 48);
29
+ --color-brand-secondary: rgb(122, 89, 45);
30
+ --color-black: rgb(0, 0, 0);
31
+ --color-brand-primary-light: rgb(236, 28, 36);
32
+ --color-brand-primary-dark: rgb(146, 7, 0);
33
+ --color-white: rgb(255, 255, 255);
34
+ --color-brand-primary: rgb(211, 37, 49);
35
+ --color-grey-light: rgb(230, 230, 230);
36
+ --color-brand-secondary-dark: rgb(122, 89, 45);
37
+ --color-brand-secondary-light: rgb(165, 133, 83);
38
+ --color-grey-dark: rgb(123, 124, 132);
39
+ --color-grey: rgb(169, 169, 173);
40
+ --font-family-primary-fancy: 'Graphik', sans-serif;
41
+ /* Fallback for primary-fancy. */
42
+ --font-family-primary: Helvetica, sans-serif;
43
+ --font-family-secondary-fancy: 'Graphik', sans-serif;
44
+ /* Fallback for secondary-fancy. */
45
+ --font-family-secondary: 'Helvetica', serif;
46
+ --font-family-body: 'Graphik', sans-serif;
47
+ --font-family-basic: 'Graphik', sans-serif;
48
+ --font-weight-light: 300;
49
+ --font-weight-normal: 400;
50
+ --font-weight-bold: 700;
51
+ --line-height-small: 1.1;
52
+ --line-height-normal: 1.35;
53
+ --line-height-copy: 1.5;
54
+ --line-height-large: 1.85;
55
+ /* Used for margins and padding only. */
56
+ --spacing-00: 0;
57
+ /* Used for margins and padding only. */
58
+ --spacing-025: 0.25rem;
59
+ /* Used for margins and padding only. */
60
+ --spacing-050: 0.5rem;
61
+ /* Used for margins and padding only. */
62
+ --spacing-075: 0.75rem;
63
+ /* Used for margins and padding only. */
64
+ --spacing-1: 1rem;
65
+ /* Used for margins and padding only. */
66
+ --spacing-125: 1.25rem;
67
+ /* Used for margins and padding only. */
68
+ --spacing-150: 1.5rem;
69
+ /* Used for margins and padding only. */
70
+ --spacing-2: 2rem;
71
+ --body-l-font-size-mobile: initial;
72
+ --primary-xl-font-size-desktop: 34px;
73
+ --body-xxxl-font-size-desktop: initial;
74
+ --body-xl-font-size-desktop: initial;
75
+ --primary-xxl-font-size-mobile: initial;
76
+ --primary-l-font-size-mobile: 34px;
77
+ --body-xxl-font-size-mobile: initial;
78
+ --basic-s-font-size-desktop-xl: initial;
79
+ --secondary-m-font-size-desktop-xl: 17px;
80
+ --basic-xxs-font-size-desktop-xl: initial;
81
+ --basic-xs-font-size-mobile: initial;
82
+ --secondary-l-font-size-desktop-xl: 30px;
83
+ --secondary-xxl-font-size-desktop-xl: initial;
84
+ --body-s-font-size-desktop: 16px;
85
+ --body-xxs-font-size-desktop: initial;
86
+ --primary-s-font-size-desktop: 18px;
87
+ --primary-xxs-font-size-desktop: 24px;
88
+ --secondary-regular-m-font-size-desktop-xl: 15px;
89
+ --secondary-xl-font-size-desktop-xl: initial;
90
+ --accent-s-font-size-desktop-xl: 23px;
91
+ --accent-xxs-font-size-desktop-xl: 18px;
92
+ --accent-l-font-size-desktop: 58px;
93
+ --accent-m-font-size-desktop: 26px;
94
+ --primary-xxxs-font-size-desktop: 20px;
95
+ --primary-xs-font-size-desktop: 26px;
96
+ --body-xxxs-font-size-desktop: initial;
97
+ --body-xs-font-size-desktop: initial;
98
+ --secondary-s-font-size-mobile: 11px;
99
+ --secondary-xxs-font-size-mobile: initial;
100
+ --basic-m-font-size-desktop-xl: initial;
101
+ --secondary-xs-font-size-mobile: initial;
102
+ --accent-regular-xxs-font-size-desktop-xl: 18px;
103
+ --basic-xxl-font-size-desktop-xl: initial;
104
+ --basic-l-font-size-desktop-xl: initial;
105
+ --basic-l-font-size-desktop: initial;
106
+ --basic-xxl-font-size-desktop: initial;
107
+ --accent-regular-xxs-font-size-desktop: 18px;
108
+ --basic-xl-font-size-mobile: initial;
109
+ --basic-m-font-size-desktop: initial;
110
+ --body-xs-font-size-desktop-xl: initial;
111
+ --body-xxxs-font-size-desktop-xl: initial;
112
+ --primary-xs-font-size-desktop-xl: 26px;
113
+ --primary-xxxs-font-size-desktop-xl: 20px;
114
+ --accent-m-font-size-desktop-xl: 26px;
115
+ --basic-s-font-size-mobile: initial;
116
+ --secondary-m-font-size-mobile: 17px;
117
+ --accent-xxs-font-size-desktop: 18px;
118
+ --accent-l-font-size-desktop-xl: 58px;
119
+ --basic-xxs-font-size-mobile: initial;
120
+ --accent-s-font-size-desktop: 23px;
121
+ --primary-xxs-font-size-desktop-xl: 24px;
122
+ --body-xxs-font-size-desktop-xl: initial;
123
+ --primary-s-font-size-desktop-xl: 18px;
124
+ --body-s-font-size-desktop-xl: 16px;
125
+ --secondary-xl-font-size-desktop: initial;
126
+ --secondary-regular-m-font-size-desktop: 15px;
127
+ --secondary-l-font-size-mobile: 17px;
128
+ --secondary-xxl-font-size-mobile: initial;
129
+ --secondary-xl-font-size-mobile: initial;
130
+ --secondary-xxl-font-size-desktop: initial;
131
+ --secondary-l-font-size-desktop: 30px;
132
+ --secondary-regular-m-font-size-mobile: 15px;
133
+ --accent-xxs-font-size-mobile: 14px;
134
+ --secondary-m-font-size-desktop: 17px;
135
+ --basic-s-font-size-desktop: initial;
136
+ --basic-xxs-font-size-desktop: initial;
137
+ --accent-s-font-size-mobile: 23px;
138
+ --basic-m-font-size-mobile: initial;
139
+ --body-xl-font-size-desktop-xl: initial;
140
+ --body-xxxl-font-size-desktop-xl: initial;
141
+ --primary-xl-font-size-desktop-xl: 34px;
142
+ --accent-regular-xxs-font-size-mobile: 14px;
143
+ --primary-m-font-size-desktop-xl: 23px;
144
+ --basic-xxl-font-size-mobile: initial;
145
+ --body-m-font-size-desktop-xl: 18px;
146
+ --basic-l-font-size-mobile: initial;
147
+ --basic-xl-font-size-desktop: initial;
148
+ --accent-xs-font-size-desktop-xl: 23px;
149
+ --secondary-xs-font-size-desktop: initial;
150
+ --primary-xxl-font-size-desktop-xl: initial;
151
+ --primary-l-font-size-desktop-xl: 29px;
152
+ --body-xxl-font-size-desktop-xl: initial;
153
+ --body-l-font-size-desktop-xl: initial;
154
+ --body-xs-font-size-mobile: initial;
155
+ --body-xxxs-font-size-mobile: initial;
156
+ --primary-xs-font-size-mobile: 18px;
157
+ --primary-xxxs-font-size-mobile: 19px;
158
+ --accent-m-font-size-mobile: 26px;
159
+ --secondary-xxs-font-size-desktop: initial;
160
+ --secondary-s-font-size-desktop: 12px;
161
+ --basic-xs-font-size-desktop-xl: initial;
162
+ --accent-l-font-size-mobile: 40px;
163
+ --primary-xxs-font-size-mobile: 22px;
164
+ --primary-s-font-size-mobile: 18px;
165
+ --body-xxs-font-size-mobile: initial;
166
+ --body-s-font-size-mobile: 16px;
167
+ --basic-xs-font-size-desktop: initial;
168
+ --secondary-s-font-size-desktop-xl: 12px;
169
+ --secondary-xxs-font-size-desktop-xl: initial;
170
+ --body-l-font-size-desktop: initial;
171
+ --body-xxl-font-size-desktop: initial;
172
+ --primary-l-font-size-desktop: 29px;
173
+ --primary-xxl-font-size-desktop: initial;
174
+ --secondary-xs-font-size-desktop-xl: initial;
175
+ --body-xl-font-size-mobile: initial;
176
+ --body-xxxl-font-size-mobile: initial;
177
+ --primary-xl-font-size-mobile: 34px;
178
+ --basic-xl-font-size-desktop-xl: initial;
179
+ --accent-xs-font-size-mobile: 18px;
180
+ --primary-m-font-size-mobile: 17px;
181
+ --body-m-font-size-desktop: 18px;
182
+ --body-m-font-size-mobile: 18px;
183
+ --primary-m-font-size-desktop: 23px;
184
+ --accent-xs-font-size-desktop: 23px;
185
+ --secondary-xs-letter-spacing-desktop: normal;
186
+ --secondary-xxs-letter-spacing-mobile: normal;
187
+ --secondary-s-letter-spacing-mobile: normal;
188
+ --basic-xl-letter-spacing-desktop: normal;
189
+ --body-s-letter-spacing-desktop-xl: normal;
190
+ --body-xxs-letter-spacing-desktop-xl: normal;
191
+ --primary-s-letter-spacing-desktop-xl: normal;
192
+ --primary-xxs-letter-spacing-desktop-xl: normal;
193
+ --accent-l-letter-spacing-desktop-xl: 1.66px;
194
+ --basic-xxs-letter-spacing-desktop: normal;
195
+ --basic-s-letter-spacing-desktop: normal;
196
+ --basic-xs-letter-spacing-mobile: normal;
197
+ --secondary-m-letter-spacing-desktop: normal;
198
+ --accent-m-letter-spacing-desktop-xl: normal;
199
+ --primary-xxxs-letter-spacing-desktop-xl: normal;
200
+ --primary-xs-letter-spacing-desktop-xl: normal;
201
+ --body-xxxs-letter-spacing-desktop-xl: normal;
202
+ --body-xs-letter-spacing-desktop-xl: normal;
203
+ --secondary-l-letter-spacing-desktop: normal;
204
+ --secondary-xxl-letter-spacing-desktop: normal;
205
+ --secondary-xl-letter-spacing-desktop: normal;
206
+ --body-l-letter-spacing-mobile: normal;
207
+ --body-xxl-letter-spacing-mobile: normal;
208
+ --primary-l-letter-spacing-mobile: normal;
209
+ --primary-xxl-letter-spacing-mobile: normal;
210
+ --secondary-regular-m-letter-spacing-desktop: normal;
211
+ --accent-xs-letter-spacing-mobile: 0.52px;
212
+ --accent-s-letter-spacing-desktop: normal;
213
+ --basic-l-letter-spacing-desktop-xl: normal;
214
+ --accent-xxs-letter-spacing-desktop: .52px;
215
+ --basic-xxl-letter-spacing-desktop-xl: normal;
216
+ --accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;
217
+ --body-m-letter-spacing-mobile: normal;
218
+ --primary-m-letter-spacing-mobile: normal;
219
+ --primary-xl-letter-spacing-mobile: normal;
220
+ --body-xxxl-letter-spacing-mobile: normal;
221
+ --basic-m-letter-spacing-desktop-xl: normal;
222
+ --body-xl-letter-spacing-mobile: normal;
223
+ --basic-m-letter-spacing-desktop: normal;
224
+ --accent-regular-xxs-letter-spacing-desktop: 0.52px;
225
+ --basic-xxl-letter-spacing-desktop: normal;
226
+ --accent-s-letter-spacing-desktop-xl: normal;
227
+ --basic-l-letter-spacing-desktop: normal;
228
+ --accent-xxs-letter-spacing-desktop-xl: .52px;
229
+ --secondary-xl-letter-spacing-desktop-xl: normal;
230
+ --secondary-regular-m-letter-spacing-desktop-xl: normal;
231
+ --secondary-xxl-letter-spacing-desktop-xl: normal;
232
+ --secondary-l-letter-spacing-desktop-xl: normal;
233
+ --body-s-letter-spacing-mobile: normal;
234
+ --primary-s-letter-spacing-mobile: normal;
235
+ --body-xs-letter-spacing-desktop: normal;
236
+ --body-xxs-letter-spacing-mobile: normal;
237
+ --body-xxxs-letter-spacing-desktop: normal;
238
+ --primary-xs-letter-spacing-desktop: normal;
239
+ --primary-xxs-letter-spacing-mobile: normal;
240
+ --primary-xxxs-letter-spacing-desktop: normal;
241
+ --accent-m-letter-spacing-desktop: normal;
242
+ --basic-xxs-letter-spacing-desktop-xl: normal;
243
+ --accent-l-letter-spacing-desktop: 1.66px;
244
+ --accent-l-letter-spacing-mobile: 1.14px;
245
+ --secondary-m-letter-spacing-desktop-xl: normal;
246
+ --basic-s-letter-spacing-desktop-xl: normal;
247
+ --accent-m-letter-spacing-mobile: .74px;
248
+ --primary-xxxs-letter-spacing-mobile: normal;
249
+ --primary-xxs-letter-spacing-desktop: normal;
250
+ --primary-xs-letter-spacing-mobile: normal;
251
+ --body-xxs-letter-spacing-desktop: normal;
252
+ --body-xxxs-letter-spacing-mobile: normal;
253
+ --primary-s-letter-spacing-desktop: normal;
254
+ --body-s-letter-spacing-desktop: normal;
255
+ --body-xs-letter-spacing-mobile: normal;
256
+ --basic-xl-letter-spacing-desktop-xl: normal;
257
+ --basic-l-letter-spacing-mobile: normal;
258
+ --basic-xxl-letter-spacing-mobile: normal;
259
+ --accent-regular-xxs-letter-spacing-mobile: 0.4px;
260
+ --secondary-xs-letter-spacing-desktop-xl: normal;
261
+ --basic-m-letter-spacing-mobile: normal;
262
+ --secondary-xxs-letter-spacing-desktop-xl: normal;
263
+ --secondary-s-letter-spacing-desktop-xl: normal;
264
+ --body-xl-letter-spacing-desktop: normal;
265
+ --body-xxxl-letter-spacing-desktop: normal;
266
+ --primary-xl-letter-spacing-desktop: normal;
267
+ --accent-xs-letter-spacing-desktop: 0.66px;
268
+ --accent-xxs-letter-spacing-mobile: .4px;
269
+ --primary-m-letter-spacing-desktop: normal;
270
+ --body-m-letter-spacing-desktop: normal;
271
+ --accent-s-letter-spacing-mobile: .66px;
272
+ --secondary-regular-m-letter-spacing-mobile: normal;
273
+ --primary-xxl-letter-spacing-desktop: normal;
274
+ --primary-l-letter-spacing-desktop: normal;
275
+ --body-xxl-letter-spacing-desktop: normal;
276
+ --secondary-xl-letter-spacing-mobile: normal;
277
+ --body-l-letter-spacing-desktop: normal;
278
+ --basic-xs-letter-spacing-desktop-xl: normal;
279
+ --secondary-xxl-letter-spacing-mobile: normal;
280
+ --secondary-l-letter-spacing-mobile: normal;
281
+ --secondary-m-letter-spacing-mobile: normal;
282
+ --basic-s-letter-spacing-mobile: normal;
283
+ --basic-xs-letter-spacing-desktop: normal;
284
+ --basic-xxs-letter-spacing-mobile: normal;
285
+ --body-l-letter-spacing-desktop-xl: normal;
286
+ --body-xxl-letter-spacing-desktop-xl: normal;
287
+ --primary-l-letter-spacing-desktop-xl: normal;
288
+ --primary-xxl-letter-spacing-desktop-xl: normal;
289
+ --basic-xl-letter-spacing-mobile: normal;
290
+ --body-m-letter-spacing-desktop-xl: normal;
291
+ --primary-m-letter-spacing-desktop-xl: normal;
292
+ --accent-xs-letter-spacing-desktop-xl: 0.66px;
293
+ --primary-xl-letter-spacing-desktop-xl: normal;
294
+ --body-xxxl-letter-spacing-desktop-xl: normal;
295
+ --body-xl-letter-spacing-desktop-xl: normal;
296
+ --secondary-s-letter-spacing-desktop: normal;
297
+ --secondary-xs-letter-spacing-mobile: normal;
298
+ --secondary-xxs-letter-spacing-desktop: normal;
299
+ --body-xs-font-weight-mobile: normal;
300
+ --body-xxxs-font-weight-mobile: normal;
301
+ --primary-xs-font-weight-mobile: bold;
302
+ --primary-xxxs-font-weight-mobile: bold;
303
+ --accent-m-font-weight-mobile: 300;
304
+ --basic-l-font-weight-desktop: normal;
305
+ --basic-xxl-font-weight-desktop: normal;
306
+ --accent-regular-xxs-font-weight-desktop: 400;
307
+ --basic-xs-font-weight-desktop-xl: normal;
308
+ --accent-l-font-weight-mobile: 300;
309
+ --primary-xxs-font-weight-mobile: bold;
310
+ --primary-s-font-weight-mobile: bold;
311
+ --body-xxs-font-weight-mobile: normal;
312
+ --body-s-font-weight-mobile: normal;
313
+ --basic-m-font-weight-desktop: normal;
314
+ --accent-xxs-font-weight-desktop: 300;
315
+ --accent-s-font-weight-desktop: 300;
316
+ --secondary-s-font-weight-desktop-xl: 600;
317
+ --secondary-xxs-font-weight-desktop-xl: normal;
318
+ --secondary-xl-font-weight-desktop: normal;
319
+ --secondary-regular-m-font-weight-desktop: normal;
320
+ --body-xl-font-weight-mobile: normal;
321
+ --secondary-xs-font-weight-desktop-xl: normal;
322
+ --body-xxxl-font-weight-mobile: normal;
323
+ --primary-xl-font-weight-mobile: bold;
324
+ --secondary-xxl-font-weight-desktop: normal;
325
+ --secondary-l-font-weight-desktop: 600;
326
+ --body-m-font-weight-mobile: normal;
327
+ --basic-xxs-font-weight-desktop: normal;
328
+ --accent-xs-font-weight-mobile: 300;
329
+ --basic-xl-font-weight-desktop-xl: normal;
330
+ --secondary-m-font-weight-desktop: 600;
331
+ --basic-s-font-weight-desktop: normal;
332
+ --primary-m-font-weight-mobile: bold;
333
+ --primary-xxl-font-weight-mobile: normal;
334
+ --primary-l-font-weight-mobile: bold;
335
+ --body-xxl-font-weight-mobile: normal;
336
+ --body-l-font-weight-mobile: normal;
337
+ --basic-xl-font-weight-desktop: normal;
338
+ --basic-xxs-font-weight-desktop-xl: normal;
339
+ --basic-s-font-weight-desktop-xl: normal;
340
+ --secondary-m-font-weight-desktop-xl: 600;
341
+ --secondary-l-font-weight-desktop-xl: 600;
342
+ --secondary-xxl-font-weight-desktop-xl: normal;
343
+ --basic-xs-font-weight-mobile: normal;
344
+ --secondary-xs-font-weight-desktop: normal;
345
+ --secondary-xxs-font-weight-desktop: normal;
346
+ --secondary-s-font-weight-desktop: 600;
347
+ --secondary-xl-font-weight-desktop-xl: normal;
348
+ --secondary-regular-m-font-weight-desktop-xl: normal;
349
+ --accent-s-font-weight-desktop-xl: 300;
350
+ --accent-xxs-font-weight-desktop-xl: 300;
351
+ --secondary-s-font-weight-mobile: 600;
352
+ --secondary-xxs-font-weight-mobile: normal;
353
+ --basic-m-font-weight-desktop-xl: normal;
354
+ --accent-regular-xxs-font-weight-desktop-xl: 400;
355
+ --basic-xxl-font-weight-desktop-xl: normal;
356
+ --basic-l-font-weight-desktop-xl: normal;
357
+ --basic-xs-font-weight-desktop: normal;
358
+ --secondary-xs-font-weight-mobile: normal;
359
+ --basic-xl-font-weight-mobile: normal;
360
+ --body-xxl-font-weight-desktop: normal;
361
+ --primary-l-font-weight-desktop: bold;
362
+ --primary-xxxs-font-weight-desktop-xl: bold;
363
+ --primary-xxl-font-weight-desktop: normal;
364
+ --accent-m-font-weight-desktop-xl: 300;
365
+ --body-xs-font-weight-desktop-xl: normal;
366
+ --body-l-font-weight-desktop: normal;
367
+ --body-xxxs-font-weight-desktop-xl: normal;
368
+ --primary-xs-font-weight-desktop-xl: 700;
369
+ --body-m-font-weight-desktop: normal;
370
+ --accent-l-font-weight-desktop-xl: 300;
371
+ --primary-m-font-weight-desktop: bold;
372
+ --basic-xxs-font-weight-mobile: normal;
373
+ --accent-xs-font-weight-desktop: 300;
374
+ --basic-s-font-weight-mobile: normal;
375
+ --secondary-m-font-weight-mobile: 600;
376
+ --primary-xl-font-weight-desktop: bold;
377
+ --body-xxxl-font-weight-desktop: normal;
378
+ --body-xl-font-weight-desktop: normal;
379
+ --secondary-l-font-weight-mobile: 600;
380
+ --secondary-xxl-font-weight-mobile: normal;
381
+ --primary-xxs-font-weight-desktop-xl: 700;
382
+ --primary-s-font-weight-desktop-xl: bold;
383
+ --body-xxs-font-weight-desktop-xl: normal;
384
+ --body-s-font-weight-desktop-xl: normal;
385
+ --secondary-regular-m-font-weight-mobile: normal;
386
+ --secondary-xl-font-weight-mobile: normal;
387
+ --accent-s-font-weight-mobile: 300;
388
+ --accent-xxs-font-weight-mobile: 300;
389
+ --basic-m-font-weight-mobile: normal;
390
+ --body-s-font-weight-desktop: normal;
391
+ --body-xxs-font-weight-desktop: normal;
392
+ --primary-s-font-weight-desktop: bold;
393
+ --primary-xxs-font-weight-desktop: 700;
394
+ --body-xl-font-weight-desktop-xl: normal;
395
+ --body-xxxl-font-weight-desktop-xl: normal;
396
+ --primary-xl-font-weight-desktop-xl: bold;
397
+ --accent-xs-font-weight-desktop-xl: 300;
398
+ --accent-regular-xxs-font-weight-mobile: 400;
399
+ --accent-l-font-weight-desktop: 300;
400
+ --basic-xxl-font-weight-mobile: normal;
401
+ --primary-m-font-weight-desktop-xl: bold;
402
+ --body-m-font-weight-desktop-xl: normal;
403
+ --basic-l-font-weight-mobile: normal;
404
+ --accent-m-font-weight-desktop: 300;
405
+ --primary-xxxs-font-weight-desktop: bold;
406
+ --body-xxxs-font-weight-desktop: normal;
407
+ --primary-xs-font-weight-desktop: 700;
408
+ --body-xs-font-weight-desktop: normal;
409
+ --primary-xxl-font-weight-desktop-xl: normal;
410
+ --primary-l-font-weight-desktop-xl: 700;
411
+ --body-xxl-font-weight-desktop-xl: normal;
412
+ --body-l-font-weight-desktop-xl: normal;
413
+ --accent-xs-line-height-desktop: 24px;
414
+ --body-m-line-height-desktop: 24px;
415
+ --primary-m-line-height-desktop: 25px;
416
+ --basic-s-line-height-desktop-xl: initial;
417
+ --secondary-m-line-height-desktop-xl: 21px;
418
+ --body-xxxl-line-height-desktop: initial;
419
+ --primary-xl-line-height-desktop: 38px;
420
+ --body-xl-line-height-desktop: initial;
421
+ --basic-xxs-line-height-desktop-xl: initial;
422
+ --basic-xs-line-height-mobile: initial;
423
+ --secondary-l-line-height-desktop-xl: 35px;
424
+ --secondary-xxl-line-height-desktop-xl: initial;
425
+ --secondary-regular-m-line-height-desktop-xl: 15px;
426
+ --secondary-xl-line-height-desktop-xl: initial;
427
+ --accent-xxs-line-height-desktop-xl: 18px;
428
+ --accent-s-line-height-desktop-xl: 23px;
429
+ --primary-s-line-height-desktop: 20px;
430
+ --body-xxs-line-height-desktop: initial;
431
+ --primary-xxs-line-height-desktop: 27px;
432
+ --secondary-s-line-height-mobile: 14px;
433
+ --secondary-xxs-line-height-mobile: initial;
434
+ --body-s-line-height-desktop: 22px;
435
+ --accent-l-line-height-desktop: 50px;
436
+ --basic-m-line-height-desktop-xl: initial;
437
+ --primary-xxxs-line-height-desktop: 23px;
438
+ --primary-xs-line-height-desktop: 29px;
439
+ --body-xxxs-line-height-desktop: initial;
440
+ --body-xs-line-height-desktop: initial;
441
+ --secondary-xs-line-height-mobile: initial;
442
+ --basic-l-line-height-desktop-xl: initial;
443
+ --accent-regular-xxs-line-height-desktop-xl: 26px;
444
+ --basic-xxl-line-height-desktop-xl: initial;
445
+ --accent-m-line-height-desktop: 26px;
446
+ --basic-xl-line-height-mobile: initial;
447
+ --accent-regular-xxs-line-height-desktop: 26px;
448
+ --body-xs-line-height-desktop-xl: initial;
449
+ --primary-xs-line-height-desktop-xl: 29px;
450
+ --body-xxxs-line-height-desktop-xl: initial;
451
+ --primary-xxxs-line-height-desktop-xl: 23px;
452
+ --accent-m-line-height-desktop-xl: 26px;
453
+ --basic-l-line-height-desktop: initial;
454
+ --basic-xxl-line-height-desktop: initial;
455
+ --basic-m-line-height-desktop: initial;
456
+ --basic-s-line-height-mobile: initial;
457
+ --secondary-m-line-height-mobile: 21px;
458
+ --basic-xxs-line-height-mobile: initial;
459
+ --accent-l-line-height-desktop-xl: 50px;
460
+ --primary-xxs-line-height-desktop-xl: 27px;
461
+ --primary-s-line-height-desktop-xl: 20px;
462
+ --body-xxs-line-height-desktop-xl: initial;
463
+ --body-s-line-height-desktop-xl: 22px;
464
+ --secondary-l-line-height-mobile: 21px;
465
+ --secondary-xxl-line-height-mobile: initial;
466
+ --accent-s-line-height-desktop: 23px;
467
+ --accent-xxs-line-height-desktop: 18px;
468
+ --secondary-xl-line-height-mobile: initial;
469
+ --secondary-xl-line-height-desktop: initial;
470
+ --secondary-regular-m-line-height-mobile: 15px;
471
+ --secondary-regular-m-line-height-desktop: 15px;
472
+ --accent-s-line-height-mobile: 23px;
473
+ --accent-xxs-line-height-mobile: 0.4px;
474
+ --secondary-xxl-line-height-desktop: initial;
475
+ --secondary-l-line-height-desktop: 35px;
476
+ --secondary-m-line-height-desktop: 21px;
477
+ --basic-s-line-height-desktop: initial;
478
+ --body-xl-line-height-desktop-xl: initial;
479
+ --primary-xl-line-height-desktop-xl: 38px;
480
+ --body-xxxl-line-height-desktop-xl: initial;
481
+ --basic-xxs-line-height-desktop: initial;
482
+ --basic-m-line-height-mobile: initial;
483
+ --basic-l-line-height-mobile: initial;
484
+ --primary-m-line-height-desktop-xl: 25px;
485
+ --body-m-line-height-desktop-xl: 24px;
486
+ --accent-regular-xxs-line-height-mobile: 14px;
487
+ --basic-xxl-line-height-mobile: initial;
488
+ --accent-xs-line-height-desktop-xl: 24px;
489
+ --primary-xxl-line-height-desktop-xl: initial;
490
+ --primary-l-line-height-desktop-xl: 32px;
491
+ --body-xxl-line-height-desktop-xl: initial;
492
+ --body-l-line-height-desktop-xl: initial;
493
+ --basic-xl-line-height-desktop: initial;
494
+ --secondary-xs-line-height-desktop: initial;
495
+ --body-xs-line-height-mobile: initial;
496
+ --body-xxxs-line-height-mobile: initial;
497
+ --primary-xs-line-height-mobile: 21px;
498
+ --primary-xxxs-line-height-mobile: 21px;
499
+ --accent-m-line-height-mobile: 26px;
500
+ --accent-l-line-height-mobile: 36px;
501
+ --basic-xs-line-height-desktop-xl: initial;
502
+ --secondary-xxs-line-height-desktop: initial;
503
+ --secondary-s-line-height-desktop: 17px;
504
+ --primary-xxs-line-height-mobile: 23px;
505
+ --primary-s-line-height-mobile: 20px;
506
+ --body-xxs-line-height-mobile: initial;
507
+ --body-s-line-height-mobile: 22px;
508
+ --secondary-s-line-height-desktop-xl: 17px;
509
+ --secondary-xxs-line-height-desktop-xl: initial;
510
+ --basic-xs-line-height-desktop: initial;
511
+ --body-xl-line-height-mobile: initial;
512
+ --body-xxxl-line-height-mobile: initial;
513
+ --primary-xl-line-height-mobile: 38px;
514
+ --secondary-xs-line-height-desktop-xl: initial;
515
+ --primary-m-line-height-mobile: 20px;
516
+ --body-m-line-height-mobile: 24px;
517
+ --basic-xl-line-height-desktop-xl: initial;
518
+ --accent-xs-line-height-mobile: 19px;
519
+ --body-l-line-height-desktop: initial;
520
+ --body-xxl-line-height-desktop: initial;
521
+ --primary-l-line-height-desktop: 32px;
522
+ --primary-xxl-line-height-desktop: initial;
523
+ --primary-xxl-line-height-mobile: initial;
524
+ --body-xxl-line-height-mobile: initial;
525
+ --primary-l-line-height-mobile: 38px;
526
+ --body-l-line-height-mobile: initial;
527
+ --font-family-accent: Verdana, serif;
528
+ --font-family-accent-fancy: Verdana, sans-serif;
529
+ --background-color-brand-accent: rgb(240, 241, 242);
530
+ }