npm - @foxford/ui - Versions diffs - 2.39.0-beta-cbc88d8-20240820 → 2.39.0-beta-22709eb-20240820 - Mend

@foxford/ui 2.39.0-beta-cbc88d8-20240820 → 2.39.0-beta-22709eb-20240820

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

Files changed (1088) hide show

package/components/MenuComponent/style.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardMenuComponentProp=createShouldForwardProp((o=>!['black','elevated','maxHeight'].includes(o)));const template=o=>`\n background-color: ${o.backgroundColor};\n border-color: ${o.borderColor};\n box-shadow: 0 6px 20px ${o.shadowColor};\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors.transparent,shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),secondary:css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardMenuComponentProp}).attrs({dynamicSizeDeclaration:(o,r)=>({width:typeof o=='string'?o:`${o}${r}`})}).withConfig({displayName:"MenuComponent__Root",componentId:"ui__sc-10iu45v-0"})([""," "," ",""],(o=>`\n box-sizing: border-box;\n isolation: isolate;\n border-radius: 12px;\n border: 1px solid transparent;\n overflow-x: hidden;\n overflow-y: auto;\n scrollbar-width: thin;\n max-height: ${typeof o.maxHeight=='string'?o.maxHeight:`${o.maxHeight}px`};\n `),(o=>o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),responsiveSize);export{COLOR_SCHEMA,Root};
2	+ //# sourceMappingURL=style.mjs.map

package/components/MenuComponent/style.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledMenuComponentProps, MenuComponentPalette } from './types'\n\nconst shouldForwardMenuComponentProp = createShouldForwardProp(\n (propKey) => !['black', 'elevated', 'maxHeight'].includes(propKey)\n)\n\nconst template = (palette: MenuComponentPalette) => `\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n box-shadow: 0 6px 20px ${palette.shadowColor};\n`\n\nexport const COLOR_SCHEMA = {\n primary: css<StyledMenuComponentProps>`\n ${(props) =>\n template({\n backgroundColor: props.theme.colors['bg-onmain-primary'],\n borderColor: props.theme.colors.transparent,\n shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n secondary: css<StyledMenuComponentProps>`\n ${(props) =>\n template({\n backgroundColor: props.theme.colors['bg-onmain-secondary'],\n borderColor: props.theme.colors['border-onmain-default-large'],\n shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n}\n\nexport const Root = styled.div\n .withConfig<StyledMenuComponentProps>({\n shouldForwardProp: shouldForwardMenuComponentProp,\n })\n .attrs(<Required<Pick<StyledMenuComponentProps, 'dynamicSizeDeclaration'>>>{\n dynamicSizeDeclaration: (size, sizeUnits) => ({\n width: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n }),\n })`\n ${(props) => `\n box-sizing: border-box;\n isolation: isolate;\n border-radius: 12px;\n border: 1px solid transparent;\n overflow-x: hidden;\n overflow-y: auto;\n scrollbar-width: thin;\n max-height: ${typeof props.maxHeight === 'string' ? props.maxHeight : `${props.maxHeight}px`};\n `}\n\n ${(props) => {\n return props.secondary ? COLOR_SCHEMA.secondary : COLOR_SCHEMA.primary\n }}\n\n ${responsiveSize}\n`\n"],"names":["shouldForwardMenuComponentProp","createShouldForwardProp","propKey","includes","template","palette","backgroundColor","borderColor","shadowColor","COLOR_SCHEMA","primary","css","props","theme","colors","transparent","elevated","secondary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","displayName","componentId","maxHeight","responsiveSize"],"mappings":"0KAKA,MAAMA,+BAAiCC,yBACpCC,IAAa,CAAC,QAAS,WAAY,aAAaC,SAASD,KAG5D,MAAME,SAAYC,GAAkC,yBAC9BA,EAAQC,qCACZD,EAAQE,0CACCF,EAAQG,iBAG5B,MAAMC,aAAe,CAC1BC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,qBACpCP,YAAaK,EAAMC,MAAMC,OAAOC,YAChCP,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,YAGfY,UAAWN,IAAG,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,uBACpCP,YAAaK,EAAMC,MAAMC,OAAO,+BAChCN,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,aAKV,MAAMa,KAAOC,OAAOC,IACxBC,WAAqC,CACpCC,kBAAmBtB,iCAEpBuB,MAA0E,CACzEC,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,aAAcF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAErDL,WAAA,CAAAO,YAAA,sBAAAC,YAAA,oBARgBV,CAQhB,CAAA,GAAA,IAAA,IAAA,KACCP,GAAU,4NAQUA,EAAMkB,WAAc,SAAWlB,EAAMkB,UAAY,GAAGlB,EAAMkB,uBAG9ElB,GACMA,EAAMK,UAAYR,aAAaQ,UAAYR,aAAaC,SAG/DqB"}

package/components/MenuContainer/MenuContainer.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var React=require('react');var style=require('./style.js');var require$$0=require('react/jsx-runtime');exports.MenuContainer=React.forwardRef(((e,r)=>{const{closeButtonProps:s={},children:t,showCloseButton:o,closeFn:i}=e;return require$$0.jsxs(style.Root,{ref:r,children:[o&&require$$0.jsx(style.CloseButton,{square:!0,size:"m",icon:"close",...s,onClick:e=>{i&&i(),s.onClick&&s.onClick(e)}}),t]})}));
2	+ //# sourceMappingURL=MenuContainer.js.map

package/components/MenuContainer/MenuContainer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuContainer.js","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n HTMLDivElement,\n MenuContainerProps\n>((props, ref) => {\n const { closeButtonProps = {}, children, showCloseButton, closeFn } = props\n\n return (\n <Styled.Root ref={ref}>\n {showCloseButton && (\n <Styled.CloseButton\n square\n size='m'\n icon='close'\n {...closeButtonProps}\n onClick={(evt) => {\n if (closeFn) closeFn()\n if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n }}\n />\n )}\n {children}\n </Styled.Root>\n )\n})\n\nexport { MenuContainer }\n"],"names":["forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","_jsxs","Styled","_jsx","jsx","square","size","icon","onClick","evt"],"mappings":"0IAY2EA,MAAUA,YAGnF,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAE,EAAAC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,GAAYL,EAEtE,OACEM,WAAAA,KAACC,MAAAA,KAAW,CAACN,IAAKA,EAAIE,UACnBC,GACCI,WAAAC,IAACF,kBAAkB,CACjBG,QAAM,EACNC,KAAK,IACLC,KAAK,WACDV,EACJW,QAAUC,IACJT,GAASA,IACTH,EAAiBW,SAASX,EAAiBW,QAAQC,EAAI,IAIhEX,IACW"}

package/components/MenuContainer/MenuContainer.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{forwardRef}from'react';import{Root,CloseButton}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const MenuContainer=forwardRef(((o,e)=>{const{closeButtonProps:r={},children:t,showCloseButton:n,closeFn:s}=o;return jsxs(Root,{ref:e,children:[n&&jsx(CloseButton,{square:!0,size:"m",icon:"close",...r,onClick:o=>{s&&s(),r.onClick&&r.onClick(o)}}),t]})}));export{MenuContainer};
2	+ //# sourceMappingURL=MenuContainer.mjs.map

package/components/MenuContainer/MenuContainer.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuContainer.mjs","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n HTMLDivElement,\n MenuContainerProps\n>((props, ref) => {\n const { closeButtonProps = {}, children, showCloseButton, closeFn } = props\n\n return (\n <Styled.Root ref={ref}>\n {showCloseButton && (\n <Styled.CloseButton\n square\n size='m'\n icon='close'\n {...closeButtonProps}\n onClick={(evt) => {\n if (closeFn) closeFn()\n if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n }}\n />\n )}\n {children}\n </Styled.Root>\n )\n})\n\nexport { MenuContainer }\n"],"names":["MenuContainer","forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","_jsxs","Styled","_jsx","square","size","icon","onClick","evt"],"mappings":"gHAYMA,MAAAA,cAAqEC,YAGzE,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAE,EAAAC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,GAAYL,EAEtE,OACEM,KAACC,KAAW,CAACN,IAAKA,EAAIE,UACnBC,GACCI,IAACD,YAAkB,CACjBE,QAAM,EACNC,KAAK,IACLC,KAAK,WACDT,EACJU,QAAUC,IACJR,GAASA,IACTH,EAAiBU,SAASV,EAAiBU,QAAQC,EAAI,IAIhEV,IACW"}

package/components/MenuContainer/style.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var IconButton=require('../IconButton/IconButton.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardMenuContainerProp=style.createShouldForwardProp();const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuContainerProp}).withConfig({displayName:"MenuContainer__Root",componentId:"ui__sc-1u4llna-0"})(["box-sizing:border-box;position:relative;padding:8px;border-radius:inherit;"]);const CloseButton=styled__default.default(IconButton.IconButton).withConfig({displayName:"MenuContainer__CloseButton",componentId:"ui__sc-1u4llna-1"})(["position:absolute;top:8px;right:8px;"]);exports.CloseButton=CloseButton,exports.Root=Root;
2	+ //# sourceMappingURL=style.js.map

package/components/MenuContainer/style.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.js","sources":["../../../../src/components/MenuContainer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport type { StyledMenuContainerProps } from './types'\n\nconst shouldForwardMenuContainerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledMenuContainerProps>({\n shouldForwardProp: shouldForwardMenuContainerProp,\n})`\n box-sizing: border-box;\n position: relative;\n padding: 8px;\n border-radius: inherit;\n`\n\nexport const CloseButton = styled(IconButton)`\n position: absolute;\n top: 8px;\n right: 8px;\n`\n"],"names":["shouldForwardMenuContainerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","CloseButton","default","IconButton"],"mappings":"yQAKA,MAAMA,+BAAiCC,MAAuBA,0BAEvD,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAAqC,CAClEC,kBAAmBN,iCACnBK,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFkBL,CAOnB,CAAA,+EAEM,MAAMM,YAAcN,gBAAMO,QAACC,uBAAWN,WAAA,CAAAE,YAAA,6BAAAC,YAAA,oBAAlBL,CAI1B,CAAA"}

package/components/MenuContainer/style.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{IconButton}from'../IconButton/IconButton.mjs';const shouldForwardMenuContainerProp=createShouldForwardProp();const Root=styled.div.withConfig({shouldForwardProp:shouldForwardMenuContainerProp}).withConfig({displayName:"MenuContainer__Root",componentId:"ui__sc-1u4llna-0"})(["box-sizing:border-box;position:relative;padding:8px;border-radius:inherit;"]);const CloseButton=styled(IconButton).withConfig({displayName:"MenuContainer__CloseButton",componentId:"ui__sc-1u4llna-1"})(["position:absolute;top:8px;right:8px;"]);export{CloseButton,Root};
2	+ //# sourceMappingURL=style.mjs.map

package/components/MenuContainer/style.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuContainer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport type { StyledMenuContainerProps } from './types'\n\nconst shouldForwardMenuContainerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledMenuContainerProps>({\n shouldForwardProp: shouldForwardMenuContainerProp,\n})`\n box-sizing: border-box;\n position: relative;\n padding: 8px;\n border-radius: inherit;\n`\n\nexport const CloseButton = styled(IconButton)`\n position: absolute;\n top: 8px;\n right: 8px;\n`\n"],"names":["shouldForwardMenuContainerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","CloseButton","IconButton"],"mappings":"6JAKA,MAAMA,+BAAiCC,0BAEhC,MAAMC,KAAOC,OAAOC,IAAIC,WAAqC,CAClEC,kBAAmBN,iCACnBK,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFkBL,CAOnB,CAAA,+EAEM,MAAMM,YAAcN,OAAOO,YAAWL,WAAA,CAAAE,YAAA,6BAAAC,YAAA,oBAAlBL,CAI1B,CAAA"}

package/components/MenuDivider/MenuDivider.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var React=require('react');var useMergedPalette=require('../../hooks/useMergedPalette.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');exports.MenuDivider=React.forwardRef(((e,r)=>{const{textProps:t={},children:s,text:i,...a}=e;const o=useMergedPalette.useMergedPalette(a);return require$$0.jsxs(style.Root,{...a,palette:o,ref:r,children:[(s\|\|i)&&require$$0.jsx(Text.Text,{appearance:"body",size:"xs",color:"inherit",marginTop:8,marginBottom:4,...t,children:s??i}),require$$0.jsx(style.HorizontalLine,{})]})}));
2	+ //# sourceMappingURL=MenuDivider.js.map

package/components/MenuDivider/MenuDivider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { Text } from 'components/Text'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuDividerProps](https://github.com/foxford/ui/blob/master/src/components/MenuDivider/types.ts)\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = forwardRef<HTMLDivElement, MenuDividerProps>(\n (props, ref) => {\n const { textProps = {}, children, text, ...restProps } = props\n\n const palette = useMergedPalette(restProps)\n\n return (\n <Styled.Root {...restProps} palette={palette} ref={ref}>\n {(children || text) && (\n <Text appearance='body' size='xs' color='inherit' marginTop={8} marginBottom={4} {...textProps}>\n {children ?? text}\n </Text>\n )}\n <Styled.HorizontalLine />\n </Styled.Root>\n )\n }\n)\n\nexport { MenuDivider }\n"],"names":["forwardRef","props","ref","textProps","children","text","restProps","palette","useMergedPalette","_jsxs","Styled","_jsx","Text","appearance","size","color","marginTop","marginBottom","jsx"],"mappings":"4OAcuEA,MAAUA,YAC/E,CAACC,EAAOC,KACN,MAAMC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcL,EAEzD,MAAMM,EAAUC,kCAAiBF,GAEjC,OACEG,WAAAA,KAACC,MAAAA,KAAW,IAAKJ,EAAWC,QAASA,EAASL,IAAKA,EAAIE,SAAA,EACnDA,GAAYC,IACZM,WAAAA,IAACC,KAAAA,KAAI,CAACC,WAAW,OAAOC,KAAK,KAAKC,MAAM,UAAUC,UAAW,EAAGC,aAAc,KAAOd,EAASC,SAC3FA,GAAYC,IAGjBM,WAAAO,IAACR,2BACW"}

package/components/MenuDivider/MenuDivider.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{forwardRef}from'react';import{useMergedPalette}from'../../hooks/useMergedPalette.mjs';import{Root,HorizontalLine}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const MenuDivider=forwardRef(((e,r)=>{const{textProps:t={},children:o,text:i,...s}=e;const n=useMergedPalette(s);return jsxs(Root,{...s,palette:n,ref:r,children:[(o\|\|i)&&jsx(Text,{appearance:"body",size:"xs",color:"inherit",marginTop:8,marginBottom:4,...t,children:o??i}),jsx(HorizontalLine,{})]})}));export{MenuDivider};
2	+ //# sourceMappingURL=MenuDivider.mjs.map

package/components/MenuDivider/MenuDivider.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuDivider.mjs","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { Text } from 'components/Text'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuDividerProps](https://github.com/foxford/ui/blob/master/src/components/MenuDivider/types.ts)\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = forwardRef<HTMLDivElement, MenuDividerProps>(\n (props, ref) => {\n const { textProps = {}, children, text, ...restProps } = props\n\n const palette = useMergedPalette(restProps)\n\n return (\n <Styled.Root {...restProps} palette={palette} ref={ref}>\n {(children || text) && (\n <Text appearance='body' size='xs' color='inherit' marginTop={8} marginBottom={4} {...textProps}>\n {children ?? text}\n </Text>\n )}\n <Styled.HorizontalLine />\n </Styled.Root>\n )\n }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","forwardRef","props","ref","textProps","children","text","restProps","palette","useMergedPalette","_jsxs","Styled","_jsx","Text","appearance","size","color","marginTop","marginBottom"],"mappings":"qNAcMA,MAAAA,YAAiEC,YACrE,CAACC,EAAOC,KACN,MAAMC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcL,EAEzD,MAAMM,EAAUC,iBAAiBF,GAEjC,OACEG,KAACC,KAAW,IAAKJ,EAAWC,QAASA,EAASL,IAAKA,EAAIE,SAAA,EACnDA,GAAYC,IACZM,IAACC,KAAI,CAACC,WAAW,OAAOC,KAAK,KAAKC,MAAM,UAAUC,UAAW,EAAGC,aAAc,KAAOd,EAASC,SAC3FA,GAAYC,IAGjBM,IAACD,qBACW"}

package/components/MenuDivider/style.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardMenuDividerProp=style.createShouldForwardProp();const HorizontalLine=styled__default.default.div.withConfig({displayName:"MenuDivider__HorizontalLine",componentId:"ui__sc-cur5va-0"})(["box-sizing:border-box;height:1px;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuDividerProp}).withConfig({displayName:"MenuDivider__Root",componentId:"ui__sc-cur5va-1"})(["box-sizing:border-box;width:100%;min-width:min-content;padding:4px 16px;",""],(o=>{return`\n color: ${(e={color:o.theme.colors['content-onmain-tertiary'],lineColor:o.theme.colors['border-onmain-default-large'],...o.palette}).color};\n\n & > ${HorizontalLine} {\n background-color: ${e.lineColor};\n }\n`;var e}));exports.HorizontalLine=HorizontalLine,exports.Root=Root;
2	+ //# sourceMappingURL=style.js.map

package/components/MenuDivider/style.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.js","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledMenuDividerProps, MenuDividerPalette } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div`\n box-sizing: border-box;\n height: 1px;\n`\n\nconst template = (palette: MenuDividerPalette) => `\n color: ${palette.color};\n\n & > ${HorizontalLine} {\n background-color: ${palette.lineColor};\n }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n box-sizing: border-box;\n width: 100%;\n min-width: min-content;\n padding: 4px 16px;\n\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-tertiary'],\n lineColor: props.theme.colors['border-onmain-default-large'],\n ...props.palette,\n })}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","displayName","componentId","Root","shouldForwardProp","props","template","palette","color","theme","colors","lineColor"],"mappings":"mNAIA,MAAMA,6BAA+BC,MAAuBA,gCAE/CC,eAAiBC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,mBAAVJ,CAG7B,CAAA,sCAUM,MAAMK,KAAOL,gBAAAA,QAAOC,IAAIC,WAAmC,CAChEI,kBAAmBT,+BACnBK,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAFkBJ,CAQfO,CAAAA,2EAAAA,KAAAA,IACDC,MAjB8C,eAAhCC,EAiBL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,2BAC1BC,UAAWN,EAAMI,MAAMC,OAAO,kCAC3BL,EAAME,UAnBIC,mBAEXX,2CACgBU,EAAQI,oBAJdJ,KAqBZ"}

package/components/MenuDivider/style.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardMenuDividerProp=createShouldForwardProp();const HorizontalLine=styled.div.withConfig({displayName:"MenuDivider__HorizontalLine",componentId:"ui__sc-cur5va-0"})(["box-sizing:border-box;height:1px;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardMenuDividerProp}).withConfig({displayName:"MenuDivider__Root",componentId:"ui__sc-cur5va-1"})(["box-sizing:border-box;width:100%;min-width:min-content;padding:4px 16px;",""],(o=>{return`\n color: ${(r={color:o.theme.colors['content-onmain-tertiary'],lineColor:o.theme.colors['border-onmain-default-large'],...o.palette}).color};\n\n & > ${HorizontalLine} {\n background-color: ${r.lineColor};\n }\n`;var r}));export{HorizontalLine,Root};
2	+ //# sourceMappingURL=style.mjs.map

package/components/MenuDivider/style.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledMenuDividerProps, MenuDividerPalette } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div`\n box-sizing: border-box;\n height: 1px;\n`\n\nconst template = (palette: MenuDividerPalette) => `\n color: ${palette.color};\n\n & > ${HorizontalLine} {\n background-color: ${palette.lineColor};\n }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n box-sizing: border-box;\n width: 100%;\n min-width: min-content;\n padding: 4px 16px;\n\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-tertiary'],\n lineColor: props.theme.colors['border-onmain-default-large'],\n ...props.palette,\n })}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","displayName","componentId","Root","shouldForwardProp","props","template","palette","color","theme","colors","lineColor"],"mappings":"wGAIA,MAAMA,6BAA+BC,gCAExBC,eAAiBC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,mBAAVJ,CAG7B,CAAA,sCAUM,MAAMK,KAAOL,OAAOC,IAAIC,WAAmC,CAChEI,kBAAmBT,+BACnBK,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAFkBJ,CAQfO,CAAAA,2EAAAA,KAAAA,IACDC,MAjB8C,eAAhCC,EAiBL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,2BAC1BC,UAAWN,EAAMI,MAAMC,OAAO,kCAC3BL,EAAME,UAnBIC,mBAEXX,2CACgBU,EAAQI,oBAJdJ,KAqBZ"}

package/components/MenuList/MenuList.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var React=require('react');var dom=require('../../shared/utils/dom.js');var constants=require('../../shared/constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');const HOT_KEYS=[constants.keyboardKeys.ArrowUp.key,constants.keyboardKeys.ArrowDown.key];exports.MenuList=React.forwardRef(((e,s)=>{const{role:r="list",gap:t=4,size:i,sizeXXS:n,sizeXS:o,sizeS:c,sizeM:a,sizeL:l,sizeXL:d,sizeUnits:p,sizes:u,...y}=e;const z={size:i,sizeXXS:n,sizeXS:o,sizeS:c,sizeM:a,sizeL:l,sizeXL:d,sizeUnits:p,sizes:u};const h=React.isValidElement(y.children)&&y.children.type===React.Fragment&&typeof y.children.props=='object'&&y.children.props!==null?y.children.props.children:y.children;return require$$0.jsx(style.Root,{...y,role:r,gap:t,onKeyDown:e=>{if(y.onKeyDown&&y.onKeyDown(e),HOT_KEYS.includes(e.key)){e.preventDefault();const s=[...e.currentTarget.children];let r=s.findIndex((s=>s.contains(e.target)));for(;r>=0&&r<s.length;){r=constants.keyboardKeys.ArrowUp.validate(e.key)?--r:++r;const t=s[r];if(t instanceof HTMLElement&&dom.focusFirstFocusable(t))break}}},ref:s,children:React.Children.map(h,((e,s)=>require$$0.jsx("li",React.isValidElement(e)?{children:React.cloneElement(e,{...z,...typeof e.props=='object'&&e.props!==null?e.props:{}})}:{children:e},s)))})}));
2	+ //# sourceMappingURL=MenuList.js.map

package/components/MenuList/MenuList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuList.js","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst HOT_KEYS = [keyboardKeys.ArrowUp.key, keyboardKeys.ArrowDown.key]\n\n/**\n *\n * Component accepts all \\<ul\\> attributes.\n *\n * Responsive \"size\" props are forwarded to children elements.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuListProps](https://github.com/foxford/ui/blob/master/src/components/MenuList/types.ts)\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n (props, ref) => {\n const {\n role = 'list',\n gap = 4,\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizeUnits,\n sizes,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizeUnits,\n sizes,\n }\n\n const children =\n isValidElement(restProps.children) &&\n restProps.children.type === Fragment &&\n typeof restProps.children.props === 'object' &&\n restProps.children.props !== null\n ? restProps.children.props.children\n : restProps.children\n\n return (\n <Styled.Root\n {...restProps}\n role={role}\n gap={gap}\n onKeyDown={(evt) => {\n if (restProps.onKeyDown) restProps.onKeyDown(evt)\n\n if (HOT_KEYS.includes(evt.key)) {\n evt.preventDefault()\n\n const listItems = [...evt.currentTarget.children]\n let idx = listItems.findIndex((item) => item.contains(evt.target as Node))\n\n while (idx >= 0 && idx < listItems.length) {\n idx = keyboardKeys.ArrowUp.validate(evt.key) ? --idx : ++idx\n\n const nextItem = listItems[idx]\n\n if (nextItem instanceof HTMLElement && focusFirstFocusable(nextItem)) {\n break\n }\n }\n }\n }}\n ref={ref}\n >\n {Children.map(children, (child, idx) => {\n if (isValidElement(child)) {\n const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n }\n\n return <li key={idx}>{child}</li>\n })}\n </Styled.Root>\n )\n }\n)\n\nexport { MenuList }\n"],"names":["HOT_KEYS","keyboardKeys","ArrowUp","key","ArrowDown","forwardRef","props","ref","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","sizeProps","children","isValidElement","type","Fragment","_jsx","Styled","onKeyDown","evt","includes","preventDefault","listItems","currentTarget","idx","findIndex","item","contains","target","length","validate","nextItem","HTMLElement","focusFirstFocusable","Children","map","child","cloneElement"],"mappings":"oNAMA,MAAMA,SAAW,CAACC,UAAAA,aAAaC,QAAQC,IAAKF,uBAAaG,UAAUD,sBAYFE,MAAUA,YACzE,CAACC,EAAOC,KACN,MAAMC,KACJA,EAAO,OAAMC,IACbA,EAAM,EAACC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,KACGC,GACDb,EAEJ,MAAMc,EAAY,CAChBV,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,YACAC,SAGF,MAAMG,EACJC,MAAAA,eAAeH,EAAUE,WACzBF,EAAUE,SAASE,OAASC,uBACrBL,EAAUE,SAASf,OAAU,UACpCa,EAAUE,SAASf,QAAU,KACzBa,EAAUE,SAASf,MAAMe,SACzBF,EAAUE,SAEhB,OACEI,WAAAA,IAACC,MAAAA,KAAW,IACNP,EACJX,KAAMA,EACNC,IAAKA,EACLkB,UAAYC,IAGV,GAFIT,EAAUQ,WAAWR,EAAUQ,UAAUC,GAEzC5B,SAAS6B,SAASD,EAAIzB,KAAM,CAC9ByB,EAAIE,iBAEJ,MAAMC,EAAY,IAAIH,EAAII,cAAcX,UACxC,IAAIY,EAAMF,EAAUG,WAAWC,GAASA,EAAKC,SAASR,EAAIS,UAE1D,KAAOJ,GAAO,GAAKA,EAAMF,EAAUO,QAAQ,CACzCL,EAAMhC,UAAAA,aAAaC,QAAQqC,SAASX,EAAIzB,OAAS8B,IAAQA,EAEzD,MAAMO,EAAWT,EAAUE,GAE3B,GAAIO,aAAoBC,aAAeC,IAAmBA,oBAACF,GACzD,KAEJ,CACF,GAEFjC,IAAKA,EAAIc,SAERsB,MAAQA,SAACC,IAAIvB,GAAU,CAACwB,EAAOZ,IAIrBR,WAAAA,IAAA,KAHLH,MAAAA,eAAeuB,GAGV,CAAAxB,SAAeyB,MAAYA,aAACD,EAAO,IAAKzB,YAFrByB,EAAMvC,OAAU,UAAYuC,EAAMvC,QAAU,KAAOuC,EAAMvC,MAAQ,CAAA,KAKtF,CAAAe,SAAewB,GAHJZ,MAKR"}

package/components/MenuList/MenuList.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{forwardRef,isValidElement,Fragment,Children,cloneElement}from'react';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{keyboardKeys}from'../../shared/constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';const HOT_KEYS=[keyboardKeys.ArrowUp.key,keyboardKeys.ArrowDown.key];const MenuList=forwardRef(((e,s)=>{const{role:r="list",gap:o=4,size:i,sizeXXS:n,sizeXS:t,sizeS:l,sizeM:c,sizeL:a,sizeXL:d,sizeUnits:p,sizes:m,...f}=e;const y={size:i,sizeXXS:n,sizeXS:t,sizeS:l,sizeM:c,sizeL:a,sizeXL:d,sizeUnits:p,sizes:m};const z=isValidElement(f.children)&&f.children.type===Fragment&&typeof f.children.props=='object'&&f.children.props!==null?f.children.props.children:f.children;return jsx(Root,{...f,role:r,gap:o,onKeyDown:e=>{if(f.onKeyDown&&f.onKeyDown(e),HOT_KEYS.includes(e.key)){e.preventDefault();const s=[...e.currentTarget.children];let r=s.findIndex((s=>s.contains(e.target)));for(;r>=0&&r<s.length;){r=keyboardKeys.ArrowUp.validate(e.key)?--r:++r;const o=s[r];if(o instanceof HTMLElement&&focusFirstFocusable(o))break}}},ref:s,children:Children.map(z,((e,s)=>jsx("li",isValidElement(e)?{children:cloneElement(e,{...y,...typeof e.props=='object'&&e.props!==null?e.props:{}})}:{children:e},s)))})}));export{MenuList};
2	+ //# sourceMappingURL=MenuList.mjs.map

package/components/MenuList/MenuList.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuList.mjs","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst HOT_KEYS = [keyboardKeys.ArrowUp.key, keyboardKeys.ArrowDown.key]\n\n/**\n *\n * Component accepts all \\<ul\\> attributes.\n *\n * Responsive \"size\" props are forwarded to children elements.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuListProps](https://github.com/foxford/ui/blob/master/src/components/MenuList/types.ts)\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n (props, ref) => {\n const {\n role = 'list',\n gap = 4,\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizeUnits,\n sizes,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizeUnits,\n sizes,\n }\n\n const children =\n isValidElement(restProps.children) &&\n restProps.children.type === Fragment &&\n typeof restProps.children.props === 'object' &&\n restProps.children.props !== null\n ? restProps.children.props.children\n : restProps.children\n\n return (\n <Styled.Root\n {...restProps}\n role={role}\n gap={gap}\n onKeyDown={(evt) => {\n if (restProps.onKeyDown) restProps.onKeyDown(evt)\n\n if (HOT_KEYS.includes(evt.key)) {\n evt.preventDefault()\n\n const listItems = [...evt.currentTarget.children]\n let idx = listItems.findIndex((item) => item.contains(evt.target as Node))\n\n while (idx >= 0 && idx < listItems.length) {\n idx = keyboardKeys.ArrowUp.validate(evt.key) ? --idx : ++idx\n\n const nextItem = listItems[idx]\n\n if (nextItem instanceof HTMLElement && focusFirstFocusable(nextItem)) {\n break\n }\n }\n }\n }}\n ref={ref}\n >\n {Children.map(children, (child, idx) => {\n if (isValidElement(child)) {\n const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n }\n\n return <li key={idx}>{child}</li>\n })}\n </Styled.Root>\n )\n }\n)\n\nexport { MenuList }\n"],"names":["HOT_KEYS","keyboardKeys","ArrowUp","key","ArrowDown","MenuList","forwardRef","props","ref","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","sizeProps","children","isValidElement","type","Fragment","_jsx","Styled","onKeyDown","evt","includes","preventDefault","listItems","currentTarget","idx","findIndex","item","contains","target","length","validate","nextItem","HTMLElement","focusFirstFocusable","Children","map","child","cloneElement"],"mappings":"8PAMA,MAAMA,SAAW,CAACC,aAAaC,QAAQC,IAAKF,aAAaG,UAAUD,KAY7DE,MAAAA,SAA2DC,YAC/D,CAACC,EAAOC,KACN,MAAMC,KACJA,EAAO,OAAMC,IACbA,EAAM,EAACC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,KACGC,GACDb,EAEJ,MAAMc,EAAY,CAChBV,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,YACAC,SAGF,MAAMG,EACJC,eAAeH,EAAUE,WACzBF,EAAUE,SAASE,OAASC,iBACrBL,EAAUE,SAASf,OAAU,UACpCa,EAAUE,SAASf,QAAU,KACzBa,EAAUE,SAASf,MAAMe,SACzBF,EAAUE,SAEhB,OACEI,IAACC,KAAW,IACNP,EACJX,KAAMA,EACNC,IAAKA,EACLkB,UAAYC,IAGV,GAFIT,EAAUQ,WAAWR,EAAUQ,UAAUC,GAEzC7B,SAAS8B,SAASD,EAAI1B,KAAM,CAC9B0B,EAAIE,iBAEJ,MAAMC,EAAY,IAAIH,EAAII,cAAcX,UACxC,IAAIY,EAAMF,EAAUG,WAAWC,GAASA,EAAKC,SAASR,EAAIS,UAE1D,KAAOJ,GAAO,GAAKA,EAAMF,EAAUO,QAAQ,CACzCL,EAAMjC,aAAaC,QAAQsC,SAASX,EAAI1B,OAAS+B,IAAQA,EAEzD,MAAMO,EAAWT,EAAUE,GAE3B,GAAIO,aAAoBC,aAAeC,oBAAoBF,GACzD,KAEJ,CACF,GAEFjC,IAAKA,EAAIc,SAERsB,SAASC,IAAIvB,GAAU,CAACwB,EAAOZ,IAIrBR,IAAA,KAHLH,eAAeuB,GAGV,CAAAxB,SAAeyB,aAAaD,EAAO,IAAKzB,YAFrByB,EAAMvC,OAAU,UAAYuC,EAAMvC,QAAU,KAAOuC,EAAMvC,MAAQ,CAAA,KAKtF,CAAAe,SAAewB,GAHJZ,MAKR"}

package/components/MenuList/style.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';function _interopDefault(n){return n&&n.__esModule?n:{default:n}}const Root=_interopDefault(require('styled-components')).default.ul.withConfig({shouldForwardProp:n=>!['showCloseButton','closeButtonProps','closeFn','gap'].includes(n)}).withConfig({displayName:"MenuList__Root",componentId:"ui__sc-afqmnb-0"})(["",""],(n=>`\n box-sizing: border-box;\n appearance: none;\n list-style-type: none;\n margin: 0;\n padding: 8px;\n border-radius: inherit;\n\n & > li:not(:last-child) {\n margin-bottom: ${typeof n.gap=='string'?n.gap:`${n.gap}px`};\n } \n `));exports.Root=Root;
2	+ //# sourceMappingURL=style.js.map

package/components/MenuList/style.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.js","sources":["../../../../src/components/MenuList/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { StyledMenuListProps } from './types'\n\nexport const Root = styled.ul.withConfig<StyledMenuListProps>({\n shouldForwardProp: (propKey) => !['showCloseButton', 'closeButtonProps', 'closeFn', 'gap'].includes(propKey),\n})`\n ${(props) => `\n box-sizing: border-box;\n appearance: none;\n list-style-type: none;\n margin: 0;\n padding: 8px;\n border-radius: inherit;\n\n & > li:not(:last-child) {\n margin-bottom: ${typeof props.gap === 'string' ? props.gap : `${props.gap}px`};\n } \n `}\n`\n"],"names":["Root","styled","ul","withConfig","shouldForwardProp","propKey","includes","displayName","componentId","props","gap"],"mappings":"8EAGO,MAAMA,mDAAOC,QAAOC,GAAGC,WAAgC,CAC5DC,kBAAoBC,IAAa,CAAC,kBAAmB,mBAAoB,UAAW,OAAOC,SAASD,KACpGF,WAAA,CAAAI,YAAA,iBAAAC,YAAA,mBAFkBP,CAElB,CAAA,GAAA,KACGQ,GAAU,kNASeA,EAAMC,KAAQ,SAAWD,EAAMC,IAAM,GAAGD,EAAMC"}

package/components/MenuList/style.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import styled from'styled-components';const Root=styled.ul.withConfig({shouldForwardProp:n=>!['showCloseButton','closeButtonProps','closeFn','gap'].includes(n)}).withConfig({displayName:"MenuList__Root",componentId:"ui__sc-afqmnb-0"})(["",""],(n=>`\n box-sizing: border-box;\n appearance: none;\n list-style-type: none;\n margin: 0;\n padding: 8px;\n border-radius: inherit;\n\n & > li:not(:last-child) {\n margin-bottom: ${typeof n.gap=='string'?n.gap:`${n.gap}px`};\n } \n `));export{Root};
2	+ //# sourceMappingURL=style.mjs.map

package/components/MenuList/style.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuList/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { StyledMenuListProps } from './types'\n\nexport const Root = styled.ul.withConfig<StyledMenuListProps>({\n shouldForwardProp: (propKey) => !['showCloseButton', 'closeButtonProps', 'closeFn', 'gap'].includes(propKey),\n})`\n ${(props) => `\n box-sizing: border-box;\n appearance: none;\n list-style-type: none;\n margin: 0;\n padding: 8px;\n border-radius: inherit;\n\n & > li:not(:last-child) {\n margin-bottom: ${typeof props.gap === 'string' ? props.gap : `${props.gap}px`};\n } \n `}\n`\n"],"names":["Root","styled","ul","withConfig","shouldForwardProp","propKey","includes","displayName","componentId","props","gap"],"mappings":"sCAGO,MAAMA,KAAOC,OAAOC,GAAGC,WAAgC,CAC5DC,kBAAoBC,IAAa,CAAC,kBAAmB,mBAAoB,UAAW,OAAOC,SAASD,KACpGF,WAAA,CAAAI,YAAA,iBAAAC,YAAA,mBAFkBP,CAElB,CAAA,GAAA,KACGQ,GAAU,kNASeA,EAAMC,KAAQ,SAAWD,EAAMC,IAAM,GAAGD,EAAMC"}

package/components/Modal/Close.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');exports.ModalClose=({className:e,onClick:r})=>require$$0.jsx(style.ModalClose,{className:e,onClick:r,children:require$$0.jsx(Icon.Icon,{name:"tinyCross",color:"#D9D9D9"})});
2	+ //# sourceMappingURL=Close.js.map

package/components/Modal/Close.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Close.js","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n className?: string\n onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n return (\n <Styled.ModalClose className={className} onClick={onClick}>\n <Icon name='tinyCross' color='#D9D9D9' />\n </Styled.ModalClose>\n )\n}\n"],"names":["className","onClick","_jsx","Styled","children","jsx","Icon","name","color"],"mappings":"gJAQO,EAAoBA,UAAEA,EAASC,QAAEA,KAEpCC,WAAAA,IAACC,MAAAA,WAAiB,CAACH,UAAWA,EAAWC,QAASA,EAAQG,SACxDF,WAAAG,IAACC,UAAI,CAACC,KAAK,YAAYC,MAAM"}

package/components/Modal/Close.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{ModalClose as ModalClose$1}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';function ModalClose({className:o,onClick:s}){return jsx(ModalClose$1,{className:o,onClick:s,children:jsx(Icon,{name:"tinyCross",color:"#D9D9D9"})})}export{ModalClose};
2	+ //# sourceMappingURL=Close.mjs.map

package/components/Modal/Close.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Close.mjs","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n className?: string\n onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n return (\n <Styled.ModalClose className={className} onClick={onClick}>\n <Icon name='tinyCross' color='#D9D9D9' />\n </Styled.ModalClose>\n )\n}\n"],"names":["ModalClose","className","onClick","_jsx","Styled","children","Icon","name","color"],"mappings":"0HAQO,SAASA,YAAWC,UAAEA,EAASC,QAAEA,IACtC,OACEC,IAACC,aAAiB,CAACH,UAAWA,EAAWC,QAASA,EAAQG,SACxDF,IAACG,KAAI,CAACC,KAAK,YAAYC,MAAM,aAGnC"}

package/components/Modal/Modal.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var ReactModal=require('react-modal');var Close=require('./Close.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var ReactModal__default=_interopDefault(ReactModal);function Modal(e){const{blurredOverlay:l,children:o,closeTimeoutMS:a,contentLabel:r,isOpen:t,onAfterOpen:s,onRequestClose:n,overlayClassName:d,role:i,shouldCloseOnOverlayClick:u,width:c,valign:m,className:M,style:v,zIndex:y}=e;return require$$0.jsx(style.Modal,{blurredOverlay:l,closeTimeoutMS:a,contentLabel:r,isOpen:Boolean(t),onAfterOpen:s,onRequestClose:n,portalClassName:M,overlayClassName:d,bodyOpenClassName:"modal--open",role:i,zIndex:y,valign:m,width:c,shouldCloseOnOverlayClick:u,children:require$$0.jsx("div",{style:v,children:o})})}typeof window!='undefined'&&(()=>{const e=document.body;e&&e instanceof HTMLElement&&ReactModal__default.default.setAppElement(e)})(),Modal.defaultProps={blurredOverlay:!1,closeTimeoutMS:0,zIndex:9e3,contentLabel:'',isOpen:!1,role:'dialog',shouldCloseOnOverlayClick:!0,width:'m',valign:'center',className:'modal'},Modal.Close=Close.ModalClose,Modal.displayName='Modal',exports.Modal=Modal;
2	+ //# sourceMappingURL=Modal.js.map

package/components/Modal/Modal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import ReactModal, { Classes } from 'react-modal'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport { ModalClose } from './Close'\nimport * as Styled from './style'\n\nfunction setAppModalElement() {\n const appElement = document.body\n\n if (appElement && appElement instanceof HTMLElement) ReactModal.setAppElement(appElement)\n}\n\n// eslint-disable-next-line prettier/prettier\nif (typeof window !== 'undefined') {\n setAppModalElement()\n}\n\nexport interface ModalProps extends BaseProps, ResponsiveNamedProperty<'width'> {\n /**\n * Primary content.\n */\n /**\n * Boolean indicating if the overlay background should be blurred\n */\n blurredOverlay?: boolean\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Modal class name\n */\n className?: string\n /**\n * Number indicating the milliseconds to wait before closing the modal.\n */\n closeTimeoutMS?: number\n /**\n * String indicating how the content container should be announced to screenreaders\n */\n contentLabel?: string\n /**\n * Boolean describing if the modal should be shown or not.\n */\n isOpen?: boolean\n /**\n * Function that will be run after the modal has opened.\n */\n onAfterOpen?(): void\n /**\n * Function that will be run when the modal is requested to be closed, prior to actually closing.\n */\n onRequestClose?(): void\n /**\n * Custom overlay CSS class name\n */\n overlayClassName?: string | Classes\n /**\n * String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.\n */\n role?: string\n /**\n * Boolean indicating if the overlay should close the modal\n */\n shouldCloseOnOverlayClick?: boolean\n /**\n * Vertical align\n */\n valign?: 'top' | 'center' | 'bottom'\n /**\n * z-index\n */\n zIndex?: number\n}\n\nModal.defaultProps = {\n blurredOverlay: false,\n closeTimeoutMS: 0,\n zIndex: 9000,\n contentLabel: '',\n isOpen: false,\n role: 'dialog',\n shouldCloseOnOverlayClick: true,\n width: 'm',\n valign: 'center',\n className: 'modal',\n}\n\nModal.Close = ModalClose\nModal.displayName = 'Modal'\n\n/**\n * Основан на [react-modal](https://github.com/reactjs/react-modal).\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n */\nexport function Modal(props: ModalProps) {\n const {\n blurredOverlay,\n children,\n closeTimeoutMS,\n contentLabel,\n isOpen,\n onAfterOpen,\n onRequestClose,\n overlayClassName,\n role,\n shouldCloseOnOverlayClick,\n width,\n valign,\n className,\n style,\n zIndex,\n } = props\n\n return (\n <Styled.Modal\n blurredOverlay={blurredOverlay}\n closeTimeoutMS={closeTimeoutMS}\n contentLabel={contentLabel}\n isOpen={Boolean(isOpen)}\n onAfterOpen={onAfterOpen}\n onRequestClose={onRequestClose}\n portalClassName={className}\n overlayClassName={overlayClassName}\n bodyOpenClassName='modal--open'\n role={role}\n zIndex={zIndex}\n valign={valign}\n width={width}\n shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n >\n <div style={style}>{children}</div>\n </Styled.Modal>\n )\n}\n"],"names":["Modal","props","blurredOverlay","children","closeTimeoutMS","contentLabel","isOpen","onAfterOpen","onRequestClose","overlayClassName","role","shouldCloseOnOverlayClick","width","valign","className","style","zIndex","_jsx","Styled","Boolean","portalClassName","bodyOpenClassName","jsx","window","appElement","document","body","HTMLElement","ReactModal","setAppElement","setAppModalElement","defaultProps","Close","ModalClose","displayName"],"mappings":"oRAkGO,SAASA,MAAMC,GACpB,MAAMC,eACJA,EAAcC,SACdA,EAAQC,eACRA,EAAcC,aACdA,EAAYC,OACZA,EAAMC,YACNA,EAAWC,eACXA,EAAcC,iBACdA,EAAgBC,KAChBA,EAAIC,0BACJA,EAAyBC,MACzBA,EAAKC,OACLA,EAAMC,UACNA,QACAC,EAAKC,OACLA,GACEf,EAEJ,OACEgB,WAAAA,IAACC,MAAAA,MAAY,CACXhB,eAAgBA,EAChBE,eAAgBA,EAChBC,aAAcA,EACdC,OAAQa,QAAQb,GAChBC,YAAaA,EACbC,eAAgBA,EAChBY,gBAAiBN,EACjBL,iBAAkBA,EAClBY,kBAAkB,cAClBX,KAAMA,EACNM,OAAQA,EACRH,OAAQA,EACRD,MAAOA,EACPD,0BAA2BA,EAA0BR,SAErDc,WAAAK,IAAA,MAAA,CAAKP,MAAOA,EAAMZ,SAAEA,KAG1B,QA5HWoB,QAAW,aAPtB,MACE,MAAMC,EAAaC,SAASC,KAExBF,GAAcA,aAAsBG,aAAaC,oBAAAA,QAAWC,cAAcL,EAChF,EAIEM,GA6DF9B,MAAM+B,aAAe,CACnB7B,gBAAgB,EAChBE,eAAgB,EAChBY,OAAQ,IACRX,aAAc,GACdC,QAAQ,EACRI,KAAM,SACNC,2BAA2B,EAC3BC,MAAO,IACPC,OAAQ,SACRC,UAAW,SAGbd,MAAMgC,MAAQC,MAAAA,WACdjC,MAAMkC,YAAc"}

package/components/Modal/Modal.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import ReactModal from'react-modal';import{ModalClose}from'./Close.mjs';import{Modal as Modal$1}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Modal(e){const{blurredOverlay:l,children:o,closeTimeoutMS:a,contentLabel:s,isOpen:n,onAfterOpen:t,onRequestClose:d,overlayClassName:r,role:i,shouldCloseOnOverlayClick:m,width:c,valign:p,className:u,style:M,zIndex:C}=e;return jsx(Modal$1,{blurredOverlay:l,closeTimeoutMS:a,contentLabel:s,isOpen:Boolean(n),onAfterOpen:t,onRequestClose:d,portalClassName:u,overlayClassName:r,bodyOpenClassName:"modal--open",role:i,zIndex:C,valign:p,width:c,shouldCloseOnOverlayClick:m,children:jsx("div",{style:M,children:o})})}typeof window!='undefined'&&(()=>{const e=document.body;e&&e instanceof HTMLElement&&ReactModal.setAppElement(e)})(),Modal.defaultProps={blurredOverlay:!1,closeTimeoutMS:0,zIndex:9e3,contentLabel:'',isOpen:!1,role:'dialog',shouldCloseOnOverlayClick:!0,width:'m',valign:'center',className:'modal'},Modal.Close=ModalClose,Modal.displayName='Modal';export{Modal};
2	+ //# sourceMappingURL=Modal.mjs.map

package/components/Modal/Modal.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Modal.mjs","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import ReactModal, { Classes } from 'react-modal'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport { ModalClose } from './Close'\nimport * as Styled from './style'\n\nfunction setAppModalElement() {\n const appElement = document.body\n\n if (appElement && appElement instanceof HTMLElement) ReactModal.setAppElement(appElement)\n}\n\n// eslint-disable-next-line prettier/prettier\nif (typeof window !== 'undefined') {\n setAppModalElement()\n}\n\nexport interface ModalProps extends BaseProps, ResponsiveNamedProperty<'width'> {\n /**\n * Primary content.\n */\n /**\n * Boolean indicating if the overlay background should be blurred\n */\n blurredOverlay?: boolean\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Modal class name\n */\n className?: string\n /**\n * Number indicating the milliseconds to wait before closing the modal.\n */\n closeTimeoutMS?: number\n /**\n * String indicating how the content container should be announced to screenreaders\n */\n contentLabel?: string\n /**\n * Boolean describing if the modal should be shown or not.\n */\n isOpen?: boolean\n /**\n * Function that will be run after the modal has opened.\n */\n onAfterOpen?(): void\n /**\n * Function that will be run when the modal is requested to be closed, prior to actually closing.\n */\n onRequestClose?(): void\n /**\n * Custom overlay CSS class name\n */\n overlayClassName?: string | Classes\n /**\n * String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.\n */\n role?: string\n /**\n * Boolean indicating if the overlay should close the modal\n */\n shouldCloseOnOverlayClick?: boolean\n /**\n * Vertical align\n */\n valign?: 'top' | 'center' | 'bottom'\n /**\n * z-index\n */\n zIndex?: number\n}\n\nModal.defaultProps = {\n blurredOverlay: false,\n closeTimeoutMS: 0,\n zIndex: 9000,\n contentLabel: '',\n isOpen: false,\n role: 'dialog',\n shouldCloseOnOverlayClick: true,\n width: 'm',\n valign: 'center',\n className: 'modal',\n}\n\nModal.Close = ModalClose\nModal.displayName = 'Modal'\n\n/**\n * Основан на [react-modal](https://github.com/reactjs/react-modal).\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n */\nexport function Modal(props: ModalProps) {\n const {\n blurredOverlay,\n children,\n closeTimeoutMS,\n contentLabel,\n isOpen,\n onAfterOpen,\n onRequestClose,\n overlayClassName,\n role,\n shouldCloseOnOverlayClick,\n width,\n valign,\n className,\n style,\n zIndex,\n } = props\n\n return (\n <Styled.Modal\n blurredOverlay={blurredOverlay}\n closeTimeoutMS={closeTimeoutMS}\n contentLabel={contentLabel}\n isOpen={Boolean(isOpen)}\n onAfterOpen={onAfterOpen}\n onRequestClose={onRequestClose}\n portalClassName={className}\n overlayClassName={overlayClassName}\n bodyOpenClassName='modal--open'\n role={role}\n zIndex={zIndex}\n valign={valign}\n width={width}\n shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n >\n <div style={style}>{children}</div>\n </Styled.Modal>\n )\n}\n"],"names":["Modal","props","blurredOverlay","children","closeTimeoutMS","contentLabel","isOpen","onAfterOpen","onRequestClose","overlayClassName","role","shouldCloseOnOverlayClick","width","valign","className","style","zIndex","_jsx","Styled","Boolean","portalClassName","bodyOpenClassName","window","appElement","document","body","HTMLElement","ReactModal","setAppElement","setAppModalElement","defaultProps","Close","ModalClose","displayName"],"mappings":"qJAkGO,SAASA,MAAMC,GACpB,MAAMC,eACJA,EAAcC,SACdA,EAAQC,eACRA,EAAcC,aACdA,EAAYC,OACZA,EAAMC,YACNA,EAAWC,eACXA,EAAcC,iBACdA,EAAgBC,KAChBA,EAAIC,0BACJA,EAAyBC,MACzBA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,EAAKC,OACLA,GACEf,EAEJ,OACEgB,IAACC,QAAY,CACXhB,eAAgBA,EAChBE,eAAgBA,EAChBC,aAAcA,EACdC,OAAQa,QAAQb,GAChBC,YAAaA,EACbC,eAAgBA,EAChBY,gBAAiBN,EACjBL,iBAAkBA,EAClBY,kBAAkB,cAClBX,KAAMA,EACNM,OAAQA,EACRH,OAAQA,EACRD,MAAOA,EACPD,0BAA2BA,EAA0BR,SAErDc,IAAA,MAAA,CAAKF,MAAOA,EAAMZ,SAAEA,KAG1B,QA5HWmB,QAAW,aAPtB,MACE,MAAMC,EAAaC,SAASC,KAExBF,GAAcA,aAAsBG,aAAaC,WAAWC,cAAcL,EAChF,EAIEM,GA6DF7B,MAAM8B,aAAe,CACnB5B,gBAAgB,EAChBE,eAAgB,EAChBY,OAAQ,IACRX,aAAc,GACdC,QAAQ,EACRI,KAAM,SACNC,2BAA2B,EAC3BC,MAAO,IACPC,OAAQ,SACRC,UAAW,SAGbd,MAAM+B,MAAQC,WACdhC,MAAMiC,YAAc"}

package/components/Modal/adapter.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var ReactModal=require('react-modal');var cx=require('clsx');var require$$0=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var ReactModal__default=_interopDefault(ReactModal);var cx__default=_interopDefault(cx);exports.ReactModalAdapter=({className:e,isOpen:a,overlayClassName:t,style:r,...l})=>{const s=`${e}__overlay`;return require$$0.jsx(ReactModal__default.default,{portalClassName:e,className:`${e}__content`,isOpen:Boolean(a),overlayClassName:cx__default.default(s,t),...l})};
2	+ //# sourceMappingURL=adapter.js.map

package/components/Modal/adapter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"adapter.js","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport cx from 'clsx'\nimport { ModalProps } from './Modal'\n\nexport const ReactModalAdapter: React.FC<ModalProps> = ({\n className,\n isOpen,\n overlayClassName,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n style: _style,\n ...props\n}: ModalProps) => {\n const contentClassName = `${className}__content`\n const overlayClassNameLocal = `${className}__overlay`\n\n return (\n <ReactModal\n portalClassName={className}\n className={contentClassName}\n isOpen={Boolean(isOpen)}\n overlayClassName={cx(overlayClassNameLocal, overlayClassName)}\n {...props}\n />\n )\n}\n"],"names":["ReactModalAdapter","className","isOpen","overlayClassName","style","_style","props","overlayClassNameLocal","_jsx","ReactModal","portalClassName","Boolean","cx"],"mappings":"ySAIuDA,EACrDC,YACAC,SACAC,mBAEAC,MAAOC,KACJC,MAGH,MAAMC,EAAwB,GAAGN,aAEjC,OACEO,WAAAA,IAACC,oBAAAA,QAAU,CACTC,gBAAiBT,EACjBA,UANqB,GAAGA,aAOxBC,OAAQS,QAAQT,GAChBC,iBAAkBS,YAAAA,QAAGL,EAAuBJ,MACxCG,GACJ"}

package/components/Modal/adapter.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import ReactModal from'react-modal';import cx from'clsx';import{jsx}from'react/jsx-runtime';const ReactModalAdapter=({className:a,isOpen:e,overlayClassName:o,style:t,...s})=>{const r=`${a}__overlay`;return jsx(ReactModal,{portalClassName:a,className:`${a}__content`,isOpen:Boolean(e),overlayClassName:cx(r,o),...s})};export{ReactModalAdapter};
2	+ //# sourceMappingURL=adapter.mjs.map

package/components/Modal/adapter.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"adapter.mjs","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport cx from 'clsx'\nimport { ModalProps } from './Modal'\n\nexport const ReactModalAdapter: React.FC<ModalProps> = ({\n className,\n isOpen,\n overlayClassName,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n style: _style,\n ...props\n}: ModalProps) => {\n const contentClassName = `${className}__content`\n const overlayClassNameLocal = `${className}__overlay`\n\n return (\n <ReactModal\n portalClassName={className}\n className={contentClassName}\n isOpen={Boolean(isOpen)}\n overlayClassName={cx(overlayClassNameLocal, overlayClassName)}\n {...props}\n />\n )\n}\n"],"names":["ReactModalAdapter","className","isOpen","overlayClassName","style","_style","props","overlayClassNameLocal","_jsx","ReactModal","portalClassName","Boolean","cx"],"mappings":"4FAIO,MAAMA,kBAA0CA,EACrDC,YACAC,SACAC,mBAEAC,MAAOC,KACJC,MAGH,MAAMC,EAAwB,GAAGN,aAEjC,OACEO,IAACC,WAAU,CACTC,gBAAiBT,EACjBA,UANqB,GAAGA,aAOxBC,OAAQS,QAAQT,GAChBC,iBAAkBS,GAAGL,EAAuBJ,MACxCG,GACJ"}

package/components/Modal/style.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');var adapter=require('./adapter.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const WIDTHS={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};const Modal=styled__default.default(adapter.ReactModalAdapter).withConfig({displayName:"Modal",componentId:"ui__sc-1ilisuf-0"})(["&__overlay{z-index:",";display:flex;flex-direction:row;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-x:none;overflow-y:auto;"," &.ReactModal__Overlay--after-open{","}&.ReactModal__Overlay--before-close{}}&__content{width:100%;max-height:100%;position:relative;&:focus{outline:0;}"," &.ReactModal__Content--after-open{}&.ReactModal__Content--before-close{}}"],(e=>e.zIndex\|\|e.theme.zIndex.modal),(e=>e.valign?styled.css(["align-items:",";"],(e=>{switch(e){case'top':return'flex-start';case'bottom':return'flex-end';default:return'center'}})(e.valign)):null),(e=>e.overlayClassName?null:styled.css(e.blurredOverlay?["background:rgba(246,247,251,0.3);backdrop-filter:blur(3.5px);"]:["background:rgba(246,247,251,0.9);"])),(e=>e.width?responsiveProperty.property((e=>typeof e.width=='number'?e.width:e.width&&typeof e.width=='string'&&WIDTHS[e.width]?WIDTHS[e.width]:'auto')(e),'max-width'):null));const ModalClose=styled__default.default.span.withConfig({displayName:"Modal__ModalClose",componentId:"ui__sc-1ilisuf-1"})(["opacity:1;transition:0.3s;position:absolute;right:20px;top:20px;cursor:pointer;z-index:10;svg{width:18px;height:18px;}&:hover{opacity:0.5;}"]);styled.createGlobalStyle([".bodyOpen{overflow:hidden;}"]),exports.Modal=Modal,exports.ModalClose=ModalClose;
2	+ //# sourceMappingURL=style.js.map

package/components/Modal/style.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.js","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\nimport ReactModal from 'react-modal'\nimport { property, PossibleValues } from 'mixins/responsive-property'\nimport { ModalProps } from './Modal'\nimport { ReactModalAdapter } from './adapter'\n\ninterface ReactModalProps extends ReactModal.Props {\n zIndex?: ModalProps['zIndex']\n valign?: ModalProps['valign']\n}\n\nconst WIDTHS = {\n xxxs: 100,\n xxs: 200,\n xs: 300,\n s: 400,\n m: 500,\n l: 600,\n xl: 740,\n xxl: 800,\n xxxl: 900,\n}\n\nconst chooseWidthValue = (props: ModalProps): PossibleValues => {\n if (typeof props.width === 'number') return props.width\n\n if (props.width && typeof props.width === 'string' && WIDTHS[props.width]) return WIDTHS[props.width]\n\n return 'auto'\n}\n\nconst getPosition = (valign: ModalProps['valign']) => {\n switch (valign) {\n case 'top':\n return 'flex-start'\n case 'bottom':\n return 'flex-end'\n case 'center':\n return 'center'\n default:\n return 'center'\n }\n}\n\nexport const Modal = styled(ReactModalAdapter)<ReactModalProps>`\n &__overlay {\n z-index: ${(props) => props.zIndex || props.theme.zIndex.modal};\n display: flex;\n flex-direction: row;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-x: none;\n overflow-y: auto;\n ${(props) =>\n props.valign\n ? css`\n align-items: ${getPosition(props.valign)};\n `\n : null}\n &.ReactModal__Overlay--after-open {\n ${(props) => {\n if (props.overlayClassName) return null\n\n if (props.blurredOverlay) {\n return css`\n background: rgba(246, 247, 251, 0.3);\n backdrop-filter: blur(3.5px);\n `\n }\n\n return css`\n background: rgba(246, 247, 251, 0.9);\n `\n }}\n }\n &.ReactModal__Overlay--before-close {\n }\n }\n\n &__content {\n width: 100%;\n max-height: 100%;\n position: relative;\n &:focus {\n outline: 0;\n }\n ${(props) => (props.width ? property(chooseWidthValue(props), 'max-width') : null)}\n &.ReactModal__Content--after-open {\n }\n &.ReactModal__Content--before-close {\n }\n }\n`\n\nexport const ModalClose = styled.span`\n opacity: 1;\n transition: 0.3s;\n position: absolute;\n right: 20px;\n top: 20px;\n cursor: pointer;\n z-index: 10;\n svg {\n width: 18px;\n height: 18px;\n }\n &:hover {\n opacity: 0.5;\n }\n`\n\nexport const GlobalRoot = createGlobalStyle`\n .bodyOpen {\n overflow: hidden;\n }\n`\n"],"names":["WIDTHS","xxxs","xxs","xs","s","m","l","xl","xxl","xxxl","Modal","styled","default","ReactModalAdapter","withConfig","displayName","componentId","props","zIndex","theme","modal","valign","css","getPosition","overlayClassName","blurredOverlay","width","property","chooseWidthValue","ModalClose","span","createGlobalStyle"],"mappings":"4QAWA,MAAMA,OAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,KAwBD,MAAMC,MAAQC,gBAAMC,QAACC,2BAAkBC,WAAA,CAAAC,YAAA,QAAAC,YAAA,oBAAzBL,CAAyB,CAAA,sBAAA,wIAAA,sCAAA,qHAAA,+EAE9BM,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAWtDH,GACDA,EAAMI,OACFC,OAAGA,IAAA,CAAA,eAAA,KA5BQD,KACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,SACX,EAmByBE,CAAYN,EAAMI,SAEnC,OAEDJ,GACGA,EAAMO,iBAAyB,KAG1BF,OAAGA,IADRL,EAAMQ,eACE,CAAA,iEAMF,CAAA,wCAgBXR,GAAWA,EAAMS,MAAQC,mBAAQA,SAnEdV,WACbA,EAAMS,OAAU,SAAiBT,EAAMS,MAE9CT,EAAMS,cAAgBT,EAAMS,OAAU,UAAY1B,OAAOiB,EAAMS,OAAe1B,OAAOiB,EAAMS,OAExF,OA8DgCE,CAAiBX,GAAQ,aAAe,aAQpEY,WAAalB,gBAAAA,QAAOmB,KAAIhB,WAAA,CAAAC,YAAA,oBAAAC,YAAA,oBAAXL,CAezB,CAAA,gJAEyBoB,OAAiBA,kBAI1C,CAAA"}

package/components/Modal/style.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import styled,{css,createGlobalStyle}from'styled-components';import{property}from'../../mixins/responsive-property.mjs';import{ReactModalAdapter}from'./adapter.mjs';const WIDTHS={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};const Modal=styled(ReactModalAdapter).withConfig({displayName:"Modal",componentId:"ui__sc-1ilisuf-0"})(["&__overlay{z-index:",";display:flex;flex-direction:row;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-x:none;overflow-y:auto;"," &.ReactModal__Overlay--after-open{","}&.ReactModal__Overlay--before-close{}}&__content{width:100%;max-height:100%;position:relative;&:focus{outline:0;}"," &.ReactModal__Content--after-open{}&.ReactModal__Content--before-close{}}"],(e=>e.zIndex\|\|e.theme.zIndex.modal),(e=>e.valign?css(["align-items:",";"],(e=>{switch(e){case'top':return'flex-start';case'bottom':return'flex-end';default:return'center'}})(e.valign)):null),(e=>e.overlayClassName?null:css(e.blurredOverlay?["background:rgba(246,247,251,0.3);backdrop-filter:blur(3.5px);"]:["background:rgba(246,247,251,0.9);"])),(e=>e.width?property((e=>typeof e.width=='number'?e.width:e.width&&typeof e.width=='string'&&WIDTHS[e.width]?WIDTHS[e.width]:'auto')(e),'max-width'):null));const ModalClose=styled.span.withConfig({displayName:"Modal__ModalClose",componentId:"ui__sc-1ilisuf-1"})(["opacity:1;transition:0.3s;position:absolute;right:20px;top:20px;cursor:pointer;z-index:10;svg{width:18px;height:18px;}&:hover{opacity:0.5;}"]);createGlobalStyle([".bodyOpen{overflow:hidden;}"]);export{Modal,ModalClose};
2	+ //# sourceMappingURL=style.mjs.map

package/components/Modal/style.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\nimport ReactModal from 'react-modal'\nimport { property, PossibleValues } from 'mixins/responsive-property'\nimport { ModalProps } from './Modal'\nimport { ReactModalAdapter } from './adapter'\n\ninterface ReactModalProps extends ReactModal.Props {\n zIndex?: ModalProps['zIndex']\n valign?: ModalProps['valign']\n}\n\nconst WIDTHS = {\n xxxs: 100,\n xxs: 200,\n xs: 300,\n s: 400,\n m: 500,\n l: 600,\n xl: 740,\n xxl: 800,\n xxxl: 900,\n}\n\nconst chooseWidthValue = (props: ModalProps): PossibleValues => {\n if (typeof props.width === 'number') return props.width\n\n if (props.width && typeof props.width === 'string' && WIDTHS[props.width]) return WIDTHS[props.width]\n\n return 'auto'\n}\n\nconst getPosition = (valign: ModalProps['valign']) => {\n switch (valign) {\n case 'top':\n return 'flex-start'\n case 'bottom':\n return 'flex-end'\n case 'center':\n return 'center'\n default:\n return 'center'\n }\n}\n\nexport const Modal = styled(ReactModalAdapter)<ReactModalProps>`\n &__overlay {\n z-index: ${(props) => props.zIndex || props.theme.zIndex.modal};\n display: flex;\n flex-direction: row;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow-x: none;\n overflow-y: auto;\n ${(props) =>\n props.valign\n ? css`\n align-items: ${getPosition(props.valign)};\n `\n : null}\n &.ReactModal__Overlay--after-open {\n ${(props) => {\n if (props.overlayClassName) return null\n\n if (props.blurredOverlay) {\n return css`\n background: rgba(246, 247, 251, 0.3);\n backdrop-filter: blur(3.5px);\n `\n }\n\n return css`\n background: rgba(246, 247, 251, 0.9);\n `\n }}\n }\n &.ReactModal__Overlay--before-close {\n }\n }\n\n &__content {\n width: 100%;\n max-height: 100%;\n position: relative;\n &:focus {\n outline: 0;\n }\n ${(props) => (props.width ? property(chooseWidthValue(props), 'max-width') : null)}\n &.ReactModal__Content--after-open {\n }\n &.ReactModal__Content--before-close {\n }\n }\n`\n\nexport const ModalClose = styled.span`\n opacity: 1;\n transition: 0.3s;\n position: absolute;\n right: 20px;\n top: 20px;\n cursor: pointer;\n z-index: 10;\n svg {\n width: 18px;\n height: 18px;\n }\n &:hover {\n opacity: 0.5;\n }\n`\n\nexport const GlobalRoot = createGlobalStyle`\n .bodyOpen {\n overflow: hidden;\n }\n`\n"],"names":["WIDTHS","xxxs","xxs","xs","s","m","l","xl","xxl","xxxl","Modal","styled","ReactModalAdapter","withConfig","displayName","componentId","props","zIndex","theme","modal","valign","css","getPosition","overlayClassName","blurredOverlay","width","property","chooseWidthValue","ModalClose","span","createGlobalStyle"],"mappings":"qKAWA,MAAMA,OAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,KAwBD,MAAMC,MAAQC,OAAOC,mBAAkBC,WAAA,CAAAC,YAAA,QAAAC,YAAA,oBAAzBJ,CAAyB,CAAA,sBAAA,wIAAA,sCAAA,qHAAA,+EAE9BK,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAWtDH,GACDA,EAAMI,OACFC,IAAG,CAAA,eAAA,KA5BQD,KACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,SACX,EAmByBE,CAAYN,EAAMI,SAEnC,OAEDJ,GACGA,EAAMO,iBAAyB,KAG1BF,IADLL,EAAMQ,eACE,CAAA,iEAMF,CAAA,wCAgBXR,GAAWA,EAAMS,MAAQC,SAnENV,WACbA,EAAMS,OAAU,SAAiBT,EAAMS,MAE9CT,EAAMS,cAAgBT,EAAMS,OAAU,UAAYzB,OAAOgB,EAAMS,OAAezB,OAAOgB,EAAMS,OAExF,OA8DgCE,CAAiBX,GAAQ,aAAe,aAQpEY,WAAajB,OAAOkB,KAAIhB,WAAA,CAAAC,YAAA,oBAAAC,YAAA,oBAAXJ,CAezB,CAAA,gJAEyBmB,kBAIzB,CAAA"}

package/components/Paper/Paper.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var useClassname=require('../../hooks/useClassname.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');function Paper({padding:e="m",rounded:s=!0,shadow:a=!0,className:r,...u}){const n=useClassname.useClassname(Paper.displayName,r);return require$$0.jsx(style.Root,{padding:e,rounded:s,shadow:a,className:n,...u})}Paper.displayName='Paper',exports.Paper=Paper;
2	+ //# sourceMappingURL=Paper.js.map

package/components/Paper/Paper.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Paper.js","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { useClassname } from 'hooks/useClassname'\nimport { SpacerProps } from 'components/Spacer'\nimport * as Styled from './style'\n\nexport interface PaperProps extends SpacerProps, ColorProperty, ResponsiveNamedProperty<'padding'> {\n /**\n * Set to true to generate a circlular paper container\n */\n circle?: boolean\n /**\n * Paper with rounded corners\n */\n rounded?: boolean\n /**\n * Paper with shadow\n */\n shadow?: boolean\n /**\n * This number represents the zDepth of the paper shadow\n */\n zDepth?: false | 0 | 1 | 2 | 3 | 4\n /**\n * Text align\n */\n textAlign?: 'left' | 'center' | 'right'\n}\n\nPaper.displayName = 'Paper'\n\n/**\n * Расширен:\n * - [`SpacerProps`](#/Разметка%20и%20позиционирование/Spacer)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Paper({ padding = 'm', rounded = true, shadow = true, className, ...props }: PaperProps) {\n const _className = useClassname(Paper.displayName, className)\n\n return <Styled.Root padding={padding} rounded={rounded} shadow={shadow} className={_className} {...props} />\n}\n"],"names":["Paper","padding","rounded","shadow","className","props","_className","useClassname","displayName","_jsx","Styled"],"mappings":"iJAqCO,SAASA,OAAMC,QAAEA,EAAU,IAAGC,QAAEA,GAAU,EAAIC,OAAEA,GAAS,EAAIC,UAAEA,KAAcC,IAClF,MAAMC,EAAaC,aAAYA,aAACP,MAAMQ,YAAaJ,GAEnD,OAAOK,WAAAA,IAACC,MAAAA,KAAW,CAACT,QAASA,EAASC,QAASA,EAASC,OAAQA,EAAQC,UAAWE,KAAgBD,GACrG,CAZAL,MAAMQ,YAAc"}

package/components/Paper/Paper.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{useClassname}from'../../hooks/useClassname.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Paper({padding:s="m",rounded:a=!0,shadow:e=!0,className:o,...r}){const m=useClassname(Paper.displayName,o);return jsx(Root,{padding:s,rounded:a,shadow:e,className:m,...r})}Paper.displayName='Paper';export{Paper};
2	+ //# sourceMappingURL=Paper.mjs.map

package/components/Paper/Paper.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Paper.mjs","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { useClassname } from 'hooks/useClassname'\nimport { SpacerProps } from 'components/Spacer'\nimport * as Styled from './style'\n\nexport interface PaperProps extends SpacerProps, ColorProperty, ResponsiveNamedProperty<'padding'> {\n /**\n * Set to true to generate a circlular paper container\n */\n circle?: boolean\n /**\n * Paper with rounded corners\n */\n rounded?: boolean\n /**\n * Paper with shadow\n */\n shadow?: boolean\n /**\n * This number represents the zDepth of the paper shadow\n */\n zDepth?: false | 0 | 1 | 2 | 3 | 4\n /**\n * Text align\n */\n textAlign?: 'left' | 'center' | 'right'\n}\n\nPaper.displayName = 'Paper'\n\n/**\n * Расширен:\n * - [`SpacerProps`](#/Разметка%20и%20позиционирование/Spacer)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Paper({ padding = 'm', rounded = true, shadow = true, className, ...props }: PaperProps) {\n const _className = useClassname(Paper.displayName, className)\n\n return <Styled.Root padding={padding} rounded={rounded} shadow={shadow} className={_className} {...props} />\n}\n"],"names":["Paper","padding","rounded","shadow","className","props","_className","useClassname","displayName","_jsx","Styled"],"mappings":"wHAqCO,SAASA,OAAMC,QAAEA,EAAU,IAAGC,QAAEA,GAAU,EAAIC,OAAEA,GAAS,EAAIC,UAAEA,KAAcC,IAClF,MAAMC,EAAaC,aAAaP,MAAMQ,YAAaJ,GAEnD,OAAOK,IAACC,KAAW,CAACT,QAASA,EAASC,QAASA,EAASC,OAAQA,EAAQC,UAAWE,KAAgBD,GACrG,CAZAL,MAAMQ,YAAc"}

package/components/Paper/style.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var Spacer=require('../Spacer/Spacer.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const zDepth={0:styled.css(["box-shadow:0 2px 0 0 rgba(0,0,0,0.11);"]),1:styled.css(["box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);"]),2:styled.css(["box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);"]),3:styled.css(["box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);"]),4:styled.css(["box-shadow:0 10px 40px 0 rgba(0,0,0,0.14);"])};const circle=styled.css(["border-radius:50%;justify-content:center;display:flex;align-items:center;min-width:100px;min-height:100px;"]);const rounded=styled.css(["border-radius:",";"],(e=>e.theme.borderRadius));const Root=styled__default.default(Spacer.Spacer).withConfig({displayName:"Paper__Root",componentId:"ui__sc-1tlpowq-0"})(["box-sizing:border-box;background-color:",";"," "," "," "," ",""],(e=>e.theme.colors.white),(e=>e.textAlign?styled.css(["text-align:",";"],e.textAlign):null),(e=>e.color?color.color(e.color,'background-color'):null),(e=>typeof e.zDepth=='number'&&e.shadow?zDepth[e.zDepth]:null),(e=>e.rounded?rounded:null),(e=>e.circle?circle:null));exports.Root=Root;
2	+ //# sourceMappingURL=style.js.map

package/components/Paper/style.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.js","sources":["../../../../src/components/Paper/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport { PaperProps } from './Paper'\n\nconst zDepth = {\n 0: css`\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.11);\n `,\n 1: css`\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n `,\n 2: css`\n box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);\n `,\n 3: css`\n box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);\n `,\n 4: css`\n box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.14);\n `,\n}\n\nconst circle = css`\n border-radius: 50%;\n justify-content: center;\n display: flex;\n align-items: center;\n min-width: 100px;\n min-height: 100px;\n`\n\nconst rounded = css`\n border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const Root = styled(Spacer)<PaperProps>`\n box-sizing: border-box;\n background-color: ${(props) => props.theme.colors.white};\n ${(props) =>\n props.textAlign\n ? css`\n text-align: ${props.textAlign};\n `\n : null}\n ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n ${(props) => (typeof props.zDepth === 'number' && props.shadow ? zDepth[props.zDepth] : null)}\n ${(props) => (props.rounded ? rounded : null)}\n ${(props) => (props.circle ? circle : null)}\n`\n"],"names":["zDepth","css","circle","rounded","props","theme","borderRadius","Root","styled","default","Spacer","withConfig","displayName","componentId","colors","white","textAlign","color","shadow"],"mappings":"uPAKA,MAAMA,OAAS,CACb,EAAGC,OAAAA,IAEF,CAAA,2CACD,EAAGA,OAAAA,IAEF,CAAA,6CACD,EAAGA,OAAAA,IAEF,CAAA,6CACD,EAAGA,OAAAA,IAEF,CAAA,+CACD,EAAGA,OAAAA,IAAG,CAAA,gDAKR,MAAMC,OAASD,OAAGA,IAOjB,CAAA,+GAED,MAAME,QAAUF,OAAAA,IACIG,CAAAA,iBAAAA,MAAAA,GAAUA,EAAMC,MAAMC,eAGnC,MAAMC,KAAOC,gBAAMC,QAACC,eAAOC,WAAA,CAAAC,YAAA,cAAAC,YAAA,oBAAdL,CAAc,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAEXJ,GAAUA,EAAMC,MAAMS,OAAOC,QAC/CX,GACDA,EAAMY,UACFf,OAAAA,IACgBG,CAAAA,cAAAA,KAAAA,EAAMY,WAEtB,OACHZ,GAAWA,EAAMa,MAAQA,MAAAA,MAAMb,EAAMa,MAAO,oBAAsB,OAClEb,UAAkBA,EAAMJ,QAAW,UAAYI,EAAMc,OAASlB,OAAOI,EAAMJ,QAAU,OACrFI,GAAWA,EAAMD,QAAUA,QAAU,OACrCC,GAAWA,EAAMF,OAASA,OAAS"}

package/components/Paper/style.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{Spacer}from'../Spacer/Spacer.mjs';const zDepth={0:css(["box-shadow:0 2px 0 0 rgba(0,0,0,0.11);"]),1:css(["box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);"]),2:css(["box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);"]),3:css(["box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);"]),4:css(["box-shadow:0 10px 40px 0 rgba(0,0,0,0.14);"])};const circle=css(["border-radius:50%;justify-content:center;display:flex;align-items:center;min-width:100px;min-height:100px;"]);const rounded=css(["border-radius:",";"],(o=>o.theme.borderRadius));const Root=styled(Spacer).withConfig({displayName:"Paper__Root",componentId:"ui__sc-1tlpowq-0"})(["box-sizing:border-box;background-color:",";"," "," "," "," ",""],(o=>o.theme.colors.white),(o=>o.textAlign?css(["text-align:",";"],o.textAlign):null),(o=>o.color?color(o.color,'background-color'):null),(o=>typeof o.zDepth=='number'&&o.shadow?zDepth[o.zDepth]:null),(o=>o.rounded?rounded:null),(o=>o.circle?circle:null));export{Root};
2	+ //# sourceMappingURL=style.mjs.map

package/components/Paper/style.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/Paper/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport { PaperProps } from './Paper'\n\nconst zDepth = {\n 0: css`\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.11);\n `,\n 1: css`\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n `,\n 2: css`\n box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);\n `,\n 3: css`\n box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);\n `,\n 4: css`\n box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.14);\n `,\n}\n\nconst circle = css`\n border-radius: 50%;\n justify-content: center;\n display: flex;\n align-items: center;\n min-width: 100px;\n min-height: 100px;\n`\n\nconst rounded = css`\n border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const Root = styled(Spacer)<PaperProps>`\n box-sizing: border-box;\n background-color: ${(props) => props.theme.colors.white};\n ${(props) =>\n props.textAlign\n ? css`\n text-align: ${props.textAlign};\n `\n : null}\n ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n ${(props) => (typeof props.zDepth === 'number' && props.shadow ? zDepth[props.zDepth] : null)}\n ${(props) => (props.rounded ? rounded : null)}\n ${(props) => (props.circle ? circle : null)}\n`\n"],"names":["zDepth","css","circle","rounded","props","theme","borderRadius","Root","styled","Spacer","withConfig","displayName","componentId","colors","white","textAlign","color","shadow"],"mappings":"8HAKA,MAAMA,OAAS,CACb,EAAGC,IAEF,CAAA,2CACD,EAAGA,IAEF,CAAA,6CACD,EAAGA,IAEF,CAAA,6CACD,EAAGA,IAEF,CAAA,+CACD,EAAGA,IAAG,CAAA,gDAKR,MAAMC,OAASD,IAOd,CAAA,+GAED,MAAME,QAAUF,IACIG,CAAAA,iBAAAA,MAAAA,GAAUA,EAAMC,MAAMC,eAGnC,MAAMC,KAAOC,OAAOC,QAAOC,WAAA,CAAAC,YAAA,cAAAC,YAAA,oBAAdJ,CAAc,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAEXJ,GAAUA,EAAMC,MAAMQ,OAAOC,QAC/CV,GACDA,EAAMW,UACFd,IACgBG,CAAAA,cAAAA,KAAAA,EAAMW,WAEtB,OACHX,GAAWA,EAAMY,MAAQA,MAAMZ,EAAMY,MAAO,oBAAsB,OAClEZ,UAAkBA,EAAMJ,QAAW,UAAYI,EAAMa,OAASjB,OAAOI,EAAMJ,QAAU,OACrFI,GAAWA,EAAMD,QAAUA,QAAU,OACrCC,GAAWA,EAAMF,OAASA,OAAS"}

package/components/Popover/Popover.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var React=require('react');var ramda=require('ramda');var withMergedProps=require('../../hocs/withMergedProps.js');var require$$0=require('react/jsx-runtime');var PopoverComponent=require('../PopoverComponent/PopoverComponent.js');var constants=require('../PopoverComponent/constants.js');var Tooltip=require('../Tooltip/Tooltip.js');const Popover=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,o)=>{const{size:r="s",styles:t={},sizes:n,sizeUnits:s,palette:i,orientation:p,loading:a,badge:c,caption:P,captionProps:l,titleProps:v,contentProps:d,controlsDirection:m,media:u,controls:g,...C}=e;return require$$0.jsx(Tooltip.Tooltip,{...C,preset:"brand",size:r,ref:o,styles:ramda.mergeDeepLeft(t,{arrow:{spread:20,length:12}}),component:require$$0.jsx(PopoverComponent.PopoverComponent,{sizes:n,sizeUnits:s,palette:i,orientation:p,loading:a,badge:c,caption:P,captionProps:l,title:C.title,titleProps:v,content:C.content,contentProps:d,controlsDirection:m,media:u,controls:g})})})),{displayName:"Popover",sizes:e=>e.orientation==='landscape'?constants.SIZES_LANDSCAPE:constants.SIZES}),{Component:PopoverComponent.PopoverComponent});exports.COMPONENT_NAME="Popover",exports.Popover=Popover;
2	+ //# sourceMappingURL=Popover.js.map

package/components/Popover/Popover.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent, SIZES_LANDSCAPE, SIZES } from 'components/PopoverComponent'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to popover component root.\n *\n * See full [PopoverProps](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts)\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n withMergedProps<PopoverProps, HTMLDivElement>(\n forwardRef((props, ref) => {\n const {\n size = 's',\n styles = {},\n sizes,\n sizeUnits,\n palette,\n orientation,\n loading,\n badge,\n caption,\n captionProps,\n titleProps,\n contentProps,\n controlsDirection,\n media,\n controls,\n ...restProps\n } = props\n\n return (\n <Tooltip\n {...restProps}\n preset='brand'\n size={size}\n ref={ref}\n styles={mergeDeepLeft(styles, {\n arrow: {\n spread: 20,\n length: 12,\n },\n })}\n component={\n <PopoverComponent\n sizes={sizes}\n sizeUnits={sizeUnits}\n palette={palette}\n orientation={orientation}\n loading={loading}\n badge={badge}\n caption={caption}\n captionProps={captionProps}\n title={restProps.title}\n titleProps={titleProps}\n content={restProps.content}\n contentProps={contentProps}\n controlsDirection={controlsDirection}\n media={media}\n controls={controls}\n />\n }\n />\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n },\n }\n ),\n {\n Component: PopoverComponent,\n }\n)\n\nexport { Popover }\n\nexport { COMPONENT_NAME }\n"],"names":["Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","sizes","sizeUnits","palette","orientation","loading","badge","caption","captionProps","titleProps","contentProps","controlsDirection","media","controls","restProps","_jsx","Tooltip","preset","mergeDeepLeft","arrow","spread","length","component","jsx","PopoverComponent","title","content","displayName","SIZES_LANDSCAPE","SIZES","Component"],"mappings":"2VAmBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAE,EAAAC,MACXA,EAAKC,UACLA,EAASC,QACTA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,WACZA,EAAUC,aACVA,EAAYC,kBACZA,EAAiBC,MACjBA,EAAKC,SACLA,KACGC,GACDjB,EAEJ,OACEkB,WAAAA,IAACC,QAAAA,QAAO,IACFF,EACJG,OAAO,QACPlB,KAAMA,EACND,IAAKA,EACLE,OAAQkB,MAAaA,cAAClB,EAAQ,CAC5BmB,MAAO,CACLC,OAAQ,GACRC,OAAQ,MAGZC,UACEP,WAAAQ,IAACC,kCAAgB,CACfvB,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,YAAaA,EACbC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,aAAcA,EACdiB,MAAOX,EAAUW,MACjBhB,WAAYA,EACZiB,QAASZ,EAAUY,QACnBhB,aAAcA,EACdC,kBAAmBA,EACnBC,MAAOA,EACPC,SAAUA,KAGd,IAGN,CACEc,YArEiB,UAsEjB1B,MAAQJ,GACCA,EAAMO,cAAgB,YAAcwB,UAAAA,gBAAkBC,UAAAA,QAInE,CACEC,UAAWN,iBAAAA,0CA5EQ"}

package/components/Popover/Popover.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{forwardRef}from'react';import{mergeDeepLeft}from'ramda';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{jsx}from'react/jsx-runtime';import{PopoverComponent}from'../PopoverComponent/PopoverComponent.mjs';import{SIZES_LANDSCAPE,SIZES}from'../PopoverComponent/constants.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';const COMPONENT_NAME='Popover';const Popover=Object.assign(withMergedProps(forwardRef(((o,e)=>{const{size:t="s",styles:r={},sizes:n,sizeUnits:p,palette:s,orientation:i,loading:m,badge:a,caption:c,captionProps:P,titleProps:l,contentProps:d,controlsDirection:f,media:g,controls:C,...v}=o;return jsx(Tooltip,{...v,preset:"brand",size:t,ref:e,styles:mergeDeepLeft(r,{arrow:{spread:20,length:12}}),component:jsx(PopoverComponent,{sizes:n,sizeUnits:p,palette:s,orientation:i,loading:m,badge:a,caption:c,captionProps:P,title:v.title,titleProps:l,content:v.content,contentProps:d,controlsDirection:f,media:g,controls:C})})})),{displayName:"Popover",sizes:o=>o.orientation==='landscape'?SIZES_LANDSCAPE:SIZES}),{Component:PopoverComponent});export{COMPONENT_NAME,Popover};
2	+ //# sourceMappingURL=Popover.mjs.map

package/components/Popover/Popover.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Popover.mjs","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent, SIZES_LANDSCAPE, SIZES } from 'components/PopoverComponent'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to popover component root.\n *\n * See full [PopoverProps](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts)\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n withMergedProps<PopoverProps, HTMLDivElement>(\n forwardRef((props, ref) => {\n const {\n size = 's',\n styles = {},\n sizes,\n sizeUnits,\n palette,\n orientation,\n loading,\n badge,\n caption,\n captionProps,\n titleProps,\n contentProps,\n controlsDirection,\n media,\n controls,\n ...restProps\n } = props\n\n return (\n <Tooltip\n {...restProps}\n preset='brand'\n size={size}\n ref={ref}\n styles={mergeDeepLeft(styles, {\n arrow: {\n spread: 20,\n length: 12,\n },\n })}\n component={\n <PopoverComponent\n sizes={sizes}\n sizeUnits={sizeUnits}\n palette={palette}\n orientation={orientation}\n loading={loading}\n badge={badge}\n caption={caption}\n captionProps={captionProps}\n title={restProps.title}\n titleProps={titleProps}\n content={restProps.content}\n contentProps={contentProps}\n controlsDirection={controlsDirection}\n media={media}\n controls={controls}\n />\n }\n />\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n },\n }\n ),\n {\n Component: PopoverComponent,\n }\n)\n\nexport { Popover }\n\nexport { COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","sizes","sizeUnits","palette","orientation","loading","badge","caption","captionProps","titleProps","contentProps","controlsDirection","media","controls","restProps","_jsx","Tooltip","preset","mergeDeepLeft","arrow","spread","length","component","PopoverComponent","title","content","displayName","SIZES_LANDSCAPE","SIZES","Component"],"mappings":"sVAOMA,MAAAA,eAAiB,UAYvB,MAAMC,QAAkGC,OAAOC,OAC7GC,gBACEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAE,EAAAC,MACXA,EAAKC,UACLA,EAASC,QACTA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,WACZA,EAAUC,aACVA,EAAYC,kBACZA,EAAiBC,MACjBA,EAAKC,SACLA,KACGC,GACDjB,EAEJ,OACEkB,IAACC,QAAO,IACFF,EACJG,OAAO,QACPlB,KAAMA,EACND,IAAKA,EACLE,OAAQkB,cAAclB,EAAQ,CAC5BmB,MAAO,CACLC,OAAQ,GACRC,OAAQ,MAGZC,UACEP,IAACQ,iBAAgB,CACftB,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,YAAaA,EACbC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,aAAcA,EACdgB,MAAOV,EAAUU,MACjBf,WAAYA,EACZgB,QAASX,EAAUW,QACnBf,aAAcA,EACdC,kBAAmBA,EACnBC,MAAOA,EACPC,SAAUA,KAGd,IAGN,CACEa,YArEiB,UAsEjBzB,MAAQJ,GACCA,EAAMO,cAAgB,YAAcuB,gBAAkBC,QAInE,CACEC,UAAWN"}

package/components/PopoverComponent/PopoverComponent.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Skeleton=require('../Skeleton/Skeleton.js');var Badge=require('../Badge/Badge.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');const PopoverComponent=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="s",orientation:i="portrait",controlsDirection:s="row",badge:n={},captionProps:o={},titleProps:a={},contentProps:c={},closeButtonProps:l={},media:u={},controls:$={},sizeXXS:d,sizeXS:p,sizeS:x,sizeM:q,sizeL:h,sizeXL:j,loading:m,caption:g,title:S,content:y,closeFn:P,palette:z,showCloseButton:b,...B}=e;const k={size:t,sizeXXS:d,sizeXS:p,sizeS:x,sizeM:q,sizeL:h,sizeXL:j};const{badgeProps:v={}}=n;const{imgProps:C={},videoProps:M={}}=u;const{text:T,buttonProps:R={}}=$.secondary??{};const{text:w,buttonProps:I={}}=$.primary??{};return require$$0.jsxs(style.Root,{...B,...k,palette:z,orientation:i,controlsDirection:s,ref:r,children:[b&&require$$0.jsx(style.CloseButton,{...l,onClick:e=>{typeof P=='function'&&P(),typeof l.onClick=='function'&&l.onClick(e)},palette:z,type:"button",children:require$$0.jsx(Icon.Icon,{as:"span",name:"close",size:24})}),i==='landscape'&&require$$0.jsxs(require$$0.Fragment,{children:[m&&require$$0.jsx(style.MediaLandscape,{children:require$$0.jsx(style.Media,{aspectRatio:"1:1",children:require$$0.jsx(Skeleton.Skeleton,{})})}),!m&&(C.src\|\|M.src)&&require$$0.jsx(style.MediaLandscape,{children:require$$0.jsx(style.Media,{aspectRatio:"1:1",children:C.src?require$$0.jsx("img",{alt:"",...C}):require$$0.jsx(style.Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...M})})})]}),require$$0.jsxs(style.Container,{children:[require$$0.jsxs(style.Content,{children:[(n.text\|\|g\|\|m\|\|b)&&require$$0.jsx(style.Header,{children:m?require$$0.jsx(Skeleton.Skeleton,{width:"20%",children:require$$0.jsx(Badge.Badge,{...k,resetDefaultMargin:!0,...v})}):require$$0.jsxs(require$$0.Fragment,{children:[n.text&&require$$0.jsx(Badge.Badge,{...k,borderRadius:8,marginRight:12,resetDefaultMargin:!0,...v,children:n.text}),g&&require$$0.jsx(Text.Text,{as:"span",appearance:"caption",size:.9,sizeUnits:"em",color:"content-onmain-tertiary",weight:700,...o,children:g})]})}),i==='portrait'&&require$$0.jsxs(require$$0.Fragment,{children:[m&&require$$0.jsx(style.Media,{aspectRatio:"16:9",children:require$$0.jsx(Skeleton.Skeleton,{})}),!m&&(C.src\|\|M.src)&&require$$0.jsx(style.Media,{aspectRatio:"16:9",children:C.src?require$$0.jsx("img",{alt:"",...C}):require$$0.jsx(style.Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...M})})]}),(S\|\|y\|\|m)&&require$$0.jsx("div",{children:require$$0.jsxs(require$$0.Fragment,m?{children:[require$$0.jsx(Skeleton.Skeleton,{borderRadius:4,marginBottom:.6,marginUnits:"em",children:require$$0.jsx(Text.Text,{appearance:"subheading",size:1.4,sizeUnits:"em",...a})}),require$$0.jsx(Skeleton.Skeleton,{borderRadius:4,width:"70%",marginBottom:.4,marginUnits:"em",children:require$$0.jsx(Text.Text,{appearance:"body",size:"inherit",...c})}),require$$0.jsx(Skeleton.Skeleton,{borderRadius:4,width:"50%",children:require$$0.jsx(Text.Text,{appearance:"body",size:"inherit",...c})})]}:{children:[S&&require$$0.jsx(Text.Text,{as:"h2",appearance:"subheading",size:1.4,color:"inherit",marginBottom:y?.4:void 0,sizeUnits:"em",marginUnits:"em",...a,children:S}),y&&require$$0.jsx(Text.Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",...c,children:y})]})})]}),(T\|\|w\|\|m)&&require$$0.jsx(style.Footer,{children:m?require$$0.jsx(Skeleton.Skeleton,{width:"100%",children:require$$0.jsx(Button.Button,{preset:"brand",...k})}):require$$0.jsxs(require$$0.Fragment,{children:[T&&require$$0.jsx(Button.Button,{preset:"brand",black:!0,outline:!0,type:"button",marginRight:s==='row'?6:void 0,marginBottom:s==='column'?6:void 0,...k,...R,children:T}),w&&require$$0.jsx(Button.Button,{preset:"brand",black:!0,type:"button",...k,...I,children:w})]})})]})]})})),{displayName:"PopoverComponent",sizes:e=>e.orientation==='landscape'?constants.SIZES_LANDSCAPE:constants.SIZES});exports.SIZES=constants.SIZES,exports.SIZES_LANDSCAPE=constants.SIZES_LANDSCAPE,exports.COMPONENT_NAME="PopoverComponent",exports.PopoverComponent=PopoverComponent;
2	+ //# sourceMappingURL=PopoverComponent.js.map

package/components/PopoverComponent/PopoverComponent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n *\n */\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n PopoverComponentProps,\n HTMLDivElement\n>(\n forwardRef((props, ref) => {\n const {\n size = 's',\n orientation = 'portrait',\n controlsDirection = 'row',\n badge = {},\n captionProps = {},\n titleProps = {},\n contentProps = {},\n closeButtonProps = {},\n media = {},\n controls = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n loading,\n caption,\n title,\n content,\n closeFn,\n palette,\n showCloseButton,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const { badgeProps = {} } = badge\n\n const { imgProps = {}, videoProps = {} } = media\n\n const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n palette={palette}\n orientation={orientation}\n controlsDirection={controlsDirection}\n ref={ref}\n >\n {showCloseButton && (\n <Styled.CloseButton\n {...closeButtonProps}\n onClick={(evt) => {\n if (typeof closeFn === 'function') closeFn()\n if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n }}\n palette={palette}\n type='button'\n >\n <Icon as='span' name='close' size={24} />\n </Styled.CloseButton>\n )}\n {orientation === 'landscape' && (\n <>\n {loading && (\n <Styled.MediaLandscape>\n <Styled.Media aspectRatio='1:1'>\n <Skeleton />\n </Styled.Media>\n </Styled.MediaLandscape>\n )}\n {!loading && (imgProps.src || videoProps.src) && (\n <Styled.MediaLandscape>\n <Styled.Media aspectRatio='1:1'>\n {imgProps.src ? (\n <img alt='' {...imgProps} />\n ) : (\n <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n )}\n </Styled.Media>\n </Styled.MediaLandscape>\n )}\n </>\n )}\n <Styled.Container>\n <Styled.Content>\n {(badge.text || caption || loading || showCloseButton) && (\n <Styled.Header>\n {loading ? (\n <Skeleton width='20%'>\n <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n </Skeleton>\n ) : (\n <>\n {badge.text && (\n <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n {badge.text}\n </Badge>\n )}\n {caption && (\n <Text\n as='span'\n appearance='caption'\n size={0.9}\n sizeUnits='em'\n color='content-onmain-tertiary'\n weight={700}\n {...captionProps}\n >\n {caption}\n </Text>\n )}\n </>\n )}\n </Styled.Header>\n )}\n {orientation === 'portrait' && (\n <>\n {loading && (\n <Styled.Media aspectRatio='16:9'>\n <Skeleton />\n </Styled.Media>\n )}\n {!loading && (imgProps.src || videoProps.src) && (\n <Styled.Media aspectRatio='16:9'>\n {imgProps.src ? (\n <img alt='' {...imgProps} />\n ) : (\n <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n )}\n </Styled.Media>\n )}\n </>\n )}\n {(title || content || loading) && (\n <div>\n {loading ? (\n <>\n <Skeleton borderRadius={4} marginBottom={0.6} marginUnits='em'>\n <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n </Skeleton>\n <Skeleton borderRadius={4} width='70%' marginBottom={0.4} marginUnits='em'>\n <Text appearance='body' size='inherit' {...contentProps} />\n </Skeleton>\n <Skeleton borderRadius={4} width='50%'>\n <Text appearance='body' size='inherit' {...contentProps} />\n </Skeleton>\n </>\n ) : (\n <>\n {title && (\n <Text\n as='h2'\n appearance='subheading'\n size={1.4}\n color='inherit'\n marginBottom={content ? 0.4 : undefined}\n sizeUnits='em'\n marginUnits='em'\n {...titleProps}\n >\n {title}\n </Text>\n )}\n {content && (\n <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n {content}\n </Text>\n )}\n </>\n )}\n </div>\n )}\n </Styled.Content>\n {(secondaryButtonText || primaryButtonText || loading) && (\n <Styled.Footer>\n {loading ? (\n <Skeleton width='100%'>\n <Button preset='brand' {...sizeProps} />\n </Skeleton>\n ) : (\n <>\n {secondaryButtonText && (\n <Button\n preset='brand'\n black\n outline\n type='button'\n marginRight={controlsDirection === 'row' ? 6 : undefined}\n marginBottom={controlsDirection === 'column' ? 6 : undefined}\n {...sizeProps}\n {...secondaryButtonProps}\n >\n {secondaryButtonText}\n </Button>\n )}\n {primaryButtonText && (\n <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n {primaryButtonText}\n </Button>\n )}\n </>\n )}\n </Styled.Footer>\n )}\n </Styled.Container>\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n },\n }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled","children","_jsx","jsx","onClick","evt","type","Icon","as","name","_Fragment","aspectRatio","Skeleton","src","alt","controlsList","disablePictureInPicture","jsxs","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","marginUnits","undefined","Button","preset","black","outline","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}

package/components/PopoverComponent/PopoverComponent.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_LANDSCAPE,SIZES}from'./constants.mjs';import{Root,CloseButton,MediaLandscape,Media,Video,Container,Content,Header,Footer}from'./style.mjs';import{jsxs,jsx,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Badge}from'../Badge/Badge.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';const COMPONENT_NAME='PopoverComponent';const PopoverComponent=withMergedProps(forwardRef(((e,t)=>{const{size:o="s",orientation:n="portrait",controlsDirection:s="row",badge:i={},captionProps:r={},titleProps:a={},contentProps:c={},closeButtonProps:d={},media:l={},controls:p={},sizeXXS:m,sizeXS:x,sizeS:j,sizeM:h,sizeL:g,sizeXL:u,loading:S,caption:z,title:P,content:b,closeFn:f,palette:B,showCloseButton:C,...M}=e;const k={size:o,sizeXXS:m,sizeXS:x,sizeS:j,sizeM:h,sizeL:g,sizeXL:u};const{badgeProps:R={}}=i;const{imgProps:w={},videoProps:y={}}=l;const{text:E,buttonProps:I={}}=p.secondary??{};const{text:L,buttonProps:T={}}=p.primary??{};return jsxs(Root,{...M,...k,palette:B,orientation:n,controlsDirection:s,ref:t,children:[C&&jsx(CloseButton,{...d,onClick:e=>{typeof f=='function'&&f(),typeof d.onClick=='function'&&d.onClick(e)},palette:B,type:"button",children:jsx(Icon,{as:"span",name:"close",size:24})}),n==='landscape'&&jsxs(Fragment,{children:[S&&jsx(MediaLandscape,{children:jsx(Media,{aspectRatio:"1:1",children:jsx(Skeleton,{})})}),!S&&(w.src\|\|y.src)&&jsx(MediaLandscape,{children:jsx(Media,{aspectRatio:"1:1",children:w.src?jsx("img",{alt:"",...w}):jsx(Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...y})})})]}),jsxs(Container,{children:[jsxs(Content,{children:[(i.text\|\|z\|\|S\|\|C)&&jsx(Header,{children:S?jsx(Skeleton,{width:"20%",children:jsx(Badge,{...k,resetDefaultMargin:!0,...R})}):jsxs(Fragment,{children:[i.text&&jsx(Badge,{...k,borderRadius:8,marginRight:12,resetDefaultMargin:!0,...R,children:i.text}),z&&jsx(Text,{as:"span",appearance:"caption",size:.9,sizeUnits:"em",color:"content-onmain-tertiary",weight:700,...r,children:z})]})}),n==='portrait'&&jsxs(Fragment,{children:[S&&jsx(Media,{aspectRatio:"16:9",children:jsx(Skeleton,{})}),!S&&(w.src\|\|y.src)&&jsx(Media,{aspectRatio:"16:9",children:w.src?jsx("img",{alt:"",...w}):jsx(Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...y})})]}),(P\|\|b\|\|S)&&jsx("div",{children:jsxs(Fragment,S?{children:[jsx(Skeleton,{borderRadius:4,marginBottom:.6,marginUnits:"em",children:jsx(Text,{appearance:"subheading",size:1.4,sizeUnits:"em",...a})}),jsx(Skeleton,{borderRadius:4,width:"70%",marginBottom:.4,marginUnits:"em",children:jsx(Text,{appearance:"body",size:"inherit",...c})}),jsx(Skeleton,{borderRadius:4,width:"50%",children:jsx(Text,{appearance:"body",size:"inherit",...c})})]}:{children:[P&&jsx(Text,{as:"h2",appearance:"subheading",size:1.4,color:"inherit",marginBottom:b?.4:void 0,sizeUnits:"em",marginUnits:"em",...a,children:P}),b&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",...c,children:b})]})})]}),(E\|\|L\|\|S)&&jsx(Footer,{children:S?jsx(Skeleton,{width:"100%",children:jsx(Button,{preset:"brand",...k})}):jsxs(Fragment,{children:[E&&jsx(Button,{preset:"brand",black:!0,outline:!0,type:"button",marginRight:s==='row'?6:void 0,marginBottom:s==='column'?6:void 0,...k,...I,children:E}),L&&jsx(Button,{preset:"brand",black:!0,type:"button",...k,...T,children:L})]})})]})]})})),{displayName:"PopoverComponent",sizes:e=>e.orientation==='landscape'?SIZES_LANDSCAPE:SIZES});export{COMPONENT_NAME,PopoverComponent,SIZES,SIZES_LANDSCAPE};
2	+ //# sourceMappingURL=PopoverComponent.mjs.map

package/components/PopoverComponent/PopoverComponent.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PopoverComponent.mjs","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n *\n */\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n PopoverComponentProps,\n HTMLDivElement\n>(\n forwardRef((props, ref) => {\n const {\n size = 's',\n orientation = 'portrait',\n controlsDirection = 'row',\n badge = {},\n captionProps = {},\n titleProps = {},\n contentProps = {},\n closeButtonProps = {},\n media = {},\n controls = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n loading,\n caption,\n title,\n content,\n closeFn,\n palette,\n showCloseButton,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const { badgeProps = {} } = badge\n\n const { imgProps = {}, videoProps = {} } = media\n\n const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n palette={palette}\n orientation={orientation}\n controlsDirection={controlsDirection}\n ref={ref}\n >\n {showCloseButton && (\n <Styled.CloseButton\n {...closeButtonProps}\n onClick={(evt) => {\n if (typeof closeFn === 'function') closeFn()\n if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n }}\n palette={palette}\n type='button'\n >\n <Icon as='span' name='close' size={24} />\n </Styled.CloseButton>\n )}\n {orientation === 'landscape' && (\n <>\n {loading && (\n <Styled.MediaLandscape>\n <Styled.Media aspectRatio='1:1'>\n <Skeleton />\n </Styled.Media>\n </Styled.MediaLandscape>\n )}\n {!loading && (imgProps.src || videoProps.src) && (\n <Styled.MediaLandscape>\n <Styled.Media aspectRatio='1:1'>\n {imgProps.src ? (\n <img alt='' {...imgProps} />\n ) : (\n <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n )}\n </Styled.Media>\n </Styled.MediaLandscape>\n )}\n </>\n )}\n <Styled.Container>\n <Styled.Content>\n {(badge.text || caption || loading || showCloseButton) && (\n <Styled.Header>\n {loading ? (\n <Skeleton width='20%'>\n <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n </Skeleton>\n ) : (\n <>\n {badge.text && (\n <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n {badge.text}\n </Badge>\n )}\n {caption && (\n <Text\n as='span'\n appearance='caption'\n size={0.9}\n sizeUnits='em'\n color='content-onmain-tertiary'\n weight={700}\n {...captionProps}\n >\n {caption}\n </Text>\n )}\n </>\n )}\n </Styled.Header>\n )}\n {orientation === 'portrait' && (\n <>\n {loading && (\n <Styled.Media aspectRatio='16:9'>\n <Skeleton />\n </Styled.Media>\n )}\n {!loading && (imgProps.src || videoProps.src) && (\n <Styled.Media aspectRatio='16:9'>\n {imgProps.src ? (\n <img alt='' {...imgProps} />\n ) : (\n <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n )}\n </Styled.Media>\n )}\n </>\n )}\n {(title || content || loading) && (\n <div>\n {loading ? (\n <>\n <Skeleton borderRadius={4} marginBottom={0.6} marginUnits='em'>\n <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n </Skeleton>\n <Skeleton borderRadius={4} width='70%' marginBottom={0.4} marginUnits='em'>\n <Text appearance='body' size='inherit' {...contentProps} />\n </Skeleton>\n <Skeleton borderRadius={4} width='50%'>\n <Text appearance='body' size='inherit' {...contentProps} />\n </Skeleton>\n </>\n ) : (\n <>\n {title && (\n <Text\n as='h2'\n appearance='subheading'\n size={1.4}\n color='inherit'\n marginBottom={content ? 0.4 : undefined}\n sizeUnits='em'\n marginUnits='em'\n {...titleProps}\n >\n {title}\n </Text>\n )}\n {content && (\n <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n {content}\n </Text>\n )}\n </>\n )}\n </div>\n )}\n </Styled.Content>\n {(secondaryButtonText || primaryButtonText || loading) && (\n <Styled.Footer>\n {loading ? (\n <Skeleton width='100%'>\n <Button preset='brand' {...sizeProps} />\n </Skeleton>\n ) : (\n <>\n {secondaryButtonText && (\n <Button\n preset='brand'\n black\n outline\n type='button'\n marginRight={controlsDirection === 'row' ? 6 : undefined}\n marginBottom={controlsDirection === 'column' ? 6 : undefined}\n {...sizeProps}\n {...secondaryButtonProps}\n >\n {secondaryButtonText}\n </Button>\n )}\n {primaryButtonText && (\n <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n {primaryButtonText}\n </Button>\n )}\n </>\n )}\n </Styled.Footer>\n )}\n </Styled.Container>\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n },\n }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["COMPONENT_NAME","PopoverComponent","withMergedProps","forwardRef","props","ref","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled","children","_jsx","onClick","evt","type","Icon","as","name","_Fragment","aspectRatio","Skeleton","src","alt","controlsList","disablePictureInPicture","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","marginUnits","undefined","Button","preset","black","outline","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}

package/components/PopoverComponent/constants.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';exports.SIZES={xxxl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},xxl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},xl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},l:{width:560,padding:'1.6em',borderRadius:16,fontSize:20},m:{width:356,padding:'1.6em',borderRadius:16,fontSize:16},s:{width:280,padding:'1.6em',borderRadius:16,fontSize:14},xs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12},xxs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12},xxxs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12}},exports.SIZES_LANDSCAPE={xxxl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},xxl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},xl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},l:{width:792,padding:'1.6em',borderRadius:16,fontSize:20},m:{width:600,padding:'1.6em',borderRadius:16,fontSize:16},s:{width:520,padding:'1.6em',borderRadius:16,fontSize:14},xs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12},xxs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12},xxxs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12}};
2	+ //# sourceMappingURL=constants.js.map

package/components/PopoverComponent/constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.js","sources":["../../../../src/components/PopoverComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n width: 600,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n xxl: {\n width: 600,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n xl: {\n width: 600,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n l: {\n width: 560,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 20,\n },\n m: {\n width: 356,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 16,\n },\n s: {\n width: 280,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 14,\n },\n xs: {\n width: 260,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n xxs: {\n width: 260,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n xxxs: {\n width: 260,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n}\n\nexport const SIZES_LANDSCAPE: Sizes = {\n xxxl: {\n width: 900,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n xxl: {\n width: 900,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n xl: {\n width: 900,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n l: {\n width: 792,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 20,\n },\n m: {\n width: 600,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 16,\n },\n s: {\n width: 520,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 14,\n },\n xs: {\n width: 375,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n xxs: {\n width: 375,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n xxxs: {\n width: 375,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n}\n"],"names":["xxxl","width","padding","borderRadius","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,6BAIwB,CACpCJ,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU"}

package/components/PopoverComponent/constants.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	const SIZES={xxxl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},xxl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},xl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},l:{width:560,padding:'1.6em',borderRadius:16,fontSize:20},m:{width:356,padding:'1.6em',borderRadius:16,fontSize:16},s:{width:280,padding:'1.6em',borderRadius:16,fontSize:14},xs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12},xxs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12},xxxs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12}};const SIZES_LANDSCAPE={xxxl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},xxl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},xl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},l:{width:792,padding:'1.6em',borderRadius:16,fontSize:20},m:{width:600,padding:'1.6em',borderRadius:16,fontSize:16},s:{width:520,padding:'1.6em',borderRadius:16,fontSize:14},xs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12},xxs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12},xxxs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12}};export{SIZES,SIZES_LANDSCAPE};
2	+ //# sourceMappingURL=constants.mjs.map

package/components/PopoverComponent/constants.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.mjs","sources":["../../../../src/components/PopoverComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n width: 600,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n xxl: {\n width: 600,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n xl: {\n width: 600,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n l: {\n width: 560,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 20,\n },\n m: {\n width: 356,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 16,\n },\n s: {\n width: 280,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 14,\n },\n xs: {\n width: 260,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n xxs: {\n width: 260,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n xxxs: {\n width: 260,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n}\n\nexport const SIZES_LANDSCAPE: Sizes = {\n xxxl: {\n width: 900,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n xxl: {\n width: 900,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n xl: {\n width: 900,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 22,\n },\n l: {\n width: 792,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 20,\n },\n m: {\n width: 600,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 16,\n },\n s: {\n width: 520,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 14,\n },\n xs: {\n width: 375,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n xxs: {\n width: 375,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n xxxs: {\n width: 375,\n padding: '1.6em',\n borderRadius: 16,\n fontSize: 12,\n },\n}\n"],"names":["SIZES","xxxl","width","padding","borderRadius","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_LANDSCAPE"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,KAIP,MAAMS,gBAAyB,CACpCb,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU"}