@penskemediacorp/larva 1.7.0-alpha.0 → 1.7.2

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 (237) hide show
  1. package/.eslintignore +6 -0
  2. package/LICENSE +21 -0
  3. package/README.md +96 -37
  4. package/__tests__/fixtures/build/css/common.inline.css +1 -2
  5. package/__tests__/fixtures/{src/patterns/05-objects/_objects.scss → 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 +18 -9
  9. package/__tests__/fixtures/public/some-library.js +1 -0
  10. package/__tests__/fixtures/src/patterns/{05-objects/o-crap/o-crap.scss → __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.prototype.js +1 -1
  15. package/__tests__/fixtures/src/patterns/components/c-tagline/c-tagline.prototype.js +3 -0
  16. package/__tests__/fixtures/src/patterns/modules/_also-ignored/_also-ignored.prototype.js +3 -0
  17. package/__tests__/fixtures/src/patterns/modules/_also-ignored/_also-ignored.twig +3 -0
  18. package/__tests__/fixtures/src/patterns/modules/ignore-me/ignore-me.prototype.js +0 -0
  19. package/__tests__/fixtures/src/patterns/modules/ignore-me/ignore-me.twig +0 -0
  20. package/__tests__/fixtures/src/patterns/modules/test-module/test-module.featured.js +3 -0
  21. package/__tests__/fixtures/src/patterns/modules/test-module/test-module.prototype.js +3 -0
  22. package/__tests__/fixtures/src/patterns/modules/test-module/test-module.twig +0 -0
  23. package/__tests__/fixtures/src/patterns/one-offs/newswire/newswire.html +1 -0
  24. package/__tests__/fixtures/src/patterns/one-offs/newswire/newswire.prototype.js +3 -0
  25. package/__tests__/lib/generateStatic.test.js +140 -0
  26. package/__tests__/lib/utils/clonePatternData.test.js +16 -12
  27. package/__tests__/lib/utils/getAllPatternsObj.test.js +45 -0
  28. package/__tests__/lib/utils/getAppConfiguration.test.js +13 -0
  29. package/__tests__/lib/utils/getModuleNamesFromDirectory.test.js +23 -0
  30. package/__tests__/lib/utils/getPatternData.test.js +32 -5
  31. package/__tests__/lib/utils/getPatternRoutes.test.js +29 -0
  32. package/__tests__/lib/utils/getPatternVariants.test.js +20 -0
  33. package/__tests__/lib/utils/getSubDirectoryNames.test.js +17 -0
  34. package/__tests__/lib/writeJson.test.js +83 -0
  35. package/bin/larva.js +21 -6
  36. package/build/css/larva-important.css +1 -0
  37. package/build/css/larva-ui.css +1 -0
  38. package/build/css/larva.css +1 -0
  39. package/build/css/larva.inline-important.css +1 -0
  40. package/build/css/larva.inline.css +1 -0
  41. package/build/css/variety.compat-important.css +1 -0
  42. package/build/css/variety.compat.css +1 -0
  43. package/build/js/common.js +26 -0
  44. package/build/js/larva-ui.js +1 -0
  45. package/build/js/standalone/video-showcase.js +26 -0
  46. package/build/svg/brand-logo-white.svg +1 -0
  47. package/build/svg/brand-logo.svg +1 -0
  48. package/build/svg/defs/sprite.defs.html +852 -0
  49. package/build/svg/defs/sprite.defs.svg +1 -0
  50. package/build/svg/logo-404.svg +1 -0
  51. package/build/tokens/artinamerica.custom-properties.css +546 -0
  52. package/build/tokens/artinamerica.json +533 -0
  53. package/build/tokens/artinamerica.map.scss +546 -0
  54. package/build/tokens/artinamerica.raw.json +4341 -0
  55. package/build/tokens/artnews.custom-properties.css +550 -0
  56. package/build/tokens/artnews.json +536 -0
  57. package/build/tokens/artnews.map.scss +550 -0
  58. package/build/tokens/artnews.raw.json +4373 -0
  59. package/build/tokens/bbpro.custom-properties.css +96 -0
  60. package/build/tokens/bbpro.json +80 -0
  61. package/build/tokens/bbpro.map.scss +96 -0
  62. package/build/tokens/bbpro.raw.json +789 -0
  63. package/build/tokens/billboard.custom-properties.css +96 -0
  64. package/build/tokens/billboard.json +80 -0
  65. package/build/tokens/billboard.map.scss +96 -0
  66. package/build/tokens/billboard.raw.json +789 -0
  67. package/build/tokens/deadline.custom-properties.css +533 -0
  68. package/build/tokens/deadline.json +517 -0
  69. package/build/tokens/deadline.map.scss +533 -0
  70. package/build/tokens/deadline.raw.json +4204 -0
  71. package/build/tokens/default.custom-properties.css +533 -0
  72. package/build/tokens/default.json +517 -0
  73. package/build/tokens/default.map.scss +533 -0
  74. package/build/tokens/default.raw.json +4204 -0
  75. package/build/tokens/dirt.custom-properties.css +81 -0
  76. package/build/tokens/dirt.json +66 -0
  77. package/build/tokens/dirt.map.scss +81 -0
  78. package/build/tokens/dirt.raw.json +690 -0
  79. package/build/tokens/indiewire.custom-properties.css +536 -0
  80. package/build/tokens/indiewire.json +520 -0
  81. package/build/tokens/indiewire.map.scss +536 -0
  82. package/build/tokens/indiewire.raw.json +4221 -0
  83. package/build/tokens/rivet.custom-properties.css +82 -0
  84. package/build/tokens/rivet.json +68 -0
  85. package/build/tokens/rivet.map.scss +82 -0
  86. package/build/tokens/rivet.raw.json +703 -0
  87. package/build/tokens/robbreport.custom-properties.css +536 -0
  88. package/build/tokens/robbreport.json +518 -0
  89. package/build/tokens/robbreport.map.scss +536 -0
  90. package/build/tokens/robbreport.raw.json +4215 -0
  91. package/build/tokens/rollingstone-2022.custom-properties.css +534 -0
  92. package/build/tokens/rollingstone-2022.json +519 -0
  93. package/build/tokens/rollingstone-2022.map.scss +534 -0
  94. package/build/tokens/rollingstone-2022.raw.json +4035 -0
  95. package/build/tokens/rollingstone.custom-properties.css +530 -0
  96. package/build/tokens/rollingstone.json +518 -0
  97. package/build/tokens/rollingstone.map.scss +530 -0
  98. package/build/tokens/rollingstone.raw.json +4207 -0
  99. package/build/tokens/sheknows.custom-properties.css +92 -0
  100. package/build/tokens/sheknows.json +76 -0
  101. package/build/tokens/sheknows.map.scss +92 -0
  102. package/build/tokens/sheknows.raw.json +761 -0
  103. package/build/tokens/sourcingjournal.custom-properties.css +87 -0
  104. package/build/tokens/sourcingjournal.json +70 -0
  105. package/build/tokens/sourcingjournal.map.scss +87 -0
  106. package/build/tokens/sourcingjournal.raw.json +720 -0
  107. package/build/tokens/sportico.custom-properties.css +73 -0
  108. package/build/tokens/sportico.json +59 -0
  109. package/build/tokens/sportico.map.scss +73 -0
  110. package/build/tokens/sportico.raw.json +640 -0
  111. package/build/tokens/thr.custom-properties.css +83 -0
  112. package/build/tokens/thr.json +67 -0
  113. package/build/tokens/thr.map.scss +83 -0
  114. package/build/tokens/thr.raw.json +698 -0
  115. package/build/tokens/variety-compat.custom-properties.css +36 -0
  116. package/build/tokens/variety-compat.json +33 -0
  117. package/build/tokens/variety-compat.map.scss +36 -0
  118. package/build/tokens/variety-compat.raw.json +224 -0
  119. package/build/tokens/variety-vip.custom-properties.css +532 -0
  120. package/build/tokens/variety-vip.json +521 -0
  121. package/build/tokens/variety-vip.map.scss +532 -0
  122. package/build/tokens/variety-vip.raw.json +4223 -0
  123. package/build/tokens/variety.custom-properties.css +534 -0
  124. package/build/tokens/variety.json +521 -0
  125. package/build/tokens/variety.map.scss +534 -0
  126. package/build/tokens/variety.raw.json +4225 -0
  127. package/build/tokens/vibe.custom-properties.css +77 -0
  128. package/build/tokens/vibe.json +63 -0
  129. package/build/tokens/vibe.map.scss +77 -0
  130. package/build/tokens/vibe.raw.json +668 -0
  131. package/build/tokens/wwd-2021.custom-properties.css +82 -0
  132. package/build/tokens/wwd-2021.json +67 -0
  133. package/build/tokens/wwd-2021.map.scss +82 -0
  134. package/build/tokens/wwd-2021.raw.json +701 -0
  135. package/build/tokens/wwd-beauty.custom-properties.css +86 -0
  136. package/build/tokens/wwd-beauty.json +70 -0
  137. package/build/tokens/wwd-beauty.map.scss +86 -0
  138. package/build/tokens/wwd-beauty.raw.json +719 -0
  139. package/build/tokens/wwd-dd.custom-properties.css +18 -0
  140. package/build/tokens/wwd-dd.json +13 -0
  141. package/build/tokens/wwd-dd.map.scss +18 -0
  142. package/build/tokens/wwd-dd.raw.json +90 -0
  143. package/build/tokens/wwd.custom-properties.css +70 -0
  144. package/build/tokens/wwd.json +60 -0
  145. package/build/tokens/wwd.map.scss +70 -0
  146. package/build/tokens/wwd.raw.json +643 -0
  147. package/index.js +2 -1
  148. package/lib/generateStatic.js +133 -0
  149. package/lib/server.js +262 -28
  150. package/lib/start.js +7 -0
  151. package/lib/utils/clonePatternData.js +12 -3
  152. package/lib/utils/copySyncHelper.js +33 -0
  153. package/lib/utils/getAllPatternsObj.js +48 -0
  154. package/lib/utils/getAppConfiguration.js +65 -7
  155. package/lib/utils/getArgsFromCli.js +3 -0
  156. package/lib/utils/getModuleNamesFromDirectory.js +11 -0
  157. package/lib/utils/getPatternData.js +19 -13
  158. package/lib/utils/getPatternPathsToLoad.js +5 -6
  159. package/lib/utils/getPatternRoutes.js +58 -0
  160. package/lib/utils/getPatternType.js +3 -2
  161. package/lib/utils/getPatternVariants.js +24 -0
  162. package/lib/utils/getSubDirectoryNames.js +23 -0
  163. package/lib/utils/spawnScript.js +26 -0
  164. package/lib/writeJson.js +53 -0
  165. package/package.json +67 -5
  166. package/public/webfontloader.js +22 -0
  167. package/scripts/build-html.js +52 -0
  168. package/scripts/build-icons.js +80 -0
  169. package/scripts/build-scss.js +15 -0
  170. package/scripts/config/.eslintrc.json +11 -0
  171. package/scripts/config/gulpfile.js +191 -0
  172. package/scripts/config/stylelint.config.js +5 -0
  173. package/scripts/config/svgo-config.json +67 -0
  174. package/scripts/config/webpack.config.js +95 -0
  175. package/scripts/dev-js.js +13 -0
  176. package/scripts/dev-scss.js +20 -0
  177. package/scripts/help.js +65 -0
  178. package/scripts/init.js +21 -0
  179. package/scripts/larva/.nvmrc +1 -0
  180. package/scripts/larva/README.md +29 -0
  181. package/scripts/larva/larva.config.js +3 -0
  182. package/scripts/larva/src/patterns/README.md +3 -0
  183. package/scripts/larva/src/patterns/base.html +6 -0
  184. package/scripts/larva/src/patterns/components/README.md +3 -0
  185. package/scripts/larva/src/patterns/modules/README.md +3 -0
  186. package/scripts/larva/src/patterns/objects/README.md +3 -0
  187. package/scripts/larva/src/patterns/one-offs/README.md +3 -0
  188. package/scripts/link-all.js +40 -0
  189. package/scripts/lint-js.js +11 -0
  190. package/scripts/lint-scss.js +13 -0
  191. package/scripts/lint.js +73 -0
  192. package/scripts/prod-js.js +12 -0
  193. package/scripts/prod-scss.js +24 -0
  194. package/scripts/prod.js +122 -0
  195. package/scripts/server.js +11 -0
  196. package/scripts/start.js +36 -0
  197. package/scripts/upgrade.js +99 -0
  198. package/scripts/write-json.js +14 -0
  199. package/.DS_Store +0 -0
  200. package/__tests__/.DS_Store +0 -0
  201. package/__tests__/_test-boilerplate.js +0 -12
  202. package/__tests__/fixtures/src/patterns/04-components/c-nav-link/c-nav-link.json +0 -3
  203. package/__tests__/fixtures/src/patterns/04-components/c-nav-link/c-nav-link.prototype.js +0 -3
  204. package/__tests__/fixtures/src/patterns/04-components/c-nav-link/c-nav-link.twig +0 -3
  205. package/__tests__/fixtures/src/patterns/05-objects/o-crap/o-crap.json +0 -3
  206. package/__tests__/fixtures/src/patterns/05-objects/o-crap/o-crap.twig +0 -1
  207. package/__tests__/fixtures/src/patterns/05-objects/o-nav/o-nav.twig +0 -14
  208. package/__tests__/fixtures/src/patterns/06-algorithms/a-icon/a-icon.common.inline.scss +0 -3
  209. package/__tests__/fixtures/src/patterns/06-algorithms/a-wrapper/a-wrapper.common.inline.scss +0 -3
  210. package/__tests__/fixtures/src/patterns/07-utilities/u-test-three.common.async.scss +0 -3
  211. package/__tests__/fixtures/src/patterns/07-utilities/u-test-two.common.inline.scss +0 -8
  212. package/__tests__/fixtures/src/patterns/07-utilities/u-test.common.inline.scss +0 -8
  213. package/__tests__/fixtures/src/patterns/08-modules/breadcrumbs/breadcrumbs.twig +0 -1
  214. package/__tests__/lib/build.test.js +0 -20
  215. package/__tests__/lib/utils/buildPatternFilePath.test.js +0 -18
  216. package/__tests__/lib/utils/concatenateFileData.test.js +0 -26
  217. package/__tests__/lib/utils/getPatternDataPath.test.js +0 -19
  218. package/__tests__/lib/utils/getPatternDigit.test.js +0 -13
  219. package/__tests__/lib/utils/getScssPathsWithExtension.test.js +0 -29
  220. package/__tests__/lib/utils/getScssResultCss.test.js +0 -16
  221. package/__tests__/lib/utils/getScssResultFilePath.test.js +0 -14
  222. package/lib/.DS_Store +0 -0
  223. package/lib/build.js +0 -16
  224. package/lib/utils/buildPatternFilePath.js +0 -13
  225. package/lib/utils/concatenateFileData.js +0 -19
  226. package/lib/utils/getPatternDataPath.js +0 -16
  227. package/lib/utils/getPatternDigit.js +0 -15
  228. package/lib/utils/getScssPathsWithExtension.js +0 -23
  229. package/lib/utils/getScssResultCss.js +0 -18
  230. package/lib/utils/getScssResultFilePath.js +0 -11
  231. package/lib/utils/utils.js +0 -16
  232. package/lib/watch.js +0 -33
  233. package/lib/writeData.js +0 -22
  234. package/static/css/components.css +0 -4
  235. package/static/css/objects.css +0 -21
  236. package/static/css/prism.css +0 -126
  237. package/static/js/prism.js +0 -8
package/build/tokens/sheknows.custom-properties.css ADDED
@@ -0,0 +1,92 @@
1
+
2
+ :root {
3
+ --border-color-grey-lightest: rgb(247, 247, 247);
4
+ --border-color-brand-secondary-light: rgb(246, 161, 151);
5
+ --border-color-grey-light: rgb(204, 204, 204);
6
+ --border-color-grey-dark: rgb(106, 106, 106);
7
+ --border-color-brand-secondary-dark: rgb(0, 0, 0);
8
+ --border-color-brand-secondary: rgb(238, 80, 85);
9
+ --border-color-grey: rgb(140, 140, 140);
10
+ --border-color-brand-primary-light: rgb(202, 79, 88);
11
+ --border-color-white: rgb(255, 255, 255);
12
+ --border-color-brand-primary-dark: rgb(236, 28, 36);
13
+ --border-color-brand-primary: rgb(169, 19, 30);
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(0, 0, 0);
17
+ --background-color-brand-secondary-light: rgb(246, 161, 151);
18
+ --background-color-grey-dark: rgb(106, 106, 106);
19
+ --background-color-grey: rgb(140, 140, 140);
20
+ /* The background color of the main body of the site. */
21
+ --background-color-body: rgb(255, 248, 241);
22
+ --background-color-brand-secondary: rgb(238, 80, 85);
23
+ --background-color-black: rgb(0, 0, 0);
24
+ --background-color-brand-primary-light: rgb(202, 79, 88);
25
+ --background-color-brand-primary-dark: rgb(236, 28, 36);
26
+ --background-color-white: rgb(255, 255, 255);
27
+ --background-color-brand-primary: rgb(169, 19, 30);
28
+ --background-color-grey-darkest: rgb(50, 50, 50);
29
+ --color-brand-secondary: rgb(238, 80, 85);
30
+ --color-black: rgb(0, 0, 0);
31
+ --color-brand-primary-light: rgb(202, 79, 88);
32
+ --color-brand-primary-dark: rgb(236, 28, 36);
33
+ --color-white: rgb(255, 255, 255);
34
+ --color-brand-primary: rgb(169, 19, 30);
35
+ --color-grey-light: rgb(230, 230, 230);
36
+ --color-brand-secondary-dark: rgb(0, 0, 0);
37
+ --color-brand-secondary-light: rgb(246, 161, 151);
38
+ --color-grey-dark: rgb(106, 106, 106);
39
+ --color-grey: rgb(140, 140, 140);
40
+ /* The primary webfont, loaded async */
41
+ --font-family-primary-fancy: 'Playfair Display', serif;
42
+ /* The fallback for the primary font */
43
+ --font-family-primary: Georgia, serif;
44
+ /* The secondary webfont, loaded async */
45
+ --font-family-secondary-fancy: 'sofia-pro', sans-serif;
46
+ /* The fallback for the secondary font */
47
+ --font-family-secondary: 'Helvetica Neue', sans-serif;
48
+ --font-family-body: 'Helvetica Neue', sans-serif;
49
+ --font-family-basic: 'Helvetica Neue', sans-serif;
50
+ --font-weight-light: 300;
51
+ --font-weight-normal: 400;
52
+ --font-weight-bold: 700;
53
+ --line-height-small: 1.1;
54
+ --line-height-normal: 1.35;
55
+ --line-height-copy: 1.5;
56
+ --line-height-large: 1.85;
57
+ /* Used for margins and padding only. */
58
+ --spacing-00: 0;
59
+ /* Used for margins and padding only. */
60
+ --spacing-025: 0.25rem;
61
+ /* Used for margins and padding only. */
62
+ --spacing-050: 0.5rem;
63
+ /* Used for margins and padding only. */
64
+ --spacing-075: 0.75rem;
65
+ /* Used for margins and padding only. */
66
+ --spacing-1: 1rem;
67
+ /* Used for margins and padding only. */
68
+ --spacing-125: 1.25rem;
69
+ /* Used for margins and padding only. */
70
+ --spacing-150: 1.5rem;
71
+ /* Used for margins and padding only. */
72
+ --spacing-2: 2rem;
73
+ --background-color-brand-accent-secondary: rgb(250, 220, 171);
74
+ --border-color-brand-accent-dark: rgb(23, 51, 81);
75
+ --border-color-brand-accent-secondary: rgb(250, 220, 171);
76
+ --background-color-brand-accent-dark: rgb(23, 51, 81);
77
+ --background-color-brand-accent-light: rgb(249, 250, 251);
78
+ --border-color-brand-accent-light: rgb(249, 250, 251);
79
+ --color-brand-accent-secondary-light: rgb(254, 249, 228);
80
+ --background-color-brand-accent: rgb(207, 227, 249);
81
+ --border-color-brand-accent: rgb(207, 227, 249);
82
+ --color-brand-accent-secondary: rgb(250, 220, 171);
83
+ --color-brand-accent-light: rgb(249, 250, 251);
84
+ /* The fallback for the accent font */
85
+ --font-family-accent: Georgia, serif;
86
+ --color-brand-accent-dark: rgb(23, 51, 81);
87
+ --background-color-brand-accent-secondary-light: rgb(254, 249, 228);
88
+ --border-color-brand-accent-secondary-light: rgb(254, 249, 228);
89
+ --color-brand-accent: rgb(207, 227, 249);
90
+ /* The accent webfont, loaded async */
91
+ --font-family-accent-fancy: Lust, serif;
92
+ }
package/build/tokens/sheknows.json ADDED
@@ -0,0 +1,76 @@
1
+ {
2
+ "BORDER_COLOR_GREY_LIGHTEST": "rgb(247, 247, 247)",
3
+ "BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(246, 161, 151)",
4
+ "BORDER_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
5
+ "BORDER_COLOR_GREY_DARK": "rgb(106, 106, 106)",
6
+ "BORDER_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
7
+ "BORDER_COLOR_BRAND_SECONDARY": "rgb(238, 80, 85)",
8
+ "BORDER_COLOR_GREY": "rgb(140, 140, 140)",
9
+ "BORDER_COLOR_BRAND_PRIMARY_LIGHT": "rgb(202, 79, 88)",
10
+ "BORDER_COLOR_WHITE": "rgb(255, 255, 255)",
11
+ "BORDER_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
12
+ "BORDER_COLOR_BRAND_PRIMARY": "rgb(169, 19, 30)",
13
+ "BACKGROUND_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
14
+ "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(247, 247, 247)",
15
+ "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
16
+ "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(246, 161, 151)",
17
+ "BACKGROUND_COLOR_GREY_DARK": "rgb(106, 106, 106)",
18
+ "BACKGROUND_COLOR_GREY": "rgb(140, 140, 140)",
19
+ "BACKGROUND_COLOR_BODY": "rgb(255, 248, 241)",
20
+ "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(238, 80, 85)",
21
+ "BACKGROUND_COLOR_BLACK": "rgb(0, 0, 0)",
22
+ "BACKGROUND_COLOR_BRAND_PRIMARY_LIGHT": "rgb(202, 79, 88)",
23
+ "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
24
+ "BACKGROUND_COLOR_WHITE": "rgb(255, 255, 255)",
25
+ "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(169, 19, 30)",
26
+ "BACKGROUND_COLOR_GREY_DARKEST": "rgb(50, 50, 50)",
27
+ "COLOR_BRAND_SECONDARY": "rgb(238, 80, 85)",
28
+ "COLOR_BLACK": "rgb(0, 0, 0)",
29
+ "COLOR_BRAND_PRIMARY_LIGHT": "rgb(202, 79, 88)",
30
+ "COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
31
+ "COLOR_WHITE": "rgb(255, 255, 255)",
32
+ "COLOR_BRAND_PRIMARY": "rgb(169, 19, 30)",
33
+ "COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
34
+ "COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
35
+ "COLOR_BRAND_SECONDARY_LIGHT": "rgb(246, 161, 151)",
36
+ "COLOR_GREY_DARK": "rgb(106, 106, 106)",
37
+ "COLOR_GREY": "rgb(140, 140, 140)",
38
+ "FONT_FAMILY_PRIMARY_FANCY": "'Playfair Display', serif",
39
+ "FONT_FAMILY_PRIMARY": "Georgia, serif",
40
+ "FONT_FAMILY_SECONDARY_FANCY": "'sofia-pro', sans-serif",
41
+ "FONT_FAMILY_SECONDARY": "'Helvetica Neue', sans-serif",
42
+ "FONT_FAMILY_BODY": "'Helvetica Neue', sans-serif",
43
+ "FONT_FAMILY_BASIC": "'Helvetica Neue', sans-serif",
44
+ "FONT_WEIGHT_LIGHT": "300",
45
+ "FONT_WEIGHT_NORMAL": "400",
46
+ "FONT_WEIGHT_BOLD": "700",
47
+ "LINE_HEIGHT_SMALL": "1.1",
48
+ "LINE_HEIGHT_NORMAL": "1.35",
49
+ "LINE_HEIGHT_COPY": "1.5",
50
+ "LINE_HEIGHT_LARGE": "1.85",
51
+ "SPACING_00": "0",
52
+ "SPACING_025": "0.25rem",
53
+ "SPACING_050": "0.5rem",
54
+ "SPACING_075": "0.75rem",
55
+ "SPACING_1": "1rem",
56
+ "SPACING_125": "1.25rem",
57
+ "SPACING_150": "1.5rem",
58
+ "SPACING_2": "2rem",
59
+ "BACKGROUND_COLOR_BRAND_ACCENT_SECONDARY": "rgb(250, 220, 171)",
60
+ "BORDER_COLOR_BRAND_ACCENT_DARK": "rgb(23, 51, 81)",
61
+ "BORDER_COLOR_BRAND_ACCENT_SECONDARY": "rgb(250, 220, 171)",
62
+ "BACKGROUND_COLOR_BRAND_ACCENT_DARK": "rgb(23, 51, 81)",
63
+ "BACKGROUND_COLOR_BRAND_ACCENT_LIGHT": "rgb(249, 250, 251)",
64
+ "BORDER_COLOR_BRAND_ACCENT_LIGHT": "rgb(249, 250, 251)",
65
+ "COLOR_BRAND_ACCENT_SECONDARY_LIGHT": "rgb(254, 249, 228)",
66
+ "BACKGROUND_COLOR_BRAND_ACCENT": "rgb(207, 227, 249)",
67
+ "BORDER_COLOR_BRAND_ACCENT": "rgb(207, 227, 249)",
68
+ "COLOR_BRAND_ACCENT_SECONDARY": "rgb(250, 220, 171)",
69
+ "COLOR_BRAND_ACCENT_LIGHT": "rgb(249, 250, 251)",
70
+ "FONT_FAMILY_ACCENT": "Georgia, serif",
71
+ "COLOR_BRAND_ACCENT_DARK": "rgb(23, 51, 81)",
72
+ "BACKGROUND_COLOR_BRAND_ACCENT_SECONDARY_LIGHT": "rgb(254, 249, 228)",
73
+ "BORDER_COLOR_BRAND_ACCENT_SECONDARY_LIGHT": "rgb(254, 249, 228)",
74
+ "COLOR_BRAND_ACCENT": "rgb(207, 227, 249)",
75
+ "FONT_FAMILY_ACCENT_FANCY": "Lust, serif"
76
+ }
package/build/tokens/sheknows.map.scss ADDED
@@ -0,0 +1,92 @@
1
+
2
+ $sheknows-map: (
3
+ 'border-color-grey-lightest': (rgb(247, 247, 247)),
4
+ 'border-color-brand-secondary-light': (rgb(246, 161, 151)),
5
+ 'border-color-grey-light': (rgb(204, 204, 204)),
6
+ 'border-color-grey-dark': (rgb(106, 106, 106)),
7
+ 'border-color-brand-secondary-dark': (rgb(0, 0, 0)),
8
+ 'border-color-brand-secondary': (rgb(238, 80, 85)),
9
+ 'border-color-grey': (rgb(140, 140, 140)),
10
+ 'border-color-brand-primary-light': (rgb(202, 79, 88)),
11
+ 'border-color-white': (rgb(255, 255, 255)),
12
+ 'border-color-brand-primary-dark': (rgb(236, 28, 36)),
13
+ 'border-color-brand-primary': (rgb(169, 19, 30)),
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(0, 0, 0)),
17
+ 'background-color-brand-secondary-light': (rgb(246, 161, 151)),
18
+ 'background-color-grey-dark': (rgb(106, 106, 106)),
19
+ 'background-color-grey': (rgb(140, 140, 140)),
20
+ /* The background color of the main body of the site. */
21
+ 'background-color-body': (rgb(255, 248, 241)),
22
+ 'background-color-brand-secondary': (rgb(238, 80, 85)),
23
+ 'background-color-black': (rgb(0, 0, 0)),
24
+ 'background-color-brand-primary-light': (rgb(202, 79, 88)),
25
+ 'background-color-brand-primary-dark': (rgb(236, 28, 36)),
26
+ 'background-color-white': (rgb(255, 255, 255)),
27
+ 'background-color-brand-primary': (rgb(169, 19, 30)),
28
+ 'background-color-grey-darkest': (rgb(50, 50, 50)),
29
+ 'color-brand-secondary': (rgb(238, 80, 85)),
30
+ 'color-black': (rgb(0, 0, 0)),
31
+ 'color-brand-primary-light': (rgb(202, 79, 88)),
32
+ 'color-brand-primary-dark': (rgb(236, 28, 36)),
33
+ 'color-white': (rgb(255, 255, 255)),
34
+ 'color-brand-primary': (rgb(169, 19, 30)),
35
+ 'color-grey-light': (rgb(230, 230, 230)),
36
+ 'color-brand-secondary-dark': (rgb(0, 0, 0)),
37
+ 'color-brand-secondary-light': (rgb(246, 161, 151)),
38
+ 'color-grey-dark': (rgb(106, 106, 106)),
39
+ 'color-grey': (rgb(140, 140, 140)),
40
+ /* The primary webfont, loaded async */
41
+ 'font-family-primary-fancy': ('Playfair Display', serif),
42
+ /* The fallback for the primary font */
43
+ 'font-family-primary': (Georgia, serif),
44
+ /* The secondary webfont, loaded async */
45
+ 'font-family-secondary-fancy': ('sofia-pro', sans-serif),
46
+ /* The fallback for the secondary font */
47
+ 'font-family-secondary': ('Helvetica Neue', sans-serif),
48
+ 'font-family-body': ('Helvetica Neue', sans-serif),
49
+ 'font-family-basic': ('Helvetica Neue', sans-serif),
50
+ 'font-weight-light': (300),
51
+ 'font-weight-normal': (400),
52
+ 'font-weight-bold': (700),
53
+ 'line-height-small': (1.1),
54
+ 'line-height-normal': (1.35),
55
+ 'line-height-copy': (1.5),
56
+ 'line-height-large': (1.85),
57
+ /* Used for margins and padding only. */
58
+ 'spacing-00': (0),
59
+ /* Used for margins and padding only. */
60
+ 'spacing-025': (0.25rem),
61
+ /* Used for margins and padding only. */
62
+ 'spacing-050': (0.5rem),
63
+ /* Used for margins and padding only. */
64
+ 'spacing-075': (0.75rem),
65
+ /* Used for margins and padding only. */
66
+ 'spacing-1': (1rem),
67
+ /* Used for margins and padding only. */
68
+ 'spacing-125': (1.25rem),
69
+ /* Used for margins and padding only. */
70
+ 'spacing-150': (1.5rem),
71
+ /* Used for margins and padding only. */
72
+ 'spacing-2': (2rem),
73
+ 'background-color-brand-accent-secondary': (rgb(250, 220, 171)),
74
+ 'border-color-brand-accent-dark': (rgb(23, 51, 81)),
75
+ 'border-color-brand-accent-secondary': (rgb(250, 220, 171)),
76
+ 'background-color-brand-accent-dark': (rgb(23, 51, 81)),
77
+ 'background-color-brand-accent-light': (rgb(249, 250, 251)),
78
+ 'border-color-brand-accent-light': (rgb(249, 250, 251)),
79
+ 'color-brand-accent-secondary-light': (rgb(254, 249, 228)),
80
+ 'background-color-brand-accent': (rgb(207, 227, 249)),
81
+ 'border-color-brand-accent': (rgb(207, 227, 249)),
82
+ 'color-brand-accent-secondary': (rgb(250, 220, 171)),
83
+ 'color-brand-accent-light': (rgb(249, 250, 251)),
84
+ /* The fallback for the accent font */
85
+ 'font-family-accent': (Georgia, serif),
86
+ 'color-brand-accent-dark': (rgb(23, 51, 81)),
87
+ 'background-color-brand-accent-secondary-light': (rgb(254, 249, 228)),
88
+ 'border-color-brand-accent-secondary-light': (rgb(254, 249, 228)),
89
+ 'color-brand-accent': (rgb(207, 227, 249)),
90
+ /* The accent webfont, loaded async */
91
+ 'font-family-accent-fancy': (Lust, serif),
92
+ );