npm - @apia/theme - Versions diffs - 2.0.5 → 2.0.8 - Mend

@apia/theme 2.0.5 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/dist/base/colors/util/buildStateObject.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buildStateObject.js","sources":["../../../../src/base/colors/util/buildStateObject.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport { ThemeUICSSObject } from 'theme-ui';\nimport { focusOutline } from '../../../util';\nimport { TBuildStateObject } from '../types';\n\n/*\n Dado un estado, se devuelven las propiedades necesarias para garantizar que\n * dicho estado se aplique en variadas circunstancias.\n */\nconst buildStateObject: TBuildStateObject = (props, state) => {\n switch (state) {\n case 'active':\n return {\n '&:active': props,\n 'input[role]:active ~ &': props,\n 'input[role]:active ~ & path': props,\n };\n case 'checked':\n return {\n '&:checked': props,\n 'input[role]:checked ~ &': props,\n 'input[role]:checked ~ & path': props,\n };\n case 'disabled':\n return {\n '&:disabled': props,\n 'input[role]:disabled ~ &': props,\n 'input[role]:disabled ~ & path': props,\n };\n case 'focus': {\n const focusObject = merge({}, focusOutline, props);\n return {\n '&:focus': focusObject,\n 'input[role]:focus ~ &': focusObject,\n };\n }\n case 'hover': {\n return {\n '&:hover:not([readonly], :disabled,[aria-selected=\"true\"],:active)':\n props,\n 'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected=\"true\"])':\n props,\n 'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected=\"true\"]) path':\n props,\n };\n }\n case 'readonly':\n return {\n '&[readonly]': props,\n 'input[role][readonly] ~ &': props,\n 'input[role][readonly] ~ & path': props,\n '&.readonly input ~ &, &.readOnly input ~ &': props,\n '&.readonly input ~ & path, &.readOnly input ~ & path': props,\n '&.readonly, &.readOnly': props,\n };\n case 'selected':\n return {\n '&:selected': props,\n 'input[role]:selected ~ &': props,\n 'input[role]:selected ~ & path': props,\n '&[aria-selected=\"true\"]': props,\n };\n default:\n return props as unknown as ThemeUICSSObject;\n }\n};\nexport default buildStateObject;\n"],"names":[],"mappings":";;;AASM,MAAA,gBAAA,GAAsC,CAAC,KAAA,EAAO,KAAU,KAAA;AAC5D,EAAA,QAAQ,KAAO;AAAA,IACb,KAAK,QAAA;AACH,MAAO,OAAA;AAAA,QACL,UAAY,EAAA,KAAA;AAAA,QACZ,wBAA0B,EAAA,KAAA;AAAA,QAC1B,6BAA+B,EAAA,KAAA;AAAA,OACjC,CAAA;AAAA,IACF,KAAK,SAAA;AACH,MAAO,OAAA;AAAA,QACL,WAAa,EAAA,KAAA;AAAA,QACb,yBAA2B,EAAA,KAAA;AAAA,QAC3B,8BAAgC,EAAA,KAAA;AAAA,OAClC,CAAA;AAAA,IACF,KAAK,UAAA;AACH,MAAO,OAAA;AAAA,QACL,YAAc,EAAA,KAAA;AAAA,QACd,0BAA4B,EAAA,KAAA;AAAA,QAC5B,+BAAiC,EAAA,KAAA;AAAA,OACnC,CAAA;AAAA,IACF,KAAK,OAAS,EAAA;AACZ,MAAA,MAAM,WAAc,GAAA,KAAA,CAAM,EAAC,EAAG,cAAc,KAAK,CAAA,CAAA;AACjD,MAAO,OAAA;AAAA,QACL,SAAW,EAAA,WAAA;AAAA,QACX,uBAAyB,EAAA,WAAA;AAAA,OAC3B,CAAA;AAAA,KACF;AAAA,IACA,KAAK,OAAS,EAAA;AACZ,MAAO,OAAA;AAAA,QACL,mEACE,EAAA,KAAA;AAAA,QACF,iGACE,EAAA,KAAA;AAAA,QACF,sGACE,EAAA,KAAA;AAAA,OACJ,CAAA;AAAA,KACF;AAAA,IACA,KAAK,UAAA;AACH,MAAO,OAAA;AAAA,QACL,aAAe,EAAA,KAAA;AAAA,QACf,2BAA6B,EAAA,KAAA;AAAA,QAC7B,gCAAkC,EAAA,KAAA;AAAA,QAClC,4CAA8C,EAAA,KAAA;AAAA,QAC9C,sDAAwD,EAAA,KAAA;AAAA,QACxD,wBAA0B,EAAA,KAAA;AAAA,OAC5B,CAAA;AAAA,IACF,KAAK,UAAA;AACH,MAAO,OAAA;AAAA,QACL,YAAc,EAAA,KAAA;AAAA,QACd,0BAA4B,EAAA,KAAA;AAAA,QAC5B,+BAAiC,EAAA,KAAA;AAAA,QACjC,yBAA2B,EAAA,KAAA;AAAA,OAC7B,CAAA;AAAA,IACF;AACE,MAAO,OAAA,KAAA,CAAA;AAAA,GACX;AACF;;;;"}
1	+ {"version":3,"file":"buildStateObject.js","sources":["../../../../src/base/colors/util/buildStateObject.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\r\nimport { ThemeUICSSObject } from 'theme-ui';\r\nimport { focusOutline } from '../../../util';\r\nimport { TBuildStateObject } from '../types';\r\n\r\n/*\r\n Dado un estado, se devuelven las propiedades necesarias para garantizar que\r\n * dicho estado se aplique en variadas circunstancias.\r\n */\r\nconst buildStateObject: TBuildStateObject = (props, state) => {\r\n switch (state) {\r\n case 'active':\r\n return {\r\n '&:active': props,\r\n 'input[role]:active ~ &': props,\r\n 'input[role]:active ~ & path': props,\r\n };\r\n case 'checked':\r\n return {\r\n '&:checked': props,\r\n 'input[role]:checked ~ &': props,\r\n 'input[role]:checked ~ & path': props,\r\n };\r\n case 'disabled':\r\n return {\r\n '&:disabled': props,\r\n 'input[role]:disabled ~ &': props,\r\n 'input[role]:disabled ~ & path': props,\r\n };\r\n case 'focus': {\r\n const focusObject = merge({}, focusOutline, props);\r\n return {\r\n '&:focus': focusObject,\r\n 'input[role]:focus ~ &': focusObject,\r\n };\r\n }\r\n case 'hover': {\r\n return {\r\n '&:hover:not([readonly], :disabled,[aria-selected=\"true\"],:active)':\r\n props,\r\n 'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected=\"true\"])':\r\n props,\r\n 'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected=\"true\"]) path':\r\n props,\r\n };\r\n }\r\n case 'readonly':\r\n return {\r\n '&[readonly]': props,\r\n 'input[role][readonly] ~ &': props,\r\n 'input[role][readonly] ~ & path': props,\r\n '&.readonly input ~ &, &.readOnly input ~ &': props,\r\n '&.readonly input ~ & path, &.readOnly input ~ & path': props,\r\n '&.readonly, &.readOnly': props,\r\n };\r\n case 'selected':\r\n return {\r\n '&:selected': props,\r\n 'input[role]:selected ~ &': props,\r\n 'input[role]:selected ~ & path': props,\r\n '&[aria-selected=\"true\"]': props,\r\n };\r\n default:\r\n return props as unknown as ThemeUICSSObject;\r\n }\r\n};\r\nexport default buildStateObject;\r\n"],"names":[],"mappings":";;;AASM,MAAA,gBAAA,GAAsC,CAAC,KAAA,EAAO,KAAU,KAAA;AAC5D,EAAA,QAAQ,KAAO;AAAA,IACb,KAAK,QAAA;AACH,MAAO,OAAA;AAAA,QACL,UAAY,EAAA,KAAA;AAAA,QACZ,wBAA0B,EAAA,KAAA;AAAA,QAC1B,6BAA+B,EAAA,KAAA;AAAA,OACjC,CAAA;AAAA,IACF,KAAK,SAAA;AACH,MAAO,OAAA;AAAA,QACL,WAAa,EAAA,KAAA;AAAA,QACb,yBAA2B,EAAA,KAAA;AAAA,QAC3B,8BAAgC,EAAA,KAAA;AAAA,OAClC,CAAA;AAAA,IACF,KAAK,UAAA;AACH,MAAO,OAAA;AAAA,QACL,YAAc,EAAA,KAAA;AAAA,QACd,0BAA4B,EAAA,KAAA;AAAA,QAC5B,+BAAiC,EAAA,KAAA;AAAA,OACnC,CAAA;AAAA,IACF,KAAK,OAAS,EAAA;AACZ,MAAA,MAAM,WAAc,GAAA,KAAA,CAAM,EAAC,EAAG,cAAc,KAAK,CAAA,CAAA;AACjD,MAAO,OAAA;AAAA,QACL,SAAW,EAAA,WAAA;AAAA,QACX,uBAAyB,EAAA,WAAA;AAAA,OAC3B,CAAA;AAAA,KACF;AAAA,IACA,KAAK,OAAS,EAAA;AACZ,MAAO,OAAA;AAAA,QACL,mEACE,EAAA,KAAA;AAAA,QACF,iGACE,EAAA,KAAA;AAAA,QACF,sGACE,EAAA,KAAA;AAAA,OACJ,CAAA;AAAA,KACF;AAAA,IACA,KAAK,UAAA;AACH,MAAO,OAAA;AAAA,QACL,aAAe,EAAA,KAAA;AAAA,QACf,2BAA6B,EAAA,KAAA;AAAA,QAC7B,gCAAkC,EAAA,KAAA;AAAA,QAClC,4CAA8C,EAAA,KAAA;AAAA,QAC9C,sDAAwD,EAAA,KAAA;AAAA,QACxD,wBAA0B,EAAA,KAAA;AAAA,OAC5B,CAAA;AAAA,IACF,KAAK,UAAA;AACH,MAAO,OAAA;AAAA,QACL,YAAc,EAAA,KAAA;AAAA,QACd,0BAA4B,EAAA,KAAA;AAAA,QAC5B,+BAAiC,EAAA,KAAA;AAAA,QACjC,yBAA2B,EAAA,KAAA;AAAA,OAC7B,CAAA;AAAA,IACF;AACE,MAAO,OAAA,KAAA,CAAA;AAAA,GACX;AACF;;;;"}

package/dist/base/colors/util/getColorState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getColorState.js","sources":["../../../../src/base/colors/util/getColorState.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\nimport { TStateRetriever, TActionDefinition } from '../types';\nimport { getValueByPath } from '../util';\n\n/*\n Este método acepta un objeto con backgroundColor y borderColor y aplica el\n * estado pasado como segundo parámetro de la siguiente manera:\n \n Si se pasa backgroundColor, se devuelve un backgroundColor y un color, que\n * corresponden al backgroundColor con el estado aplicado y un color calculado\n * con la función getContrastText.\n \n Si se pasa borderColor, se devuelve un nuevo borderColor calculado con el\n * estado aplicado.\n /\nconst getColorState: TStateRetriever = (definition, state, palette) => {\n if (state === 'default') return palette.buildColorsObject(definition);\n\n const opacity: number = palette.action[\n `${state}Opacity` as keyof TActionDefinition\n ] as number;\n\n const actualState = state === 'checked' ? 'selected' : state;\n\n // eslint-disable-next-line no-param-reassign\n definition = Object.fromEntries(\n Object.entries(definition).map(([name, value]) => {\n if (\n [\n 'backgroundColor',\n 'borderColor',\n 'borderLeftColor',\n 'borderRightColor',\n 'borderBottomColor',\n 'borderTopColor',\n 'color',\n ].includes(name) &&\n ((value ?? '') as string).startsWith('palette')\n )\n // eslint-disable-next-line no-param-reassign\n value = getValueByPath(\n palette,\n (value as string).slice('palette.'.length),\n ) as string;\n\n return [name, value];\n }),\n );\n\n const calculatedBackgroundColor = tinycolor\n .mix(\n (definition.backgroundColor ?? '') as string,\n tinycolor((definition.backgroundColor ?? '') as string).isLight()\n ? palette.action[actualState].light\n : palette.action[actualState].dark,\n 100 opacity,\n )\n .toRgbString();\n\n return palette.buildColorsObject({\n ...(definition.backgroundColor\n ? {\n backgroundColor:\n state === 'checked'\n ? definition.backgroundColor ?? ''\n : calculatedBackgroundColor,\n color:\n state === 'checked'\n ? tinycolor\n .mix(\n tinycolor((definition.color ?? 'black') as string),\n tinycolor(palette.action.selected.dark),\n 100 * palette.action.selectedOpacity,\n )\n .toRgbString()\n : palette.getContrastText(calculatedBackgroundColor),\n }\n : null),\n ...(definition.borderColor\n ? {\n borderColor: tinycolor\n .mix(\n definition.borderColor as string,\n tinycolor(definition.borderColor as string).isLight()\n ? palette.action[actualState].light\n : palette.action[actualState].dark,\n 100 * opacity,\n )\n .toRgbString(),\n }\n : null),\n });\n};\nexport default getColorState;\n"],"names":[],"mappings":";;;AAeA,MAAM,aAAiC,GAAA,CAAC,UAAY,EAAA,KAAA,EAAO,OAAY,KAAA;AACrE,EAAA,IAAI,KAAU,KAAA,SAAA;AAAW,IAAO,OAAA,OAAA,CAAQ,kBAAkB,UAAU,CAAA,CAAA;AAEpE,EAAA,MAAM,OAAkB,GAAA,OAAA,CAAQ,MAC9B,CAAA,CAAA,EAAG,KAAK,CACV,OAAA,CAAA,CAAA,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,KAAU,KAAA,SAAA,GAAY,UAAa,GAAA,KAAA,CAAA;AAGvD,EAAA,UAAA,GAAa,MAAO,CAAA,WAAA;AAAA,IAClB,MAAA,CAAO,QAAQ,UAAU,CAAA,CAAE,IAAI,CAAC,CAAC,IAAM,EAAA,KAAK,CAAM,KAAA;AAChD,MACE,IAAA;AAAA,QACE,iBAAA;AAAA,QACA,aAAA;AAAA,QACA,iBAAA;AAAA,QACA,kBAAA;AAAA,QACA,mBAAA;AAAA,QACA,gBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAS,CAAA,IAAI,MACb,KAAS,IAAA,EAAA,EAAe,WAAW,SAAS,CAAA;AAG9C,QAAQ,KAAA,GAAA,cAAA;AAAA,UACN,OAAA;AAAA,UACC,KAAA,CAAiB,KAAM,CAAA,UAAA,CAAW,MAAM,CAAA;AAAA,SAC3C,CAAA;AAEF,MAAO,OAAA,CAAC,MAAM,KAAK,CAAA,CAAA;AAAA,KACpB,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,4BAA4B,SAC/B,CAAA,GAAA;AAAA,IACE,WAAW,eAAmB,IAAA,EAAA;AAAA,IAC/B,SAAW,CAAA,UAAA,CAAW,eAAmB,IAAA,EAAa,EAAE,OAAQ,EAAA,GAC5D,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,KAAA,GAC5B,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,IAAA;AAAA,IAChC,GAAM,GAAA,OAAA;AAAA,IAEP,WAAY,EAAA,CAAA;AAEf,EAAA,OAAO,QAAQ,iBAAkB,CAAA;AAAA,IAC/B,GAAI,WAAW,eACX,GAAA;AAAA,MACE,eACE,EAAA,KAAA,KAAU,SACN,GAAA,UAAA,CAAW,mBAAmB,EAC9B,GAAA,yBAAA;AAAA,MACN,KAAA,EACE,KAAU,KAAA,SAAA,GACN,SACG,CAAA,GAAA;AAAA,QACC,SAAA,CAAW,UAAW,CAAA,KAAA,IAAS,OAAkB,CAAA;AAAA,QACjD,SAAU,CAAA,OAAA,CAAQ,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,QACtC,GAAA,GAAM,QAAQ,MAAO,CAAA,eAAA;AAAA,OAEtB,CAAA,WAAA,EACH,GAAA,OAAA,CAAQ,gBAAgB,yBAAyB,CAAA;AAAA,KAEzD,GAAA,IAAA;AAAA,IACJ,GAAI,WAAW,WACX,GAAA;AAAA,MACE,aAAa,SACV,CAAA,GAAA;AAAA,QACC,UAAW,CAAA,WAAA;AAAA,QACX,SAAU,CAAA,UAAA,CAAW,WAAqB,CAAA,CAAE,SACxC,GAAA,OAAA,CAAQ,MAAO,CAAA,WAAW,CAAE,CAAA,KAAA,GAC5B,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,IAAA;AAAA,QAChC,GAAM,GAAA,OAAA;AAAA,QAEP,WAAY,EAAA;AAAA,KAEjB,GAAA,IAAA;AAAA,GACL,CAAA,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"getColorState.js","sources":["../../../../src/base/colors/util/getColorState.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\r\nimport { TStateRetriever, TActionDefinition } from '../types';\r\nimport { getValueByPath } from '../util';\r\n\r\n/*\r\n Este método acepta un objeto con backgroundColor y borderColor y aplica el\r\n * estado pasado como segundo parámetro de la siguiente manera:\r\n \r\n Si se pasa backgroundColor, se devuelve un backgroundColor y un color, que\r\n * corresponden al backgroundColor con el estado aplicado y un color calculado\r\n * con la función getContrastText.\r\n \r\n Si se pasa borderColor, se devuelve un nuevo borderColor calculado con el\r\n * estado aplicado.\r\n /\r\nconst getColorState: TStateRetriever = (definition, state, palette) => {\r\n if (state === 'default') return palette.buildColorsObject(definition);\r\n\r\n const opacity: number = palette.action[\r\n `${state}Opacity` as keyof TActionDefinition\r\n ] as number;\r\n\r\n const actualState = state === 'checked' ? 'selected' : state;\r\n\r\n // eslint-disable-next-line no-param-reassign\r\n definition = Object.fromEntries(\r\n Object.entries(definition).map(([name, value]) => {\r\n if (\r\n [\r\n 'backgroundColor',\r\n 'borderColor',\r\n 'borderLeftColor',\r\n 'borderRightColor',\r\n 'borderBottomColor',\r\n 'borderTopColor',\r\n 'color',\r\n ].includes(name) &&\r\n ((value ?? '') as string).startsWith('palette')\r\n )\r\n // eslint-disable-next-line no-param-reassign\r\n value = getValueByPath(\r\n palette,\r\n (value as string).slice('palette.'.length),\r\n ) as string;\r\n\r\n return [name, value];\r\n }),\r\n );\r\n\r\n const calculatedBackgroundColor = tinycolor\r\n .mix(\r\n (definition.backgroundColor ?? '') as string,\r\n tinycolor((definition.backgroundColor ?? '') as string).isLight()\r\n ? palette.action[actualState].light\r\n : palette.action[actualState].dark,\r\n 100 opacity,\r\n )\r\n .toRgbString();\r\n\r\n return palette.buildColorsObject({\r\n ...(definition.backgroundColor\r\n ? {\r\n backgroundColor:\r\n state === 'checked'\r\n ? definition.backgroundColor ?? ''\r\n : calculatedBackgroundColor,\r\n color:\r\n state === 'checked'\r\n ? tinycolor\r\n .mix(\r\n tinycolor((definition.color ?? 'black') as string),\r\n tinycolor(palette.action.selected.dark),\r\n 100 * palette.action.selectedOpacity,\r\n )\r\n .toRgbString()\r\n : palette.getContrastText(calculatedBackgroundColor),\r\n }\r\n : null),\r\n ...(definition.borderColor\r\n ? {\r\n borderColor: tinycolor\r\n .mix(\r\n definition.borderColor as string,\r\n tinycolor(definition.borderColor as string).isLight()\r\n ? palette.action[actualState].light\r\n : palette.action[actualState].dark,\r\n 100 * opacity,\r\n )\r\n .toRgbString(),\r\n }\r\n : null),\r\n });\r\n};\r\nexport default getColorState;\r\n"],"names":[],"mappings":";;;AAeA,MAAM,aAAiC,GAAA,CAAC,UAAY,EAAA,KAAA,EAAO,OAAY,KAAA;AACrE,EAAA,IAAI,KAAU,KAAA,SAAA;AAAW,IAAO,OAAA,OAAA,CAAQ,kBAAkB,UAAU,CAAA,CAAA;AAEpE,EAAA,MAAM,OAAkB,GAAA,OAAA,CAAQ,MAC9B,CAAA,CAAA,EAAG,KAAK,CACV,OAAA,CAAA,CAAA,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,KAAU,KAAA,SAAA,GAAY,UAAa,GAAA,KAAA,CAAA;AAGvD,EAAA,UAAA,GAAa,MAAO,CAAA,WAAA;AAAA,IAClB,MAAA,CAAO,QAAQ,UAAU,CAAA,CAAE,IAAI,CAAC,CAAC,IAAM,EAAA,KAAK,CAAM,KAAA;AAChD,MACE,IAAA;AAAA,QACE,iBAAA;AAAA,QACA,aAAA;AAAA,QACA,iBAAA;AAAA,QACA,kBAAA;AAAA,QACA,mBAAA;AAAA,QACA,gBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAS,CAAA,IAAI,MACb,KAAS,IAAA,EAAA,EAAe,WAAW,SAAS,CAAA;AAG9C,QAAQ,KAAA,GAAA,cAAA;AAAA,UACN,OAAA;AAAA,UACC,KAAA,CAAiB,KAAM,CAAA,UAAA,CAAW,MAAM,CAAA;AAAA,SAC3C,CAAA;AAEF,MAAO,OAAA,CAAC,MAAM,KAAK,CAAA,CAAA;AAAA,KACpB,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,4BAA4B,SAC/B,CAAA,GAAA;AAAA,IACE,WAAW,eAAmB,IAAA,EAAA;AAAA,IAC/B,SAAW,CAAA,UAAA,CAAW,eAAmB,IAAA,EAAa,EAAE,OAAQ,EAAA,GAC5D,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,KAAA,GAC5B,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,IAAA;AAAA,IAChC,GAAM,GAAA,OAAA;AAAA,IAEP,WAAY,EAAA,CAAA;AAEf,EAAA,OAAO,QAAQ,iBAAkB,CAAA;AAAA,IAC/B,GAAI,WAAW,eACX,GAAA;AAAA,MACE,eACE,EAAA,KAAA,KAAU,SACN,GAAA,UAAA,CAAW,mBAAmB,EAC9B,GAAA,yBAAA;AAAA,MACN,KAAA,EACE,KAAU,KAAA,SAAA,GACN,SACG,CAAA,GAAA;AAAA,QACC,SAAA,CAAW,UAAW,CAAA,KAAA,IAAS,OAAkB,CAAA;AAAA,QACjD,SAAU,CAAA,OAAA,CAAQ,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,QACtC,GAAA,GAAM,QAAQ,MAAO,CAAA,eAAA;AAAA,OAEtB,CAAA,WAAA,EACH,GAAA,OAAA,CAAQ,gBAAgB,yBAAyB,CAAA;AAAA,KAEzD,GAAA,IAAA;AAAA,IACJ,GAAI,WAAW,WACX,GAAA;AAAA,MACE,aAAa,SACV,CAAA,GAAA;AAAA,QACC,UAAW,CAAA,WAAA;AAAA,QACX,SAAU,CAAA,UAAA,CAAW,WAAqB,CAAA,CAAE,SACxC,GAAA,OAAA,CAAQ,MAAO,CAAA,WAAW,CAAE,CAAA,KAAA,GAC5B,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,IAAA;AAAA,QAChC,GAAM,GAAA,OAAA;AAAA,QAEP,WAAY,EAAA;AAAA,KAEjB,GAAA,IAAA;AAAA,GACL,CAAA,CAAA;AACH;;;;"}

package/dist/base/colors/util/getColorStates.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getColorStates.js","sources":["../../../../src/base/colors/util/getColorStates.ts"],"sourcesContent":["import { TStatesRetriever } from '../types';\nimport buildStateObject from './buildStateObject';\nimport getColorState from './getColorState';\n\n/*\n Con este método es posible construir un objeto con las propiedades\n * necesarias para aplicar los colores correspondientes a los estados deseados\n * a partir de la definición provista.\n */\nconst getColorStates: TStatesRetriever = (definition, palette, states) => {\n return {\n ...(states?.default !== false ? definition : null),\n ...(states?.checked !== false\n ? buildStateObject(\n getColorState(definition, 'checked', palette),\n 'checked',\n )\n : null),\n ...buildStateObject(getColorState(definition, 'focus', palette), 'focus'),\n ...(states?.selected !== false\n ? buildStateObject(\n getColorState(definition, 'selected', palette),\n 'selected',\n )\n : null),\n ...(states?.hover !== false\n ? buildStateObject(getColorState(definition, 'hover', palette), 'hover')\n : null),\n ...(states?.active !== false\n ? buildStateObject(getColorState(definition, 'active', palette), 'active')\n : null),\n ...(states?.disabled !== false\n ? buildStateObject(\n getColorState(definition, 'disabled', palette),\n 'disabled',\n )\n : null),\n ...(states?.readonly !== false\n ? buildStateObject(\n getColorState(definition, 'readonly', palette),\n 'readonly',\n )\n : null),\n };\n};\n\nexport default getColorStates;\n"],"names":[],"mappings":";;;AASA,MAAM,cAAmC,GAAA,CAAC,UAAY,EAAA,OAAA,EAAS,MAAW,KAAA;AACxE,EAAO,OAAA;AAAA,IACL,GAAI,MAAA,EAAQ,OAAY,KAAA,KAAA,GAAQ,UAAa,GAAA,IAAA;AAAA,IAC7C,GAAI,MAAQ,EAAA,OAAA,KAAY,KACpB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,SAAA,EAAW,OAAO,CAAA;AAAA,MAC5C,SAAA;AAAA,KAEF,GAAA,IAAA;AAAA,IACJ,GAAG,gBAAiB,CAAA,aAAA,CAAc,YAAY,OAAS,EAAA,OAAO,GAAG,OAAO,CAAA;AAAA,IACxE,GAAI,MAAQ,EAAA,QAAA,KAAa,KACrB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA;AAAA,MAC7C,UAAA;AAAA,KAEF,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,KAAA,KAAU,KAClB,GAAA,gBAAA,CAAiB,aAAc,CAAA,UAAA,EAAY,OAAS,EAAA,OAAO,CAAG,EAAA,OAAO,CACrE,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,MAAA,KAAW,KACnB,GAAA,gBAAA,CAAiB,aAAc,CAAA,UAAA,EAAY,QAAU,EAAA,OAAO,CAAG,EAAA,QAAQ,CACvE,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,QAAA,KAAa,KACrB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA;AAAA,MAC7C,UAAA;AAAA,KAEF,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,QAAA,KAAa,KACrB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA;AAAA,MAC7C,UAAA;AAAA,KAEF,GAAA,IAAA;AAAA,GACN,CAAA;AACF;;;;"}
1	+ {"version":3,"file":"getColorStates.js","sources":["../../../../src/base/colors/util/getColorStates.ts"],"sourcesContent":["import { TStatesRetriever } from '../types';\r\nimport buildStateObject from './buildStateObject';\r\nimport getColorState from './getColorState';\r\n\r\n/*\r\n Con este método es posible construir un objeto con las propiedades\r\n * necesarias para aplicar los colores correspondientes a los estados deseados\r\n * a partir de la definición provista.\r\n */\r\nconst getColorStates: TStatesRetriever = (definition, palette, states) => {\r\n return {\r\n ...(states?.default !== false ? definition : null),\r\n ...(states?.checked !== false\r\n ? buildStateObject(\r\n getColorState(definition, 'checked', palette),\r\n 'checked',\r\n )\r\n : null),\r\n ...buildStateObject(getColorState(definition, 'focus', palette), 'focus'),\r\n ...(states?.selected !== false\r\n ? buildStateObject(\r\n getColorState(definition, 'selected', palette),\r\n 'selected',\r\n )\r\n : null),\r\n ...(states?.hover !== false\r\n ? buildStateObject(getColorState(definition, 'hover', palette), 'hover')\r\n : null),\r\n ...(states?.active !== false\r\n ? buildStateObject(getColorState(definition, 'active', palette), 'active')\r\n : null),\r\n ...(states?.disabled !== false\r\n ? buildStateObject(\r\n getColorState(definition, 'disabled', palette),\r\n 'disabled',\r\n )\r\n : null),\r\n ...(states?.readonly !== false\r\n ? buildStateObject(\r\n getColorState(definition, 'readonly', palette),\r\n 'readonly',\r\n )\r\n : null),\r\n };\r\n};\r\n\r\nexport default getColorStates;\r\n"],"names":[],"mappings":";;;AASA,MAAM,cAAmC,GAAA,CAAC,UAAY,EAAA,OAAA,EAAS,MAAW,KAAA;AACxE,EAAO,OAAA;AAAA,IACL,GAAI,MAAA,EAAQ,OAAY,KAAA,KAAA,GAAQ,UAAa,GAAA,IAAA;AAAA,IAC7C,GAAI,MAAQ,EAAA,OAAA,KAAY,KACpB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,SAAA,EAAW,OAAO,CAAA;AAAA,MAC5C,SAAA;AAAA,KAEF,GAAA,IAAA;AAAA,IACJ,GAAG,gBAAiB,CAAA,aAAA,CAAc,YAAY,OAAS,EAAA,OAAO,GAAG,OAAO,CAAA;AAAA,IACxE,GAAI,MAAQ,EAAA,QAAA,KAAa,KACrB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA;AAAA,MAC7C,UAAA;AAAA,KAEF,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,KAAA,KAAU,KAClB,GAAA,gBAAA,CAAiB,aAAc,CAAA,UAAA,EAAY,OAAS,EAAA,OAAO,CAAG,EAAA,OAAO,CACrE,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,MAAA,KAAW,KACnB,GAAA,gBAAA,CAAiB,aAAc,CAAA,UAAA,EAAY,QAAU,EAAA,OAAO,CAAG,EAAA,QAAQ,CACvE,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,QAAA,KAAa,KACrB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA;AAAA,MAC7C,UAAA;AAAA,KAEF,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,QAAA,KAAa,KACrB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA;AAAA,MAC7C,UAAA;AAAA,KAEF,GAAA,IAAA;AAAA,GACN,CAAA;AACF;;;;"}

package/dist/base/colors/util/getColorsAndStatesByDefinition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getColorsAndStatesByDefinition.js","sources":["../../../../src/base/colors/util/getColorsAndStatesByDefinition.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport { ThemeUICSSObject } from 'theme-ui';\nimport { TGetColorStateDefinition, TParsedPalette } from '../types';\nimport buildStateObject from './buildStateObject';\nimport { TGetColorsAndStatesOptions } from './getColorsAndStatesByPath';\nimport getColorsByDefinition from './getColorsByDefinition';\nimport getColorState from './getColorState';\n\n/*\n Esta función calcula los colores de los estados a partir de la definición\n * pasada.\n */\nexport default function getColorsAndStatesByDefinition(\n definition: Partial<TGetColorStateDefinition>,\n\n palette: TParsedPalette,\n options?: TGetColorsAndStatesOptions,\n) {\n const active = getColorState(definition, 'active', palette);\n const checked = getColorState(definition, 'checked', palette);\n const disabled = getColorState(definition, 'disabled', palette);\n const focus = options?.states?.focus\n ? getColorState(definition, 'focus', palette)\n : {};\n const hover = getColorState(definition, 'hover', palette);\n const readonly = getColorState(definition, 'readonly', palette);\n const selected = getColorState(definition, 'selected', palette);\n\n return merge(\n options?.states?.default !== false\n ? getColorsByDefinition(definition)\n : null,\n options?.states?.checked !== false\n ? buildStateObject(checked, 'checked')\n : {},\n options?.states?.focus !== false ? buildStateObject(focus, 'focus') : {},\n options?.states?.hover !== false ? buildStateObject(hover, 'hover') : {},\n options?.states?.active !== false ? buildStateObject(active, 'active') : {},\n options?.states?.selected !== false\n ? buildStateObject(selected, 'selected')\n : {},\n options?.states?.disabled !== false\n ? buildStateObject(disabled, 'disabled')\n : {},\n options?.states?.readonly !== false\n ? buildStateObject(readonly, 'readonly')\n : {},\n options?.mergeObject,\n ) as ThemeUICSSObject;\n}\n"],"names":[],"mappings":";;;;;AAYwB,SAAA,8BAAA,CACtB,UAEA,EAAA,OAAA,EACA,OACA,EAAA;AACA,EAAA,MAAM,MAAS,GAAA,aAAA,CAAc,UAAY,EAAA,QAAA,EAAU,OAAO,CAAA,CAAA;AAC1D,EAAA,MAAM,OAAU,GAAA,aAAA,CAAc,UAAY,EAAA,SAAA,EAAW,OAAO,CAAA,CAAA;AAC5D,EAAA,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAC9D,EAAM,MAAA,KAAA,GAAQ,SAAS,MAAQ,EAAA,KAAA,GAC3B,cAAc,UAAY,EAAA,OAAA,EAAS,OAAO,CAAA,GAC1C,EAAC,CAAA;AACL,EAAA,MAAM,KAAQ,GAAA,aAAA,CAAc,UAAY,EAAA,OAAA,EAAS,OAAO,CAAA,CAAA;AACxD,EAAA,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAC9D,EAAA,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAE9D,EAAO,OAAA,KAAA;AAAA,IACL,SAAS,MAAQ,EAAA,OAAA,KAAY,KACzB,GAAA,qBAAA,CAAsB,UAAU,CAChC,GAAA,IAAA;AAAA,IACJ,OAAA,EAAS,QAAQ,OAAY,KAAA,KAAA,GACzB,iBAAiB,OAAS,EAAA,SAAS,IACnC,EAAC;AAAA,IACL,OAAA,EAAS,QAAQ,KAAU,KAAA,KAAA,GAAQ,iBAAiB,KAAO,EAAA,OAAO,IAAI,EAAC;AAAA,IACvE,OAAA,EAAS,QAAQ,KAAU,KAAA,KAAA,GAAQ,iBAAiB,KAAO,EAAA,OAAO,IAAI,EAAC;AAAA,IACvE,OAAA,EAAS,QAAQ,MAAW,KAAA,KAAA,GAAQ,iBAAiB,MAAQ,EAAA,QAAQ,IAAI,EAAC;AAAA,IAC1E,OAAA,EAAS,QAAQ,QAAa,KAAA,KAAA,GAC1B,iBAAiB,QAAU,EAAA,UAAU,IACrC,EAAC;AAAA,IACL,OAAA,EAAS,QAAQ,QAAa,KAAA,KAAA,GAC1B,iBAAiB,QAAU,EAAA,UAAU,IACrC,EAAC;AAAA,IACL,OAAA,EAAS,QAAQ,QAAa,KAAA,KAAA,GAC1B,iBAAiB,QAAU,EAAA,UAAU,IACrC,EAAC;AAAA,IACL,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}
1	+ {"version":3,"file":"getColorsAndStatesByDefinition.js","sources":["../../../../src/base/colors/util/getColorsAndStatesByDefinition.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\r\nimport { ThemeUICSSObject } from 'theme-ui';\r\nimport { TGetColorStateDefinition, TParsedPalette } from '../types';\r\nimport buildStateObject from './buildStateObject';\r\nimport { TGetColorsAndStatesOptions } from './getColorsAndStatesByPath';\r\nimport getColorsByDefinition from './getColorsByDefinition';\r\nimport getColorState from './getColorState';\r\n\r\n/*\r\n Esta función calcula los colores de los estados a partir de la definición\r\n * pasada.\r\n */\r\nexport default function getColorsAndStatesByDefinition(\r\n definition: Partial<TGetColorStateDefinition>,\r\n\r\n palette: TParsedPalette,\r\n options?: TGetColorsAndStatesOptions,\r\n) {\r\n const active = getColorState(definition, 'active', palette);\r\n const checked = getColorState(definition, 'checked', palette);\r\n const disabled = getColorState(definition, 'disabled', palette);\r\n const focus = options?.states?.focus\r\n ? getColorState(definition, 'focus', palette)\r\n : {};\r\n const hover = getColorState(definition, 'hover', palette);\r\n const readonly = getColorState(definition, 'readonly', palette);\r\n const selected = getColorState(definition, 'selected', palette);\r\n\r\n return merge(\r\n options?.states?.default !== false\r\n ? getColorsByDefinition(definition)\r\n : null,\r\n options?.states?.checked !== false\r\n ? buildStateObject(checked, 'checked')\r\n : {},\r\n options?.states?.focus !== false ? buildStateObject(focus, 'focus') : {},\r\n options?.states?.hover !== false ? buildStateObject(hover, 'hover') : {},\r\n options?.states?.active !== false ? buildStateObject(active, 'active') : {},\r\n options?.states?.selected !== false\r\n ? buildStateObject(selected, 'selected')\r\n : {},\r\n options?.states?.disabled !== false\r\n ? buildStateObject(disabled, 'disabled')\r\n : {},\r\n options?.states?.readonly !== false\r\n ? buildStateObject(readonly, 'readonly')\r\n : {},\r\n options?.mergeObject,\r\n ) as ThemeUICSSObject;\r\n}\r\n"],"names":[],"mappings":";;;;;AAYwB,SAAA,8BAAA,CACtB,UAEA,EAAA,OAAA,EACA,OACA,EAAA;AACA,EAAA,MAAM,MAAS,GAAA,aAAA,CAAc,UAAY,EAAA,QAAA,EAAU,OAAO,CAAA,CAAA;AAC1D,EAAA,MAAM,OAAU,GAAA,aAAA,CAAc,UAAY,EAAA,SAAA,EAAW,OAAO,CAAA,CAAA;AAC5D,EAAA,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAC9D,EAAM,MAAA,KAAA,GAAQ,SAAS,MAAQ,EAAA,KAAA,GAC3B,cAAc,UAAY,EAAA,OAAA,EAAS,OAAO,CAAA,GAC1C,EAAC,CAAA;AACL,EAAA,MAAM,KAAQ,GAAA,aAAA,CAAc,UAAY,EAAA,OAAA,EAAS,OAAO,CAAA,CAAA;AACxD,EAAA,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAC9D,EAAA,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAE9D,EAAO,OAAA,KAAA;AAAA,IACL,SAAS,MAAQ,EAAA,OAAA,KAAY,KACzB,GAAA,qBAAA,CAAsB,UAAU,CAChC,GAAA,IAAA;AAAA,IACJ,OAAA,EAAS,QAAQ,OAAY,KAAA,KAAA,GACzB,iBAAiB,OAAS,EAAA,SAAS,IACnC,EAAC;AAAA,IACL,OAAA,EAAS,QAAQ,KAAU,KAAA,KAAA,GAAQ,iBAAiB,KAAO,EAAA,OAAO,IAAI,EAAC;AAAA,IACvE,OAAA,EAAS,QAAQ,KAAU,KAAA,KAAA,GAAQ,iBAAiB,KAAO,EAAA,OAAO,IAAI,EAAC;AAAA,IACvE,OAAA,EAAS,QAAQ,MAAW,KAAA,KAAA,GAAQ,iBAAiB,MAAQ,EAAA,QAAQ,IAAI,EAAC;AAAA,IAC1E,OAAA,EAAS,QAAQ,QAAa,KAAA,KAAA,GAC1B,iBAAiB,QAAU,EAAA,UAAU,IACrC,EAAC;AAAA,IACL,OAAA,EAAS,QAAQ,QAAa,KAAA,KAAA,GAC1B,iBAAiB,QAAU,EAAA,UAAU,IACrC,EAAC;AAAA,IACL,OAAA,EAAS,QAAQ,QAAa,KAAA,KAAA,GAC1B,iBAAiB,QAAU,EAAA,UAAU,IACrC,EAAC;AAAA,IACL,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}

package/dist/base/colors/util/getColorsAndStatesByPath.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getColorsAndStatesByPath.js","sources":["../../../../src/base/colors/util/getColorsAndStatesByPath.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport merge from 'lodash-es/merge';\nimport buildStateObject from './buildStateObject';\nimport getColorsByPath from './getColorsByPath';\n// import buildColorsObject from './buildColorsObject';\n// import getColorState from './getColorState';\n\nexport interface TGetColorsAndStatesOptions {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n mergeObject?: Record<string, any>;\n states?: {\n active?: boolean;\n checked?: boolean;\n default?: boolean;\n disabled?: boolean;\n focus?: boolean;\n hover?: boolean;\n readonly?: boolean;\n path?: boolean;\n selected?: boolean;\n };\n}\n\n/*\n Esta función es útil para devolver los estados calculados por la aplicación\n * dentro del objeto colors de ThemeUI. Si se desea calcular los estados en\n * base a un color, se debe utilizar el método getColorsAndStatesByColor.\n */\nexport default function getColorsAndStatesByPath(\n incomingPath: string,\n options?: TGetColorsAndStatesOptions,\n) {\n const active = getColorsByPath(`${incomingPath}.active`, options);\n const checked = getColorsByPath(`${incomingPath}.checked`, options);\n const disabled = {\n cursor: 'not-allowed',\n ...getColorsByPath(`${incomingPath}.disabled`, options),\n };\n const hover = getColorsByPath(`${incomingPath}.hover`, options);\n const focus =\n options?.states?.focus !== false\n ? getColorsByPath(`${incomingPath}.focus`, options)\n : {};\n const readonly = {\n cursor: 'notAllowed',\n ...getColorsByPath(`${incomingPath}.readonly`, options),\n };\n const selected = getColorsByPath(`${incomingPath}.selected`, options);\n\n return merge(\n {\n ...(options?.states?.default !== false\n ? getColorsByPath(incomingPath, options)\n : null),\n ...(options?.states?.checked !== false\n ? buildStateObject(checked, 'checked')\n : null),\n ...buildStateObject(focus, 'focus'),\n ...(options?.states?.hover !== false\n ? buildStateObject(hover, 'hover')\n : null),\n ...(options?.states?.selected !== false\n ? buildStateObject(selected, 'selected')\n : null),\n ...(options?.states?.active !== false\n ? buildStateObject(active, 'active')\n : null),\n ...(options?.states?.disabled !== false\n ? buildStateObject(disabled, 'disabled')\n : null),\n ...(options?.states?.readonly !== false\n ? buildStateObject(readonly, 'readonly')\n : null),\n ...(options?.states?.path !== false\n ? { path: { fill: `currentColor` } }\n : null),\n },\n options?.mergeObject,\n ) as Record<string, ThemeUICSSObject>;\n}\n"],"names":[],"mappings":";;;;AA4BwB,SAAA,wBAAA,CACtB,cACA,OACA,EAAA;AACA,EAAA,MAAM,MAAS,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,WAAW,OAAO,CAAA,CAAA;AAChE,EAAA,MAAM,OAAU,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,YAAY,OAAO,CAAA,CAAA;AAClE,EAAA,MAAM,QAAW,GAAA;AAAA,IACf,MAAQ,EAAA,aAAA;AAAA,IACR,GAAG,eAAA,CAAgB,CAAG,EAAA,YAAY,aAAa,OAAO,CAAA;AAAA,GACxD,CAAA;AACA,EAAA,MAAM,KAAQ,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,UAAU,OAAO,CAAA,CAAA;AAC9D,EAAM,MAAA,KAAA,GACJ,OAAS,EAAA,MAAA,EAAQ,KAAU,KAAA,KAAA,GACvB,eAAgB,CAAA,CAAA,EAAG,YAAY,CAAA,MAAA,CAAA,EAAU,OAAO,CAAA,GAChD,EAAC,CAAA;AACP,EAAA,MAAM,QAAW,GAAA;AAAA,IACf,MAAQ,EAAA,YAAA;AAAA,IACR,GAAG,eAAA,CAAgB,CAAG,EAAA,YAAY,aAAa,OAAO,CAAA;AAAA,GACxD,CAAA;AACA,EAAA,MAAM,QAAW,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,aAAa,OAAO,CAAA,CAAA;AAEpE,EAAO,OAAA,KAAA;AAAA,IACL;AAAA,MACE,GAAI,SAAS,MAAQ,EAAA,OAAA,KAAY,QAC7B,eAAgB,CAAA,YAAA,EAAc,OAAO,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,OAAA,KAAY,QAC7B,gBAAiB,CAAA,OAAA,EAAS,SAAS,CACnC,GAAA,IAAA;AAAA,MACJ,GAAG,gBAAiB,CAAA,KAAA,EAAO,OAAO,CAAA;AAAA,MAClC,GAAI,SAAS,MAAQ,EAAA,KAAA,KAAU,QAC3B,gBAAiB,CAAA,KAAA,EAAO,OAAO,CAC/B,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,QAAA,KAAa,QAC9B,gBAAiB,CAAA,QAAA,EAAU,UAAU,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,MAAA,KAAW,QAC5B,gBAAiB,CAAA,MAAA,EAAQ,QAAQ,CACjC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,QAAA,KAAa,QAC9B,gBAAiB,CAAA,QAAA,EAAU,UAAU,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,QAAA,KAAa,QAC9B,gBAAiB,CAAA,QAAA,EAAU,UAAU,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,OAAS,EAAA,MAAA,EAAQ,IAAS,KAAA,KAAA,GAC1B,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,CAAe,YAAA,CAAA,EAAA,EAC/B,GAAA,IAAA;AAAA,KACN;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}
1	+ {"version":3,"file":"getColorsAndStatesByPath.js","sources":["../../../../src/base/colors/util/getColorsAndStatesByPath.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport merge from 'lodash-es/merge';\r\nimport buildStateObject from './buildStateObject';\r\nimport getColorsByPath from './getColorsByPath';\r\n// import buildColorsObject from './buildColorsObject';\r\n// import getColorState from './getColorState';\r\n\r\nexport interface TGetColorsAndStatesOptions {\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mergeObject?: Record<string, any>;\r\n states?: {\r\n active?: boolean;\r\n checked?: boolean;\r\n default?: boolean;\r\n disabled?: boolean;\r\n focus?: boolean;\r\n hover?: boolean;\r\n readonly?: boolean;\r\n path?: boolean;\r\n selected?: boolean;\r\n };\r\n}\r\n\r\n/*\r\n Esta función es útil para devolver los estados calculados por la aplicación\r\n * dentro del objeto colors de ThemeUI. Si se desea calcular los estados en\r\n * base a un color, se debe utilizar el método getColorsAndStatesByColor.\r\n */\r\nexport default function getColorsAndStatesByPath(\r\n incomingPath: string,\r\n options?: TGetColorsAndStatesOptions,\r\n) {\r\n const active = getColorsByPath(`${incomingPath}.active`, options);\r\n const checked = getColorsByPath(`${incomingPath}.checked`, options);\r\n const disabled = {\r\n cursor: 'not-allowed',\r\n ...getColorsByPath(`${incomingPath}.disabled`, options),\r\n };\r\n const hover = getColorsByPath(`${incomingPath}.hover`, options);\r\n const focus =\r\n options?.states?.focus !== false\r\n ? getColorsByPath(`${incomingPath}.focus`, options)\r\n : {};\r\n const readonly = {\r\n cursor: 'notAllowed',\r\n ...getColorsByPath(`${incomingPath}.readonly`, options),\r\n };\r\n const selected = getColorsByPath(`${incomingPath}.selected`, options);\r\n\r\n return merge(\r\n {\r\n ...(options?.states?.default !== false\r\n ? getColorsByPath(incomingPath, options)\r\n : null),\r\n ...(options?.states?.checked !== false\r\n ? buildStateObject(checked, 'checked')\r\n : null),\r\n ...buildStateObject(focus, 'focus'),\r\n ...(options?.states?.hover !== false\r\n ? buildStateObject(hover, 'hover')\r\n : null),\r\n ...(options?.states?.selected !== false\r\n ? buildStateObject(selected, 'selected')\r\n : null),\r\n ...(options?.states?.active !== false\r\n ? buildStateObject(active, 'active')\r\n : null),\r\n ...(options?.states?.disabled !== false\r\n ? buildStateObject(disabled, 'disabled')\r\n : null),\r\n ...(options?.states?.readonly !== false\r\n ? buildStateObject(readonly, 'readonly')\r\n : null),\r\n ...(options?.states?.path !== false\r\n ? { path: { fill: `currentColor` } }\r\n : null),\r\n },\r\n options?.mergeObject,\r\n ) as Record<string, ThemeUICSSObject>;\r\n}\r\n"],"names":[],"mappings":";;;;AA4BwB,SAAA,wBAAA,CACtB,cACA,OACA,EAAA;AACA,EAAA,MAAM,MAAS,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,WAAW,OAAO,CAAA,CAAA;AAChE,EAAA,MAAM,OAAU,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,YAAY,OAAO,CAAA,CAAA;AAClE,EAAA,MAAM,QAAW,GAAA;AAAA,IACf,MAAQ,EAAA,aAAA;AAAA,IACR,GAAG,eAAA,CAAgB,CAAG,EAAA,YAAY,aAAa,OAAO,CAAA;AAAA,GACxD,CAAA;AACA,EAAA,MAAM,KAAQ,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,UAAU,OAAO,CAAA,CAAA;AAC9D,EAAM,MAAA,KAAA,GACJ,OAAS,EAAA,MAAA,EAAQ,KAAU,KAAA,KAAA,GACvB,eAAgB,CAAA,CAAA,EAAG,YAAY,CAAA,MAAA,CAAA,EAAU,OAAO,CAAA,GAChD,EAAC,CAAA;AACP,EAAA,MAAM,QAAW,GAAA;AAAA,IACf,MAAQ,EAAA,YAAA;AAAA,IACR,GAAG,eAAA,CAAgB,CAAG,EAAA,YAAY,aAAa,OAAO,CAAA;AAAA,GACxD,CAAA;AACA,EAAA,MAAM,QAAW,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,aAAa,OAAO,CAAA,CAAA;AAEpE,EAAO,OAAA,KAAA;AAAA,IACL;AAAA,MACE,GAAI,SAAS,MAAQ,EAAA,OAAA,KAAY,QAC7B,eAAgB,CAAA,YAAA,EAAc,OAAO,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,OAAA,KAAY,QAC7B,gBAAiB,CAAA,OAAA,EAAS,SAAS,CACnC,GAAA,IAAA;AAAA,MACJ,GAAG,gBAAiB,CAAA,KAAA,EAAO,OAAO,CAAA;AAAA,MAClC,GAAI,SAAS,MAAQ,EAAA,KAAA,KAAU,QAC3B,gBAAiB,CAAA,KAAA,EAAO,OAAO,CAC/B,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,QAAA,KAAa,QAC9B,gBAAiB,CAAA,QAAA,EAAU,UAAU,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,MAAA,KAAW,QAC5B,gBAAiB,CAAA,MAAA,EAAQ,QAAQ,CACjC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,QAAA,KAAa,QAC9B,gBAAiB,CAAA,QAAA,EAAU,UAAU,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,QAAA,KAAa,QAC9B,gBAAiB,CAAA,QAAA,EAAU,UAAU,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,OAAS,EAAA,MAAA,EAAQ,IAAS,KAAA,KAAA,GAC1B,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,CAAe,YAAA,CAAA,EAAA,EAC/B,GAAA,IAAA;AAAA,KACN;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}

package/dist/base/colors/util/getColorsByDefinition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getColorsByDefinition.js","sources":["../../../../src/base/colors/util/getColorsByDefinition.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport { TGetColorStateDefinition } from '../types';\nimport buildColorsObject from './buildColorsObject';\n\n/*\n Esta función arma un objeto con los colores que se deben aplicar para\n * garantizar que el resultado sea el esperado, por ejemplo, al aplicar un\n * color a un border. Esto es así ya que en ThemeUI hay situaciones en las que\n * si no se aplican el color de borde a cada uno de los lados, no se aplica el\n * color deseado.\n \n Ejemplo de lo antedicho es:\n \n borderRight: '1px solid',\n * borderColor: 'red'.\n \n En este caso, el borde derecho no será rojo como se espera, ya que la\n * propiedad borderRight aplicará un borderRightColor: 'initial', que solamente\n * puede ser reescrito por borderRightColor: 'red'.\n */\nexport default function getColorsByDefinition(\n definition: Partial<TGetColorStateDefinition>,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n options?: { mergeObject?: Record<string, any> },\n) {\n return merge(\n buildColorsObject({\n ...(definition.color ? { color: definition.color } : null),\n ...(definition.backgroundColor\n ? { backgroundColor: definition.backgroundColor }\n : null),\n ...(definition.borderColor\n ? {\n borderColor: definition.borderColor,\n }\n : null),\n }),\n options?.mergeObject,\n );\n}\n"],"names":[],"mappings":";;;AAoBwB,SAAA,qBAAA,CACtB,YAEA,OACA,EAAA;AACA,EAAO,OAAA,KAAA;AAAA,IACL,iBAAkB,CAAA;AAAA,MAChB,GAAI,UAAW,CAAA,KAAA,GAAQ,EAAE,KAAO,EAAA,UAAA,CAAW,OAAU,GAAA,IAAA;AAAA,MACrD,GAAI,UAAW,CAAA,eAAA,GACX,EAAE,eAAiB,EAAA,UAAA,CAAW,iBAC9B,GAAA,IAAA;AAAA,MACJ,GAAI,WAAW,WACX,GAAA;AAAA,QACE,aAAa,UAAW,CAAA,WAAA;AAAA,OAE1B,GAAA,IAAA;AAAA,KACL,CAAA;AAAA,IACD,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}
1	+ {"version":3,"file":"getColorsByDefinition.js","sources":["../../../../src/base/colors/util/getColorsByDefinition.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\r\nimport { TGetColorStateDefinition } from '../types';\r\nimport buildColorsObject from './buildColorsObject';\r\n\r\n/*\r\n Esta función arma un objeto con los colores que se deben aplicar para\r\n * garantizar que el resultado sea el esperado, por ejemplo, al aplicar un\r\n * color a un border. Esto es así ya que en ThemeUI hay situaciones en las que\r\n * si no se aplican el color de borde a cada uno de los lados, no se aplica el\r\n * color deseado.\r\n \r\n Ejemplo de lo antedicho es:\r\n \r\n borderRight: '1px solid',\r\n * borderColor: 'red'.\r\n \r\n En este caso, el borde derecho no será rojo como se espera, ya que la\r\n * propiedad borderRight aplicará un borderRightColor: 'initial', que solamente\r\n * puede ser reescrito por borderRightColor: 'red'.\r\n */\r\nexport default function getColorsByDefinition(\r\n definition: Partial<TGetColorStateDefinition>,\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n options?: { mergeObject?: Record<string, any> },\r\n) {\r\n return merge(\r\n buildColorsObject({\r\n ...(definition.color ? { color: definition.color } : null),\r\n ...(definition.backgroundColor\r\n ? { backgroundColor: definition.backgroundColor }\r\n : null),\r\n ...(definition.borderColor\r\n ? {\r\n borderColor: definition.borderColor,\r\n }\r\n : null),\r\n }),\r\n options?.mergeObject,\r\n );\r\n}\r\n"],"names":[],"mappings":";;;AAoBwB,SAAA,qBAAA,CACtB,YAEA,OACA,EAAA;AACA,EAAO,OAAA,KAAA;AAAA,IACL,iBAAkB,CAAA;AAAA,MAChB,GAAI,UAAW,CAAA,KAAA,GAAQ,EAAE,KAAO,EAAA,UAAA,CAAW,OAAU,GAAA,IAAA;AAAA,MACrD,GAAI,UAAW,CAAA,eAAA,GACX,EAAE,eAAiB,EAAA,UAAA,CAAW,iBAC9B,GAAA,IAAA;AAAA,MACJ,GAAI,WAAW,WACX,GAAA;AAAA,QACE,aAAa,UAAW,CAAA,WAAA;AAAA,OAE1B,GAAA,IAAA;AAAA,KACL,CAAA;AAAA,IACD,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}

package/dist/base/colors/util/getColorsByPath.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getColorsByPath.js","sources":["../../../../src/base/colors/util/getColorsByPath.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport buildColorsObject from './buildColorsObject';\n\n/*\n Esta función NO CALCULA ningún color, simplemente devuelve un objeto con las\n * rutas de color con el formato de ThemeUI. Es útil cuando se desea aplicar\n * colores definidos en el objeto colors.\n \n Si se desea generar un objeto con los colores a partir de una definición de\n * colores del tipo TGetColorStateDefinition se debe utilizar el método\n * getColorsByDefinition.\n */\nexport default function getColorsByPath(\n path: string,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n options?: { mergeObject?: Record<string, any> },\n) {\n return merge(\n buildColorsObject({\n color: `${path}.color`,\n backgroundColor: `${path}.backgroundColor`,\n borderColor: `${path}.borderColor`,\n }),\n options?.mergeObject,\n );\n}\n"],"names":[],"mappings":";;;AAYwB,SAAA,eAAA,CACtB,MAEA,OACA,EAAA;AACA,EAAO,OAAA,KAAA;AAAA,IACL,iBAAkB,CAAA;AAAA,MAChB,KAAA,EAAO,GAAG,IAAI,CAAA,MAAA,CAAA;AAAA,MACd,eAAA,EAAiB,GAAG,IAAI,CAAA,gBAAA,CAAA;AAAA,MACxB,WAAA,EAAa,GAAG,IAAI,CAAA,YAAA,CAAA;AAAA,KACrB,CAAA;AAAA,IACD,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}
1	+ {"version":3,"file":"getColorsByPath.js","sources":["../../../../src/base/colors/util/getColorsByPath.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\r\nimport buildColorsObject from './buildColorsObject';\r\n\r\n/*\r\n Esta función NO CALCULA ningún color, simplemente devuelve un objeto con las\r\n * rutas de color con el formato de ThemeUI. Es útil cuando se desea aplicar\r\n * colores definidos en el objeto colors.\r\n \r\n Si se desea generar un objeto con los colores a partir de una definición de\r\n * colores del tipo TGetColorStateDefinition se debe utilizar el método\r\n * getColorsByDefinition.\r\n */\r\nexport default function getColorsByPath(\r\n path: string,\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n options?: { mergeObject?: Record<string, any> },\r\n) {\r\n return merge(\r\n buildColorsObject({\r\n color: `${path}.color`,\r\n backgroundColor: `${path}.backgroundColor`,\r\n borderColor: `${path}.borderColor`,\r\n }),\r\n options?.mergeObject,\r\n );\r\n}\r\n"],"names":[],"mappings":";;;AAYwB,SAAA,eAAA,CACtB,MAEA,OACA,EAAA;AACA,EAAO,OAAA,KAAA;AAAA,IACL,iBAAkB,CAAA;AAAA,MAChB,KAAA,EAAO,GAAG,IAAI,CAAA,MAAA,CAAA;AAAA,MACd,eAAA,EAAiB,GAAG,IAAI,CAAA,gBAAA,CAAA;AAAA,MACxB,WAAA,EAAa,GAAG,IAAI,CAAA,YAAA,CAAA;AAAA,KACrB,CAAA;AAAA,IACD,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}

package/dist/base/colors/util/getOneColorState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getOneColorState.js","sources":["../../../../src/base/colors/util/getOneColorState.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\n\nimport { TColorStateRetriever, TActionDefinition } from '../types';\n\n/*\n\n Este método acepta un color y aplica el estado pasado como segundo\n\n * parámetro. De esta forma se puede obtener el color correspondiente al estado\n\n * calculado automáticamente por la aplicación.\n\n /\n\nconst getOneColorState: TColorStateRetriever = (color, state, palette) => {\n if (typeof color !== 'string') return '';\n if (state === 'default') return color;\n\n const actualState = state === 'checked' ? 'selected' : state;\n\n const opacity: number = palette.action[\n `${state}Opacity` as keyof TActionDefinition\n ] as number;\n\n return tinycolor\n\n .mix(\n color,\n\n tinycolor(color).isLight()\n ? palette.action[actualState].light\n : palette.action[actualState].dark,\n\n 100 opacity,\n )\n\n .toRgbString();\n};\n\nexport default getOneColorState;\n"],"names":[],"mappings":";;AAcA,MAAM,gBAAyC,GAAA,CAAC,KAAO,EAAA,KAAA,EAAO,OAAY,KAAA;AACxE,EAAA,IAAI,OAAO,KAAU,KAAA,QAAA;AAAU,IAAO,OAAA,EAAA,CAAA;AACtC,EAAA,IAAI,KAAU,KAAA,SAAA;AAAW,IAAO,OAAA,KAAA,CAAA;AAEhC,EAAM,MAAA,WAAA,GAAc,KAAU,KAAA,SAAA,GAAY,UAAa,GAAA,KAAA,CAAA;AAEvD,EAAA,MAAM,OAAkB,GAAA,OAAA,CAAQ,MAC9B,CAAA,CAAA,EAAG,KAAK,CACV,OAAA,CAAA,CAAA,CAAA;AAEA,EAAA,OAAO,SAEJ,CAAA,GAAA;AAAA,IACC,KAAA;AAAA,IAEA,SAAU,CAAA,KAAK,CAAE,CAAA,OAAA,EACb,GAAA,OAAA,CAAQ,MAAO,CAAA,WAAW,CAAE,CAAA,KAAA,GAC5B,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,IAAA;AAAA,IAEhC,GAAM,GAAA,OAAA;AAAA,IAGP,WAAY,EAAA,CAAA;AACjB;;;;"}
1	+ {"version":3,"file":"getOneColorState.js","sources":["../../../../src/base/colors/util/getOneColorState.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\r\n\r\nimport { TColorStateRetriever, TActionDefinition } from '../types';\r\n\r\n/*\r\n\r\n Este método acepta un color y aplica el estado pasado como segundo\r\n\r\n * parámetro. De esta forma se puede obtener el color correspondiente al estado\r\n\r\n * calculado automáticamente por la aplicación.\r\n\r\n /\r\n\r\nconst getOneColorState: TColorStateRetriever = (color, state, palette) => {\r\n if (typeof color !== 'string') return '';\r\n if (state === 'default') return color;\r\n\r\n const actualState = state === 'checked' ? 'selected' : state;\r\n\r\n const opacity: number = palette.action[\r\n `${state}Opacity` as keyof TActionDefinition\r\n ] as number;\r\n\r\n return tinycolor\r\n\r\n .mix(\r\n color,\r\n\r\n tinycolor(color).isLight()\r\n ? palette.action[actualState].light\r\n : palette.action[actualState].dark,\r\n\r\n 100 opacity,\r\n )\r\n\r\n .toRgbString();\r\n};\r\n\r\nexport default getOneColorState;\r\n"],"names":[],"mappings":";;AAcA,MAAM,gBAAyC,GAAA,CAAC,KAAO,EAAA,KAAA,EAAO,OAAY,KAAA;AACxE,EAAA,IAAI,OAAO,KAAU,KAAA,QAAA;AAAU,IAAO,OAAA,EAAA,CAAA;AACtC,EAAA,IAAI,KAAU,KAAA,SAAA;AAAW,IAAO,OAAA,KAAA,CAAA;AAEhC,EAAM,MAAA,WAAA,GAAc,KAAU,KAAA,SAAA,GAAY,UAAa,GAAA,KAAA,CAAA;AAEvD,EAAA,MAAM,OAAkB,GAAA,OAAA,CAAQ,MAC9B,CAAA,CAAA,EAAG,KAAK,CACV,OAAA,CAAA,CAAA,CAAA;AAEA,EAAA,OAAO,SAEJ,CAAA,GAAA;AAAA,IACC,KAAA;AAAA,IAEA,SAAU,CAAA,KAAK,CAAE,CAAA,OAAA,EACb,GAAA,OAAA,CAAQ,MAAO,CAAA,WAAW,CAAE,CAAA,KAAA,GAC5B,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,IAAA;AAAA,IAEhC,GAAM,GAAA,OAAA;AAAA,IAGP,WAAY,EAAA,CAAA;AACjB;;;;"}

package/dist/base/colors/util/parsePalette.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"parsePalette.js","sources":["../../../../src/base/colors/util/parsePalette.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument /\n/ eslint-disable @typescript-eslint/no-explicit-any /\nimport cloneDeep from 'lodash-es/cloneDeep';\nimport {\n TParsedPalette,\n isColorDefinition,\n IActionOpacity,\n IColorDefinition,\n TCustomPalette,\n} from '../types';\nimport { defaultLighten, defaultDarken, defaultGetContrastText } from '../util';\nimport applyStatesGetColor from './applyStatesGetColor';\nimport buildStateObject from './buildStateObject';\nimport getColorsAndStatesByPath from './getColorsAndStatesByPath';\nimport getColorState from './getColorState';\nimport getColorStates from './getColorStates';\nimport getOneColorState from './getOneColorState';\nimport buildColorsObject from './buildColorsObject';\nimport applyStates from './applyStates';\nimport getColorsAndStatesByDefinition from './getColorsAndStatesByDefinition';\nimport { getSelectedColors } from '..';\nimport getColorsByPath from './getColorsByPath';\n\nfunction paletteFunction(callback: (...args: any[]) => unknown): any {\n return (...args: any[]) => {\n const firstParameter = args[0];\n let isFirstParameterATheme = false;\n\n const themeProps = [\n 'fontSizes',\n 'breakpoints',\n 'fonts',\n 'lineHeights',\n 'letterSpacings',\n 'radii',\n 'zIndices',\n 'useRootStyles',\n ];\n /\n In this block, I must decide if the first argument is a theme or\n * not\n /\n if (firstParameter instanceof Object && firstParameter !== null) {\n const firstParameterKeys = Object.keys(firstParameter);\n for (const key of firstParameterKeys) {\n if (themeProps.includes(key)) {\n isFirstParameterATheme = true;\n break;\n }\n }\n }\n\n if (isFirstParameterATheme) {\n /* Do nothing /\n } else {\n return callback(...args);\n }\n };\n}\n\nexport default function parsePalette(palette: TCustomPalette) {\n const newPalette: TParsedPalette = cloneDeep(palette) as TParsedPalette;\n\n // Put methods\n newPalette.lightenColor = paletteFunction(\n palette.lightenColor ??\n ((color: string, ratio?: number) => {\n return defaultLighten(color, ratio ?? palette.lightenRatio);\n }),\n );\n newPalette.darkenColor = paletteFunction(\n palette.darkenColor ??\n ((color: string, ratio?: number) => {\n return defaultDarken(color, ratio ?? palette.darkenRatio);\n }),\n );\n newPalette.getContrastText = paletteFunction(\n palette.getContrastText ?? defaultGetContrastText,\n );\n\n // Fill colors\n Object.entries(palette).forEach(([key, value]) => {\n const castedValue = value as string \| number \| IColorDefinition;\n if (isColorDefinition(castedValue)) {\n (newPalette as Record<string, unknown>)[key] = {\n main: castedValue.main,\n light: castedValue.light ?? newPalette.lightenColor(castedValue.main),\n dark: castedValue.dark ?? newPalette.darkenColor(castedValue.main),\n contrastText:\n castedValue.contrastText ??\n newPalette.getContrastText(castedValue.main),\n };\n } else {\n (newPalette as Record<string, unknown>)[key] = value;\n }\n });\n\n // Draw borders\n newPalette.border.article =\n newPalette.border.article ?? newPalette.secondary.main;\n newPalette.border.field = newPalette.border.field ?? newPalette.text.primary;\n newPalette.border.section =\n newPalette.border.section ?? newPalette.primary.main;\n\n // Define actions\n function parseAction(action: string \| IActionOpacity): IActionOpacity {\n if (typeof action === 'string')\n return {\n dark: action,\n light: action,\n };\n return {\n dark: action.dark ?? action.light,\n light: action.light ?? action.dark,\n };\n }\n\n newPalette.action.active = parseAction(newPalette.action.active);\n newPalette.action.disabled = parseAction(newPalette.action.disabled);\n newPalette.action.focus = parseAction(newPalette.action.focus);\n newPalette.action.hover = parseAction(newPalette.action.hover);\n newPalette.action.readonly = parseAction(newPalette.action.readonly);\n newPalette.action.selected = parseAction(newPalette.action.selected);\n\n newPalette.gray = newPalette.gray ?? {};\n for (let i = 1; i <= 18; i++) {\n const index = Math.round(((255 - 255 / 18) / 18) i);\n newPalette.gray[(i * 50) as keyof typeof newPalette.gray] =\n newPalette.gray[(i * 50) as keyof typeof newPalette.gray] ??\n `rgb(${index},${index},${index})`;\n }\n\n newPalette.applyStates = paletteFunction(applyStates);\n newPalette.buildColorsObject = paletteFunction(buildColorsObject);\n newPalette.buildStateObject = paletteFunction(buildStateObject);\n newPalette.getColor = paletteFunction((color, state) =>\n getOneColorState(color, state, newPalette),\n );\n newPalette.getStatesForColors = paletteFunction((definition, states) =>\n applyStatesGetColor(definition, newPalette, states),\n );\n newPalette.getOneState = paletteFunction((definition, state) =>\n getColorState(definition, state, newPalette),\n );\n newPalette.getColorStates = paletteFunction((definition, state) =>\n getColorStates(definition, newPalette, state),\n );\n newPalette.getStatesFromDefinition = paletteFunction((definition, states) =>\n getColorsAndStatesByDefinition(definition, newPalette, states),\n );\n newPalette.getStatesFromPath = paletteFunction(getColorsAndStatesByPath);\n newPalette.getSelectedColors = paletteFunction(() =>\n getSelectedColors(newPalette),\n );\n newPalette.getColorsByPath = paletteFunction(getColorsByPath);\n return newPalette;\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"parsePalette.js","sources":["../../../../src/base/colors/util/parsePalette.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument /\r\n/ eslint-disable @typescript-eslint/no-explicit-any /\r\nimport cloneDeep from 'lodash-es/cloneDeep';\r\nimport {\r\n TParsedPalette,\r\n isColorDefinition,\r\n IActionOpacity,\r\n IColorDefinition,\r\n TCustomPalette,\r\n} from '../types';\r\nimport { defaultLighten, defaultDarken, defaultGetContrastText } from '../util';\r\nimport applyStatesGetColor from './applyStatesGetColor';\r\nimport buildStateObject from './buildStateObject';\r\nimport getColorsAndStatesByPath from './getColorsAndStatesByPath';\r\nimport getColorState from './getColorState';\r\nimport getColorStates from './getColorStates';\r\nimport getOneColorState from './getOneColorState';\r\nimport buildColorsObject from './buildColorsObject';\r\nimport applyStates from './applyStates';\r\nimport getColorsAndStatesByDefinition from './getColorsAndStatesByDefinition';\r\nimport { getSelectedColors } from '..';\r\nimport getColorsByPath from './getColorsByPath';\r\n\r\nfunction paletteFunction(callback: (...args: any[]) => unknown): any {\r\n return (...args: any[]) => {\r\n const firstParameter = args[0];\r\n let isFirstParameterATheme = false;\r\n\r\n const themeProps = [\r\n 'fontSizes',\r\n 'breakpoints',\r\n 'fonts',\r\n 'lineHeights',\r\n 'letterSpacings',\r\n 'radii',\r\n 'zIndices',\r\n 'useRootStyles',\r\n ];\r\n /\r\n In this block, I must decide if the first argument is a theme or\r\n * not\r\n /\r\n if (firstParameter instanceof Object && firstParameter !== null) {\r\n const firstParameterKeys = Object.keys(firstParameter);\r\n for (const key of firstParameterKeys) {\r\n if (themeProps.includes(key)) {\r\n isFirstParameterATheme = true;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (isFirstParameterATheme) {\r\n /* Do nothing /\r\n } else {\r\n return callback(...args);\r\n }\r\n };\r\n}\r\n\r\nexport default function parsePalette(palette: TCustomPalette) {\r\n const newPalette: TParsedPalette = cloneDeep(palette) as TParsedPalette;\r\n\r\n // Put methods\r\n newPalette.lightenColor = paletteFunction(\r\n palette.lightenColor ??\r\n ((color: string, ratio?: number) => {\r\n return defaultLighten(color, ratio ?? palette.lightenRatio);\r\n }),\r\n );\r\n newPalette.darkenColor = paletteFunction(\r\n palette.darkenColor ??\r\n ((color: string, ratio?: number) => {\r\n return defaultDarken(color, ratio ?? palette.darkenRatio);\r\n }),\r\n );\r\n newPalette.getContrastText = paletteFunction(\r\n palette.getContrastText ?? defaultGetContrastText,\r\n );\r\n\r\n // Fill colors\r\n Object.entries(palette).forEach(([key, value]) => {\r\n const castedValue = value as string \| number \| IColorDefinition;\r\n if (isColorDefinition(castedValue)) {\r\n (newPalette as Record<string, unknown>)[key] = {\r\n main: castedValue.main,\r\n light: castedValue.light ?? newPalette.lightenColor(castedValue.main),\r\n dark: castedValue.dark ?? newPalette.darkenColor(castedValue.main),\r\n contrastText:\r\n castedValue.contrastText ??\r\n newPalette.getContrastText(castedValue.main),\r\n };\r\n } else {\r\n (newPalette as Record<string, unknown>)[key] = value;\r\n }\r\n });\r\n\r\n // Draw borders\r\n newPalette.border.article =\r\n newPalette.border.article ?? newPalette.secondary.main;\r\n newPalette.border.field = newPalette.border.field ?? newPalette.text.primary;\r\n newPalette.border.section =\r\n newPalette.border.section ?? newPalette.primary.main;\r\n\r\n // Define actions\r\n function parseAction(action: string \| IActionOpacity): IActionOpacity {\r\n if (typeof action === 'string')\r\n return {\r\n dark: action,\r\n light: action,\r\n };\r\n return {\r\n dark: action.dark ?? action.light,\r\n light: action.light ?? action.dark,\r\n };\r\n }\r\n\r\n newPalette.action.active = parseAction(newPalette.action.active);\r\n newPalette.action.disabled = parseAction(newPalette.action.disabled);\r\n newPalette.action.focus = parseAction(newPalette.action.focus);\r\n newPalette.action.hover = parseAction(newPalette.action.hover);\r\n newPalette.action.readonly = parseAction(newPalette.action.readonly);\r\n newPalette.action.selected = parseAction(newPalette.action.selected);\r\n\r\n newPalette.gray = newPalette.gray ?? {};\r\n for (let i = 1; i <= 18; i++) {\r\n const index = Math.round(((255 - 255 / 18) / 18) i);\r\n newPalette.gray[(i * 50) as keyof typeof newPalette.gray] =\r\n newPalette.gray[(i * 50) as keyof typeof newPalette.gray] ??\r\n `rgb(${index},${index},${index})`;\r\n }\r\n\r\n newPalette.applyStates = paletteFunction(applyStates);\r\n newPalette.buildColorsObject = paletteFunction(buildColorsObject);\r\n newPalette.buildStateObject = paletteFunction(buildStateObject);\r\n newPalette.getColor = paletteFunction((color, state) =>\r\n getOneColorState(color, state, newPalette),\r\n );\r\n newPalette.getStatesForColors = paletteFunction((definition, states) =>\r\n applyStatesGetColor(definition, newPalette, states),\r\n );\r\n newPalette.getOneState = paletteFunction((definition, state) =>\r\n getColorState(definition, state, newPalette),\r\n );\r\n newPalette.getColorStates = paletteFunction((definition, state) =>\r\n getColorStates(definition, newPalette, state),\r\n );\r\n newPalette.getStatesFromDefinition = paletteFunction((definition, states) =>\r\n getColorsAndStatesByDefinition(definition, newPalette, states),\r\n );\r\n newPalette.getStatesFromPath = paletteFunction(getColorsAndStatesByPath);\r\n newPalette.getSelectedColors = paletteFunction(() =>\r\n getSelectedColors(newPalette),\r\n );\r\n newPalette.getColorsByPath = paletteFunction(getColorsByPath);\r\n return newPalette;\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/base/colors/util.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.js","sources":["../../../src/base/colors/util.ts"],"sourcesContent":["import clone from 'lodash-es/clone';\nimport tinycolor from 'tinycolor2';\n\nexport function defaultLighten(color: string, ratio?: number) {\n return tinycolor(color)\n .lighten(ratio ?? 20)\n .toRgbString();\n}\nexport function defaultDarken(color: string, ratio?: number) {\n return tinycolor(color)\n .darken(ratio ?? 20)\n .toRgbString();\n}\nexport function defaultGetContrastText(color: string) {\n const current = tinycolor(color);\n return tinycolor.readability('white', current) <\n tinycolor.readability('black', current)\n ? 'black'\n : 'white';\n}\n\nexport function getValueByPath(\n obj: Record<string, unknown>,\n path: string \| string[],\n separator = '.',\n): unknown {\n const actualPath = typeof path === 'string' ? path.split(separator) : path;\n if (typeof obj !== 'object' \|\| !obj) {\n if (actualPath.length === 0) return obj;\n return undefined;\n }\n const currentStep = actualPath.shift() as string;\n if (actualPath.length === 0) return obj[currentStep];\n return getValueByPath(\n obj[currentStep] as Record<string, unknown>,\n actualPath,\n separator,\n );\n}\n\nexport function setValueByPath(\n obj: Record<string, unknown>,\n path: string,\n value: unknown,\n) {\n if (path === '') return value as Record<string, unknown>;\n\n const steps = path.split('.');\n if (steps.length === 0) {\n console.warn(`An empty path was provoided ${path}`);\n return null;\n }\n const originalClonedObject = clone(obj ?? {});\n let currentObj = originalClonedObject;\n for (let i = 0; i < steps.length - 1; i++) {\n if (!currentObj[steps[i]]) currentObj[steps[i]] = {};\n if (typeof currentObj[steps[i]] === 'object') {\n currentObj = currentObj[steps[i]] as Record<string, unknown>;\n } else {\n console.info({\n originalObject: obj,\n originalPath: path,\n currentObj,\n currentStep: steps[i],\n });\n throw new Error(\n `The provided path ${path} cannot be applied due to it is not an object's path.`,\n );\n }\n }\n currentObj[steps.pop() as string] = value;\n return originalClonedObject;\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,cAAA,CAAe,OAAe,KAAgB,EAAA;AAC5D,EAAA,OAAO,UAAU,KAAK,CAAA,CACnB,QAAQ,KAAS,IAAA,EAAE,EACnB,WAAY,EAAA,CAAA;AACjB,CAAA;AACgB,SAAA,aAAA,CAAc,OAAe,KAAgB,EAAA;AAC3D,EAAA,OAAO,UAAU,KAAK,CAAA,CACnB,OAAO,KAAS,IAAA,EAAE,EAClB,WAAY,EAAA,CAAA;AACjB,CAAA;AACO,SAAS,uBAAuB,KAAe,EAAA;AACpD,EAAM,MAAA,OAAA,GAAU,UAAU,KAAK,CAAA,CAAA;AAC/B,EAAO,OAAA,SAAA,CAAU,WAAY,CAAA,OAAA,EAAS,OAAO,CAAA,GAC3C,UAAU,WAAY,CAAA,OAAA,EAAS,OAAO,CAAA,GACpC,OACA,GAAA,OAAA,CAAA;AACN,CAAA;AAEO,SAAS,cACd,CAAA,GAAA,EACA,IACA,EAAA,SAAA,GAAY,GACH,EAAA;AACT,EAAA,MAAM,aAAa,OAAO,IAAA,KAAS,WAAW,IAAK,CAAA,KAAA,CAAM,SAAS,CAAI,GAAA,IAAA,CAAA;AACtE,EAAA,IAAI,OAAO,GAAA,KAAQ,QAAY,IAAA,CAAC,GAAK,EAAA;AACnC,IAAA,IAAI,WAAW,MAAW,KAAA,CAAA;AAAG,MAAO,OAAA,GAAA,CAAA;AACpC,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT;AACA,EAAM,MAAA,WAAA,GAAc,WAAW,KAAM,EAAA,CAAA;AACrC,EAAA,IAAI,WAAW,MAAW,KAAA,CAAA;AAAG,IAAA,OAAO,IAAI,WAAW,CAAA,CAAA;AACnD,EAAO,OAAA,cAAA;AAAA,IACL,IAAI,WAAW,CAAA;AAAA,IACf,UAAA;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
1	+ {"version":3,"file":"util.js","sources":["../../../src/base/colors/util.ts"],"sourcesContent":["import clone from 'lodash-es/clone';\r\nimport tinycolor from 'tinycolor2';\r\n\r\nexport function defaultLighten(color: string, ratio?: number) {\r\n return tinycolor(color)\r\n .lighten(ratio ?? 20)\r\n .toRgbString();\r\n}\r\nexport function defaultDarken(color: string, ratio?: number) {\r\n return tinycolor(color)\r\n .darken(ratio ?? 20)\r\n .toRgbString();\r\n}\r\nexport function defaultGetContrastText(color: string) {\r\n const current = tinycolor(color);\r\n return tinycolor.readability('white', current) <\r\n tinycolor.readability('black', current)\r\n ? 'black'\r\n : 'white';\r\n}\r\n\r\nexport function getValueByPath(\r\n obj: Record<string, unknown>,\r\n path: string \| string[],\r\n separator = '.',\r\n): unknown {\r\n const actualPath = typeof path === 'string' ? path.split(separator) : path;\r\n if (typeof obj !== 'object' \|\| !obj) {\r\n if (actualPath.length === 0) return obj;\r\n return undefined;\r\n }\r\n const currentStep = actualPath.shift() as string;\r\n if (actualPath.length === 0) return obj[currentStep];\r\n return getValueByPath(\r\n obj[currentStep] as Record<string, unknown>,\r\n actualPath,\r\n separator,\r\n );\r\n}\r\n\r\nexport function setValueByPath(\r\n obj: Record<string, unknown>,\r\n path: string,\r\n value: unknown,\r\n) {\r\n if (path === '') return value as Record<string, unknown>;\r\n\r\n const steps = path.split('.');\r\n if (steps.length === 0) {\r\n console.warn(`An empty path was provoided ${path}`);\r\n return null;\r\n }\r\n const originalClonedObject = clone(obj ?? {});\r\n let currentObj = originalClonedObject;\r\n for (let i = 0; i < steps.length - 1; i++) {\r\n if (!currentObj[steps[i]]) currentObj[steps[i]] = {};\r\n if (typeof currentObj[steps[i]] === 'object') {\r\n currentObj = currentObj[steps[i]] as Record<string, unknown>;\r\n } else {\r\n console.info({\r\n originalObject: obj,\r\n originalPath: path,\r\n currentObj,\r\n currentStep: steps[i],\r\n });\r\n throw new Error(\r\n `The provided path ${path} cannot be applied due to it is not an object's path.`,\r\n );\r\n }\r\n }\r\n currentObj[steps.pop() as string] = value;\r\n return originalClonedObject;\r\n}\r\n"],"names":[],"mappings":";;AAGgB,SAAA,cAAA,CAAe,OAAe,KAAgB,EAAA;AAC5D,EAAA,OAAO,UAAU,KAAK,CAAA,CACnB,QAAQ,KAAS,IAAA,EAAE,EACnB,WAAY,EAAA,CAAA;AACjB,CAAA;AACgB,SAAA,aAAA,CAAc,OAAe,KAAgB,EAAA;AAC3D,EAAA,OAAO,UAAU,KAAK,CAAA,CACnB,OAAO,KAAS,IAAA,EAAE,EAClB,WAAY,EAAA,CAAA;AACjB,CAAA;AACO,SAAS,uBAAuB,KAAe,EAAA;AACpD,EAAM,MAAA,OAAA,GAAU,UAAU,KAAK,CAAA,CAAA;AAC/B,EAAO,OAAA,SAAA,CAAU,WAAY,CAAA,OAAA,EAAS,OAAO,CAAA,GAC3C,UAAU,WAAY,CAAA,OAAA,EAAS,OAAO,CAAA,GACpC,OACA,GAAA,OAAA,CAAA;AACN,CAAA;AAEO,SAAS,cACd,CAAA,GAAA,EACA,IACA,EAAA,SAAA,GAAY,GACH,EAAA;AACT,EAAA,MAAM,aAAa,OAAO,IAAA,KAAS,WAAW,IAAK,CAAA,KAAA,CAAM,SAAS,CAAI,GAAA,IAAA,CAAA;AACtE,EAAA,IAAI,OAAO,GAAA,KAAQ,QAAY,IAAA,CAAC,GAAK,EAAA;AACnC,IAAA,IAAI,WAAW,MAAW,KAAA,CAAA;AAAG,MAAO,OAAA,GAAA,CAAA;AACpC,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT;AACA,EAAM,MAAA,WAAA,GAAc,WAAW,KAAM,EAAA,CAAA;AACrC,EAAA,IAAI,WAAW,MAAW,KAAA,CAAA;AAAG,IAAA,OAAO,IAAI,WAAW,CAAA,CAAA;AACnD,EAAO,OAAA,cAAA;AAAA,IACL,IAAI,WAAW,CAAA;AAAA,IACf,UAAA;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/base/forms/checkbox.js CHANGED Viewed

@@ -53,7 +53,6 @@ const checkbox = {
     }
   }
 };
-var checkbox$1 = checkbox;
-export { checkbox$1 as default };
+export { checkbox as default };
 //# sourceMappingURL=checkbox.js.map

package/dist/base/forms/checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","sources":["../../../src/base/forms/checkbox.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst checkbox: ThemeUICSSObject = {\n borderRadius: 'default',\n ...getColorsAndStatesByPath('form.fields', {\n states: {\n active: false,\n focus: false,\n hover: false,\n },\n }),\n backgroundColor: 'unset',\n alignItems: 'center',\n\n '&.nativeCheckbox': {\n appearance: 'none',\n width: '25px',\n height: '25px',\n border: 'solid 1px #cccccc',\n marginRight: '8px',\n position: 'relative',\n cursor: 'pointer',\n\n '&:checked::before': {\n content: '\"✓\"',\n color: 'palette.text.primary',\n position: 'absolute',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n fontSize: 'larger',\n fontWeight: 'bolder',\n borderRadius: '5px',\n cursor: 'pointer',\n },\n\n '&:indeterminate::before': {\n content: '\"-\"',\n color: 'palette.text.primary',\n position: 'absolute',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n top: '-1px',\n left: 0,\n right: 0,\n bottom: 0,\n fontSize: 'xx-large',\n fontWeight: '600',\n borderRadius: '5px',\n cursor: 'pointer',\n },\n },\n};\n\nexport default checkbox;\n"],"names":[],"mappings":";;AAIA,MAAM,QAA6B,GAAA;AAAA,EACjC,YAAc,EAAA,SAAA;AAAA,EACd,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AAAA,EACD,eAAiB,EAAA,OAAA;AAAA,EACjB,UAAY,EAAA,QAAA;AAAA,EAEZ,kBAAoB,EAAA;AAAA,IAClB,UAAY,EAAA,MAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IACR,MAAQ,EAAA,mBAAA;AAAA,IACR,WAAa,EAAA,KAAA;AAAA,IACb,QAAU,EAAA,UAAA;AAAA,IACV,MAAQ,EAAA,SAAA;AAAA,IAER,mBAAqB,EAAA;AAAA,MACnB,OAAS,EAAA,UAAA;AAAA,MACT,KAAO,EAAA,sBAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA,QAAA;AAAA,MAChB,GAAK,EAAA,CAAA;AAAA,MACL,IAAM,EAAA,CAAA;AAAA,MACN,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,QAAA;AAAA,MACV,UAAY,EAAA,QAAA;AAAA,MACZ,YAAc,EAAA,KAAA;AAAA,MACd,MAAQ,EAAA,SAAA;AAAA,KACV;AAAA,IAEA,yBAA2B,EAAA;AAAA,MACzB,OAAS,EAAA,KAAA;AAAA,MACT,KAAO,EAAA,sBAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA,QAAA;AAAA,MAChB,GAAK,EAAA,MAAA;AAAA,MACL,IAAM,EAAA,CAAA;AAAA,MACN,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,UAAA;AAAA,MACV,UAAY,EAAA,KAAA;AAAA,MACZ,YAAc,EAAA,KAAA;AAAA,MACd,MAAQ,EAAA,SAAA;AAAA,KACV;AAAA,GACF;AACF~~,CAAA,CAAA;AAEA,iBAAe,QAAA~~;;;;"}
1	+ {"version":3,"file":"checkbox.js","sources":["../../../src/base/forms/checkbox.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\r\n/* IMPORT HERE */\r\n\r\nconst checkbox: ThemeUICSSObject = {\r\n borderRadius: 'default',\r\n ...getColorsAndStatesByPath('form.fields', {\r\n states: {\r\n active: false,\r\n focus: false,\r\n hover: false,\r\n },\r\n }),\r\n backgroundColor: 'unset',\r\n alignItems: 'center',\r\n\r\n '&.nativeCheckbox': {\r\n appearance: 'none',\r\n width: '25px',\r\n height: '25px',\r\n border: 'solid 1px #cccccc',\r\n marginRight: '8px',\r\n position: 'relative',\r\n cursor: 'pointer',\r\n\r\n '&:checked::before': {\r\n content: '\"✓\"',\r\n color: 'palette.text.primary',\r\n position: 'absolute',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n fontSize: 'larger',\r\n fontWeight: 'bolder',\r\n borderRadius: '5px',\r\n cursor: 'pointer',\r\n },\r\n\r\n '&:indeterminate::before': {\r\n content: '\"-\"',\r\n color: 'palette.text.primary',\r\n position: 'absolute',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n top: '-1px',\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n fontSize: 'xx-large',\r\n fontWeight: '600',\r\n borderRadius: '5px',\r\n cursor: 'pointer',\r\n },\r\n },\r\n};\r\n\r\nexport default checkbox;\r\n"],"names":[],"mappings":";;AAIA,MAAM,QAA6B,GAAA;AAAA,EACjC,YAAc,EAAA,SAAA;AAAA,EACd,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AAAA,EACD,eAAiB,EAAA,OAAA;AAAA,EACjB,UAAY,EAAA,QAAA;AAAA,EAEZ,kBAAoB,EAAA;AAAA,IAClB,UAAY,EAAA,MAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IACR,MAAQ,EAAA,mBAAA;AAAA,IACR,WAAa,EAAA,KAAA;AAAA,IACb,QAAU,EAAA,UAAA;AAAA,IACV,MAAQ,EAAA,SAAA;AAAA,IAER,mBAAqB,EAAA;AAAA,MACnB,OAAS,EAAA,UAAA;AAAA,MACT,KAAO,EAAA,sBAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA,QAAA;AAAA,MAChB,GAAK,EAAA,CAAA;AAAA,MACL,IAAM,EAAA,CAAA;AAAA,MACN,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,QAAA;AAAA,MACV,UAAY,EAAA,QAAA;AAAA,MACZ,YAAc,EAAA,KAAA;AAAA,MACd,MAAQ,EAAA,SAAA;AAAA,KACV;AAAA,IAEA,yBAA2B,EAAA;AAAA,MACzB,OAAS,EAAA,KAAA;AAAA,MACT,KAAO,EAAA,sBAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA,QAAA;AAAA,MAChB,GAAK,EAAA,MAAA;AAAA,MACL,IAAM,EAAA,CAAA;AAAA,MACN,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,UAAA;AAAA,MACV,UAAY,EAAA,KAAA;AAAA,MACZ,YAAc,EAAA,KAAA;AAAA,MACd,MAAQ,EAAA,SAAA;AAAA,KACV;AAAA,GACF;AACF;;;;"}

package/dist/base/forms/customCheckbox.js CHANGED Viewed

@@ -24,7 +24,6 @@ const customCheckbox = {
   })
   /* PREPEND HERE */
 };
-var customCheckbox$1 = customCheckbox;
-export { customCheckbox$1 as default };
+export { customCheckbox as default };
 //# sourceMappingURL=customCheckbox.js.map

package/dist/base/forms/customCheckbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"customCheckbox.js","sources":["../../../src/base/forms/customCheckbox.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE /\n\nconst customCheckbox: ThemeUICSSObject = {\n display: 'inline-flex',\n borderRadius: 'default',\n flexBasis: '32px',\n flexShrink: 0,\n width: '32px',\n height: '32px',\n alignItems: 'center',\n justifyContent: 'center',\n p: '3px',\n border: '1px solid',\n svg: {\n width: '20px',\n },\n ...getColorsAndStatesByPath('form.fields', {\n states: {\n active: false,\n hover: false,\n focus: false,\n path: false,\n },\n }),\n\n / PREPEND HERE */\n};\n\nexport default customCheckbox;\n"],"names":[],"mappings":";;AAIA,MAAM,cAAmC,GAAA;AAAA,EACvC,OAAS,EAAA,aAAA;AAAA,EACT,YAAc,EAAA,SAAA;AAAA,EACd,SAAW,EAAA,MAAA;AAAA,EACX,UAAY,EAAA,CAAA;AAAA,EACZ,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,MAAA;AAAA,EACR,UAAY,EAAA,QAAA;AAAA,EACZ,cAAgB,EAAA,QAAA;AAAA,EAChB,CAAG,EAAA,KAAA;AAAA,EACH,MAAQ,EAAA,WAAA;AAAA,EACR,GAAK,EAAA;AAAA,IACH,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EACA,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,MACP,IAAM,EAAA,KAAA;AAAA,KACR;AAAA,GACD,CAAA;AAAA;AAGH~~,CAAA,CAAA;AAEA,uBAAe,cAAA~~;;;;"}
1	+ {"version":3,"file":"customCheckbox.js","sources":["../../../src/base/forms/customCheckbox.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\r\n/* IMPORT HERE /\r\n\r\nconst customCheckbox: ThemeUICSSObject = {\r\n display: 'inline-flex',\r\n borderRadius: 'default',\r\n flexBasis: '32px',\r\n flexShrink: 0,\r\n width: '32px',\r\n height: '32px',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n p: '3px',\r\n border: '1px solid',\r\n svg: {\r\n width: '20px',\r\n },\r\n ...getColorsAndStatesByPath('form.fields', {\r\n states: {\r\n active: false,\r\n hover: false,\r\n focus: false,\r\n path: false,\r\n },\r\n }),\r\n\r\n / PREPEND HERE */\r\n};\r\n\r\nexport default customCheckbox;\r\n"],"names":[],"mappings":";;AAIA,MAAM,cAAmC,GAAA;AAAA,EACvC,OAAS,EAAA,aAAA;AAAA,EACT,YAAc,EAAA,SAAA;AAAA,EACd,SAAW,EAAA,MAAA;AAAA,EACX,UAAY,EAAA,CAAA;AAAA,EACZ,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,MAAA;AAAA,EACR,UAAY,EAAA,QAAA;AAAA,EACZ,cAAgB,EAAA,QAAA;AAAA,EAChB,CAAG,EAAA,KAAA;AAAA,EACH,MAAQ,EAAA,WAAA;AAAA,EACR,GAAK,EAAA;AAAA,IACH,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EACA,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,MACP,IAAM,EAAA,KAAA;AAAA,KACR;AAAA,GACD,CAAA;AAAA;AAGH;;;;"}

package/dist/base/forms/dateInput.js CHANGED Viewed

@@ -54,7 +54,6 @@ const dateInput = {
   }),
   backgroundColor: void 0
 };
-var dateInput$1 = dateInput;
-export { dateInput$1 as default };
+export { dateInput as default };
 //# sourceMappingURL=dateInput.js.map

package/dist/base/forms/dateInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dateInput.js","sources":["../../../src/base/forms/dateInput.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst dateInput: ThemeUICSSObject = {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n justifyContent: 'stretch',\n gap: spacing(2),\n width: '100%',\n\n '&.readOnly': {\n input: {\n color: 'Text.fields',\n bg: 'Background.fields',\n },\n },\n\n '.iconInput': {\n width: '100%',\n position: 'relative',\n },\n\n 'input:hover~.delete_date_button:not(:disabled,[aria-selected=\"true\"]), input:hover~.delete_date_button:not(:disabled,[aria-selected=\"true\"]) path, .delete_date_button':\n {\n position: 'absolute',\n right: '59px',\n padding: 0,\n top: 'calc(50% - 10px)',\n margin: 0,\n marginRight: 0,\n borderRadius: '100%',\n width: '20px',\n height: '20px',\n\n ...getColorsAndStatesByPath('buttons.icon-outline'),\n },\n\n input: {\n flexShrink: 1,\n },\n\n '& > div': {\n display: 'flex',\n gap: spacing(2),\n flexShrink: 0,\n width: 'auto',\n maxWidth: '100%',\n minWidth: 0,\n\n button: {\n width: '45px',\n flexShrink: 0,\n },\n },\n ...getColorsAndStatesByPath('form.fields', {\n states: {\n hover: false,\n active: false,\n focus: false,\n },\n }),\n\n backgroundColor: undefined,\n};\n\nexport default dateInput;\n"],"names":[],"mappings":";;;AAKA,MAAM,SAA8B,GAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA,QAAA;AAAA,EACf,UAAY,EAAA,SAAA;AAAA,EACZ,cAAgB,EAAA,SAAA;AAAA,EAChB,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EACd,KAAO,EAAA,MAAA;AAAA,EAEP,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA;AAAA,MACL,KAAO,EAAA,aAAA;AAAA,MACP,EAAI,EAAA,mBAAA;AAAA,KACN;AAAA,GACF;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,IACP,QAAU,EAAA,UAAA;AAAA,GACZ;AAAA,EAEA,wKACE,EAAA;AAAA,IACE,QAAU,EAAA,UAAA;AAAA,IACV,KAAO,EAAA,MAAA;AAAA,IACP,OAAS,EAAA,CAAA;AAAA,IACT,GAAK,EAAA,kBAAA;AAAA,IACL,MAAQ,EAAA,CAAA;AAAA,IACR,WAAa,EAAA,CAAA;AAAA,IACb,YAAc,EAAA,MAAA;AAAA,IACd,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IAER,GAAG,yBAAyB,sBAAsB,CAAA;AAAA,GACpD;AAAA,EAEF,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,CAAA;AAAA,GACd;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,OAAS,EAAA,MAAA;AAAA,IACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,IACd,UAAY,EAAA,CAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,IACP,QAAU,EAAA,MAAA;AAAA,IACV,QAAU,EAAA,CAAA;AAAA,IAEV,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,MACP,UAAY,EAAA,CAAA;AAAA,KACd;AAAA,GACF;AAAA,EACA,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA,KAAA;AAAA,MACP,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AAAA,EAED,eAAiB,EAAA,KAAA,CAAA;AACnB~~,CAAA,CAAA;AAEA,kBAAe,SAAA~~;;;;"}
1	+ {"version":3,"file":"dateInput.js","sources":["../../../src/base/forms/dateInput.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { spacing } from '../../util';\r\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\r\n/* IMPORT HERE */\r\n\r\nconst dateInput: ThemeUICSSObject = {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'stretch',\r\n justifyContent: 'stretch',\r\n gap: spacing(2),\r\n width: '100%',\r\n\r\n '&.readOnly': {\r\n input: {\r\n color: 'Text.fields',\r\n bg: 'Background.fields',\r\n },\r\n },\r\n\r\n '.iconInput': {\r\n width: '100%',\r\n position: 'relative',\r\n },\r\n\r\n 'input:hover~.delete_date_button:not(:disabled,[aria-selected=\"true\"]), input:hover~.delete_date_button:not(:disabled,[aria-selected=\"true\"]) path, .delete_date_button':\r\n {\r\n position: 'absolute',\r\n right: '59px',\r\n padding: 0,\r\n top: 'calc(50% - 10px)',\r\n margin: 0,\r\n marginRight: 0,\r\n borderRadius: '100%',\r\n width: '20px',\r\n height: '20px',\r\n\r\n ...getColorsAndStatesByPath('buttons.icon-outline'),\r\n },\r\n\r\n input: {\r\n flexShrink: 1,\r\n },\r\n\r\n '& > div': {\r\n display: 'flex',\r\n gap: spacing(2),\r\n flexShrink: 0,\r\n width: 'auto',\r\n maxWidth: '100%',\r\n minWidth: 0,\r\n\r\n button: {\r\n width: '45px',\r\n flexShrink: 0,\r\n },\r\n },\r\n ...getColorsAndStatesByPath('form.fields', {\r\n states: {\r\n hover: false,\r\n active: false,\r\n focus: false,\r\n },\r\n }),\r\n\r\n backgroundColor: undefined,\r\n};\r\n\r\nexport default dateInput;\r\n"],"names":[],"mappings":";;;AAKA,MAAM,SAA8B,GAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA,QAAA;AAAA,EACf,UAAY,EAAA,SAAA;AAAA,EACZ,cAAgB,EAAA,SAAA;AAAA,EAChB,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EACd,KAAO,EAAA,MAAA;AAAA,EAEP,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA;AAAA,MACL,KAAO,EAAA,aAAA;AAAA,MACP,EAAI,EAAA,mBAAA;AAAA,KACN;AAAA,GACF;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,IACP,QAAU,EAAA,UAAA;AAAA,GACZ;AAAA,EAEA,wKACE,EAAA;AAAA,IACE,QAAU,EAAA,UAAA;AAAA,IACV,KAAO,EAAA,MAAA;AAAA,IACP,OAAS,EAAA,CAAA;AAAA,IACT,GAAK,EAAA,kBAAA;AAAA,IACL,MAAQ,EAAA,CAAA;AAAA,IACR,WAAa,EAAA,CAAA;AAAA,IACb,YAAc,EAAA,MAAA;AAAA,IACd,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IAER,GAAG,yBAAyB,sBAAsB,CAAA;AAAA,GACpD;AAAA,EAEF,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,CAAA;AAAA,GACd;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,OAAS,EAAA,MAAA;AAAA,IACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,IACd,UAAY,EAAA,CAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,IACP,QAAU,EAAA,MAAA;AAAA,IACV,QAAU,EAAA,CAAA;AAAA,IAEV,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,MACP,UAAY,EAAA,CAAA;AAAA,KACd;AAAA,GACF;AAAA,EACA,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA,KAAA;AAAA,MACP,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AAAA,EAED,eAAiB,EAAA,KAAA,CAAA;AACnB;;;;"}

package/dist/base/forms/deletableInput.js CHANGED Viewed

@@ -59,7 +59,6 @@ const deletableInput = {
     }
   }
 };
-var deletableInput$1 = deletableInput;
-export { deletableInput$1 as default };
+export { deletableInput as default };
 //# sourceMappingURL=deletableInput.js.map

package/dist/base/forms/deletableInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"deletableInput.js","sources":["../../../src/base/forms/deletableInput.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { focusOutline } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n\nconst deletableInput: ThemeUICSSObject = {\n border: '1px solid',\n borderColor: 'palette.border.field',\n display: 'inline-block',\n position: 'relative',\n pr: '45px',\n\n '.deletableInput__input': {\n border: 'none',\n },\n\n '.deletableInput__deleteButton': {\n height: '100%',\n outlineOffset: '-2px',\n position: 'absolute',\n right: 0,\n top: 0,\n width: '45px',\n\n ...getColorsAndStatesByPath('buttons.deletableInputButton', {\n states: { path: true },\n }),\n },\n\n '&:focus-within:not(.asMaterial)': {\n ...focusOutline,\n\n '.deletableInput__input:focus': {\n outline: 'none',\n },\n\n '.deletableInput__deleteButton:focus': {\n outline: 'none',\n },\n },\n\n '&.asMaterial': {\n borderLeft: 'none',\n borderRight: 'none',\n borderTop: 'none',\n borderBottomColor: 'palette.border.section',\n\n '& + .input__underline': {\n transform: 'scale(1)',\n },\n\n '.deletableInput__input:focus': {\n outline: 'none',\n\n '~.input__underline::after': {\n animationName: 'growHorizontal',\n animationDuration: '150ms',\n animationTimingFunction: 'ease-out',\n content: '\"\"',\n display: 'block',\n height: '0',\n outlineColor: 'palette.primary.main',\n outlineStyle: 'solid',\n outlineWidth: '1.5px',\n outlineOffset: 0,\n position: 'absolute',\n transformOrigin: 'center center',\n left: 0,\n right: 0,\n },\n },\n },\n};\n\nexport default deletableInput;\n"],"names":[],"mappings":";;;AAIA,MAAM,cAAmC,GAAA;AAAA,EACvC,MAAQ,EAAA,WAAA;AAAA,EACR,WAAa,EAAA,sBAAA;AAAA,EACb,OAAS,EAAA,cAAA;AAAA,EACT,QAAU,EAAA,UAAA;AAAA,EACV,EAAI,EAAA,MAAA;AAAA,EAEJ,wBAA0B,EAAA;AAAA,IACxB,MAAQ,EAAA,MAAA;AAAA,GACV;AAAA,EAEA,+BAAiC,EAAA;AAAA,IAC/B,MAAQ,EAAA,MAAA;AAAA,IACR,aAAe,EAAA,MAAA;AAAA,IACf,QAAU,EAAA,UAAA;AAAA,IACV,KAAO,EAAA,CAAA;AAAA,IACP,GAAK,EAAA,CAAA;AAAA,IACL,KAAO,EAAA,MAAA;AAAA,IAEP,GAAG,yBAAyB,8BAAgC,EAAA;AAAA,MAC1D,MAAA,EAAQ,EAAE,IAAA,EAAM,IAAK,EAAA;AAAA,KACtB,CAAA;AAAA,GACH;AAAA,EAEA,iCAAmC,EAAA;AAAA,IACjC,GAAG,YAAA;AAAA,IAEH,8BAAgC,EAAA;AAAA,MAC9B,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IAEA,qCAAuC,EAAA;AAAA,MACrC,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,GACF;AAAA,EAEA,cAAgB,EAAA;AAAA,IACd,UAAY,EAAA,MAAA;AAAA,IACZ,WAAa,EAAA,MAAA;AAAA,IACb,SAAW,EAAA,MAAA;AAAA,IACX,iBAAmB,EAAA,wBAAA;AAAA,IAEnB,uBAAyB,EAAA;AAAA,MACvB,SAAW,EAAA,UAAA;AAAA,KACb;AAAA,IAEA,8BAAgC,EAAA;AAAA,MAC9B,OAAS,EAAA,MAAA;AAAA,MAET,2BAA6B,EAAA;AAAA,QAC3B,aAAe,EAAA,gBAAA;AAAA,QACf,iBAAmB,EAAA,OAAA;AAAA,QACnB,uBAAyB,EAAA,UAAA;AAAA,QACzB,OAAS,EAAA,IAAA;AAAA,QACT,OAAS,EAAA,OAAA;AAAA,QACT,MAAQ,EAAA,GAAA;AAAA,QACR,YAAc,EAAA,sBAAA;AAAA,QACd,YAAc,EAAA,OAAA;AAAA,QACd,YAAc,EAAA,OAAA;AAAA,QACd,aAAe,EAAA,CAAA;AAAA,QACf,QAAU,EAAA,UAAA;AAAA,QACV,eAAiB,EAAA,eAAA;AAAA,QACjB,IAAM,EAAA,CAAA;AAAA,QACN,KAAO,EAAA,CAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AACF~~,CAAA,CAAA;AAEA,uBAAe,cAAA~~;;;;"}
1	+ {"version":3,"file":"deletableInput.js","sources":["../../../src/base/forms/deletableInput.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { focusOutline } from '../../util';\r\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\r\n\r\nconst deletableInput: ThemeUICSSObject = {\r\n border: '1px solid',\r\n borderColor: 'palette.border.field',\r\n display: 'inline-block',\r\n position: 'relative',\r\n pr: '45px',\r\n\r\n '.deletableInput__input': {\r\n border: 'none',\r\n },\r\n\r\n '.deletableInput__deleteButton': {\r\n height: '100%',\r\n outlineOffset: '-2px',\r\n position: 'absolute',\r\n right: 0,\r\n top: 0,\r\n width: '45px',\r\n\r\n ...getColorsAndStatesByPath('buttons.deletableInputButton', {\r\n states: { path: true },\r\n }),\r\n },\r\n\r\n '&:focus-within:not(.asMaterial)': {\r\n ...focusOutline,\r\n\r\n '.deletableInput__input:focus': {\r\n outline: 'none',\r\n },\r\n\r\n '.deletableInput__deleteButton:focus': {\r\n outline: 'none',\r\n },\r\n },\r\n\r\n '&.asMaterial': {\r\n borderLeft: 'none',\r\n borderRight: 'none',\r\n borderTop: 'none',\r\n borderBottomColor: 'palette.border.section',\r\n\r\n '& + .input__underline': {\r\n transform: 'scale(1)',\r\n },\r\n\r\n '.deletableInput__input:focus': {\r\n outline: 'none',\r\n\r\n '~.input__underline::after': {\r\n animationName: 'growHorizontal',\r\n animationDuration: '150ms',\r\n animationTimingFunction: 'ease-out',\r\n content: '\"\"',\r\n display: 'block',\r\n height: '0',\r\n outlineColor: 'palette.primary.main',\r\n outlineStyle: 'solid',\r\n outlineWidth: '1.5px',\r\n outlineOffset: 0,\r\n position: 'absolute',\r\n transformOrigin: 'center center',\r\n left: 0,\r\n right: 0,\r\n },\r\n },\r\n },\r\n};\r\n\r\nexport default deletableInput;\r\n"],"names":[],"mappings":";;;AAIA,MAAM,cAAmC,GAAA;AAAA,EACvC,MAAQ,EAAA,WAAA;AAAA,EACR,WAAa,EAAA,sBAAA;AAAA,EACb,OAAS,EAAA,cAAA;AAAA,EACT,QAAU,EAAA,UAAA;AAAA,EACV,EAAI,EAAA,MAAA;AAAA,EAEJ,wBAA0B,EAAA;AAAA,IACxB,MAAQ,EAAA,MAAA;AAAA,GACV;AAAA,EAEA,+BAAiC,EAAA;AAAA,IAC/B,MAAQ,EAAA,MAAA;AAAA,IACR,aAAe,EAAA,MAAA;AAAA,IACf,QAAU,EAAA,UAAA;AAAA,IACV,KAAO,EAAA,CAAA;AAAA,IACP,GAAK,EAAA,CAAA;AAAA,IACL,KAAO,EAAA,MAAA;AAAA,IAEP,GAAG,yBAAyB,8BAAgC,EAAA;AAAA,MAC1D,MAAA,EAAQ,EAAE,IAAA,EAAM,IAAK,EAAA;AAAA,KACtB,CAAA;AAAA,GACH;AAAA,EAEA,iCAAmC,EAAA;AAAA,IACjC,GAAG,YAAA;AAAA,IAEH,8BAAgC,EAAA;AAAA,MAC9B,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IAEA,qCAAuC,EAAA;AAAA,MACrC,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,GACF;AAAA,EAEA,cAAgB,EAAA;AAAA,IACd,UAAY,EAAA,MAAA;AAAA,IACZ,WAAa,EAAA,MAAA;AAAA,IACb,SAAW,EAAA,MAAA;AAAA,IACX,iBAAmB,EAAA,wBAAA;AAAA,IAEnB,uBAAyB,EAAA;AAAA,MACvB,SAAW,EAAA,UAAA;AAAA,KACb;AAAA,IAEA,8BAAgC,EAAA;AAAA,MAC9B,OAAS,EAAA,MAAA;AAAA,MAET,2BAA6B,EAAA;AAAA,QAC3B,aAAe,EAAA,gBAAA;AAAA,QACf,iBAAmB,EAAA,OAAA;AAAA,QACnB,uBAAyB,EAAA,UAAA;AAAA,QACzB,OAAS,EAAA,IAAA;AAAA,QACT,OAAS,EAAA,OAAA;AAAA,QACT,MAAQ,EAAA,GAAA;AAAA,QACR,YAAc,EAAA,sBAAA;AAAA,QACd,YAAc,EAAA,OAAA;AAAA,QACd,YAAc,EAAA,OAAA;AAAA,QACd,aAAe,EAAA,CAAA;AAAA,QACf,QAAU,EAAA,UAAA;AAAA,QACV,eAAiB,EAAA,eAAA;AAAA,QACjB,IAAM,EAAA,CAAA;AAAA,QACN,KAAO,EAAA,CAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AACF;;;;"}

package/dist/base/forms/iconInput.js CHANGED Viewed

@@ -22,7 +22,6 @@ const iconInput = {
     height: "50px"
   }
 };
-var iconInput$1 = iconInput;
-export { iconInput$1 as default };
+export { iconInput as default };
 //# sourceMappingURL=iconInput.js.map

package/dist/base/forms/iconInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"iconInput.js","sources":["../../../src/base/forms/iconInput.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\nimport getColorsByPath from '../colors/util/getColorsByPath';\n/* IMPORT HERE */\n\nconst iconInput: ThemeUICSSObject = {\n display: 'flex',\n gap: spacing(1),\n justifyContent: 'stretch',\n alignItems: 'center',\n '&.readOnly': {\n input: {\n ...getColorsByPath('form.fields'),\n },\n },\n\n input: {\n height: '50px',\n width: '100%',\n },\n\n button: {\n display: 'flex',\n width: '45px',\n flexShrink: 0,\n height: '50px',\n },\n};\n\nexport default iconInput;\n"],"names":[],"mappings":";;;AAKA,MAAM,SAA8B,GAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EACd,cAAgB,EAAA,SAAA;AAAA,EAChB,UAAY,EAAA,QAAA;AAAA,EACZ,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA;AAAA,MACL,GAAG,gBAAgB,aAAa,CAAA;AAAA,KAClC;AAAA,GACF;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,IACT,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,CAAA;AAAA,IACZ,MAAQ,EAAA,MAAA;AAAA,GACV;AACF~~,CAAA,CAAA;AAEA,kBAAe,SAAA~~;;;;"}
1	+ {"version":3,"file":"iconInput.js","sources":["../../../src/base/forms/iconInput.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { spacing } from '../../util';\r\nimport getColorsByPath from '../colors/util/getColorsByPath';\r\n/* IMPORT HERE */\r\n\r\nconst iconInput: ThemeUICSSObject = {\r\n display: 'flex',\r\n gap: spacing(1),\r\n justifyContent: 'stretch',\r\n alignItems: 'center',\r\n '&.readOnly': {\r\n input: {\r\n ...getColorsByPath('form.fields'),\r\n },\r\n },\r\n\r\n input: {\r\n height: '50px',\r\n width: '100%',\r\n },\r\n\r\n button: {\r\n display: 'flex',\r\n width: '45px',\r\n flexShrink: 0,\r\n height: '50px',\r\n },\r\n};\r\n\r\nexport default iconInput;\r\n"],"names":[],"mappings":";;;AAKA,MAAM,SAA8B,GAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EACd,cAAgB,EAAA,SAAA;AAAA,EAChB,UAAY,EAAA,QAAA;AAAA,EACZ,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA;AAAA,MACL,GAAG,gBAAgB,aAAa,CAAA;AAAA,KAClC;AAAA,GACF;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,IACT,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,CAAA;AAAA,IACZ,MAAQ,EAAA,MAAA;AAAA,GACV;AACF;;;;"}

package/dist/base/forms/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/base/forms/index.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\nimport customCheckbox from './customCheckbox';\nimport checkbox from './checkbox';\nimport dateInput from './dateInput';\nimport iconInput from './iconInput';\nimport input from './input';\nimport label from './label';\nimport radio from './radio';\nimport select from './select';\nimport selectMultiple from './selectMultiple';\nimport Switch from './switch';\nimport textarea from './textarea';\nimport deletableInput from './deletableInput';\n/* IMPORT HERE /\n\nconst forms: (theme: Theme) => Record<string, ThemeUICSSObject> = (theme) => {\n return {\n checkbox,\n customCheckbox,\n dateInput,\n deletableInput,\n iconInput,\n input,\n label,\n radio,\n select,\n selectMultiple: selectMultiple(theme),\n switch: Switch,\n textarea,\n / PREPEND HERE */\n 'input[type=\"date\"]': {\n variant: 'forms.input',\n },\n };\n};\n\nexport default forms;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeM,MAAA,KAAA,GAA4D,CAAC,KAAU,KAAA;AAC3E,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA,EAAgB,eAAe,KAAK,CAAA;AAAA,IACpC,MAAQ,EAAA,MAAA;AAAA,IACR,QAAA;AAAA;AAAA,IAEA,oBAAsB,EAAA;AAAA,MACpB,OAAS,EAAA,aAAA;AAAA,KACX;AAAA,GACF,CAAA;AACF;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/base/forms/index.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\r\nimport customCheckbox from './customCheckbox';\r\nimport checkbox from './checkbox';\r\nimport dateInput from './dateInput';\r\nimport iconInput from './iconInput';\r\nimport input from './input';\r\nimport label from './label';\r\nimport radio from './radio';\r\nimport select from './select';\r\nimport selectMultiple from './selectMultiple';\r\nimport Switch from './switch';\r\nimport textarea from './textarea';\r\nimport deletableInput from './deletableInput';\r\n/* IMPORT HERE /\r\n\r\nconst forms: (theme: Theme) => Record<string, ThemeUICSSObject> = (theme) => {\r\n return {\r\n checkbox,\r\n customCheckbox,\r\n dateInput,\r\n deletableInput,\r\n iconInput,\r\n input,\r\n label,\r\n radio,\r\n select,\r\n selectMultiple: selectMultiple(theme),\r\n switch: Switch,\r\n textarea,\r\n / PREPEND HERE */\r\n 'input[type=\"date\"]': {\r\n variant: 'forms.input',\r\n },\r\n };\r\n};\r\n\r\nexport default forms;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeM,MAAA,KAAA,GAA4D,CAAC,KAAU,KAAA;AAC3E,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA,EAAgB,eAAe,KAAK,CAAA;AAAA,IACpC,MAAQ,EAAA,MAAA;AAAA,IACR,QAAA;AAAA;AAAA,IAEA,oBAAsB,EAAA;AAAA,MACpB,OAAS,EAAA,aAAA;AAAA,KACX;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/base/forms/input.js CHANGED Viewed

@@ -46,7 +46,6 @@ const input = {
     }
   }
 };
-var input$1 = input;
-export { input$1 as default };
+export { input as default };
 //# sourceMappingURL=input.js.map

package/dist/base/forms/input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.js","sources":["../../../src/base/forms/input.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { responsive } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst input: ThemeUICSSObject = {\n variant: 'text.default',\n border: '1px solid',\n borderRadius: 'default',\n padding: responsive({ 0: 3, 3: 4 }),\n '::placeholder': {\n color: '#b0b0b0',\n },\n ...getColorsAndStatesByPath('form.fields', {\n states: {\n active: false,\n hover: false,\n focus: false,\n },\n }),\n\n material: {\n input: {\n borderLeft: 'none',\n borderRight: 'none',\n borderTop: 'none',\n borderBottomColor: 'palette.border.section',\n\n '& + .input__underline': {\n transform: 'scale(1)',\n },\n\n '&:focus': {\n outline: 'none',\n\n '~::after': {\n animationName: 'growHorizontal',\n animationDuration: '150ms',\n animationTimingFunction: 'ease-out',\n content: '\"\"',\n display: 'block',\n height: '0',\n outlineColor: 'palette.primary.main',\n outlineStyle: 'solid',\n outlineWidth: '1.5px',\n outlineOffset: 0,\n position: 'fixed',\n transformOrigin: 'center center',\n width: '100%',\n },\n },\n },\n },\n};\n\nexport default input;\n"],"names":[],"mappings":";;;AAKA,MAAM,KAA0B,GAAA;AAAA,EAC9B,OAAS,EAAA,cAAA;AAAA,EACT,MAAQ,EAAA,WAAA;AAAA,EACR,YAAc,EAAA,SAAA;AAAA,EACd,SAAS,UAAW,CAAA,EAAE,GAAG,CAAG,EAAA,CAAA,EAAG,GAAG,CAAA;AAAA,EAClC,eAAiB,EAAA;AAAA,IACf,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AAAA,EAED,QAAU,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,MACL,UAAY,EAAA,MAAA;AAAA,MACZ,WAAa,EAAA,MAAA;AAAA,MACb,SAAW,EAAA,MAAA;AAAA,MACX,iBAAmB,EAAA,wBAAA;AAAA,MAEnB,uBAAyB,EAAA;AAAA,QACvB,SAAW,EAAA,UAAA;AAAA,OACb;AAAA,MAEA,SAAW,EAAA;AAAA,QACT,OAAS,EAAA,MAAA;AAAA,QAET,UAAY,EAAA;AAAA,UACV,aAAe,EAAA,gBAAA;AAAA,UACf,iBAAmB,EAAA,OAAA;AAAA,UACnB,uBAAyB,EAAA,UAAA;AAAA,UACzB,OAAS,EAAA,IAAA;AAAA,UACT,OAAS,EAAA,OAAA;AAAA,UACT,MAAQ,EAAA,GAAA;AAAA,UACR,YAAc,EAAA,sBAAA;AAAA,UACd,YAAc,EAAA,OAAA;AAAA,UACd,YAAc,EAAA,OAAA;AAAA,UACd,aAAe,EAAA,CAAA;AAAA,UACf,QAAU,EAAA,OAAA;AAAA,UACV,eAAiB,EAAA,eAAA;AAAA,UACjB,KAAO,EAAA,MAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF~~,CAAA,CAAA;AAEA,cAAe,KAAA~~;;;;"}
1	+ {"version":3,"file":"input.js","sources":["../../../src/base/forms/input.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { responsive } from '../../util';\r\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\r\n/* IMPORT HERE */\r\n\r\nconst input: ThemeUICSSObject = {\r\n variant: 'text.default',\r\n border: '1px solid',\r\n borderRadius: 'default',\r\n padding: responsive({ 0: 3, 3: 4 }),\r\n '::placeholder': {\r\n color: '#b0b0b0',\r\n },\r\n ...getColorsAndStatesByPath('form.fields', {\r\n states: {\r\n active: false,\r\n hover: false,\r\n focus: false,\r\n },\r\n }),\r\n\r\n material: {\r\n input: {\r\n borderLeft: 'none',\r\n borderRight: 'none',\r\n borderTop: 'none',\r\n borderBottomColor: 'palette.border.section',\r\n\r\n '& + .input__underline': {\r\n transform: 'scale(1)',\r\n },\r\n\r\n '&:focus': {\r\n outline: 'none',\r\n\r\n '~::after': {\r\n animationName: 'growHorizontal',\r\n animationDuration: '150ms',\r\n animationTimingFunction: 'ease-out',\r\n content: '\"\"',\r\n display: 'block',\r\n height: '0',\r\n outlineColor: 'palette.primary.main',\r\n outlineStyle: 'solid',\r\n outlineWidth: '1.5px',\r\n outlineOffset: 0,\r\n position: 'fixed',\r\n transformOrigin: 'center center',\r\n width: '100%',\r\n },\r\n },\r\n },\r\n },\r\n};\r\n\r\nexport default input;\r\n"],"names":[],"mappings":";;;AAKA,MAAM,KAA0B,GAAA;AAAA,EAC9B,OAAS,EAAA,cAAA;AAAA,EACT,MAAQ,EAAA,WAAA;AAAA,EACR,YAAc,EAAA,SAAA;AAAA,EACd,SAAS,UAAW,CAAA,EAAE,GAAG,CAAG,EAAA,CAAA,EAAG,GAAG,CAAA;AAAA,EAClC,eAAiB,EAAA;AAAA,IACf,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AAAA,EAED,QAAU,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,MACL,UAAY,EAAA,MAAA;AAAA,MACZ,WAAa,EAAA,MAAA;AAAA,MACb,SAAW,EAAA,MAAA;AAAA,MACX,iBAAmB,EAAA,wBAAA;AAAA,MAEnB,uBAAyB,EAAA;AAAA,QACvB,SAAW,EAAA,UAAA;AAAA,OACb;AAAA,MAEA,SAAW,EAAA;AAAA,QACT,OAAS,EAAA,MAAA;AAAA,QAET,UAAY,EAAA;AAAA,UACV,aAAe,EAAA,gBAAA;AAAA,UACf,iBAAmB,EAAA,OAAA;AAAA,UACnB,uBAAyB,EAAA,UAAA;AAAA,UACzB,OAAS,EAAA,IAAA;AAAA,UACT,OAAS,EAAA,OAAA;AAAA,UACT,MAAQ,EAAA,GAAA;AAAA,UACR,YAAc,EAAA,sBAAA;AAAA,UACd,YAAc,EAAA,OAAA;AAAA,UACd,YAAc,EAAA,OAAA;AAAA,UACd,aAAe,EAAA,CAAA;AAAA,UACf,QAAU,EAAA,OAAA;AAAA,UACV,eAAiB,EAAA,eAAA;AAAA,UACjB,KAAO,EAAA,MAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF;;;;"}

package/dist/base/forms/label.js CHANGED Viewed

@@ -25,7 +25,6 @@ const label = {
     }
   }
 };
-var label$1 = label;
-export { label$1 as default };
+export { label as default };
 //# sourceMappingURL=label.js.map

package/dist/base/forms/label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"label.js","sources":["../../../src/base/forms/label.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\n/* IMPORT HERE /\n\nconst label: ThemeUICSSObject = {\n variant: 'text.default',\n alignItems: 'center',\n width: 'auto',\n textTransform: 'none',\n cursor: 'pointer',\n\n '&:not(.radio-label)': {\n fontWeight: 'bold',\n },\n\n '&.required': {\n position: 'relative',\n '&::before': {\n color: 'danger',\n position: 'absolute',\n content: '\"\"',\n top: 0,\n left: '-10px',\n },\n },\n\n '&:last-of-type': {\n 'input, textarea, select': {\n mb: spacing(0),\n },\n },\n};\n\nexport default label;\n"],"names":[],"mappings":";;AAIA,MAAM,KAA0B,GAAA;AAAA,EAC9B,OAAS,EAAA,cAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,KAAO,EAAA,MAAA;AAAA,EACP,aAAe,EAAA,MAAA;AAAA,EACf,MAAQ,EAAA,SAAA;AAAA,EAER,qBAAuB,EAAA;AAAA,IACrB,UAAY,EAAA,MAAA;AAAA,GACd;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,QAAU,EAAA,UAAA;AAAA,IACV,WAAa,EAAA;AAAA,MACX,KAAO,EAAA,QAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,OAAS,EAAA,KAAA;AAAA,MACT,GAAK,EAAA,CAAA;AAAA,MACL,IAAM,EAAA,OAAA;AAAA,KACR;AAAA,GACF;AAAA,EAEA,gBAAkB,EAAA;AAAA,IAChB,yBAA2B,EAAA;AAAA,MACzB,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,KACf;AAAA,GACF;AACF~~,CAAA,CAAA;AAEA,cAAe,KAAA~~;;;;"}
1	+ {"version":3,"file":"label.js","sources":["../../../src/base/forms/label.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { spacing } from '../../util';\r\n/* IMPORT HERE /\r\n\r\nconst label: ThemeUICSSObject = {\r\n variant: 'text.default',\r\n alignItems: 'center',\r\n width: 'auto',\r\n textTransform: 'none',\r\n cursor: 'pointer',\r\n\r\n '&:not(.radio-label)': {\r\n fontWeight: 'bold',\r\n },\r\n\r\n '&.required': {\r\n position: 'relative',\r\n '&::before': {\r\n color: 'danger',\r\n position: 'absolute',\r\n content: '\"\"',\r\n top: 0,\r\n left: '-10px',\r\n },\r\n },\r\n\r\n '&:last-of-type': {\r\n 'input, textarea, select': {\r\n mb: spacing(0),\r\n },\r\n },\r\n};\r\n\r\nexport default label;\r\n"],"names":[],"mappings":";;AAIA,MAAM,KAA0B,GAAA;AAAA,EAC9B,OAAS,EAAA,cAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,KAAO,EAAA,MAAA;AAAA,EACP,aAAe,EAAA,MAAA;AAAA,EACf,MAAQ,EAAA,SAAA;AAAA,EAER,qBAAuB,EAAA;AAAA,IACrB,UAAY,EAAA,MAAA;AAAA,GACd;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,QAAU,EAAA,UAAA;AAAA,IACV,WAAa,EAAA;AAAA,MACX,KAAO,EAAA,QAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,OAAS,EAAA,KAAA;AAAA,MACT,GAAK,EAAA,CAAA;AAAA,MACL,IAAM,EAAA,OAAA;AAAA,KACR;AAAA,GACF;AAAA,EAEA,gBAAkB,EAAA;AAAA,IAChB,yBAA2B,EAAA;AAAA,MACzB,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,KACf;AAAA,GACF;AACF;;;;"}

package/dist/base/forms/radio.js CHANGED Viewed

@@ -11,7 +11,6 @@ const radio = {
     fill: "inherit"
   }
 };
-var radio$1 = radio;
-export { radio$1 as default };
+export { radio as default };
 //# sourceMappingURL=radio.js.map

package/dist/base/forms/radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.js","sources":["../../../src/base/forms/radio.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst radio: ThemeUICSSObject = {\n width: '32px',\n height: '32px',\n input: {\n height: '32px !important',\n },\n ...getColorsAndStatesByPath('form.radio'),\n path: {\n fill: 'inherit',\n },\n};\n\nexport default radio;\n"],"names":[],"mappings":";;AAIA,MAAM,KAA0B,GAAA;AAAA,EAC9B,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,MAAA;AAAA,EACR,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,iBAAA;AAAA,GACV;AAAA,EACA,GAAG,yBAAyB,YAAY,CAAA;AAAA,EACxC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,SAAA;AAAA,GACR;AACF~~,CAAA,CAAA;AAEA,cAAe,KAAA~~;;;;"}
1	+ {"version":3,"file":"radio.js","sources":["../../../src/base/forms/radio.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\r\n/* IMPORT HERE */\r\n\r\nconst radio: ThemeUICSSObject = {\r\n width: '32px',\r\n height: '32px',\r\n input: {\r\n height: '32px !important',\r\n },\r\n ...getColorsAndStatesByPath('form.radio'),\r\n path: {\r\n fill: 'inherit',\r\n },\r\n};\r\n\r\nexport default radio;\r\n"],"names":[],"mappings":";;AAIA,MAAM,KAA0B,GAAA;AAAA,EAC9B,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,MAAA;AAAA,EACR,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,iBAAA;AAAA,GACV;AAAA,EACA,GAAG,yBAAyB,YAAY,CAAA;AAAA,EACxC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,SAAA;AAAA,GACR;AACF;;;;"}

package/dist/base/forms/select.js CHANGED Viewed

@@ -18,7 +18,6 @@ const select = {
     }
   })
 };
-var select$1 = select;
-export { select$1 as default };
+export { select as default };
 //# sourceMappingURL=select.js.map

package/dist/base/forms/select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.js","sources":["../../../src/base/forms/select.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst select: ThemeUICSSObject = {\n variant: 'text.default',\n display: 'inline-block',\n fontFamily: 'body',\n p: spacing(4),\n pr: 7,\n borderRadius: 'default',\n width: '100%',\n maxWidth: '100%',\n ...getColorsAndStatesByPath('form.fields', {\n states: {\n active: false,\n hover: false,\n focus: false,\n },\n }),\n};\n\nexport default select;\n"],"names":[],"mappings":";;;AAKA,MAAM,MAA2B,GAAA;AAAA,EAC/B,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,UAAY,EAAA,MAAA;AAAA,EACZ,CAAA,EAAG,QAAQ,CAAC,CAAA;AAAA,EACZ,EAAI,EAAA,CAAA;AAAA,EACJ,YAAc,EAAA,SAAA;AAAA,EACd,KAAO,EAAA,MAAA;AAAA,EACP,QAAU,EAAA,MAAA;AAAA,EACV,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AACH~~,CAAA,CAAA;AAEA,eAAe,MAAA~~;;;;"}
1	+ {"version":3,"file":"select.js","sources":["../../../src/base/forms/select.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { spacing } from '../../util';\r\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\r\n/* IMPORT HERE */\r\n\r\nconst select: ThemeUICSSObject = {\r\n variant: 'text.default',\r\n display: 'inline-block',\r\n fontFamily: 'body',\r\n p: spacing(4),\r\n pr: 7,\r\n borderRadius: 'default',\r\n width: '100%',\r\n maxWidth: '100%',\r\n ...getColorsAndStatesByPath('form.fields', {\r\n states: {\r\n active: false,\r\n hover: false,\r\n focus: false,\r\n },\r\n }),\r\n};\r\n\r\nexport default select;\r\n"],"names":[],"mappings":";;;AAKA,MAAM,MAA2B,GAAA;AAAA,EAC/B,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,UAAY,EAAA,MAAA;AAAA,EACZ,CAAA,EAAG,QAAQ,CAAC,CAAA;AAAA,EACZ,EAAI,EAAA,CAAA;AAAA,EACJ,YAAc,EAAA,SAAA;AAAA,EACd,KAAO,EAAA,MAAA;AAAA,EACP,QAAU,EAAA,MAAA;AAAA,EACV,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AACH;;;;"}

package/dist/base/forms/selectMultiple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"selectMultiple.js","sources":["../../../src/base/forms/selectMultiple.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\nimport { getSelectedColors } from '../colors/index';\n/* IMPORT HERE */\n\nfunction selectMultiple(theme: Theme): ThemeUICSSObject {\n return {\n variant: 'text.default',\n height: '100%',\n padding: '4px',\n borderRadius: 'default',\n border: '1px solid',\n width: '100%',\n transition: 'background-color 100ms ease-out, color 100ms ease-out',\n overflow: 'auto',\n option: {\n padding: 2,\n ...getSelectedColors(theme.palette),\n\n '&:checked': {\n backgroundColor: theme.palette.getColor(\n theme.palette.background.paper,\n 'selected',\n ),\n color: theme.palette.getContrastText(\n theme.palette.getColor(theme.palette.background.paper, 'selected'),\n ),\n },\n },\n '+ svg': {\n display: 'none',\n },\n ...theme.palette.getStatesFromPath('form.fields', {\n states: {\n active: false,\n hover: false,\n focus: false,\n },\n }),\n };\n}\n\nexport default selectMultiple;\n"],"names":[],"mappings":";;AAIA,SAAS,eAAe,KAAgC,EAAA;AACtD,EAAO,OAAA;AAAA,IACL,OAAS,EAAA,cAAA;AAAA,IACT,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,KAAA;AAAA,IACT,YAAc,EAAA,SAAA;AAAA,IACd,MAAQ,EAAA,WAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,uDAAA;AAAA,IACZ,QAAU,EAAA,MAAA;AAAA,IACV,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA,CAAA;AAAA,MACT,GAAG,iBAAkB,CAAA,KAAA,CAAM,OAAO,CAAA;AAAA,MAElC,WAAa,EAAA;AAAA,QACX,eAAA,EAAiB,MAAM,OAAQ,CAAA,QAAA;AAAA,UAC7B,KAAA,CAAM,QAAQ,UAAW,CAAA,KAAA;AAAA,UACzB,UAAA;AAAA,SACF;AAAA,QACA,KAAA,EAAO,MAAM,OAAQ,CAAA,eAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,QAAA,CAAS,MAAM,OAAQ,CAAA,UAAA,CAAW,OAAO,UAAU,CAAA;AAAA,SACnE;AAAA,OACF;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IACA,GAAG,KAAA,CAAM,OAAQ,CAAA,iBAAA,CAAkB,aAAe,EAAA;AAAA,MAChD,MAAQ,EAAA;AAAA,QACN,MAAQ,EAAA,KAAA;AAAA,QACR,KAAO,EAAA,KAAA;AAAA,QACP,KAAO,EAAA,KAAA;AAAA,OACT;AAAA,KACD,CAAA;AAAA,GACH,CAAA;AACF;;;;"}
1	+ {"version":3,"file":"selectMultiple.js","sources":["../../../src/base/forms/selectMultiple.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\r\nimport { getSelectedColors } from '../colors/index';\r\n/* IMPORT HERE */\r\n\r\nfunction selectMultiple(theme: Theme): ThemeUICSSObject {\r\n return {\r\n variant: 'text.default',\r\n height: '100%',\r\n padding: '4px',\r\n borderRadius: 'default',\r\n border: '1px solid',\r\n width: '100%',\r\n transition: 'background-color 100ms ease-out, color 100ms ease-out',\r\n overflow: 'auto',\r\n option: {\r\n padding: 2,\r\n ...getSelectedColors(theme.palette),\r\n\r\n '&:checked': {\r\n backgroundColor: theme.palette.getColor(\r\n theme.palette.background.paper,\r\n 'selected',\r\n ),\r\n color: theme.palette.getContrastText(\r\n theme.palette.getColor(theme.palette.background.paper, 'selected'),\r\n ),\r\n },\r\n },\r\n '+ svg': {\r\n display: 'none',\r\n },\r\n ...theme.palette.getStatesFromPath('form.fields', {\r\n states: {\r\n active: false,\r\n hover: false,\r\n focus: false,\r\n },\r\n }),\r\n };\r\n}\r\n\r\nexport default selectMultiple;\r\n"],"names":[],"mappings":";;AAIA,SAAS,eAAe,KAAgC,EAAA;AACtD,EAAO,OAAA;AAAA,IACL,OAAS,EAAA,cAAA;AAAA,IACT,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,KAAA;AAAA,IACT,YAAc,EAAA,SAAA;AAAA,IACd,MAAQ,EAAA,WAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,uDAAA;AAAA,IACZ,QAAU,EAAA,MAAA;AAAA,IACV,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA,CAAA;AAAA,MACT,GAAG,iBAAkB,CAAA,KAAA,CAAM,OAAO,CAAA;AAAA,MAElC,WAAa,EAAA;AAAA,QACX,eAAA,EAAiB,MAAM,OAAQ,CAAA,QAAA;AAAA,UAC7B,KAAA,CAAM,QAAQ,UAAW,CAAA,KAAA;AAAA,UACzB,UAAA;AAAA,SACF;AAAA,QACA,KAAA,EAAO,MAAM,OAAQ,CAAA,eAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,QAAA,CAAS,MAAM,OAAQ,CAAA,UAAA,CAAW,OAAO,UAAU,CAAA;AAAA,SACnE;AAAA,OACF;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IACA,GAAG,KAAA,CAAM,OAAQ,CAAA,iBAAA,CAAkB,aAAe,EAAA;AAAA,MAChD,MAAQ,EAAA;AAAA,QACN,MAAQ,EAAA,KAAA;AAAA,QACR,KAAO,EAAA,KAAA;AAAA,QACP,KAAO,EAAA,KAAA;AAAA,OACT;AAAA,KACD,CAAA;AAAA,GACH,CAAA;AACF;;;;"}

package/dist/base/forms/switch.js CHANGED Viewed

@@ -6,7 +6,6 @@ const Switch = {
   },
   backgroundColor: "form.fields.checked.borderColor"
 };
-var Switch$1 = Switch;
-export { Switch$1 as default };
+export { Switch as default };
 //# sourceMappingURL=switch.js.map

package/dist/base/forms/switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.js","sources":["../../../src/base/forms/switch.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\n/* IMPORT HERE */\n\nconst Switch: ThemeUICSSObject = {\n '+ span': {\n fontSize: 14,\n fontWeight: 'normal',\n wordBreak: 'break-all',\n },\n backgroundColor: 'form.fields.checked.borderColor',\n};\n\nexport default Switch;\n"],"names":[],"mappings":"AAGA,MAAM,MAA2B,GAAA;AAAA,EAC/B,QAAU,EAAA;AAAA,IACR,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,QAAA;AAAA,IACZ,SAAW,EAAA,WAAA;AAAA,GACb;AAAA,EACA,eAAiB,EAAA,iCAAA;AACnB~~,CAAA,CAAA;AAEA,eAAe,MAAA~~;;;;"}
1	+ {"version":3,"file":"switch.js","sources":["../../../src/base/forms/switch.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\n/* IMPORT HERE */\r\n\r\nconst Switch: ThemeUICSSObject = {\r\n '+ span': {\r\n fontSize: 14,\r\n fontWeight: 'normal',\r\n wordBreak: 'break-all',\r\n },\r\n backgroundColor: 'form.fields.checked.borderColor',\r\n};\r\n\r\nexport default Switch;\r\n"],"names":[],"mappings":"AAGA,MAAM,MAA2B,GAAA;AAAA,EAC/B,QAAU,EAAA;AAAA,IACR,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,QAAA;AAAA,IACZ,SAAW,EAAA,WAAA;AAAA,GACb;AAAA,EACA,eAAiB,EAAA,iCAAA;AACnB;;;;"}

package/dist/base/forms/textarea.js CHANGED Viewed

@@ -8,7 +8,6 @@ const textarea = {
     variant: "forms.input"
   }
 };
-var textarea$1 = textarea;
-export { textarea$1 as default };
+export { textarea as default };
 //# sourceMappingURL=textarea.js.map

package/dist/base/forms/textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.js","sources":["../../../src/base/forms/textarea.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\n/* IMPORT HERE */\n\nconst textarea: ThemeUICSSObject = {\n '&, & textarea': {\n height: '100%',\n minHeight: '130px',\n resize: 'vertical',\n },\n\n textarea: {\n variant: 'forms.input',\n },\n};\n\nexport default textarea;\n"],"names":[],"mappings":"AAGA,MAAM,QAA6B,GAAA;AAAA,EACjC,eAAiB,EAAA;AAAA,IACf,MAAQ,EAAA,MAAA;AAAA,IACR,SAAW,EAAA,OAAA;AAAA,IACX,MAAQ,EAAA,UAAA;AAAA,GACV;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,aAAA;AAAA,GACX;AACF~~,CAAA,CAAA;AAEA,iBAAe,QAAA~~;;;;"}
1	+ {"version":3,"file":"textarea.js","sources":["../../../src/base/forms/textarea.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\n/* IMPORT HERE */\r\n\r\nconst textarea: ThemeUICSSObject = {\r\n '&, & textarea': {\r\n height: '100%',\r\n minHeight: '130px',\r\n resize: 'vertical',\r\n },\r\n\r\n textarea: {\r\n variant: 'forms.input',\r\n },\r\n};\r\n\r\nexport default textarea;\r\n"],"names":[],"mappings":"AAGA,MAAM,QAA6B,GAAA;AAAA,EACjC,eAAiB,EAAA;AAAA,IACf,MAAQ,EAAA,MAAA;AAAA,IACR,SAAW,EAAA,OAAA;AAAA,IACX,MAAQ,EAAA,UAAA;AAAA,GACV;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,aAAA;AAAA,GACX;AACF;;;;"}

package/dist/base/layout/charts/index.js ADDED Viewed

@@ -0,0 +1,58 @@
+const frontColor = "hsl(196, 37%, 13%)";
+const charts = {
+  red: {
+    schema: "schemas.red"
+  },
+  orange: {
+    schema: "schemas.orange"
+  },
+  green: {
+    schema: "schemas.green"
+  },
+  blue: {
+    schema: "schemas.blue"
+  },
+  violet: {
+    schema: "schemas.violet"
+  },
+  turquoise: {
+    schema: "schemas.turquoise"
+  },
+  yellow: {
+    schema: "schemas.yellow"
+  },
+  grey: {
+    schema: "schemas.grey"
+  },
+  ocean: {
+    schema: "schemas.ocean"
+  },
+  sunset: {
+    schema: "schemas.sunset"
+  },
+  common: {
+    axis: {
+      stroke: frontColor,
+      title: frontColor
+    },
+    schema: frontColor,
+    background: "hsl(200deg 20% 98%)",
+    grid: {
+      stroke: frontColor,
+      opacity: "0.1"
+    },
+    toolTip: {
+      backgroundColor: "rgb(232, 241, 255)",
+      border: "1px solid #07c",
+      color: frontColor,
+      padding: ".3rem .5rem",
+      borderRadius: "3px",
+      fontSize: "18px",
+      boxShadow: "0 1px 2px rgba(33,33,33,0.2)",
+      lineHeight: "1em"
+    }
+  }
+};
+export { charts };
+//# sourceMappingURL=index.js.map