@symbo.ls/uikit 2.10.253 → 2.10.267

package/Slider/node_modules/@symbo.ls/icon/index.js

@@ -0,0 +1,67 @@
+'use strict'
+
+import { Flex, Svg } from '@symbo.ls/atoms'
+
+export const Icon = {
+  extend: Svg,
+  props: ({ key, props, parent, context }) => {
+    const { ICONS, useIconSprite, verbose } = context && context.designSystem
+    const { toCamelCase } = context && context.utils
+    const iconName = props.inheritedString || props.name || props.icon || key
+    const camelCase = toCamelCase(iconName)
+
+    const isArray = camelCase.split(/([a-z])([A-Z])/g)
+
+    let activeIconName
+    if (props.active) {
+      activeIconName = props['.active'].name || props['.active'].icon
+    }
+    if (
+      parent &&
+      parent.props &&
+      parent.props.active &&
+      parent.props['.active'] &&
+      parent.props['.active'].icon
+    ) {
+      activeIconName = parent.props['.active'].icon.name || parent.props['.active'].icon.icon || parent.props['.active'].icon
+    }
+
+    let validIconName
+    if (ICONS[activeIconName]) validIconName = activeIconName
+    if (ICONS[camelCase]) validIconName = camelCase
+    else if (ICONS[isArray[0] + isArray[1]]) validIconName = isArray[0] + isArray[1]
+    else if (ICONS[isArray[0]]) validIconName = isArray[0]
+    else {
+      if (verbose) console.warn('Can\'t find icon:', iconName, validIconName)
+      validIconName = 'noIcon'
+    }
+
+    const iconFromLibrary = ICONS[validIconName]
+
+    return {
+      width: 'A',
+      height: 'A',
+      display: 'inline-block',
+      spriteId: useIconSprite && validIconName,
+      src: iconFromLibrary,
+      style: { fill: 'currentColor' }
+    }
+  },
+  attr: { viewBox: '0 0 24 24' }
+}
+
+export const IconText = {
+  extend: Flex,
+
+  props: {
+    align: 'center center',
+    lineHeight: 1
+  },
+
+  icon: {
+    extend: Icon,
+    if: ({ parent }) => parent.props.icon
+  },
+
+  text: ({ props }) => props.text
+}

package/Slider/node_modules/@symbo.ls/icon/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@symbo.ls/icon",
+  "version": "2.10.259",
+  "main": "index.js",
+  "license": "MIT",
+  "gitHead": "c454826279438617c85a5f8d8e7b3a6938d94dea",
+  "dependencies": {
+    "@symbo.ls/svg": "latest",
+    "@symbo.ls/utils": "latest"
+  },
+  "source": "src/index.js"
+}

package/Slider/node_modules/@symbo.ls/icon/style.js

@@ -0,0 +1,8 @@
+'use strict'
+
+export default {
+  width: '1em',
+  height: '1em',
+  fill: 'currentColor',
+  display: 'inline-block'
+}

package/Slider/node_modules/@symbo.ls/init/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 symbo.ls
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/Slider/node_modules/@symbo.ls/init/dynamic.json

@@ -0,0 +1 @@
+{}

package/Slider/node_modules/@symbo.ls/init/index.js

@@ -0,0 +1,89 @@
+'use strict'
+
+import {
+  set,
+  getActiveConfig,
+  getFontFaceString,
+  appendSVGSprite,
+  appendIconsSprite
+} from '@symbo.ls/scratch'
+
+import { isObject, deepMerge } from '@domql/utils'
+
+import { emotion as defaultEmotion } from '@symbo.ls/emotion'
+// import { setClassname } from 'css-in-props'
+
+import DYNAMIC_JSON from './dynamic.json'
+
+const CONFIG = getActiveConfig()
+
+const mergeWithLocalFile = (config = CONFIG, RC_FILE) => {
+  const rcfile = isObject(RC_FILE) ? RC_FILE : DYNAMIC_JSON || {}
+  const fileData = deepMerge(config, rcfile)
+  return fileData && fileData.designSystem
+}
+
+const SET_OPTIONS = {
+  emotion: defaultEmotion,
+  useVariable: true,
+  useReset: true,
+  useFontImport: true,
+  useIconSprite: true,
+  useDocumentTheme: true,
+  useSvgSprite: true
+}
+
+export const init = (config, options = SET_OPTIONS) => {
+  const emotion = options.emotion || defaultEmotion
+
+  const conf = set({
+    verbose: options.verbose,
+    useReset: options.useReset,
+    useFontImport: options.useFontImport,
+    useVariable: options.useVariable,
+    useSvgSprite: options.useSvgSprite,
+    useDocumentTheme: options.useDocumentTheme,
+    useIconSprite: options.useIconSprite,
+    ...config
+  }, { newConfig: options.newConfig })
+
+  const FontFace = getFontFaceString(conf.FONT)
+
+  const useReset = conf.useReset
+  const useVariable = conf.useVariable
+  const useFontImport = conf.useFontImport
+  const useSvgSprite = conf.useSvgSprite
+  const hasSvgs = config.svg || config.SVG
+  const useIconSprite = conf.useIconSprite
+  const hasIcons = config.icons || config.ICONS
+
+  if (useFontImport) emotion.injectGlobal(FontFace)
+  if (useVariable) emotion.injectGlobal({ ':root': conf.CSS_VARS })
+  if (useReset) emotion.injectGlobal(conf.RESET)
+
+  if (hasSvgs) appendSVGSprite(hasSvgs, { document: options.document })
+  else if (useSvgSprite) appendSVGSprite(conf.SVG, { document: options.document })
+
+  if (hasIcons) appendIconsSprite(hasIcons, { document: options.document })
+  else if (useIconSprite) appendIconsSprite(conf.ICONS, { document: options.document })
+
+  return conf
+}
+
+const UPDATE_OPTIONS = {
+  emotion: defaultEmotion
+}
+export const updateReset = (config, RC_FILE, options = UPDATE_OPTIONS) => {
+  const emotion = options.emotion || defaultEmotion
+  const resultConfig = mergeWithLocalFile(config || {}, RC_FILE)
+  const conf = set({
+    verbose: false,
+    ...resultConfig
+  })
+  emotion.injectGlobal({ ':root': conf.CSS_VARS })
+  emotion.injectGlobal(conf.RESET)
+}
+
+export const setClass = (props, options = UPDATE_OPTIONS) => {}// setClassname(props, options.emotion.css)
+
+export { DYNAMIC_JSON }

package/Slider/node_modules/@symbo.ls/init/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@symbo.ls/init",
+  "version": "2.10.259",
+  "license": "MIT",
+  "gitHead": "c454826279438617c85a5f8d8e7b3a6938d94dea",
+  "source": "index.js",
+  "main": "index.js",
+  "dependencies": {
+    "@domql/utils": "latest",
+    "@symbo.ls/default-config": "latest",
+    "@symbo.ls/emotion": "latest",
+    "@symbo.ls/scratch": "latest"
+  },
+  "browserslist": "> 0.5%, last 2 versions, not dead",
+  "devDependencies": {
+    "@babel/core": "^7.12.0"
+  }
+}

package/Slider/node_modules/@symbo.ls/utils/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 symbo.ls
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/Slider/node_modules/@symbo.ls/utils/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@symbo.ls/utils",
+  "version": "2.10.259",
+  "main": "src/index.js",
+  "author": "symbo.ls",
+  "license": "ISC",
+  "dependencies": {
+    "@domql/utils": "latest"
+  },
+  "gitHead": "c454826279438617c85a5f8d8e7b3a6938d94dea"
+}

package/Slider/node_modules/@symbo.ls/utils/src/codify.js

@@ -0,0 +1,40 @@
+'use strict'
+
+import { toDashCase } from './'
+// import { convert } from 'domql-to-mitosis/src/convert'
+
+export const stringifyProps = (props, indent = 2) => JSON.stringify(props, null, indent)
+export const replaceKeysWithAttr = str => str
+  .replaceAll('": "', '="')
+  .replaceAll('\n  "', ' ')
+  .replaceAll('{ ', '\n  ')
+  .replaceAll('}', '')
+  .replaceAll(', ', '\n  ')
+
+export const codify = (key, props) => ({
+  react: `import { ${key} } from '@symbo.ls/react'
+
+const props = ${stringifyProps(props)}
+
+<${key} {...props} />`,
+
+  domql: `import { ${key} } from 'smbls'
+
+const props = ${stringifyProps(props)}
+
+const component = {
+  extend: ${key},
+  props
+}`,
+
+  iframe: `<iframe
+  title="${key}"
+  style="border: 0; resize: both; padding: 0 10px 10px 0"
+  src="https://demo.symbols.app/scene/${key}/fullscreen/smbls.symbo.ls" 
+  referrerpolicy="no-referrer-when-downgrade"
+></iframe>`,
+
+  html: `<script src="smbls.js"></script>
+
+<${key && toDashCase(key)} ${replaceKeysWithAttr(stringifyProps(props))}/>`
+})

package/Slider/node_modules/@symbo.ls/utils/src/date.js

@@ -0,0 +1,10 @@
+'use strict'
+
+export const formatDate = (timestamp) => {
+  if (!timestamp) return ''
+  const d = new Date(timestamp)
+  const ye = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(d)
+  const mo = new Intl.DateTimeFormat('en', { month: 'short' }).format(d)
+  const da = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(d)
+  return `${da} ${mo}, ${ye}`
+}

package/Slider/node_modules/@symbo.ls/utils/src/detectHeight.js

@@ -0,0 +1,31 @@
+'use strict'
+
+export const detectHeightOnInit = (element, state) => {
+  const heightTimeout = setTimeout(() => {
+    const { props } = element
+    if (!state.clientHeight) {
+      const { node: { clientHeight } } = element
+      if (clientHeight) {
+        state.clientHeight = clientHeight
+      }
+    }
+
+    if (state.active) {
+      if (props.height === 'auto') return
+      element.update({
+        props: { height: state.clientHeight }
+      }, { ignoreInitUpdate: true, preventChildrenUpdate: true })
+      const setAutoTimeout = setTimeout(() => {
+        element.update({
+          props: { height: 'auto' }
+        }, { ignoreInitUpdate: true, preventChildrenUpdate: true })
+        clearTimeout(setAutoTimeout)
+      }, 450)
+    } else {
+      element.update({
+        props: { height: '0' }
+      }, { ignoreInitUpdate: true, preventChildrenUpdate: true })
+    }
+    clearTimeout(heightTimeout)
+  })
+}

package/Slider/node_modules/@symbo.ls/utils/src/index.js

@@ -0,0 +1,46 @@
+'use strict'
+
+import { isString, isObject, isArray } from '@domql/utils'
+
+export * from './navigation'
+export * from './scaling'
+export * from './codify'
+export * from './date'
+
+export const copyStringToClipboard = str => {
+  const el = document.createElement('textarea')
+  el.value = str
+  el.setAttribute('readonly', '')
+  el.style = { position: 'absolute', left: '-9999px' }
+  document.body.appendChild(el)
+  el.select()
+  document.execCommand('copy')
+  document.body.removeChild(el)
+}
+
+export const toCamelCase = str => {
+  return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function (word, index) {
+    return index === 0 ? word.toLowerCase() : word.toUpperCase()
+  }).replaceAll(/\s+/g, '')
+}
+
+export const toTitleCase = str => str.replace(
+  /\w\S*/g, txt => {
+    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()
+  }
+)
+
+export const toDashCase = val => val
+  .replace(/[A-Z]/g, (match, offset) => (offset > 0 ? '-' : '') + match.toLowerCase())
+  .replace('.', '-')
+
+export const toDescriptionCase = str => {
+  const result = str.replace(/([A-Z])/g, ' $1')
+  return result.charAt(0).toUpperCase() + result.slice(1)
+}
+
+export const arrayzeValue = val => {
+  if (isString(val)) return val.split(' ')
+  if (isObject(val)) return Object.keys(val).map(v => val[v])
+  if (isArray(val)) return val
+}

package/Slider/node_modules/@symbo.ls/utils/src/navigation.js

@@ -0,0 +1,66 @@
+'use strict'
+
+export const filterHrefs = (sitemap) => {
+  return Object.values(sitemap)
+    .map(({ href, sub_links }) => // eslint-disable-line
+      [href, sub_links.map(({ href }) => href) // eslint-disable-line
+        .filter(v => v.indexOf('#') === -1)]
+        .filter(v => v.length > 0)
+    )
+}
+
+export const findCurrentIndex = (sitemap) => { // eslint-disable-line
+  const { pathname } = window.location
+  const hrefArray = filterHrefs(sitemap)
+  let index
+
+  hrefArray.forEach((v, k) => {
+    if (v[0] === pathname) index = k
+    if (v[1] && v[1].indexOf(pathname) > -1) {
+      const i = v[1].indexOf(pathname)
+      index = `${k}.${i}`
+    }
+  })
+
+  return { active: index }
+}
+
+/** Parses sitemap and detects current, active, and previous pages from current url path */
+export const setPaginationNames = (sitemap) => {
+  const { pathname } = window.location
+  const hrefArray = filterHrefs(sitemap)
+  const state = {}
+
+  hrefArray.forEach((v, k) => {
+    const categoryRoute = v[0]
+    const subcategoryRoutes = v[1]
+    const previousCat = sitemap[k - 1]
+    const activeCat = sitemap[k]
+    const nextCat = sitemap[k + 1]
+
+    const isRootCategory = categoryRoute === pathname
+    const isSubcategory = subcategoryRoutes && subcategoryRoutes.indexOf(pathname) > -1
+
+    if (isRootCategory) {
+      const previousSubcat = hrefArray[k - 1] && hrefArray[k - 1][1] && previousCat.sub_links[previousCat.sub_links.length - 1]
+      const nextSubcat = subcategoryRoutes && activeCat.sub_links[0]
+
+      state.previous = previousSubcat || previousCat
+      state.active = activeCat
+      state.next = nextSubcat || nextCat
+      state.moveOn = nextSubcat && nextCat
+    } else if (isSubcategory) {
+      const i = subcategoryRoutes.indexOf(pathname)
+      const activeSubcat = activeCat.sub_links[i]
+      const previousSubcat = subcategoryRoutes[i - 1] && activeCat.sub_links[i - 1]
+      const nextSubcat = subcategoryRoutes[i + 1] && activeCat.sub_links[i + 1]
+
+      state.previous = previousSubcat || activeCat
+      state.active = activeSubcat
+      state.next = nextSubcat || nextCat
+      state.moveOn = nextSubcat && nextCat
+    }
+  })
+
+  return state
+}

package/Slider/node_modules/@symbo.ls/utils/src/scaling.js

@@ -0,0 +1,15 @@
+'use strict'
+
+import { isObject, isArray } from '@domql/utils'
+
+export const findClosestNumber = (number, arr) => {
+  return (isArray(arr) ? arr : Object.values(arr)).reduce((prev, curr) => {
+    return (Math.abs(curr - number) < Math.abs(prev - number) ? curr : prev)
+  })
+}
+
+export const findClosestNumberInFactory = (val, factory) => {
+  val = parseFloat(val)
+  if (isObject(factory)) factory = Object.values(factory)
+  return findClosestNumber(val, factory)
+}

package/Slider/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@symbo.ls/slider",
+  "version": "2.10.266",
+  "main": "index.js",
+  "license": "MIT",
+  "gitHead": "8684a21bb716d5f5e7811068ec4a017e8b516cf1",
+  "dependencies": {
+    "@domql/utils": "latest",
+    "@symbo.ls/button": "latest",
+    "@symbo.ls/scratch": "latest"
+  },
+  "source": "src/index.js"
+}

package/Slider/style.js

@@ -0,0 +1,19 @@
+'use strict'
+
+export default {
+  appearance: 'none',
+  width: '100%',
+  height: '2px',
+  outline: 'none',
+  flex: 1,
+  '&::-webkit-slider-thumb': {
+    boxSizing: 'content-box',
+    appearance: 'none',
+    width: '8px',
+    height: '8px',
+    borderWidth: '2px',
+    borderStyle: 'solid',
+    borderRadius: '100%',
+    opacity: '.8'
+  }
+}

package/Textarea/index.js

@@ -0,0 +1,15 @@
+'use strict'
+
+import { Input } from '@symbo.ls/input'
+
+const props = {
+  height: 'E',
+  lineHeight: 1.4,
+  style: { resize: 'none' }
+}
+
+export const TextArea = {
+  extend: [Input],
+  props,
+  tag: 'textarea'
+}

package/Textarea/node_modules/@symbo.ls/default-config/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 symbo.ls
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/Textarea/node_modules/@symbo.ls/default-config/README.md

@@ -0,0 +1,2 @@
+# Default Config
+This is a default repository for Symbols Design Systems. It shows how it works and provides some default propoerties. Check out the [docs page](http://docs.symbols.app/intro#configuration) to learn more.

package/Textarea/node_modules/@symbo.ls/default-config/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@symbo.ls/default-config",
+  "version": "2.10.259",
+  "source": "src/index.js",
+  "main": "src/index.js",
+  "license": "MIT",
+  "gitHead": "c454826279438617c85a5f8d8e7b3a6938d94dea"
+}

package/Textarea/node_modules/@symbo.ls/default-config/src/color.js

@@ -0,0 +1,44 @@
+'use strict'
+
+export const COLOR = {
+  transparent: 'rgba(0, 0, 0, 0)',
+  black: 'black',
+  blue: '#0079FD',
+  indigo: '#50E1FF',
+  green: '#59AC56',
+  red: '#FE5B47',
+  yellow: '#EDCB38',
+  orange: '#E2862F',
+  brown: '#7D6755',
+  pink: '#FD8ABF',
+  purple: '#7345AF',
+  white: 'white'
+}
+
+export const GRADIENT = {
+  'gradient-dark': `linear-gradient(0deg,
+    rgba(0,0,0,0.06) 0%,
+    rgba(0,0,0,0.07) 100%
+  )`,
+  'gradient-dark-active': `linear-gradient(0deg,
+    rgba(0,0,0,0.09) 0%,
+    rgba(0,0,0,0.1) 100%
+  )`,
+  'gradient-light': `linear-gradient(
+    0deg,
+    rgba(255,255,255,0.05) 0%,
+    rgba(255,255,255,0.06) 100%
+  )`,
+  'gradient-light-active': `linear-gradient(
+    0deg,
+    rgba(255,255,255,0.09) 0%,
+    rgba(255,255,255,0.10) 100%
+  )`,
+  'gradient-colorful': `linear-gradient(60deg,
+    #00A2E7 0%,
+    #185DF3 31%,
+    #1E54F0 36%,
+    #8B4CCA 69%,
+    #C66894 100%
+  )`
+}

package/Textarea/node_modules/@symbo.ls/default-config/src/config.json

@@ -0,0 +1 @@
+{"version":"0.0.1","COLOR":{"transparent":"rgba(0, 0, 0, 0)","black":"black","blue":"#0079FD","indigo":"#50E1FF","green":"#59AC56","red":"#FE5B47","yellow":"#EDCB38","orange":"#E2862F","brown":"#7D6755","pink":"#FD8ABF","purple":"#7345AF","white":"white"},"GRADIENT":{"gradient-dark":"linear-gradient(0deg,\n    rgba(0,0,0,0.06) 0%,\n    rgba(0,0,0,0.07) 100%\n  )","gradient-dark-active":"linear-gradient(0deg,\n    rgba(0,0,0,0.09) 0%,\n    rgba(0,0,0,0.1) 100%\n  )","gradient-light":"linear-gradient(\n    0deg,\n    rgba(255,255,255,0.05) 0%,\n    rgba(255,255,255,0.06) 100%\n  )","gradient-light-active":"linear-gradient(\n    0deg,\n    rgba(255,255,255,0.09) 0%,\n    rgba(255,255,255,0.10) 100%\n  )"},"THEME":{"document":{"variants":{"light":{"color":"black","background":"white"},"dark":{"color":"white","background":"black"}}},"primary":{"color":"white","background":"blue"},"secondary":{"variants":{"light":{"color":"white","background":"gradient-light"},"dark":{"color":"white","background":"gradient-dark-active"}}}},"FONT":{"Karla":[{"url":"https://symbols-fonts.s3.us-west-1.amazonaws.com/Karla/Karla-VariableFont_wght.ttf","fontWeight":"variable","fontStyle":"normal","fontDisplay":"swap","unicodeRange":"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"},{"url":"https://symbols-fonts.s3.us-west-1.amazonaws.com/Karla/Karla-VariableFont_wght.ttf","fontStyle":"normal","fontWeight":"variable","fontDisplay":"swap","unicodeRange":"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD"}]},"FONT_FAMILY":{"StartWithKarla":{"isDefault":true,"value":["\"Karla\""],"type":"serif"}}}

package/Textarea/node_modules/@symbo.ls/default-config/src/font.js

@@ -0,0 +1,29 @@
+'use strict'
+
+const S3_BUCKET = 'https://symbols-fonts.s3.us-west-1.amazonaws.com'
+const KarlaVariable = '/Karla/Karla-VariableFont_wght.ttf'
+const KarlaItalicVariable = '/Karla/Karla-VariableFont_wght.ttf' // eslint-disable-line
+
+export const FONT = {
+  Karla: [{
+    url: S3_BUCKET + KarlaVariable,
+    isVariable: true,
+    fontStyle: 'normal',
+    fontDisplay: 'swap',
+    unicodeRange: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF'
+  }, {
+    url: S3_BUCKET + KarlaVariable,
+    isVariable: true,
+    fontStyle: 'normal',
+    fontDisplay: 'swap',
+    unicodeRange: 'U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD'
+  }]
+}
+
+export const FONT_FAMILY = {
+  StartWithKarla: {
+    isDefault: true,
+    value: ['"Karla"'],
+    type: 'serif'
+  }
+}

package/Textarea/node_modules/@symbo.ls/default-config/src/index.js

@@ -0,0 +1,26 @@
+'use strict'
+
+import { COLOR, GRADIENT } from './color'
+import { THEME } from './theme'
+import { TYPOGRAPHY } from './typography'
+import { SPACING } from './spacing'
+import { FONT, FONT_FAMILY } from './font'
+
+export const DEFAULT_CONFIG = {
+  version: '0.0.1',
+  COLOR,
+  GRADIENT,
+  THEME,
+  TYPOGRAPHY,
+  SPACING,
+  FONT,
+  FONT_FAMILY,
+  TIMING: {},
+  ICONS: {},
+  MEDIA: {},
+  DEVICES: {},
+  CASES: {},
+  SVG: {} // TODO: Check with @nikoloza on this
+}
+
+export default DEFAULT_CONFIG