@foxford/ui 2.2.0-beta-07cd754-20230316 → 2.3.0-beta-537d612-20230327
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.
- package/components/Arrow/Arrow.js +1 -1
- package/components/Arrow/Arrow.js.map +1 -1
- package/components/Arrow/constants.js +2 -0
- package/components/Arrow/constants.js.map +1 -0
- 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 +4 -3
- package/shared/utils/get-config.js +2 -0
- package/shared/utils/get-config.js.map +1 -0
- 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
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{theme}from'./theme/
|
|
1
|
+
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';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -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
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=screen.js.map
|
package/mixins/screen.js.map
CHANGED
|
@@ -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":"
|
|
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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@foxford/ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.0-beta-537d612-20230327",
|
|
4
4
|
"description": "UI components library",
|
|
5
5
|
"main": "index.cjs.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
"scripts": {},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@babel/runtime": ">=7.0",
|
|
41
|
+
"classnames": ">=2.3",
|
|
41
42
|
"clsx": ">=1.1",
|
|
42
43
|
"ramda": ">=0.25",
|
|
43
44
|
"rc-scrollbars": ">=1.1",
|
|
@@ -52,8 +53,8 @@
|
|
|
52
53
|
"tinycolor2": ">=1.4"
|
|
53
54
|
},
|
|
54
55
|
"engines": {
|
|
55
|
-
"node": ">=
|
|
56
|
-
"npm": ">=9.x"
|
|
56
|
+
"node": ">=14",
|
|
57
|
+
"npm": ">=6.x <=9.x"
|
|
57
58
|
},
|
|
58
59
|
"exports": {
|
|
59
60
|
".": {
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import e from'@babel/runtime/helpers/objectSpread2';function o(o,r,t){return o.reduce(((o,n)=>{var p;var a=r[n];var b=t[n];return(a||'boolean'==typeof a||'number'==typeof a)&&(p=a),(b||'boolean'==typeof b||'number'==typeof b)&&(p=b),e(e({},o),{},{[n]:p})}),{})}export{o as getComponentConfig};
|
|
2
|
+
//# sourceMappingURL=get-config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-config.js","sources":["../../../../src/shared/utils/get-config.ts"],"sourcesContent":["export function getComponentConfig<T>(propNames: (keyof T)[], context: Partial<T>, props: Partial<T>) {\n return propNames.reduce((config, propName) => {\n let resultVal\n\n const contextVal = context[propName]\n const propsVal = props[propName]\n\n if (contextVal || typeof contextVal === 'boolean' || typeof contextVal === 'number') {\n resultVal = contextVal\n }\n\n if (propsVal || typeof propsVal === 'boolean' || typeof propsVal === 'number') {\n resultVal = propsVal\n }\n\n return {\n ...config,\n [propName]: resultVal,\n }\n }, {} as T)\n}\n"],"names":["getComponentConfig","propNames","context","props","reduce","config","propName","resultVal","contextVal","propsVal","_objectSpread"],"mappings":"oDAAO,SAASA,EAAsBC,EAAwBC,EAAqBC,GACjF,OAAOF,EAAUG,QAAO,CAACC,EAAQC,KAC/B,IAAIC,EAEJ,IAAMC,EAAaN,EAAQI,GAC3B,IAAMG,EAAWN,EAAMG,GAUvB,OARIE,GAAoC,kBAAfA,GAAkD,iBAAfA,KAC1DD,EAAYC,IAGVC,GAAgC,kBAAbA,GAA8C,iBAAbA,KACtDF,EAAYE,GAGdC,EAAAA,EAAA,GACKL,GADL,GAAA,CAEEC,CAACA,GAAWC,MAEb"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import e from'@babel/runtime/helpers/objectSpread2';import{defaultTheme as t}from'../../theme/themes.js';function r(r){var m=r.theme;var o='object'==typeof m&&null!==m&&Object.keys(m).length>0?m:t;return e(e({},r),{},{theme:o})}export{r as injectDefaultTheme};
|
|
2
|
+
//# sourceMappingURL=inject-theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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 contextTheme = config.theme\n\n const shouldForwardTheme =\n typeof contextTheme === 'object' && contextTheme !== null && Object.keys(contextTheme).length > 0\n\n const forwardedTheme = shouldForwardTheme ? contextTheme : defaultTheme\n\n return {\n ...config,\n theme: forwardedTheme,\n }\n}\n"],"names":["injectDefaultTheme","config","contextTheme","theme","forwardedTheme","Object","keys","length","defaultTheme","_objectSpread"],"mappings":"yGAGO,SAASA,EACdC,GAEA,IAAMC,EAAeD,EAAOE,MAK5B,IAAMC,EAFoB,iBAAjBF,GAA8C,OAAjBA,GAAyBG,OAAOC,KAAKJ,GAAcK,OAAS,EAEtDL,EAAeM,EAE3D,OAAAC,EAAAA,EAAA,GACKR,GADL,GAAA,CAEEE,MAAOC"}
|
|
@@ -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
|
|
@@ -0,0 +1 @@
|
|
|
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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"}
|
|
@@ -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
|
|
@@ -0,0 +1 @@
|
|
|
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
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=theme-provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-provider.js","sources":["../../../src/theme/theme-provider.tsx"],"sourcesContent":["
|
|
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
|
@@ -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]:{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
|
|
@@ -0,0 +1 @@
|
|
|
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 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,CACPC,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
|
@@ -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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|