@nycds/variables 0.2.2 → 0.3.0-prerelease.0

package/scripts/build.js

@@ -1,72 +0,0 @@
-import StyleDictionary from 'style-dictionary'
-import { resolve } from 'path'
-
-const SRCDIR = resolve(process.cwd(), './tokens/dist')
-const DESTDIR = resolve(process.cwd(), './dist')
-
-const baseTokens = ['ref', 'light', 'cmp']
-const themes = ['dark']
-
-StyleDictionary.registerTransform({
-  name: 'nyc/length/px',
-  type: 'value',
-  matcher: (token) => token.path.includes('length'),
-  transformer: (token) => `${token.value}px`,
-})
-
-StyleDictionary.registerTransform({
-  name: 'nyc/size/clamp',
-  type: 'value',
-  matcher: (token) => token.path.includes('length'),
-  transformer: (token) => `${token.value}px`,
-})
-
-const cssConfig = {
-  prefix: 'nyc',
-  transforms: ['attribute/cti', 'name/cti/kebab', 'nyc/length/px', 'color/hsl'],
-  buildPath: `${DESTDIR}/`,
-}
-
-const getThemeConfig = (theme) => ({
-  include: [`${SRCDIR}/nyc.ref.tokens.json`],
-  source: [`${SRCDIR}/**/nyc.${theme}.tokens.json`],
-  platforms: {
-    css: {
-      ...cssConfig,
-      files: [
-        {
-          destination: `${theme}.css`,
-          format: 'css/variables',
-          options: {
-            outputReferences: true,
-            selector: `:root${theme != 'light' ? '[data-theme="' + theme + '"]' : ''}`,
-          },
-        },
-      ],
-    },
-  },
-})
-
-const baseVariables = StyleDictionary.extend({
-  include: baseTokens.map((t) => `${SRCDIR}/nyc.${t}.tokens.json`),
-  platforms: {
-    css: {
-      ...cssConfig,
-      files: [
-        {
-          destination: 'variables.css',
-          format: 'css/variables',
-          options: {
-            outputReferences: true,
-          },
-        },
-      ],
-    },
-  },
-})
-
-baseVariables.buildAllPlatforms()
-
-themes.map((theme) => {
-  StyleDictionary.extend(getThemeConfig(theme)).buildAllPlatforms()
-})

package/scripts/make-theme-files.js

@@ -1,144 +0,0 @@
-import { readFileSync, writeFile, existsSync, mkdirSync } from 'fs'
-import { resolve } from 'path'
-
-const roundTo4 = (num) => roundToX(num, 4)
-
-const roundToX = (num, decimals) => {
-  return +(Math.round(num + 'e' + decimals) + 'e-' + decimals)
-}
-
-const SRCDIR = resolve(process.cwd(), './tokens/src')
-const DESTDIR = resolve(process.cwd(), './tokens/dist')
-
-if (!existsSync(DESTDIR)) {
-  mkdirSync(DESTDIR)
-}
-
-const data = readFileSync(`${SRCDIR}/nyc.tokens.json`, {})
-
-const tokens = JSON.parse(data)
-
-const getThemes = (obj) => {
-  return Object.keys(obj.sys)
-}
-
-const themes = getThemes(tokens)
-
-// console.log(data, themes);
-
-const writeTokenFile = (obj, filename) => {
-  const objStr = JSON.stringify(obj, null, 2)
-  writeFile(filename, objStr, (error) => {
-    if (error) {
-      console.log('An error has occurred ', error)
-      return
-    }
-    console.log('Data written successfully to disk')
-  })
-}
-
-const removeThemeRefs = (obj, themes) => {
-  const regex = new RegExp(
-    `\\.(${themes.toString().replaceAll(',', '|')})`,
-    'g',
-  )
-  return JSON.parse(JSON.stringify(obj).replace(regex, ''))
-}
-
-const removeClampRefs = (obj) => {
-  // const regex = new RegExp(`\\.(${themes.toString().replace(',','|')})`, 'g');
-  const tokensStr = JSON.stringify(obj)
-  const matches = [
-    ...tokensStr.matchAll(new RegExp('fluid\\.[A-Za-z0-9.-]+\\.max', 'g')),
-  ]
-  // console.log(matches);
-  const newStr = matches.reduce((acc, cur) => {
-    return acc.replaceAll(cur[0], cur[0].substring(0, cur[0].length - 4))
-  }, tokensStr)
-  // console.log(newStr)
-  const tokens = JSON.parse(newStr)
-  // console.log(tokens);
-  return tokens
-}
-
-const getTokenValue = (reference, tokens) => {
-  //console.log(reference, reference.replace(/[{}]/g, '').split('.'))
-  let ref = reference
-  if (typeof ref === 'string' && ref.includes('sys')) {
-    ref = `${ref.slice(0, 5)}light.${ref.slice(5)}`
-  }
-  //console.log(ref, ref.replace(/[{}]/g, '').split('.'))
-  const val = ref
-    .replace(/[{}]/g, '')
-    .split('.')
-    .reduce((acc, cur) => acc[cur], tokens).value
-  if (typeof val === 'string' && val.includes('ref')) {
-    return getTokenValue(val, tokens)
-  }
-  return val
-}
-
-const getClampVal = (pageMin, pageMax, minVal, maxVal) => {
-  const factor = (1 / (pageMax - pageMin)) * (maxVal - minVal)
-  const calc1 = `${roundTo4(minVal - pageMin * factor)}rem`
-  const calc2 = `${roundTo4(100 * factor)}vw`
-  const calcV = `${calc1} + ${calc2}`
-  const clamp = `clamp(${minVal}rem, ${calcV}, ${maxVal}rem)`
-  return clamp
-}
-
-const get = (t, path) => path.split('.').reduce((r, k) => r?.[k], t)
-
-const set = (t, path, value) => {
-  if (typeof t != 'object') throw Error('non-object')
-  if (path == '') throw Error('empty path')
-  const pos = path.indexOf('.')
-  return pos == -1
-    ? ((t[path] = value), value)
-    : set(t[path.slice(0, pos)], path.slice(pos + 1), value)
-}
-
-const handleFluidTokens = (path, tokens, theme, pageMin, pageMax) => {}
-
-const clampTokens = (tokens, theme) => {
-  const pageMin =
-    getTokenValue(tokens.sys[theme].size.width.page.min.value, tokens) / 16
-  const pageMax =
-    getTokenValue(tokens.sys[theme].size.width.page.max.value, tokens) / 16
-
-  const paths = ['size.text.fluid', 'space.fluid', 'radius.fluid']
-  paths.forEach((path) => {
-    const o = get(tokens.sys[theme], path)
-    if (!o) return
-    Object.keys(o).map((k) => {
-      const minV = getTokenValue(o[k].min.value, tokens) / 16
-      const maxV = getTokenValue(o[k].max.value, tokens) / 16
-      const clamp = getClampVal(pageMin, pageMax, minV, maxV)
-      set(tokens.sys[theme], `${path}.${k}`, {
-        type: 'dimension',
-        value: clamp,
-      })
-    })
-  })
-  //console.log(tokens.sys[theme].size.text.fluid)
-  return removeClampRefs(tokens)
-}
-
-// The token file includes references to Figma variable modes which we
-// dont want, like 'dark' in {sys.dark.space.lg}, so we strip them out.
-// Include "value" here to remove mode references in cmp tier.
-const cleanTokens = removeThemeRefs(tokens, [...themes, 'value'])
-
-themes.forEach((theme) => {
-  const filename = `${DESTDIR}/nyc.${theme}.tokens.json`
-  const transformedTokens = clampTokens(cleanTokens, theme)
-  writeTokenFile({ sys: transformedTokens.sys[theme] }, filename)
-})
-
-const tiers = ['ref', 'cmp']
-
-tiers.forEach((tier) => {
-  const filename = `${DESTDIR}/nyc.${tier}.tokens.json`
-  const transformedTokens = removeClampRefs(cleanTokens)
-  writeTokenFile({ [tier]: transformedTokens[tier] }, filename)
-})