@foxford/ui 2.6.0-beta-3f7fdb5-20230713 → 2.6.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.
- package/components/Anchor/Anchor.js +1 -1
- package/components/Anchor/Anchor.js.map +1 -1
- package/components/Button/style.js +1 -1
- package/components/Button/style.js.map +1 -1
- package/components/Text/Text.js +1 -1
- package/components/Text/Text.js.map +1 -1
- package/components/Text/constants.js +2 -0
- package/components/Text/constants.js.map +1 -0
- package/components/Text/style.js +1 -1
- package/components/Text/style.js.map +1 -1
- package/dts/index.d.ts +194 -315
- package/index.cjs.js +1 -1
- package/index.cjs.js.map +1 -1
- package/index.js +1 -1
- package/mixins/responsive-property.js +1 -1
- package/mixins/responsive-property.js.map +1 -1
- package/mixins/shared.js +1 -1
- package/mixins/shared.js.map +1 -1
- package/package.json +1 -3
- package/theme/colors.js +1 -1
- package/theme/colors.js.map +1 -1
- package/components/Alert/Alert.js +0 -2
- package/components/Alert/Alert.js.map +0 -1
- package/components/Alert/CountdownCircle.js +0 -2
- package/components/Alert/CountdownCircle.js.map +0 -1
- package/components/Alert/style.js +0 -2
- package/components/Alert/style.js.map +0 -1
package/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
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{
|
|
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,2 +1,2 @@
|
|
|
1
|
-
import n from'@babel/runtime/helpers/taggedTemplateLiteral';import{css as e}from'styled-components';import{screenMaxXxs as r,screenMaxXs as t,screenMaxS as a,screenMaxM as
|
|
1
|
+
import n from'@babel/runtime/helpers/taggedTemplateLiteral';import{css as e}from'styled-components';import{screenMaxXxs as r,screenMaxXs as t,screenMaxS as a,screenMaxM as s,screenMaxL as o,screenMinL as l,screenMinM as i}from'./screen.js';import{buildMediaQuery as u,getLatinSizeMapByCssProperty as c}from'./shared.js';var p,d,f,v,m,y,x,X,b;var h=function(n,r,t,a){var s=arguments.length>1&&void 0!==r?r:'size';var o=arguments.length>2&&void 0!==t?t:'px';var l=arguments.length>3?a:void 0;return()=>()=>{if('boolean'==typeof n)return'function'==typeof s?s(1):null;var r=null!=l?l:c(s);return'function'==typeof s?s('number'==typeof n?n:r[n]):'string'==typeof n&&['auto','initial','inherit'].includes(n)?e(["",":",";"],s,n):e(["",":","",";"],s,'string'==typeof n&&r[n]?r[n]:n,null!=o?o:'')}};var S={XXS:r,XS:t,S:a,M:s,L:o,XL:l};var M={desktop:i,tablet:s,mobile:a};var g=n=>n.endsWith('XXS')?'xxs':n.endsWith('XS')?'xs':n.endsWith('S')?'s':n.endsWith('M')?'m':n.endsWith('XL')?'xl':n.endsWith('L')?'l':null;var L=['xl','l','m','s','xs','xxs'];var W=['xxs','xs','s','m','l','xl'];var z=(n,e)=>{var r=g(n);var t=g(e);return r&&t?L.findIndex((n=>n===r))<L.findIndex((n=>n===t))?-1:1:0};var k=(n,e)=>{var r=g(n);var t=g(e);return r&&t?W.findIndex((n=>n===r))<W.findIndex((n=>n===t))?-1:1:0};var A=n=>{var{sizes:r,predefinedSizes:t,cssProperty:a="size",sizing:s="px",customSizeHandler:o,sort:l=z}=n;return()=>()=>Object.keys(r).sort(l).map((n=>{if(void 0!==r[n]){var e='function'==typeof o?o(r[n]):r[n];return u(e,a,(n=>n.endsWith('XXS')?S.XXS:n.endsWith('XS')?S.XS:n.endsWith('S')?S.S:n.endsWith('M')?S.M:n.endsWith('XL')?S.XL:S.L)(n),s,t)}return null})).filter(Boolean).map((n=>e(["",""],n)))};var I=function(r,t,a){var s=arguments.length>1&&void 0!==t?t:null;var o=arguments.length>2&&void 0!==a?a:'px';return()=>t=>{var a;var l=null!==(a=t[r])&&void 0!==a?a:null;var i=null!=s?s:r;if(!l)return null;if(Array.isArray(l)&&3===l.length){var[u,c,h]=l;return e([""," "," ",""],M.desktop()(p||(p=n(["\n ",": ",";\n "])),i,'number'==typeof u?"".concat(u).concat(null!=o?o:''):u),M.tablet()(d||(d=n(["\n ",": ",";\n "])),i,'number'==typeof c?"".concat(c).concat(null!=o?o:''):c),M.mobile()(f||(f=n(["\n ",": ",";\n "])),i,'number'==typeof h?"".concat(h).concat(null!=o?o:''):h))}if(Array.isArray(l)&&6===l.length&&'string'==typeof i){var[g,L,W,z,k,A]=l;return e([""," "," "," "," "," ",""],S.XL()(v||(v=n(["\n ",": ",";\n "])),i,'number'==typeof g?"".concat(g).concat(null!=o?o:''):g),S.L()(m||(m=n(["\n ",": ",";\n "])),i,'number'==typeof L?"".concat(L).concat(null!=o?o:''):L),S.M()(y||(y=n(["\n ",": ",";\n "])),i,'number'==typeof W?"".concat(W).concat(null!=o?o:''):W),S.S()(x||(x=n(["\n ",": ",";\n "])),i,'number'==typeof z?"".concat(z).concat(null!=o?o:''):z),S.XS()(X||(X=n(["\n ",": ",";\n "])),i,'number'==typeof k?"".concat(k).concat(null!=o?o:''):k),S.XXS()(b||(b=n(["\n ",": ",";\n "])),i,'number'==typeof A?"".concat(A).concat(null!=o?o:''):A))}return'number'==typeof l?e(["",":","",";"],i,l,null!=o?o:null):'string'==typeof l?e(["",":",";"],i,l):null}};export{z as desktopFirst,k as mobileFirst,h as property,A as responsiveNamedProperty,I as responsiveProperty};
|
|
2
2
|
//# sourceMappingURL=responsive-property.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 // 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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"}
|
|
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 (\n value: PossibleValues,\n cssProperty: CssProperty = 'size',\n sizing: null | string = 'px',\n sizes?: Record<SizeLatin, number>\n ) =>\n () =>\n () => {\n if (typeof value === 'boolean') {\n return typeof cssProperty === 'function' ? cssProperty(1) : null\n }\n\n const sizeMap = sizes ?? 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('XL')) {\n return SCREEN_SIZE_MAP.XL\n } else {\n return SCREEN_SIZE_MAP.L\n }\n}\n\nconst getKey = (key: string): 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | null => {\n if (key.endsWith('XXS')) return 'xxs'\n if (key.endsWith('XS')) return 'xs'\n if (key.endsWith('S')) return 's'\n if (key.endsWith('M')) return 'm'\n if (key.endsWith('XL')) return 'xl'\n if (key.endsWith('L')) return 'l'\n return null\n}\n\nconst DEKSTOP_FIRST_KEYS = ['xl', 'l', 'm', 's', 'xs', 'xxs']\nconst MOBILE_FIRST_KEYS = ['xxs', '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 | string\n customSizeHandler?: (_value: PossibleValues) => PossibleValues\n sort?: (_a: string, _b: string) => number\n predefinedSizes?: Record<SizeLatin, 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 predefinedSizes,\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, predefinedSizes)\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","e","r","o","cssProperty","sizing","sizes","arguments","length","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","predefinedSizes","customSizeHandler","sort","Object","keys","map","size","undefined","_size","buildMediaQuery","filter","Boolean","item","responsiveProperty","propName","props","_props$propName","prop","_cssProperty","Array","isArray","_templateObject","_taggedTemplateLiteral","concat","_templateObject2","_templateObject3","xl","l","m","s","xs","xxs","_templateObject4","_templateObject6","_templateObject9"],"mappings":"0VAkDaA,EACX,SACEC,EADFC,EAAAC,EAAAC,GAAA,IAEEC,+BAFFH,EAAAA,EAE6B,OAF7B,IAGEI,+BAHFH,EAAAA,EAG0B,KAH1B,IAIEI,EAJFC,UAAAC,OAAA,EAAAL,SAAA,MAMA,IACA,KACE,GAAqB,kBAAVH,EACT,MAA8B,mBAAhBI,EAA6BA,EAAY,GAAK,KAG9D,IAAMK,EAAUH,MAAAA,EAAAA,EAASI,EAA6BN,GAEtD,MAA2B,mBAAhBA,EACFA,EAA6B,iBAAVJ,EAAqBA,EAAQS,EAAQT,IAG5C,iBAAVA,GAAsB,CAAC,OAAQ,UAAW,WAAWW,SAASX,GAChEY,EAAP,CAAA,GAAA,IAAA,KACIR,EAAgBJ,GAGfY,EACHR,CAAAA,GAAAA,IAAAA,GAAAA,KAAAA,EAAiC,iBAAVJ,GAAsBS,EAAQT,GAASS,EAAQT,GAASA,EAAQK,MAAAA,EAAAA,EAAU,MAIzG,IAAMQ,EAA2E,CAC/EC,IAAKC,EACLC,GAAIC,EACJC,EAAGC,EACHC,EAAGC,EACHC,EAAGC,EACHC,GAAIC,GAGN,IAAMC,EAA+F,CACnGC,QAASC,EACTC,OAAQR,EACRS,OAAQX,GAmBV,IAAMY,EAAUC,GACVA,EAAIC,SAAS,OAAe,MAC5BD,EAAIC,SAAS,MAAc,KAC3BD,EAAIC,SAAS,KAAa,IAC1BD,EAAIC,SAAS,KAAa,IAC1BD,EAAIC,SAAS,MAAc,KAC3BD,EAAIC,SAAS,KAAa,IACvB,KAGT,IAAMC,EAAqB,CAAC,KAAM,IAAK,IAAK,IAAK,KAAM,OACvD,IAAMC,EAAoB,CAAC,MAAO,KAAM,IAAK,IAAK,IAAK,UAQ1CC,EAAe,CAACC,EAAWC,KACtC,IAAMC,EAAOR,EAAOM,GACpB,IAAMG,EAAOT,EAAOO,GACpB,OAAKC,GAASC,EAECN,EAAmBO,WAAWC,GAAOA,IAAOH,IAC5CL,EAAmBO,WAAWC,GAAOA,IAAOF,KAEjC,EAAI,EALH,OAchBG,EAAc,CAACN,EAAWC,KACrC,IAAMC,EAAOR,EAAOM,GACpB,IAAMG,EAAOT,EAAOO,GACpB,OAAKC,GAASC,EAECL,EAAkBM,WAAWC,GAAOA,IAAOH,IAC3CJ,EAAkBM,WAAWC,GAAOA,IAAOF,KAEhC,EAAI,EALH,GA0BtB,IAAMI,EACXC,IAAA,IAA4BvC,MAC1BA,EAD0BwC,gBAE1BA,EAF0B1C,YAG1BA,EAAc,OAHYC,OAI1BA,EAAS,KAJiB0C,kBAK1BA,EAL0BC,KAM1BA,EAAOZ,GANTS,EAAA,MAQA,IACA,IACyBI,OAAOC,KAAK5C,GAChC0C,KAAKA,GACLG,KAAKC,IACJ,QAAoBC,IAAhB/C,EAAM8C,GAAqB,CAC7B,IAAME,EACyB,mBAAtBP,EAAmCA,EAAkBzC,EAAM8C,IAAS9C,EAAM8C,GAEnF,OAAOG,EAAgBD,EAAOlD,EAnGxC,CAAoCgD,GAC9BA,EAAKnB,SAAS,OACTpB,EAAgBC,IACdsC,EAAKnB,SAAS,MAChBpB,EAAgBG,GACdoC,EAAKnB,SAAS,KAChBpB,EAAgBK,EACdkC,EAAKnB,SAAS,KAChBpB,EAAgBO,EACdgC,EAAKnB,SAAS,MAChBpB,EAAgBW,GAEhBX,EAAgBS,EAZ3B,CAmGgF8B,GAAO/C,EAAQyC,GAEvF,OAAO,QAERU,OAAOC,SACPN,KACEO,GACC9C,EACI8C,CAAAA,GAAAA,IAAAA,UAeDC,EACX,SAACC,EAAD1D,EAAAC,GAAA,IAAmBC,+BAAnBF,EAAAA,EAAgD,KAAhD,IAAsDG,+BAAtDF,EAAAA,EAA8E,KAA9E,MACA,IAEC0D,IAAe,IAAAC,EACd,IAAMC,UAAkCF,EAAAA,EAAMD,kBAAa,KAC3D,IAAMI,EAAe5D,MAAAA,EAAAA,EAAewD,EACpC,IAAKG,EAAM,OAAO,KAElB,GAAIE,MAAMC,QAAQH,IAAyB,IAAhBA,EAAKvD,OAAc,CAC5C,IAAOmB,EAASE,EAAQC,GAAUiC,EAClC,OAAOnD,EAAP,CAAA,GAAA,IAAA,IAAA,IACIc,EAAgCC,SAAhCD,CADJyC,IAAAA,EAAAC,EAAA,CAAA,eAAA,KAAA,iBAEMJ,EAAoC,iBAAZrC,EAAP,GAAA0C,OAAiC1C,GAAUtB,OAAAA,MAAAA,EAAAA,EAAU,IAAOsB,GAE/ED,EAAgCG,QAAhCH,CAJJ4C,IAAAA,EAAAF,EAAA,CAAA,eAAA,KAAA,iBAKMJ,EAAmC,iBAAXnC,EAAP,GAAAwC,OAAgCxC,GAAhCwC,OAAyChE,MAAAA,EAAAA,EAAU,IAAOwB,GAE7EH,EAAgCI,QAAhCJ,CAPJ6C,IAAAA,EAAAH,EAAA,CAAA,eAAA,KAAA,iBAQMJ,EAAmC,iBAAXlC,YAAyBA,GAAhCuC,OAAyChE,MAAAA,EAAAA,EAAU,IAAOyB,IAKnF,GAAImC,MAAMC,QAAQH,IAAyB,IAAhBA,EAAKvD,QAAwC,iBAAjBwD,EAA2B,CAChF,IAAOQ,EAAIC,EAAGC,EAAGC,EAAGC,EAAIC,GAAOd,EAC/B,OAAOnD,EAAP,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IACIC,EAAgBW,IAAhBX,CADJiE,IAAAA,EAAAV,EAAA,CAAA,iBAAA,KAAA,mBAEQJ,EAA+B,iBAAPQ,YAAqBA,GAA5BH,OAAiChE,MAAAA,EAAAA,EAAU,IAAOmE,GAEvE3D,EAAgBS,GAAhBT,CACImD,IAAAA,EAAAA,EAAAA,CAAAA,iBAAAA,KAAAA,mBAAAA,EAA8B,iBAANS,EAAoBA,GAAAA,OAAAA,GAAIpE,OAAAA,MAAAA,EAAAA,EAAU,IAAOoE,GAEnE5D,EAAgBO,GAAhBP,CAPNkE,IAAAA,EAAAX,EAAA,CAAA,iBAAA,KAAA,mBAQQJ,EAA8B,iBAANU,EAAP,GAAAL,OAA2BK,GAA3BL,OAA+BhE,MAAAA,EAAAA,EAAU,IAAOqE,GAEnE7D,EAAgBK,GAAhBL,mDACEmD,EAA8B,iBAANW,EAAoBA,GAAAA,OAAAA,UAAItE,MAAAA,EAAAA,EAAU,IAAOsE,GAEnE9D,EAAgBG,IAAhBH,CACEmD,IAAAA,EAAAA,EAAAA,CAAAA,iBAAAA,KAAAA,mBAAAA,EAA+B,iBAAPY,EAAqBA,GAAAA,OAAAA,GAAKvE,OAAAA,MAAAA,EAAAA,EAAU,IAAOuE,GAErE/D,EAAgBC,KAAhBD,CAhBNmE,IAAAA,EAAAZ,EAAA,CAAA,iBAAA,KAAA,mBAiBQJ,EAAgC,iBAARa,YAAsBA,GAA7BR,OAAmChE,MAAAA,EAAAA,EAAU,IAAOwE,IAK/E,MAAoB,iBAATd,EACFnD,EAAP,CAAA,GAAA,IAAA,GAAA,KACIoD,EAAiBD,EAAO1D,MAAAA,EAAAA,EAAU,MAIpB,iBAAT0D,EACFnD,EAAP,CAAA,GAAA,IAAA,KACIoD,EAAiBD,GAIhB"}
|
package/mixins/shared.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from'@babel/runtime/helpers/taggedTemplateLiteral';import{css as r}from'styled-components';var t,x;var
|
|
1
|
+
import e from'@babel/runtime/helpers/taggedTemplateLiteral';import{css as r}from'styled-components';var t,x;var n=Object.freeze({xxxl:44,xxl:40,xl:36,l:28,m:24,s:20,xs:16,xxs:8,xxxs:4});var s=Object.freeze({xxxl:24,xxl:22,xl:20,l:18,m:16,s:14,xs:12,xxs:10,xxxs:8});function l(e){return'string'==typeof e&&'font-size'===e?s:n}function a(n,s,a,i,o){var f;var p=null!=o?o:l(s);var u='string'==typeof n&&null!==(f=p[n])&&void 0!==f?f:n;if('function'==typeof s){var m=s(u,i);return r(["",""],a()(t||(t=e(["\n ","\n "])),m))}return r(["",""],a()(x||(x=e(["\n ",": ","",";\n "])),s,u,'string'==typeof u?'':null!=i?i:''))}export{s as FONT_SIZES_LATIN,n as SIZES_LATIN,a as buildMediaQuery,l as getLatinSizeMapByCssProperty};
|
|
2
2
|
//# sourceMappingURL=shared.js.map
|
package/mixins/shared.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.js","sources":["../../../src/mixins/shared.ts"],"sourcesContent":["import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport { SizeLatin } from '../shared/enums/sizeLatin'\nimport { screenXs } from './screen'\n\nexport const SIZES_LATIN: Readonly<Record<SizeLatin, number>> = Object.freeze({\n xxxl: 44,\n xxl: 40,\n xl: 36,\n l: 28,\n m: 24,\n s: 20,\n xs: 16,\n xxs: 8,\n xxxs: 4,\n})\n\n// eslint-disable-next-line no-unused-vars\nexport const FONT_SIZES_LATIN: Readonly<Record<SizeLatin, number>> = Object.freeze({\n xxxl: 24,\n xxl: 22,\n xl: 20,\n l: 18,\n m: 16,\n s: 14,\n xs: 12,\n xxs: 10,\n xxxs: 8,\n})\n\nexport function getLatinSizeMapByCssProperty<T>(cssProperty: T) {\n if (typeof cssProperty === 'string' && cssProperty === 'font-size') return FONT_SIZES_LATIN\n return SIZES_LATIN\n}\n\nexport function buildMediaQuery(\n value: number | keyof typeof SizeLatin | 'auto' | 'initial' | 'inherit' | boolean,\n property:\n | string\n | ((\n _size: number | 'auto' | 'initial' | 'inherit' | boolean,\n _sizing?: null | string\n ) => FlattenSimpleInterpolation | null),\n screenQueryFunction: typeof screenXs,\n sizing: null | string
|
|
1
|
+
{"version":3,"file":"shared.js","sources":["../../../src/mixins/shared.ts"],"sourcesContent":["import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport { SizeLatin } from '../shared/enums/sizeLatin'\nimport { screenXs } from './screen'\n\nexport const SIZES_LATIN: Readonly<Record<SizeLatin, number>> = Object.freeze({\n xxxl: 44,\n xxl: 40,\n xl: 36,\n l: 28,\n m: 24,\n s: 20,\n xs: 16,\n xxs: 8,\n xxxs: 4,\n})\n\n// eslint-disable-next-line no-unused-vars\nexport const FONT_SIZES_LATIN: Readonly<Record<SizeLatin, number>> = Object.freeze({\n xxxl: 24,\n xxl: 22,\n xl: 20,\n l: 18,\n m: 16,\n s: 14,\n xs: 12,\n xxs: 10,\n xxxs: 8,\n})\n\nexport function getLatinSizeMapByCssProperty<T>(cssProperty: T) {\n if (typeof cssProperty === 'string' && cssProperty === 'font-size') return FONT_SIZES_LATIN\n return SIZES_LATIN\n}\n\nexport function buildMediaQuery(\n value: number | keyof typeof SizeLatin | 'auto' | 'initial' | 'inherit' | boolean,\n property:\n | string\n | ((\n _size: number | 'auto' | 'initial' | 'inherit' | boolean,\n _sizing?: null | string\n ) => FlattenSimpleInterpolation | null),\n screenQueryFunction: typeof screenXs,\n sizing: null | string,\n sizes?: Record<SizeLatin, number>\n): ReturnType<typeof css> {\n const sizeMap = sizes ?? getLatinSizeMapByCssProperty(property)\n\n const size: number | 'auto' | 'initial' | 'inherit' | boolean =\n typeof value === 'string' ? sizeMap[value] ?? value : value\n\n if (typeof property === 'function') {\n const value = property(size, sizing)\n return css`\n ${screenQueryFunction()`\n ${value}\n `}\n `\n }\n\n return css`\n ${screenQueryFunction()`\n ${property}: ${size as string}${typeof size === 'string' ? '' : sizing ?? ''};\n `}\n `\n}\n"],"names":["SIZES_LATIN","Object","freeze","xxxl","xxl","xl","l","m","s","xs","xxs","xxxs","FONT_SIZES_LATIN","getLatinSizeMapByCssProperty","cssProperty","buildMediaQuery","value","property","screenQueryFunction","sizing","sizes","_sizeMap$value","sizeMap","size","css"],"mappings":"gHAIaA,EAAmDC,OAAOC,OAAO,CAC5EC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,EACLC,KAAM,QAIKC,EAAwDX,OAAOC,OAAO,CACjFC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,GACLC,KAAM,IAGD,SAASE,EAAgCC,GAC9C,MAA2B,iBAAhBA,GAA4C,cAAhBA,EAAoCF,EACpEZ,EAGF,SAASe,EACdC,EACAC,EAMAC,EACAC,EACAC,GACwB,IAAAC,EACxB,IAAMC,EAAUF,MAAAA,EAAAA,EAASP,EAA6BI,GAEtD,IAAMM,EACa,iBAAVP,GAAuCA,QAA9CK,EAA4BC,EAAQN,UAAUA,IAAAA,EAAAA,EAAQA,EAExD,GAAwB,mBAAbC,EAAyB,CAClC,IAAMD,EAAQC,EAASM,EAAMJ,GAC7B,OAAOK,EAAP,CAAA,GAAA,IACIN,GAAAA,qCACEF,IAKR,OAAOQ,UACHN,GAAAA,0CACED,EAAaM,EAAiC,iBAATA,EAAoB,GAAKJ,MAAAA,EAAAA,EAAU"}
|
package/package.json
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@foxford/ui",
|
|
3
|
-
"version": "2.6.0
|
|
3
|
+
"version": "2.6.0",
|
|
4
4
|
"description": "UI components library",
|
|
5
5
|
"main": "index.cjs.js",
|
|
6
6
|
"module": "index.js",
|
|
7
7
|
"jsnext:main": "index.js",
|
|
8
8
|
"typings": "dts/index.d.ts",
|
|
9
9
|
"peerDependencies": {
|
|
10
|
-
"@foxford/icon-pack": ">=0.0.4 <1",
|
|
11
10
|
"@types/react-input-mask": ">=2.0",
|
|
12
11
|
"@types/react-modal": ">=3.13",
|
|
13
12
|
"clsx": ">=1.1",
|
|
@@ -84,4 +83,3 @@
|
|
|
84
83
|
"ui-kit"
|
|
85
84
|
]
|
|
86
85
|
}
|
|
87
|
-
|
package/theme/colors.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e;(e=>{e.facebook="facebook",e.twitter="twitter",e.youtube="youtube",e.instagrammagenta="instagrammagenta",e.instagramblue="instagramblue",e.instagrampurple="instagrampurple",e.instagramorange="instagramorange",e.instagramyellow="instagramyellow",e.pinterest="pinterest",e.googleplus="googleplus",e.linkedin="linkedin",e.vimeoblue="vimeoblue",e.vimeogreen="vimeogreen",e.vimeoorange="vimeoorange",e.vimeopink="vimeopink",e.tumblr="tumblr",e.snapchat="snapchat",e.whatsappgreen="whatsappgreen",e.whatsappteal1="whatsappteal1",e.whatsappteal2="whatsappteal2",e.foursquarepink="foursquarepink",e.foursquareblue="foursquareblue",e.swarm="swarm",e.skypeblue="skypeblue",e.skypegreen="skypegreen",e.android="android",e.stumbleupon="stumbleupon",e.flickrpink="flickrpink",e.flickrblue="flickrblue",e.yahoo="yahoo",e.soundcloud="soundcloud",e.spotifygreen="spotifygreen",e.spotifydarkgreen="spotifydarkgreen",e.dribbble="dribbble",e.reddit="reddit",e.deviantart="deviantart",e.pocket="pocket",e.quora="quora",e.quorablue="quorablue",e.slideshareorange="slideshareorange",e.slideshareblue="slideshareblue",e.telegram="telegram",e.fivehundredpx="fivehundredpx",e.listlyorange="listlyorange",e.listlyblue="listlyblue",e.vine="vine",e.vk="vk",e.ok="ok",e.mailru="mailru",e.white="white",e.black="black",e.tundora="tundora",e.paleSky="paleSky",e.bostonBlue="bostonBlue",e.atlantisBrightly="atlantisBrightly",e.cinnabar="cinnabar",e.sail="sail",e.bittersweet="bittersweet",e.turquoise="turquoise",e.dodgerBlue="dodgerBlue",e.mantis="mantis",e.azure="azure",e.bahamaBlue="bahamaBlue",e.shamrock="shamrock",e.olive="olive",e.copperRose="copperRose",e.cyan="cyan",e.plum="plum",e.hokeyPokey="hokeyPokey",e.monaLisa="monaLisa",e.mariner="mariner",e.heliotrope="heliotrope",e.dandelion="dandelion",e.fruitSalad="fruitSalad",e.fuchsiaBlue="fuchsiaBlue",e.persianGreen="persianGreen",e.watermelon="watermelon",e.tropaz="tropaz",e.lima="lima",e.mintTulip="mintTulip",e.carnationPink="carnationPink",e.paleRose="paleRose",e.deYork="deYork",e.peppermint="peppermint",e.cornflowerBlue="cornflowerBlue",e.colonialWhite="colonialWhite",e.cherokee="cherokee",e.supernova="supernova",e.picasso="picasso",e.bilobaFlower="bilobaFlower",e.linkWater="linkWater",e.mineShaft="mineShaft",e.silver="silver",e.alto="alto",e.mercury="mercury",e.wildSand="wildSand",e.whiteGray="whiteGray",e.alabaster="alabaster",e.whiteLilac="whiteLilac",e.atlantis="atlantis",e.yellowOrange="yellowOrange",e.mystic="mystic",e.pomegranate="pomegranate",e.oliveDrab="oliveDrab",e.curious="curious",e.orangePeel="orangePeel",e.nebula="nebula",e.seaNymph="seaNymph",e.chromeWhite="chromeWhite",e.onahau="onahau",e.citrineWhite="citrineWhite",e.coralReef="coralReef",e.creemBrulee="creemBrulee",e.frangipani="frangipani",e.yourPink="yourPink",e.periwinkleGray="periwinkleGray",e.baliHai="baliHai",e.primary="primary",e.accent="accent",e.profession="profession",e.professionDark="professionDark",e.camps="camps",e.campsDark="campsDark",e.courses="courses",e.coursesDark="coursesDark",e.openLesson="openLesson",e.openLessonDark="openLessonDark",e.externat="externat",e.externatDark="externatDark",e.olympiad="olympiad",e.olympiadDark="olympiadDark",e.textbook="textbook",e.textbookDark="textbookDark",e.tutors="tutors",e.tutorsDark="tutorsDark",e.training="training",e.trainingDark="trainingDark",e.mathematics="mathematics",e.physics="physics",e.informatics="informatics",e.chemistry="chemistry",e.biology="biology",e.english="english",e.russian="russian",e.history="history",e.society="society",e.geography="geography",e.developing="developing",e.literature="literature",e.intersubject="intersubject",e.primarySchool="primarySchool",e.recommended="recommended",e.astronomy="astronomy",e.ecology="ecology",e.technology="technology",e.languages="languages",e.art="art",e.physicalCulture="physicalCulture",e.logic="logic",e.businessLogic="businessLogic",e.rap="rap",e.ikt="ikt",e.kids="kids",e.fgos="fgos",e.blue="blue",e.red="red",e.green="green",e.grey="grey",e.darkgrey="darkgrey",e.lightgrey="lightgrey",e.superlightgrey="superlightgrey"
|
|
1
|
+
var e;(e=>{e.facebook="facebook",e.twitter="twitter",e.youtube="youtube",e.instagrammagenta="instagrammagenta",e.instagramblue="instagramblue",e.instagrampurple="instagrampurple",e.instagramorange="instagramorange",e.instagramyellow="instagramyellow",e.pinterest="pinterest",e.googleplus="googleplus",e.linkedin="linkedin",e.vimeoblue="vimeoblue",e.vimeogreen="vimeogreen",e.vimeoorange="vimeoorange",e.vimeopink="vimeopink",e.tumblr="tumblr",e.snapchat="snapchat",e.whatsappgreen="whatsappgreen",e.whatsappteal1="whatsappteal1",e.whatsappteal2="whatsappteal2",e.foursquarepink="foursquarepink",e.foursquareblue="foursquareblue",e.swarm="swarm",e.skypeblue="skypeblue",e.skypegreen="skypegreen",e.android="android",e.stumbleupon="stumbleupon",e.flickrpink="flickrpink",e.flickrblue="flickrblue",e.yahoo="yahoo",e.soundcloud="soundcloud",e.spotifygreen="spotifygreen",e.spotifydarkgreen="spotifydarkgreen",e.dribbble="dribbble",e.reddit="reddit",e.deviantart="deviantart",e.pocket="pocket",e.quora="quora",e.quorablue="quorablue",e.slideshareorange="slideshareorange",e.slideshareblue="slideshareblue",e.telegram="telegram",e.fivehundredpx="fivehundredpx",e.listlyorange="listlyorange",e.listlyblue="listlyblue",e.vine="vine",e.vk="vk",e.ok="ok",e.mailru="mailru",e.white="white",e.black="black",e.tundora="tundora",e.paleSky="paleSky",e.bostonBlue="bostonBlue",e.atlantisBrightly="atlantisBrightly",e.cinnabar="cinnabar",e.sail="sail",e.bittersweet="bittersweet",e.turquoise="turquoise",e.dodgerBlue="dodgerBlue",e.mantis="mantis",e.azure="azure",e.bahamaBlue="bahamaBlue",e.shamrock="shamrock",e.olive="olive",e.copperRose="copperRose",e.cyan="cyan",e.plum="plum",e.hokeyPokey="hokeyPokey",e.monaLisa="monaLisa",e.mariner="mariner",e.heliotrope="heliotrope",e.dandelion="dandelion",e.fruitSalad="fruitSalad",e.fuchsiaBlue="fuchsiaBlue",e.persianGreen="persianGreen",e.watermelon="watermelon",e.tropaz="tropaz",e.lima="lima",e.mintTulip="mintTulip",e.carnationPink="carnationPink",e.paleRose="paleRose",e.deYork="deYork",e.peppermint="peppermint",e.cornflowerBlue="cornflowerBlue",e.colonialWhite="colonialWhite",e.cherokee="cherokee",e.supernova="supernova",e.picasso="picasso",e.bilobaFlower="bilobaFlower",e.linkWater="linkWater",e.mineShaft="mineShaft",e.silver="silver",e.alto="alto",e.mercury="mercury",e.wildSand="wildSand",e.whiteGray="whiteGray",e.alabaster="alabaster",e.whiteLilac="whiteLilac",e.atlantis="atlantis",e.yellowOrange="yellowOrange",e.mystic="mystic",e.pomegranate="pomegranate",e.oliveDrab="oliveDrab",e.curious="curious",e.orangePeel="orangePeel",e.nebula="nebula",e.seaNymph="seaNymph",e.chromeWhite="chromeWhite",e.onahau="onahau",e.citrineWhite="citrineWhite",e.coralReef="coralReef",e.creemBrulee="creemBrulee",e.frangipani="frangipani",e.yourPink="yourPink",e.periwinkleGray="periwinkleGray",e.baliHai="baliHai",e.primary="primary",e.accent="accent",e.profession="profession",e.professionDark="professionDark",e.camps="camps",e.campsDark="campsDark",e.courses="courses",e.coursesDark="coursesDark",e.openLesson="openLesson",e.openLessonDark="openLessonDark",e.externat="externat",e.externatDark="externatDark",e.olympiad="olympiad",e.olympiadDark="olympiadDark",e.textbook="textbook",e.textbookDark="textbookDark",e.tutors="tutors",e.tutorsDark="tutorsDark",e.training="training",e.trainingDark="trainingDark",e.mathematics="mathematics",e.physics="physics",e.informatics="informatics",e.chemistry="chemistry",e.biology="biology",e.english="english",e.russian="russian",e.history="history",e.society="society",e.geography="geography",e.developing="developing",e.literature="literature",e.intersubject="intersubject",e.primarySchool="primarySchool",e.recommended="recommended",e.astronomy="astronomy",e.ecology="ecology",e.technology="technology",e.languages="languages",e.art="art",e.physicalCulture="physicalCulture",e.logic="logic",e.businessLogic="businessLogic",e.rap="rap",e.ikt="ikt",e.kids="kids",e.fgos="fgos",e.blue="blue",e.red="red",e.green="green",e.grey="grey",e.darkgrey="darkgrey",e.lightgrey="lightgrey",e.superlightgrey="superlightgrey"})(e||(e={}));var a=Object.freeze({facebook:'#0561af',twitter:'#00bff3',youtube:'#ff0000',instagrammagenta:'#c32aa3',instagramblue:'#4c5fd7',instagrampurple:'#7232bd',instagramorange:'#f46f30',instagramyellow:'#ffdc7d',pinterest:'#cb2027',googleplus:'#df4a32',linkedin:'#007bb6',vimeoblue:'#45bbff',vimeogreen:'#aad450',vimeoorange:'#f7b42c',vimeopink:'#f27490',tumblr:'#2c4762',snapchat:'#fffc00',whatsappgreen:'#25d366',whatsappteal1:'#075e54',whatsappteal2:'#128c7e',foursquarepink:'#fc4575',foursquareblue:'#2d5be3',swarm:'#ffb000',skypeblue:'#00aff0',skypegreen:'#7fba00',android:'#a4c639',stumbleupon:'#eb4924',flickrpink:'#f40083',flickrblue:'#006add',yahoo:'#430297',soundcloud:'#ff5500',spotifygreen:'#1ed760',spotifydarkgreen:'#1db954',dribbble:'#ea4c89',reddit:'#ff5700',deviantart:'#4a5d4e',pocket:'#ee4056',quora:'#aa2200',quorablue:'#2b6dad',slideshareorange:'#f7941e',slideshareblue:'#1191d0',telegram:'#0088cc',fivehundredpx:'#0099e5',listlyorange:'#df6d46',listlyblue:'#52b1b3',vine:'#00b489',vk:'#4d75a2',ok:'#ee8208',mailru:'#158DE2'});var r=Object.freeze({white:'#ffffff',black:'#000000',tundora:'#4a4a4a',paleSky:'#697389',bostonBlue:'#0060d0',atlantisBrightly:'#99cc33',cinnabar:'#e00000',sail:'#a9dbf8',bittersweet:'#ff6666',turquoise:'#33cccc',dodgerBlue:'#33ccff',mantis:'#66cc66',azure:'#336699',bahamaBlue:'#006699',shamrock:'#33cc99',olive:'#999900',copperRose:'#996666',cyan:'#3399ff',plum:'#993399',hokeyPokey:'#cc9933',monaLisa:'#ff9999',mariner:'#3366cc',heliotrope:'#cc33ff',dandelion:'#ffce03',fruitSalad:'#49a15d',fuchsiaBlue:'#8d58bc',persianGreen:'#009999',watermelon:'#ff4679',tropaz:'#2863a8',lima:'#5fd0da',mintTulip:'#bfecf0',carnationPink:'#ffa6ce',paleRose:'#ffdcec',deYork:'#82d180',peppermint:'#cdedcc',cornflowerBlue:'#62aee9',colonialWhite:'#fdedd2',cherokee:'#fbd291',supernova:'#ffce03',picasso:'#ffeb9a',bilobaFlower:'#9fafe9',linkWater:'#d8dff6',transparent:'transparent',mineShaft:'#333333',silver:'#b8b8b8',alto:'#d4d4d4',mercury:'#e9e9e9',wildSand:'#f6f6f6',whiteGray:'#eaeaea',alabaster:'#f8f8f8',whiteLilac:'#F6F7FB',atlantis:'#7fc92e',yellowOrange:'#ffb334',mystic:'#dcdfea',pomegranate:'#f94b28',oliveDrab:'#6ca82a',curious:'#007CEE',orangePeel:'#ff9900',nebula:'#d8e6e2',seaNymph:'#7ca79b',chromeWhite:'#daefc9',onahau:'#c6e6ff',citrineWhite:'#faf3dd',coralReef:'#c9c1a6',creemBrulee:'#ffe89e',frangipani:'#ffdcb5',yourPink:'#ffc2c2',periwinkleGray:'#d4d9ee',baliHai:'#8890b4',primary:'#ff732b',accent:'#1A96F6'});var i=Object.freeze({profession:r.mintTulip,professionDark:r.lima,camps:r.chromeWhite,campsDark:r.atlantis,courses:r.onahau,coursesDark:r.cornflowerBlue,openLesson:r.colonialWhite,openLessonDark:r.cherokee,externat:r.paleRose,externatDark:r.carnationPink,olympiad:r.yourPink,olympiadDark:r.bittersweet,textbook:r.picasso,textbookDark:r.supernova,tutors:r.linkWater,tutorsDark:r.bilobaFlower,training:r.peppermint,trainingDark:r.deYork,mathematics:r.orangePeel,physics:r.curious,informatics:r.turquoise,chemistry:r.shamrock,biology:r.mantis,english:r.bittersweet,russian:r.dodgerBlue,history:r.bahamaBlue,society:r.primary,geography:r.copperRose,developing:r.olive,literature:r.cyan,intersubject:r.plum,primarySchool:r.hokeyPokey,recommended:r.monaLisa,astronomy:r.mariner,ecology:r.atlantisBrightly,technology:r.turquoise,languages:r.bittersweet,art:r.heliotrope,physicalCulture:r.olive,logic:r.dandelion,businessLogic:r.fruitSalad,rap:r.fuchsiaBlue,ikt:r.persianGreen,kids:r.watermelon,fgos:r.tropaz,blue:r.accent,red:r.pomegranate,green:r.atlantis,grey:r.silver,darkgrey:r.mineShaft,lightgrey:r.alto,superlightgrey:r.mercury});export{e as ColorNames,r as colors,a as socialColors,i as unitColors};
|
|
2
2
|
//# sourceMappingURL=colors.js.map
|
package/theme/colors.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sources":["../../../src/theme/colors.ts"],"sourcesContent":["import { HEX, RGB, RGBA } from '../shared/interfaces'\n\n/* eslint-disable no-unused-vars */\nexport enum ColorNames {\n facebook = 'facebook',\n twitter = 'twitter',\n youtube = 'youtube',\n instagrammagenta = 'instagrammagenta',\n instagramblue = 'instagramblue',\n instagrampurple = 'instagrampurple',\n instagramorange = 'instagramorange',\n instagramyellow = 'instagramyellow',\n pinterest = 'pinterest',\n googleplus = 'googleplus',\n linkedin = 'linkedin',\n vimeoblue = 'vimeoblue',\n vimeogreen = 'vimeogreen',\n vimeoorange = 'vimeoorange',\n vimeopink = 'vimeopink',\n tumblr = 'tumblr',\n snapchat = 'snapchat',\n whatsappgreen = 'whatsappgreen',\n whatsappteal1 = 'whatsappteal1',\n whatsappteal2 = 'whatsappteal2',\n foursquarepink = 'foursquarepink',\n foursquareblue = 'foursquareblue',\n swarm = 'swarm',\n skypeblue = 'skypeblue',\n skypegreen = 'skypegreen',\n android = 'android',\n stumbleupon = 'stumbleupon',\n flickrpink = 'flickrpink',\n flickrblue = 'flickrblue',\n yahoo = 'yahoo',\n soundcloud = 'soundcloud',\n spotifygreen = 'spotifygreen',\n spotifydarkgreen = 'spotifydarkgreen',\n dribbble = 'dribbble',\n reddit = 'reddit',\n deviantart = 'deviantart',\n pocket = 'pocket',\n quora = 'quora',\n quorablue = 'quorablue',\n slideshareorange = 'slideshareorange',\n slideshareblue = 'slideshareblue',\n telegram = 'telegram',\n fivehundredpx = 'fivehundredpx',\n listlyorange = 'listlyorange',\n listlyblue = 'listlyblue',\n vine = 'vine',\n vk = 'vk',\n ok = 'ok',\n mailru = 'mailru',\n white = 'white',\n black = 'black',\n tundora = 'tundora',\n paleSky = 'paleSky',\n bostonBlue = 'bostonBlue',\n atlantisBrightly = 'atlantisBrightly',\n cinnabar = 'cinnabar',\n sail = 'sail',\n bittersweet = 'bittersweet',\n turquoise = 'turquoise',\n dodgerBlue = 'dodgerBlue',\n mantis = 'mantis',\n azure = 'azure',\n bahamaBlue = 'bahamaBlue',\n shamrock = 'shamrock',\n olive = 'olive',\n copperRose = 'copperRose',\n cyan = 'cyan',\n plum = 'plum',\n hokeyPokey = 'hokeyPokey',\n monaLisa = 'monaLisa',\n mariner = 'mariner',\n heliotrope = 'heliotrope',\n dandelion = 'dandelion',\n fruitSalad = 'fruitSalad',\n fuchsiaBlue = 'fuchsiaBlue',\n persianGreen = 'persianGreen',\n watermelon = 'watermelon',\n tropaz = 'tropaz',\n lima = 'lima',\n mintTulip = 'mintTulip',\n carnationPink = 'carnationPink',\n paleRose = 'paleRose',\n deYork = 'deYork',\n peppermint = 'peppermint',\n cornflowerBlue = 'cornflowerBlue',\n colonialWhite = 'colonialWhite',\n cherokee = 'cherokee',\n supernova = 'supernova',\n picasso = 'picasso',\n bilobaFlower = 'bilobaFlower',\n linkWater = 'linkWater',\n mineShaft = 'mineShaft',\n silver = 'silver',\n alto = 'alto',\n mercury = 'mercury',\n wildSand = 'wildSand',\n whiteGray = 'whiteGray',\n alabaster = 'alabaster',\n whiteLilac = 'whiteLilac',\n atlantis = 'atlantis',\n yellowOrange = 'yellowOrange',\n mystic = 'mystic',\n pomegranate = 'pomegranate',\n oliveDrab = 'oliveDrab',\n curious = 'curious',\n orangePeel = 'orangePeel',\n nebula = 'nebula',\n seaNymph = 'seaNymph',\n chromeWhite = 'chromeWhite',\n onahau = 'onahau',\n citrineWhite = 'citrineWhite',\n coralReef = 'coralReef',\n creemBrulee = 'creemBrulee',\n frangipani = 'frangipani',\n yourPink = 'yourPink',\n periwinkleGray = 'periwinkleGray',\n baliHai = 'baliHai',\n primary = 'primary',\n accent = 'accent',\n profession = 'profession',\n professionDark = 'professionDark',\n camps = 'camps',\n campsDark = 'campsDark',\n courses = 'courses',\n coursesDark = 'coursesDark',\n openLesson = 'openLesson',\n openLessonDark = 'openLessonDark',\n externat = 'externat',\n externatDark = 'externatDark',\n olympiad = 'olympiad',\n olympiadDark = 'olympiadDark',\n textbook = 'textbook',\n textbookDark = 'textbookDark',\n tutors = 'tutors',\n tutorsDark = 'tutorsDark',\n training = 'training',\n trainingDark = 'trainingDark',\n mathematics = 'mathematics',\n physics = 'physics',\n informatics = 'informatics',\n chemistry = 'chemistry',\n biology = 'biology',\n english = 'english',\n russian = 'russian',\n history = 'history',\n society = 'society',\n geography = 'geography',\n developing = 'developing',\n literature = 'literature',\n intersubject = 'intersubject',\n primarySchool = 'primarySchool',\n recommended = 'recommended',\n astronomy = 'astronomy',\n ecology = 'ecology',\n technology = 'technology',\n languages = 'languages',\n art = 'art',\n physicalCulture = 'physicalCulture',\n logic = 'logic',\n businessLogic = 'businessLogic',\n rap = 'rap',\n ikt = 'ikt',\n kids = 'kids',\n fgos = 'fgos',\n blue = 'blue',\n red = 'red',\n green = 'green',\n grey = 'grey',\n darkgrey = 'darkgrey',\n lightgrey = 'lightgrey',\n superlightgrey = 'superlightgrey',\n transparent = 'transparent',\n}\n\nexport const socialColors: Partial<Record<ColorNames, HEX | RGB | RGBA | 'transparent'>> = Object.freeze({\n facebook: '#0561af',\n twitter: '#00bff3',\n youtube: '#ff0000',\n instagrammagenta: '#c32aa3',\n instagramblue: '#4c5fd7',\n instagrampurple: '#7232bd',\n instagramorange: '#f46f30',\n instagramyellow: '#ffdc7d',\n pinterest: '#cb2027',\n googleplus: '#df4a32',\n linkedin: '#007bb6',\n vimeoblue: '#45bbff',\n vimeogreen: '#aad450',\n vimeoorange: '#f7b42c',\n vimeopink: '#f27490',\n tumblr: '#2c4762',\n snapchat: '#fffc00',\n whatsappgreen: '#25d366',\n whatsappteal1: '#075e54',\n whatsappteal2: '#128c7e',\n foursquarepink: '#fc4575',\n foursquareblue: '#2d5be3',\n swarm: '#ffb000',\n skypeblue: '#00aff0',\n skypegreen: '#7fba00',\n android: '#a4c639',\n stumbleupon: '#eb4924',\n flickrpink: '#f40083',\n flickrblue: '#006add',\n yahoo: '#430297',\n soundcloud: '#ff5500',\n spotifygreen: '#1ed760',\n spotifydarkgreen: '#1db954',\n dribbble: '#ea4c89',\n reddit: '#ff5700',\n deviantart: '#4a5d4e',\n pocket: '#ee4056',\n quora: '#aa2200',\n quorablue: '#2b6dad',\n slideshareorange: '#f7941e',\n slideshareblue: '#1191d0',\n telegram: '#0088cc',\n fivehundredpx: '#0099e5',\n listlyorange: '#df6d46',\n listlyblue: '#52b1b3',\n vine: '#00b489',\n vk: '#4d75a2',\n ok: '#ee8208',\n mailru: '#158DE2',\n})\n\nexport const colors: Partial<Record<ColorNames, HEX | RGB | RGBA | 'transparent'>> = Object.freeze({\n white: '#ffffff',\n black: '#000000',\n tundora: '#4a4a4a',\n paleSky: '#697389',\n bostonBlue: '#0060d0',\n atlantisBrightly: '#99cc33',\n cinnabar: '#e00000',\n sail: '#a9dbf8',\n bittersweet: '#ff6666',\n turquoise: '#33cccc',\n dodgerBlue: '#33ccff',\n mantis: '#66cc66',\n azure: '#336699',\n bahamaBlue: '#006699',\n shamrock: '#33cc99',\n olive: '#999900',\n copperRose: '#996666',\n cyan: '#3399ff',\n plum: '#993399',\n hokeyPokey: '#cc9933',\n monaLisa: '#ff9999',\n mariner: '#3366cc',\n heliotrope: '#cc33ff',\n dandelion: '#ffce03',\n fruitSalad: '#49a15d',\n fuchsiaBlue: '#8d58bc',\n persianGreen: '#009999',\n watermelon: '#ff4679',\n tropaz: '#2863a8',\n lima: '#5fd0da',\n mintTulip: '#bfecf0',\n carnationPink: '#ffa6ce',\n paleRose: '#ffdcec',\n deYork: '#82d180',\n peppermint: '#cdedcc',\n cornflowerBlue: '#62aee9',\n colonialWhite: '#fdedd2',\n cherokee: '#fbd291',\n supernova: '#ffce03',\n picasso: '#ffeb9a',\n bilobaFlower: '#9fafe9',\n linkWater: '#d8dff6',\n transparent: 'transparent',\n mineShaft: '#333333',\n silver: '#b8b8b8',\n alto: '#d4d4d4',\n mercury: '#e9e9e9',\n wildSand: '#f6f6f6',\n whiteGray: '#eaeaea',\n alabaster: '#f8f8f8',\n whiteLilac: '#F6F7FB',\n atlantis: '#7fc92e',\n yellowOrange: '#ffb334',\n mystic: '#dcdfea',\n pomegranate: '#f94b28',\n oliveDrab: '#6ca82a',\n curious: '#007CEE',\n orangePeel: '#ff9900',\n nebula: '#d8e6e2',\n seaNymph: '#7ca79b',\n chromeWhite: '#daefc9',\n onahau: '#c6e6ff',\n citrineWhite: '#faf3dd',\n coralReef: '#c9c1a6',\n creemBrulee: '#ffe89e',\n frangipani: '#ffdcb5',\n yourPink: '#ffc2c2',\n periwinkleGray: '#d4d9ee',\n baliHai: '#8890b4',\n primary: '#ff732b',\n accent: '#1A96F6',\n})\n\nexport const unitColors: Partial<Record<ColorNames, HEX | RGB | RGBA | 'transparent'>> = Object.freeze({\n profession: colors.mintTulip,\n professionDark: colors.lima,\n camps: colors.chromeWhite,\n campsDark: colors.atlantis,\n courses: colors.onahau,\n coursesDark: colors.cornflowerBlue,\n openLesson: colors.colonialWhite,\n openLessonDark: colors.cherokee,\n externat: colors.paleRose,\n externatDark: colors.carnationPink,\n olympiad: colors.yourPink,\n olympiadDark: colors.bittersweet,\n textbook: colors.picasso,\n textbookDark: colors.supernova,\n tutors: colors.linkWater,\n tutorsDark: colors.bilobaFlower,\n training: colors.peppermint,\n trainingDark: colors.deYork,\n mathematics: colors.orangePeel,\n physics: colors.curious,\n informatics: colors.turquoise,\n chemistry: colors.shamrock,\n biology: colors.mantis,\n english: colors.bittersweet,\n russian: colors.dodgerBlue,\n history: colors.bahamaBlue,\n society: colors.primary,\n geography: colors.copperRose,\n developing: colors.olive,\n literature: colors.cyan,\n intersubject: colors.plum,\n primarySchool: colors.hokeyPokey,\n recommended: colors.monaLisa,\n astronomy: colors.mariner,\n ecology: colors.atlantisBrightly,\n technology: colors.turquoise,\n languages: colors.bittersweet,\n art: colors.heliotrope,\n physicalCulture: colors.olive,\n logic: colors.dandelion,\n businessLogic: colors.fruitSalad,\n rap: colors.fuchsiaBlue,\n ikt: colors.persianGreen,\n kids: colors.watermelon,\n fgos: colors.tropaz,\n blue: colors.accent,\n red: colors.pomegranate,\n green: colors.atlantis,\n grey: colors.silver,\n darkgrey: colors.mineShaft,\n lightgrey: colors.alto,\n superlightgrey: colors.mercury,\n})\n"],"names":["ColorNames","socialColors","Object","freeze","facebook","twitter","youtube","instagrammagenta","instagramblue","instagrampurple","instagramorange","instagramyellow","pinterest","googleplus","linkedin","vimeoblue","vimeogreen","vimeoorange","vimeopink","tumblr","snapchat","whatsappgreen","whatsappteal1","whatsappteal2","foursquarepink","foursquareblue","swarm","skypeblue","skypegreen","android","stumbleupon","flickrpink","flickrblue","yahoo","soundcloud","spotifygreen","spotifydarkgreen","dribbble","reddit","deviantart","pocket","quora","quorablue","slideshareorange","slideshareblue","telegram","fivehundredpx","listlyorange","listlyblue","vine","vk","ok","mailru","colors","white","black","tundora","paleSky","bostonBlue","atlantisBrightly","cinnabar","sail","bittersweet","turquoise","dodgerBlue","mantis","azure","bahamaBlue","shamrock","olive","copperRose","cyan","plum","hokeyPokey","monaLisa","mariner","heliotrope","dandelion","fruitSalad","fuchsiaBlue","persianGreen","watermelon","tropaz","lima","mintTulip","carnationPink","paleRose","deYork","peppermint","cornflowerBlue","colonialWhite","cherokee","supernova","picasso","bilobaFlower","linkWater","transparent","mineShaft","silver","alto","mercury","wildSand","whiteGray","alabaster","whiteLilac","atlantis","yellowOrange","mystic","pomegranate","oliveDrab","curious","orangePeel","nebula","seaNymph","chromeWhite","onahau","citrineWhite","coralReef","creemBrulee","frangipani","yourPink","periwinkleGray","baliHai","primary","accent","unitColors","profession","professionDark","camps","campsDark","courses","coursesDark","openLesson","openLessonDark","externat","externatDark","olympiad","olympiadDark","textbook","textbookDark","tutors","tutorsDark","training","trainingDark","mathematics","physics","informatics","chemistry","biology","english","russian","history","society","geography","developing","literature","intersubject","primarySchool","recommended","astronomy","ecology","technology","languages","art","physicalCulture","logic","businessLogic","rap","ikt","kids","fgos","blue","red","green","grey","darkgrey","lightgrey","superlightgrey"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"colors.js","sources":["../../../src/theme/colors.ts"],"sourcesContent":["import { HEX, RGB, RGBA } from '../shared/interfaces'\n\n/* eslint-disable no-unused-vars */\nexport enum ColorNames {\n facebook = 'facebook',\n twitter = 'twitter',\n youtube = 'youtube',\n instagrammagenta = 'instagrammagenta',\n instagramblue = 'instagramblue',\n instagrampurple = 'instagrampurple',\n instagramorange = 'instagramorange',\n instagramyellow = 'instagramyellow',\n pinterest = 'pinterest',\n googleplus = 'googleplus',\n linkedin = 'linkedin',\n vimeoblue = 'vimeoblue',\n vimeogreen = 'vimeogreen',\n vimeoorange = 'vimeoorange',\n vimeopink = 'vimeopink',\n tumblr = 'tumblr',\n snapchat = 'snapchat',\n whatsappgreen = 'whatsappgreen',\n whatsappteal1 = 'whatsappteal1',\n whatsappteal2 = 'whatsappteal2',\n foursquarepink = 'foursquarepink',\n foursquareblue = 'foursquareblue',\n swarm = 'swarm',\n skypeblue = 'skypeblue',\n skypegreen = 'skypegreen',\n android = 'android',\n stumbleupon = 'stumbleupon',\n flickrpink = 'flickrpink',\n flickrblue = 'flickrblue',\n yahoo = 'yahoo',\n soundcloud = 'soundcloud',\n spotifygreen = 'spotifygreen',\n spotifydarkgreen = 'spotifydarkgreen',\n dribbble = 'dribbble',\n reddit = 'reddit',\n deviantart = 'deviantart',\n pocket = 'pocket',\n quora = 'quora',\n quorablue = 'quorablue',\n slideshareorange = 'slideshareorange',\n slideshareblue = 'slideshareblue',\n telegram = 'telegram',\n fivehundredpx = 'fivehundredpx',\n listlyorange = 'listlyorange',\n listlyblue = 'listlyblue',\n vine = 'vine',\n vk = 'vk',\n ok = 'ok',\n mailru = 'mailru',\n white = 'white',\n black = 'black',\n tundora = 'tundora',\n paleSky = 'paleSky',\n bostonBlue = 'bostonBlue',\n atlantisBrightly = 'atlantisBrightly',\n cinnabar = 'cinnabar',\n sail = 'sail',\n bittersweet = 'bittersweet',\n turquoise = 'turquoise',\n dodgerBlue = 'dodgerBlue',\n mantis = 'mantis',\n azure = 'azure',\n bahamaBlue = 'bahamaBlue',\n shamrock = 'shamrock',\n olive = 'olive',\n copperRose = 'copperRose',\n cyan = 'cyan',\n plum = 'plum',\n hokeyPokey = 'hokeyPokey',\n monaLisa = 'monaLisa',\n mariner = 'mariner',\n heliotrope = 'heliotrope',\n dandelion = 'dandelion',\n fruitSalad = 'fruitSalad',\n fuchsiaBlue = 'fuchsiaBlue',\n persianGreen = 'persianGreen',\n watermelon = 'watermelon',\n tropaz = 'tropaz',\n lima = 'lima',\n mintTulip = 'mintTulip',\n carnationPink = 'carnationPink',\n paleRose = 'paleRose',\n deYork = 'deYork',\n peppermint = 'peppermint',\n cornflowerBlue = 'cornflowerBlue',\n colonialWhite = 'colonialWhite',\n cherokee = 'cherokee',\n supernova = 'supernova',\n picasso = 'picasso',\n bilobaFlower = 'bilobaFlower',\n linkWater = 'linkWater',\n mineShaft = 'mineShaft',\n silver = 'silver',\n alto = 'alto',\n mercury = 'mercury',\n wildSand = 'wildSand',\n whiteGray = 'whiteGray',\n alabaster = 'alabaster',\n whiteLilac = 'whiteLilac',\n atlantis = 'atlantis',\n yellowOrange = 'yellowOrange',\n mystic = 'mystic',\n pomegranate = 'pomegranate',\n oliveDrab = 'oliveDrab',\n curious = 'curious',\n orangePeel = 'orangePeel',\n nebula = 'nebula',\n seaNymph = 'seaNymph',\n chromeWhite = 'chromeWhite',\n onahau = 'onahau',\n citrineWhite = 'citrineWhite',\n coralReef = 'coralReef',\n creemBrulee = 'creemBrulee',\n frangipani = 'frangipani',\n yourPink = 'yourPink',\n periwinkleGray = 'periwinkleGray',\n baliHai = 'baliHai',\n primary = 'primary',\n accent = 'accent',\n profession = 'profession',\n professionDark = 'professionDark',\n camps = 'camps',\n campsDark = 'campsDark',\n courses = 'courses',\n coursesDark = 'coursesDark',\n openLesson = 'openLesson',\n openLessonDark = 'openLessonDark',\n externat = 'externat',\n externatDark = 'externatDark',\n olympiad = 'olympiad',\n olympiadDark = 'olympiadDark',\n textbook = 'textbook',\n textbookDark = 'textbookDark',\n tutors = 'tutors',\n tutorsDark = 'tutorsDark',\n training = 'training',\n trainingDark = 'trainingDark',\n mathematics = 'mathematics',\n physics = 'physics',\n informatics = 'informatics',\n chemistry = 'chemistry',\n biology = 'biology',\n english = 'english',\n russian = 'russian',\n history = 'history',\n society = 'society',\n geography = 'geography',\n developing = 'developing',\n literature = 'literature',\n intersubject = 'intersubject',\n primarySchool = 'primarySchool',\n recommended = 'recommended',\n astronomy = 'astronomy',\n ecology = 'ecology',\n technology = 'technology',\n languages = 'languages',\n art = 'art',\n physicalCulture = 'physicalCulture',\n logic = 'logic',\n businessLogic = 'businessLogic',\n rap = 'rap',\n ikt = 'ikt',\n kids = 'kids',\n fgos = 'fgos',\n blue = 'blue',\n red = 'red',\n green = 'green',\n grey = 'grey',\n darkgrey = 'darkgrey',\n lightgrey = 'lightgrey',\n superlightgrey = 'superlightgrey',\n}\n\nexport const socialColors: Partial<Record<ColorNames, HEX | RGB | RGBA>> = Object.freeze({\n facebook: '#0561af',\n twitter: '#00bff3',\n youtube: '#ff0000',\n instagrammagenta: '#c32aa3',\n instagramblue: '#4c5fd7',\n instagrampurple: '#7232bd',\n instagramorange: '#f46f30',\n instagramyellow: '#ffdc7d',\n pinterest: '#cb2027',\n googleplus: '#df4a32',\n linkedin: '#007bb6',\n vimeoblue: '#45bbff',\n vimeogreen: '#aad450',\n vimeoorange: '#f7b42c',\n vimeopink: '#f27490',\n tumblr: '#2c4762',\n snapchat: '#fffc00',\n whatsappgreen: '#25d366',\n whatsappteal1: '#075e54',\n whatsappteal2: '#128c7e',\n foursquarepink: '#fc4575',\n foursquareblue: '#2d5be3',\n swarm: '#ffb000',\n skypeblue: '#00aff0',\n skypegreen: '#7fba00',\n android: '#a4c639',\n stumbleupon: '#eb4924',\n flickrpink: '#f40083',\n flickrblue: '#006add',\n yahoo: '#430297',\n soundcloud: '#ff5500',\n spotifygreen: '#1ed760',\n spotifydarkgreen: '#1db954',\n dribbble: '#ea4c89',\n reddit: '#ff5700',\n deviantart: '#4a5d4e',\n pocket: '#ee4056',\n quora: '#aa2200',\n quorablue: '#2b6dad',\n slideshareorange: '#f7941e',\n slideshareblue: '#1191d0',\n telegram: '#0088cc',\n fivehundredpx: '#0099e5',\n listlyorange: '#df6d46',\n listlyblue: '#52b1b3',\n vine: '#00b489',\n vk: '#4d75a2',\n ok: '#ee8208',\n mailru: '#158DE2',\n})\n\nexport const colors: Partial<Record<ColorNames, HEX | RGB | RGBA>> = Object.freeze({\n white: '#ffffff',\n black: '#000000',\n tundora: '#4a4a4a',\n paleSky: '#697389',\n bostonBlue: '#0060d0',\n atlantisBrightly: '#99cc33',\n cinnabar: '#e00000',\n sail: '#a9dbf8',\n bittersweet: '#ff6666',\n turquoise: '#33cccc',\n dodgerBlue: '#33ccff',\n mantis: '#66cc66',\n azure: '#336699',\n bahamaBlue: '#006699',\n shamrock: '#33cc99',\n olive: '#999900',\n copperRose: '#996666',\n cyan: '#3399ff',\n plum: '#993399',\n hokeyPokey: '#cc9933',\n monaLisa: '#ff9999',\n mariner: '#3366cc',\n heliotrope: '#cc33ff',\n dandelion: '#ffce03',\n fruitSalad: '#49a15d',\n fuchsiaBlue: '#8d58bc',\n persianGreen: '#009999',\n watermelon: '#ff4679',\n tropaz: '#2863a8',\n lima: '#5fd0da',\n mintTulip: '#bfecf0',\n carnationPink: '#ffa6ce',\n paleRose: '#ffdcec',\n deYork: '#82d180',\n peppermint: '#cdedcc',\n cornflowerBlue: '#62aee9',\n colonialWhite: '#fdedd2',\n cherokee: '#fbd291',\n supernova: '#ffce03',\n picasso: '#ffeb9a',\n bilobaFlower: '#9fafe9',\n linkWater: '#d8dff6',\n transparent: 'transparent',\n mineShaft: '#333333',\n silver: '#b8b8b8',\n alto: '#d4d4d4',\n mercury: '#e9e9e9',\n wildSand: '#f6f6f6',\n whiteGray: '#eaeaea',\n alabaster: '#f8f8f8',\n whiteLilac: '#F6F7FB',\n atlantis: '#7fc92e',\n yellowOrange: '#ffb334',\n mystic: '#dcdfea',\n pomegranate: '#f94b28',\n oliveDrab: '#6ca82a',\n curious: '#007CEE',\n orangePeel: '#ff9900',\n nebula: '#d8e6e2',\n seaNymph: '#7ca79b',\n chromeWhite: '#daefc9',\n onahau: '#c6e6ff',\n citrineWhite: '#faf3dd',\n coralReef: '#c9c1a6',\n creemBrulee: '#ffe89e',\n frangipani: '#ffdcb5',\n yourPink: '#ffc2c2',\n periwinkleGray: '#d4d9ee',\n baliHai: '#8890b4',\n primary: '#ff732b',\n accent: '#1A96F6',\n})\n\nexport const unitColors: Partial<Record<ColorNames, HEX | RGB | RGBA>> = Object.freeze({\n profession: colors.mintTulip,\n professionDark: colors.lima,\n camps: colors.chromeWhite,\n campsDark: colors.atlantis,\n courses: colors.onahau,\n coursesDark: colors.cornflowerBlue,\n openLesson: colors.colonialWhite,\n openLessonDark: colors.cherokee,\n externat: colors.paleRose,\n externatDark: colors.carnationPink,\n olympiad: colors.yourPink,\n olympiadDark: colors.bittersweet,\n textbook: colors.picasso,\n textbookDark: colors.supernova,\n tutors: colors.linkWater,\n tutorsDark: colors.bilobaFlower,\n training: colors.peppermint,\n trainingDark: colors.deYork,\n mathematics: colors.orangePeel,\n physics: colors.curious,\n informatics: colors.turquoise,\n chemistry: colors.shamrock,\n biology: colors.mantis,\n english: colors.bittersweet,\n russian: colors.dodgerBlue,\n history: colors.bahamaBlue,\n society: colors.primary,\n geography: colors.copperRose,\n developing: colors.olive,\n literature: colors.cyan,\n intersubject: colors.plum,\n primarySchool: colors.hokeyPokey,\n recommended: colors.monaLisa,\n astronomy: colors.mariner,\n ecology: colors.atlantisBrightly,\n technology: colors.turquoise,\n languages: colors.bittersweet,\n art: colors.heliotrope,\n physicalCulture: colors.olive,\n logic: colors.dandelion,\n businessLogic: colors.fruitSalad,\n rap: colors.fuchsiaBlue,\n ikt: colors.persianGreen,\n kids: colors.watermelon,\n fgos: colors.tropaz,\n blue: colors.accent,\n red: colors.pomegranate,\n green: colors.atlantis,\n grey: colors.silver,\n darkgrey: colors.mineShaft,\n lightgrey: colors.alto,\n superlightgrey: colors.mercury,\n})\n"],"names":["ColorNames","socialColors","Object","freeze","facebook","twitter","youtube","instagrammagenta","instagramblue","instagrampurple","instagramorange","instagramyellow","pinterest","googleplus","linkedin","vimeoblue","vimeogreen","vimeoorange","vimeopink","tumblr","snapchat","whatsappgreen","whatsappteal1","whatsappteal2","foursquarepink","foursquareblue","swarm","skypeblue","skypegreen","android","stumbleupon","flickrpink","flickrblue","yahoo","soundcloud","spotifygreen","spotifydarkgreen","dribbble","reddit","deviantart","pocket","quora","quorablue","slideshareorange","slideshareblue","telegram","fivehundredpx","listlyorange","listlyblue","vine","vk","ok","mailru","colors","white","black","tundora","paleSky","bostonBlue","atlantisBrightly","cinnabar","sail","bittersweet","turquoise","dodgerBlue","mantis","azure","bahamaBlue","shamrock","olive","copperRose","cyan","plum","hokeyPokey","monaLisa","mariner","heliotrope","dandelion","fruitSalad","fuchsiaBlue","persianGreen","watermelon","tropaz","lima","mintTulip","carnationPink","paleRose","deYork","peppermint","cornflowerBlue","colonialWhite","cherokee","supernova","picasso","bilobaFlower","linkWater","transparent","mineShaft","silver","alto","mercury","wildSand","whiteGray","alabaster","whiteLilac","atlantis","yellowOrange","mystic","pomegranate","oliveDrab","curious","orangePeel","nebula","seaNymph","chromeWhite","onahau","citrineWhite","coralReef","creemBrulee","frangipani","yourPink","periwinkleGray","baliHai","primary","accent","unitColors","profession","professionDark","camps","campsDark","courses","coursesDark","openLesson","openLessonDark","externat","externatDark","olympiad","olympiadDark","textbook","textbookDark","tutors","tutorsDark","training","trainingDark","mathematics","physics","informatics","chemistry","biology","english","russian","history","society","geography","developing","literature","intersubject","primarySchool","recommended","astronomy","ecology","technology","languages","art","physicalCulture","logic","businessLogic","rap","ikt","kids","fgos","blue","red","green","grey","darkgrey","lightgrey","superlightgrey"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import{forwardRef as e}from'react';import{Close as r,WarningTriangleFill as t,CheckCircleFill as i,NotifFill as n,CloseCirlceFill as s}from'@foxford/icon-pack';import{useClassname as a}from'../../hooks/useClassname.js';import{useConfigPriority as c}from'../../hooks/use-config-priority.js';import{useFallbackTheme as l}from'../../hooks/use-theme.js';import{Icon as m}from'../Icon/Icon.js';import'../Icon/icons.js';import{countdownColor as p}from'./CountdownCircle.js';import{Root as h,IconWrapper as C,Timer as u,ContentWrapper as d,Title as f,Content as k,Link as y,Actions as w,SecondaryAction as b,PrimaryAction as g,CancelTimer as x,CloseIcon as T}from'./style.js';import{jsxs as z,jsx as A}from'react/jsx-runtime';var v=o=>{var{isCompact:e,theme:r,type:a}=o;var c=e?16:24;switch(a){case'error':return A(s,{color:r.colors['alert-bg-error-500'],size:c});case'info':return A(n,{color:r.colors['content-brand-primary'],size:c});case'success':return A(i,{color:r.colors['alert-success'],size:c});case'warning':return A(t,{color:r.colors['alert-warning'],size:c});default:return null}};var I='Alert';var j=e(((e,t)=>{var i;var n=l();var{cancelTimerText:s="Отменить",primaryAction:I,primaryActionProps:j,secondaryAction:W,secondaryActionProps:P,children:N,className:F,clear:E,customIcon:H,image:L,isCompact:M,link:O,linkProps:R,noIcon:S,onClickCancelTimer:B,closeToast:_,size:q="small",style:D,textProps:G,textWrap:J,timer:K,title:Q,titleProps:U,type:V,width:X=['fit-content','fit-content','fit-content','351px','304px','304px']}=c(null===(i=n.components)||void 0===i?void 0:i.Alert,e);var Y=a("Alert",F);var Z=Boolean('big'===q||!!Q||M&&(Q||O||I||W));return z(h,{className:Y,clear:E,column:Z,isCompact:M,noIcon:S,ref:t,size:q,style:D,textWrap:J,type:V,width:X,withAction:!!I||!!W,withCloseIcon:!!_,withImage:!!L,withLink:!!O,withTimer:!!K,withTitle:!!Q,children:[(!S||H)&&z(C,{column:Z,isCompact:M,withImage:!!L,children:[!S&&!K&&!H&&!L&&v({isCompact:M,theme:n,type:V}),H&&A(m,{name:H,size:M?16:24}),L,K&&A(u,{isCompact:M,timer:K,color:p({theme:n,type:V})})]}),z(d,{column:Z,isCompact:M,children:[Q&&A(f,o(o({color:n.colors['content-onmain-primary'],isCompact:M,size:M?14:16,lineHeight:"m"},U),{},{children:Q})),A(k,o(o({color:n.colors['content-onmain-primary'],column:Z,isCompact:M,lineHeight:"s",size:M?14:16,textWrap:J},G),{},{children:N})),O&&A(y,o(o({clear:E,column:Z,isCompact:M,onClick:O.onClick,preset:"brand",pseudo:!0,size:M?'s':'m',withTitle:!!Q},R),{},{children:O.content})),(I||W)&&z(w,{column:Z,isCompact:M,withTitle:!!Q,children:[W&&A(b,o(o({black:!0,column:Z,fontWeight:"normal",onClick:W.onClick,outline:!0,preset:"brand",size:"xs"},P),{},{children:W.content})),I&&A(g,o(o({black:!0,fontWeight:"normal",onClick:I.onClick,preset:"brand",size:"xs"},j),{},{children:I.content}))]})]}),B&&A(x,{black:!0,clear:!0,fontWeight:"normal",isCompact:M,onClick:B,preset:"brand",size:M?'xs':'m',children:s}),!_||K&&M?null:A(T,{"aria-label":"close",onClick:_,type:"button",withTimer:!!K,children:A(r,{color:n.colors['content-onmain-primary'],size:M?18:24})})]})}));j.displayName="Alert";export{j as Alert,I as COMPONENT_NAME};
|
|
2
|
-
//# sourceMappingURL=Alert.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\n\nimport { useConfigPriority } from '../../hooks/use-config-priority'\nimport { useFallbackTheme } from '../../hooks/use-theme'\n\nimport { Icon } from '../Icon'\n\nimport { countdownColor } from './CountdownCircle'\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\n\nconst getDefaultIcon = ({\n isCompact,\n theme,\n type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n const size = isCompact ? 16 : 24\n\n switch (type) {\n case 'error':\n return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n case 'info':\n return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n case 'success':\n return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n case 'warning':\n return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n default:\n return null\n }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n const theme = useFallbackTheme()\n\n const {\n cancelTimerText = 'Отменить',\n primaryAction,\n primaryActionProps,\n secondaryAction,\n secondaryActionProps,\n children,\n className,\n clear,\n customIcon,\n image,\n isCompact,\n link,\n linkProps,\n noIcon,\n onClickCancelTimer,\n closeToast,\n size = 'small',\n style,\n textProps,\n textWrap,\n timer,\n title,\n titleProps,\n type,\n width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n const _className = useClassname(COMPONENT_NAME, className)\n\n const column = Boolean(\n size === 'big' || !!title || (isCompact && (title || link || primaryAction || secondaryAction))\n )\n\n return (\n <Styled.Root\n className={_className}\n clear={clear}\n column={column}\n isCompact={isCompact}\n noIcon={noIcon}\n ref={ref}\n size={size}\n style={style}\n textWrap={textWrap}\n type={type}\n width={width}\n withAction={!!primaryAction || !!secondaryAction}\n withCloseIcon={!!closeToast}\n withImage={!!image}\n withLink={!!link}\n withTimer={!!timer}\n withTitle={!!title}\n >\n {(!noIcon || customIcon) && (\n <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n {!noIcon && !timer && !customIcon && !image && getDefaultIcon({ isCompact, theme, type })}\n {customIcon && <Icon name={customIcon} size={isCompact ? 16 : 24} />}\n {image}\n {timer && <Styled.Timer isCompact={isCompact} timer={timer} color={countdownColor({ theme, type })} />}\n </Styled.IconWrapper>\n )}\n\n <Styled.ContentWrapper column={column} isCompact={isCompact}>\n {title && (\n <Styled.Title\n color={theme.colors['content-onmain-primary']}\n isCompact={isCompact}\n size={isCompact ? 14 : 16}\n lineHeight='m'\n {...titleProps}\n >\n {title}\n </Styled.Title>\n )}\n\n <Styled.Content\n color={theme.colors['content-onmain-primary']}\n column={column}\n isCompact={isCompact}\n lineHeight='s'\n size={isCompact ? 14 : 16}\n textWrap={textWrap}\n {...textProps}\n >\n {children}\n </Styled.Content>\n\n {link && (\n <Styled.Link\n clear={clear}\n column={column}\n isCompact={isCompact}\n onClick={link.onClick}\n preset='brand'\n pseudo\n size={isCompact ? 's' : 'm'}\n withTitle={!!title}\n {...linkProps}\n >\n {link.content}\n </Styled.Link>\n )}\n\n {(primaryAction || secondaryAction) && (\n <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n {secondaryAction && (\n <Styled.SecondaryAction\n black\n column={column}\n fontWeight='normal'\n onClick={secondaryAction.onClick}\n outline\n preset='brand'\n size='xs'\n {...secondaryActionProps}\n >\n {secondaryAction.content}\n </Styled.SecondaryAction>\n )}\n\n {primaryAction && (\n <Styled.PrimaryAction\n black\n fontWeight='normal'\n onClick={primaryAction.onClick}\n preset='brand'\n size='xs'\n {...primaryActionProps}\n >\n {primaryAction.content}\n </Styled.PrimaryAction>\n )}\n </Styled.Actions>\n )}\n </Styled.ContentWrapper>\n\n {onClickCancelTimer && (\n <Styled.CancelTimer\n black\n clear\n fontWeight='normal'\n isCompact={isCompact}\n onClick={onClickCancelTimer}\n preset='brand'\n size={isCompact ? 'xs' : 'm'}\n >\n {cancelTimerText}\n </Styled.CancelTimer>\n )}\n\n {!closeToast || (timer && isCompact) ? null : (\n <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n </Styled.CloseIcon>\n )}\n </Styled.Root>\n )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","_ref","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","COMPONENT_NAME","Alert","forwardRef","props","ref","_theme$components","useFallbackTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","column","Boolean","_jsxs","Styled.Root","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Styled.IconWrapper","Icon","name","Styled.Timer","countdownColor","Styled.ContentWrapper","Styled.Title","_objectSpread","lineHeight","Styled.Content","Styled.Link","onClick","preset","pseudo","content","Styled.Actions","Styled.SecondaryAction","black","fontWeight","outline","Styled.PrimaryAction","Styled.CancelTimer","Styled.CloseIcon","Close","displayName"],"mappings":"mwBAgBA,IAAMA,EAAiBC,IAIiD,IAJhDC,UACtBA,EADsBC,MAEtBA,EAFsBC,KAGtBA,GACsEH,EACtE,IAAMI,EAAOH,EAAY,GAAK,GAE9B,OAAQE,GACN,IAAK,QACH,OAAOE,EAACC,EAAD,CAAiBC,MAAOL,EAAMM,OAAO,sBAAuBJ,KAAMA,IAC3E,IAAK,OACH,OAAOC,EAACI,EAAD,CAAWF,MAAOL,EAAMM,OAAO,yBAA0BJ,KAAMA,IACxE,IAAK,UACH,OAAOC,EAACK,EAAD,CAAiBH,MAAOL,EAAMM,OAAO,iBAAkBJ,KAAMA,IACtE,IAAK,UACH,OAAOC,EAACM,EAAD,CAAqBJ,MAAOL,EAAMM,OAAO,iBAAkBJ,KAAMA,IAC1E,QACE,OAAO,OAIPQ,IAAAA,EAAiB,QAEjBC,IAAAA,EAAQC,GAAuC,CAACC,EAAOC,KAAQ,IAAAC,EACnE,IAAMf,EAAQgB,IAEd,IAAMC,gBACJA,EAAkB,WADdC,cAEJA,EAFIC,mBAGJA,EAHIC,gBAIJA,EAJIC,qBAKJA,EALIC,SAMJA,EANIC,UAOJA,EAPIC,MAQJA,EARIC,WASJA,EATIC,MAUJA,EAVI3B,UAWJA,EAXI4B,KAYJA,EAZIC,UAaJA,EAbIC,OAcJA,EAdIC,mBAeJA,EAfIC,WAgBJA,EAhBI7B,KAiBJA,EAAO,QAjBH8B,MAkBJA,EAlBIC,UAmBJA,EAnBIC,SAoBJA,EApBIC,MAqBJA,EArBIC,MAsBJA,EAtBIC,WAuBJA,EAvBIpC,KAwBJA,EAxBIqC,MAyBJA,EAAQ,CAAC,cAAe,cAAe,cAAe,QAAS,QAAS,UACtEC,UAA8BvC,EAAAA,EAAMwC,+BAANzB,EAAkBJ,MAAOE,GAC3D,IAAM4B,EAAaC,EAhCE,QAgC2BnB,GAEhD,IAAMoB,EAASC,QACJ,QAAT1C,KAAoBkC,GAAUrC,IAAcqC,GAAST,GAAQT,GAAiBE,IAGhF,OACEyB,EAACC,EAAD,CACEvB,UAAWkB,EACXjB,MAAOA,EACPmB,OAAQA,EACR5C,UAAWA,EACX8B,OAAQA,EACRf,IAAKA,EACLZ,KAAMA,EACN8B,MAAOA,EACPE,SAAUA,EACVjC,KAAMA,EACNqC,MAAOA,EACPS,aAAc7B,KAAmBE,EACjC4B,gBAAiBjB,EACjBkB,YAAavB,EACbwB,WAAYvB,EACZwB,YAAahB,EACbiB,YAAahB,EAjBfd,SAmBG,GAAEO,GAAUJ,IACXoB,EAACQ,EAAD,CAAoBV,OAAQA,EAAQ5C,UAAWA,EAAWkD,YAAavB,EAAvEJ,SAAA,EACIO,IAAWM,IAAUV,IAAeC,GAAS7B,EAAe,CAAEE,UAAAA,EAAWC,MAAAA,EAAOC,KAAAA,IACjFwB,GAActB,EAACmD,EAAD,CAAMC,KAAM9B,EAAYvB,KAAMH,EAAY,GAAK,KAC7D2B,EACAS,GAAShC,EAACqD,EAAD,CAAczD,UAAWA,EAAWoC,MAAOA,EAAO9B,MAAOoD,EAAe,CAAEzD,MAAAA,EAAOC,KAAAA,SAI/F4C,EAACa,EAAD,CAAuBf,OAAQA,EAAQ5C,UAAWA,EAAlDuB,SAAA,CACGc,GACCjC,EAACwD,EAADC,EAAAA,EAAA,CACEvD,MAAOL,EAAMM,OAAO,0BACpBP,UAAWA,EACXG,KAAMH,EAAY,GAAK,GACvB8D,WAAW,KACPxB,GALN,GAAA,CAAAf,SAOGc,KAILjC,EAAC2D,EAADF,EAAAA,EAAA,CACEvD,MAAOL,EAAMM,OAAO,0BACpBqC,OAAQA,EACR5C,UAAWA,EACX8D,WAAW,IACX3D,KAAMH,EAAY,GAAK,GACvBmC,SAAUA,GACND,GAPN,GAAA,CAAAX,SASGA,KAGFK,GACCxB,EAAC4D,EAADH,EAAAA,EAAA,CACEpC,MAAOA,EACPmB,OAAQA,EACR5C,UAAWA,EACXiE,QAASrC,EAAKqC,QACdC,OAAO,QACPC,QANF,EAOEhE,KAAMH,EAAY,IAAM,IACxBqD,YAAahB,GACTR,GATN,GAAA,CAAAN,SAWGK,EAAKwC,YAIRjD,GAAiBE,IACjByB,EAACuB,EAAD,CAAgBzB,OAAQA,EAAQ5C,UAAWA,EAAWqD,YAAahB,EAAnEd,SAAA,CACGF,GACCjB,EAACkE,EAADT,EAAAA,EAAA,CACEU,OADF,EAEE3B,OAAQA,EACR4B,WAAW,SACXP,QAAS5C,EAAgB4C,QACzBQ,SAAAA,EACAP,OAAO,QACP/D,KAAK,MACDmB,GARN,GAAA,CAAAC,SAUGF,EAAgB+C,WAIpBjD,GACCf,EAACsE,EAADb,EAAAA,EAAA,CACEU,OAAAA,EACAC,WAAW,SACXP,QAAS9C,EAAc8C,QACvBC,OAAO,QACP/D,KAAK,MACDiB,GANN,GAAA,CAAAG,SAQGJ,EAAciD,iBAOxBrC,GACC3B,EAACuE,EAAD,CACEJ,OADF,EAEE9C,OAFF,EAGE+C,WAAW,SACXxE,UAAWA,EACXiE,QAASlC,EACTmC,OAAO,QACP/D,KAAMH,EAAY,KAAO,IAP3BuB,SASGL,KAIHc,GAAeI,GAASpC,EAAa,KACrCI,EAACwE,EAAD,CAAkB,aAAW,QAAQX,QAASjC,EAAY9B,KAAK,SAASkD,YAAahB,EAArFb,SACEnB,EAACyE,EAAD,CAAOvE,MAAOL,EAAMM,OAAO,0BAA2BJ,KAAMH,EAAY,GAAK,aAOvFY,EAAMkE,YApKiB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useState as r,useEffect as e}from'react';import{Progress as s}from'../Progress/Progress.js';import{jsx as t}from'react/jsx-runtime';var a=r=>{var{theme:e,type:s}=r;switch(s){case'error':return e.colors['alert-bg-error-500'];case'info':default:return e.colors['content-brand-primary'];case'success':return e.colors['alert-success'];case'warning':return e.colors['alert-warning']}};var o=a=>{var{className:o,color:n,isCompact:c,timer:l}=a;var[i,u]=r(l);e((()=>{var r=setInterval((()=>{u((e=>e<=.05?(clearInterval(r),e):e-.05))}),50);return()=>{clearInterval(r)}}),[]);var m=i/l*100;return t(s.Circle,{className:o,content:Math.ceil(i),progress:m,progressStartAngle:0,resultColor:n,size:c?16:20,strokeBGColor:"transparent",strokeLineWidth:1.5})};o.displayName='CountdownCircle';export{o as CountdownCircle,a as countdownColor};
|
|
2
|
-
//# sourceMappingURL=CountdownCircle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CountdownCircle.js","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { DefaultTheme } from 'styled-components'\n\nimport { ColorValue } from '../../mixins/color'\n\nimport { Progress } from '../Progress'\n\nimport { AlertProps, CountdownCircleProps } from './types'\n\nconst countdownColor = ({ theme, type }: Pick<AlertProps, 'type'> & { theme: DefaultTheme }): ColorValue => {\n switch (type) {\n case 'error':\n return theme.colors['alert-bg-error-500']\n case 'info':\n return theme.colors['content-brand-primary']\n case 'success':\n return theme.colors['alert-success']\n case 'warning':\n return theme.colors['alert-warning']\n default:\n return theme.colors['content-brand-primary']\n }\n}\n\nconst COMPONENT_NAME = 'CountdownCircle'\n\nconst CountdownCircle = ({ className, color, isCompact, timer }: CountdownCircleProps) => {\n const [countdown, setCountdown] = useState(timer)\n\n useEffect(() => {\n const progressRate = 0.05\n const intervalId = setInterval(() => {\n setCountdown((prevCountdown) => {\n if (prevCountdown <= progressRate) {\n clearInterval(intervalId)\n return prevCountdown\n }\n\n return prevCountdown - progressRate\n })\n }, progressRate * 1000)\n\n return () => {\n clearInterval(intervalId)\n }\n }, [])\n\n const progress = (countdown / timer) * 100\n\n return (\n <Progress.Circle\n className={className}\n content={Math.ceil(countdown)}\n progress={progress}\n progressStartAngle={0}\n resultColor={color}\n size={isCompact ? 16 : 20}\n strokeBGColor='transparent'\n strokeLineWidth={1.5}\n />\n )\n}\n\nCountdownCircle.displayName = COMPONENT_NAME\n\nexport { CountdownCircle, countdownColor }\n"],"names":["countdownColor","_ref","theme","type","colors","CountdownCircle","_ref2","className","color","isCompact","timer","countdown","setCountdown","useState","useEffect","intervalId","setInterval","prevCountdown","clearInterval","progressRate","progress","_jsx","Progress","Circle","content","Math","ceil","progressStartAngle","resultColor","size","strokeBGColor","strokeLineWidth","displayName"],"mappings":"2IASMA,IAAAA,EAAiBC,IAAqF,IAApFC,MAAEA,EAAFC,KAASA,GAA2EF,EAC1G,OAAQE,GACN,IAAK,QACH,OAAOD,EAAME,OAAO,sBACtB,IAAK,OAML,QACE,OAAOF,EAAME,OAAO,yBALtB,IAAK,UACH,OAAOF,EAAME,OAAO,iBACtB,IAAK,UACH,OAAOF,EAAME,OAAO,mBAQpBC,IAAAA,EAAkBC,IAAkE,IAAjEC,UAAEA,EAAFC,MAAaA,EAAbC,UAAoBA,EAApBC,MAA+BA,GAAkCJ,EACxF,IAAOK,EAAWC,GAAgBC,EAASH,GAE3CI,GAAU,KAER,IAAMC,EAAaC,kBACjBJ,GAAcK,GACRA,GAHa,KAIfC,cAAcH,GACPE,GAGFA,EARU,QAUlBE,IAEH,MAAO,KACLD,cAAcH,MAEf,IAEH,IAAMK,EAAYT,EAAYD,EAAS,IAEvC,OACEW,EAACC,EAASC,OAAV,CACEhB,UAAWA,EACXiB,QAASC,KAAKC,KAAKf,GACnBS,SAAUA,EACVO,mBAAoB,EACpBC,YAAapB,EACbqB,KAAMpB,EAAY,GAAK,GACvBqB,cAAc,cACdC,gBAAiB,OAKvB1B,EAAgB2B,YAvCO"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import n,{css as o}from'styled-components';import{responsiveProperty as t}from'../../mixins/responsive-property.js';import{injectDefaultTheme as c}from'../../shared/utils/inject-theme.js';import{Anchor as i}from'../Anchor/Anchor.js';import{Button as r}from'../Button/Button.js';import{Text as a}from'../Text/Text.js';import{CountdownCircle as e}from'./CountdownCircle.js';var p=n=>{var{column:o,isCompact:t,withImage:c,withTimer:i}=n;return o?'16px':t?i?'5px':'12px':c?'8px':i?'2px':'12px'};var s=n.div.withConfig({shouldForwardProp:n=>['children','className','style'].includes(n)}).attrs(c).withConfig({componentId:"fox-ui__sc-1v79u95-0"})([""," ",""],(n=>"\n display: flex;\n align-items: ".concat(n.column||(n.isCompact?!n.withTimer:n.textWrap)?'flex-start':'center',";\n justify-content: ").concat(n.withTimer?'space-between':'flex-start',";\n padding-top: ").concat(p(n),";\n padding-right: ").concat((n=>{var{isCompact:o,withCloseIcon:t,withTimer:c}=n;return t?o?'12px':'16px':c?'8px':'20px'})(n),";\n padding-bottom: ").concat(p(n),";\n padding-left: ").concat((n=>{var{isCompact:o,noIcon:t,size:c,withAction:i,withImage:r,withTitle:a}=n;return o?a||'big'===c?r||!t?'16px':'20px':r?'12px':i&&t?'20px':'16px':a||'big'===c?r||!t?'16px':'24px':r?'16px':'20px'})(n),";\n height: ").concat(n.isCompact||n.column||n.textWrap?'auto':'48px',";\n min-width: ").concat(n.isCompact?'304px':'auto',";\n max-width: 100%;\n border-radius: ").concat(n.column?n.isCompact?'20px':'12px':'30px',";\n background-color: ").concat(((n,o,t)=>{if(t)return'dark'===o.mode?o.colors['bg-onmain-primary']:o.colors['bg-oncolor-primary'];switch(n){case'error':return o.colors['alert-bg-error-200'];case'info':return o.colors['bg-brand-primary-200'];case'success':return o.colors['alert-bg-success-200'];case'warning':return o.colors['alert-bg-warning-200'];default:return o.colors['bg-oncolor-primary']}})(n.type,n.theme,!!n.clear),";\n box-shadow: ").concat(n.clear?'0 6px 20px 0 rgba(0, 0, 0, 0.1)':'none',";\n box-sizing: border-box;\n ")),t('width','width'));var m=n=>{var{column:o,isCompact:t}=n;return t?'20px':o?'28px':'32px'};var l=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-1"})([""," ",";"],(n=>"\n display: flex;\n margin-right: ".concat((n=>{var{column:o,isCompact:t,withImage:c}=n;return t?'8px':o?c?'8px':'12px':'8px'})(n),";\n ")),(n=>n.withImage?o(["img,svg{height:",";width:",";}"],(n=>m(n)),(n=>m(n))):null));var x=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-2"})(["",""],(n=>"\n display: flex;\n margin-right: auto;\n flex-direction: ".concat(n.column?'column':'row',";\n align-items: ").concat(n.column?'flex-start':'center',";\n max-width: ").concat(n.column?'260px':'initial',";\n white-space: ").concat(n.column||n.isCompact?'normal':'nowrap',";\n overflow: hidden;\n ")));var u=n(a).withConfig({componentId:"fox-ui__sc-1v79u95-3"})(["",""],(n=>"\n display: inline-block;\n margin-top: ".concat(n.isCompact?'0':'2px',";\n margin-bottom: 8px;\n max-width: 100%;\n vertical-align: middle;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-weight: 700;\n overflow: hidden;\n ")));var d=n(a).withConfig({componentId:"fox-ui__sc-1v79u95-4"})(["",""],(n=>"\n line-height: ".concat(n.isCompact?'18px':'20px',";\n text-overflow: ").concat(n.column||n.isCompact?'clip':'ellipsis',";\n white-space: ").concat(n.column||n.isCompact||n.textWrap?'pre-wrap':'inherit',";\n overflow: hidden;\n ")));var h=n(i).withConfig({componentId:"fox-ui__sc-1v79u95-5"})(["",""],(n=>"\n display: flex;\n margin-top: ".concat(n.column?n.isCompact&&!n.withTitle?'4px':'12px':0,";\n margin-left: ").concat(n.column?0:'60px',";\n color: ").concat(n.clear?n.theme.colors['content-link']:n.theme.colors['content-onmain-primary'],";\n ")));var g=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-6"})(["",""],(n=>"\n margin-top: ".concat((n=>{var{column:o,isCompact:t,withTitle:c}=n;return o?t?c?'16px':'8px':'16px':0})(n),";\n margin-left: ").concat(n.column?0:'60px',";\n ")));var f=n(r).withConfig({componentId:"fox-ui__sc-1v79u95-7"})(["",""],(n=>"\n margin-right: ".concat(n.column?'4px':'8px',";\n ")));var w=n(r).withConfig({componentId:"fox-ui__sc-1v79u95-8"})(["",""],(n=>{return"\n margin-left: 0 !important;\n background-color: ".concat((o=n.theme,'dark'===o.mode?o.colors['bg-onmain-inverse']:o.colors['bg-onmain-contrast']),";\n color: ").concat((n=>'dark'===n.mode?n.colors['content-oncolor-constant']:n.colors['content-oncolor-primary'])(n.theme),";\n ");var o}));var v=n.button.withConfig({componentId:"fox-ui__sc-1v79u95-9"})(["",""],(n=>"\n appearance: none;\n display: flex;\n margin-left: ".concat(n.withTimer?'0':'16px',";\n border-radius: 0;\n background: none;\n box-shadow: none;\n padding: 0;\n border: none;\n cursor: pointer;\n outline: none;\n\n &:focus-visible {\n outline: 1px solid ").concat(n.theme.colors.accent,";\n outline-offset: 2px;\n }\n ")));var C=n(r).withConfig({componentId:"fox-ui__sc-1v79u95-10"})(["",""],(n=>"\n margin-left: ".concat(n.isCompact?'28px':'60px',";\n padding-right: ").concat(n.isCompact?'16px':'28px',";\n padding-left: ").concat(n.isCompact?'16px':'28px',";\n ")));var b=n(e).withConfig({componentId:"fox-ui__sc-1v79u95-11"})(["",""],(n=>"\n line-height: ".concat(n.isCompact?'12px':'18px',";\n font-weight: ").concat(n.isCompact?'700':'400',";\n font-size: ").concat(n.isCompact?'11px':'14px',";\n color: ").concat(n.color,";\n\n svg {\n transform: rotateY(180deg);\n }\n ")));export{g as Actions,C as CancelTimer,v as CloseIcon,d as Content,x as ContentWrapper,l as IconWrapper,h as Link,w as PrimaryAction,s as Root,f as SecondaryAction,b as Timer,u as Title};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/Alert/style.ts"],"sourcesContent":["import styled, { css, DefaultTheme } from 'styled-components'\n\nimport { responsiveProperty } from '../../mixins/responsive-property'\nimport { injectDefaultTheme } from '../../shared/utils/inject-theme'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Text } from '../Text'\n\nimport { CountdownCircle } from './CountdownCircle'\n\nimport type { AlertType, CountdownCircleProps, RootAlertProps } from './types'\nimport {\n ActionsProps,\n CancelTimerProps,\n CloseIconProps,\n ContentProps,\n ContentWrapperProps,\n IconWrapperProps,\n LinkProps,\n PrimaryActionProps,\n SecondaryActionProps,\n TitleProps,\n} from './types'\n\nconst bgColor = (type: AlertType | undefined, theme: DefaultTheme, clear: boolean) => {\n if (clear) {\n return theme.mode === 'dark' ? theme.colors['bg-onmain-primary'] : theme.colors['bg-oncolor-primary']\n }\n\n switch (type) {\n case 'error':\n return theme.colors['alert-bg-error-200']\n case 'info':\n return theme.colors['bg-brand-primary-200']\n case 'success':\n return theme.colors['alert-bg-success-200']\n case 'warning':\n return theme.colors['alert-bg-warning-200']\n default:\n return theme.colors['bg-oncolor-primary']\n }\n}\n\nconst buttonBgColor = (theme: DefaultTheme) => {\n return theme.mode === 'dark' ? theme.colors['bg-onmain-inverse'] : theme.colors['bg-onmain-contrast']\n}\n\nconst buttonColor = (theme: DefaultTheme) => {\n return theme.mode === 'dark' ? theme.colors['content-oncolor-constant'] : theme.colors['content-oncolor-primary']\n}\n\nconst getPaddingY = ({\n column,\n isCompact,\n withImage,\n withTimer,\n}: Pick<RootAlertProps, 'column' | 'isCompact' | 'withImage' | 'withTimer'>) => {\n if (column) return '16px'\n\n if (isCompact) {\n return withTimer ? '5px' : '12px'\n } else {\n return withImage ? '8px' : withTimer ? '2px' : '12px'\n }\n}\n\nconst paddingLeft = ({\n isCompact,\n noIcon,\n size,\n withAction,\n withImage,\n withTitle,\n}: Pick<RootAlertProps, 'isCompact' | 'noIcon' | 'size' | 'withAction' | 'withImage' | 'withTitle'>) => {\n if (isCompact) {\n if (withTitle || size === 'big') {\n return withImage || !noIcon ? '16px' : '20px'\n } else {\n return withImage ? '12px' : withAction && noIcon ? '20px' : '16px'\n }\n } else {\n if (withTitle || size === 'big') {\n return withImage || !noIcon ? '16px' : '24px'\n } else {\n return withImage ? '16px' : '20px'\n }\n }\n}\n\nconst paddingRight = ({\n isCompact,\n withCloseIcon,\n withTimer,\n}: Pick<RootAlertProps, 'isCompact' | 'withCloseIcon' | 'withTimer'>) => {\n if (withCloseIcon) {\n return isCompact ? '12px' : '16px'\n } else {\n return withTimer ? '8px' : '20px'\n }\n}\n\nexport const Root = styled.div\n .withConfig<RootAlertProps>({\n shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n })\n .attrs(injectDefaultTheme)`\n ${(props) => `\n display: flex;\n align-items: ${props.column || (props.isCompact ? !props.withTimer : props.textWrap) ? 'flex-start' : 'center'};\n justify-content: ${props.withTimer ? 'space-between' : 'flex-start'};\n padding-top: ${getPaddingY(props)};\n padding-right: ${paddingRight(props)};\n padding-bottom: ${getPaddingY(props)};\n padding-left: ${paddingLeft(props)};\n height: ${props.isCompact || props.column || props.textWrap ? 'auto' : '48px'};\n min-width: ${props.isCompact ? '304px' : 'auto'};\n max-width: 100%;\n border-radius: ${props.column ? (props.isCompact ? '20px' : '12px') : '30px'};\n background-color: ${bgColor(props.type, props.theme, !!props.clear)};\n box-shadow: ${props.clear ? '0 6px 20px 0 rgba(0, 0, 0, 0.1)' : 'none'};\n box-sizing: border-box;\n `}\n ${responsiveProperty('width', 'width')}\n`\n\nconst getMarginRightIconWrapper = ({\n column,\n isCompact,\n withImage,\n}: {\n column: boolean\n isCompact?: boolean\n withImage: boolean\n}) => {\n if (isCompact) return '8px'\n\n return column ? (withImage ? '8px' : '12px') : '8px'\n}\n\nconst getImageSize = ({ column, isCompact }: { column: boolean; isCompact?: boolean }) => {\n if (isCompact) return '20px'\n\n return column ? '28px' : '32px'\n}\n\nexport const IconWrapper = styled.div<IconWrapperProps>`\n ${(props) => `\n display: flex;\n margin-right: ${getMarginRightIconWrapper(props)};\n `}\n\n ${(props) =>\n props.withImage\n ? css`\n img,\n svg {\n height: ${(props: { column: boolean; isCompact?: boolean }) => getImageSize(props)};\n width: ${(props: { column: boolean; isCompact?: boolean }) => getImageSize(props)};\n }\n `\n : null};\n`\n\nexport const ContentWrapper = styled.div<ContentWrapperProps>`\n ${(props) => `\n display: flex;\n margin-right: auto;\n flex-direction: ${props.column ? 'column' : 'row'};\n align-items: ${props.column ? 'flex-start' : 'center'};\n max-width: ${props.column ? '260px' : 'initial'};\n white-space: ${props.column || props.isCompact ? 'normal' : 'nowrap'};\n overflow: hidden;\n `}\n`\n\nexport const Title = styled(Text)<TitleProps>`\n ${(props) => `\n display: inline-block;\n margin-top: ${props.isCompact ? '0' : '2px'};\n margin-bottom: 8px;\n max-width: 100%;\n vertical-align: middle;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-weight: 700;\n overflow: hidden;\n `}\n`\n\nexport const Content = styled(Text)<ContentProps>`\n ${(props) => `\n line-height: ${props.isCompact ? '18px' : '20px'};\n text-overflow: ${props.column || props.isCompact ? 'clip' : 'ellipsis'};\n white-space: ${props.column || props.isCompact || props.textWrap ? 'pre-wrap' : 'inherit'};\n overflow: hidden;\n `}\n`\n\nexport const Link = styled(Anchor)<LinkProps>`\n ${(props) => `\n display: flex;\n margin-top: ${props.column ? (props.isCompact && !props.withTitle ? '4px' : '12px') : 0};\n margin-left: ${props.column ? 0 : '60px'};\n color: ${props.clear ? props.theme.colors['content-link'] : props.theme.colors['content-onmain-primary']};\n `}\n`\n\nconst getActionsMarginTop = ({\n column,\n isCompact,\n withTitle,\n}: {\n column: boolean\n isCompact?: boolean\n withTitle: boolean\n}) => {\n if (column) {\n return isCompact ? (withTitle ? '16px' : '8px') : '16px'\n } else {\n return 0\n }\n}\nexport const Actions = styled.div<ActionsProps>`\n ${(props) => `\n margin-top: ${getActionsMarginTop(props)};\n margin-left: ${props.column ? 0 : '60px'};\n `}\n`\n\nexport const SecondaryAction = styled(Button)<SecondaryActionProps>`\n ${(props) => `\n margin-right: ${props.column ? '4px' : '8px'};\n `}\n`\n\nexport const PrimaryAction = styled(Button)<PrimaryActionProps>`\n ${(props) => `\n margin-left: 0 !important;\n background-color: ${buttonBgColor(props.theme)};\n color: ${buttonColor(props.theme)};\n `}\n`\n\nexport const CloseIcon = styled.button<CloseIconProps>`\n ${(props) => `\n appearance: none;\n display: flex;\n margin-left: ${props.withTimer ? '0' : '16px'};\n border-radius: 0;\n background: none;\n box-shadow: none;\n padding: 0;\n border: none;\n cursor: pointer;\n outline: none;\n\n &:focus-visible {\n outline: 1px solid ${props.theme.colors.accent};\n outline-offset: 2px;\n }\n `}\n`\n\nexport const CancelTimer = styled(Button)<CancelTimerProps>`\n ${(props) => `\n margin-left: ${props.isCompact ? '28px' : '60px'};\n padding-right: ${props.isCompact ? '16px' : '28px'};\n padding-left: ${props.isCompact ? '16px' : '28px'};\n `}\n`\n\nexport const Timer = styled(CountdownCircle)<CountdownCircleProps>`\n ${(props) => `\n line-height: ${props.isCompact ? '12px' : '18px'};\n font-weight: ${props.isCompact ? '700' : '400'};\n font-size: ${props.isCompact ? '11px' : '14px'};\n color: ${props.color};\n\n svg {\n transform: rotateY(180deg);\n }\n `}\n`\n"],"names":["getPaddingY","_ref","column","isCompact","withImage","withTimer","Root","styled","div","withConfig","shouldForwardProp","prop","includes","attrs","injectDefaultTheme","componentId","props","textWrap","concat","_ref3","withCloseIcon","_ref2","noIcon","size","withAction","withTitle","type","theme","clear","mode","colors","responsiveProperty","getImageSize","_ref5","IconWrapper","_ref4","css","ContentWrapper","Title","Text","Content","Link","Anchor","Actions","_ref6","SecondaryAction","Button","PrimaryAction","buttonBgColor","buttonColor","CloseIcon","button","accent","CancelTimer","Timer","CountdownCircle","color"],"mappings":"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"}
|