@penskemediacorp/larva 1.2.1-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
@@ -0,0 +1,720 @@
1
+ {
2
+ "aliases": {
3
+ "BLUE_61": {
4
+ "value": "#417EF4"
5
+ },
6
+ "SCHNYDER_COND_M": {
7
+ "value": "'Schnyder Cond M', Gerogia, serif"
8
+ },
9
+ "BROWN_81": {
10
+ "value": "#ECD2B2"
11
+ },
12
+ "GREY_35": {
13
+ "value": "#6A6A6A"
14
+ },
15
+ "GREY_36": {
16
+ "value": "#5A5A5A"
17
+ },
18
+ "GREY_59": {
19
+ "value": "#939598"
20
+ },
21
+ "BLUE_21": {
22
+ "value": "#283842"
23
+ },
24
+ "ALICE_BLUE_97": {
25
+ "value": "#F1F7FC"
26
+ },
27
+ "TIMES_NEW_ROMAN": {
28
+ "value": "'Times New Roman', serif"
29
+ },
30
+ "SOURCE_SANS_PRO": {
31
+ "value": "Source Sans Pro, sans-serif"
32
+ },
33
+ "ACUMIN_PRO_WIDE": {
34
+ "value": "'acumin-pro-wide', Helvetica, sans-serif"
35
+ },
36
+ "OVERPASS": {
37
+ "value": "Overpass, sans-serif"
38
+ },
39
+ "PUBLICO": {
40
+ "value": "'Publico', serif"
41
+ },
42
+ "REGAL_BLUE_23": {
43
+ "value": "#0C4D6A"
44
+ },
45
+ "BLUE_13": {
46
+ "value": "#151C2D"
47
+ },
48
+ "BLUE_36": {
49
+ "value": "#0926A2"
50
+ },
51
+ "IBM_PLEX_MONO": {
52
+ "value": "'IBM Plex Mono', monospace"
53
+ },
54
+ "BROWN_32": {
55
+ "value": "#9B6D08"
56
+ },
57
+ "BALTO": {
58
+ "value": "'Balto', Helvetica, sans-serif"
59
+ },
60
+ "WHITE": {
61
+ "value": "#FFFFFF"
62
+ },
63
+ "BONNIE": {
64
+ "value": "Bonnie, Georgia, serif"
65
+ },
66
+ "RED_50": {
67
+ "value": "#FF0000"
68
+ },
69
+ "CANELA": {
70
+ "value": "Canela, serif"
71
+ },
72
+ "BLUE_17": {
73
+ "value": "#212634"
74
+ },
75
+ "BROWN_57": {
76
+ "value": "#C19560"
77
+ },
78
+ "RED_43": {
79
+ "value": "#B22A2D"
80
+ },
81
+ "BRIGHT_RED_60": {
82
+ "value": "#E54B27"
83
+ },
84
+ "DRUK_WIDE": {
85
+ "value": "Druk Wide, serif"
86
+ },
87
+ "RED_45": {
88
+ "value": "#E40000"
89
+ },
90
+ "YELLOW_48": {
91
+ "value": "#EEE809"
92
+ },
93
+ "YELLOW_59": {
94
+ "value": "#F2FA33"
95
+ },
96
+ "RED_46": {
97
+ "value": "#D71440"
98
+ },
99
+ "ORANGE_54": {
100
+ "value": "#F37021"
101
+ },
102
+ "AILERON": {
103
+ "value": "'aileron', Helvetica, sans-serif"
104
+ },
105
+ "GRAPHIK": {
106
+ "value": "'Graphik', sans-serif"
107
+ },
108
+ "HELVETICA": {
109
+ "value": "Helvetica, sans-serif"
110
+ },
111
+ "EGGSHELL_96": {
112
+ "value": "#F8F8F3"
113
+ },
114
+ "GRAPHIK_COND": {
115
+ "value": "'Graphik XX Cond', sans-serif"
116
+ },
117
+ "WHITE_95": {
118
+ "value": "#F0F1F2"
119
+ },
120
+ "NEUE_HAAS_UNICA": {
121
+ "value": "'neue-haas-unica', Helvetica, sans-serif"
122
+ },
123
+ "RED_49": {
124
+ "value": "#D32531"
125
+ },
126
+ "RED_39": {
127
+ "value": "#C10000"
128
+ },
129
+ "RED_29": {
130
+ "value": "#920200"
131
+ },
132
+ "HELVETICA_NEUE": {
133
+ "value": "'Helvetica Neue', Helvetica, Arial, sans-serif"
134
+ },
135
+ "ASTORIA_SANS": {
136
+ "value": "'astoria-sans', serif"
137
+ },
138
+ "DOMAINE_DISPLAY_NARROW": {
139
+ "value": "'Domaine Display Narrow Test', Georgia, serif"
140
+ },
141
+ "BLACK_6": {
142
+ "value": "#101010"
143
+ },
144
+ "CERULEAN_47": {
145
+ "value": "#01A5ED"
146
+ },
147
+ "GREY_90": {
148
+ "value": "#E6E6E6"
149
+ },
150
+ "GREY_80": {
151
+ "value": "#CCCCCC"
152
+ },
153
+ "EKSELL": {
154
+ "value": "'Eksell', Georgia, serif"
155
+ },
156
+ "PMC_RED": {
157
+ "value": "#EC1C24"
158
+ },
159
+ "IBM_PLEX_SANS": {
160
+ "value": "'IBM Plex Sans', sans-serif"
161
+ },
162
+ "IBM_PLEX_SERIF": {
163
+ "value": "'IBM Plex Serif', serif"
164
+ },
165
+ "MIRAGE_14": {
166
+ "value": "#1A282F"
167
+ },
168
+ "GREY_60": {
169
+ "value": "#919BA0"
170
+ },
171
+ "PARA_SUPREME": {
172
+ "value": "'Para Supreme Regular', serif"
173
+ },
174
+ "GREY_94": {
175
+ "value": "#EFEFEF"
176
+ },
177
+ "GREY_50": {
178
+ "value": "#8C8C8C"
179
+ },
180
+ "GREY_73": {
181
+ "value": "#B5BDC1"
182
+ },
183
+ "GREY_84": {
184
+ "value": "#D3D7D9"
185
+ },
186
+ "GREY_96": {
187
+ "value": "#F7F7F7"
188
+ },
189
+ "GEOGRAPH": {
190
+ "value": "Geograph, serif"
191
+ },
192
+ "MAHOGANY_53": {
193
+ "value": "#CB454A"
194
+ },
195
+ "GREY_86": {
196
+ "value": "#DCDCDC"
197
+ },
198
+ "GEORGIA": {
199
+ "value": "Georgia, serif"
200
+ },
201
+ "GREEN_57": {
202
+ "value": "#ABCA59"
203
+ },
204
+ "FERTIGO_PRO": {
205
+ "value": "'fertigo-pro', serif"
206
+ },
207
+ "BLACK_20": {
208
+ "value": "#333333"
209
+ },
210
+ "GREY_20": {
211
+ "value": "#323232"
212
+ },
213
+ "GREY_98": {
214
+ "value": "#FAFAFA"
215
+ },
216
+ "WARNOCK_PRO": {
217
+ "value": "'warnock-pro', 'Times New Roman', serif"
218
+ },
219
+ "GREY_10": {
220
+ "value": "#191919"
221
+ },
222
+ "BLACK": {
223
+ "value": "#000000"
224
+ }
225
+ },
226
+ "props": {
227
+ "BORDER_COLOR_GREY_LIGHTEST": {
228
+ "value": "rgb(245, 247, 250)",
229
+ "type": "color",
230
+ "category": "hr-color",
231
+ "originalValue": "#F5F7FA",
232
+ "name": "BORDER_COLOR_GREY_LIGHTEST"
233
+ },
234
+ "BORDER_COLOR_BRAND_SECONDARY_LIGHT": {
235
+ "category": "hr-color",
236
+ "type": "color",
237
+ "value": "rgb(0, 0, 0)",
238
+ "originalValue": "{!BLACK}",
239
+ "name": "BORDER_COLOR_BRAND_SECONDARY_LIGHT"
240
+ },
241
+ "BORDER_COLOR_GREY_LIGHT": {
242
+ "category": "hr-color",
243
+ "type": "color",
244
+ "value": "rgb(204, 204, 204)",
245
+ "originalValue": "{!GREY_80}",
246
+ "name": "BORDER_COLOR_GREY_LIGHT"
247
+ },
248
+ "BORDER_COLOR_GREY_DARK": {
249
+ "value": "rgb(90, 101, 109)",
250
+ "type": "color",
251
+ "category": "hr-color",
252
+ "originalValue": "#5A656D",
253
+ "name": "BORDER_COLOR_GREY_DARK"
254
+ },
255
+ "BORDER_COLOR_BRAND_SECONDARY_DARK": {
256
+ "category": "hr-color",
257
+ "type": "color",
258
+ "value": "rgb(0, 0, 0)",
259
+ "originalValue": "{!BLACK}",
260
+ "name": "BORDER_COLOR_BRAND_SECONDARY_DARK"
261
+ },
262
+ "BORDER_COLOR_BRAND_SECONDARY": {
263
+ "category": "hr-color",
264
+ "type": "color",
265
+ "value": "rgb(0, 0, 0)",
266
+ "originalValue": "{!BLACK}",
267
+ "name": "BORDER_COLOR_BRAND_SECONDARY"
268
+ },
269
+ "BORDER_COLOR_GREY": {
270
+ "value": "rgb(100, 116, 125)",
271
+ "type": "color",
272
+ "category": "hr-color",
273
+ "originalValue": "#64747D",
274
+ "name": "BORDER_COLOR_GREY"
275
+ },
276
+ "BORDER_COLOR_BRAND_PRIMARY_LIGHT": {
277
+ "category": "hr-color",
278
+ "type": "color",
279
+ "value": "rgb(236, 28, 36)",
280
+ "originalValue": "{!PMC_RED}",
281
+ "name": "BORDER_COLOR_BRAND_PRIMARY_LIGHT"
282
+ },
283
+ "BORDER_COLOR_WHITE": {
284
+ "category": "hr-color",
285
+ "type": "color",
286
+ "value": "rgb(255, 255, 255)",
287
+ "originalValue": "{!WHITE}",
288
+ "name": "BORDER_COLOR_WHITE"
289
+ },
290
+ "BORDER_COLOR_BRAND_PRIMARY_DARK": {
291
+ "category": "hr-color",
292
+ "type": "color",
293
+ "value": "rgb(236, 28, 36)",
294
+ "originalValue": "{!PMC_RED}",
295
+ "name": "BORDER_COLOR_BRAND_PRIMARY_DARK"
296
+ },
297
+ "BORDER_COLOR_BRAND_PRIMARY": {
298
+ "value": "rgb(237, 29, 37)",
299
+ "type": "color",
300
+ "category": "hr-color",
301
+ "originalValue": "#ED1D25",
302
+ "name": "BORDER_COLOR_BRAND_PRIMARY"
303
+ },
304
+ "BACKGROUND_COLOR_GREY_LIGHT": {
305
+ "category": "background-color",
306
+ "type": "color",
307
+ "value": "rgb(204, 204, 204)",
308
+ "originalValue": "{!GREY_80}",
309
+ "name": "BACKGROUND_COLOR_GREY_LIGHT"
310
+ },
311
+ "BACKGROUND_COLOR_GREY_LIGHTEST": {
312
+ "value": "rgb(245, 247, 250)",
313
+ "type": "color",
314
+ "category": "background-color",
315
+ "originalValue": "#F5F7FA",
316
+ "name": "BACKGROUND_COLOR_GREY_LIGHTEST"
317
+ },
318
+ "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": {
319
+ "category": "background-color",
320
+ "type": "color",
321
+ "value": "rgb(0, 0, 0)",
322
+ "originalValue": "{!BLACK}",
323
+ "name": "BACKGROUND_COLOR_BRAND_SECONDARY_DARK"
324
+ },
325
+ "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": {
326
+ "category": "background-color",
327
+ "type": "color",
328
+ "value": "rgb(0, 0, 0)",
329
+ "originalValue": "{!BLACK}",
330
+ "name": "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT"
331
+ },
332
+ "BACKGROUND_COLOR_GREY_DARK": {
333
+ "value": "rgb(90, 101, 109)",
334
+ "type": "color",
335
+ "category": "background-color",
336
+ "originalValue": "#5A656D",
337
+ "name": "BACKGROUND_COLOR_GREY_DARK"
338
+ },
339
+ "BACKGROUND_COLOR_GREY": {
340
+ "value": "rgb(100, 116, 125)",
341
+ "type": "color",
342
+ "category": "background-color",
343
+ "originalValue": "#64747D",
344
+ "name": "BACKGROUND_COLOR_GREY"
345
+ },
346
+ "BACKGROUND_COLOR_BODY": {
347
+ "category": "background-color",
348
+ "type": "color",
349
+ "value": "rgb(255, 255, 255)",
350
+ "comment": "The background color of the main body of the site.",
351
+ "originalValue": "{!WHITE}",
352
+ "name": "BACKGROUND_COLOR_BODY"
353
+ },
354
+ "BACKGROUND_COLOR_BRAND_SECONDARY": {
355
+ "category": "background-color",
356
+ "type": "color",
357
+ "value": "rgb(0, 0, 0)",
358
+ "comment": "The secondary brand color. This should be lighter in hue, and sufficient contrast with black text.",
359
+ "originalValue": "{!BLACK}",
360
+ "name": "BACKGROUND_COLOR_BRAND_SECONDARY"
361
+ },
362
+ "BACKGROUND_COLOR_BLACK": {
363
+ "category": "background-color",
364
+ "type": "color",
365
+ "value": "rgb(0, 0, 0)",
366
+ "originalValue": "{!BLACK}",
367
+ "name": "BACKGROUND_COLOR_BLACK"
368
+ },
369
+ "BACKGROUND_COLOR_BRAND_PRIMARY_LIGHT": {
370
+ "category": "background-color",
371
+ "type": "color",
372
+ "value": "rgb(236, 28, 36)",
373
+ "originalValue": "{!PMC_RED}",
374
+ "name": "BACKGROUND_COLOR_BRAND_PRIMARY_LIGHT"
375
+ },
376
+ "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": {
377
+ "category": "background-color",
378
+ "type": "color",
379
+ "value": "rgb(236, 28, 36)",
380
+ "originalValue": "{!PMC_RED}",
381
+ "name": "BACKGROUND_COLOR_BRAND_PRIMARY_DARK"
382
+ },
383
+ "BACKGROUND_COLOR_WHITE": {
384
+ "category": "background-color",
385
+ "type": "color",
386
+ "value": "rgb(255, 255, 255)",
387
+ "originalValue": "{!WHITE}",
388
+ "name": "BACKGROUND_COLOR_WHITE"
389
+ },
390
+ "BACKGROUND_COLOR_BRAND_PRIMARY": {
391
+ "value": "rgb(237, 29, 37)",
392
+ "type": "color",
393
+ "category": "background-color",
394
+ "originalValue": "#ED1D25",
395
+ "name": "BACKGROUND_COLOR_BRAND_PRIMARY"
396
+ },
397
+ "BACKGROUND_COLOR_GREY_DARKEST": {
398
+ "value": "rgb(72, 83, 91)",
399
+ "type": "color",
400
+ "category": "background-color",
401
+ "originalValue": "#48535B",
402
+ "name": "BACKGROUND_COLOR_GREY_DARKEST"
403
+ },
404
+ "COLOR_BRAND_SECONDARY": {
405
+ "category": "text-color",
406
+ "type": "color",
407
+ "value": "rgb(0, 0, 0)",
408
+ "originalValue": "{!BLACK}",
409
+ "name": "COLOR_BRAND_SECONDARY"
410
+ },
411
+ "COLOR_BLACK": {
412
+ "category": "text-color",
413
+ "type": "color",
414
+ "value": "rgb(0, 0, 0)",
415
+ "originalValue": "{!BLACK}",
416
+ "name": "COLOR_BLACK"
417
+ },
418
+ "COLOR_BRAND_PRIMARY_LIGHT": {
419
+ "category": "text-color",
420
+ "type": "color",
421
+ "value": "rgb(236, 28, 36)",
422
+ "originalValue": "{!PMC_RED}",
423
+ "name": "COLOR_BRAND_PRIMARY_LIGHT"
424
+ },
425
+ "COLOR_BRAND_PRIMARY_DARK": {
426
+ "category": "text-color",
427
+ "type": "color",
428
+ "value": "rgb(236, 28, 36)",
429
+ "originalValue": "{!PMC_RED}",
430
+ "name": "COLOR_BRAND_PRIMARY_DARK"
431
+ },
432
+ "COLOR_WHITE": {
433
+ "category": "text-color",
434
+ "type": "color",
435
+ "value": "rgb(255, 255, 255)",
436
+ "originalValue": "{!WHITE}",
437
+ "name": "COLOR_WHITE"
438
+ },
439
+ "COLOR_BRAND_PRIMARY": {
440
+ "value": "rgb(237, 29, 37)",
441
+ "type": "color",
442
+ "category": "text-color",
443
+ "originalValue": "#ED1D25",
444
+ "name": "COLOR_BRAND_PRIMARY"
445
+ },
446
+ "COLOR_GREY_LIGHT": {
447
+ "category": "text-color",
448
+ "type": "color",
449
+ "value": "rgb(230, 230, 230)",
450
+ "originalValue": "{!GREY_90}",
451
+ "name": "COLOR_GREY_LIGHT"
452
+ },
453
+ "COLOR_BRAND_SECONDARY_DARK": {
454
+ "category": "text-color",
455
+ "type": "color",
456
+ "value": "rgb(0, 0, 0)",
457
+ "originalValue": "{!BLACK}",
458
+ "name": "COLOR_BRAND_SECONDARY_DARK"
459
+ },
460
+ "COLOR_BRAND_SECONDARY_LIGHT": {
461
+ "category": "text-color",
462
+ "type": "color",
463
+ "value": "rgb(0, 0, 0)",
464
+ "originalValue": "{!BLACK}",
465
+ "name": "COLOR_BRAND_SECONDARY_LIGHT"
466
+ },
467
+ "COLOR_GREY_DARK": {
468
+ "value": "rgb(90, 101, 109)",
469
+ "type": "color",
470
+ "category": "text-color",
471
+ "originalValue": "#5A656D",
472
+ "name": "COLOR_GREY_DARK"
473
+ },
474
+ "COLOR_GREY": {
475
+ "value": "rgb(100, 116, 125)",
476
+ "type": "color",
477
+ "category": "text-color",
478
+ "originalValue": "#64747D",
479
+ "name": "COLOR_GREY"
480
+ },
481
+ "FONT_FAMILY_PRIMARY_FANCY": {
482
+ "value": "'playfair-display', Times New Roman, sans-serif",
483
+ "type": "font-family",
484
+ "category": "font-family",
485
+ "comment": "The webfont for font-family-primary.",
486
+ "originalValue": "'playfair-display', Times New Roman, sans-serif",
487
+ "name": "FONT_FAMILY_PRIMARY_FANCY"
488
+ },
489
+ "FONT_FAMILY_PRIMARY": {
490
+ "value": "'Times New Roman', serif",
491
+ "type": "font-family",
492
+ "category": "font-family",
493
+ "comment": "The fallback font for font-family-primary.",
494
+ "originalValue": "'Times New Roman', serif",
495
+ "name": "FONT_FAMILY_PRIMARY"
496
+ },
497
+ "FONT_FAMILY_SECONDARY_FANCY": {
498
+ "value": "'trade-gothic-next', Arial, sans-serif",
499
+ "type": "font-family",
500
+ "category": "font-family",
501
+ "comment": "Available via Typekit.",
502
+ "originalValue": "'trade-gothic-next', Arial, sans-serif",
503
+ "name": "FONT_FAMILY_SECONDARY_FANCY"
504
+ },
505
+ "FONT_FAMILY_SECONDARY": {
506
+ "value": "Arial, serif",
507
+ "type": "font-family",
508
+ "category": "font-family",
509
+ "comment": "Fallback from secondary-fancy",
510
+ "originalValue": "Arial, serif",
511
+ "name": "FONT_FAMILY_SECONDARY"
512
+ },
513
+ "FONT_FAMILY_BODY": {
514
+ "value": "'trade-gothic-next', Arial, sans-serif",
515
+ "type": "font-family",
516
+ "category": "font-family",
517
+ "originalValue": "'trade-gothic-next', Arial, sans-serif",
518
+ "name": "FONT_FAMILY_BODY"
519
+ },
520
+ "FONT_FAMILY_BASIC": {
521
+ "value": "Helvetica, sans-serif",
522
+ "type": "font-family",
523
+ "category": "font-family",
524
+ "originalValue": "Helvetica, sans-serif",
525
+ "name": "FONT_FAMILY_BASIC"
526
+ },
527
+ "FONT_WEIGHT_LIGHT": {
528
+ "category": "font-weight",
529
+ "type": "number",
530
+ "value": "300",
531
+ "originalValue": "300",
532
+ "name": "FONT_WEIGHT_LIGHT"
533
+ },
534
+ "FONT_WEIGHT_NORMAL": {
535
+ "category": "font-weight",
536
+ "type": "number",
537
+ "value": "400",
538
+ "originalValue": "400",
539
+ "name": "FONT_WEIGHT_NORMAL"
540
+ },
541
+ "FONT_WEIGHT_BOLD": {
542
+ "category": "font-weight",
543
+ "type": "number",
544
+ "value": "700",
545
+ "originalValue": "700",
546
+ "name": "FONT_WEIGHT_BOLD"
547
+ },
548
+ "LINE_HEIGHT_SMALL": {
549
+ "category": "line-height",
550
+ "type": "unit",
551
+ "value": "1.1",
552
+ "originalValue": "1.1",
553
+ "name": "LINE_HEIGHT_SMALL"
554
+ },
555
+ "LINE_HEIGHT_NORMAL": {
556
+ "category": "line-height",
557
+ "type": "unit",
558
+ "value": "1.35",
559
+ "originalValue": "1.35",
560
+ "name": "LINE_HEIGHT_NORMAL"
561
+ },
562
+ "LINE_HEIGHT_COPY": {
563
+ "category": "line-height",
564
+ "type": "unit",
565
+ "value": "1.5",
566
+ "originalValue": "1.5",
567
+ "name": "LINE_HEIGHT_COPY"
568
+ },
569
+ "LINE_HEIGHT_LARGE": {
570
+ "category": "line-height",
571
+ "type": "unit",
572
+ "value": "1.85",
573
+ "originalValue": "1.85",
574
+ "name": "LINE_HEIGHT_LARGE"
575
+ },
576
+ "SPACING_00": {
577
+ "category": "spacing",
578
+ "type": "unit",
579
+ "comment": "Used for margins and padding only.",
580
+ "value": "0",
581
+ "originalValue": "0",
582
+ "name": "SPACING_00"
583
+ },
584
+ "SPACING_025": {
585
+ "category": "spacing",
586
+ "type": "unit",
587
+ "comment": "Used for margins and padding only.",
588
+ "value": "0.25rem",
589
+ "originalValue": "0.25rem",
590
+ "name": "SPACING_025"
591
+ },
592
+ "SPACING_050": {
593
+ "category": "spacing",
594
+ "type": "unit",
595
+ "comment": "Used for margins and padding only.",
596
+ "value": "0.5rem",
597
+ "originalValue": "0.5rem",
598
+ "name": "SPACING_050"
599
+ },
600
+ "SPACING_075": {
601
+ "category": "spacing",
602
+ "type": "unit",
603
+ "comment": "Used for margins and padding only.",
604
+ "value": "0.75rem",
605
+ "originalValue": "0.75rem",
606
+ "name": "SPACING_075"
607
+ },
608
+ "SPACING_1": {
609
+ "category": "spacing",
610
+ "type": "unit",
611
+ "comment": "Used for margins and padding only.",
612
+ "value": "1rem",
613
+ "originalValue": "1rem",
614
+ "name": "SPACING_1"
615
+ },
616
+ "SPACING_125": {
617
+ "category": "spacing",
618
+ "type": "unit",
619
+ "comment": "Used for margins and padding only.",
620
+ "value": "1.25rem",
621
+ "originalValue": "1.25rem",
622
+ "name": "SPACING_125"
623
+ },
624
+ "SPACING_150": {
625
+ "category": "spacing",
626
+ "type": "unit",
627
+ "comment": "Used for margins and padding only.",
628
+ "value": "1.5rem",
629
+ "originalValue": "1.5rem",
630
+ "name": "SPACING_150"
631
+ },
632
+ "SPACING_2": {
633
+ "category": "spacing",
634
+ "type": "unit",
635
+ "comment": "Used for margins and padding only.",
636
+ "value": "2rem",
637
+ "originalValue": "2rem",
638
+ "name": "SPACING_2"
639
+ },
640
+ "BACKGROUND_COLOR_RIVET": {
641
+ "value": "rgb(255, 211, 0)",
642
+ "type": "color",
643
+ "category": "background-color",
644
+ "originalValue": "#FFD300",
645
+ "name": "BACKGROUND_COLOR_RIVET"
646
+ },
647
+ "COLOR_GREY_LIGH": {
648
+ "value": "rgb(126, 141, 150)",
649
+ "type": "color",
650
+ "category": "text-color",
651
+ "originalValue": "#7E8D96",
652
+ "name": "COLOR_GREY_LIGH"
653
+ },
654
+ "COLOR_GREY_DARKEST": {
655
+ "value": "rgb(72, 83, 91)",
656
+ "type": "color",
657
+ "category": "text-color",
658
+ "originalValue": "#48535B",
659
+ "name": "COLOR_GREY_DARKEST"
660
+ },
661
+ "BORDER_COLOR_GREY_LIGH": {
662
+ "value": "rgb(126, 141, 150)",
663
+ "type": "color",
664
+ "category": "hr-color",
665
+ "originalValue": "#7E8D96",
666
+ "name": "BORDER_COLOR_GREY_LIGH"
667
+ },
668
+ "BACKGROUND_COLOR_GREY_LIGH": {
669
+ "value": "rgb(126, 141, 150)",
670
+ "type": "color",
671
+ "category": "background-color",
672
+ "originalValue": "#7E8D96",
673
+ "name": "BACKGROUND_COLOR_GREY_LIGH"
674
+ },
675
+ "COLOR_RIVET": {
676
+ "value": "rgb(255, 211, 0)",
677
+ "type": "color",
678
+ "category": "text-color",
679
+ "originalValue": "#FFD300",
680
+ "name": "COLOR_RIVET"
681
+ },
682
+ "COLOR_GREY_LIGHTEST": {
683
+ "value": "rgb(245, 247, 250)",
684
+ "type": "color",
685
+ "category": "text-color",
686
+ "originalValue": "#F5F7FA",
687
+ "name": "COLOR_GREY_LIGHTEST"
688
+ },
689
+ "FONT_FAMILY_ACCENT": {
690
+ "value": "Georgia, serif",
691
+ "type": "font-family",
692
+ "category": "font-family",
693
+ "comment": "Fallback from ACCENT-fancy",
694
+ "originalValue": "Georgia, serif",
695
+ "name": "FONT_FAMILY_ACCENT"
696
+ },
697
+ "BORDER_COLOR_RIVET": {
698
+ "value": "rgb(255, 211, 0)",
699
+ "type": "color",
700
+ "category": "hr-color",
701
+ "originalValue": "#FFD300",
702
+ "name": "BORDER_COLOR_RIVET"
703
+ },
704
+ "BORDER_COLOR_GREY_DARKEST": {
705
+ "value": "rgb(72, 83, 91)",
706
+ "type": "color",
707
+ "category": "hr-color",
708
+ "originalValue": "#48535B",
709
+ "name": "BORDER_COLOR_GREY_DARKEST"
710
+ },
711
+ "FONT_FAMILY_ACCENT_FANCY": {
712
+ "value": "'oswald', Helvetica, sans-serif",
713
+ "type": "font-family",
714
+ "category": "font-family",
715
+ "comment": "Available via Typekit.",
716
+ "originalValue": "'oswald', Helvetica, sans-serif",
717
+ "name": "FONT_FAMILY_ACCENT_FANCY"
718
+ }
719
+ }
720
+ }