lint

docs/color-variables.js

@@ -0,0 +1,68 @@
+import titleCase from 'title-case'
+import primerColors from 'primer-colors'
+import colorSystemSCSS from '!!raw-loader?modules!../src/support/variables/color-system.scss'
+import colorVariablesSCSS from '!!raw-loader?modules!../src/support/variables/colors.scss'
+
+export const variables = {}
+
+parseSCSSVariables(colorSystemSCSS, variables)
+parseSCSSVariables(colorVariablesSCSS, variables)
+
+// XXX we don't necessarily define them in this order in primer-colors,
+// so we define an array here just to be safe
+export const gradientHues = ['gray', 'blue', 'green', 'purple', 'yellow', 'orange', 'red', 'pink']
+
+export const colors = {
+  pink: Object.keys(variables)
+    .filter(key => key.startsWith('pink-'))
+    .sort()
+    .map(key => variables[key]),
+  ...primerColors
+}
+
+export const gradientPalettes = gradientHues.map(name => ({
+  name,
+  title: titleCase(name),
+  values: colors[name].map((value, index) => ({
+    value,
+    index,
+    variable: `${name}-${index}00`,
+    slug: `${name}-${index}`
+  }))
+}))
+
+export const backgroundPalettes = gradientPalettes.map(({name, values, ...paletteRest}) => ({
+  name,
+  ...paletteRest,
+  value: variables[`bg-${name}`] || '',
+  values: values.map(value => ({...value, className: `bg-${value.slug}`}))
+}))
+
+export const foregroundPalettes = gradientPalettes.map(({name, values, ...paletteRest}) => ({
+  name,
+  ...paletteRest,
+  value: variables[`text-${name}`] || '',
+  values: values.map(value => ({...value, className: `color-${value.slug}`}))
+}))
+
+export function getBackgroundPalette(name) {
+  return backgroundPalettes.find(palette => palette.name === name)
+}
+
+export function getForegroundPalette(name) {
+  return foregroundPalettes.find(palette => palette.name === name)
+}
+
+function parseSCSSVariables(scssString, variables = {}) {
+  const variablePattern = /\$([-\w]+):\s*(.+)( !default);/g
+  let match
+  do {
+    match = variablePattern.exec(scssString)
+    if (match) {
+      // eslint-disable-next-line no-unused-vars
+      const [_, name, value] = match
+      variables[name] = value.startsWith('$') ? variables[value.substr(1)] : value
+    }
+  } while (match)
+  return variables
+}