@symbo.ls/scratch 3.14.1 → 3.14.3

package/index.js

@@ -1 +0,0 @@
-export * from './src/index.js'

package/src/defaultConfig/animation.js

@@ -1,3 +0,0 @@
-'use strict'
-
-export const animation = {}

package/src/defaultConfig/cases.js

@@ -1,3 +0,0 @@
-'use strict'
-
-export const cases = {}

package/src/defaultConfig/class.js

@@ -1,6 +0,0 @@
-'use strict'
-
-const defaultProps = {}
-
-// 'class' is a reserved word — export as named alias
-export { defaultProps as class }

package/src/defaultConfig/color.js

@@ -1,9 +0,0 @@
-'use strict'
-
-var proto = { // eslint-disable-line
-  name: '',
-  value: ''
-}
-
-export const color = {}
-export const gradient = {}

package/src/defaultConfig/document.js

@@ -1,3 +0,0 @@
-'use strict'
-
-export const document = {}

package/src/defaultConfig/font-family.js

@@ -1,15 +0,0 @@
-'use strict'
-
-var defaultFont = { // eslint-disable-line
-  name: '',
-  family: '',
-  type: ''
-}
-
-export const fontFamily = {}
-export const fontFamilyTypes = {
-  'sans-serif': 'Helvetica, Arial, sans-serif, --system-default',
-  serif: 'Times New Roman, Georgia, serif, --system-default',
-  monospace: 'Courier New, monospace, --system-default'
-}
-export const fontFace = {}

package/src/defaultConfig/font.js

@@ -1,12 +0,0 @@
-'use strict'
-
-var defFont = { // eslint-disable-line
-  name: '',
-  url: '',
-  fontStyle: '',
-  fontWeight: 500,
-  fontStretch: 'normal',
-  fontOpticalSizing: 'auto'
-}
-
-export const font = {}

package/src/defaultConfig/grid.js

@@ -1,5 +0,0 @@
-'use strict'
-
-const defaultProps = {}
-
-export const grid = defaultProps

package/src/defaultConfig/icons.js

@@ -1,4 +0,0 @@
-'use strict'
-
-export const icons = {}
-export const semanticIcons = {}

package/src/defaultConfig/index.js

@@ -1,24 +0,0 @@
-'use strict'
-
-export * from './sequence.js'
-export * from './unit.js'
-export * from './typography.js'
-export * from './font.js'
-export * from './font-family.js'
-export * from './media.js'
-export * from './spacing.js'
-export * from './color.js'
-export * from './theme.js'
-export * from './shadow.js'
-export * from './icons.js'
-export * from './timing.js'
-export * from './document.js'
-export * from './responsive.js'
-export * from './animation.js'
-export * from './svg.js'
-export * from './templates.js'
-export * from './grid.js'
-export * from './class.js'
-
-export const reset = {}
-export const vars = {}

package/src/defaultConfig/media.js

@@ -1,10 +0,0 @@
-'use strict'
-
-export const media = {
-  tv: '(min-width: 2780px)',
-
-  light: '(prefers-color-scheme: light)',
-  dark: '(prefers-color-scheme: dark)',
-
-  print: 'print'
-}

package/src/defaultConfig/responsive.js

@@ -1,29 +0,0 @@
-'use strict'
-
-export const breakpoints = {
-  screenL: 1920,
-  screenM: 1680,
-  screenS: 1440,
-  tabletL: 1366,
-  tabletM: 1280,
-  tabletS: 1024,
-  mobileL: 768,
-  mobileM: 560,
-  mobileS: 480,
-  mobileXS: 375
-}
-
-export const devices = {
-  screenXXL: [2560, 1440],
-  screenXL: [2240, 1260],
-  screenL: [1920, 1024],
-  screenM: [1680, 1024],
-  screenS: [1440, 720],
-  tabletL: [1366, 926],
-  tabletM: [1280, 768],
-  tabletS: [1024, 768],
-  mobileL: [768, 375],
-  mobileM: [560, 768],
-  mobileS: [480, 768],
-  mobileXS: [375, 768]
-}

package/src/defaultConfig/sequence.js

@@ -1,24 +0,0 @@
-'use strict'
-
-export const sequence = {
-  'minor-second': 1.067,
-  'major-second': 1.125,
-  'minor-third': 1.2,
-  'major-third': 1.25,
-  'perfect-fourth': 1.333,
-  'augmented-fourth': 1.414,
-  'perfect-fifth': 1.5,
-  'minor-sixth': 1.6,
-  phi: 1.618, // golden-ratio
-  'major-sixth': 1.667,
-  'square-root-3': 1.732, // theodorus
-  'minor-seventh': 1.778,
-  'major-seventh': 1.875,
-  octave: 2,
-  'square-root-5': 2.23, // pythagoras
-  'major-tenth': 2.5,
-  'major-eleventh': 2.667,
-  'major-twelfth': 3,
-  pi: 3.14, // archimedes
-  'double-octave': 4
-}

package/src/defaultConfig/shadow.js

@@ -1,3 +0,0 @@
-'use strict'
-
-export const shadow = {}

package/src/defaultConfig/spacing.js

@@ -1,19 +0,0 @@
-'use strict'
-
-import { sequence } from './sequence.js'
-import { typography } from './typography.js'
-
-const defaultProps = {
-  base: typography.base,
-  type: 'spacing',
-  ratio: sequence.phi,
-  range: [-5, +15],
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: 'em',
-  sequence: {},
-  scales: {},
-  vars: {}
-}
-
-export const spacing = defaultProps

package/src/defaultConfig/svg.js

@@ -1,4 +0,0 @@
-'use strict'
-
-export const svg = {}
-export const svgData = {}

package/src/defaultConfig/templates.js

@@ -1,3 +0,0 @@
-'use strict'
-
-export const templates = {}

package/src/defaultConfig/theme.js

@@ -1,13 +0,0 @@
-'use strict'
-
-const themeA = { // eslint-disable-line no-unused-vars
-  text: 'blue',
-  background: 'white',
-  border: 'black', // .opacity(0.2),
-  active: {},
-  helpers: [],
-  themes: {},
-  inverse: {} // schemeAInverse
-}
-
-export const theme = {}

package/src/defaultConfig/timing.js

@@ -1,18 +0,0 @@
-'use strict'
-
-import { sequence } from './sequence.js'
-
-const defaultProps = {
-  default: 150,
-  base: 150,
-  type: 'timing',
-  ratio: sequence['perfect-fourth'],
-  range: [-3, +12],
-  mediaRegenerate: false,
-  unit: 'ms',
-  sequence: {},
-  scales: {},
-  vars: {}
-}
-
-export const timing = defaultProps

package/src/defaultConfig/typography.js

@@ -1,22 +0,0 @@
-'use strict'
-
-import { sequence } from './sequence.js'
-
-const defaultProps = {
-  browserDefault: 16,
-  base: 16,
-  type: 'font-size',
-  ratio: sequence['minor-third'],
-  range: [-3, +12],
-  h1Matches: +6,
-  lineHeight: 1.5,
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: 'em',
-  templates: {},
-  sequence: {},
-  scales: {},
-  vars: {}
-}
-
-export const typography = defaultProps

package/src/defaultConfig/unit.js

@@ -1,5 +0,0 @@
-'use strict'
-
-export const unit = {
-  default: 'em'
-}

package/src/factory.js

@@ -1,135 +0,0 @@
-'use strict'
-
-import {
-  deepClone,
-  deepMerge,
-  isDefined,
-  isObject
-} from '@symbo.ls/utils'
-import * as CONF from './defaultConfig/index.js'
-
-export const cssVars = {}
-export const cssMediaVars = {}
-
-// Build CONFIG with lowercase/camelCase keys as canonical
-const _CONF = CONF
-const _confLower = {}
-export const toCamel = (s) => s.replace(/_([a-z])/g, (_, c) => c.toUpperCase())
-for (const key in _CONF) {
-  const lower = key.toLowerCase()
-  _confLower[lower] = _CONF[key]
-  // camelCase alias (e.g. font_family -> fontFamily, semanticIcons -> semanticIcons)
-  const camel = toCamel(lower)
-  if (camel !== lower) _confLower[camel] = _CONF[key]
-  // keep original key if different from lower
-  if (lower !== key) _confLower[key] = _CONF[key]
-}
-
-export const CONFIG = {
-  verbose: false,
-  useVariable: true,
-  useReset: true,
-  globalTheme: 'auto',
-  cssVars,
-  cssMediaVars,
-  CSS_VARS: cssVars,
-  CSS_MEDIA_VARS: cssMediaVars,
-  _scratchConfig: true,
-  ..._confLower
-}
-
-const cachedConfig = deepClone(CONFIG)
-
-export const FACTORY = {
-  active: '0',
-  0: CONFIG
-}
-
-export const activateConfig = (def) => {
-  if (isDefined(def)) { FACTORY.active = def }
-  return FACTORY[def || FACTORY.active]
-}
-
-// Config stack for context-local resolution
-// When processing an element, its context.designSystem is pushed
-// so all getActiveConfig() calls resolve to the right config
-const configStack = []
-
-export const pushConfig = (config) => {
-  if (config && config._scratchConfig) configStack.push(config)
-}
-
-export const popConfig = () => {
-  configStack.pop()
-}
-
-export const getActiveConfig = (def) => {
-  if (configStack.length) return configStack[configStack.length - 1]
-  return FACTORY[def || FACTORY.active] || CONFIG
-}
-
-export const setActiveConfig = (newConfig) => {
-  if (!isObject(newConfig)) return
-  FACTORY.active = '1'
-  FACTORY['1'] = deepMerge(newConfig, deepClone(cachedConfig))
-  return newConfig
-}
-
-// App-level flags that should NOT be inherited by isolated configs
-const APP_FLAGS = [
-  'useReset', 'useVariable', 'useFontImport', 'useIconSprite',
-  'useSvgSprite', 'useDocumentTheme', 'useDefaultIcons', 'useDefaultConfig',
-  'verbose', 'globalTheme'
-]
-
-// Keep case-variant aliases pointing to the same object. `factory.js`
-// bootstrap wires these as shared refs, but `deepClone` in `createConfig`
-// breaks the sharing and a later `deepMerge` only writes into one spelling
-// — downstream code that destructures a different spelling then reads
-// stale data (e.g. `applyDocument` reads `fontFamily` while `setValue`
-// writes to `fontfamily`, leaving `DOCUMENT.fontFamily` unset).
-const ALIAS_GROUPS = [
-  ['fontfamily', 'fontFamily', 'font_family'],
-  ['fontfamilytypes', 'fontFamilyTypes'],
-  ['semanticicons', 'semanticIcons'],
-  ['svgdata', 'svgData']
-]
-const aliasCaseVariants = (cfg) => {
-  for (const vs of ALIAS_GROUPS) {
-    let merged
-    for (const v of vs) {
-      const val = cfg[v]
-      if (!isObject(val)) continue
-      merged = merged ? deepMerge(val, merged) : val
-    }
-    if (!merged) continue
-    for (const v of vs) if (isObject(cfg[v])) cfg[v] = merged
-  }
-}
-
-export const createConfig = (name, overrides, { cleanBase = false } = {}) => {
-  // Secondary apps inheriting the primary app's processed config used to
-  // drag primary-specific tokens (e.g. an editor's brand themes like
-  // `sepia`, `canvas-card`) into the secondary's design system — breaking
-  // iframe isolation. When `cleanBase: true` is passed, clone the initial
-  // framework cache instead so the secondary starts from the same blank
-  // slate as the primary did. Legacy callers (no option) keep the old
-  // active-inherit behavior for backward compatibility.
-  const activeBase = cleanBase ? null : getActiveConfig()
-  const base = deepClone(
-    !cleanBase && activeBase && activeBase._scratchConfig ? activeBase : cachedConfig
-  )
-  // Remove app-level flags — they must come from overrides explicitly
-  for (const flag of APP_FLAGS) {
-    delete base[flag]
-  }
-  const cfg = deepMerge(overrides || {}, base)
-  cfg.cssVars = {}
-  cfg.cssMediaVars = {}
-  cfg.CSS_VARS = cfg.cssVars
-  cfg.CSS_MEDIA_VARS = cfg.cssMediaVars
-  cfg._scratchConfig = true
-  aliasCaseVariants(cfg)
-  if (name) FACTORY[name] = cfg
-  return cfg
-}

package/src/index.js

@@ -1,24 +0,0 @@
-'use strict'
-
-// Note on the dual-form imports below: each `./X/index.js` is referenced
-// twice in this file — once as a namespace import, once as a barrel
-// re-export. That dual reference is load-bearing for parcel's optimizer:
-// if a directory is only seen via barrel `export *` here AND via
-// `import * as` in a different file (as factory.js does for
-// ./defaultConfig), parcel collapses the dep-map entry to the bare
-// directory form and marks it `false`, breaking runtime `require` for
-// the explicit `/index.js` path. Keeping the namespace import in this
-// file alongside the barrel forces parcel to track both forms.
-
-import * as scratchUtils from './utils/index.js'
-import * as scratchSystem from './system/index.js'
-import * as scratchDefaultConfig from './defaultConfig/index.js'
-
-export * from './factory.js'
-export * from './defaultConfig/index.js'
-export * from './system/index.js'
-export * from './utils/index.js'
-export * from './transforms/index.js'
-export * from './set.js'
-
-export { scratchUtils, scratchSystem, scratchDefaultConfig }