@foxford/ui 2.41.0 → 2.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Anchor/constants.js.map +1 -1
- package/components/Anchor/constants.mjs.map +1 -1
- package/components/Arrow/constants.js.map +1 -1
- package/components/Arrow/constants.mjs.map +1 -1
- package/components/Arrow/default-constants.js.map +1 -1
- package/components/Arrow/default-constants.mjs.map +1 -1
- package/components/ArrowBadge/constants.js.map +1 -1
- package/components/ArrowBadge/constants.mjs.map +1 -1
- package/components/Avatar/constants.js.map +1 -1
- package/components/Avatar/constants.mjs.map +1 -1
- package/components/Avatar/default-constants.js.map +1 -1
- package/components/Avatar/default-constants.mjs.map +1 -1
- package/components/Badge/constants.js.map +1 -1
- package/components/Badge/constants.mjs.map +1 -1
- package/components/Button/constants.js.map +1 -1
- package/components/Button/constants.mjs.map +1 -1
- package/components/Button/default-constants.js.map +1 -1
- package/components/Button/default-constants.mjs.map +1 -1
- package/components/Chip/constants.js.map +1 -1
- package/components/Chip/constants.mjs.map +1 -1
- package/components/Dialog/Dialog.js +2 -0
- package/components/Dialog/Dialog.js.map +1 -0
- package/components/Dialog/Dialog.mjs +2 -0
- package/components/Dialog/Dialog.mjs.map +1 -0
- package/components/Dialog/constants.js +2 -0
- package/components/Dialog/constants.js.map +1 -0
- package/components/Dialog/constants.mjs +2 -0
- package/components/Dialog/constants.mjs.map +1 -0
- package/components/Dialog/style.js +2 -0
- package/components/Dialog/style.js.map +1 -0
- package/components/Dialog/style.mjs +2 -0
- package/components/Dialog/style.mjs.map +1 -0
- package/components/DialogComponent/DialogComponent.js +2 -0
- package/components/DialogComponent/DialogComponent.js.map +1 -0
- package/components/DialogComponent/DialogComponent.mjs +2 -0
- package/components/DialogComponent/DialogComponent.mjs.map +1 -0
- package/components/DialogComponent/DialogContainer.js +2 -0
- package/components/DialogComponent/DialogContainer.js.map +1 -0
- package/components/DialogComponent/DialogContainer.mjs +2 -0
- package/components/DialogComponent/DialogContainer.mjs.map +1 -0
- package/components/DialogComponent/constants.js +2 -0
- package/components/DialogComponent/constants.js.map +1 -0
- package/components/DialogComponent/constants.mjs +2 -0
- package/components/DialogComponent/constants.mjs.map +1 -0
- package/components/DialogComponent/images/dragging.svg.js +2 -0
- package/components/DialogComponent/images/dragging.svg.js.map +1 -0
- package/components/DialogComponent/images/dragging.svg.mjs +2 -0
- package/components/DialogComponent/images/dragging.svg.mjs.map +1 -0
- package/components/DialogComponent/style.js +2 -0
- package/components/DialogComponent/style.js.map +1 -0
- package/components/DialogComponent/style.mjs +2 -0
- package/components/DialogComponent/style.mjs.map +1 -0
- package/components/DialogComponent/utils.js +2 -0
- package/components/DialogComponent/utils.js.map +1 -0
- package/components/DialogComponent/utils.mjs +2 -0
- package/components/DialogComponent/utils.mjs.map +1 -0
- package/components/Dropdown/constants.js.map +1 -1
- package/components/Dropdown/constants.mjs.map +1 -1
- package/components/FormInputLabel/constants.js.map +1 -1
- package/components/FormInputLabel/constants.mjs.map +1 -1
- package/components/FormLabel/constants.js.map +1 -1
- package/components/FormLabel/constants.mjs.map +1 -1
- package/components/Icon/constants.js.map +1 -1
- package/components/Icon/constants.mjs.map +1 -1
- package/components/IconButton/constants.js.map +1 -1
- package/components/IconButton/constants.mjs.map +1 -1
- package/components/Indicator/constants.js.map +1 -1
- package/components/Indicator/constants.mjs.map +1 -1
- package/components/InputCheckbox/constants.js.map +1 -1
- package/components/InputCheckbox/constants.mjs.map +1 -1
- package/components/InputRadio/constants.js.map +1 -1
- package/components/InputRadio/constants.mjs.map +1 -1
- package/components/ListItem/constants.js.map +1 -1
- package/components/ListItem/constants.mjs.map +1 -1
- package/components/MenuComponent/constants.js.map +1 -1
- package/components/MenuComponent/constants.mjs.map +1 -1
- package/components/MenuList/MenuList.js +1 -1
- package/components/MenuList/MenuList.js.map +1 -1
- package/components/MenuList/MenuList.mjs +1 -1
- package/components/MenuList/MenuList.mjs.map +1 -1
- package/components/PopoverComponent/constants.js.map +1 -1
- package/components/PopoverComponent/constants.mjs.map +1 -1
- package/components/Tab/constants.js.map +1 -1
- package/components/Tab/constants.mjs.map +1 -1
- package/components/Tab/default-constants.js.map +1 -1
- package/components/Tab/default-constants.mjs.map +1 -1
- package/components/Text/constants.js.map +1 -1
- package/components/Text/constants.mjs.map +1 -1
- package/components/Text/default-constants.js.map +1 -1
- package/components/Text/default-constants.mjs.map +1 -1
- package/components/TooltipComponent/constants.js.map +1 -1
- package/components/TooltipComponent/constants.mjs.map +1 -1
- package/components/Visibility/Visibility.js +2 -0
- package/components/Visibility/Visibility.js.map +1 -0
- package/components/Visibility/Visibility.mjs +2 -0
- package/components/Visibility/Visibility.mjs.map +1 -0
- package/components/Visibility/style.js +2 -0
- package/components/Visibility/style.js.map +1 -0
- package/components/Visibility/style.mjs +2 -0
- package/components/Visibility/style.mjs.map +1 -0
- package/dts/index.d.ts +271 -88
- package/hocs/withMergedProps.js.map +1 -1
- package/hocs/withMergedProps.mjs.map +1 -1
- package/hocs/withTranslation.js +2 -0
- package/hocs/withTranslation.js.map +1 -0
- package/hocs/withTranslation.mjs +2 -0
- package/hocs/withTranslation.mjs.map +1 -0
- package/hooks/useMergedPalette.js.map +1 -1
- package/hooks/useMergedPalette.mjs.map +1 -1
- package/hooks/useMergedProps.js.map +1 -1
- package/hooks/useMergedProps.mjs.map +1 -1
- package/hooks/useMergedSizes.js +1 -1
- package/hooks/useMergedSizes.js.map +1 -1
- package/hooks/useMergedSizes.mjs +1 -1
- package/hooks/useMergedSizes.mjs.map +1 -1
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/mixins/create-responsive-props.js.map +1 -1
- package/mixins/create-responsive-props.mjs.map +1 -1
- package/mixins/responsive-position.js +2 -0
- package/mixins/responsive-position.js.map +1 -0
- package/mixins/responsive-position.mjs +2 -0
- package/mixins/responsive-position.mjs.map +1 -0
- package/mixins/responsive-size.js +1 -1
- package/mixins/responsive-size.js.map +1 -1
- package/mixins/responsive-size.mjs +1 -1
- package/mixins/responsive-size.mjs.map +1 -1
- package/package.json +1 -1
- package/shared/constants.js +1 -1
- package/shared/constants.js.map +1 -1
- package/shared/constants.mjs +1 -1
- package/shared/constants.mjs.map +1 -1
- package/shared/utils/style.js +1 -1
- package/shared/utils/style.js.map +1 -1
- package/shared/utils/style.mjs +1 -1
- package/shared/utils/style.mjs.map +1 -1
- package/theme/colors-dark.js +1 -1
- package/theme/colors-dark.js.map +1 -1
- package/theme/colors-dark.mjs +1 -1
- package/theme/colors-dark.mjs.map +1 -1
- package/theme/colors-light.js +1 -1
- package/theme/colors-light.js.map +1 -1
- package/theme/colors-light.mjs +1 -1
- package/theme/colors-light.mjs.map +1 -1
- package/theme/colors.js +1 -1
- package/theme/colors.js.map +1 -1
- package/theme/colors.mjs +1 -1
- package/theme/colors.mjs.map +1 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Container}from'./style.mjs';import{SIZES_CONTAINER}from'./constants.mjs';import{jsx}from'react/jsx-runtime';const DialogContainer=withMergedProps((({size:o="s",...r})=>jsx(Container,{...r,size:o})),{sizes:SIZES_CONTAINER,displayName:'DialogContainer'});export{DialogContainer};
|
|
2
|
+
//# sourceMappingURL=DialogContainer.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DialogContainer.mjs","sources":["../../../../src/components/DialogComponent/DialogContainer.tsx"],"sourcesContent":["import { withMergedProps } from 'hocs/withMergedProps'\nimport * as Styled from './style'\nimport { SIZES_CONTAINER } from './constants'\nimport type { DialogContainerProps } from './types'\n\nconst COMPONENT_NAME = 'DialogContainer'\n\nconst DialogContainer: React.ForwardRefExoticComponent<DialogContainerProps> = withMergedProps<DialogContainerProps>(\n ({ size = 's', ...restProps }) => <Styled.Container {...restProps} size={size} />,\n {\n sizes: SIZES_CONTAINER,\n displayName: COMPONENT_NAME,\n }\n)\n\nexport { DialogContainer }\n"],"names":["DialogContainer","withMergedProps","size","restProps","_jsx","Styled","sizes","SIZES_CONTAINER","displayName"],"mappings":"+KAOA,MAAMA,gBAAyEC,iBAC7E,EAAGC,OAAO,OAAQC,KAAgBC,IAACC,UAAgB,IAAKF,EAAWD,KAAMA,KACzE,CACEI,MAAOC,gBACPC,YANmB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use strict';exports.SIZES={xxl:{maxWidth:1228,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'xxl-landscape':{maxWidth:1228,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:600,flexDirection:'row',borderRadius:20},xl:{maxWidth:960,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'xl-landscape':{maxWidth:960,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:456,flexDirection:'row',borderRadius:20},l:{maxWidth:780,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'l-landscape':{maxWidth:780,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:392,flexDirection:'row',borderRadius:20},m:{maxWidth:560,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},s:{maxWidth:440,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},xs:{maxWidth:304,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20}},exports.SIZES_CAPTION={xxxl:{fontSize:20},xxl:{fontSize:20},xl:{fontSize:18},l:{fontSize:18},m:{fontSize:14},s:{fontSize:14},xs:{fontSize:14},xxs:{fontSize:14},xxxs:{fontSize:14}},exports.SIZES_CONTAINER={xxl:{padding:48},'xxl-landscape':{padding:48},xl:{padding:40},'xl-landscape':{padding:40},l:{padding:36},'l-landscape':{padding:36},m:{padding:32},s:{padding:32},xs:{padding:24}},exports.SIZES_SUBTITLE={xxxl:{fontSize:24},xxl:{fontSize:24},xl:{fontSize:20},l:{fontSize:20},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:14},xxxs:{fontSize:14}},exports.SIZES_TITLE={xxxl:{fontSize:32},xxl:{fontSize:32},xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16},xxs:{fontSize:16},xxxs:{fontSize:16}},exports.VISIBILITY_LANDSCAPE={xxl:{display:'none'},'xxl-landscape':{display:'block'},xl:{display:'none'},'xl-landscape':{display:'block'},l:{display:'none'},'l-landscape':{display:'block'},m:{display:'none'},s:{display:'none'},xs:{display:'none'}},exports.VISIBILITY_LANDSCAPE_MEDIA={xxl:{display:'none'},'xxl-landscape':{display:'block',height:'100%'},xl:{display:'none'},'xl-landscape':{display:'block',height:'100%'},l:{display:'none'},'l-landscape':{display:'block',height:'100%'},m:{display:'none'},s:{display:'none'},xs:{display:'none'}},exports.VISIBILITY_PORTRAIT={xxl:{display:'block'},'xxl-landscape':{display:'none'},xl:{display:'block'},'xl-landscape':{display:'none'},l:{display:'block'},'l-landscape':{display:'none'},m:{display:'block'},s:{display:'block'},xs:{display:'block'}};
|
|
2
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/DialogComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\nimport type { DialogComponentSize } from './types'\n\nexport const SIZES: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xxl-landscape': {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 600,\n flexDirection: 'row',\n borderRadius: 20,\n },\n xl: {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xl-landscape': {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 456,\n flexDirection: 'row',\n borderRadius: 20,\n },\n l: {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'l-landscape': {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 392,\n flexDirection: 'row',\n borderRadius: 20,\n },\n m: {\n maxWidth: 560,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n s: {\n maxWidth: 440,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n xs: {\n maxWidth: 304,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n}\n\nexport const SIZES_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n padding: 48,\n },\n 'xxl-landscape': {\n padding: 48,\n },\n xl: {\n padding: 40,\n },\n 'xl-landscape': {\n padding: 40,\n },\n l: {\n padding: 36,\n },\n 'l-landscape': {\n padding: 36,\n },\n m: {\n padding: 32,\n },\n s: {\n padding: 32,\n },\n xs: {\n padding: 24,\n },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 20,\n },\n xxl: {\n fontSize: 20,\n },\n xl: {\n fontSize: 18,\n },\n l: {\n fontSize: 18,\n },\n m: {\n fontSize: 14,\n },\n s: {\n fontSize: 14,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 32,\n },\n xxl: {\n fontSize: 32,\n },\n xl: {\n fontSize: 28,\n },\n l: {\n fontSize: 24,\n },\n m: {\n fontSize: 20,\n },\n s: {\n fontSize: 18,\n },\n xs: {\n fontSize: 16,\n },\n xxs: {\n fontSize: 16,\n },\n xxxs: {\n fontSize: 16,\n },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 24,\n },\n xxl: {\n fontSize: 24,\n },\n xl: {\n fontSize: 20,\n },\n l: {\n fontSize: 20,\n },\n m: {\n fontSize: 16,\n },\n s: {\n fontSize: 16,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const VISIBILITY_PORTRAIT: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'block',\n },\n 'xxl-landscape': {\n display: 'none',\n },\n xl: {\n display: 'block',\n },\n 'xl-landscape': {\n display: 'none',\n },\n l: {\n display: 'block',\n },\n 'l-landscape': {\n display: 'none',\n },\n m: {\n display: 'block',\n },\n s: {\n display: 'block',\n },\n xs: {\n display: 'block',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE_MEDIA: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n height: '100%',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n height: '100%',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n height: '100%',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n"],"names":["xxl","maxWidth","width","minWidth","fontSize","maxHeight","flexDirection","borderRadius","height","minHeight","xl","l","m","s","xs","xxxl","xxs","xxxs","padding","display"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const SIZES={xxl:{maxWidth:1228,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'xxl-landscape':{maxWidth:1228,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:600,flexDirection:'row',borderRadius:20},xl:{maxWidth:960,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'xl-landscape':{maxWidth:960,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:456,flexDirection:'row',borderRadius:20},l:{maxWidth:780,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},'l-landscape':{maxWidth:780,width:'100vw',minWidth:'min-content',fontSize:16,height:'65vh',minHeight:288,maxHeight:392,flexDirection:'row',borderRadius:20},m:{maxWidth:560,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},s:{maxWidth:440,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20},xs:{maxWidth:304,width:'100vw',minWidth:'min-content',fontSize:16,maxHeight:'85vh',flexDirection:'column',borderRadius:20}};const SIZES_CONTAINER={xxl:{padding:48},'xxl-landscape':{padding:48},xl:{padding:40},'xl-landscape':{padding:40},l:{padding:36},'l-landscape':{padding:36},m:{padding:32},s:{padding:32},xs:{padding:24}};const SIZES_CAPTION={xxxl:{fontSize:20},xxl:{fontSize:20},xl:{fontSize:18},l:{fontSize:18},m:{fontSize:14},s:{fontSize:14},xs:{fontSize:14},xxs:{fontSize:14},xxxs:{fontSize:14}};const SIZES_TITLE={xxxl:{fontSize:32},xxl:{fontSize:32},xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16},xxs:{fontSize:16},xxxs:{fontSize:16}};const SIZES_SUBTITLE={xxxl:{fontSize:24},xxl:{fontSize:24},xl:{fontSize:20},l:{fontSize:20},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:14},xxxs:{fontSize:14}};const VISIBILITY_PORTRAIT={xxl:{display:'block'},'xxl-landscape':{display:'none'},xl:{display:'block'},'xl-landscape':{display:'none'},l:{display:'block'},'l-landscape':{display:'none'},m:{display:'block'},s:{display:'block'},xs:{display:'block'}};const VISIBILITY_LANDSCAPE={xxl:{display:'none'},'xxl-landscape':{display:'block'},xl:{display:'none'},'xl-landscape':{display:'block'},l:{display:'none'},'l-landscape':{display:'block'},m:{display:'none'},s:{display:'none'},xs:{display:'none'}};const VISIBILITY_LANDSCAPE_MEDIA={xxl:{display:'none'},'xxl-landscape':{display:'block',height:'100%'},xl:{display:'none'},'xl-landscape':{display:'block',height:'100%'},l:{display:'none'},'l-landscape':{display:'block',height:'100%'},m:{display:'none'},s:{display:'none'},xs:{display:'none'}};export{SIZES,SIZES_CAPTION,SIZES_CONTAINER,SIZES_SUBTITLE,SIZES_TITLE,VISIBILITY_LANDSCAPE,VISIBILITY_LANDSCAPE_MEDIA,VISIBILITY_PORTRAIT};
|
|
2
|
+
//# sourceMappingURL=constants.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/DialogComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\nimport type { DialogComponentSize } from './types'\n\nexport const SIZES: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xxl-landscape': {\n maxWidth: 1228,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 600,\n flexDirection: 'row',\n borderRadius: 20,\n },\n xl: {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'xl-landscape': {\n maxWidth: 960,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 456,\n flexDirection: 'row',\n borderRadius: 20,\n },\n l: {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n 'l-landscape': {\n maxWidth: 780,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n height: '65vh',\n minHeight: 288,\n maxHeight: 392,\n flexDirection: 'row',\n borderRadius: 20,\n },\n m: {\n maxWidth: 560,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n s: {\n maxWidth: 440,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n xs: {\n maxWidth: 304,\n width: '100vw',\n minWidth: 'min-content',\n fontSize: 16,\n maxHeight: '85vh',\n flexDirection: 'column',\n borderRadius: 20,\n },\n}\n\nexport const SIZES_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n padding: 48,\n },\n 'xxl-landscape': {\n padding: 48,\n },\n xl: {\n padding: 40,\n },\n 'xl-landscape': {\n padding: 40,\n },\n l: {\n padding: 36,\n },\n 'l-landscape': {\n padding: 36,\n },\n m: {\n padding: 32,\n },\n s: {\n padding: 32,\n },\n xs: {\n padding: 24,\n },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 20,\n },\n xxl: {\n fontSize: 20,\n },\n xl: {\n fontSize: 18,\n },\n l: {\n fontSize: 18,\n },\n m: {\n fontSize: 14,\n },\n s: {\n fontSize: 14,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 32,\n },\n xxl: {\n fontSize: 32,\n },\n xl: {\n fontSize: 28,\n },\n l: {\n fontSize: 24,\n },\n m: {\n fontSize: 20,\n },\n s: {\n fontSize: 18,\n },\n xs: {\n fontSize: 16,\n },\n xxs: {\n fontSize: 16,\n },\n xxxs: {\n fontSize: 16,\n },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 24,\n },\n xxl: {\n fontSize: 24,\n },\n xl: {\n fontSize: 20,\n },\n l: {\n fontSize: 20,\n },\n m: {\n fontSize: 16,\n },\n s: {\n fontSize: 16,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 14,\n },\n}\n\nexport const VISIBILITY_PORTRAIT: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'block',\n },\n 'xxl-landscape': {\n display: 'none',\n },\n xl: {\n display: 'block',\n },\n 'xl-landscape': {\n display: 'none',\n },\n l: {\n display: 'block',\n },\n 'l-landscape': {\n display: 'none',\n },\n m: {\n display: 'block',\n },\n s: {\n display: 'block',\n },\n xs: {\n display: 'block',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n\nexport const VISIBILITY_LANDSCAPE_MEDIA: Record<DialogComponentSize, CSSProperties> = {\n xxl: {\n display: 'none',\n },\n 'xxl-landscape': {\n display: 'block',\n height: '100%',\n },\n xl: {\n display: 'none',\n },\n 'xl-landscape': {\n display: 'block',\n height: '100%',\n },\n l: {\n display: 'none',\n },\n 'l-landscape': {\n display: 'block',\n height: '100%',\n },\n m: {\n display: 'none',\n },\n s: {\n display: 'none',\n },\n xs: {\n display: 'none',\n },\n}\n"],"names":["SIZES","xxl","maxWidth","width","minWidth","fontSize","maxHeight","flexDirection","borderRadius","height","minHeight","xl","l","m","s","xs","SIZES_CONTAINER","padding","SIZES_CAPTION","xxxl","xxs","xxxs","SIZES_TITLE","SIZES_SUBTITLE","VISIBILITY_PORTRAIT","display","VISIBILITY_LANDSCAPE","VISIBILITY_LANDSCAPE_MEDIA"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor",viewBox:"0 0 34 4"},e),_path||(_path=React__namespace.createElement("path",{d:"M4 .002H3v4h1zM.995.004H0v4h.995zM6 .002h1v4H6zm4 0H9v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1z"})));
|
|
2
|
+
//# sourceMappingURL=dragging.svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dragging.svg.js","sources":["../../../../../src/components/DialogComponent/images/dragging.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgDragging = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"currentcolor\",\n viewBox: \"0 0 34 4\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4 .002H3v4h1zM.995.004H0v4h.995zM6 .002h1v4H6zm4 0H9v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1z\"\n})));\nexport default SvgDragging;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","d"],"mappings":"qZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,iBAEhQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAC5EgB,MAAO,6BACPC,KAAM,eACNC,QAAS,YACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,EAAG"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var h=arguments[e];for(var a in h)({}).hasOwnProperty.call(h,a)&&(t[a]=h[a])}return t},_extends.apply(null,arguments)}const SvgDragging=t=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor",viewBox:"0 0 34 4"},t),_path||(_path=React.createElement("path",{d:"M4 .002H3v4h1zM.995.004H0v4h.995zM6 .002h1v4H6zm4 0H9v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1z"})));export{SvgDragging as default};
|
|
2
|
+
//# sourceMappingURL=dragging.svg.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dragging.svg.mjs","sources":["../../../../../src/components/DialogComponent/images/dragging.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgDragging = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"currentcolor\",\n viewBox: \"0 0 34 4\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4 .002H3v4h1zM.995.004H0v4h.995zM6 .002h1v4H6zm4 0H9v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1z\"\n})));\nexport default SvgDragging;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgDragging","props","React","createElement","xmlns","fill","viewBox","d"],"mappings":"4BAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,CAE/Q,MAACO,YAAcC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CAC5EiB,MAAO,6BACPC,KAAM,eACNC,QAAS,YACRL,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEI,EAAG"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var IconButton=require('../IconButton/IconButton.js');var Skeleton=require('../Skeleton/Skeleton.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardDialogComponentProp=style.createShouldForwardProp((o=>!['dragging'].includes(o)));const shouldForwardDialogContainerProp=style.createShouldForwardProp();const Fading=styled__default.default.div.withConfig({shouldForwardProp:o=>!['visible','after'].includes(o)}).withConfig({displayName:"DialogComponent__Fading",componentId:"ui__sc-1dlvioj-0"})(["box-sizing:border-box;position:relative;flex-shrink:0;width:100%;z-index:1;&::before,&::after{transition-property:opacity;transition-duration:150ms;transition-timing-function:ease-in;pointer-events:none;}",""],(o=>o.after?`\n &::after {\n content: '';\n display: block;\n position: absolute;\n height: 35px;\n width: 100%;\n bottom: 100%;\n left: 0;\n margin-bottom: -1px;\n background-image: linear-gradient(0deg, currentcolor, transparent);\n opacity: ${o.visible?1:0};\n }\n `:`\n &::before {\n content: '';\n display: block;\n position: absolute;\n height: 35px;\n width: 100%;\n top: 100%;\n left: 0;\n margin-top: -1px;\n background-image: linear-gradient(180deg, currentcolor, transparent);\n opacity: ${o.visible?1:0};\n }\n `));const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardDialogComponentProp}).withConfig({displayName:"DialogComponent__Root",componentId:"ui__sc-1dlvioj-1"})(["box-sizing:border-box;position:relative;display:flex;overflow:hidden;isolation:isolate;"," "," ",""],(o=>{return`\n color: ${(n={color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}).color};\n background-color: ${n.backgroundColor};\n box-shadow: 0 6px 20px 1px ${n.shadowColor};\n \n ${Fading} {\n color: ${n.backgroundColor};\n }\n`;var n}),(o=>o.dragging&&`\n box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n `),responsiveSize.responsiveSize);const Container=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardDialogContainerProp}).withConfig({displayName:"DialogComponent__Container",componentId:"ui__sc-1dlvioj-2"})(["box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;",""],responsiveSize.responsiveSize);const ScrollableContent=styled__default.default.div.withConfig({displayName:"DialogComponent__ScrollableContent",componentId:"ui__sc-1dlvioj-3"})(["box-sizing:border-box;position:relative;overflow:auto;overscroll-behavior:contain;padding-top:1px;padding-bottom:1px;min-height:85px;flex-grow:1;",""],focus.focus);const Controls=styled__default.default.div.withConfig({displayName:"DialogComponent__Controls",componentId:"ui__sc-1dlvioj-4"})(["box-sizing:border-box;position:relative;flex-shrink:0;padding-top:12px;"]);const DraggingHandle=styled__default.default.div.withConfig({displayName:"DialogComponent__DraggingHandle",componentId:"ui__sc-1dlvioj-5"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;padding-top:10px;padding-bottom:10px;cursor:grab;touch-action:none;z-index:2;"]);const DraggingIconContainer=styled__default.default.div.withConfig({displayName:"DialogComponent__DraggingIconContainer",componentId:"ui__sc-1dlvioj-6"})(["box-sizing:border-box;display:flex;padding:3px 12px;border-radius:12px;& > *{height:0.25em;}"," ",""],(o=>`\n background-color: ${o.theme.colors['bg-onmain-tertiary']};\n `),focus.focus);const PositionedIconButton=styled__default.default(IconButton.IconButton).withConfig({displayName:"DialogComponent__PositionedIconButton",componentId:"ui__sc-1dlvioj-7"})(["position:absolute;top:8px;right:8px;z-index:3;"]);const Placeholder=styled__default.default.svg.withConfig({shouldForwardProp:o=>!['aspectRatio','orientation'].includes(o)}).attrs((o=>({xmlns:'http://www.w3.org/2000/svg',viewBox:o.aspectRatio==='3:1'?'0 0 3 1':'0 0 5 7',width:o.orientation==='portrait'?'100%':void 0,height:o.orientation==='landscape'?'100%':void 0}))).withConfig({displayName:"DialogComponent__Placeholder",componentId:"ui__sc-1dlvioj-8"})(["display:block;"]);const MediaPortrait=styled__default.default.div.withConfig({displayName:"DialogComponent__MediaPortrait",componentId:"ui__sc-1dlvioj-9"})(["box-sizing:border-box;position:relative;margin:-1px -1px 0;"]);const MediaLandscape=styled__default.default.div.withConfig({displayName:"DialogComponent__MediaLandscape",componentId:"ui__sc-1dlvioj-10"})(["box-sizing:border-box;position:relative;height:100%;"]);const MediaSkeleton=styled__default.default(Skeleton.Skeleton).withConfig({displayName:"DialogComponent__MediaSkeleton",componentId:"ui__sc-1dlvioj-11"})(["position:absolute;top:0;left:0;"]);const Media=styled__default.default.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"DialogComponent__Media",componentId:"ui__sc-1dlvioj-12"})(["",""],(o=>`\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background-image: url(${o.src});\n background-size: contain;\n background-repeat: no-repeat;\n background-position: 50%;\n background-color: ${o.theme.colors['bg-oncolor-hover']};\n `));exports.Container=Container,exports.Controls=Controls,exports.DraggingHandle=DraggingHandle,exports.DraggingIconContainer=DraggingIconContainer,exports.Fading=Fading,exports.Media=Media,exports.MediaLandscape=MediaLandscape,exports.MediaPortrait=MediaPortrait,exports.MediaSkeleton=MediaSkeleton,exports.Placeholder=Placeholder,exports.PositionedIconButton=PositionedIconButton,exports.Root=Root,exports.ScrollableContent=ScrollableContent;
|
|
2
|
+
//# sourceMappingURL=style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../../src/components/DialogComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport { Skeleton } from 'components/Skeleton'\nimport type {\n StyledDialogComponentProps,\n DialogComponentPalette,\n StyledDialogContainerProps,\n StyledDialogFadingProps,\n StyledPlaceholderProps,\n StyledDialogMediaProps,\n} from './types'\n\nconst shouldForwardDialogComponentProp = createShouldForwardProp((keyProp) => !['dragging'].includes(keyProp))\n\nconst shouldForwardDialogContainerProp = createShouldForwardProp()\n\nexport const Fading = styled.div.withConfig<StyledDialogFadingProps>({\n shouldForwardProp: (propKey) => !['visible', 'after'].includes(propKey),\n})`\n box-sizing: border-box;\n position: relative;\n flex-shrink: 0;\n width: 100%;\n z-index: 1;\n\n &::before,\n &::after {\n transition-property: opacity;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n pointer-events: none;\n }\n\n ${(props) =>\n props.after\n ? `\n &::after {\n content: '';\n display: block;\n position: absolute;\n height: 35px;\n width: 100%;\n bottom: 100%;\n left: 0;\n margin-bottom: -1px;\n background-image: linear-gradient(0deg, currentcolor, transparent);\n opacity: ${props.visible ? 1 : 0};\n }\n `\n : `\n &::before {\n content: '';\n display: block;\n position: absolute;\n height: 35px;\n width: 100%;\n top: 100%;\n left: 0;\n margin-top: -1px;\n background-image: linear-gradient(180deg, currentcolor, transparent);\n opacity: ${props.visible ? 1 : 0};\n }\n `}\n`\n\nconst template = (palette: DialogComponentPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n box-shadow: 0 6px 20px 1px ${palette.shadowColor};\n \n ${Fading} {\n color: ${palette.backgroundColor};\n }\n`\n\nexport const Root = styled.div.withConfig<StyledDialogComponentProps>({\n shouldForwardProp: shouldForwardDialogComponentProp,\n})`\n box-sizing: border-box;\n position: relative;\n display: flex;\n overflow: hidden;\n isolation: isolate;\n\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-onmain-primary'],\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n\n ${(props) =>\n props.dragging &&\n `\n box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n `}\n\n ${responsiveSize}\n`\n\nexport const Container = styled.div.withConfig<StyledDialogContainerProps>({\n shouldForwardProp: shouldForwardDialogContainerProp,\n})`\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n flex-grow: 1;\n\n ${responsiveSize}\n`\n\nexport const ScrollableContent = styled.div`\n box-sizing: border-box;\n position: relative;\n overflow: auto;\n overscroll-behavior: contain;\n padding-top: 1px;\n padding-bottom: 1px;\n min-height: 85px;\n flex-grow: 1;\n\n ${focus}\n`\n\nexport const Controls = styled.div`\n box-sizing: border-box;\n position: relative;\n flex-shrink: 0;\n padding-top: 12px;\n`\n\nexport const DraggingHandle = styled.div`\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: center;\n padding-top: 10px;\n padding-bottom: 10px;\n cursor: grab;\n touch-action: none;\n z-index: 2;\n`\n\nexport const DraggingIconContainer = styled.div`\n box-sizing: border-box;\n display: flex;\n padding: 3px 12px;\n border-radius: 12px;\n\n & > * {\n height: 0.25em;\n }\n\n ${(props) => `\n background-color: ${props.theme.colors['bg-onmain-tertiary']};\n `}\n\n ${focus}\n`\n\nexport const PositionedIconButton = styled(IconButton)`\n position: absolute;\n top: 8px;\n right: 8px;\n z-index: 3;\n`\n\nexport const Placeholder = styled.svg\n .withConfig<StyledPlaceholderProps>({\n shouldForwardProp: (propKey) => !['aspectRatio', 'orientation'].includes(propKey),\n })\n .attrs<StyledPlaceholderProps>((props) => ({\n xmlns: 'http://www.w3.org/2000/svg',\n viewBox: props.aspectRatio === '3:1' ? '0 0 3 1' : '0 0 5 7',\n width: props.orientation === 'portrait' ? '100%' : undefined,\n height: props.orientation === 'landscape' ? '100%' : undefined,\n }))`\n display: block;\n`\n\nexport const MediaPortrait = styled.div`\n box-sizing: border-box;\n position: relative;\n margin: -1px -1px 0;\n`\n\nexport const MediaLandscape = styled.div`\n box-sizing: border-box;\n position: relative;\n height: 100%;\n`\n\nexport const MediaSkeleton = styled(Skeleton)`\n position: absolute;\n top: 0;\n left: 0;\n`\n\nexport const Media = styled.div.withConfig<StyledDialogMediaProps>({\n shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n ${(props) => `\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background-image: url(${props.src});\n background-size: contain;\n background-repeat: no-repeat;\n background-position: 50%;\n background-color: ${props.theme.colors['bg-oncolor-hover']};\n `}\n`\n"],"names":["shouldForwardDialogComponentProp","createShouldForwardProp","keyProp","includes","shouldForwardDialogContainerProp","Fading","styled","div","withConfig","shouldForwardProp","propKey","displayName","componentId","props","after","visible","Root","template","palette","color","theme","colors","backgroundColor","shadowColor","dragging","white","responsiveSize","Container","ScrollableContent","focus","Controls","DraggingHandle","DraggingIconContainer","PositionedIconButton","default","IconButton","Placeholder","svg","attrs","xmlns","viewBox","aspectRatio","width","orientation","undefined","height","MediaPortrait","MediaLandscape","MediaSkeleton","Skeleton","Media","src"],"mappings":"kaAeA,MAAMA,iCAAmCC,MAAAA,yBAAyBC,IAAa,CAAC,YAAYC,SAASD,KAErG,MAAME,iCAAmCH,MAAuBA,0BAEzD,MAAMI,OAASC,gBAAAA,QAAOC,IAAIC,WAAoC,CACnEC,kBAAoBC,IAAa,CAAC,UAAW,SAASP,SAASO,KAC/DF,WAAA,CAAAG,YAAA,0BAAAC,YAAA,oBAFoBN,CAEpB,CAAA,+MAAA,KAeGO,GACDA,EAAMC,MACF,iWAWeD,EAAME,QAAU,EAAI,gCAGnC,8VAWeF,EAAME,QAAU,EAAI,4BAepC,MAAMC,KAAOV,gBAAAA,QAAOC,IAAIC,WAAuC,CACpEC,kBAAmBT,mCACnBQ,WAAA,CAAAG,YAAA,wBAAAC,YAAA,oBAFkBN,CASfO,CAAAA,0FAAAA,IAAAA,IAAAA,KAAAA,IACDI,MApBkD,eAApCC,EAoBL,CACPC,MAAON,EAAMO,MAAMC,OAAO,0BAC1BC,gBAAiBT,EAAMO,MAAMC,OAAO,qBACpCE,YAAaV,EAAMO,MAAMC,OAAO,uBAC7BR,EAAMK,UAvBIC,+BACGD,EAAQI,kDACCJ,EAAQK,uBAEnClB,wBACSa,EAAQI,0BANHJ,KAyBZ,IAEDL,GACDA,EAAMW,UACN,iCAC0BX,EAAMO,MAAMC,OAAOI,oBAAoBZ,EAAMO,MAAMC,OAAO,4BAGpFK,eAAAA,gBAGG,MAAMC,UAAYrB,gBAAAA,QAAOC,IAAIC,WAAuC,CACzEC,kBAAmBL,mCACnBI,WAAA,CAAAG,YAAA,6BAAAC,YAAA,oBAFuBN,CAEvB,CAAA,0GAAA,IAQEoB,eAAAA,sBAGSE,kBAAoBtB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,qCAAAC,YAAA,oBAAVN,CAAU,CAAA,oJAAA,IAUvCuB,MAAAA,aAGSC,SAAWxB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,4BAAAC,YAAA,oBAAVN,CAKvB,CAAA,kFAEYyB,eAAiBzB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,kCAAAC,YAAA,oBAAVN,CAa7B,CAAA,4LAEY0B,sBAAwB1B,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,yCAAAC,YAAA,oBAAVN,CAAU,CAAA,+FAAA,IAAA,KAU1CO,GAAU,6BACWA,EAAMO,MAAMC,OAAO,gCAGzCQ,MAAAA,OAGG,MAAMI,qBAAuB3B,gBAAM4B,QAACC,uBAAW3B,WAAA,CAAAG,YAAA,wCAAAC,YAAA,oBAAlBN,CAKnC,CAAA,mDAEM,MAAM8B,YAAc9B,gBAAAA,QAAO+B,IAC/B7B,WAAmC,CAClCC,kBAAoBC,IAAa,CAAC,cAAe,eAAeP,SAASO,KAE1E4B,OAA+BzB,IAAW,CACzC0B,MAAO,6BACPC,QAAS3B,EAAM4B,cAAgB,MAAQ,UAAY,UACnDC,MAAO7B,EAAM8B,cAAgB,WAAa,YAASC,EACnDC,OAAQhC,EAAM8B,cAAgB,YAAc,YAASC,MACpDpC,WAAA,CAAAG,YAAA,+BAAAC,YAAA,oBATsBN,CAW1B,CAAA,yBAEYwC,cAAgBxC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,iCAAAC,YAAA,oBAAVN,CAI5B,CAAA,sEAEYyC,eAAiBzC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,kCAAAC,YAAA,qBAAVN,CAI7B,CAAA,yDAEM,MAAM0C,cAAgB1C,gBAAM4B,QAACe,mBAASzC,WAAA,CAAAG,YAAA,iCAAAC,YAAA,qBAAhBN,CAI5B,CAAA,oCAEM,MAAM4C,MAAQ5C,gBAAAA,QAAOC,IAAIC,WAAmC,CACjEC,kBAAoBC,GAAYA,IAAY,QAC5CF,WAAA,CAAAG,YAAA,yBAAAC,YAAA,qBAFmBN,CAEnB,CAAA,GAAA,KACGO,GAAU,mKAOeA,EAAMsC,yIAIVtC,EAAMO,MAAMC,OAAO"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import styled from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';const shouldForwardDialogComponentProp=createShouldForwardProp((o=>!['dragging'].includes(o)));const shouldForwardDialogContainerProp=createShouldForwardProp();const Fading=styled.div.withConfig({shouldForwardProp:o=>!['visible','after'].includes(o)}).withConfig({displayName:"DialogComponent__Fading",componentId:"ui__sc-1dlvioj-0"})(["box-sizing:border-box;position:relative;flex-shrink:0;width:100%;z-index:1;&::before,&::after{transition-property:opacity;transition-duration:150ms;transition-timing-function:ease-in;pointer-events:none;}",""],(o=>o.after?`\n &::after {\n content: '';\n display: block;\n position: absolute;\n height: 35px;\n width: 100%;\n bottom: 100%;\n left: 0;\n margin-bottom: -1px;\n background-image: linear-gradient(0deg, currentcolor, transparent);\n opacity: ${o.visible?1:0};\n }\n `:`\n &::before {\n content: '';\n display: block;\n position: absolute;\n height: 35px;\n width: 100%;\n top: 100%;\n left: 0;\n margin-top: -1px;\n background-image: linear-gradient(180deg, currentcolor, transparent);\n opacity: ${o.visible?1:0};\n }\n `));const Root=styled.div.withConfig({shouldForwardProp:shouldForwardDialogComponentProp}).withConfig({displayName:"DialogComponent__Root",componentId:"ui__sc-1dlvioj-1"})(["box-sizing:border-box;position:relative;display:flex;overflow:hidden;isolation:isolate;"," "," ",""],(o=>{return`\n color: ${(n={color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}).color};\n background-color: ${n.backgroundColor};\n box-shadow: 0 6px 20px 1px ${n.shadowColor};\n \n ${Fading} {\n color: ${n.backgroundColor};\n }\n`;var n}),(o=>o.dragging&&`\n box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n `),responsiveSize);const Container=styled.div.withConfig({shouldForwardProp:shouldForwardDialogContainerProp}).withConfig({displayName:"DialogComponent__Container",componentId:"ui__sc-1dlvioj-2"})(["box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;",""],responsiveSize);const ScrollableContent=styled.div.withConfig({displayName:"DialogComponent__ScrollableContent",componentId:"ui__sc-1dlvioj-3"})(["box-sizing:border-box;position:relative;overflow:auto;overscroll-behavior:contain;padding-top:1px;padding-bottom:1px;min-height:85px;flex-grow:1;",""],focus);const Controls=styled.div.withConfig({displayName:"DialogComponent__Controls",componentId:"ui__sc-1dlvioj-4"})(["box-sizing:border-box;position:relative;flex-shrink:0;padding-top:12px;"]);const DraggingHandle=styled.div.withConfig({displayName:"DialogComponent__DraggingHandle",componentId:"ui__sc-1dlvioj-5"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;padding-top:10px;padding-bottom:10px;cursor:grab;touch-action:none;z-index:2;"]);const DraggingIconContainer=styled.div.withConfig({displayName:"DialogComponent__DraggingIconContainer",componentId:"ui__sc-1dlvioj-6"})(["box-sizing:border-box;display:flex;padding:3px 12px;border-radius:12px;& > *{height:0.25em;}"," ",""],(o=>`\n background-color: ${o.theme.colors['bg-onmain-tertiary']};\n `),focus);const PositionedIconButton=styled(IconButton).withConfig({displayName:"DialogComponent__PositionedIconButton",componentId:"ui__sc-1dlvioj-7"})(["position:absolute;top:8px;right:8px;z-index:3;"]);const Placeholder=styled.svg.withConfig({shouldForwardProp:o=>!['aspectRatio','orientation'].includes(o)}).attrs((o=>({xmlns:'http://www.w3.org/2000/svg',viewBox:o.aspectRatio==='3:1'?'0 0 3 1':'0 0 5 7',width:o.orientation==='portrait'?'100%':void 0,height:o.orientation==='landscape'?'100%':void 0}))).withConfig({displayName:"DialogComponent__Placeholder",componentId:"ui__sc-1dlvioj-8"})(["display:block;"]);const MediaPortrait=styled.div.withConfig({displayName:"DialogComponent__MediaPortrait",componentId:"ui__sc-1dlvioj-9"})(["box-sizing:border-box;position:relative;margin:-1px -1px 0;"]);const MediaLandscape=styled.div.withConfig({displayName:"DialogComponent__MediaLandscape",componentId:"ui__sc-1dlvioj-10"})(["box-sizing:border-box;position:relative;height:100%;"]);const MediaSkeleton=styled(Skeleton).withConfig({displayName:"DialogComponent__MediaSkeleton",componentId:"ui__sc-1dlvioj-11"})(["position:absolute;top:0;left:0;"]);const Media=styled.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"DialogComponent__Media",componentId:"ui__sc-1dlvioj-12"})(["",""],(o=>`\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background-image: url(${o.src});\n background-size: contain;\n background-repeat: no-repeat;\n background-position: 50%;\n background-color: ${o.theme.colors['bg-oncolor-hover']};\n `));export{Container,Controls,DraggingHandle,DraggingIconContainer,Fading,Media,MediaLandscape,MediaPortrait,MediaSkeleton,Placeholder,PositionedIconButton,Root,ScrollableContent};
|
|
2
|
+
//# sourceMappingURL=style.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.mjs","sources":["../../../../src/components/DialogComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport { Skeleton } from 'components/Skeleton'\nimport type {\n StyledDialogComponentProps,\n DialogComponentPalette,\n StyledDialogContainerProps,\n StyledDialogFadingProps,\n StyledPlaceholderProps,\n StyledDialogMediaProps,\n} from './types'\n\nconst shouldForwardDialogComponentProp = createShouldForwardProp((keyProp) => !['dragging'].includes(keyProp))\n\nconst shouldForwardDialogContainerProp = createShouldForwardProp()\n\nexport const Fading = styled.div.withConfig<StyledDialogFadingProps>({\n shouldForwardProp: (propKey) => !['visible', 'after'].includes(propKey),\n})`\n box-sizing: border-box;\n position: relative;\n flex-shrink: 0;\n width: 100%;\n z-index: 1;\n\n &::before,\n &::after {\n transition-property: opacity;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n pointer-events: none;\n }\n\n ${(props) =>\n props.after\n ? `\n &::after {\n content: '';\n display: block;\n position: absolute;\n height: 35px;\n width: 100%;\n bottom: 100%;\n left: 0;\n margin-bottom: -1px;\n background-image: linear-gradient(0deg, currentcolor, transparent);\n opacity: ${props.visible ? 1 : 0};\n }\n `\n : `\n &::before {\n content: '';\n display: block;\n position: absolute;\n height: 35px;\n width: 100%;\n top: 100%;\n left: 0;\n margin-top: -1px;\n background-image: linear-gradient(180deg, currentcolor, transparent);\n opacity: ${props.visible ? 1 : 0};\n }\n `}\n`\n\nconst template = (palette: DialogComponentPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n box-shadow: 0 6px 20px 1px ${palette.shadowColor};\n \n ${Fading} {\n color: ${palette.backgroundColor};\n }\n`\n\nexport const Root = styled.div.withConfig<StyledDialogComponentProps>({\n shouldForwardProp: shouldForwardDialogComponentProp,\n})`\n box-sizing: border-box;\n position: relative;\n display: flex;\n overflow: hidden;\n isolation: isolate;\n\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-onmain-primary'],\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n\n ${(props) =>\n props.dragging &&\n `\n box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n `}\n\n ${responsiveSize}\n`\n\nexport const Container = styled.div.withConfig<StyledDialogContainerProps>({\n shouldForwardProp: shouldForwardDialogContainerProp,\n})`\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n flex-grow: 1;\n\n ${responsiveSize}\n`\n\nexport const ScrollableContent = styled.div`\n box-sizing: border-box;\n position: relative;\n overflow: auto;\n overscroll-behavior: contain;\n padding-top: 1px;\n padding-bottom: 1px;\n min-height: 85px;\n flex-grow: 1;\n\n ${focus}\n`\n\nexport const Controls = styled.div`\n box-sizing: border-box;\n position: relative;\n flex-shrink: 0;\n padding-top: 12px;\n`\n\nexport const DraggingHandle = styled.div`\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: center;\n padding-top: 10px;\n padding-bottom: 10px;\n cursor: grab;\n touch-action: none;\n z-index: 2;\n`\n\nexport const DraggingIconContainer = styled.div`\n box-sizing: border-box;\n display: flex;\n padding: 3px 12px;\n border-radius: 12px;\n\n & > * {\n height: 0.25em;\n }\n\n ${(props) => `\n background-color: ${props.theme.colors['bg-onmain-tertiary']};\n `}\n\n ${focus}\n`\n\nexport const PositionedIconButton = styled(IconButton)`\n position: absolute;\n top: 8px;\n right: 8px;\n z-index: 3;\n`\n\nexport const Placeholder = styled.svg\n .withConfig<StyledPlaceholderProps>({\n shouldForwardProp: (propKey) => !['aspectRatio', 'orientation'].includes(propKey),\n })\n .attrs<StyledPlaceholderProps>((props) => ({\n xmlns: 'http://www.w3.org/2000/svg',\n viewBox: props.aspectRatio === '3:1' ? '0 0 3 1' : '0 0 5 7',\n width: props.orientation === 'portrait' ? '100%' : undefined,\n height: props.orientation === 'landscape' ? '100%' : undefined,\n }))`\n display: block;\n`\n\nexport const MediaPortrait = styled.div`\n box-sizing: border-box;\n position: relative;\n margin: -1px -1px 0;\n`\n\nexport const MediaLandscape = styled.div`\n box-sizing: border-box;\n position: relative;\n height: 100%;\n`\n\nexport const MediaSkeleton = styled(Skeleton)`\n position: absolute;\n top: 0;\n left: 0;\n`\n\nexport const Media = styled.div.withConfig<StyledDialogMediaProps>({\n shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n ${(props) => `\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background-image: url(${props.src});\n background-size: contain;\n background-repeat: no-repeat;\n background-position: 50%;\n background-color: ${props.theme.colors['bg-oncolor-hover']};\n `}\n`\n"],"names":["shouldForwardDialogComponentProp","createShouldForwardProp","keyProp","includes","shouldForwardDialogContainerProp","Fading","styled","div","withConfig","shouldForwardProp","propKey","displayName","componentId","props","after","visible","Root","template","palette","color","theme","colors","backgroundColor","shadowColor","dragging","white","responsiveSize","Container","ScrollableContent","focus","Controls","DraggingHandle","DraggingIconContainer","PositionedIconButton","IconButton","Placeholder","svg","attrs","xmlns","viewBox","aspectRatio","width","orientation","undefined","height","MediaPortrait","MediaLandscape","MediaSkeleton","Skeleton","Media","src"],"mappings":"mTAeA,MAAMA,iCAAmCC,yBAAyBC,IAAa,CAAC,YAAYC,SAASD,KAErG,MAAME,iCAAmCH,0BAElC,MAAMI,OAASC,OAAOC,IAAIC,WAAoC,CACnEC,kBAAoBC,IAAa,CAAC,UAAW,SAASP,SAASO,KAC/DF,WAAA,CAAAG,YAAA,0BAAAC,YAAA,oBAFoBN,CAEpB,CAAA,+MAAA,KAeGO,GACDA,EAAMC,MACF,iWAWeD,EAAME,QAAU,EAAI,gCAGnC,8VAWeF,EAAME,QAAU,EAAI,4BAepC,MAAMC,KAAOV,OAAOC,IAAIC,WAAuC,CACpEC,kBAAmBT,mCACnBQ,WAAA,CAAAG,YAAA,wBAAAC,YAAA,oBAFkBN,CASfO,CAAAA,0FAAAA,IAAAA,IAAAA,KAAAA,IACDI,MApBkD,eAApCC,EAoBL,CACPC,MAAON,EAAMO,MAAMC,OAAO,0BAC1BC,gBAAiBT,EAAMO,MAAMC,OAAO,qBACpCE,YAAaV,EAAMO,MAAMC,OAAO,uBAC7BR,EAAMK,UAvBIC,+BACGD,EAAQI,kDACCJ,EAAQK,uBAEnClB,wBACSa,EAAQI,0BANHJ,KAyBZ,IAEDL,GACDA,EAAMW,UACN,iCAC0BX,EAAMO,MAAMC,OAAOI,oBAAoBZ,EAAMO,MAAMC,OAAO,4BAGpFK,gBAGG,MAAMC,UAAYrB,OAAOC,IAAIC,WAAuC,CACzEC,kBAAmBL,mCACnBI,WAAA,CAAAG,YAAA,6BAAAC,YAAA,oBAFuBN,CAEvB,CAAA,0GAAA,IAQEoB,sBAGSE,kBAAoBtB,OAAOC,IAAGC,WAAA,CAAAG,YAAA,qCAAAC,YAAA,oBAAVN,CAAU,CAAA,oJAAA,IAUvCuB,aAGSC,SAAWxB,OAAOC,IAAGC,WAAA,CAAAG,YAAA,4BAAAC,YAAA,oBAAVN,CAKvB,CAAA,kFAEYyB,eAAiBzB,OAAOC,IAAGC,WAAA,CAAAG,YAAA,kCAAAC,YAAA,oBAAVN,CAa7B,CAAA,4LAEY0B,sBAAwB1B,OAAOC,IAAGC,WAAA,CAAAG,YAAA,yCAAAC,YAAA,oBAAVN,CAAU,CAAA,+FAAA,IAAA,KAU1CO,GAAU,6BACWA,EAAMO,MAAMC,OAAO,gCAGzCQ,OAGG,MAAMI,qBAAuB3B,OAAO4B,YAAW1B,WAAA,CAAAG,YAAA,wCAAAC,YAAA,oBAAlBN,CAKnC,CAAA,mDAEM,MAAM6B,YAAc7B,OAAO8B,IAC/B5B,WAAmC,CAClCC,kBAAoBC,IAAa,CAAC,cAAe,eAAeP,SAASO,KAE1E2B,OAA+BxB,IAAW,CACzCyB,MAAO,6BACPC,QAAS1B,EAAM2B,cAAgB,MAAQ,UAAY,UACnDC,MAAO5B,EAAM6B,cAAgB,WAAa,YAASC,EACnDC,OAAQ/B,EAAM6B,cAAgB,YAAc,YAASC,MACpDnC,WAAA,CAAAG,YAAA,+BAAAC,YAAA,oBATsBN,CAW1B,CAAA,yBAEYuC,cAAgBvC,OAAOC,IAAGC,WAAA,CAAAG,YAAA,iCAAAC,YAAA,oBAAVN,CAI5B,CAAA,sEAEYwC,eAAiBxC,OAAOC,IAAGC,WAAA,CAAAG,YAAA,kCAAAC,YAAA,qBAAVN,CAI7B,CAAA,yDAEM,MAAMyC,cAAgBzC,OAAO0C,UAASxC,WAAA,CAAAG,YAAA,iCAAAC,YAAA,qBAAhBN,CAI5B,CAAA,oCAEM,MAAM2C,MAAQ3C,OAAOC,IAAIC,WAAmC,CACjEC,kBAAoBC,GAAYA,IAAY,QAC5CF,WAAA,CAAAG,YAAA,yBAAAC,YAAA,qBAFmBN,CAEnB,CAAA,GAAA,KACGO,GAAU,mKAOeA,EAAMqC,yIAIVrC,EAAMO,MAAMC,OAAO"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use strict';const dialogMappingRules={'xxl-landscape':'xxl','xl-landscape':'xl','l-landscape':'l'};exports.getCommonSizeProps=e=>Object.keys(e).reduce(((a,l)=>{const s=e[l];return a[l]=Array.isArray(s)?s.map((e=>dialogMappingRules[e]??e)):typeof s=='string'?dialogMappingRules[s]??s:s,a}),{});
|
|
2
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../src/components/DialogComponent/utils.ts"],"sourcesContent":["import type { Size } from 'shared/types'\nimport type { DialogComponentSizeProps, DialogComponentSize } from './types'\n\nconst dialogMappingRules: Partial<Record<DialogComponentSize, Size>> = {\n 'xxl-landscape': 'xxl',\n 'xl-landscape': 'xl',\n 'l-landscape': 'l',\n}\n\nexport const getCommonSizeProps = (\n dialogSizeProps: DialogComponentSizeProps\n): Partial<Record<keyof DialogComponentSizeProps, Size>> =>\n Object.keys(dialogSizeProps).reduce((sizeProps, propKey) => {\n const dialogSize = dialogSizeProps[propKey]\n\n if (Array.isArray(dialogSize)) {\n sizeProps[propKey] = dialogSize.map((size) => dialogMappingRules[size] ?? size)\n } else if (typeof dialogSize === 'string') {\n sizeProps[propKey] = dialogMappingRules[dialogSize] ?? dialogSize\n } else {\n sizeProps[propKey] = dialogSize\n }\n\n return sizeProps\n }, {})\n"],"names":["dialogMappingRules","dialogSizeProps","Object","keys","reduce","sizeProps","propKey","dialogSize","Array","isArray","map","size"],"mappings":"aAGA,MAAMA,mBAAiE,CACrE,gBAAiB,MACjB,eAAgB,KAChB,cAAe,gCAIfC,GAEAC,OAAOC,KAAKF,GAAiBG,QAAO,CAACC,EAAWC,KAC9C,MAAMC,EAAaN,EAAgBK,GAUnC,OAPED,EAAUC,GADRE,MAAMC,QAAQF,GACKA,EAAWG,KAAKC,GAASX,mBAAmBW,IAASA,WAC1DJ,GAAe,SACVP,mBAAmBO,IAAeA,EAElCA,EAGhBF,CAAS,GACf,CAAE"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const dialogMappingRules={'xxl-landscape':'xxl','xl-landscape':'xl','l-landscape':'l'};const getCommonSizeProps=e=>Object.keys(e).reduce(((a,l)=>{const o=e[l];return a[l]=Array.isArray(o)?o.map((e=>dialogMappingRules[e]??e)):typeof o=='string'?dialogMappingRules[o]??o:o,a}),{});export{getCommonSizeProps};
|
|
2
|
+
//# sourceMappingURL=utils.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.mjs","sources":["../../../../src/components/DialogComponent/utils.ts"],"sourcesContent":["import type { Size } from 'shared/types'\nimport type { DialogComponentSizeProps, DialogComponentSize } from './types'\n\nconst dialogMappingRules: Partial<Record<DialogComponentSize, Size>> = {\n 'xxl-landscape': 'xxl',\n 'xl-landscape': 'xl',\n 'l-landscape': 'l',\n}\n\nexport const getCommonSizeProps = (\n dialogSizeProps: DialogComponentSizeProps\n): Partial<Record<keyof DialogComponentSizeProps, Size>> =>\n Object.keys(dialogSizeProps).reduce((sizeProps, propKey) => {\n const dialogSize = dialogSizeProps[propKey]\n\n if (Array.isArray(dialogSize)) {\n sizeProps[propKey] = dialogSize.map((size) => dialogMappingRules[size] ?? size)\n } else if (typeof dialogSize === 'string') {\n sizeProps[propKey] = dialogMappingRules[dialogSize] ?? dialogSize\n } else {\n sizeProps[propKey] = dialogSize\n }\n\n return sizeProps\n }, {})\n"],"names":["dialogMappingRules","getCommonSizeProps","dialogSizeProps","Object","keys","reduce","sizeProps","propKey","dialogSize","Array","isArray","map","size"],"mappings":"AAGA,MAAMA,mBAAiE,CACrE,gBAAiB,MACjB,eAAgB,KAChB,cAAe,WAGJC,mBACXC,GAEAC,OAAOC,KAAKF,GAAiBG,QAAO,CAACC,EAAWC,KAC9C,MAAMC,EAAaN,EAAgBK,GAUnC,OAPED,EAAUC,GADRE,MAAMC,QAAQF,GACKA,EAAWG,KAAKC,GAASZ,mBAAmBY,IAASA,WAC1DJ,GAAe,SACVR,mBAAmBQ,IAAeA,EAElCA,EAGhBF,CAAS,GACf,CAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type {
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type { Size } from 'shared/types'\n\nexport const FuseSearchKeys = {\n text: 'text',\n tags: 'tags',\n} as const\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: SIZES_FORM_INPUT_LABEL.l,\n xxl: SIZES_FORM_INPUT_LABEL.l,\n xl: SIZES_FORM_INPUT_LABEL.l,\n l: SIZES_FORM_INPUT_LABEL.l,\n m: SIZES_FORM_INPUT_LABEL.m,\n s: SIZES_FORM_INPUT_LABEL.s,\n xs: SIZES_FORM_INPUT_LABEL.s,\n xxs: SIZES_FORM_INPUT_LABEL.s,\n xxxs: SIZES_FORM_INPUT_LABEL.s,\n}\n\nexport const SIZES_CHECKBOX: Record<Size, CSSProperties> = {\n xxxl: SIZES_INPUT_CHECKBOX.m,\n xxl: SIZES_INPUT_CHECKBOX.m,\n xl: SIZES_INPUT_CHECKBOX.m,\n l: SIZES_INPUT_CHECKBOX.m,\n m: SIZES_INPUT_CHECKBOX.s,\n s: SIZES_INPUT_CHECKBOX.xs,\n xs: SIZES_INPUT_CHECKBOX.xs,\n xxs: SIZES_INPUT_CHECKBOX.xs,\n xxxs: SIZES_INPUT_CHECKBOX.xs,\n}\n\nexport const SIZES_MENU: Record<Size, CSSProperties> = {\n xxxl: {\n width: 560,\n minWidth: '100%',\n maxWidth: 'none',\n },\n xxl: {\n width: 560,\n minWidth: '100%',\n maxWidth: 'none',\n },\n xl: {\n width: 560,\n minWidth: '100%',\n maxWidth: 'none',\n },\n l: {\n width: 560,\n minWidth: '100%',\n maxWidth: 'none',\n },\n m: {\n width: 480,\n minWidth: '100%',\n maxWidth: 'none',\n },\n s: {\n width: 280,\n minWidth: '100%',\n maxWidth: 'none',\n },\n xs: {\n width: 280,\n minWidth: '100%',\n maxWidth: 'none',\n },\n xxs: {\n width: 280,\n minWidth: '100%',\n maxWidth: 'none',\n },\n xxxs: {\n width: 280,\n minWidth: '100%',\n maxWidth: 'none',\n },\n}\n"],"names":["SIZES","xxxl","SIZES_FORM_INPUT_LABEL","l","xxl","xl","m","s","xs","xxs","xxxs","SIZES_CHECKBOX","SIZES_INPUT_CHECKBOX","text","tags","width","minWidth","maxWidth"],"mappings":"8HAUO,MAAMA,MAAqC,CAChDC,KAAMC,UAAsBF,MAACG,EAC7BC,IAAKF,UAAsBF,MAACG,EAC5BE,GAAIH,UAAsBF,MAACG,EAC3BA,EAAGD,UAAsBF,MAACG,EAC1BG,EAAGJ,UAAsBF,MAACM,EAC1BC,EAAGL,UAAsBF,MAACO,EAC1BC,GAAIN,UAAsBF,MAACO,EAC3BE,IAAKP,UAAsBF,MAACO,EAC5BG,KAAMR,UAAsBF,MAACO,GAGxB,MAAMI,eAA8C,CACzDV,KAAMW,YAAoBZ,MAACM,EAC3BF,IAAKQ,YAAoBZ,MAACM,EAC1BD,GAAIO,YAAoBZ,MAACM,EACzBH,EAAGS,YAAoBZ,MAACM,EACxBA,EAAGM,YAAoBZ,MAACO,EACxBA,EAAGK,YAAoBZ,MAACQ,GACxBA,GAAII,YAAoBZ,MAACQ,GACzBC,IAAKG,YAAoBZ,MAACQ,GAC1BE,KAAME,YAAoBZ,MAACQ,2BA1BC,CAC5BK,KAAM,OACNC,KAAM,qFA2B+C,CACrDb,KAAM,CACJc,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZb,IAAK,CACHW,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZZ,GAAI,CACFU,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZd,EAAG,CACDY,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZX,EAAG,CACDS,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZV,EAAG,CACDQ,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZT,GAAI,CACFO,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZR,IAAK,CACHM,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZP,KAAM,CACJK,MAAO,IACPC,SAAU,OACVC,SAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type {
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type { Size } from 'shared/types'\n\nexport const FuseSearchKeys = {\n text: 'text',\n tags: 'tags',\n} as const\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: SIZES_FORM_INPUT_LABEL.l,\n xxl: SIZES_FORM_INPUT_LABEL.l,\n xl: SIZES_FORM_INPUT_LABEL.l,\n l: SIZES_FORM_INPUT_LABEL.l,\n m: SIZES_FORM_INPUT_LABEL.m,\n s: SIZES_FORM_INPUT_LABEL.s,\n xs: SIZES_FORM_INPUT_LABEL.s,\n xxs: SIZES_FORM_INPUT_LABEL.s,\n xxxs: SIZES_FORM_INPUT_LABEL.s,\n}\n\nexport const SIZES_CHECKBOX: Record<Size, CSSProperties> = {\n xxxl: SIZES_INPUT_CHECKBOX.m,\n xxl: SIZES_INPUT_CHECKBOX.m,\n xl: SIZES_INPUT_CHECKBOX.m,\n l: SIZES_INPUT_CHECKBOX.m,\n m: SIZES_INPUT_CHECKBOX.s,\n s: SIZES_INPUT_CHECKBOX.xs,\n xs: SIZES_INPUT_CHECKBOX.xs,\n xxs: SIZES_INPUT_CHECKBOX.xs,\n xxxs: SIZES_INPUT_CHECKBOX.xs,\n}\n\nexport const SIZES_MENU: Record<Size, CSSProperties> = {\n xxxl: {\n width: 560,\n minWidth: '100%',\n maxWidth: 'none',\n },\n xxl: {\n width: 560,\n minWidth: '100%',\n maxWidth: 'none',\n },\n xl: {\n width: 560,\n minWidth: '100%',\n maxWidth: 'none',\n },\n l: {\n width: 560,\n minWidth: '100%',\n maxWidth: 'none',\n },\n m: {\n width: 480,\n minWidth: '100%',\n maxWidth: 'none',\n },\n s: {\n width: 280,\n minWidth: '100%',\n maxWidth: 'none',\n },\n xs: {\n width: 280,\n minWidth: '100%',\n maxWidth: 'none',\n },\n xxs: {\n width: 280,\n minWidth: '100%',\n maxWidth: 'none',\n },\n xxxs: {\n width: 280,\n minWidth: '100%',\n maxWidth: 'none',\n },\n}\n"],"names":["FuseSearchKeys","text","tags","SIZES","xxxl","SIZES_FORM_INPUT_LABEL","l","xxl","xl","m","s","xs","xxs","xxxs","SIZES_CHECKBOX","SIZES_INPUT_CHECKBOX","SIZES_MENU","width","minWidth","maxWidth"],"mappings":"2HAKO,MAAMA,eAAiB,CAC5BC,KAAM,OACNC,KAAM,QAGD,MAAMC,MAAqC,CAChDC,KAAMC,QAAuBC,EAC7BC,IAAKF,QAAuBC,EAC5BE,GAAIH,QAAuBC,EAC3BA,EAAGD,QAAuBC,EAC1BG,EAAGJ,QAAuBI,EAC1BC,EAAGL,QAAuBK,EAC1BC,GAAIN,QAAuBK,EAC3BE,IAAKP,QAAuBK,EAC5BG,KAAMR,QAAuBK,GAGxB,MAAMI,eAA8C,CACzDV,KAAMW,QAAqBN,EAC3BF,IAAKQ,QAAqBN,EAC1BD,GAAIO,QAAqBN,EACzBH,EAAGS,QAAqBN,EACxBA,EAAGM,QAAqBL,EACxBA,EAAGK,QAAqBJ,GACxBA,GAAII,QAAqBJ,GACzBC,IAAKG,QAAqBJ,GAC1BE,KAAME,QAAqBJ,IAGtB,MAAMK,WAA0C,CACrDZ,KAAM,CACJa,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZZ,IAAK,CACHU,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZX,GAAI,CACFS,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZb,EAAG,CACDW,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZV,EAAG,CACDQ,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZT,EAAG,CACDO,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZR,GAAI,CACFM,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZP,IAAK,CACHK,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZN,KAAM,CACJI,MAAO,IACPC,SAAU,OACVC,SAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/FormInputLabel/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/FormInputLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 22,\n paddingTop: 4,\n paddingRight: 8,\n paddingBottom: 4,\n paddingLeft: 16,\n minHeight: 72,\n borderRadius: 15,\n },\n xxl: {\n fontSize: 22,\n paddingTop: 4,\n paddingRight: 8,\n paddingBottom: 4,\n paddingLeft: 16,\n minHeight: 72,\n borderRadius: 15,\n },\n xl: {\n fontSize: 20,\n paddingTop: 4,\n paddingRight: 8,\n paddingBottom: 4,\n paddingLeft: 16,\n minHeight: 64,\n borderRadius: 13,\n },\n l: {\n fontSize: 18,\n paddingTop: 4,\n paddingRight: 8,\n paddingBottom: 4,\n paddingLeft: 16,\n minHeight: 56,\n borderRadius: 12,\n },\n m: {\n fontSize: 16,\n paddingTop: 4,\n paddingRight: 8,\n paddingBottom: 4,\n paddingLeft: 16,\n minHeight: 48,\n borderRadius: 10,\n },\n s: {\n fontSize: 14,\n paddingTop: 4,\n paddingRight: 6,\n paddingBottom: 4,\n paddingLeft: 14,\n minHeight: 40,\n borderRadius: 8,\n },\n xs: {\n fontSize: 12,\n paddingTop: 4,\n paddingRight: 6,\n paddingBottom: 4,\n paddingLeft: 14,\n minHeight: 40,\n borderRadius: 8,\n },\n xxs: {\n fontSize: 12,\n paddingTop: 4,\n paddingRight: 6,\n paddingBottom: 4,\n paddingLeft: 14,\n minHeight: 40,\n borderRadius: 8,\n },\n xxxs: {\n fontSize: 12,\n paddingTop: 4,\n paddingRight: 6,\n paddingBottom: 4,\n paddingLeft: 14,\n minHeight: 40,\n borderRadius: 8,\n },\n}\n"],"names":["xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","minHeight","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBC,IAAK,CACHP,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBE,GAAI,CACFR,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBG,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBI,EAAG,CACDV,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBK,EAAG,CACDX,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBM,GAAI,CACFZ,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBO,IAAK,CACHb,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBQ,KAAM,CACJd,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/FormInputLabel/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/FormInputLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 22,\n paddingTop: 4,\n paddingRight: 8,\n paddingBottom: 4,\n paddingLeft: 16,\n minHeight: 72,\n borderRadius: 15,\n },\n xxl: {\n fontSize: 22,\n paddingTop: 4,\n paddingRight: 8,\n paddingBottom: 4,\n paddingLeft: 16,\n minHeight: 72,\n borderRadius: 15,\n },\n xl: {\n fontSize: 20,\n paddingTop: 4,\n paddingRight: 8,\n paddingBottom: 4,\n paddingLeft: 16,\n minHeight: 64,\n borderRadius: 13,\n },\n l: {\n fontSize: 18,\n paddingTop: 4,\n paddingRight: 8,\n paddingBottom: 4,\n paddingLeft: 16,\n minHeight: 56,\n borderRadius: 12,\n },\n m: {\n fontSize: 16,\n paddingTop: 4,\n paddingRight: 8,\n paddingBottom: 4,\n paddingLeft: 16,\n minHeight: 48,\n borderRadius: 10,\n },\n s: {\n fontSize: 14,\n paddingTop: 4,\n paddingRight: 6,\n paddingBottom: 4,\n paddingLeft: 14,\n minHeight: 40,\n borderRadius: 8,\n },\n xs: {\n fontSize: 12,\n paddingTop: 4,\n paddingRight: 6,\n paddingBottom: 4,\n paddingLeft: 14,\n minHeight: 40,\n borderRadius: 8,\n },\n xxs: {\n fontSize: 12,\n paddingTop: 4,\n paddingRight: 6,\n paddingBottom: 4,\n paddingLeft: 14,\n minHeight: 40,\n borderRadius: 8,\n },\n xxxs: {\n fontSize: 12,\n paddingTop: 4,\n paddingRight: 6,\n paddingBottom: 4,\n paddingLeft: 14,\n minHeight: 40,\n borderRadius: 8,\n },\n}\n"],"names":["SIZES","xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","minHeight","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBC,IAAK,CACHP,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBE,GAAI,CACFR,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBG,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBI,EAAG,CACDV,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBK,EAAG,CACDX,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBM,GAAI,CACFZ,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBO,IAAK,CACHb,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBQ,KAAM,CACJd,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 26,\n },\n xxl: {\n fontSize: 24,\n },\n xl: {\n fontSize: 22,\n },\n l: {\n fontSize: 20,\n },\n m: {\n fontSize: 18,\n },\n s: {\n fontSize: 16,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 12,\n },\n xxxs: {\n fontSize: 10,\n },\n}\n"],"names":["xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 26,\n },\n xxl: {\n fontSize: 24,\n },\n xl: {\n fontSize: 22,\n },\n l: {\n fontSize: 20,\n },\n m: {\n fontSize: 18,\n },\n s: {\n fontSize: 16,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 12,\n },\n xxxs: {\n fontSize: 10,\n },\n}\n"],"names":["SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Icon/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/Icon/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 42,\n },\n xxl: {\n fontSize: 38,\n },\n xl: {\n fontSize: 34,\n },\n l: {\n fontSize: 30,\n },\n m: {\n fontSize: 26,\n },\n s: {\n fontSize: 22,\n },\n xs: {\n fontSize: 18,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 10,\n },\n}\n"],"names":["xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Icon/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Icon/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 42,\n },\n xxl: {\n fontSize: 38,\n },\n xl: {\n fontSize: 34,\n },\n l: {\n fontSize: 30,\n },\n m: {\n fontSize: 26,\n },\n s: {\n fontSize: 22,\n },\n xs: {\n fontSize: 18,\n },\n xxs: {\n fontSize: 14,\n },\n xxxs: {\n fontSize: 10,\n },\n}\n"],"names":["SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/IconButton/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/IconButton/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n width: 40,\n height: 40,\n fontSize: 28,\n borderRadius: '50%',\n },\n xxl: {\n width: 40,\n height: 40,\n fontSize: 28,\n borderRadius: '50%',\n },\n xl: {\n width: 32,\n height: 32,\n fontSize: 24,\n borderRadius: '50%',\n },\n l: {\n width: 28,\n height: 28,\n fontSize: 20,\n borderRadius: '50%',\n },\n m: {\n width: 22,\n height: 22,\n fontSize: 18,\n borderRadius: '50%',\n },\n s: {\n width: 20,\n height: 20,\n fontSize: 16,\n borderRadius: '50%',\n },\n xs: {\n width: 18,\n height: 18,\n fontSize: 14,\n borderRadius: '50%',\n },\n xxs: {\n width: 16,\n height: 16,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxxs: {\n width: 16,\n height: 16,\n fontSize: 12,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES_SQUARE = {\n xxxl: {\n width: 40,\n height: 40,\n fontSize: 28,\n borderRadius: 8,\n },\n xxl: {\n width: 40,\n height: 40,\n fontSize: 28,\n borderRadius: 8,\n },\n xl: {\n width: 32,\n height: 32,\n fontSize: 24,\n borderRadius: 7,\n },\n l: {\n width: 28,\n height: 28,\n fontSize: 20,\n borderRadius: 6,\n },\n m: {\n width: 22,\n height: 22,\n fontSize: 18,\n borderRadius: 5,\n },\n s: {\n width: 20,\n height: 20,\n fontSize: 16,\n borderRadius: 4,\n },\n xs: {\n width: 18,\n height: 18,\n fontSize: 14,\n borderRadius: 4,\n },\n xxs: {\n width: 16,\n height: 16,\n fontSize: 12,\n borderRadius: 4,\n },\n xxxs: {\n width: 16,\n height: 16,\n fontSize: 12,\n borderRadius: 4,\n },\n}\n"],"names":["xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,6BAIU,CAC1BJ,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/IconButton/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/IconButton/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n width: 40,\n height: 40,\n fontSize: 28,\n borderRadius: '50%',\n },\n xxl: {\n width: 40,\n height: 40,\n fontSize: 28,\n borderRadius: '50%',\n },\n xl: {\n width: 32,\n height: 32,\n fontSize: 24,\n borderRadius: '50%',\n },\n l: {\n width: 28,\n height: 28,\n fontSize: 20,\n borderRadius: '50%',\n },\n m: {\n width: 22,\n height: 22,\n fontSize: 18,\n borderRadius: '50%',\n },\n s: {\n width: 20,\n height: 20,\n fontSize: 16,\n borderRadius: '50%',\n },\n xs: {\n width: 18,\n height: 18,\n fontSize: 14,\n borderRadius: '50%',\n },\n xxs: {\n width: 16,\n height: 16,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxxs: {\n width: 16,\n height: 16,\n fontSize: 12,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES_SQUARE = {\n xxxl: {\n width: 40,\n height: 40,\n fontSize: 28,\n borderRadius: 8,\n },\n xxl: {\n width: 40,\n height: 40,\n fontSize: 28,\n borderRadius: 8,\n },\n xl: {\n width: 32,\n height: 32,\n fontSize: 24,\n borderRadius: 7,\n },\n l: {\n width: 28,\n height: 28,\n fontSize: 20,\n borderRadius: 6,\n },\n m: {\n width: 22,\n height: 22,\n fontSize: 18,\n borderRadius: 5,\n },\n s: {\n width: 20,\n height: 20,\n fontSize: 16,\n borderRadius: 4,\n },\n xs: {\n width: 18,\n height: 18,\n fontSize: 14,\n borderRadius: 4,\n },\n xxs: {\n width: 16,\n height: 16,\n fontSize: 12,\n borderRadius: 4,\n },\n xxxs: {\n width: 16,\n height: 16,\n fontSize: 12,\n borderRadius: 4,\n },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,QAIX,MAAMS,aAAe,CAC1Bb,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n xxl: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n xl: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n l: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n m: {\n width: 6,\n height: 6,\n borderRadius: '50%',\n },\n s: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n xs: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n xxs: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n xxxs: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n xxxl: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n xxl: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n xl: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n l: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n m: {\n width: 'min-content',\n minWidth: 18,\n height: 18,\n borderRadius: 4,\n fontSize: 12,\n },\n s: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n xs: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n xxs: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n xxxs: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n}\n"],"names":["xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","minWidth","fontSize"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBK,EAAG,CACDP,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBM,GAAI,CACFR,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBO,IAAK,CACHT,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBQ,KAAM,CACJV,MAAO,EACPC,OAAQ,EACRC,aAAc,6BAIuC,CACvDH,KAAM,CACJC,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZT,IAAK,CACHH,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZR,GAAI,CACFJ,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZP,EAAG,CACDL,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZN,EAAG,CACDN,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZL,EAAG,CACDP,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZJ,GAAI,CACFR,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZH,IAAK,CACHT,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZF,KAAM,CACJV,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n xxl: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n xl: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n l: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n m: {\n width: 6,\n height: 6,\n borderRadius: '50%',\n },\n s: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n xs: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n xxs: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n xxxs: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n xxxl: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n xxl: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n xl: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n l: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n m: {\n width: 'min-content',\n minWidth: 18,\n height: 18,\n borderRadius: 4,\n fontSize: 12,\n },\n s: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n xs: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n xxs: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n xxxs: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n}\n"],"names":["SIZES","xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE","minWidth","fontSize"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBK,EAAG,CACDP,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBM,GAAI,CACFR,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBO,IAAK,CACHT,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBQ,KAAM,CACJV,MAAO,EACPC,OAAQ,EACRC,aAAc,QAIX,MAAMS,aAA4C,CACvDZ,KAAM,CACJC,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZV,IAAK,CACHH,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZT,GAAI,CACFJ,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZR,EAAG,CACDL,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZP,EAAG,CACDN,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZN,EAAG,CACDP,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZL,GAAI,CACFR,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZJ,IAAK,CACHT,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZH,KAAM,CACJV,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/InputCheckbox/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/InputCheckbox/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n width: 40,\n height: 40,\n borderRadius: 8,\n },\n xxl: {\n width: 36,\n height: 36,\n borderRadius: 8,\n },\n xl: {\n width: 32,\n height: 32,\n borderRadius: 7,\n },\n l: {\n width: 28,\n height: 28,\n borderRadius: 6,\n },\n m: {\n width: 24,\n height: 24,\n borderRadius: 5,\n },\n s: {\n width: 20,\n height: 20,\n borderRadius: 4,\n },\n xs: {\n width: 18,\n height: 18,\n borderRadius: 4,\n },\n xxs: {\n width: 16,\n height: 16,\n borderRadius: 4,\n },\n xxxs: {\n width: 14,\n height: 14,\n borderRadius: 3,\n },\n}\n"],"names":["xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,aAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/InputCheckbox/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/InputCheckbox/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n width: 40,\n height: 40,\n borderRadius: 8,\n },\n xxl: {\n width: 36,\n height: 36,\n borderRadius: 8,\n },\n xl: {\n width: 32,\n height: 32,\n borderRadius: 7,\n },\n l: {\n width: 28,\n height: 28,\n borderRadius: 6,\n },\n m: {\n width: 24,\n height: 24,\n borderRadius: 5,\n },\n s: {\n width: 20,\n height: 20,\n borderRadius: 4,\n },\n xs: {\n width: 18,\n height: 18,\n borderRadius: 4,\n },\n xxs: {\n width: 16,\n height: 16,\n borderRadius: 4,\n },\n xxxs: {\n width: 14,\n height: 14,\n borderRadius: 3,\n },\n}\n"],"names":["SIZES","xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,aAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/InputRadio/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/InputRadio/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n width: 40,\n height: 40,\n },\n xxl: {\n width: 36,\n height: 36,\n },\n xl: {\n width: 32,\n height: 32,\n },\n l: {\n width: 28,\n height: 28,\n },\n m: {\n width: 24,\n height: 24,\n },\n s: {\n width: 20,\n height: 20,\n },\n xs: {\n width: 18,\n height: 18,\n },\n xxs: {\n width: 16,\n height: 16,\n },\n xxxs: {\n width: 14,\n height: 14,\n },\n}\n"],"names":["xxxl","width","height","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,MAAO,GACPC,OAAQ,IAEVC,IAAK,CACHF,MAAO,GACPC,OAAQ,IAEVE,GAAI,CACFH,MAAO,GACPC,OAAQ,IAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ,IAEVI,EAAG,CACDL,MAAO,GACPC,OAAQ,IAEVK,EAAG,CACDN,MAAO,GACPC,OAAQ,IAEVM,GAAI,CACFP,MAAO,GACPC,OAAQ,IAEVO,IAAK,CACHR,MAAO,GACPC,OAAQ,IAEVQ,KAAM,CACJT,MAAO,GACPC,OAAQ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/InputRadio/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/InputRadio/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n width: 40,\n height: 40,\n },\n xxl: {\n width: 36,\n height: 36,\n },\n xl: {\n width: 32,\n height: 32,\n },\n l: {\n width: 28,\n height: 28,\n },\n m: {\n width: 24,\n height: 24,\n },\n s: {\n width: 20,\n height: 20,\n },\n xs: {\n width: 18,\n height: 18,\n },\n xxs: {\n width: 16,\n height: 16,\n },\n xxxs: {\n width: 14,\n height: 14,\n },\n}\n"],"names":["SIZES","xxxl","width","height","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,MAAO,GACPC,OAAQ,IAEVC,IAAK,CACHF,MAAO,GACPC,OAAQ,IAEVE,GAAI,CACFH,MAAO,GACPC,OAAQ,IAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ,IAEVI,EAAG,CACDL,MAAO,GACPC,OAAQ,IAEVK,EAAG,CACDN,MAAO,GACPC,OAAQ,IAEVM,GAAI,CACFP,MAAO,GACPC,OAAQ,IAEVO,IAAK,CACHR,MAAO,GACPC,OAAQ,IAEVQ,KAAM,CACJT,MAAO,GACPC,OAAQ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/ListItem/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/ListItem/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 20,\n paddingTop: 16,\n paddingRight: 20,\n paddingBottom: 16,\n paddingLeft: 20,\n },\n xxl: {\n fontSize: 20,\n paddingTop: 16,\n paddingRight: 20,\n paddingBottom: 16,\n paddingLeft: 20,\n },\n xl: {\n fontSize: 20,\n paddingTop: 16,\n paddingRight: 20,\n paddingBottom: 16,\n paddingLeft: 20,\n },\n l: {\n fontSize: 18,\n paddingTop: 10,\n paddingRight: 16,\n paddingBottom: 10,\n paddingLeft: 16,\n },\n m: {\n fontSize: 16,\n paddingTop: 8,\n paddingRight: 12,\n paddingBottom: 8,\n paddingLeft: 12,\n },\n s: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n xs: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n xxs: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n xxxs: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n}\n"],"names":["xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfC,IAAK,CACHL,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfE,GAAI,CACFN,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfG,EAAG,CACDP,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfI,EAAG,CACDR,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfK,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfM,GAAI,CACFV,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfO,IAAK,CACHX,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfQ,KAAM,CACJZ,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/ListItem/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/ListItem/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 20,\n paddingTop: 16,\n paddingRight: 20,\n paddingBottom: 16,\n paddingLeft: 20,\n },\n xxl: {\n fontSize: 20,\n paddingTop: 16,\n paddingRight: 20,\n paddingBottom: 16,\n paddingLeft: 20,\n },\n xl: {\n fontSize: 20,\n paddingTop: 16,\n paddingRight: 20,\n paddingBottom: 16,\n paddingLeft: 20,\n },\n l: {\n fontSize: 18,\n paddingTop: 10,\n paddingRight: 16,\n paddingBottom: 10,\n paddingLeft: 16,\n },\n m: {\n fontSize: 16,\n paddingTop: 8,\n paddingRight: 12,\n paddingBottom: 8,\n paddingLeft: 12,\n },\n s: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n xs: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n xxs: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n xxxs: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n}\n"],"names":["SIZES","xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfC,IAAK,CACHL,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfE,GAAI,CACFN,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfG,EAAG,CACDP,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfI,EAAG,CACDR,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfK,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfM,GAAI,CACFV,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfO,IAAK,CACHX,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfQ,KAAM,CACJZ,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n maxWidth: 560,\n minWidth: 'min-content',\n },\n xxl: {\n maxWidth: 560,\n minWidth: 'min-content',\n },\n xl: {\n maxWidth: 560,\n minWidth: 'min-content',\n },\n l: {\n maxWidth: 560,\n minWidth: 'min-content',\n },\n m: {\n maxWidth: 480,\n minWidth: 'min-content',\n },\n s: {\n maxWidth: 280,\n minWidth: 'min-content',\n },\n xs: {\n maxWidth: 280,\n minWidth: 'min-content',\n },\n xxs: {\n maxWidth: 280,\n minWidth: 'min-content',\n },\n xxxs: {\n maxWidth: 280,\n minWidth: 'min-content',\n },\n}\n"],"names":["xxxl","maxWidth","minWidth","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,SAAU,IACVC,SAAU,eAEZC,IAAK,CACHF,SAAU,IACVC,SAAU,eAEZE,GAAI,CACFH,SAAU,IACVC,SAAU,eAEZG,EAAG,CACDJ,SAAU,IACVC,SAAU,eAEZI,EAAG,CACDL,SAAU,IACVC,SAAU,eAEZK,EAAG,CACDN,SAAU,IACVC,SAAU,eAEZM,GAAI,CACFP,SAAU,IACVC,SAAU,eAEZO,IAAK,CACHR,SAAU,IACVC,SAAU,eAEZQ,KAAM,CACJT,SAAU,IACVC,SAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n maxWidth: 560,\n minWidth: 'min-content',\n },\n xxl: {\n maxWidth: 560,\n minWidth: 'min-content',\n },\n xl: {\n maxWidth: 560,\n minWidth: 'min-content',\n },\n l: {\n maxWidth: 560,\n minWidth: 'min-content',\n },\n m: {\n maxWidth: 480,\n minWidth: 'min-content',\n },\n s: {\n maxWidth: 280,\n minWidth: 'min-content',\n },\n xs: {\n maxWidth: 280,\n minWidth: 'min-content',\n },\n xxs: {\n maxWidth: 280,\n minWidth: 'min-content',\n },\n xxxs: {\n maxWidth: 280,\n minWidth: 'min-content',\n },\n}\n"],"names":["SIZES","xxxl","maxWidth","minWidth","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,SAAU,IACVC,SAAU,eAEZC,IAAK,CACHF,SAAU,IACVC,SAAU,eAEZE,GAAI,CACFH,SAAU,IACVC,SAAU,eAEZG,EAAG,CACDJ,SAAU,IACVC,SAAU,eAEZI,EAAG,CACDL,SAAU,IACVC,SAAU,eAEZK,EAAG,CACDN,SAAU,IACVC,SAAU,eAEZM,GAAI,CACFP,SAAU,IACVC,SAAU,eAEZO,IAAK,CACHR,SAAU,IACVC,SAAU,eAEZQ,KAAM,CACJT,SAAU,IACVC,SAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
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
|
|
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
2
|
//# sourceMappingURL=MenuList.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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: string[] = [...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,SAAqB,IAAIC,UAAAA,aAAaC,QAAQC,OAAQF,UAAYA,aAACG,UAAUD,sBAYlBE,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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
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
|
|
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
2
|
//# sourceMappingURL=MenuList.mjs.map
|