npm - @foxford/ui - Versions diffs - 2.1.0 → 2.3.0 - Mend

@foxford/ui 2.1.0 → 2.3.0

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 (34) hide show

package/components/Arrow/Arrow.js +1 -1
package/components/Arrow/Arrow.js.map +1 -1
package/components/Arrow/images/arrow.module.svg.js +1 -1
package/components/Arrow/images/arrow.module.svg.js.map +1 -1
package/components/Arrow/images/chevron.module.svg.js +2 -0
package/components/Arrow/images/chevron.module.svg.js.map +1 -0
package/components/Arrow/style.js +1 -1
package/components/Arrow/style.js.map +1 -1
package/components/Arrow/utils.js +2 -0
package/components/Arrow/utils.js.map +1 -0
package/components/ContextMenu/ContextMenu.js.map +1 -1
package/components/Paper/Paper.js.map +1 -1
package/dts/index.d.ts +65 -57
package/hooks/use-theme.js +2 -0
package/hooks/use-theme.js.map +1 -0
package/index.cjs.js +1 -1
package/index.cjs.js.map +1 -1
package/index.js +1 -1
package/mixins/responsive-property.js.map +1 -1
package/mixins/screen.js +1 -1
package/mixins/screen.js.map +1 -1
package/package.json +1 -1
package/shared/utils/inject-theme.js +2 -0
package/shared/utils/inject-theme.js.map +1 -0
package/theme/colors-dark.js +2 -0
package/theme/colors-dark.js.map +1 -0
package/theme/colors-light.js +2 -0
package/theme/colors-light.js.map +1 -0
package/theme/theme-provider.js +1 -1
package/theme/theme-provider.js.map +1 -1
package/theme/themes.js +2 -0
package/theme/themes.js.map +1 -0
package/theme/index.js +0 -2
package/theme/index.js.map +0 -1

package/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export{theme}from'./theme/index.js';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.js';export{desktopFirst,mobileFirst,property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.js';export{color}from'./mixins/color.js';export{vAlign}from'./mixins/vAlign.js';export{buildMediaQuery}from'./mixins/shared.js';export{ActionBtn}from'./components/ActionBtn/ActionBtn.js';export{Amount}from'./components/Amount/Amount.js';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.js';export{Anchor}from'./components/Anchor/Anchor.js';export{Arrow}from'./components/Arrow/Arrow.js';export{Avatar}from'./components/Avatar/Avatar.js';export{Badge}from'./components/Badge/Badge.js';export{Button}from'./components/Button/Button.js';export{Container}from'./components/Container/Container.js';export{Icon}from'./components/Icon/Icon.js';export{defaultIcons}from'./components/Icon/icons.js';export{Modal}from'./components/Modal/Modal.js';export{Paper}from'./components/Paper/Paper.js';export{Progress}from'./components/Progress/Progress.js';export{Scrollable}from'./components/Scrollable/Scrollable.js';export{Section}from'./components/Section/Section.js';export{Separator}from'./components/Separator/Separator.js';export{Spacer}from'./components/Spacer/Spacer.js';export{Spinner}from'./components/Spinner/Spinner.js';export{Switcher}from'./components/Switcher/Switcher.js';export{Tabs}from'./components/Tabs/Tabs.js';export{Text}from'./components/Text/Text.js';export{Tooltip}from'./components/Tooltip/Tooltip.js';export{Tag}from'./components/Tag/Tag.js';export{ContextMenu}from'./components/ContextMenu/ContextMenu.js';export{Textarea}from'./components/Textarea/Textarea.js';export{Input}from'./components/Input/Input.js';export{baseInputStyle}from'./components/Input/style.js';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.js';export{Radio}from'./components/Radio/Radio.js';export{Checkbox}from'./components/Checkbox/Checkbox.js';export{Select}from'./components/Select/Select.js';export{ThemeProvider}from'./theme/theme-provider.js';export{ColorNames}from'./theme/colors.js';
+export{ThemeProvider}from'./theme/theme-provider.js';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.js';export{ColorNames}from'./theme/colors.js';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.js';export{desktopFirst,mobileFirst,property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.js';export{color}from'./mixins/color.js';export{vAlign}from'./mixins/vAlign.js';export{buildMediaQuery}from'./mixins/shared.js';export{ActionBtn}from'./components/ActionBtn/ActionBtn.js';export{Amount}from'./components/Amount/Amount.js';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.js';export{Anchor}from'./components/Anchor/Anchor.js';export{Arrow}from'./components/Arrow/Arrow.js';export{Avatar}from'./components/Avatar/Avatar.js';export{Badge}from'./components/Badge/Badge.js';export{Button}from'./components/Button/Button.js';export{Container}from'./components/Container/Container.js';export{Icon}from'./components/Icon/Icon.js';export{defaultIcons}from'./components/Icon/icons.js';export{Modal}from'./components/Modal/Modal.js';export{Paper}from'./components/Paper/Paper.js';export{Progress}from'./components/Progress/Progress.js';export{Scrollable}from'./components/Scrollable/Scrollable.js';export{Section}from'./components/Section/Section.js';export{Separator}from'./components/Separator/Separator.js';export{Spacer}from'./components/Spacer/Spacer.js';export{Spinner}from'./components/Spinner/Spinner.js';export{Switcher}from'./components/Switcher/Switcher.js';export{Tabs}from'./components/Tabs/Tabs.js';export{Text}from'./components/Text/Text.js';export{Tooltip}from'./components/Tooltip/Tooltip.js';export{Tag}from'./components/Tag/Tag.js';export{ContextMenu}from'./components/ContextMenu/ContextMenu.js';export{Textarea}from'./components/Textarea/Textarea.js';export{Input}from'./components/Input/Input.js';export{baseInputStyle}from'./components/Input/style.js';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.js';export{Radio}from'./components/Radio/Radio.js';export{Checkbox}from'./components/Checkbox/Checkbox.js';export{Select}from'./components/Select/Select.js';
 //# sourceMappingURL=index.js.map

package/mixins/responsive-property.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"responsive-property.js","sources":["../../../src/mixins/responsive-property.ts"],"sourcesContent":["import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport { SizeLatin } from '../shared/enums/sizeLatin'\nimport { screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMinL, screenMaxXxs, screenMinM } from './screen'\nimport { buildMediaQuery, getLatinSizeMapByCssProperty } from './shared'\n\n/*\n Value for breakpoint\n /\nexport type PossibleValues = number \| keyof typeof SizeLatin \| 'auto' \| 'initial' \| 'inherit' \| boolean\n\ntype PropsProperties =\n \| 'size'\n \| 'fontSize'\n \| 'height'\n \| 'width'\n \| 'top'\n \| 'right'\n \| 'bottom'\n \| 'left'\n \| 'padding'\n \| 'paddingTop'\n \| 'paddingRight'\n \| 'paddingBottom'\n \| 'paddingLeft'\n \| 'margin'\n \| 'marginTop'\n \| 'marginRight'\n \| 'marginBottom'\n \| 'marginLeft'\n \| 'fluid'\n\nexport type CalcProperty = (\n _size: number \| 'auto' \| 'initial' \| 'inherit' \| boolean,\n _sizing?: null \| string\n) => FlattenSimpleInterpolation \| null\ntype CssProperty = string \| CalcProperty\ntype ResponsiveKeys = '' \| 'XXS' \| 'XS' \| 'S' \| 'M' \| 'L' \| 'XL'\n\nexport type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = {\n /\n Size for breakpoint\n /\n [key in `${T}${ResponsiveKeys}`]?: V // eslint-disable-line no-unused-vars\n}\n\nexport type ResponsiveProperty<V = number \| keyof typeof SizeLatin> =\n \| V\n \| [desktop: V, tablet: V, mobile: V]\n \| [xl: V, l: V, m: V, s: V, xs: V, xxs: V]\n\nexport const property =\n (value: PossibleValues, cssProperty: CssProperty = 'size', sizing: null \| string = 'px') =>\n () =>\n () => {\n if (typeof value === 'boolean') {\n return typeof cssProperty === 'function' ? cssProperty(1) : null\n }\n\n const sizeMap = getLatinSizeMapByCssProperty(cssProperty)\n\n if (typeof cssProperty === 'function') {\n return cssProperty(typeof value === 'number' ? value : sizeMap[value])\n }\n\n if (typeof value === 'string' && ['auto', 'initial', 'inherit'].includes(value))\n return css`\n ${cssProperty}: ${value};\n `\n\n return css`\n ${cssProperty}: ${typeof value === 'string' && sizeMap[value] ? sizeMap[value] : value}${sizing ?? ''};\n `\n }\n\nconst SCREEN_SIZE_MAP: Record<Exclude<ResponsiveKeys, ''>, typeof screenMaxXs> = {\n XXS: screenMaxXxs,\n XS: screenMaxXs,\n S: screenMaxS,\n M: screenMaxM,\n L: screenMaxL,\n XL: screenMinL,\n}\n\nconst SCREEN_SIZE_MAP_BY_DEVICE_ALIAS: Record<'desktop' \| 'tablet' \| 'mobile', typeof screenMaxXs> = {\n desktop: screenMinM,\n tablet: screenMaxM,\n mobile: screenMaxS,\n}\n\nfunction getScreenFnByResponsiveKey(size: string) {\n if (size.endsWith('XXS')) {\n return SCREEN_SIZE_MAP.XXS\n } else if (size.endsWith('XS')) {\n return SCREEN_SIZE_MAP.XS\n } else if (size.endsWith('S')) {\n return SCREEN_SIZE_MAP.S\n } else if (size.endsWith('M')) {\n return SCREEN_SIZE_MAP.M\n } else if (size.endsWith('L')) {\n return SCREEN_SIZE_MAP.L\n } else {\n return SCREEN_SIZE_MAP.XL\n }\n}\n\nconst getKey = (key: string): 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| null => {\n if (key.endsWith('XS')) return 'xs' // first check XS\n if (key.endsWith('S')) return 's'\n if (key.endsWith('M')) return 'm'\n if (key.endsWith('XL')) return 'xl' // first check XL\n if (key.endsWith('L')) return 'l'\n return null\n}\n\nconst DEKSTOP_FIRST_KEYS = ['xl', 'l', 'm', 's', 'xs']\nconst MOBILE_FIRST_KEYS = ['xs', 's', 'm', 'l', 'xl']\n\n/\n Sort keys as desktop first\n * @param a key a\n * @param b key b\n * @returns number\n /\nexport const desktopFirst = (a: string, b: string): number => {\n const aKey = getKey(a)\n const bKey = getKey(b)\n if (!aKey \|\| !bKey) return 0\n\n const aIndex = DEKSTOP_FIRST_KEYS.findIndex((el) => el === aKey)\n const bIndex = DEKSTOP_FIRST_KEYS.findIndex((el) => el === bKey)\n\n return aIndex < bIndex ? -1 : 1\n}\n\n/\n Sort keys as mobile first\n * @param a key a\n * @param b key b\n * @returns number\n /\nexport const mobileFirst = (a: string, b: string): number => {\n const aKey = getKey(a)\n const bKey = getKey(b)\n if (!aKey \|\| !bKey) return 0\n\n const aIndex = MOBILE_FIRST_KEYS.findIndex((el) => el === aKey)\n const bIndex = MOBILE_FIRST_KEYS.findIndex((el) => el === bKey)\n\n return aIndex < bIndex ? -1 : 1\n}\n\ninterface ResponsiveNamedPropertyPayload<T extends PropsProperties> {\n sizes: ResponsiveNamedProperty<T>\n cssProperty: CssProperty\n sizing?: null \| 'px' \| 'rem' \| 'em' \| '%'\n customSizeHandler?: (_value: PossibleValues) => PossibleValues\n sort?: (_a: string, _b: string) => number\n}\n\n/\n Миксин для генерации media запросов\n \n @param obj.sizes Объект, в качестве ключей брэйкпоинт, в качестве значений - величина\n * @param obj.cssProperty CSS свойство, может быть функцией, возвращающей css`` из styled-components\n * @param obj.sizing значение величины, по умолчанию `px`\n * @param obj.customSizeHandler функция для вычисления кастомных значений величин\n * @returns строки медиазапросов\n /\nexport const responsiveNamedProperty =\n <T extends PropsProperties>({\n sizes,\n cssProperty = 'size',\n sizing = 'px',\n customSizeHandler,\n sort = desktopFirst,\n }: ResponsiveNamedPropertyPayload<T>) =>\n () =>\n () => {\n const mediaCssStrArr = Object.keys(sizes)\n .sort(sort)\n .map((size) => {\n if (sizes[size] !== undefined) {\n const _size: PossibleValues =\n typeof customSizeHandler === 'function' ? customSizeHandler(sizes[size]) : sizes[size]\n\n return buildMediaQuery(_size, cssProperty, getScreenFnByResponsiveKey(size), sizing)\n }\n return null\n })\n .filter(Boolean)\n .map(\n (item) =>\n css`\n ${item}\n `\n )\n\n return mediaCssStrArr\n }\n\n/\n Миксин для генерации media запросов\n \n @param propName имя пропсы\n * @param cssProperty имя css свойства\n * @param sizing значение величины, по умолчанию `px`\n * @returns строки медиазапросов\n */\nexport const responsiveProperty =\n (propName: string, cssProperty: string \| null = null, sizing: null \| string = 'px') =>\n () =>\n (props: any) => {\n const prop: ResponsiveProperty \| null = props[propName] ?? null\n const _cssProperty = cssProperty ?? propName\n if (!prop) return null\n\n if (Array.isArray(prop) && prop.length === 3) {\n const [desktop, tablet, mobile] = prop\n return css`\n ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.desktop()`\n ${_cssProperty}: ${typeof desktop === 'number' ? `${desktop}${sizing ?? ''}` : desktop};\n `}\n ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.tablet()`\n ${_cssProperty}: ${typeof tablet === 'number' ? `${tablet}${sizing ?? ''}` : tablet};\n `}\n ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.mobile()`\n ${_cssProperty}: ${typeof mobile === 'number' ? `${mobile}${sizing ?? ''}` : mobile};\n `}\n `\n }\n\n if (Array.isArray(prop) && prop.length === 6 && typeof _cssProperty === 'string') {\n const [xl, l, m, s, xs, xxs] = prop\n return css`\n ${SCREEN_SIZE_MAP.XL()`\n ${_cssProperty}: ${typeof xl === 'number' ? `${xl}${sizing ?? ''}` : xl};\n `}\n ${SCREEN_SIZE_MAP.L()`\n ${_cssProperty}: ${typeof l === 'number' ? `${l}${sizing ?? ''}` : l};\n `}\n ${SCREEN_SIZE_MAP.M()`\n ${_cssProperty}: ${typeof m === 'number' ? `${m}${sizing ?? ''}` : m};\n `}\n ${SCREEN_SIZE_MAP.S()`\n ${_cssProperty}: ${typeof s === 'number' ? `${s}${sizing ?? ''}` : s};\n `}\n ${SCREEN_SIZE_MAP.XS()`\n ${_cssProperty}: ${typeof xs === 'number' ? `${xs}${sizing ?? ''}` : xs};\n `}\n ${SCREEN_SIZE_MAP.XXS()`\n ${_cssProperty}: ${typeof xxs === 'number' ? `${xxs}${sizing ?? ''}` : xxs};\n `}\n `\n }\n\n if (typeof prop === 'number') {\n return css`\n ${_cssProperty}: ${prop}${sizing ?? null};\n `\n }\n\n if (typeof prop === 'string') {\n return css`\n ${_cssProperty}: ${prop};\n `\n }\n\n return null\n }\n"],"names":["property","value","r","e","cssProperty","sizing","sizeMap","getLatinSizeMapByCssProperty","includes","css","SCREEN_SIZE_MAP","XXS","screenMaxXxs","XS","screenMaxXs","S","screenMaxS","M","screenMaxM","L","screenMaxL","XL","screenMinL","SCREEN_SIZE_MAP_BY_DEVICE_ALIAS","desktop","screenMinM","tablet","mobile","getKey","key","endsWith","DEKSTOP_FIRST_KEYS","MOBILE_FIRST_KEYS","desktopFirst","a","b","aKey","bKey","findIndex","el","mobileFirst","responsiveNamedProperty","_ref","sizes","customSizeHandler","sort","Object","keys","map","size","_size","buildMediaQuery","filter","Boolean","item","responsiveProperty","propName","o","props","_props$propName","prop","_cssProperty","Array","isArray","length","_templateObject","_taggedTemplateLiteral","concat","_templateObject2","_templateObject3","xl","l","m","s","xs","xxs","_templateObject4","_templateObject6","_templateObject9"],"mappings":"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"}
1	+ {"version":3,"file":"responsive-property.js","sources":["../../../src/mixins/responsive-property.ts"],"sourcesContent":["import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport { SizeLatin } from '../shared/enums/sizeLatin'\nimport { screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMinL, screenMaxXxs, screenMinM } from './screen'\nimport { buildMediaQuery, getLatinSizeMapByCssProperty } from './shared'\n\n/*\n Value for breakpoint\n /\nexport type PossibleValues = number \| keyof typeof SizeLatin \| 'auto' \| 'initial' \| 'inherit' \| boolean\n\ntype PropsProperties =\n \| 'size'\n \| 'fontSize'\n \| 'height'\n \| 'width'\n \| 'top'\n \| 'right'\n \| 'bottom'\n \| 'left'\n \| 'padding'\n \| 'paddingTop'\n \| 'paddingRight'\n \| 'paddingBottom'\n \| 'paddingLeft'\n \| 'margin'\n \| 'marginTop'\n \| 'marginRight'\n \| 'marginBottom'\n \| 'marginLeft'\n \| 'fluid'\n\nexport type CalcProperty = (\n _size: number \| 'auto' \| 'initial' \| 'inherit' \| boolean,\n _sizing?: null \| string\n) => FlattenSimpleInterpolation \| null\ntype CssProperty = string \| CalcProperty\ntype ResponsiveKeys = '' \| 'XXS' \| 'XS' \| 'S' \| 'M' \| 'L' \| 'XL'\n\nexport type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = {\n /\n Size for breakpoint\n /\n [key in `${T}${ResponsiveKeys}`]?: V // eslint-disable-line no-unused-vars\n}\n\nexport type ResponsiveProperty<V = number \| keyof typeof SizeLatin> =\n \| V\n \| [desktop: V, tablet: V, mobile: V]\n \| [xl: V, l: V, m: V, s: V, xs: V, xxs: V]\n\nexport const property =\n (value: PossibleValues, cssProperty: CssProperty = 'size', sizing: null \| string = 'px') =>\n () =>\n () => {\n if (typeof value === 'boolean') {\n return typeof cssProperty === 'function' ? cssProperty(1) : null\n }\n\n const sizeMap = getLatinSizeMapByCssProperty(cssProperty)\n\n if (typeof cssProperty === 'function') {\n return cssProperty(typeof value === 'number' ? value : sizeMap[value])\n }\n\n if (typeof value === 'string' && ['auto', 'initial', 'inherit'].includes(value))\n return css`\n ${cssProperty}: ${value};\n `\n\n return css`\n ${cssProperty}: ${typeof value === 'string' && sizeMap[value] ? sizeMap[value] : value}${sizing ?? ''};\n `\n }\n\nconst SCREEN_SIZE_MAP: Record<Exclude<ResponsiveKeys, ''>, typeof screenMaxXs> = {\n XXS: screenMaxXxs,\n XS: screenMaxXs,\n S: screenMaxS,\n M: screenMaxM,\n L: screenMaxL,\n XL: screenMinL,\n}\n\nconst SCREEN_SIZE_MAP_BY_DEVICE_ALIAS: Record<'desktop' \| 'tablet' \| 'mobile', typeof screenMaxXs> = {\n desktop: screenMinM,\n tablet: screenMaxM,\n mobile: screenMaxS,\n}\n\nfunction getScreenFnByResponsiveKey(size: string) {\n if (size.endsWith('XXS')) {\n return SCREEN_SIZE_MAP.XXS\n } else if (size.endsWith('XS')) {\n return SCREEN_SIZE_MAP.XS\n } else if (size.endsWith('S')) {\n return SCREEN_SIZE_MAP.S\n } else if (size.endsWith('M')) {\n return SCREEN_SIZE_MAP.M\n } else if (size.endsWith('L')) {\n return SCREEN_SIZE_MAP.L\n } else {\n return SCREEN_SIZE_MAP.XL\n }\n}\n\nconst getKey = (key: string): 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| null => {\n if (key.endsWith('XS')) return 'xs' // first check XS\n if (key.endsWith('S')) return 's'\n if (key.endsWith('M')) return 'm'\n if (key.endsWith('XL')) return 'xl' // first check XL\n if (key.endsWith('L')) return 'l'\n return null\n}\n\nconst DEKSTOP_FIRST_KEYS = ['xl', 'l', 'm', 's', 'xs']\nconst MOBILE_FIRST_KEYS = ['xs', 's', 'm', 'l', 'xl']\n\n/\n Sort keys as desktop first\n * @param a key a\n * @param b key b\n * @returns number\n /\nexport const desktopFirst = (a: string, b: string): number => {\n const aKey = getKey(a)\n const bKey = getKey(b)\n if (!aKey \|\| !bKey) return 0\n\n const aIndex = DEKSTOP_FIRST_KEYS.findIndex((el) => el === aKey)\n const bIndex = DEKSTOP_FIRST_KEYS.findIndex((el) => el === bKey)\n\n return aIndex < bIndex ? -1 : 1\n}\n\n/\n Sort keys as mobile first\n * @param a key a\n * @param b key b\n * @returns number\n /\nexport const mobileFirst = (a: string, b: string): number => {\n const aKey = getKey(a)\n const bKey = getKey(b)\n if (!aKey \|\| !bKey) return 0\n\n const aIndex = MOBILE_FIRST_KEYS.findIndex((el) => el === aKey)\n const bIndex = MOBILE_FIRST_KEYS.findIndex((el) => el === bKey)\n\n return aIndex < bIndex ? -1 : 1\n}\n\ninterface ResponsiveNamedPropertyPayload<T extends PropsProperties> {\n sizes: ResponsiveNamedProperty<T>\n cssProperty: CssProperty\n sizing?: null \| 'px' \| 'rem' \| 'em' \| '%'\n customSizeHandler?: (_value: PossibleValues) => PossibleValues\n sort?: (_a: string, _b: string) => number\n}\n\n/\n Миксин для генерации media запросов\n \n @param obj.sizes Объект, в качестве ключей брэйкпоинт, в качестве значений - величина\n * @param obj.cssProperty CSS свойство, может быть функцией, возвращающей css`` из styled-components\n * @param obj.sizing значение величины, по умолчанию `px`\n * @param obj.customSizeHandler функция для вычисления кастомных значений величин\n * @returns строки медиазапросов\n /\nexport const responsiveNamedProperty =\n <T extends PropsProperties>({\n sizes,\n cssProperty = 'size',\n sizing = 'px',\n customSizeHandler,\n sort = desktopFirst,\n }: ResponsiveNamedPropertyPayload<T>) =>\n () =>\n () => {\n const mediaCssStrArr = Object.keys(sizes)\n .sort(sort)\n .map((size) => {\n if (sizes[size] !== undefined) {\n const _size: PossibleValues =\n typeof customSizeHandler === 'function' ? customSizeHandler(sizes[size]) : sizes[size]\n\n return buildMediaQuery(_size, cssProperty, getScreenFnByResponsiveKey(size), sizing)\n }\n return null\n })\n .filter(Boolean)\n .map(\n (item) =>\n css`\n ${item}\n `\n )\n\n return mediaCssStrArr\n }\n\n/\n Миксин для генерации media запросов\n \n @param propName имя пропсы\n * @param cssProperty имя css свойства\n * @param sizing значение величины, по умолчанию `px`\n * @returns строки медиазапросов\n */\nexport const responsiveProperty =\n (propName: string, cssProperty: string \| null = null, sizing: null \| string = 'px') =>\n () =>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (props: any) => {\n const prop: ResponsiveProperty \| null = props[propName] ?? null\n const _cssProperty = cssProperty ?? propName\n if (!prop) return null\n\n if (Array.isArray(prop) && prop.length === 3) {\n const [desktop, tablet, mobile] = prop\n return css`\n ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.desktop()`\n ${_cssProperty}: ${typeof desktop === 'number' ? `${desktop}${sizing ?? ''}` : desktop};\n `}\n ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.tablet()`\n ${_cssProperty}: ${typeof tablet === 'number' ? `${tablet}${sizing ?? ''}` : tablet};\n `}\n ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.mobile()`\n ${_cssProperty}: ${typeof mobile === 'number' ? `${mobile}${sizing ?? ''}` : mobile};\n `}\n `\n }\n\n if (Array.isArray(prop) && prop.length === 6 && typeof _cssProperty === 'string') {\n const [xl, l, m, s, xs, xxs] = prop\n return css`\n ${SCREEN_SIZE_MAP.XL()`\n ${_cssProperty}: ${typeof xl === 'number' ? `${xl}${sizing ?? ''}` : xl};\n `}\n ${SCREEN_SIZE_MAP.L()`\n ${_cssProperty}: ${typeof l === 'number' ? `${l}${sizing ?? ''}` : l};\n `}\n ${SCREEN_SIZE_MAP.M()`\n ${_cssProperty}: ${typeof m === 'number' ? `${m}${sizing ?? ''}` : m};\n `}\n ${SCREEN_SIZE_MAP.S()`\n ${_cssProperty}: ${typeof s === 'number' ? `${s}${sizing ?? ''}` : s};\n `}\n ${SCREEN_SIZE_MAP.XS()`\n ${_cssProperty}: ${typeof xs === 'number' ? `${xs}${sizing ?? ''}` : xs};\n `}\n ${SCREEN_SIZE_MAP.XXS()`\n ${_cssProperty}: ${typeof xxs === 'number' ? `${xxs}${sizing ?? ''}` : xxs};\n `}\n `\n }\n\n if (typeof prop === 'number') {\n return css`\n ${_cssProperty}: ${prop}${sizing ?? null};\n `\n }\n\n if (typeof prop === 'string') {\n return css`\n ${_cssProperty}: ${prop};\n `\n }\n\n return null\n }\n"],"names":["property","value","r","e","cssProperty","sizing","sizeMap","getLatinSizeMapByCssProperty","includes","css","SCREEN_SIZE_MAP","XXS","screenMaxXxs","XS","screenMaxXs","S","screenMaxS","M","screenMaxM","L","screenMaxL","XL","screenMinL","SCREEN_SIZE_MAP_BY_DEVICE_ALIAS","desktop","screenMinM","tablet","mobile","getKey","key","endsWith","DEKSTOP_FIRST_KEYS","MOBILE_FIRST_KEYS","desktopFirst","a","b","aKey","bKey","findIndex","el","mobileFirst","responsiveNamedProperty","_ref","sizes","customSizeHandler","sort","Object","keys","map","size","_size","buildMediaQuery","filter","Boolean","item","responsiveProperty","propName","o","props","_props$propName","prop","_cssProperty","Array","isArray","length","_templateObject","_taggedTemplateLiteral","concat","_templateObject2","_templateObject3","xl","l","m","s","xs","xxs","_templateObject4","_templateObject6","_templateObject9"],"mappings":"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"}

package/mixins/screen.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{css as a}from'styled-components';import{theme as e}from'../theme/index.js';var n={MAX:r=(a,e)=>"(max-width: ".concat(a[e]-.02,"px)"),MIN:s=(a,e)=>"(min-width: ".concat(a[e],"px)"),RANGE:(a,e,n)=>"".concat(s(a,e)," and ").concat(r(a,n))};var r,s;var i=function(n){for(var r=arguments.length,s=new Array(r>1?r-1:0),i=1;i<r;i++)s[i-1]=arguments[i];return r=>function(){for(var i=arguments.length,c=new Array(i),t=0;t<i;t++)c[t]=arguments[t];return i=>{var t,o;var v=null!==(t=null===(o=i.theme)||void 0===o?void 0:o.breakpoints)&&void 0!==t?t:e.breakpoints;return void 0!==r&&'function'==typeof r.condition&&!1===r.condition(i)?a([""]):a(["@media screen and "," ","{","}"],n(v,...s),void 0!==r&&'string'==typeof r.and?"and ".concat(r.and):"",a(...c))}}};var c=i(n.RANGE,'xxs','xs');var t=i(n.RANGE,'xs','s');var o=i(n.RANGE,'s','m');var v=i(n.RANGE,'m','l');var M=i(n.RANGE,'l','xl');var x=i(n.MAX,'xxs');var d=i(n.MAX,'xs');var l=i(n.MIN,'xs');var m=i(n.MAX,'s');var A=i(n.MIN,'s');var X=i(n.MAX,'m');var p=i(n.MIN,'m');var N=i(n.MAX,'l');var u=i(n.MIN,'l');var f=i(n.MAX,'xl');var h=i(n.MIN,'xl');var R=function(){return a(["@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){","}"],a(...arguments))};export{v as screenL,o as screenM,N as screenMaxL,X as screenMaxM,m as screenMaxS,f as screenMaxXl,d as screenMaxXs,x as screenMaxXxs,u as screenMinL,p as screenMinM,A as screenMinS,h as screenMinXl,l as screenMinXs,R as screenRetina,t as screenS,M as screenXl,c as screenXs};
+import{css as e}from'styled-components';import'react';import'ramda';import'../theme/global-styled.js';import{defaultTheme as r}from'../theme/themes.js';import'react/jsx-runtime';import'../theme/colors.js';var a={MAX:n=(e,r)=>"(max-width: ".concat(e[r]-.02,"px)"),MIN:s=(e,r)=>"(min-width: ".concat(e[r],"px)"),RANGE:(e,r,a)=>"".concat(s(e,r)," and ").concat(n(e,a))};var n,s;var t=function(a){for(var n=arguments.length,s=new Array(n>1?n-1:0),t=1;t<n;t++)s[t-1]=arguments[t];return n=>function(){for(var t=arguments.length,i=new Array(t),o=0;o<t;o++)i[o]=arguments[o];return t=>{var o,c;var v=null!==(o=null===(c=t.theme)||void 0===c?void 0:c.breakpoints)&&void 0!==o?o:r.breakpoints;return void 0!==n&&'function'==typeof n.condition&&!1===n.condition(t)?e([""]):e(["@media screen and "," ","{","}"],a(v,...s),void 0!==n&&'string'==typeof n.and?"and ".concat(n.and):"",e(...i))}}};var i=t(a.RANGE,'xxs','xs');var o=t(a.RANGE,'xs','s');var c=t(a.RANGE,'s','m');var v=t(a.RANGE,'m','l');var m=t(a.RANGE,'l','xl');var M=t(a.MAX,'xxs');var l=t(a.MAX,'xs');var x=t(a.MIN,'xs');var d=t(a.MAX,'s');var p=t(a.MIN,'s');var A=t(a.MAX,'m');var X=t(a.MIN,'m');var u=t(a.MAX,'l');var N=t(a.MIN,'l');var f=t(a.MAX,'xl');var h=t(a.MIN,'xl');var R=function(){return e(["@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){","}"],e(...arguments))};export{v as screenL,c as screenM,u as screenMaxL,A as screenMaxM,d as screenMaxS,f as screenMaxXl,l as screenMaxXs,M as screenMaxXxs,N as screenMinL,X as screenMinM,p as screenMinS,h as screenMinXl,x as screenMinXs,R as screenRetina,o as screenS,m as screenXl,i as screenXs};
 //# sourceMappingURL=screen.js.map

package/mixins/screen.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"screen.js","sources":["../../../src/mixins/screen.ts"],"sourcesContent":["import { css, CSSObject, SimpleInterpolation } from 'styled-components'\nimport { theme } from '../theme'\n\ntype StyledComponentProps = {\n theme?: { breakpoints?: typeof theme.breakpoints }\n}\n\ntype MediaQueryParams = {\n and?: string\n condition?: (_props: any) => boolean\n}\n\nconst CONDITIONS = (() => {\n const maxWidth = (breakpoints: typeof theme.breakpoints, point: string) =>\n `(max-width: ${breakpoints[point] - 0.02}px)`\n const minWidth = (breakpoints: typeof theme.breakpoints, point: string) => `(min-width: ${breakpoints[point]}px)`\n\n return {\n MAX: maxWidth,\n MIN: minWidth,\n RANGE: (breakpoints: typeof theme.breakpoints, point1: string, point2: string) =>\n `${minWidth(breakpoints, point1)} and ${maxWidth(breakpoints, point2)}`,\n }\n})()\n\nconst createMediaQuery =\n (condition: (_breakpoints: typeof theme.breakpoints, ..._points: string[]) => string, ...points: string[]) =>\n (params?: MediaQueryParams) =>\n (...args: [CSSObject \| TemplateStringsArray, ...SimpleInterpolation[]]) =>\n (props: StyledComponentProps) => {\n const breakpoints = props.theme?.breakpoints ?? theme.breakpoints\n\n if (params !== undefined && typeof params.condition === 'function' && params.condition(props) === false) {\n return css``\n }\n\n return css`\n @media screen and ${condition(breakpoints, ...points)} ${params !== undefined && typeof params.and === 'string'\n ? `and ${params.and}`\n : ``} {\n ${css(...args)}\n }\n `\n }\n\n/*\n @return `@media screen and (min-width: 320px) and (max-width: 374px) { ...args }`\n /\nexport const screenXs = createMediaQuery(CONDITIONS.RANGE, 'xxs', 'xs')\n\n/\n @return `@media screen and (min-width: 375px) and (max-width: 767px) { ...args }`\n /\nexport const screenS = createMediaQuery(CONDITIONS.RANGE, 'xs', 's')\n\n/\n @return `@media screen and (min-width: 768) and (max-width: 1023px) { ...args }`\n /\nexport const screenM = createMediaQuery(CONDITIONS.RANGE, 's', 'm')\n\n/\n @return `@media screen and (min-width: 1024px) and (max-width: 1279px) { ...args }`\n /\nexport const screenL = createMediaQuery(CONDITIONS.RANGE, 'm', 'l')\n\n/\n @return `@media screen and (min-width: 1280px) and (max-width: 1439px) { ...args }`\n /\nexport const screenXl = createMediaQuery(CONDITIONS.RANGE, 'l', 'xl')\n\n/\n @return `@media screen and (max-width: 319px) { ...args }`\n /\nexport const screenMaxXxs = createMediaQuery(CONDITIONS.MAX, 'xxs')\n\n/\n @return `@media screen and (max-width: 374px) { ...args }`\n /\nexport const screenMaxXs = createMediaQuery(CONDITIONS.MAX, 'xs')\n\n/\n @return `@media screen and (min-width: 375px) { ...args }`\n /\nexport const screenMinXs = createMediaQuery(CONDITIONS.MIN, 'xs')\n\n/\n @return `@media screen and (max-width: 767px) { ...args }`\n /\nexport const screenMaxS = createMediaQuery(CONDITIONS.MAX, 's')\n\n/\n @return `@media screen and (min-width: 768px) { ...args }`\n /\nexport const screenMinS = createMediaQuery(CONDITIONS.MIN, 's')\n\n/\n @return `@media screen and (max-width: 1023px) { ...args }`\n /\nexport const screenMaxM = createMediaQuery(CONDITIONS.MAX, 'm')\n\n/\n @return `@media screen and (min-width: 1024px) { ...args }`\n /\nexport const screenMinM = createMediaQuery(CONDITIONS.MIN, 'm')\n\n/\n @return `@media screen and (max-width: 1279px) { ...args }`\n /\nexport const screenMaxL = createMediaQuery(CONDITIONS.MAX, 'l')\n\n/\n @return `@media screen and (min-width: 1280px) { ...args }`\n /\nexport const screenMinL = createMediaQuery(CONDITIONS.MIN, 'l')\n\n/\n @return `@media screen and (max-width: 1439px) { ...args }`\n /\nexport const screenMaxXl = createMediaQuery(CONDITIONS.MAX, 'xl')\n\n/\n @return `@media screen and (min-width: 1440px) { ...args }`\n /\nexport const screenMinXl = createMediaQuery(CONDITIONS.MIN, 'xl')\n\n/\n @return `@media -webkit-min-device-pixel-ratio: 2 and (min-resolution: 192dpi) { ...args }`\n */\nexport const screenRetina = (...args: [CSSObject \| TemplateStringsArray, SimpleInterpolation]) => css`\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n ${css(...args)}\n }\n`\n"],"names":["CONDITIONS","MAX","maxWidth","breakpoints","point","MIN","minWidth","concat","RANGE","point1","point2","createMediaQuery","condition","_len","arguments","length","points","Array","_key","params","_len2","args","_key2","props","_props$theme$breakpoi","_props$theme","theme","css","and","screenXs","screenS","screenM","screenL","screenXl","screenMaxXxs","screenMaxXs","screenMinXs","screenMaxS","screenMinS","screenMaxM","screenMinM","screenMaxL","screenMinL","screenMaxXl","screenMinXl","screenRetina"],"mappings":"~~kFAYA~~,IAAMA,EAKG,CACLC,IALIC,EAAW,CAACC,EAAuCC,IACxCD,eAAAA,OAAAA,EAAYC,GAAS,IADtC,OAMEC,IAJIC,EAAW,CAACH,EAAuCC,IAAxC,eAAAG,OAAyEJ,EAAYC,GAAtG,OAKEI,MAAO,CAACL,EAAuCM,EAAgBC,cAC1DJ,EAASH,EAAaM,GAAeP,SAAAA,OAAAA,EAASC,EAAaO,KATjD,IACXR,EAEAI,EAUR,IAAMK,EACJ,SAACC,GAAD,IAAA,IAAAC,EAAAC,UAAAC,OAAyFC,EAAzF,IAAAC,MAAAJ,EAAA,EAAAA,EAAA,EAAA,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAyFF,EAAzFE,EAAA,GAAAJ,UAAAI,GAAA,OACCC,GACD,WAAA,IAAA,IAAAC,EAAAN,UAAAC,OAAIM,EAAJ,IAAAJ,MAAAG,GAAAE,EAAA,EAAAA,EAAAF,EAAAE,IAAID,EAAJC,GAAAR,UAAAQ,GAAA,OACCC,IAAgC,IAAAC,EAAAC,EAC/B,IAAMtB,EAAW,QAAGoB,EAAA,QAAAA,EAAAA,EAAMG,~~aAAN~~,~~IAAAD~~,~~OAAA,~~EAAAA,EAAatB,~~mBAAAA~~,~~IAAhBqB~~,EAAAA,EAA+BE,EAAMvB,YAEtD,YAAA,IAAIgB,GAAoD,mBAArBA,EAAOP,~~YAAAA~~,~~IAA4BO~~,EAAOP,UAAUW,GAC9EI,EAAP,CAAA,KAGKA,EAAP,CAAA,qBAAA,IAAA,IAAA,KACsBf,EAAUT,KAAgBa,~~QAAAA~~,~~IAAWG~~,GAA8C,iBAAfA,~~EAAOS~~,IAAtC,~~OAAArB~~,OAC5CY,~~EAAOS~~,KADqC,~~GAGrDD~~,KAAON,~~OAQJQ~~,IAAAA,~~EAAWlB~~,EAAiBX,EAAWQ,MAAO,MAAO,~~MAKrDsB~~,IAAAA,~~EAAUnB~~,EAAiBX,EAAWQ,MAAO,KAAM,~~KAKnDuB~~,IAAAA,~~EAAUpB~~,EAAiBX,EAAWQ,MAAO,IAAK,~~KAKlDwB~~,IAAAA,~~EAAUrB~~,EAAiBX,EAAWQ,MAAO,IAAK,~~KAKlDyB~~,IAAAA,~~EAAWtB~~,EAAiBX,EAAWQ,MAAO,IAAK,MAKzD,~~IAAM0B~~,~~EAAevB~~,EAAiBX,EAAWC,IAAK,OAKtD,~~IAAMkC~~,~~EAAcxB~~,EAAiBX,EAAWC,IAAK,MAKrD,~~IAAMmC~~,~~EAAczB~~,EAAiBX,EAAWK,IAAK,MAKrD,~~IAAMgC~~,~~EAAa1B~~,EAAiBX,EAAWC,IAAK,KAKpD,~~IAAMqC~~,~~EAAa3B~~,EAAiBX,EAAWK,IAAK,KAKpD,~~IAAMkC~~,~~EAAa5B~~,EAAiBX,EAAWC,IAAK,KAKpD,~~IAAMuC~~,~~EAAa7B~~,EAAiBX,EAAWK,IAAK,KAKpD,~~IAAMoC~~,~~EAAa9B~~,EAAiBX,EAAWC,IAAK,KAKpD,~~IAAMyC~~,~~EAAa/B~~,EAAiBX,EAAWK,IAAK,KAKpD,~~IAAMsC~~,~~EAAchC~~,EAAiBX,EAAWC,IAAK,MAKrD,~~IAAM2C~~,~~EAAcjC~~,EAAiBX,EAAWK,IAAK,MAK/~~CwC~~,IAAAA,EAAe,WAAA,~~OAAsElB~~,EAAtE,CAAA,qEAAA,KAEtBA"}
1	+ {"version":3,"file":"screen.js","sources":["../../../src/mixins/screen.ts"],"sourcesContent":["import { css, CSSObject, SimpleInterpolation } from 'styled-components'\nimport { theme } from '../theme'\n\ntype StyledComponentProps = {\n theme?: { breakpoints?: typeof theme.breakpoints }\n}\n\ntype MediaQueryParams = {\n and?: string\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n condition?: (_props: any) => boolean\n}\n\nconst CONDITIONS = (() => {\n const maxWidth = (breakpoints: typeof theme.breakpoints, point: string) =>\n `(max-width: ${breakpoints[point] - 0.02}px)`\n const minWidth = (breakpoints: typeof theme.breakpoints, point: string) => `(min-width: ${breakpoints[point]}px)`\n\n return {\n MAX: maxWidth,\n MIN: minWidth,\n RANGE: (breakpoints: typeof theme.breakpoints, point1: string, point2: string) =>\n `${minWidth(breakpoints, point1)} and ${maxWidth(breakpoints, point2)}`,\n }\n})()\n\nconst createMediaQuery =\n (condition: (_breakpoints: typeof theme.breakpoints, ..._points: string[]) => string, ...points: string[]) =>\n (params?: MediaQueryParams) =>\n (...args: [CSSObject \| TemplateStringsArray, ...SimpleInterpolation[]]) =>\n (props: StyledComponentProps) => {\n const breakpoints = props.theme?.breakpoints ?? theme.breakpoints\n\n if (params !== undefined && typeof params.condition === 'function' && params.condition(props) === false) {\n return css``\n }\n\n return css`\n @media screen and ${condition(breakpoints, ...points)} ${params !== undefined && typeof params.and === 'string'\n ? `and ${params.and}`\n : ``} {\n ${css(...args)}\n }\n `\n }\n\n/*\n @return `@media screen and (min-width: 320px) and (max-width: 374px) { ...args }`\n /\nexport const screenXs = createMediaQuery(CONDITIONS.RANGE, 'xxs', 'xs')\n\n/\n @return `@media screen and (min-width: 375px) and (max-width: 767px) { ...args }`\n /\nexport const screenS = createMediaQuery(CONDITIONS.RANGE, 'xs', 's')\n\n/\n @return `@media screen and (min-width: 768) and (max-width: 1023px) { ...args }`\n /\nexport const screenM = createMediaQuery(CONDITIONS.RANGE, 's', 'm')\n\n/\n @return `@media screen and (min-width: 1024px) and (max-width: 1279px) { ...args }`\n /\nexport const screenL = createMediaQuery(CONDITIONS.RANGE, 'm', 'l')\n\n/\n @return `@media screen and (min-width: 1280px) and (max-width: 1439px) { ...args }`\n /\nexport const screenXl = createMediaQuery(CONDITIONS.RANGE, 'l', 'xl')\n\n/\n @return `@media screen and (max-width: 319px) { ...args }`\n /\nexport const screenMaxXxs = createMediaQuery(CONDITIONS.MAX, 'xxs')\n\n/\n @return `@media screen and (max-width: 374px) { ...args }`\n /\nexport const screenMaxXs = createMediaQuery(CONDITIONS.MAX, 'xs')\n\n/\n @return `@media screen and (min-width: 375px) { ...args }`\n /\nexport const screenMinXs = createMediaQuery(CONDITIONS.MIN, 'xs')\n\n/\n @return `@media screen and (max-width: 767px) { ...args }`\n /\nexport const screenMaxS = createMediaQuery(CONDITIONS.MAX, 's')\n\n/\n @return `@media screen and (min-width: 768px) { ...args }`\n /\nexport const screenMinS = createMediaQuery(CONDITIONS.MIN, 's')\n\n/\n @return `@media screen and (max-width: 1023px) { ...args }`\n /\nexport const screenMaxM = createMediaQuery(CONDITIONS.MAX, 'm')\n\n/\n @return `@media screen and (min-width: 1024px) { ...args }`\n /\nexport const screenMinM = createMediaQuery(CONDITIONS.MIN, 'm')\n\n/\n @return `@media screen and (max-width: 1279px) { ...args }`\n /\nexport const screenMaxL = createMediaQuery(CONDITIONS.MAX, 'l')\n\n/\n @return `@media screen and (min-width: 1280px) { ...args }`\n /\nexport const screenMinL = createMediaQuery(CONDITIONS.MIN, 'l')\n\n/\n @return `@media screen and (max-width: 1439px) { ...args }`\n /\nexport const screenMaxXl = createMediaQuery(CONDITIONS.MAX, 'xl')\n\n/\n @return `@media screen and (min-width: 1440px) { ...args }`\n /\nexport const screenMinXl = createMediaQuery(CONDITIONS.MIN, 'xl')\n\n/\n @return `@media -webkit-min-device-pixel-ratio: 2 and (min-resolution: 192dpi) { ...args }`\n */\nexport const screenRetina = (...args: [CSSObject \| TemplateStringsArray, SimpleInterpolation]) => css`\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n ${css(...args)}\n }\n`\n"],"names":["CONDITIONS","MAX","maxWidth","breakpoints","point","MIN","minWidth","concat","RANGE","point1","point2","createMediaQuery","condition","_len","arguments","length","points","Array","_key","params","_len2","args","_key2","props","_props$theme$breakpoi","_props$theme","theme","css","undefined","and","screenXs","screenS","screenM","screenL","screenXl","screenMaxXxs","screenMaxXs","screenMinXs","screenMaxS","screenMinS","screenMaxM","screenMinM","screenMaxL","screenMinL","screenMaxXl","screenMinXl","screenRetina"],"mappings":"6MAaA,IAAMA,EAKG,CACLC,IALIC,EAAW,CAACC,EAAuCC,IACxCD,eAAAA,OAAAA,EAAYC,GAAS,IADtC,OAMEC,IAJIC,EAAW,CAACH,EAAuCC,IAAxC,eAAAG,OAAyEJ,EAAYC,GAAtG,OAKEI,MAAO,CAACL,EAAuCM,EAAgBC,cAC1DJ,EAASH,EAAaM,GAAeP,SAAAA,OAAAA,EAASC,EAAaO,KATjD,IACXR,EAEAI,EAUR,IAAMK,EACJ,SAACC,GAAD,IAAA,IAAAC,EAAAC,UAAAC,OAAyFC,EAAzF,IAAAC,MAAAJ,EAAA,EAAAA,EAAA,EAAA,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAyFF,EAAzFE,EAAA,GAAAJ,UAAAI,GAAA,OACCC,GACD,WAAA,IAAA,IAAAC,EAAAN,UAAAC,OAAIM,EAAJ,IAAAJ,MAAAG,GAAAE,EAAA,EAAAA,EAAAF,EAAAE,IAAID,EAAJC,GAAAR,UAAAQ,GAAA,OACCC,IAAgC,IAAAC,EAAAC,EAC/B,IAAMtB,EAAW,QAAGoB,EAAA,QAAAA,EAAAA,EAAMG,iBAAND,OAAAA,EAAAA,EAAatB,mBAAhB,IAAAqB,EAAAA,EAA+BE,EAAMvB,YAEtD,YAAA,IAAIgB,GAAoD,mBAArBA,EAAOP,YAAwD,IAA5BO,EAAOP,UAAUW,GAC9EI,EAAP,CAAA,KAGKA,EAAP,CAAA,qBAAA,IAAA,IAAA,KACsBf,EAAUT,KAAgBa,QAAsBY,IAAXT,GAA8C,iBAAfA,EAAOU,IAAtC,OAAAtB,OAC5CY,EAAOU,KADqC,GAGrDF,KAAON,OAQJS,IAAAA,EAAWnB,EAAiBX,EAAWQ,MAAO,MAAO,MAKrDuB,IAAAA,EAAUpB,EAAiBX,EAAWQ,MAAO,KAAM,KAKnDwB,IAAAA,EAAUrB,EAAiBX,EAAWQ,MAAO,IAAK,KAKlDyB,IAAAA,EAAUtB,EAAiBX,EAAWQ,MAAO,IAAK,KAKlD0B,IAAAA,EAAWvB,EAAiBX,EAAWQ,MAAO,IAAK,MAKzD,IAAM2B,EAAexB,EAAiBX,EAAWC,IAAK,OAKtD,IAAMmC,EAAczB,EAAiBX,EAAWC,IAAK,MAKrD,IAAMoC,EAAc1B,EAAiBX,EAAWK,IAAK,MAKrD,IAAMiC,EAAa3B,EAAiBX,EAAWC,IAAK,KAKpD,IAAMsC,EAAa5B,EAAiBX,EAAWK,IAAK,KAKpD,IAAMmC,EAAa7B,EAAiBX,EAAWC,IAAK,KAKpD,IAAMwC,EAAa9B,EAAiBX,EAAWK,IAAK,KAKpD,IAAMqC,EAAa/B,EAAiBX,EAAWC,IAAK,KAKpD,IAAM0C,EAAahC,EAAiBX,EAAWK,IAAK,KAKpD,IAAMuC,EAAcjC,EAAiBX,EAAWC,IAAK,MAKrD,IAAM4C,EAAclC,EAAiBX,EAAWK,IAAK,MAK/CyC,IAAAA,EAAe,WAAA,OAAsEnB,EAAtE,CAAA,qEAAA,KAEtBA"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "description": "UI components library",
   "main": "index.cjs.js",
   "module": "index.js",

package/shared/utils/inject-theme.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from'@babel/runtime/helpers/objectSpread2';import{defaultTheme as t}from'../../theme/themes.js';function m(m){var r='object'==typeof m.theme&&Object.keys(m.theme).length?m.theme:t;return e(e({},m),{},{theme:r})}export{m as injectDefaultTheme};
2	+ //# sourceMappingURL=inject-theme.js.map

package/shared/utils/inject-theme.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"inject-theme.js","sources":["../../../../src/shared/utils/inject-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport { defaultTheme } from '../../theme/themes'\n\nexport function injectDefaultTheme(\n config: { theme: DefaultTheme | void } & Record<string, unknown>\n): { theme: DefaultTheme } & Record<string, unknown> {\n const forwardTheme =\n typeof config.theme !== 'object' || !Object.keys(config.theme).length ? defaultTheme : config.theme\n\n return {\n ...config,\n theme: forwardTheme,\n }\n}\n"],"names":["injectDefaultTheme","config","forwardTheme","theme","Object","keys","length","defaultTheme","_objectSpread"],"mappings":"yGAGO,SAASA,EACdC,GAEA,IAAMC,EACoB,iBAAjBD,EAAOE,OAAuBC,OAAOC,KAAKJ,EAAOE,OAAOG,OAAwBL,EAAOE,MAAtBI,EAE1E,OAAAC,EAAAA,EAAA,GACKP,GADL,GAAA,CAEEE,MAAOD"}

package/theme/colors-dark.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var r={'content-onmain-primary':'#f5f6f9','content-onmain-secondary':'#9698a6','content-onmain-tertiary':'#848694','content-oncolor-primary':'#ffffff','content-oncolor-secondary':'#f5f6f9cc','content-oncolor-tertiary':'#f5f6f999','content-oncolor-constant':'#25262c','content-oncolor-inverse':'#f5f6f9','content-disabled':'#6e707c','content-oncolor-disabled':'#f5f6f999','content-oncolor-hover':'#00000029','content-onmain-hover':'#ffffff29','content-discount':'#f16c65','content-link':'#8aafff','border-onmain-default-large':'#25262c','border-onmain-default-small':'#44454b','border-onmain-contrast':'#f5f6f9','border-oncolor-default':'#ffffff','border-disabled':'#494a50','border-oncolor-disabled':'#ffffff66','bg-onmain-main':'#000000','bg-onmain-primary':'#121316','bg-onmain-secondary':'#1a1b1f','bg-onmain-tertiary':'#25262c','bg-onmain-divider':'#25262c','bg-onmain-contrast':'#44454b','bg-onmain-inverse':'#ffffff','bg-oncolor-primary':'#ffffff','bg-oncolor-secondary':'#ffffff3d','bg-oncolor-tertiary':'#ffffff1f','bg-disabled-large':'#1a1b1f','bg-disabled-small':'#25262c','bg-disabled-active':'#494a50','bg-contrast-active':'#f5f6f9','bg-oncolor-hover':'#00000014','bg-oncontrast-hover':'#ffffff14','bg-oncolor-disabled':'#ffffff1f','alert-bg-success-100':'#071d02','alert-bg-success-200':'#0a2603','alert-bg-success-500':'#63ab4f','alert-bg-warning-100':'#241500','alert-bg-warning-200':'#2e1c00','alert-bg-warning-500':'#f16f04','alert-bg-error-100':'#2e0100','alert-bg-error-200':'#3d0004','alert-bg-error-500':'#e4494e','alert-success':'#63ab4f','alert-warning':'#f16f04','alert-error':'#fd655d'};var a={'content-brand-primary':'#c09eff','content-brand-secondary':'#ff8800','border-brand-primary':'#c09eff','border-brand-secondary':'#ff8800','border-brand-primary-hover':'#c09eff80','border-brand-primary-active':'#c09eff','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#1b0042','bg-brand-primary-200':'#240057','bg-brand-primary-400':'#2e0066','bg-brand-primary-500':'#37007a','bg-brand-secondary-basic':'#ff9900','bg-brand-secondary-100':'#241500','bg-brand-secondary-200':'#2e1c00','bg-brand-secondary-400':'#382300','bg-brand-secondary-500':'#422900','bg-brand-tertiary-100':'#202018','bg-brand-tertiary-200':'#26261c','bg-brand-quaternary-100':'#00222e','bg-brand-quaternary-200':'#002733','bg-brand-quaternary-400':'#054457','bg-brand-quaternary-500':'#05495c','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#1b0042','bg-brand-primary-100-hover':'#1b004280'};var b={'content-brand-primary':'#e594c5','content-brand-secondary':'#ffd333','border-brand-primary':'#e594c5','border-brand-secondary':'#ffd333','border-brand-primary-hover':'#e594c580','border-brand-primary-active':'#e594c5','bg-brand-primary-basic':'#cc2e8d','bg-brand-primary-100':'#47002d','bg-brand-primary-200':'#570f3a','bg-brand-primary-400':'#611a43','bg-brand-primary-500':'#6b244c','bg-brand-secondary-basic':'#ffd333','bg-brand-secondary-100':'#27282a','bg-brand-secondary-200':'#313235','bg-brand-secondary-400':'#393a3c','bg-brand-secondary-500':'#3e4041','bg-brand-tertiary-100':'#1d1f58','bg-brand-tertiary-200':'#282c67','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#cc2e8d','bg-brand-primary-100-active':'#47002d','bg-brand-primary-100-hover':'#47002d80'};var n={'content-brand-primary':'#c09eff','content-brand-secondary':'#d1f00a','border-brand-primary':'#c09eff','border-brand-secondary':'#d1f00a','border-brand-primary-hover':'#c09eff80','border-brand-primary-active':'#c09eff','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#1b0042','bg-brand-primary-200':'#240057','bg-brand-primary-400':'#2e0066','bg-brand-primary-500':'#37007a','bg-brand-secondary-basic':'#d1f00a','bg-brand-secondary-100':'#003309','bg-brand-secondary-200':'#093910','bg-brand-secondary-400':'#144318','bg-brand-secondary-500':'#1c4a20','bg-brand-tertiary-100':'#00224d','bg-brand-tertiary-200':'#0c315f','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#1b0042','bg-brand-primary-100-hover':'#1b004280'};var e={'content-brand-primary':'#8fa9ff','content-brand-secondary':'#c1b8ff','border-brand-primary':'#8fa9ff','border-brand-secondary':'#c1b8ff','border-brand-primary-hover':'#8fa9ff80','border-brand-primary-active':'#8fa9ff','bg-brand-primary-basic':'#3d4eeb','bg-brand-primary-100':'#120075','bg-brand-primary-200':'#181b86','bg-brand-primary-400':'#1e2699','bg-brand-primary-500':'#2b36b6','bg-brand-secondary-basic':'#6e62bc','bg-brand-secondary-100':'#2c1461','bg-brand-secondary-200':'#351e71','bg-brand-secondary-400':'#402583','bg-brand-secondary-500':'#1b0047','bg-brand-tertiary-100':'#232900','bg-brand-tertiary-200':'#373e14','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#3d4eeb','bg-brand-primary-100-active':'#120075','bg-brand-primary-100-hover':'#12007580'};export{e as adultColors,b as babyColors,r as baseColors,a as motherColors,n as teenColors};
2	+ //# sourceMappingURL=colors-dark.js.map

package/theme/colors-dark.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"colors-dark.js","sources":["../../../src/theme/colors-dark.ts"],"sourcesContent":["import { HEX, RGB, RGBA } from '../shared/interfaces'\n\nexport const baseColors: Readonly<Record<string, HEX | RGB | RGBA>> = {\n 'content-onmain-primary': '#f5f6f9',\n 'content-onmain-secondary': '#9698a6',\n 'content-onmain-tertiary': '#848694',\n 'content-oncolor-primary': '#ffffff',\n 'content-oncolor-secondary': '#f5f6f9cc',\n 'content-oncolor-tertiary': '#f5f6f999',\n 'content-oncolor-constant': '#25262c',\n 'content-oncolor-inverse': '#f5f6f9',\n 'content-disabled': '#6e707c',\n 'content-oncolor-disabled': '#f5f6f999',\n 'content-oncolor-hover': '#00000029',\n 'content-onmain-hover': '#ffffff29',\n 'content-discount': '#f16c65',\n 'content-link': '#8aafff',\n 'border-onmain-default-large': '#25262c',\n 'border-onmain-default-small': '#44454b',\n 'border-onmain-contrast': '#f5f6f9',\n 'border-oncolor-default': '#ffffff',\n 'border-disabled': '#494a50',\n 'border-oncolor-disabled': '#ffffff66',\n 'bg-onmain-main': '#000000',\n 'bg-onmain-primary': '#121316',\n 'bg-onmain-secondary': '#1a1b1f',\n 'bg-onmain-tertiary': '#25262c',\n 'bg-onmain-divider': '#25262c',\n 'bg-onmain-contrast': '#44454b',\n 'bg-onmain-inverse': '#ffffff',\n 'bg-oncolor-primary': '#ffffff',\n 'bg-oncolor-secondary': '#ffffff3d',\n 'bg-oncolor-tertiary': '#ffffff1f',\n 'bg-disabled-large': '#1a1b1f',\n 'bg-disabled-small': '#25262c',\n 'bg-disabled-active': '#494a50',\n 'bg-contrast-active': '#f5f6f9',\n 'bg-oncolor-hover': '#00000014',\n 'bg-oncontrast-hover': '#ffffff14',\n 'bg-oncolor-disabled': '#ffffff1f',\n 'alert-bg-success-100': '#071d02',\n 'alert-bg-success-200': '#0a2603',\n 'alert-bg-success-500': '#63ab4f',\n 'alert-bg-warning-100': '#241500',\n 'alert-bg-warning-200': '#2e1c00',\n 'alert-bg-warning-500': '#f16f04',\n 'alert-bg-error-100': '#2e0100',\n 'alert-bg-error-200': '#3d0004',\n 'alert-bg-error-500': '#e4494e',\n 'alert-success': '#63ab4f',\n 'alert-warning': '#f16f04',\n 'alert-error': '#fd655d',\n}\n\nexport const motherColors: Readonly<Record<string, HEX | RGB | RGBA>> = {\n 'content-brand-primary': '#c09eff',\n 'content-brand-secondary': '#ff8800',\n 'border-brand-primary': '#c09eff',\n 'border-brand-secondary': '#ff8800',\n 'border-brand-primary-hover': '#c09eff80',\n 'border-brand-primary-active': '#c09eff',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#1b0042',\n 'bg-brand-primary-200': '#240057',\n 'bg-brand-primary-400': '#2e0066',\n 'bg-brand-primary-500': '#37007a',\n 'bg-brand-secondary-basic': '#ff9900',\n 'bg-brand-secondary-100': '#241500',\n 'bg-brand-secondary-200': '#2e1c00',\n 'bg-brand-secondary-400': '#382300',\n 'bg-brand-secondary-500': '#422900',\n 'bg-brand-tertiary-100': '#202018',\n 'bg-brand-tertiary-200': '#26261c',\n 'bg-brand-quaternary-100': '#00222e',\n 'bg-brand-quaternary-200': '#002733',\n 'bg-brand-quaternary-400': '#054457',\n 'bg-brand-quaternary-500': '#05495c',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#1b0042',\n 'bg-brand-primary-100-hover': '#1b004280',\n}\n\nexport const babyColors: Readonly<Record<string, HEX | RGB | RGBA>> = {\n 'content-brand-primary': '#e594c5',\n 'content-brand-secondary': '#ffd333',\n 'border-brand-primary': '#e594c5',\n 'border-brand-secondary': '#ffd333',\n 'border-brand-primary-hover': '#e594c580',\n 'border-brand-primary-active': '#e594c5',\n 'bg-brand-primary-basic': '#cc2e8d',\n 'bg-brand-primary-100': '#47002d',\n 'bg-brand-primary-200': '#570f3a',\n 'bg-brand-primary-400': '#611a43',\n 'bg-brand-primary-500': '#6b244c',\n 'bg-brand-secondary-basic': '#ffd333',\n 'bg-brand-secondary-100': '#27282a',\n 'bg-brand-secondary-200': '#313235',\n 'bg-brand-secondary-400': '#393a3c',\n 'bg-brand-secondary-500': '#3e4041',\n 'bg-brand-tertiary-100': '#1d1f58',\n 'bg-brand-tertiary-200': '#282c67',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#cc2e8d',\n 'bg-brand-primary-100-active': '#47002d',\n 'bg-brand-primary-100-hover': '#47002d80',\n}\n\nexport const teenColors: Readonly<Record<string, HEX | RGB | RGBA>> = {\n 'content-brand-primary': '#c09eff',\n 'content-brand-secondary': '#d1f00a',\n 'border-brand-primary': '#c09eff',\n 'border-brand-secondary': '#d1f00a',\n 'border-brand-primary-hover': '#c09eff80',\n 'border-brand-primary-active': '#c09eff',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#1b0042',\n 'bg-brand-primary-200': '#240057',\n 'bg-brand-primary-400': '#2e0066',\n 'bg-brand-primary-500': '#37007a',\n 'bg-brand-secondary-basic': '#d1f00a',\n 'bg-brand-secondary-100': '#003309',\n 'bg-brand-secondary-200': '#093910',\n 'bg-brand-secondary-400': '#144318',\n 'bg-brand-secondary-500': '#1c4a20',\n 'bg-brand-tertiary-100': '#00224d',\n 'bg-brand-tertiary-200': '#0c315f',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#1b0042',\n 'bg-brand-primary-100-hover': '#1b004280',\n}\n\nexport const adultColors: Readonly<Record<string, HEX | RGB | RGBA>> = {\n 'content-brand-primary': '#8fa9ff',\n 'content-brand-secondary': '#c1b8ff',\n 'border-brand-primary': '#8fa9ff',\n 'border-brand-secondary': '#c1b8ff',\n 'border-brand-primary-hover': '#8fa9ff80',\n 'border-brand-primary-active': '#8fa9ff',\n 'bg-brand-primary-basic': '#3d4eeb',\n 'bg-brand-primary-100': '#120075',\n 'bg-brand-primary-200': '#181b86',\n 'bg-brand-primary-400': '#1e2699',\n 'bg-brand-primary-500': '#2b36b6',\n 'bg-brand-secondary-basic': '#6e62bc',\n 'bg-brand-secondary-100': '#2c1461',\n 'bg-brand-secondary-200': '#351e71',\n 'bg-brand-secondary-400': '#402583',\n 'bg-brand-secondary-500': '#1b0047',\n 'bg-brand-tertiary-100': '#232900',\n 'bg-brand-tertiary-200': '#373e14',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#3d4eeb',\n 'bg-brand-primary-100-active': '#120075',\n 'bg-brand-primary-100-hover': '#12007580',\n}\n"],"names":["baseColors","motherColors","babyColors","teenColors","adultColors"],"mappings":"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"}

package/theme/colors-light.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var r={'content-onmain-primary':'#25262c','content-onmain-secondary':'#25262cb3','content-onmain-tertiary':'#25262c8c','content-oncolor-primary':'#ffffff','content-oncolor-secondary':'#ecedf3cc','content-oncolor-tertiary':'#ecedf399','content-oncolor-inverse':'#25262c','content-oncolor-constant':'#25262c','content-disabled':'#9698a6','content-oncolor-disabled':'#f5f6f999','content-oncolor-hover':'#00000029','content-onmain-hover':'#ffffff29','content-discount':'#db3339','content-link':'#376af6','border-onmain-default-large':'#d5d7e1','border-onmain-default-small':'#babcc9','border-onmain-contrast':'#25262c','border-disabled':'#a6a8b5','border-oncolor-disabled':'#ffffff66','border-oncolor-default':'#ffffff','bg-onmain-main':'#f5f6f9','bg-onmain-primary':'#ffffff','bg-onmain-secondary':'#f5f6f9','bg-onmain-tertiary':'#ecedf3','bg-onmain-divider':'#d5d7e1','bg-onmain-contrast':'#25262c','bg-onmain-inverse':'#25262c','bg-oncolor-primary':'#ffffff','bg-oncolor-secondary':'#ffffff3d','bg-oncolor-tertiary':'#ffffff1f','bg-oncolor-hover':'#00000014','bg-disabled-large':'#ecedf3','bg-disabled-small':'#d5d7e1','bg-disabled-active':'#a6a8b5','bg-oncolor-disabled':'#ffffff1f','bg-contrast-active':'#25262c','bg-oncontrast-hover':'#ffffff14','alert-bg-success-100':'#ddf4cd','alert-bg-success-200':'#bce4aa','alert-bg-success-500':'#63ab4f','alert-bg-warning-100':'#ffebcc','alert-bg-warning-200':'#ffd294','alert-bg-warning-500':'#f16f04','alert-bg-error-100':'#ffe9e5','alert-bg-error-200':'#ffcbc7','alert-bg-error-500':'#e4494e','alert-success':'#488b32','alert-warning':'#db6300','alert-error':'#db3339'};var a={'content-brand-primary':'#8a51e6','content-brand-secondary':'#db6300','border-brand-primary':'#8a51e6','border-brand-secondary':'#db6300','border-brand-primary-hover':'#8a51e680','border-brand-primary-active':'#8a51e6','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#f1e5ff','bg-brand-primary-200':'#e1d4f7','bg-brand-primary-400':'#c09eff','bg-brand-primary-500':'#8a51e6','bg-brand-secondary-basic':'#ff9900','bg-brand-secondary-100':'#ffebcc','bg-brand-secondary-200':'#ffd294','bg-brand-secondary-400':'#ff9900','bg-brand-secondary-500':'#f16f04','bg-brand-tertiary-100':'#feffbd','bg-brand-tertiary-200':'#fffb80','bg-brand-quaternary-100':'#e1f5fe','bg-brand-quaternary-200':'#bddcea','bg-brand-quaternary-400':'#89b8cd','bg-brand-quaternary-500':'#61a3bd','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#f1e5ff','bg-brand-primary-100-hover':'#f1e5ff80'};var b={'content-brand-primary':'#cc2e8d','content-brand-secondary':'#dbac00','border-brand-primary':'#cc2e8d','border-brand-secondary':'#dbac00','border-brand-primary-hover':'#cc2e8d80','border-brand-primary-active':'#cc2e8d','bg-brand-primary-basic':'#cc2e8d','bg-brand-primary-100':'#faebf7','bg-brand-primary-200':'#efcdea','bg-brand-primary-400':'#e594c5','bg-brand-primary-500':'#cc2e8d','bg-brand-secondary-basic':'#ffd333','bg-brand-secondary-100':'#fff4d1','bg-brand-secondary-200':'#ffde7a','bg-brand-secondary-400':'#ffd333','bg-brand-secondary-500':'#f4c10b','bg-brand-tertiary-100':'#ebefff','bg-brand-tertiary-200':'#cdd4f9','bg-brand-quaternary-100':'#ffebcc','bg-brand-quaternary-200':'#ffd294','bg-brand-quaternary-400':'#ff9900','bg-brand-quaternary-500':'#f16f04','bg-brand-primary-basic-active':'#cc2e8d','bg-brand-primary-100-active':'#faebf7','bg-brand-primary-100-hover':'#faebf780'};var e={'content-brand-primary':'#8a51e6','content-brand-secondary':'#83b200','border-brand-primary':'#8a51e6','border-brand-secondary':'#83b200','border-brand-primary-hover':'#8a51e680','border-brand-primary-active':'#8a51e6','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#f1e5ff','bg-brand-primary-200':'#e1d4f7','bg-brand-primary-400':'#c09eff','bg-brand-primary-500':'#8a51e6','bg-brand-secondary-basic':'#d1f00a','bg-brand-secondary-100':'#eefad1','bg-brand-secondary-200':'#e9ff6b','bg-brand-secondary-400':'#afdb00','bg-brand-secondary-500':'#83b200','bg-brand-tertiary-100':'#e6f7fe','bg-brand-tertiary-200':'#cdebf9','bg-brand-quaternary-100':'#ffebcc','bg-brand-quaternary-200':'#ffd294','bg-brand-quaternary-400':'#ff9900','bg-brand-quaternary-500':'#f16f04','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#f1e5ff','bg-brand-primary-100-hover':'#f1e5ff80'};var n={'content-brand-primary':'#3d4eeb','content-brand-secondary':'#1b0047','border-brand-primary':'#3d4eeb','border-brand-secondary':'#1b0047','border-brand-primary-hover':'#3d4eeb80','border-brand-primary-active':'#3d4eeb','bg-brand-primary-basic':'#3d4eeb','bg-brand-primary-100':'#e5ecff','bg-brand-primary-200':'#ccdaff','bg-brand-primary-400':'#8fa9ff','bg-brand-primary-500':'#3d4eeb','bg-brand-secondary-basic':'#1b0047','bg-brand-secondary-100':'#e8e5ff','bg-brand-secondary-200':'#d6d1ff','bg-brand-secondary-400':'#b1a3ff','bg-brand-secondary-500':'#1b0047','bg-brand-tertiary-100':'#eaf9ae','bg-brand-tertiary-200':'#d8ea8b','bg-brand-quaternary-100':'#ffebcc','bg-brand-quaternary-200':'#ffd294','bg-brand-quaternary-400':'#ff9900','bg-brand-quaternary-500':'#f16f04','bg-brand-primary-basic-active':'#3d4eeb','bg-brand-primary-100-active':'#e5ecff','bg-brand-primary-100-hover':'#e5ecff80'};export{n as adultColors,b as babyColors,r as baseColors,a as motherColors,e as teenColors};
2	+ //# sourceMappingURL=colors-light.js.map

package/theme/colors-light.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"colors-light.js","sources":["../../../src/theme/colors-light.ts"],"sourcesContent":["import { HEX, RGB, RGBA } from '../shared/interfaces'\n\nexport const baseColors: Readonly<Record<string, HEX | RGB | RGBA>> = {\n 'content-onmain-primary': '#25262c',\n 'content-onmain-secondary': '#25262cb3',\n 'content-onmain-tertiary': '#25262c8c',\n 'content-oncolor-primary': '#ffffff',\n 'content-oncolor-secondary': '#ecedf3cc',\n 'content-oncolor-tertiary': '#ecedf399',\n 'content-oncolor-inverse': '#25262c',\n 'content-oncolor-constant': '#25262c',\n 'content-disabled': '#9698a6',\n 'content-oncolor-disabled': '#f5f6f999',\n 'content-oncolor-hover': '#00000029',\n 'content-onmain-hover': '#ffffff29',\n 'content-discount': '#db3339',\n 'content-link': '#376af6',\n 'border-onmain-default-large': '#d5d7e1',\n 'border-onmain-default-small': '#babcc9',\n 'border-onmain-contrast': '#25262c',\n 'border-disabled': '#a6a8b5',\n 'border-oncolor-disabled': '#ffffff66',\n 'border-oncolor-default': '#ffffff',\n 'bg-onmain-main': '#f5f6f9',\n 'bg-onmain-primary': '#ffffff',\n 'bg-onmain-secondary': '#f5f6f9',\n 'bg-onmain-tertiary': '#ecedf3',\n 'bg-onmain-divider': '#d5d7e1',\n 'bg-onmain-contrast': '#25262c',\n 'bg-onmain-inverse': '#25262c',\n 'bg-oncolor-primary': '#ffffff',\n 'bg-oncolor-secondary': '#ffffff3d',\n 'bg-oncolor-tertiary': '#ffffff1f',\n 'bg-oncolor-hover': '#00000014',\n 'bg-disabled-large': '#ecedf3',\n 'bg-disabled-small': '#d5d7e1',\n 'bg-disabled-active': '#a6a8b5',\n 'bg-oncolor-disabled': '#ffffff1f',\n 'bg-contrast-active': '#25262c',\n 'bg-oncontrast-hover': '#ffffff14',\n 'alert-bg-success-100': '#ddf4cd',\n 'alert-bg-success-200': '#bce4aa',\n 'alert-bg-success-500': '#63ab4f',\n 'alert-bg-warning-100': '#ffebcc',\n 'alert-bg-warning-200': '#ffd294',\n 'alert-bg-warning-500': '#f16f04',\n 'alert-bg-error-100': '#ffe9e5',\n 'alert-bg-error-200': '#ffcbc7',\n 'alert-bg-error-500': '#e4494e',\n 'alert-success': '#488b32',\n 'alert-warning': '#db6300',\n 'alert-error': '#db3339',\n}\n\nexport const motherColors: Readonly<Record<string, HEX | RGB | RGBA>> = {\n 'content-brand-primary': '#8a51e6',\n 'content-brand-secondary': '#db6300',\n 'border-brand-primary': '#8a51e6',\n 'border-brand-secondary': '#db6300',\n 'border-brand-primary-hover': '#8a51e680',\n 'border-brand-primary-active': '#8a51e6',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#f1e5ff',\n 'bg-brand-primary-200': '#e1d4f7',\n 'bg-brand-primary-400': '#c09eff',\n 'bg-brand-primary-500': '#8a51e6',\n 'bg-brand-secondary-basic': '#ff9900',\n 'bg-brand-secondary-100': '#ffebcc',\n 'bg-brand-secondary-200': '#ffd294',\n 'bg-brand-secondary-400': '#ff9900',\n 'bg-brand-secondary-500': '#f16f04',\n 'bg-brand-tertiary-100': '#feffbd',\n 'bg-brand-tertiary-200': '#fffb80',\n 'bg-brand-quaternary-100': '#e1f5fe',\n 'bg-brand-quaternary-200': '#bddcea',\n 'bg-brand-quaternary-400': '#89b8cd',\n 'bg-brand-quaternary-500': '#61a3bd',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#f1e5ff',\n 'bg-brand-primary-100-hover': '#f1e5ff80',\n}\n\nexport const babyColors: Readonly<Record<string, HEX | RGB | RGBA>> = {\n 'content-brand-primary': '#cc2e8d',\n 'content-brand-secondary': '#dbac00',\n 'border-brand-primary': '#cc2e8d',\n 'border-brand-secondary': '#dbac00',\n 'border-brand-primary-hover': '#cc2e8d80',\n 'border-brand-primary-active': '#cc2e8d',\n 'bg-brand-primary-basic': '#cc2e8d',\n 'bg-brand-primary-100': '#faebf7',\n 'bg-brand-primary-200': '#efcdea',\n 'bg-brand-primary-400': '#e594c5',\n 'bg-brand-primary-500': '#cc2e8d',\n 'bg-brand-secondary-basic': '#ffd333',\n 'bg-brand-secondary-100': '#fff4d1',\n 'bg-brand-secondary-200': '#ffde7a',\n 'bg-brand-secondary-400': '#ffd333',\n 'bg-brand-secondary-500': '#f4c10b',\n 'bg-brand-tertiary-100': '#ebefff',\n 'bg-brand-tertiary-200': '#cdd4f9',\n 'bg-brand-quaternary-100': '#ffebcc',\n 'bg-brand-quaternary-200': '#ffd294',\n 'bg-brand-quaternary-400': '#ff9900',\n 'bg-brand-quaternary-500': '#f16f04',\n 'bg-brand-primary-basic-active': '#cc2e8d',\n 'bg-brand-primary-100-active': '#faebf7',\n 'bg-brand-primary-100-hover': '#faebf780',\n}\n\nexport const teenColors: Readonly<Record<string, HEX | RGB | RGBA>> = {\n 'content-brand-primary': '#8a51e6',\n 'content-brand-secondary': '#83b200',\n 'border-brand-primary': '#8a51e6',\n 'border-brand-secondary': '#83b200',\n 'border-brand-primary-hover': '#8a51e680',\n 'border-brand-primary-active': '#8a51e6',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#f1e5ff',\n 'bg-brand-primary-200': '#e1d4f7',\n 'bg-brand-primary-400': '#c09eff',\n 'bg-brand-primary-500': '#8a51e6',\n 'bg-brand-secondary-basic': '#d1f00a',\n 'bg-brand-secondary-100': '#eefad1',\n 'bg-brand-secondary-200': '#e9ff6b',\n 'bg-brand-secondary-400': '#afdb00',\n 'bg-brand-secondary-500': '#83b200',\n 'bg-brand-tertiary-100': '#e6f7fe',\n 'bg-brand-tertiary-200': '#cdebf9',\n 'bg-brand-quaternary-100': '#ffebcc',\n 'bg-brand-quaternary-200': '#ffd294',\n 'bg-brand-quaternary-400': '#ff9900',\n 'bg-brand-quaternary-500': '#f16f04',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#f1e5ff',\n 'bg-brand-primary-100-hover': '#f1e5ff80',\n}\n\nexport const adultColors: Readonly<Record<string, HEX | RGB | RGBA>> = {\n 'content-brand-primary': '#3d4eeb',\n 'content-brand-secondary': '#1b0047',\n 'border-brand-primary': '#3d4eeb',\n 'border-brand-secondary': '#1b0047',\n 'border-brand-primary-hover': '#3d4eeb80',\n 'border-brand-primary-active': '#3d4eeb',\n 'bg-brand-primary-basic': '#3d4eeb',\n 'bg-brand-primary-100': '#e5ecff',\n 'bg-brand-primary-200': '#ccdaff',\n 'bg-brand-primary-400': '#8fa9ff',\n 'bg-brand-primary-500': '#3d4eeb',\n 'bg-brand-secondary-basic': '#1b0047',\n 'bg-brand-secondary-100': '#e8e5ff',\n 'bg-brand-secondary-200': '#d6d1ff',\n 'bg-brand-secondary-400': '#b1a3ff',\n 'bg-brand-secondary-500': '#1b0047',\n 'bg-brand-tertiary-100': '#eaf9ae',\n 'bg-brand-tertiary-200': '#d8ea8b',\n 'bg-brand-quaternary-100': '#ffebcc',\n 'bg-brand-quaternary-200': '#ffd294',\n 'bg-brand-quaternary-400': '#ff9900',\n 'bg-brand-quaternary-500': '#f16f04',\n 'bg-brand-primary-basic-active': '#3d4eeb',\n 'bg-brand-primary-100-active': '#e5ecff',\n 'bg-brand-primary-100-hover': '#e5ecff80',\n}\n"],"names":["baseColors","motherColors","babyColors","teenColors","adultColors"],"mappings":"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"}

package/theme/theme-provider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{ThemeProvider as e}from'styled-components';import{UiGlobalStyles as r}from'./global-styled.js';import{jsxs as s,Fragment as t,jsx as o}from'react/jsx-runtime';function m(m){return s(t,{children:[o(r,{}),o(e,{theme:m.theme,children:m.children})]})}export{m as ThemeProvider};
+import{useCallback as e}from'react';import{ThemeProvider as r}from'styled-components';import{mergeDeepLeft as t}from'ramda';import{UiGlobalStyles as o}from'./global-styled.js';import{defaultTheme as m}from'./themes.js';import{jsxs as a,jsx as s}from'react/jsx-runtime';function i(i){var l=e((function(e){var r=arguments.length>0&&void 0!==e?e:m;var o=i.theme;return'function'==typeof o?o(r):'object'!=typeof o||Array.isArray(o)||null===o?r:t(o,r)}),[i.theme]);return a(r,{theme:l,children:[s(o,{}),i.children]})}export{i as ThemeProvider};
 //# sourceMappingURL=theme-provider.js.map

package/theme/theme-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme-provider.js","sources":["../../../src/theme/theme-provider.tsx"],"sourcesContent":["~~import~~ { DefaultTheme, ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport { UiGlobalStyles } from './global-styled'\n\ninterface ~~Props~~ {\n theme: DefaultTheme\n children: React.ReactNode\n}\n\nexport function ThemeProvider(props: ~~Props~~) {\n ~~return~~ (\n ~~<>\~~n ~~<UiGlobalStyles~~ ~~/>\~~n <StyledThemeProvider theme={~~props.theme~~}>{props.children}</StyledThemeProvider>\n ~~</>\n~~ )\n}\n"],"names":["ThemeProvider","props","~~_jsxs~~","~~_Fragment~~","~~children~~","~~_jsx~~","~~UiGlobalStyles~~","~~StyledThemeProvider~~","theme"],"mappings":"~~sKAQO~~,SAASA,EAAcC,GAC5B,~~OACEC~~,~~EAAAC~~,~~EAAA~~,~~CAAAC~~,~~SAAA~~,~~CACEC~~,~~EAACC~~,~~EADH~~,~~IAEED~~,~~EAACE~~,~~EAAD~~,~~CAAqBC~~,~~MAAOP~~,EAAMO,~~MAAlCJ~~,~~SAA0CH~~,~~EAAMG~~"}
1	+ {"version":3,"file":"theme-provider.js","sources":["../../../src/theme/theme-provider.tsx"],"sourcesContent":["/* eslint-disable no-unused-vars */\nimport { useCallback } from 'react'\nimport { DefaultTheme, ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport { mergeDeepLeft } from 'ramda'\nimport { UiGlobalStyles } from './global-styled'\nimport { defaultTheme } from './themes'\n\ninterface ThemeProviderProps {\n theme: Partial<DefaultTheme> \| ((topLevelTheme: DefaultTheme) => DefaultTheme)\n children: React.ReactNode\n}\n\nexport function ThemeProvider(props: ThemeProviderProps) {\n const mergeTheme = useCallback(\n (topLevelTheme: DefaultTheme = defaultTheme): DefaultTheme => {\n const mergingTheme = props.theme\n\n if (typeof mergingTheme === 'function') {\n return mergingTheme(topLevelTheme)\n }\n\n if (typeof mergingTheme === 'object' && !Array.isArray(mergingTheme) && mergingTheme !== null) {\n return mergeDeepLeft(mergingTheme, topLevelTheme) as DefaultTheme\n }\n\n return topLevelTheme\n },\n [props.theme]\n )\n\n return (\n <StyledThemeProvider theme={mergeTheme}>\n <UiGlobalStyles />\n {props.children}\n </StyledThemeProvider>\n )\n}\n"],"names":["ThemeProvider","props","mergeTheme","useCallback","r","topLevelTheme","defaultTheme","mergingTheme","theme","Array","isArray","mergeDeepLeft","_jsxs","StyledThemeProvider","children","_jsx","UiGlobalStyles"],"mappings":"6QAYO,SAASA,EAAcC,GAC5B,IAAMC,EAAaC,GACjB,SAAAC,GAA8D,IAA7DC,+BAADD,EAAAA,EAA+BE,EAC7B,IAAMC,EAAeN,EAAMO,MAE3B,MAA4B,mBAAjBD,EACFA,EAAaF,GAGM,iBAAjBE,GAA8BE,MAAMC,QAAQH,IAAkC,OAAjBA,EAIjEF,EAHEM,EAAcJ,EAAcF,KAKvC,CAACJ,EAAMO,QAGT,OACEI,EAACC,EAAD,CAAqBL,MAAON,EAA5BY,SAAA,CACEC,EAACC,EAAD,IACCf,EAAMa"}

package/theme/themes.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import r from'@babel/runtime/helpers/objectSpread2';import{relBuilder as o}from'../shared/utils/rel-builder.js';import{SizeInput as s}from'../shared/enums/sizeInput.js';import{COMPONENT_NAME as e}from'../components/Arrow/Arrow.js';import{colors as a,socialColors as l,unitColors as t}from'./colors.js';import{baseColors as m,motherColors as d,babyColors as i,teenColors as p,adultColors as n}from'./colors-light.js';import{baseColors as b,motherColors as c,babyColors as h,teenColors as u,adultColors as f}from'./colors-dark.js';import{breakpoints as C}from'./breakpoints.js';var k={breakpoints:C,colors:r(r(r(r(r({},a),l),t),m),d),borderRadius:'5px',textColor:'mineShaft',fallbackColor:'mineShaft',zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox',defaultInputControlsWidth:s.l,utils:{relBuilder:o},mode:'light',preset:'default',components:{[e]:{preset:'default',size:'l'}}};var T=r(r({},k),{},{preset:'brand'});var v=r(r({},k),{},{colors:r(r(r({},k.colors),b),c),mode:'dark',preset:'brand'});var j=r(r({},k),{},{colors:r(r({},k.colors),i),preset:'brand'});var g=r(r({},k),{},{colors:r(r(r({},k.colors),b),h),mode:'dark',preset:'brand'});var x=r(r({},k),{},{colors:r(r({},k.colors),p),preset:'brand'});var y=r(r({},k),{},{colors:r(r(r({},k.colors),b),u),mode:'dark',preset:'brand'});var z=r(r({},k),{},{colors:r(r({},k.colors),n),preset:'brand'});var D=r(r({},k),{},{colors:r(r(r({},k.colors),b),f),mode:'dark',preset:'brand'});export{D as adultDarkTheme,z as adultLightTheme,g as babyDarkTheme,j as babyLightTheme,k as defaultTheme,v as motherDarkTheme,T as motherLightTheme,y as teenDarkTheme,x as teenLightTheme};
2	+ //# sourceMappingURL=themes.js.map

package/theme/themes.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"themes.js","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport { relBuilder } from 'shared/utils/rel-builder'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { COMPONENT_NAME as ARROW } from 'components/Arrow'\nimport { colors, socialColors, unitColors } from './colors'\nimport * as ColorsLight from './colors-light'\nimport * as ColorsDark from './colors-dark'\nimport { breakpoints } from './breakpoints'\n\nexport const defaultTheme: DefaultTheme = {\n breakpoints,\n colors: {\n ...colors,\n ...socialColors,\n ...unitColors,\n ...ColorsLight.baseColors,\n ...ColorsLight.motherColors,\n },\n borderRadius: '5px',\n textColor: 'mineShaft',\n fallbackColor: 'mineShaft',\n zIndex: {\n modal: 9000,\n tooltip: 80,\n },\n classNamePrefix: 'fox',\n defaultInputControlsWidth: SizeInput.l,\n utils: {\n relBuilder,\n },\n mode: 'light',\n preset: 'default',\n components: {\n [ARROW]: {\n preset: 'default',\n size: 'l',\n },\n },\n}\n\nexport const motherLightTheme: DefaultTheme = {\n ...defaultTheme,\n preset: 'brand',\n}\n\nexport const motherDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.motherColors,\n },\n mode: 'dark',\n preset: 'brand',\n}\n\nexport const babyLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.babyColors,\n },\n preset: 'brand',\n}\n\nexport const babyDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.babyColors,\n },\n mode: 'dark',\n preset: 'brand',\n}\n\nexport const teenLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.teenColors,\n },\n preset: 'brand',\n}\n\nexport const teenDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.teenColors,\n },\n mode: 'dark',\n preset: 'brand',\n}\n\nexport const adultLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.adultColors,\n },\n preset: 'brand',\n}\n\nexport const adultDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.adultColors,\n },\n mode: 'dark',\n preset: 'brand',\n}\n"],"names":["defaultTheme","breakpoints","colors","socialColors","unitColors","ColorsLight","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix","defaultInputControlsWidth","SizeInput","l","utils","relBuilder","mode","preset","components","COMPONENT_NAME","ARROW","size","motherLightTheme","_objectSpread","motherDarkTheme","ColorsDark","babyLightTheme","babyDarkTheme","teenLightTheme","teenDarkTheme","adultLightTheme","adultDarkTheme"],"mappings":"gkBASO,IAAMA,EAA6B,CACxCC,YAAAA,EACAC,OACKA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,GAAAA,GACAC,GACAC,GACAC,GACAA,GAELC,aAAc,MACdC,UAAW,YACXC,cAAe,YACfC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB,MACjBC,0BAA2BC,EAAUC,EACrCC,MAAO,CACLC,WAAAA,GAEFC,KAAM,QACNC,OAAQ,UACRC,WAAY,CACVC,CAACC,GAAQ,CACPH,OAAQ,UACRI,KAAM,OAKL,IAAMC,EAA8BC,EAAAA,EAAA,GACtCzB,GADsC,GAAA,CAEzCmB,OAAQ,UAGH,IAAMO,EAA6BD,EAAAA,EAAA,GACrCzB,GADqC,GAAA,CAExCE,OACKF,EAAAA,EAAAA,EAAAA,GAAAA,EAAaE,QACbyB,GACAA,GAELT,KAAM,OACNC,OAAQ,UAGH,IAAMS,EAA4BH,EAAAA,EAAA,GACpCzB,GADoC,GAAA,CAEvCE,OAAMuB,EAAAA,EAAA,GACDzB,EAAaE,QACbG,GAELc,OAAQ,UAGH,IAAMU,EAA2BJ,EAAAA,EAAA,GACnCzB,GADmC,GAAA,CAEtCE,OACKF,EAAAA,EAAAA,EAAAA,GAAAA,EAAaE,QACbyB,GACAA,GAELT,KAAM,OACNC,OAAQ,UAGH,IAAMW,EAA4BL,EAAAA,EAAA,GACpCzB,GADoC,GAAA,CAEvCE,OAAMuB,EAAAA,EAAA,GACDzB,EAAaE,QACbG,GAELc,OAAQ,UAGH,IAAMY,EAA2BN,EAAAA,EAAA,GACnCzB,GADmC,GAAA,CAEtCE,OACKF,EAAAA,EAAAA,EAAAA,GAAAA,EAAaE,QACbyB,GACAA,GAELT,KAAM,OACNC,OAAQ,UAGH,IAAMa,EAA6BP,EAAAA,EAAA,GACrCzB,GADqC,GAAA,CAExCE,OAAMuB,EAAAA,EAAA,GACDzB,EAAaE,QACbG,GAELc,OAAQ,UAGH,IAAMc,EAA4BR,EAAAA,EAAA,GACpCzB,GADoC,GAAA,CAEvCE,OACKF,EAAAA,EAAAA,EAAAA,GAAAA,EAAaE,QACbyB,GACAA,GAELT,KAAM,OACNC,OAAQ"}

package/theme/index.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import o from'@babel/runtime/helpers/objectSpread2';import{relBuilder as r}from'../shared/utils/rel-builder.js';import{SizeInput as e}from'../shared/enums/sizeInput.js';import{colors as s,socialColors as t,unitColors as a}from'./colors.js';export{ColorNames}from'./colors.js';import{breakpoints as l}from'./breakpoints.js';import'styled-components';import'./global-styled.js';import'react/jsx-runtime';var i='mineShaft';var m='mineShaft';var p={breakpoints:l,colors:o(o(o({},s),t),a),borderRadius:'5px',textColor:"mineShaft",fallbackColor:"mineShaft",zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox',defaultInputControlsWidth:e.l,utils:{relBuilder:r}};export{m as FALLBACK_COLOR,i as TEXT_COLOR,p as theme};
2	- //# sourceMappingURL=index.js.map

package/theme/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../src/theme/index.ts"],"sourcesContent":["import { relBuilder } from 'shared/utils/rel-builder'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { Theme } from '../shared/interfaces'\nimport { colors, socialColors, unitColors } from './colors'\nimport { breakpoints } from './breakpoints'\n\nexport const TEXT_COLOR = 'mineShaft'\nexport const FALLBACK_COLOR = 'mineShaft'\n\nconst theme: Theme = {\n breakpoints,\n colors: {\n ...colors,\n ...socialColors,\n ...unitColors,\n },\n borderRadius: '5px',\n textColor: TEXT_COLOR,\n fallbackColor: FALLBACK_COLOR,\n zIndex: {\n modal: 9000,\n tooltip: 80,\n },\n classNamePrefix: 'fox',\n defaultInputControlsWidth: SizeInput.l,\n utils: {\n relBuilder,\n },\n}\n\nexport { theme }\n\nexport { ColorNames } from './colors'\n\nexport { ThemeProvider } from './theme-provider'\n"],"names":["TEXT_COLOR","FALLBACK_COLOR","theme","breakpoints","colors","socialColors","unitColors","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix","defaultInputControlsWidth","SizeInput","l","utils","relBuilder"],"mappings":"kZAMO,IAAMA,EAAa,YACnB,IAAMC,EAAiB,YAE9B,IAAMC,EAAe,CACnBC,YAAAA,EACAC,gBACKA,GACAC,GACAC,GAELC,aAAc,MACdC,UAXwB,YAYxBC,cAX4B,YAY5BC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB,MACjBC,0BAA2BC,EAAUC,EACrCC,MAAO,CACLC,WAAAA"}