merge (index.js)

Merges style objects into theme-resolved output via assign, handles nested parsers for design-system style merging.

// Source: https://github.com/styled-system/styled-system | License: MIT | Copyright 2017-2018 Brent Jackson
// Provided via justclaw.it.com; keep this notice with the code.
import assign from 'object-assign'

export const merge = (a, b) => {
  let result = assign({}, a, b)
  for (const key in a) {
    if (!a[key] || typeof b[key] !== 'object') continue
    assign(result, {
      [key]: assign(a[key], b[key]),
    })
  }
  return result
}

// sort object-value responsive styles
const sort = obj => {
  const next = {}
  Object.keys(obj)
    .sort((a, b) => a.localeCompare(b, undefined, {
      numeric: true,
      sensitivity: 'base',
    }))
    .forEach(key => {
      next[key] = obj[key]
    })
  return next
}

const defaults = {
  breakpoints: [40, 52, 64].map(n => n + 'em'),
}
const cr

... (truncated -- full source via MCP)