@penskemediacorp/larva 1.2.0-alpha.0 → 1.2.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/variety-compat.custom-properties.css ADDED
@@ -0,0 +1,36 @@
1
+
2
+ :root {
3
+ --color-brand-secondary: rgb(238, 232, 9);
4
+ --border-color-grey-lightest: rgb(247, 247, 247);
5
+ --background-color-grey-light: rgb(230, 230, 230);
6
+ --background-color-grey-lightest: rgb(247, 247, 247);
7
+ --color-black: rgb(0, 0, 0);
8
+ --border-color-brand-secondary-light: rgb(243, 245, 203);
9
+ --border-color-grey-light: rgb(230, 230, 230);
10
+ --background-color-brand-secondary-light: rgb(243, 245, 203);
11
+ --color-brand-primary-dark: rgb(36, 56, 66);
12
+ --border-color-grey-dark: rgb(106, 106, 106);
13
+ --background-color-grey-dark: rgb(106, 106, 106);
14
+ --background-color-grey: rgb(140, 140, 140);
15
+ --color-white: rgb(255, 255, 255);
16
+ --border-color-brand-secondary: rgb(238, 232, 9);
17
+ --border-color-grey: rgb(140, 140, 140);
18
+ --color-brand-primary: rgb(107, 123, 132);
19
+ /* The secondary brand color. This should be lighter in hue, and sufficient contrast with black text. */
20
+ --background-color-brand-secondary: rgb(238, 232, 9);
21
+ --background-color-brand-accent: rgb(26, 40, 47);
22
+ --color-grey-light: rgb(230, 230, 230);
23
+ --background-color-black: rgb(0, 0, 0);
24
+ --color-brand-secondary-light: rgb(243, 245, 203);
25
+ --background-color-brand-primary-dark: rgb(36, 56, 66);
26
+ --border-color-white: rgb(255, 255, 255);
27
+ --border-color-brand-primary-dark: rgb(36, 56, 66);
28
+ --color-grey-dark: rgb(106, 106, 106);
29
+ --border-color-brand-primary: rgb(107, 123, 132);
30
+ --color-grey: rgb(140, 140, 140);
31
+ --background-color-white: rgb(255, 255, 255);
32
+ /* The primary brand color. This should be dark in hue, and have sufficient contrast with white text. */
33
+ --background-color-brand-primary: rgb(107, 123, 132);
34
+ --background-color-grey-darkest: rgb(50, 50, 50);
35
+ --color-brand-accent: rgb(243, 112, 33);
36
+ }
package/build/tokens/variety-compat.json ADDED
@@ -0,0 +1,33 @@
1
+ {
2
+ "COLOR_BRAND_SECONDARY": "rgb(238, 232, 9)",
3
+ "BORDER_COLOR_GREY_LIGHTEST": "rgb(247, 247, 247)",
4
+ "BACKGROUND_COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
5
+ "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(247, 247, 247)",
6
+ "COLOR_BLACK": "rgb(0, 0, 0)",
7
+ "BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(243, 245, 203)",
8
+ "BORDER_COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
9
+ "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(243, 245, 203)",
10
+ "COLOR_BRAND_PRIMARY_DARK": "rgb(36, 56, 66)",
11
+ "BORDER_COLOR_GREY_DARK": "rgb(106, 106, 106)",
12
+ "BACKGROUND_COLOR_GREY_DARK": "rgb(106, 106, 106)",
13
+ "BACKGROUND_COLOR_GREY": "rgb(140, 140, 140)",
14
+ "COLOR_WHITE": "rgb(255, 255, 255)",
15
+ "BORDER_COLOR_BRAND_SECONDARY": "rgb(238, 232, 9)",
16
+ "BORDER_COLOR_GREY": "rgb(140, 140, 140)",
17
+ "COLOR_BRAND_PRIMARY": "rgb(107, 123, 132)",
18
+ "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(238, 232, 9)",
19
+ "BACKGROUND_COLOR_BRAND_ACCENT": "rgb(26, 40, 47)",
20
+ "COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
21
+ "BACKGROUND_COLOR_BLACK": "rgb(0, 0, 0)",
22
+ "COLOR_BRAND_SECONDARY_LIGHT": "rgb(243, 245, 203)",
23
+ "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(36, 56, 66)",
24
+ "BORDER_COLOR_WHITE": "rgb(255, 255, 255)",
25
+ "BORDER_COLOR_BRAND_PRIMARY_DARK": "rgb(36, 56, 66)",
26
+ "COLOR_GREY_DARK": "rgb(106, 106, 106)",
27
+ "BORDER_COLOR_BRAND_PRIMARY": "rgb(107, 123, 132)",
28
+ "COLOR_GREY": "rgb(140, 140, 140)",
29
+ "BACKGROUND_COLOR_WHITE": "rgb(255, 255, 255)",
30
+ "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(107, 123, 132)",
31
+ "BACKGROUND_COLOR_GREY_DARKEST": "rgb(50, 50, 50)",
32
+ "COLOR_BRAND_ACCENT": "rgb(243, 112, 33)"
33
+ }
package/build/tokens/variety-compat.map.scss ADDED
@@ -0,0 +1,36 @@
1
+
2
+ $variety-compat-map: (
3
+ 'color-brand-secondary': (rgb(238, 232, 9)),
4
+ 'border-color-grey-lightest': (rgb(247, 247, 247)),
5
+ 'background-color-grey-light': (rgb(230, 230, 230)),
6
+ 'background-color-grey-lightest': (rgb(247, 247, 247)),
7
+ 'color-black': (rgb(0, 0, 0)),
8
+ 'border-color-brand-secondary-light': (rgb(243, 245, 203)),
9
+ 'border-color-grey-light': (rgb(230, 230, 230)),
10
+ 'background-color-brand-secondary-light': (rgb(243, 245, 203)),
11
+ 'color-brand-primary-dark': (rgb(36, 56, 66)),
12
+ 'border-color-grey-dark': (rgb(106, 106, 106)),
13
+ 'background-color-grey-dark': (rgb(106, 106, 106)),
14
+ 'background-color-grey': (rgb(140, 140, 140)),
15
+ 'color-white': (rgb(255, 255, 255)),
16
+ 'border-color-brand-secondary': (rgb(238, 232, 9)),
17
+ 'border-color-grey': (rgb(140, 140, 140)),
18
+ 'color-brand-primary': (rgb(107, 123, 132)),
19
+ /* The secondary brand color. This should be lighter in hue, and sufficient contrast with black text. */
20
+ 'background-color-brand-secondary': (rgb(238, 232, 9)),
21
+ 'background-color-brand-accent': (rgb(26, 40, 47)),
22
+ 'color-grey-light': (rgb(230, 230, 230)),
23
+ 'background-color-black': (rgb(0, 0, 0)),
24
+ 'color-brand-secondary-light': (rgb(243, 245, 203)),
25
+ 'background-color-brand-primary-dark': (rgb(36, 56, 66)),
26
+ 'border-color-white': (rgb(255, 255, 255)),
27
+ 'border-color-brand-primary-dark': (rgb(36, 56, 66)),
28
+ 'color-grey-dark': (rgb(106, 106, 106)),
29
+ 'border-color-brand-primary': (rgb(107, 123, 132)),
30
+ 'color-grey': (rgb(140, 140, 140)),
31
+ 'background-color-white': (rgb(255, 255, 255)),
32
+ /* The primary brand color. This should be dark in hue, and have sufficient contrast with white text. */
33
+ 'background-color-brand-primary': (rgb(107, 123, 132)),
34
+ 'background-color-grey-darkest': (rgb(50, 50, 50)),
35
+ 'color-brand-accent': (rgb(243, 112, 33)),
36
+ );
package/build/tokens/variety-compat.raw.json ADDED
@@ -0,0 +1,224 @@
1
+ {
2
+ "aliases": {},
3
+ "props": {
4
+ "COLOR_BRAND_SECONDARY": {
5
+ "category": "text-color",
6
+ "type": "color",
7
+ "value": "rgb(238, 232, 9)",
8
+ "originalValue": "rgb(238, 232, 9)",
9
+ "name": "COLOR_BRAND_SECONDARY"
10
+ },
11
+ "BORDER_COLOR_GREY_LIGHTEST": {
12
+ "category": "hr-color",
13
+ "type": "color",
14
+ "value": "rgb(247, 247, 247)",
15
+ "originalValue": "rgb(247, 247, 247)",
16
+ "name": "BORDER_COLOR_GREY_LIGHTEST"
17
+ },
18
+ "BACKGROUND_COLOR_GREY_LIGHT": {
19
+ "category": "background-color",
20
+ "type": "color",
21
+ "value": "rgb(230, 230, 230)",
22
+ "originalValue": "rgb(230, 230, 230)",
23
+ "name": "BACKGROUND_COLOR_GREY_LIGHT"
24
+ },
25
+ "BACKGROUND_COLOR_GREY_LIGHTEST": {
26
+ "category": "background-color",
27
+ "type": "color",
28
+ "value": "rgb(247, 247, 247)",
29
+ "originalValue": "rgb(247, 247, 247)",
30
+ "name": "BACKGROUND_COLOR_GREY_LIGHTEST"
31
+ },
32
+ "COLOR_BLACK": {
33
+ "category": "text-color",
34
+ "type": "color",
35
+ "value": "rgb(0, 0, 0)",
36
+ "originalValue": "rgb(0, 0, 0)",
37
+ "name": "COLOR_BLACK"
38
+ },
39
+ "BORDER_COLOR_BRAND_SECONDARY_LIGHT": {
40
+ "category": "hr-color",
41
+ "type": "color",
42
+ "value": "rgb(243, 245, 203)",
43
+ "originalValue": "rgb(243, 245, 203)",
44
+ "name": "BORDER_COLOR_BRAND_SECONDARY_LIGHT"
45
+ },
46
+ "BORDER_COLOR_GREY_LIGHT": {
47
+ "category": "hr-color",
48
+ "type": "color",
49
+ "value": "rgb(230, 230, 230)",
50
+ "originalValue": "rgb(230, 230, 230)",
51
+ "name": "BORDER_COLOR_GREY_LIGHT"
52
+ },
53
+ "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": {
54
+ "category": "background-color",
55
+ "type": "color",
56
+ "value": "rgb(243, 245, 203)",
57
+ "originalValue": "rgb(243, 245, 203)",
58
+ "name": "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT"
59
+ },
60
+ "COLOR_BRAND_PRIMARY_DARK": {
61
+ "category": "text-color",
62
+ "type": "color",
63
+ "value": "rgb(36, 56, 66)",
64
+ "originalValue": "rgb(36, 56, 66)",
65
+ "name": "COLOR_BRAND_PRIMARY_DARK"
66
+ },
67
+ "BORDER_COLOR_GREY_DARK": {
68
+ "category": "hr-color",
69
+ "type": "color",
70
+ "value": "rgb(106, 106, 106)",
71
+ "originalValue": "rgb(106, 106, 106)",
72
+ "name": "BORDER_COLOR_GREY_DARK"
73
+ },
74
+ "BACKGROUND_COLOR_GREY_DARK": {
75
+ "category": "background-color",
76
+ "type": "color",
77
+ "value": "rgb(106, 106, 106)",
78
+ "originalValue": "rgb(106, 106, 106)",
79
+ "name": "BACKGROUND_COLOR_GREY_DARK"
80
+ },
81
+ "BACKGROUND_COLOR_GREY": {
82
+ "category": "background-color",
83
+ "type": "color",
84
+ "value": "rgb(140, 140, 140)",
85
+ "originalValue": "rgb(140, 140, 140)",
86
+ "name": "BACKGROUND_COLOR_GREY"
87
+ },
88
+ "COLOR_WHITE": {
89
+ "category": "text-color",
90
+ "type": "color",
91
+ "value": "rgb(255, 255, 255)",
92
+ "originalValue": "rgb(255, 255, 255)",
93
+ "name": "COLOR_WHITE"
94
+ },
95
+ "BORDER_COLOR_BRAND_SECONDARY": {
96
+ "category": "hr-color",
97
+ "type": "color",
98
+ "value": "rgb(238, 232, 9)",
99
+ "originalValue": "rgb(238, 232, 9)",
100
+ "name": "BORDER_COLOR_BRAND_SECONDARY"
101
+ },
102
+ "BORDER_COLOR_GREY": {
103
+ "category": "hr-color",
104
+ "type": "color",
105
+ "value": "rgb(140, 140, 140)",
106
+ "originalValue": "rgb(140, 140, 140)",
107
+ "name": "BORDER_COLOR_GREY"
108
+ },
109
+ "COLOR_BRAND_PRIMARY": {
110
+ "category": "text-color",
111
+ "type": "color",
112
+ "value": "rgb(107, 123, 132)",
113
+ "originalValue": "rgb(107, 123, 132)",
114
+ "name": "COLOR_BRAND_PRIMARY"
115
+ },
116
+ "BACKGROUND_COLOR_BRAND_SECONDARY": {
117
+ "category": "background-color",
118
+ "type": "color",
119
+ "value": "rgb(238, 232, 9)",
120
+ "comment": "The secondary brand color. This should be lighter in hue, and sufficient contrast with black text.",
121
+ "originalValue": "rgb(238, 232, 9)",
122
+ "name": "BACKGROUND_COLOR_BRAND_SECONDARY"
123
+ },
124
+ "BACKGROUND_COLOR_BRAND_ACCENT": {
125
+ "value": "rgb(26, 40, 47)",
126
+ "type": "color",
127
+ "category": "background-color",
128
+ "originalValue": "rgb(26, 40, 47)",
129
+ "name": "BACKGROUND_COLOR_BRAND_ACCENT"
130
+ },
131
+ "COLOR_GREY_LIGHT": {
132
+ "category": "text-color",
133
+ "type": "color",
134
+ "value": "rgb(230, 230, 230)",
135
+ "originalValue": "rgb(230, 230, 230)",
136
+ "name": "COLOR_GREY_LIGHT"
137
+ },
138
+ "BACKGROUND_COLOR_BLACK": {
139
+ "category": "background-color",
140
+ "type": "color",
141
+ "value": "rgb(0, 0, 0)",
142
+ "originalValue": "rgb(0, 0, 0)",
143
+ "name": "BACKGROUND_COLOR_BLACK"
144
+ },
145
+ "COLOR_BRAND_SECONDARY_LIGHT": {
146
+ "category": "text-color",
147
+ "type": "color",
148
+ "value": "rgb(243, 245, 203)",
149
+ "originalValue": "rgb(243, 245, 203)",
150
+ "name": "COLOR_BRAND_SECONDARY_LIGHT"
151
+ },
152
+ "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": {
153
+ "category": "background-color",
154
+ "type": "color",
155
+ "value": "rgb(36, 56, 66)",
156
+ "originalValue": "rgb(36, 56, 66)",
157
+ "name": "BACKGROUND_COLOR_BRAND_PRIMARY_DARK"
158
+ },
159
+ "BORDER_COLOR_WHITE": {
160
+ "category": "hr-color",
161
+ "type": "color",
162
+ "value": "rgb(255, 255, 255)",
163
+ "originalValue": "rgb(255, 255, 255)",
164
+ "name": "BORDER_COLOR_WHITE"
165
+ },
166
+ "BORDER_COLOR_BRAND_PRIMARY_DARK": {
167
+ "category": "hr-color",
168
+ "type": "color",
169
+ "value": "rgb(36, 56, 66)",
170
+ "originalValue": "rgb(36, 56, 66)",
171
+ "name": "BORDER_COLOR_BRAND_PRIMARY_DARK"
172
+ },
173
+ "COLOR_GREY_DARK": {
174
+ "category": "text-color",
175
+ "type": "color",
176
+ "value": "rgb(106, 106, 106)",
177
+ "originalValue": "rgb(106, 106, 106)",
178
+ "name": "COLOR_GREY_DARK"
179
+ },
180
+ "BORDER_COLOR_BRAND_PRIMARY": {
181
+ "category": "hr-color",
182
+ "type": "color",
183
+ "value": "rgb(107, 123, 132)",
184
+ "originalValue": "rgb(107, 123, 132)",
185
+ "name": "BORDER_COLOR_BRAND_PRIMARY"
186
+ },
187
+ "COLOR_GREY": {
188
+ "category": "text-color",
189
+ "type": "color",
190
+ "value": "rgb(140, 140, 140)",
191
+ "originalValue": "rgb(140, 140, 140)",
192
+ "name": "COLOR_GREY"
193
+ },
194
+ "BACKGROUND_COLOR_WHITE": {
195
+ "category": "background-color",
196
+ "type": "color",
197
+ "value": "rgb(255, 255, 255)",
198
+ "originalValue": "rgb(255, 255, 255)",
199
+ "name": "BACKGROUND_COLOR_WHITE"
200
+ },
201
+ "BACKGROUND_COLOR_BRAND_PRIMARY": {
202
+ "category": "background-color",
203
+ "type": "color",
204
+ "value": "rgb(107, 123, 132)",
205
+ "comment": "The primary brand color. This should be dark in hue, and have sufficient contrast with white text.",
206
+ "originalValue": "rgb(107, 123, 132)",
207
+ "name": "BACKGROUND_COLOR_BRAND_PRIMARY"
208
+ },
209
+ "BACKGROUND_COLOR_GREY_DARKEST": {
210
+ "category": "background-color",
211
+ "type": "color",
212
+ "value": "rgb(50, 50, 50)",
213
+ "originalValue": "rgb(50, 50, 50)",
214
+ "name": "BACKGROUND_COLOR_GREY_DARKEST"
215
+ },
216
+ "COLOR_BRAND_ACCENT": {
217
+ "value": "rgb(243, 112, 33)",
218
+ "type": "color",
219
+ "category": "text-color",
220
+ "originalValue": "rgb(243, 112, 33)",
221
+ "name": "COLOR_BRAND_ACCENT"
222
+ }
223
+ }
224
+ }