@symbo.ls/scratch 0.2.27 → 0.3.1

package/package.json

@@ -2,12 +2,12 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "Symbols",
-  "version": "0.2.27",
+  "version": "0.3.1",
   "files": [
     "src"
   ],
   "repository": "https://github.com/rackai/scratch",
-  "main": "dist/index.js",
+  "main": "src/index.js",
   "publishConfig": {},
   "dependencies": {
     "color-contrast-checker": "^1.5.0"

package/src/config/document.js

@@ -1,10 +1,13 @@
 'use strict'
 
 import { FONT_FAMILY, THEME, TYPOGRAPHY } from '.'
+import { merge } from '../utils'
 
-export const DOCUMENT = {
+export const DOCUMENT = {}
+
+export const applyDocument = () => merge(DOCUMENT, {
   theme: THEME.document,
   fontFamily: FONT_FAMILY[Object.keys(FONT_FAMILY)[0]],
   fontSize: TYPOGRAPHY.base,
   lineHeight: TYPOGRAPHY.styles.lineHeight
-}
+})

package/src/config/spacing.js

@@ -6,14 +6,16 @@ import { Arrayize, fallBack, generateSequence } from '../utils'
 const defaultProps = {
   base: TYPOGRAPHY.base,
   type: 'spacing',
-  ratio: SEQUENCE['phi'],
+  ratio: SEQUENCE.phi,
   range: [-5, +7],
   subSequence: true,
   sequence: {},
   scales: {}
 }
 
-generateSequence(defaultProps)
+export const applySpacingSequence = () => {
+  generateSequence(defaultProps)
+}
 
 const getSequence = (props) => {
   if (!props) return

package/src/config/typography.js

@@ -17,14 +17,16 @@ const defaultProps = {
   scales: {}
 }
 
-generateSequence(defaultProps)
+export const applyTypographySequence = () => {
+  generateSequence(defaultProps)
 
-if (defaultProps.h1Matches) {
-  var HEADINGS = findHeadings(defaultProps)
-  const { styles } = defaultProps
-  for (const k in HEADINGS) {
-    styles[`h${parseInt(k) + 1}`] = {
-      fontSize: `${HEADINGS[k].scaling}em`
+  if (defaultProps.h1Matches) {
+    const HEADINGS = findHeadings(defaultProps)
+    const { styles } = defaultProps
+    for (const k in HEADINGS) {
+      styles[`h${parseInt(k) + 1}`] = {
+        fontSize: `${HEADINGS[k].scaling}em`
+      }
     }
   }
 }

package/src/methods/create.js

@@ -2,7 +2,7 @@
 
 import base from '../base'
 
-var create = (what, params, preset) => {
+const create = (what, params, preset) => {
   base[what] = preset(params)
 }
 

package/src/methods/inject.js

@@ -1,5 +1,5 @@
 'use strict'
 
-var global = ''
+const global = ''
 
 export default global

package/src/methods/set.js

@@ -1,7 +1,7 @@
 'use strict'
 
+import { applyDocument, applySpacingSequence, applyTypographySequence } from '../config'
 import CONFIG, { CSS_VARS } from '../factory'
-// import { FONT, FONT_FAMILY_TYPES } from '../config'
 import {
   isArray,
   colorStringToRgbaArray,
@@ -87,11 +87,10 @@ const getThemeValue = theme => {
 
 export const getTheme = value => {
   const { THEME } = CONFIG
+  // console.log('theme', THEME, CONFIG)
   if (isObjectLike(value) && value[1]) {
     const themeName = value[0]
     const subThemeName = value[1]
-    console.log(THEME)
-    console.log(themeName)
     const { helpers, variants, state } = THEME[themeName]
     if (variants && variants[subThemeName]) return getThemeValue(variants[subThemeName])
     if (helpers && helpers[subThemeName]) return getThemeValue(helpers[subThemeName])
@@ -197,12 +196,17 @@ const setFontFamily = (val, key) => {
   return { var: CSSvar, value: str, arr: value, type }
 }
 
+const setTypography = (val, key) => {
+  return val
+}
+
 export const SETTERS = {
   color: setColor,
   gradient: setGradient,
   font: setFont,
   font_family: setFontFamily,
-  theme: setTheme
+  theme: setTheme,
+  typography: setTypography
 }
 
 /**
@@ -225,6 +229,7 @@ export const setEach = (factoryName, props) => {
   const FACTORY_NAME = factoryName.toUpperCase()
   const keys = Object.keys(props)
   keys.map(key => setValue(FACTORY_NAME, props[key], key))
+
   return CONFIG[FACTORY_NAME]
 }
 
@@ -232,6 +237,12 @@ export const set = recivedConfig => {
   const { version, ...config } = recivedConfig
   const keys = Object.keys(config)
   keys.map(key => setEach(key, config[key]))
+
+  // apply generic configs
+  applyTypographySequence()
+  applySpacingSequence()
+  applyDocument()
+
   return CONFIG
 }
 

package/src/reset.js

@@ -1,10 +1,13 @@
 'use strict'
 
 import * as CONFIG from './config'
+import { deepMerge, merge } from './utils'
 
-export const RESET = {
+export const RESET = {}
+
+export const applyReset = (reset = {}) => deepMerge(merge(RESET, reset), {
   html: {
-    position: 'fixed',
+    position: 'absolute',
     overflow: 'hidden',
     width: '100%',
     height: '100%',
@@ -15,13 +18,14 @@ export const RESET = {
 
     fontFamily: CONFIG.DOCUMENT.fontFamily,
 
-    fontSize: CONFIG.TYPOGRAPHY.default / CONFIG.DOCUMENT.fontSize + CONFIG.UNIT.default,
+    fontSize: CONFIG.DOCUMENT.fontSize / CONFIG.TYPOGRAPHY.default + CONFIG.UNIT.default,
     lineHeight: CONFIG.DOCUMENT.lineHeight
   },
 
   body: {
     boxSizing: 'border-box',
-    height: '100%'
+    height: '100%',
+    margin: 0
   },
 
   ...CONFIG.TYPOGRAPHY.styles,
@@ -32,4 +36,4 @@ export const RESET = {
     padding: 0,
     margin: 0
   }
-}
+})

package/src/utils/index.js

@@ -27,6 +27,19 @@ export const merge = (obj, original) => {
   return obj
 }
 
+export const deepMerge = (obj, obj2) => {
+  for (const e in obj2) {
+    const objProp = obj[e]
+    const obj2Prop = obj2[e]
+    if (objProp === undefined) {
+      obj[e] = obj2Prop
+    } else if (isObjectLike(objProp) && isObject(obj2Prop)) {
+      deepMerge(objProp, obj2Prop)
+    }
+  }
+  return obj
+}
+
 export const colorStringToRgbaArray = color => {
   if (color === '') return
   if (color.toLowerCase() === 'transparent') return [0, 0, 0, 0]
@@ -257,6 +270,8 @@ export const generateSequence = ({ type, base, ratio, range, subSequence, ...sta
 export const fallBack = ({ type, prop, val = 'A', prefix = '--font-size-' }) => {
   if (typeof val !== 'string') console.warn(prop, val, 'is not a string')
 
+  if (val === 'auto') return ({ [prop]: val })
+
   // const startsWithLetterRegex = /^[a-zA-Z]/i
   const startsWithLetterRegex = /^-?[a-zA-Z]/i
   // const hasLetter = /[A-Za-z]+/.test(val)

package/dist/index.js

@@ -1,36 +0,0 @@
-parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"rZMW":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SEQUENCE=void 0;var e={"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,"major-sixth":1.667,"square-root-3":1.732,"minor-seventh":1.778,"major-seventh":1.875,octave:2,"square-root-5":2.23,"major-tenth":2.5,"major-eleventh":2.667,"major-twelfth":3,pi:3.14,"double-octave":4};exports.SEQUENCE=e;
-},{}],"j1iL":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UNIT=void 0;var e={default:"em"};exports.UNIT=e;
-},{}],"jWsf":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setCustomFont=exports.rgbToHex=exports.rgbArrayToHex=exports.opacify=exports.numToLetterMap=exports.mixTwoRgba=exports.mixTwoRgb=exports.mixTwoColors=exports.merge=exports.isString=exports.isObjectLike=exports.isObject=exports.isArray=exports.hexToRgba=exports.hexToRgbArray=exports.hexToRgb=exports.getFontFormat=exports.getFontFaceEach=exports.getFontFace=exports.getDefaultOrFirstKey=exports.getColorShade=exports.generateSubSequence=exports.generateSequence=exports.findHeadings=exports.fallBack=exports.colorStringToRgbaArray=exports.Arrayize=void 0;var r=require("../config"),t=["type","base","ratio","range","subSequence"];function e(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function n(r,t){if(null==r)return{};var e,n,a=o(r,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)e=i[n],t.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(r,e)&&(a[e]=r[e])}return a}function o(r,t){if(null==r)return{};var e,n,o={},a=Object.keys(r);for(n=0;n<a.length;n++)e=a[n],t.indexOf(e)>=0||(o[e]=r[e]);return o}function a(r,t){return l(r)||s(r,t)||u(r,t)||i()}function i(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(r,t){if(r){if("string"==typeof r)return c(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?c(r,t):void 0}}function c(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function s(r,t){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var n,o,a=[],i=!0,u=!1;try{for(e=e.call(r);!(i=(n=e.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(c){u=!0,o=c}finally{try{i||null==e.return||e.return()}finally{if(u)throw o}}return a}}function l(r){if(Array.isArray(r))return r}function p(r){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}var f=function(r){return"string"==typeof r};exports.isString=f;var v=function(r){return Array.isArray(r)};exports.isArray=v;var g=function(r){return null!==r&&("object"===p(r)&&r.constructor===Object)};exports.isObject=g;var b=function(r){return null!==r&&"object"===p(r)};exports.isObjectLike=b;var y=function(r,t){for(var e in t){var n=r[e],o=t[e];void 0===n&&(r[e]=o)}return r};exports.merge=y;var x=function(r){if(""!==r){if("transparent"===r.toLowerCase())return[0,0,0,0];if("#"===r[0])return r.length<7&&(r="#"+r[1]+r[1]+r[2]+r[2]+r[3]+r[3]+(r.length>4?r[4]+r[4]:"")),[parseInt(r.substr(1,2),16),parseInt(r.substr(3,2),16),parseInt(r.substr(5,2),16),r.length>7?parseInt(r.substr(7,2),16)/255:1];if(-1===r.indexOf("rgb")){var t=document.body.appendChild(document.createElement("fictum")),e="rgb(1, 2, 3)";if(t.style.color=e,t.style.color!==e)return;if(t.style.color=r,t.style.color===e||""===t.style.color)return;r=window.getComputedStyle(t).color,document.body.removeChild(t)}return 0===r.indexOf("rgb")?(-1===r.indexOf("rgba")&&(r="".concat(r,", 1")),r.match(/[\.\d]+/g).map(function(r){return+r})):void 0}};exports.colorStringToRgbaArray=x;var d=function(r,t){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;return r=x(r),t=x(t),T(r,t,e)};exports.mixTwoColors=d;var m=function(r){arguments.length>1&&void 0!==arguments[1]&&arguments[1];var t=a(r.match(/\w\w/g).map(function(r){return parseInt(r,16)}),3),e=t[0],n=t[1],o=t[2];return"rgb(".concat(e,",").concat(n,",").concat(o,")")};exports.hexToRgb=m;var h=function(r){arguments.length>1&&void 0!==arguments[1]&&arguments[1];var t=a(r.match(/\w\w/g).map(function(r){return parseInt(r,16)}),3);return[t[0],t[1],t[2]]};exports.hexToRgbArray=h;var S=function(r,t,e){return"#"+((1<<24)+(r<<16)+(t<<8)+e).toString(16).slice(1)};exports.rgbToHex=S;var w=function(r){var t=a(r,3);return"#"+((1<<24)+(t[0]<<16)+(t[1]<<8)+t[2]).toString(16).slice(1)};exports.rgbArrayToHex=w;var O=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,e=a(r.match(/\w\w/g).map(function(r){return parseInt(r,16)}),3),n=e[0],o=e[1],i=e[2];return"rgba(".concat(n,",").concat(o,",").concat(i,",").concat(t,")")};exports.hexToRgba=O;var j=function(r,t){for(var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,n=[],o=0;o<3;o++)n[o]=Math.round(r[o]+(t[o]-r[o])*e);return"rgb(".concat(n,")")};exports.mixTwoRgb=j;var A=function(r,t){var e=parseInt(r,16),n=(e>>16)+t;n>255?n=255:n<0&&(n=0);var o=(e>>8&255)+t;o>255?o=255:o<0&&(o=0);var a=(255&e)+t;return a>255?a=255:a<0&&(a=0),(a|o<<8|n<<16).toString(16)};exports.getColorShade=A;var T=function(r,t){for(var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,n=[],o=0;o<4;o++){var a=3===o?function(r){return r}:Math.round;n[o]=a(r[o]+(t[o]-r[o])*e)}return"rgba(".concat(n,")")};exports.mixTwoRgba=T;var F=function(r,t){var e=x(r);return e?(e[3]=t,"rgba(".concat(e,")")):console.warn(r+"color is not rgba")};exports.opacify=F;var M=function(r,t){return r[t]?r[t].value:r.default?r[r.default].value:r[Object.keys(r)[0]].value};exports.getDefaultOrFirstKey=M;var k=function(r){return r.split(/[#?]/)[0].split(".").pop().trim()};exports.getFontFormat=k;var I=function(r,t,e){return"@font-face {\n  font-family: '".concat(r,"';\n  font-style: normal;\n  font-weight: ").concat(t,";\n  src: url('").concat(e,"') format('").concat(k(e),"');\n}")};exports.setCustomFont=I;var C=function(r,t){return Object.keys(t).map(function(e){var n=t[e],o=n.fontWeight,a=n.url;return I(r,o,a)}).join("\n")};exports.getFontFaceEach=C;var R=function(r){return Object.keys(r).map(function(t){return C(t,r[t].value)}).join("\n")};exports.getFontFace=R;var q={"-6":"U","-5":"V","-4":"W","-3":"X","-2":"Y","-1":"Z",0:"A",1:"B",2:"C",3:"D",4:"E",5:"F",6:"G",7:"H",8:"I",9:"J",10:"K",11:"L",12:"M",13:"N",14:"O",15:"P"};exports.numToLetterMap=q;var H=function(r){var t=r.key,e=r.variable,n=r.value,o=r.scaling,a=r.state,i=r.index;a.sequence[e]={key:t,decimal:Math.round(100*n)/100,val:Math.round(n),scaling:o,index:i},a.scales[e]=o},E=function(r){var t=r.key,e=r.base,n=r.value,o=r.ratio,a=r.variable,i=r.state,u=n*o,c=(u-n)/o,s=Math.round(n),l=u-c,p=n+c;(Math.round(u)-s>100?[l,(l+p)/2,p]:[l,p]).map(function(r,n){var o=Math.round(r/e*1e3)/1e3;return H({key:t+(n+1),variable:a+(n+1),value:r,scaling:o,state:i})})};exports.generateSubSequence=E;var L=function(r){for(var e=r.type,o=r.base,a=r.ratio,i=r.range,u=r.subSequence,c=n(r,t),s=Math.abs(i[0])+Math.abs(i[1]),l="--"+e+"-",p=0;p<=s;p++){var f=i[1]-p,v=q[f],g=o*Math.pow(a,f),b=Math.round(g/o*1e3)/1e3,y=l+v;H({key:v,variable:y,value:g,scaling:b,state:c,index:f}),u&&E({key:v,base:o,value:g,ratio:a,variable:y,state:c})}return c};exports.generateSequence=L;var P=function(t){var n,o=t.type,a=t.prop,i=t.val,u=void 0===i?"A":i,c=t.prefix,s=void 0===c?"--font-size-":c;"string"!=typeof u&&console.warn(a,u,"is not a string");if(!/^-?[a-zA-Z]/i.test(u))return e({},a,u);var l=u.toUpperCase(),p="-"===l.slice(0,1)?"-":"",f=p?l.slice(1):l,v=o?o[s+f]:null;return v?(e(n={},a,p+v.val+r.UNIT.default),e(n,a,p+v.scaling+"em"),n):console.warn("can't find",o,s+f,f)};exports.fallBack=P;var z=function(r){return"string"==typeof r?r.split(" "):g(r)?Object.keys(r).map(function(t){return r[t]}):v(r)?r:void 0};exports.Arrayize=z;var U=function(r){var t=r.h1Matches,e=r.type,n=r.sequence;return new Array(6).fill(null).map(function(r,o){var a=q[t-o];return n["--".concat(e,"-").concat(a)]})};exports.findHeadings=U;
-},{"../config":"yMXu"}],"HtVM":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mapFontSize=exports.TYPOGRAPHY=void 0;var e=require("."),t=require("../utils"),r={default:16,base:16,type:"font-size",ratio:e.SEQUENCE["minor-third"],range:[-3,12],h1Matches:6,styles:{lineHeight:1.5},sequence:{},scales:{}};if((0,t.generateSequence)(r),r.h1Matches){var s=(0,t.findHeadings)(r),a=r.styles;for(var i in s)a["h".concat(parseInt(i)+1)]={fontSize:"".concat(s[i].scaling,"em")}}var n=function(e){return(0,t.fallBack)({type:r.sequence,prop:"fontSize",val:e,prefix:"--font-size-"})};exports.mapFontSize=n;var o=r;exports.TYPOGRAPHY=o;
-},{".":"yMXu","../utils":"jWsf"}],"XUC9":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FONT=void 0;var t={name:"",url:"",fontStyle:"",fontWeight:500,fontStretch:"normal",fontOpticalSizing:"auto"},e={};exports.FONT=e;
-},{}],"Ufa8":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FONT_FAMILY_TYPES=exports.FONT_FAMILY=exports.FONT_FACE=void 0;var e=require("../utils"),s={name:"",family:"",type:""},r={};exports.FONT_FAMILY=r;var t={serif:"Helvetica, Arial, sans-serif, --system-default","sans-serif":"Times New Roman, Georgia, serif, --system-default"};exports.FONT_FAMILY_TYPES=t;var a=(0,e.getFontFace)(r);exports.FONT_FACE=a;
-},{"../utils":"jWsf"}],"wFHP":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mapSpacing=exports.SPACING=void 0;var e=require("."),n=require("../utils"),r={base:e.TYPOGRAPHY.base,type:"spacing",ratio:e.SEQUENCE.phi,range:[-5,7],subSequence:!0,sequence:{},scales:{}};(0,n.generateSequence)(r);var t=function(e){if(e)return Object.keys(e.sequence).length>0?e:(0,n.generateSequence)(e)},a=function(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"padding",i=arguments.length>2?arguments[2]:void 0,c=(t(i)||r).sequence,p=(0,n.Arrayize)(e);if(p){var l=p.length,o=function(e,r){return(0,n.fallBack)({type:c,prop:e,val:p[r],prefix:"--spacing-"})};return 2===l?[o(a+"Block",0),o(a+"Inline",1)]:3===l?[o(a+"BlockStart",0),o(a+"Inline",1),o(a+"BlockEnd",2)]:4===l?[o(a+"BlockStart",0),o(a+"InlineStart",3),o(a+"BlockEnd",2),o(a+"InlineEnd",1)]:(0,n.fallBack)({type:c,prop:a,val:e,prefix:"--spacing-"})}};exports.mapSpacing=a;var i=r;exports.SPACING=i;
-},{".":"yMXu","../utils":"jWsf"}],"pM3y":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GRADIENT=exports.COLOR=void 0;var e={name:"",value:"",themes:{}},r={};exports.COLOR=r;var t={};exports.GRADIENT=t;
-},{}],"YrKl":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.returnSubThemeOrDefault=exports.THEME=void 0;var e={text:"blue",background:"white",border:"black",active:{},helpers:[],themes:{},inverse:{}},r={};exports.THEME=r;var t=function(e,r){if(e)return e.themes&&e.themes[r]?e.themes[r]:e[r]?[e,e[r]]:e};exports.returnSubThemeOrDefault=t;
-},{}],"PvAP":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RESPONSIVE=void 0;var e={screenL:1920,screenD:1680,screenS:1440,tabletL:1366,tabletM:1280,tabletS:1024,mobileL:768,mobileM:560,mobileS:480};exports.RESPONSIVE=e;
-},{}],"RyOW":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DOCUMENT=void 0;var e=require("."),t={theme:e.THEME.document,fontFamily:e.FONT_FAMILY[Object.keys(e.FONT_FAMILY)[0]],fontSize:e.TYPOGRAPHY.base,lineHeight:e.TYPOGRAPHY.styles.lineHeight};exports.DOCUMENT=t;
-},{".":"yMXu"}],"yMXu":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./sequence");Object.keys(e).forEach(function(r){"default"!==r&&"__esModule"!==r&&(r in exports&&exports[r]===e[r]||Object.defineProperty(exports,r,{enumerable:!0,get:function(){return e[r]}}))});var r=require("./unit");Object.keys(r).forEach(function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===r[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return r[e]}}))});var t=require("./typography");Object.keys(t).forEach(function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===t[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return t[e]}}))});var o=require("./font");Object.keys(o).forEach(function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===o[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return o[e]}}))});var n=require("./font-family");Object.keys(n).forEach(function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===n[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return n[e]}}))});var u=require("./spacing");Object.keys(u).forEach(function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===u[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return u[e]}}))});var s=require("./color");Object.keys(s).forEach(function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===s[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return s[e]}}))});var c=require("./theme");Object.keys(c).forEach(function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===c[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return c[e]}}))});var i=require("./responsive");Object.keys(i).forEach(function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===i[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return i[e]}}))});var f=require("./document");Object.keys(f).forEach(function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===f[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return f[e]}}))});
-},{"./sequence":"rZMW","./unit":"j1iL","./typography":"HtVM","./font":"XUC9","./font-family":"Ufa8","./spacing":"wFHP","./color":"pM3y","./theme":"YrKl","./responsive":"PvAP","./document":"RyOW"}],"w02W":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CSS_VARS=void 0;var e=r(require("./config"));function t(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,n=new WeakMap;return(t=function(e){return e?n:r})(e)}function r(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=t(r);if(n&&n.has(e))return n.get(e);var o={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var f=u?Object.getOwnPropertyDescriptor(e,a):null;f&&(f.get||f.set)?Object.defineProperty(o,a,f):o[a]=e[a]}return o.default=e,n&&n.set(e,o),o}var n={};exports.CSS_VARS=n;var o=e;exports.default=o;
-},{"./config":"yMXu"}],"FC4r":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setValue=exports.setEach=exports.set=exports.getTheme=exports.getFontFamily=exports.getColor=exports.default=exports.SETTERS=void 0;var r=o(require("../factory")),e=require("../utils"),t=["state","variants","helpers"],n=["version"];function a(r){if("function"!=typeof WeakMap)return null;var e=new WeakMap,t=new WeakMap;return(a=function(r){return r?t:e})(r)}function o(r,e){if(!e&&r&&r.__esModule)return r;if(null===r||"object"!=typeof r&&"function"!=typeof r)return{default:r};var t=a(e);if(t&&t.has(r))return t.get(r);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in r)if("default"!==u&&Object.prototype.hasOwnProperty.call(r,u)){var i=o?Object.getOwnPropertyDescriptor(r,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=r[u]}return n.default=r,t&&t.set(r,n),n}function u(r,e){if(null==r)return{};var t,n,a=i(r,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);for(n=0;n<o.length;n++)t=o[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(a[t]=r[t])}return a}function i(r,e){if(null==r)return{};var t,n,a={},o=Object.keys(r);for(n=0;n<o.length;n++)t=o[n],e.indexOf(t)>=0||(a[t]=r[t]);return a}function c(r,e){return p(r)||v(r,e)||f(r,e)||l()}function l(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(r,e){if(r){if("string"==typeof r)return s(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(r,e):void 0}}function s(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function v(r,e){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var n,a,o=[],u=!0,i=!1;try{for(t=t.call(r);!(u=(n=t.next()).done)&&(o.push(n.value),!e||o.length!==e);u=!0);}catch(c){i=!0,a=c}finally{try{u||null==t.return||t.return()}finally{if(i)throw a}}return o}}function p(r){if(Array.isArray(r))return r}var y=function(r,t){var n=c((0,e.colorStringToRgbaArray)(r.value||r),4),a=n[0],o=n[1],u=n[2],i=n[3],l=parseFloat((void 0===i?1:i).toFixed(2)),f="--color-".concat(t),s="".concat(a,", ").concat(o,", ").concat(u);return{var:f,rgb:s,alpha:l,value:"rgba(".concat(s,", ").concat(l,")")}},b=function(r,e){return{var:"--gradient-".concat(e),value:r.value||r}},d=function(t){if(!(0,e.isString)(t))return console.warn(t,"- type for color is not valid");var n=c((0,e.isArray)(t)?t:t.split(" "),3),a=n[0],o=n[1],u=n[2],i=r.default.COLOR,l=r.default.GRADIENT,f=i[a]||l[a];if(!f)return console.warn("Can't find color",a),t;var s=f.rgb;if(s){if(u)if(f[u])s=f[u].rgb;else{var v=(0,e.rgbArrayToHex)(s.split(", "));s=(0,e.hexToRgbArray)((0,e.getColorShade)(v,u)).join(", "),f[u]={rgb:s,var:"".concat(f.var,"-").concat(u)}}return o?"rgba(".concat(f.rgb,", ").concat(o,")"):"rgb(".concat(s,")")}return f.value};exports.getColor=d;var g=function(r){var e={},n=(r.state,r.variants,r.helpers,u(r,t));return Object.keys(n).map(function(t){var n=["color","Color","background","border"].some(function(r){return t.includes(r)});return e[t]=n?d(r[t]):r[t]}),e},O=function(r){return r.value?r.value:(r.value=g(r),r.value)},h=function(t){var n=r.default.THEME;if((0,e.isObjectLike)(t)&&t[1]){var a=t[0],o=t[1];console.log(n),console.log(a);var u=n[a],i=u.helpers,c=u.variants,l=u.state;if(c&&c[o])return O(c[o]);if(i&&i[o])return O(i[o]);if(l&&l[o])return O(l[o])}else{if((0,e.isObject)(t))return g(t);if((0,e.isString)(t)&&n[t])return O(n[t])}console.warn("Can't find theme",t)};exports.getTheme=h;var m=function(r,t,n,a){var o=h(n);a["@media (prefers-color-scheme: ".concat(t,")")]=o,(0,e.isObject)(n)&&!n.value&&(n.value=o)},j=function(r,t,n){if((0,e.isObject)(t))r.variants.inverse.value=g(t);else if(!0===t){var a=n.color,o=n.background;r.variants.inverse={value:{color:o,background:a}}}},x=function(t,n){var a=t.helpers;if(a)return Object.keys(a).map(function(n){var o=a[n];return(0,e.isString)(o)?a[n]=r.default.THEME[o]:O(a[n]),t}),t},S=function(r,e){var t=r.variants;if(t)return Object.keys(t).map(function(n){var a=t[n];return"dark"!==n&&"light"!==n||m(r,n,a,e),"inverse"===n&&j(r,a,e),r}),r},T=function(r,t,n,a){var o=h(n);a["&:".concat(t)]=o,(0,e.isObject)(n)&&!n.value&&(n.value=o)},k=function(r,e){var t=r.state;if(t)return Object.keys(t).map(function(n){var a=t[n];return T(r,n,a,e),r}),r},w=function(r,e){var t=r.state,n=r.variants,a=r.helpers,o=g(r,e),u="--theme-".concat(e);return k(r,o),S(r,o),x(r,o),{var:u,value:o,state:t,variants:n,helpers:a}},E=function(r,t){return{var:"--font-".concat(t),value:r,fontFace:(0,e.getFontFaceEach)(t,r)}},A=function(r,t){return(0,e.getDefaultOrFirstKey)(r,t)};exports.getFontFamily=A;var F=function(e,t){var n=r.default.FONT_FAMILY,a=r.default.FONT_FAMILY_TYPES,o=e.value,u=e.type;return e.default&&(n.default=t),{var:"--font-family-".concat(t),value:"".concat(o.join(", "),", ").concat(a[u]),arr:o,type:u}},C={color:y,gradient:b,font:E,font_family:F,theme:w};exports.SETTERS=C;var M=function(e,t,n){var a=e.toLowerCase(),o=r.default[e],u=C[a](t,n);return o[n]=u,r.CSS_VARS[u.var]=u.value,o};exports.setValue=M;var P=function(e,t){var n=e.toUpperCase();return Object.keys(t).map(function(r){return M(n,t[r],r)}),r.default[n]};exports.setEach=P;var _=function(e){e.version;var t=u(e,n);return Object.keys(t).map(function(r){return P(r,t[r])}),r.default};exports.set=_;var I=_;exports.default=I;
-},{"../factory":"w02W","../utils":"jWsf"}],"X8lW":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./set");Object.keys(e).forEach(function(t){"default"!==t&&"__esModule"!==t&&(t in exports&&exports[t]===e[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}}))});
-},{"./set":"FC4r"}],"caV7":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RESET=void 0;var e=r(require("./config"));function t(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,n=new WeakMap;return(t=function(e){return e?n:r})(e)}function r(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=t(r);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in e)if("default"!==f&&Object.prototype.hasOwnProperty.call(e,f)){var a=i?Object.getOwnPropertyDescriptor(e,f):null;a&&(a.get||a.set)?Object.defineProperty(o,f,a):o[f]=e[f]}return o.default=e,n&&n.set(e,o),o}function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach(function(t){i(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var f=o(o({html:{position:"fixed",overflow:"hidden",width:"100%",height:"100%",top:"0",left:"0",margin:"0",WebkitFontSmoothing:"antialiased",fontFamily:e.DOCUMENT.fontFamily,fontSize:e.TYPOGRAPHY.default/e.DOCUMENT.fontSize+e.UNIT.default,lineHeight:e.DOCUMENT.lineHeight},body:{boxSizing:"border-box",height:"100%"}},e.TYPOGRAPHY.styles),{},{fieldset:{border:0,padding:0,margin:0}});exports.RESET=f;
-},{"./config":"yMXu"}],"Focm":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={};exports.default=void 0;var t=p(require("./factory"));Object.keys(t).forEach(function(r){"default"!==r&&"__esModule"!==r&&(Object.prototype.hasOwnProperty.call(e,r)||r in exports&&exports[r]===t[r]||Object.defineProperty(exports,r,{enumerable:!0,get:function(){return t[r]}}))});var r=require("./utils");Object.keys(r).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===r[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return r[t]}}))});var o=require("./methods");Object.keys(o).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===o[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return o[t]}}))});var n=require("./config");Object.keys(n).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===n[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return n[t]}}))});var u=require("./reset");function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}function p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=a(t);if(r&&r.has(e))return r.get(e);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var p=n?Object.getOwnPropertyDescriptor(e,u):null;p&&(p.get||p.set)?Object.defineProperty(o,u,p):o[u]=e[u]}return o.default=e,r&&r.set(e,o),o}Object.keys(u).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===u[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return u[t]}}))});var c=t.default;exports.default=c;
-},{"./factory":"w02W","./utils":"jWsf","./methods":"X8lW","./config":"yMXu","./reset":"caV7"}]},{},["Focm"], null)
-//# sourceMappingURL=/index.js.map