npm - @skodaflow/web-library - Versions diffs - 7.15.1 → 7.16.1 - Mend

@skodaflow/web-library 7.15.1 → 7.16.1

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

Files changed (3915) hide show

package/cjs/materialui/chip/chip.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.theme.js","sources":["../../../../../src/materialui/chip/chip.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { CSSObject, Theme } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/*\n Wrapper around getInteractiveStyle() function to provide interactive style\n * only for chip that is actually a button\n /\nfunction getChipInteractiveStyle(defaultStyle: CSSObject, hoverStyle: CSSObject): CSSObject {\n return {\n ...defaultStyle,\n '&.MuiButtonBase-root': {\n ...getInteractiveStyle(defaultStyle, hoverStyle),\n },\n };\n}\n\n/\n Return style for either outlined or filled variant. Used by deprecated semantic colors\n */\nfunction getVariantStyle(theme: Theme, variant: string, primaryColor: string, hover?: boolean): CSSObject {\n if (variant === 'outlined') {\n return {\n backgroundColor: hover ? theme.palette.transparent.secondary : 'transparent',\n color: primaryColor,\n borderColor: primaryColor,\n };\n } else {\n return {\n backgroundColor: primaryColor,\n color: theme.palette.onSurface.os0,\n borderColor: primaryColor,\n };\n }\n}\n\nexport const flowChip: Components<Theme>['MuiChip'] = {\n defaultProps: {\n deleteIcon: <CloseIcon />,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n position: 'relative',\n // proportions\n height: 'auto',\n minWidth: '0',\n padding: '5px 16px',\n // not recommended small variant\n ...(ownerState.size === 'small' && {\n padding: '2px 12px',\n }),\n // custom font size\n textRendering: 'geometricPrecision',\n textTransform: 'none',\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '400',\n letterSpacing: '0px',\n outline: 'none',\n // 50% border radius without skewing ratio\n borderRadius: '1000px',\n textAlign: 'center',\n transition:\n 'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n // correct cursor if the chip is clickable button\n '&&.MuiButtonBase-root': {\n cursor: 'pointer',\n },\n // more important selector to overwrite default @mui styling\n '&, &:active': {\n boxShadow: 'none',\n // drop shadow variant (+ old API support)\n ...((ownerState.raised \|\| ownerState.className?.includes('.MuiChip-shadow')) && {\n boxShadow: theme.flowShadows.xs,\n }),\n },\n // style (default 'filled' (solid) variant)\n border: `1px solid ${theme.palette.onSurface.os900}`,\n ...getChipInteractiveStyle(\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n borderColor: theme.palette.onSurface.os500,\n // drop shadow variant (+ old API support)\n ...((ownerState.raised \|\| ownerState.className?.includes('.MuiChip-shadow')) && {\n backgroundColor: theme.palette.background.primary,\n }),\n },\n {\n backgroundColor: theme.palette.surface.secondary,\n color: theme.palette.text.primary,\n borderColor: theme.palette.onSurface.os500,\n // drop shadow variant (+ old API support)\n ...((ownerState.raised \|\| ownerState.className?.includes('.MuiChip-shadow')) && {\n backgroundColor: theme.palette.surface.primary,\n }),\n },\n ),\n // transparent variant\n ...(ownerState.variant === 'transparent' && {\n ...getChipInteractiveStyle(\n {\n backgroundColor: theme.palette.transparent.primary,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n },\n ),\n }),\n // deprecated secondary color\n ...(ownerState.color === 'secondary' &&\n ownerState.variant !== 'outlined' && {\n ...getChipInteractiveStyle(\n {\n backgroundColor: theme.palette.secondary.main,\n color: theme.palette.common.white,\n borderColor: theme.palette.secondary.main,\n },\n {\n backgroundColor: theme.palette.secondary.dark,\n color: theme.palette.common.white,\n borderColor: theme.palette.secondary.dark,\n },\n ),\n }),\n // deprecated semantic colors\n ...(ownerState.color === 'error' && {\n ...getChipInteractiveStyle(\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.error.main),\n },\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.error.dark, true),\n },\n ),\n }),\n ...(ownerState.color === 'warning' && {\n ...getChipInteractiveStyle(\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.main),\n },\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.dark, true),\n },\n ),\n }),\n ...(ownerState.color === 'info' && {\n ...getChipInteractiveStyle(\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.info.main),\n },\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.info.dark, true),\n },\n ),\n }),\n // selected chip\n ...((ownerState.isSelected \|\| ['success', 'primary'].includes(ownerState.color)) && {\n borderWidth: '2px',\n // remove 1px border for each side\n padding: '4px 15px',\n ...(ownerState.size === 'small' && {\n padding: '1px 11px',\n }),\n ...getChipInteractiveStyle(\n theme.palette.mode === 'dark'\n ? {\n backgroundColor: theme.palette.onSurface.os800,\n color: theme.palette.brand.secondary,\n borderColor: theme.palette.brand.secondary,\n }\n : {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n },\n theme.palette.mode === 'dark'\n ? {\n backgroundColor: theme.palette.onSurface.os800,\n color: theme.palette.brandHover.secondary,\n borderColor: theme.palette.brandHover.secondary,\n }\n : {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.brandHover.primary,\n borderColor: theme.palette.brandHover.primary,\n },\n ),\n }),\n // disabled\n '&.Mui-disabled': {\n opacity: '1',\n userSelect: 'none',\n color: theme.palette.disabled.primary,\n backgroundColor: theme.palette.surface.primary,\n borderColor: theme.palette.disabled.primary,\n // transparent variant\n ...(ownerState.variant === 'transparent' && {\n backgroundColor: theme.palette.transparent.primary,\n }),\n },\n // focused style\n ...getFocusRingStyle(theme, true, 1),\n ...((ownerState.isSelected \|\| ['success', 'primary'].includes(ownerState.color)) && {\n ...updateFocusRingStyle(2),\n }),\n // old api, counting dot\n '& .count': {\n ...(theme.palette.mode === 'dark'\n ? {\n backgroundColor: theme.palette.brand.secondary,\n color: theme.palette.onSurface.os900,\n }\n : {\n backgroundColor: theme.palette.brand.primary,\n color: theme.palette.common.white,\n }),\n minWidth: '20px',\n height: '20px',\n borderRadius: '20px',\n paddingLeft: '4px',\n paddingRight: '4px',\n textAlign: 'center',\n marginLeft: '10px',\n fontSize: '14px',\n lineHeight: '20px',\n fontWeight: '700',\n '& + .MuiChip-deleteIcon': {\n marginLeft: '5px',\n },\n },\n '& .chevron-down, & .chevron-up, & .MuiSvgIcon-root:last-child': {\n fontSize: '17px',\n // space between text and icon\n marginRight: '0',\n marginLeft: '10px',\n },\n '&.chevron-down.isOpen, & .MuiSvgIcon-root:last-child.isOpen': {\n transform: 'rotate(180deg)',\n },\n }),\n icon: {\n '&, &:hover': {\n color: 'currentColor',\n },\n fontSize: '17px',\n // space between text and icon\n marginRight: '10px',\n marginLeft: '0',\n },\n deleteIcon: {\n '&, &:hover': {\n color: 'currentColor',\n },\n fontSize: '17px',\n // space between text and icon\n marginRight: '0',\n marginLeft: '10px',\n },\n label: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n padding: '0',\n },\n },\n};\n"],"names":["getChipInteractiveStyle","defaultStyle","hoverStyle","Object","assign","getInteractiveStyle","getVariantStyle","theme","variant","primaryColor","hover","backgroundColor","palette","transparent","secondary","color","borderColor","onSurface","os0","flowChip","defaultProps","deleteIcon","_jsx","CloseIcon","styleOverrides","root","ownerState","position","height","minWidth","padding","size","textRendering","textTransform","fontSize","lineHeight","fontWeight","letterSpacing","outline","borderRadius","textAlign","transition","cursor","boxShadow","raised","className","_a","includes","flowShadows","xs","border","os900","surface","primary","text","os500","_b","background","_c","main","common","white","dark","error","warning","info","isSelected","borderWidth","mode","os800","brand","quarternary","brandHover","opacity","userSelect","disabled","getFocusRingStyle","updateFocusRingStyle","paddingLeft","paddingRight","marginLeft","marginRight","transform","icon","label","display","alignItems","justifyContent"],"mappings":"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"}
1	+ {"version":3,"file":"chip.theme.js","sources":["../../../../../src/materialui/chip/chip.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { CSSObject, Theme } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/*\n Wrapper around getInteractiveStyle() function to provide interactive style\n * only for chip that is actually a button\n /\nfunction getChipInteractiveStyle(defaultStyle: CSSObject, hoverStyle: CSSObject): CSSObject {\n return {\n ...defaultStyle,\n '&.MuiButtonBase-root': {\n ...getInteractiveStyle(defaultStyle, hoverStyle),\n },\n };\n}\n\n/\n Return style for either outlined or filled variant. Used by deprecated semantic colors\n */\nfunction getVariantStyle(theme: Theme, variant: string, primaryColor: string, hover?: boolean): CSSObject {\n if (variant === 'outlined') {\n return {\n backgroundColor: hover ? theme.palette.transparent.secondary : 'transparent',\n color: primaryColor,\n borderColor: primaryColor,\n };\n } else {\n return {\n backgroundColor: primaryColor,\n color: theme.palette.onSurface.os0,\n borderColor: primaryColor,\n };\n }\n}\n\nexport const flowChip: Components<Theme>['MuiChip'] = {\n defaultProps: {\n deleteIcon: <CloseIcon />,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n position: 'relative',\n // proportions\n height: 'auto',\n minWidth: '0',\n padding: '5px 16px',\n // not recommended small variant\n ...(ownerState.size === 'small' && {\n padding: '2px 12px',\n }),\n // custom font size\n textRendering: 'geometricPrecision',\n textTransform: 'none',\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '400',\n letterSpacing: '0px',\n outline: 'none',\n // 50% border radius without skewing ratio\n borderRadius: '1000px',\n textAlign: 'center',\n transition:\n 'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n // correct cursor if the chip is clickable button\n '&&.MuiButtonBase-root': {\n cursor: 'pointer',\n },\n // more important selector to overwrite default @mui styling\n '&, &:active': {\n boxShadow: 'none',\n // drop shadow variant (+ old API support)\n ...((ownerState.raised \|\| ownerState.className?.includes('.MuiChip-shadow')) && {\n boxShadow: theme.flowShadows.xs,\n }),\n },\n // style (default 'filled' (solid) variant)\n border: `1px solid ${theme.palette.onSurface.os900}`,\n ...getChipInteractiveStyle(\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n borderColor: theme.palette.onSurface.os500,\n // drop shadow variant (+ old API support)\n ...((ownerState.raised \|\| ownerState.className?.includes('.MuiChip-shadow')) && {\n backgroundColor: theme.palette.background.primary,\n }),\n },\n {\n backgroundColor: theme.palette.surface.secondary,\n color: theme.palette.text.primary,\n borderColor: theme.palette.onSurface.os500,\n // drop shadow variant (+ old API support)\n ...((ownerState.raised \|\| ownerState.className?.includes('.MuiChip-shadow')) && {\n backgroundColor: theme.palette.surface.primary,\n }),\n },\n ),\n // transparent variant\n ...(ownerState.variant === 'transparent' && {\n ...getChipInteractiveStyle(\n {\n backgroundColor: theme.palette.transparent.primary,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n },\n ),\n }),\n // deprecated secondary color\n ...(ownerState.color === 'secondary' &&\n ownerState.variant !== 'outlined' && {\n ...getChipInteractiveStyle(\n {\n backgroundColor: theme.palette.secondary.main,\n color: theme.palette.common.white,\n borderColor: theme.palette.secondary.main,\n },\n {\n backgroundColor: theme.palette.secondary.dark,\n color: theme.palette.common.white,\n borderColor: theme.palette.secondary.dark,\n },\n ),\n }),\n // deprecated semantic colors\n ...(ownerState.color === 'error' && {\n ...getChipInteractiveStyle(\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.error.main),\n },\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.error.dark, true),\n },\n ),\n }),\n ...(ownerState.color === 'warning' && {\n ...getChipInteractiveStyle(\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.main),\n },\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.dark, true),\n },\n ),\n }),\n ...(ownerState.color === 'info' && {\n ...getChipInteractiveStyle(\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.info.main),\n },\n {\n ...getVariantStyle(theme, ownerState.variant, theme.palette.info.dark, true),\n },\n ),\n }),\n // selected chip\n ...((ownerState.isSelected \|\| ['success', 'primary'].includes(ownerState.color)) && {\n borderWidth: '2px',\n // remove 1px border for each side\n padding: '4px 15px',\n ...(ownerState.size === 'small' && {\n padding: '1px 11px',\n }),\n ...getChipInteractiveStyle(\n theme.palette.mode === 'dark'\n ? {\n backgroundColor: theme.palette.onSurface.os800,\n color: theme.palette.brand.secondary,\n borderColor: theme.palette.brand.secondary,\n }\n : {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n },\n theme.palette.mode === 'dark'\n ? {\n backgroundColor: theme.palette.onSurface.os800,\n color: theme.palette.brandHover.secondary,\n borderColor: theme.palette.brandHover.secondary,\n }\n : {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.brandHover.primary,\n borderColor: theme.palette.brandHover.primary,\n },\n ),\n }),\n // disabled\n '&.Mui-disabled': {\n opacity: '1',\n userSelect: 'none',\n color: theme.palette.disabled.primary,\n backgroundColor: theme.palette.surface.primary,\n borderColor: theme.palette.disabled.primary,\n // transparent variant\n ...(ownerState.variant === 'transparent' && {\n backgroundColor: theme.palette.transparent.primary,\n }),\n },\n // focused style\n ...getFocusRingStyle(theme, true, 1),\n ...((ownerState.isSelected \|\| ['success', 'primary'].includes(ownerState.color)) && {\n ...updateFocusRingStyle(2),\n }),\n // old api, counting dot\n '& .count': {\n ...(theme.palette.mode === 'dark'\n ? {\n backgroundColor: theme.palette.brand.secondary,\n color: theme.palette.onSurface.os900,\n }\n : {\n backgroundColor: theme.palette.brand.primary,\n color: theme.palette.common.white,\n }),\n minWidth: '20px',\n height: '20px',\n borderRadius: '20px',\n paddingLeft: '4px',\n paddingRight: '4px',\n textAlign: 'center',\n marginLeft: '10px',\n fontSize: '14px',\n lineHeight: '20px',\n fontWeight: '700',\n '& + .MuiChip-deleteIcon': {\n marginLeft: '5px',\n },\n },\n '& .chevron-down, & .chevron-up, & .MuiSvgIcon-root:last-child': {\n fontSize: '17px',\n // space between text and icon\n marginRight: '0',\n marginLeft: '10px',\n },\n '&.chevron-down.isOpen, & .MuiSvgIcon-root:last-child.isOpen': {\n transform: 'rotate(180deg)',\n },\n }),\n icon: {\n '&, &:hover': {\n color: 'currentColor',\n },\n fontSize: '17px',\n // space between text and icon\n marginRight: '10px',\n marginLeft: '0',\n },\n deleteIcon: {\n '&, &:hover': {\n color: 'currentColor',\n },\n fontSize: '17px',\n // space between text and icon\n marginRight: '0',\n marginLeft: '10px',\n },\n label: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n padding: '0',\n },\n },\n};\n"],"names":["getChipInteractiveStyle","defaultStyle","hoverStyle","Object","assign","getInteractiveStyle","getVariantStyle","theme","variant","primaryColor","hover","backgroundColor","palette","transparent","secondary","color","borderColor","onSurface","os0","flowChip","defaultProps","deleteIcon","_jsx","CloseIcon","styleOverrides","root","ownerState","position","height","minWidth","padding","size","textRendering","textTransform","fontSize","lineHeight","fontWeight","letterSpacing","outline","borderRadius","textAlign","transition","cursor","boxShadow","raised","className","_a","includes","flowShadows","xs","border","os900","surface","primary","text","os500","_b","background","_c","main","common","white","dark","error","warning","info","isSelected","borderWidth","mode","os800","brand","quarternary","brandHover","opacity","userSelect","disabled","getFocusRingStyle","updateFocusRingStyle","paddingLeft","paddingRight","marginLeft","marginRight","transform","icon","label","display","alignItems","justifyContent"],"mappings":"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"}

package/cjs/materialui/circularprogress/circularprogress.theme.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material/styles';
+import { Theme } from '@mui/material';
+export declare const flowCircularProgress: Components<Theme>['MuiCircularProgress'];

package/cjs/materialui/circularprogress/circularprogress.theme.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";exports.flowCircularProgress={defaultProps:{size:24,thickness:8},styleOverrides:{circle:{strokeLinecap:"round"}}};
2	+ //# sourceMappingURL=circularprogress.theme.js.map

package/cjs/materialui/circularprogress/circularprogress.theme.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"circularprogress.theme.js","sources":["../../../../../src/materialui/circularprogress/circularprogress.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowCircularProgress: Components<Theme>['MuiCircularProgress'] = {\n defaultProps: {\n size: 24,\n thickness: 8,\n // enable with latest @mui version\n // enableTrackSlot: true,\n },\n styleOverrides: {\n circle: {\n strokeLinecap: 'round',\n },\n },\n};\n"],"names":["defaultProps","size","thickness","styleOverrides","circle","strokeLinecap"],"mappings":"0CAG8E,CAC5EA,aAAc,CACZC,KAAM,GACNC,UAAW,GAIbC,eAAgB,CACdC,OAAQ,CACNC,cAAe"}

package/cjs/materialui/circularprogress/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export type { CircularProgressProps } from '@mui/material';
2	+ export { CircularProgress } from '@mui/material';

package/cjs/materialui/container/container.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}var t=e(require("@skodaflow/web-tokens/src/tokens.json"));const s=(e,s)=>((e,s)=>{const a=s?t.default["flow-grid"].narrow:t.default["flow-grid"].default;switch(e){case"xs":case"sm":return a.find((e=>"mobile"===e.media));case"md":return a.find((e=>"tablet"===e.media));case"lg":return a.find((e=>"desktop"===e.media));case"xl":return a.find((e=>"desktop-xl"===e.media))}})(e,s).style.offset,a=(e,t)=>{const a=s(e,t);return a?{paddingLeft:+a+"px",paddingRight:+a+"px"}:void 0},i={paddingLeft:0,paddingRight:0},p={defaultProps:{maxWidth:!1},styleOverrides:{root:({theme:e})=>({[e.breakpoints.up("xs")]:a("xs"),[e.breakpoints.up("sm")]:a("sm"),[e.breakpoints.up("md")]:a("md"),[e.breakpoints.up("lg")]:a("lg"),[e.breakpoints.up("xl")]:a("xl"),"&.narrow":{[e.breakpoints.up("xs")]:a("xs",!0),[e.breakpoints.up("sm")]:a("sm",!0),[e.breakpoints.up("md")]:a("md",!0),[e.breakpoints.up("lg")]:a("lg",!0),[e.breakpoints.up("xl")]:a("xl",!0)}}),disableGutters:({theme:e})=>({[e.breakpoints.up("xs")]:i,[e.breakpoints.up("sm")]:i,[e.breakpoints.up("md")]:i,[e.breakpoints.up("lg")]:i,[e.breakpoints.up("md")]:i,"&.narrow":{[e.breakpoints.up("xs")]:i,[e.breakpoints.up("sm")]:i,[e.breakpoints.up("md")]:i,[e.breakpoints.up("lg")]:i,[e.breakpoints.up("md")]:i}}),maxWidthXs:({theme:e})=>({[e.breakpoints.up("xs")]:{maxWidth:e.breakpoints.values.sm}}),maxWidthSm:({theme:e})=>({[e.breakpoints.up("sm")]:{maxWidth:e.breakpoints.values.md}}),maxWidthMd:({theme:e})=>({[e.breakpoints.up("md")]:{maxWidth:e.breakpoints.values.lg}}),maxWidthLg:({theme:e})=>({[e.breakpoints.up("lg")]:{maxWidth:e.breakpoints.values.xl}}),maxWidthXl:({theme:e})=>({[e.breakpoints.up("xl")]:{maxWidth:e.breakpoints.values.xl}})},variants:[]};exports.flowContainer=p,exports.getGutters=a;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}var t=e(require("@skodaflow/web-tokens/src/tokens.json"));const s=(e,s)=>((e,s)=>{const a=s?t.default["flow-grid"].narrow:t.default["flow-grid"].default;switch(e){case"xs":case"sm":return a.find(e=>"mobile"===e.media);case"md":return a.find(e=>"tablet"===e.media);case"lg":return a.find(e=>"desktop"===e.media);case"xl":return a.find(e=>"desktop-xl"===e.media)}})(e,s).style.offset,a=(e,t)=>{const a=s(e,t);return a?{paddingLeft:+a+"px",paddingRight:+a+"px"}:void 0},i={paddingLeft:0,paddingRight:0},p={defaultProps:{maxWidth:!1},styleOverrides:{root:({theme:e})=>({[e.breakpoints.up("xs")]:a("xs"),[e.breakpoints.up("sm")]:a("sm"),[e.breakpoints.up("md")]:a("md"),[e.breakpoints.up("lg")]:a("lg"),[e.breakpoints.up("xl")]:a("xl"),"&.narrow":{[e.breakpoints.up("xs")]:a("xs",!0),[e.breakpoints.up("sm")]:a("sm",!0),[e.breakpoints.up("md")]:a("md",!0),[e.breakpoints.up("lg")]:a("lg",!0),[e.breakpoints.up("xl")]:a("xl",!0)}}),disableGutters:({theme:e})=>({[e.breakpoints.up("xs")]:i,[e.breakpoints.up("sm")]:i,[e.breakpoints.up("md")]:i,[e.breakpoints.up("lg")]:i,[e.breakpoints.up("md")]:i,"&.narrow":{[e.breakpoints.up("xs")]:i,[e.breakpoints.up("sm")]:i,[e.breakpoints.up("md")]:i,[e.breakpoints.up("lg")]:i,[e.breakpoints.up("md")]:i}}),maxWidthXs:({theme:e})=>({[e.breakpoints.up("xs")]:{maxWidth:e.breakpoints.values.sm}}),maxWidthSm:({theme:e})=>({[e.breakpoints.up("sm")]:{maxWidth:e.breakpoints.values.md}}),maxWidthMd:({theme:e})=>({[e.breakpoints.up("md")]:{maxWidth:e.breakpoints.values.lg}}),maxWidthLg:({theme:e})=>({[e.breakpoints.up("lg")]:{maxWidth:e.breakpoints.values.xl}}),maxWidthXl:({theme:e})=>({[e.breakpoints.up("xl")]:{maxWidth:e.breakpoints.values.xl}})},variants:[]};exports.flowContainer=p,exports.getGutters=a;
 //# sourceMappingURL=container.theme.js.map

package/cjs/materialui/container/container.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"container.theme.js","sources":["../../../../../src/materialui/container/container.theme.ts"],"sourcesContent":["import { Breakpoint, Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nconst getGridSettings = (breakpoint: Breakpoint, narrow?: boolean) => {\n const grid = narrow ? tokens['flow-grid'].narrow : tokens['flow-grid'].default;\n switch (breakpoint) {\n case 'xs':\n return grid.find((i) => i.media === 'mobile');\n case 'sm':\n return grid.find((i) => i.media === 'mobile');\n case 'md':\n return grid.find((i) => i.media === 'tablet');\n case 'lg':\n return grid.find((i) => i.media === 'desktop');\n case 'xl':\n return grid.find((i) => i.media === 'desktop-xl');\n }\n};\n\nconst getOffset = (breakpoint: Breakpoint, narrow?: boolean) => getGridSettings(breakpoint, narrow).style.offset;\n\nexport const getGutters = (breakpoint: Breakpoint, narrow?: boolean) => {\n const padding = getOffset(breakpoint, narrow);\n return padding ? { paddingLeft: `${+padding}px`, paddingRight: `${+padding}px` } : undefined;\n};\n\nconst disabledGutters = {\n paddingLeft: 0,\n paddingRight: 0,\n};\n\nexport const flowContainer: Components<Theme>['MuiContainer'] = {\n defaultProps: {\n maxWidth: false,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n [theme.breakpoints.up('xs')]: getGutters('xs'),\n [theme.breakpoints.up('sm')]: getGutters('sm'),\n [theme.breakpoints.up('md')]: getGutters('md'),\n [theme.breakpoints.up('lg')]: getGutters('lg'),\n [theme.breakpoints.up('xl')]: getGutters('xl'),\n // @deprecated <Container classsName='narrow' />\n '&.narrow': {\n [theme.breakpoints.up('xs')]: getGutters('xs', true),\n [theme.breakpoints.up('sm')]: getGutters('sm', true),\n [theme.breakpoints.up('md')]: getGutters('md', true),\n [theme.breakpoints.up('lg')]: getGutters('lg', true),\n [theme.breakpoints.up('xl')]: getGutters('xl', true),\n },\n }),\n disableGutters: ({ theme }) => ({\n [theme.breakpoints.up('xs')]: disabledGutters,\n [theme.breakpoints.up('sm')]: disabledGutters,\n [theme.breakpoints.up('md')]: disabledGutters,\n [theme.breakpoints.up('lg')]: disabledGutters,\n [theme.breakpoints.up('md')]: disabledGutters,\n // @deprecated <Container classsName='narrow' />\n '&.narrow': {\n [theme.breakpoints.up('xs')]: disabledGutters,\n [theme.breakpoints.up('sm')]: disabledGutters,\n [theme.breakpoints.up('md')]: disabledGutters,\n [theme.breakpoints.up('lg')]: disabledGutters,\n [theme.breakpoints.up('md')]: disabledGutters,\n },\n }),\n maxWidthXs: ({ theme }) => ({\n [theme.breakpoints.up('xs')]: {\n maxWidth: theme.breakpoints.values.sm,\n },\n }),\n maxWidthSm: ({ theme }) => ({\n [theme.breakpoints.up('sm')]: {\n maxWidth: theme.breakpoints.values.md,\n },\n }),\n maxWidthMd: ({ theme }) => ({\n [theme.breakpoints.up('md')]: {\n maxWidth: theme.breakpoints.values.lg,\n },\n }),\n maxWidthLg: ({ theme }) => ({\n [theme.breakpoints.up('lg')]: {\n maxWidth: theme.breakpoints.values.xl,\n },\n }),\n maxWidthXl: ({ theme }) => ({\n [theme.breakpoints.up('xl')]: {\n maxWidth: theme.breakpoints.values.xl,\n },\n }),\n },\n variants: [],\n};\n"],"names":["getOffset","breakpoint","narrow","grid","tokens","default","find","i","media","getGridSettings","style","offset","getGutters","padding","paddingLeft","paddingRight","undefined","disabledGutters","flowContainer","defaultProps","maxWidth","styleOverrides","root","theme","breakpoints","up","disableGutters","maxWidthXs","values","sm","maxWidthSm","md","maxWidthMd","lg","maxWidthLg","xl","maxWidthXl","variants"],"mappings":"0HAIA,MAgBMA,EAAY,CAACC,EAAwBC,IAhBnB,EAACD,EAAwBC,KAC/C,MAAMC,EAAOD,EAASE,UAAO,aAAaF,OAASE,EAAAA,QAAO,aAAaC,QACvE,OAAQJ,GACN,IAAK,KAEL,IAAK,KACH,OAAOE,EAAKG,~~MAAMC~~,GAAkB,WAAZA,EAAEC,~~QAC5B~~,IAAK,KACH,OAAOL,EAAKG,~~MAAMC~~,GAAkB,WAAZA,EAAEC,~~QAC5B~~,IAAK,KACH,OAAOL,EAAKG,~~MAAMC~~,GAAkB,YAAZA,EAAEC,~~QAC5B~~,IAAK,KACH,OAAOL,EAAKG,~~MAAMC~~,GAAkB,eAAZA,EAAEC,~~UAIgCC~~,CAAgBR,EAAYC,GAAQQ,MAAMC,OAE7FC,EAAa,CAACX,EAAwBC,KACjD,MAAMW,EAAUb,EAAUC,EAAYC,GACtC,OAAOW,EAAU,CAAEC,aAAiBD,EAAJ,KAAiBE,cAAkBF,EAAJ,WAAoBG,~~CAAS~~,~~EAGxFC,~~EAAkB,CACtBH,YAAa,EACbC,aAAc,GAGHG,EAAmD,CAC9DC,aAAc,CACZC,UAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACd,CAACA,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAEzC,WAAY,CACV,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,MAGnDc,eAAgB,EAAGH,YAAO,CACxB,CAACA,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAE9B,WAAY,CACV,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,KAGlCU,WAAY,EAAGJ,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOC,MAGvCC,WAAY,EAAGP,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOG,MAGvCC,WAAY,EAAGT,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOK,MAGvCC,WAAY,EAAGX,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,MAGvCC,WAAY,EAAGb,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,OAIzCE,SAAU"}
1	+ {"version":3,"file":"container.theme.js","sources":["../../../../../src/materialui/container/container.theme.ts"],"sourcesContent":["import { Breakpoint, Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nconst getGridSettings = (breakpoint: Breakpoint, narrow?: boolean) => {\n const grid = narrow ? tokens['flow-grid'].narrow : tokens['flow-grid'].default;\n switch (breakpoint) {\n case 'xs':\n return grid.find((i) => i.media === 'mobile');\n case 'sm':\n return grid.find((i) => i.media === 'mobile');\n case 'md':\n return grid.find((i) => i.media === 'tablet');\n case 'lg':\n return grid.find((i) => i.media === 'desktop');\n case 'xl':\n return grid.find((i) => i.media === 'desktop-xl');\n }\n};\n\nconst getOffset = (breakpoint: Breakpoint, narrow?: boolean) => getGridSettings(breakpoint, narrow).style.offset;\n\nexport const getGutters = (breakpoint: Breakpoint, narrow?: boolean) => {\n const padding = getOffset(breakpoint, narrow);\n return padding ? { paddingLeft: `${+padding}px`, paddingRight: `${+padding}px` } : undefined;\n};\n\nconst disabledGutters = {\n paddingLeft: 0,\n paddingRight: 0,\n};\n\nexport const flowContainer: Components<Theme>['MuiContainer'] = {\n defaultProps: {\n maxWidth: false,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n [theme.breakpoints.up('xs')]: getGutters('xs'),\n [theme.breakpoints.up('sm')]: getGutters('sm'),\n [theme.breakpoints.up('md')]: getGutters('md'),\n [theme.breakpoints.up('lg')]: getGutters('lg'),\n [theme.breakpoints.up('xl')]: getGutters('xl'),\n // @deprecated <Container classsName='narrow' />\n '&.narrow': {\n [theme.breakpoints.up('xs')]: getGutters('xs', true),\n [theme.breakpoints.up('sm')]: getGutters('sm', true),\n [theme.breakpoints.up('md')]: getGutters('md', true),\n [theme.breakpoints.up('lg')]: getGutters('lg', true),\n [theme.breakpoints.up('xl')]: getGutters('xl', true),\n },\n }),\n disableGutters: ({ theme }) => ({\n [theme.breakpoints.up('xs')]: disabledGutters,\n [theme.breakpoints.up('sm')]: disabledGutters,\n [theme.breakpoints.up('md')]: disabledGutters,\n [theme.breakpoints.up('lg')]: disabledGutters,\n [theme.breakpoints.up('md')]: disabledGutters,\n // @deprecated <Container classsName='narrow' />\n '&.narrow': {\n [theme.breakpoints.up('xs')]: disabledGutters,\n [theme.breakpoints.up('sm')]: disabledGutters,\n [theme.breakpoints.up('md')]: disabledGutters,\n [theme.breakpoints.up('lg')]: disabledGutters,\n [theme.breakpoints.up('md')]: disabledGutters,\n },\n }),\n maxWidthXs: ({ theme }) => ({\n [theme.breakpoints.up('xs')]: {\n maxWidth: theme.breakpoints.values.sm,\n },\n }),\n maxWidthSm: ({ theme }) => ({\n [theme.breakpoints.up('sm')]: {\n maxWidth: theme.breakpoints.values.md,\n },\n }),\n maxWidthMd: ({ theme }) => ({\n [theme.breakpoints.up('md')]: {\n maxWidth: theme.breakpoints.values.lg,\n },\n }),\n maxWidthLg: ({ theme }) => ({\n [theme.breakpoints.up('lg')]: {\n maxWidth: theme.breakpoints.values.xl,\n },\n }),\n maxWidthXl: ({ theme }) => ({\n [theme.breakpoints.up('xl')]: {\n maxWidth: theme.breakpoints.values.xl,\n },\n }),\n },\n variants: [],\n};\n"],"names":["getOffset","breakpoint","narrow","grid","tokens","default","find","i","media","getGridSettings","style","offset","getGutters","padding","paddingLeft","paddingRight","undefined","disabledGutters","flowContainer","defaultProps","maxWidth","styleOverrides","root","theme","breakpoints","up","disableGutters","maxWidthXs","values","sm","maxWidthSm","md","maxWidthMd","lg","maxWidthLg","xl","maxWidthXl","variants"],"mappings":"0HAIA,MAgBMA,EAAY,CAACC,EAAwBC,IAhBnB,EAACD,EAAwBC,KAC/C,MAAMC,EAAOD,EAASE,UAAO,aAAaF,OAASE,EAAAA,QAAO,aAAaC,QACvE,OAAQJ,GACN,IAAK,KAEL,IAAK,KACH,OAAOE,EAAKG,KAAMC,GAAkB,WAAZA,EAAEC,OAC5B,IAAK,KACH,OAAOL,EAAKG,KAAMC,GAAkB,WAAZA,EAAEC,OAC5B,IAAK,KACH,OAAOL,EAAKG,KAAMC,GAAkB,YAAZA,EAAEC,OAC5B,IAAK,KACH,OAAOL,EAAKG,KAAMC,GAAkB,eAAZA,EAAEC,SAIgCC,CAAgBR,EAAYC,GAAQQ,MAAMC,OAE7FC,EAAa,CAACX,EAAwBC,KACjD,MAAMW,EAAUb,EAAUC,EAAYC,GACtC,OAAOW,EAAU,CAAEC,aAAiBD,EAAJ,KAAiBE,cAAkBF,EAAJ,WAAoBG,GAG/EC,EAAkB,CACtBH,YAAa,EACbC,aAAc,GAGHG,EAAmD,CAC9DC,aAAc,CACZC,UAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACd,CAACA,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAEzC,WAAY,CACV,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,MAGnDc,eAAgB,EAAGH,YAAO,CACxB,CAACA,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAE9B,WAAY,CACV,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,KAGlCU,WAAY,EAAGJ,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOC,MAGvCC,WAAY,EAAGP,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOG,MAGvCC,WAAY,EAAGT,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOK,MAGvCC,WAAY,EAAGX,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,MAGvCC,WAAY,EAAGb,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,OAIzCE,SAAU"}

package/cjs/materialui/dialog/DialogTitle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),n=require("@mui/material"),o=require("../../components/icon/stroke/CloseIcon.js");const t=r.forwardRef(((r,t)=>{var{onClose:i,closeIconButtonProps:c,children:l}=r,a=e.__rest(r,["onClose","closeIconButtonProps","children"]);const x=null!=c?c:{},{sx:u}=x,p=e.__rest(x,["sx"]);return s.jsxs(n.Box,{sx:{display:"flex",justifyContent:l?"space-between":"flex-end",alignItems:"flex-start",gap:1},children:[l&&s.jsx(n.Typography,Object.assign({component:"h2",ref:t},a,{children:l})),i&&s.jsx(n.IconButton,Object.assign({size:"medium",onClick:e=>i(e,"backdropClick"),"aria-label":"Close",sx:Object.assign({marginRight:"16px",marginTop:"16px"},u)},p,{children:s.jsx(o.CloseIcon,{})}))]})}));exports.DialogTitle=t;
+"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),n=require("@mui/material"),o=require("../../components/icon/stroke/CloseIcon.js");const t=r.forwardRef((r,t)=>{var{onClose:i,closeIconButtonProps:c,children:l}=r,a=e.__rest(r,["onClose","closeIconButtonProps","children"]);const x=null!=c?c:{},{sx:u}=x,p=e.__rest(x,["sx"]);return s.jsxs(n.Box,{sx:{display:"flex",justifyContent:l?"space-between":"flex-end",alignItems:"flex-start",gap:1},children:[l&&s.jsx(n.Typography,Object.assign({component:"h2",ref:t},a,{children:l})),i&&s.jsx(n.IconButton,Object.assign({size:"medium",onClick:e=>i(e,"backdropClick"),"aria-label":"Close",sx:Object.assign({marginRight:"16px",marginTop:"16px"},u)},p,{children:s.jsx(o.CloseIcon,{})}))]})});exports.DialogTitle=t;
 //# sourceMappingURL=DialogTitle.js.map

package/cjs/materialui/dialog/DialogTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DialogTitle.js","sources":["../../../../../src/materialui/dialog/DialogTitle.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { DialogTitleProps, Typography, IconButton, Box } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\n/*\n This component serves as an extended title section for a dialog,\n * including an optional close button displayed when `onClose` prop is provided.\n */\nexport const DialogTitle: FC<DialogTitleProps> = forwardRef(\n ({ onClose, closeIconButtonProps, children, ...rest }, ref) => {\n const { sx: closeIconButtonSx, ...restCloseIconButton } = closeIconButtonProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n justifyContent: children ? 'space-between' : 'flex-end',\n alignItems: 'flex-start',\n gap: 1,\n }}\n >\n {children && (\n <Typography component=\"h2\" ref={ref} {...rest}>\n {children}\n </Typography>\n )}\n {onClose && (\n <IconButton\n size=\"medium\"\n onClick={(e) => onClose(e, 'backdropClick')}\n aria-label=\"Close\"\n sx={{\n // move to the right side\n marginRight: '16px',\n marginTop: '16px',\n ...closeIconButtonSx,\n }}\n {...restCloseIconButton}\n >\n <CloseIcon />\n </IconButton>\n )}\n </Box>\n );\n },\n);\n"],"names":["DialogTitle","forwardRef","_a","ref","onClose","closeIconButtonProps","children","rest","__rest","_b","sx","closeIconButtonSx","restCloseIconButton","_jsxs","Box","display","justifyContent","alignItems","gap","_jsx","Typography","Object","assign","component","IconButton","size","onClick","e","marginRight","marginTop","CloseIcon"],"mappings":"wKAQO,MAAMA,EAAoCC,EAAAA,~~YAC~~/C,CAACC,EAAsDC,SAAtDC,QAAEA,EAAOC,qBAAEA,EAAoBC,SAAEA,KAAaC,EAAIC,EAAAA,OAAAN,EAAlD,CAAA,UAAA,uBAAA,aACC,MAAMO,EAAoDJ,QAAAA,EAAwB,IAA1EK,GAAIC,GAAiBF,EAAKG,EAAmBJ,EAAAA,OAAAC,EAA/C,CAAA,OAEN,OACEI,EAAAA,KAACC,MAAG,CACFJ,GAAI,CACFK,QAAS,OACTC,eAAgBV,EAAW,gBAAkB,WAC7CW,WAAY,aACZC,IAAK,GACNZ,SAAA,CAEAA,GACCa,EAAAA,IAACC,EAAAA,WAAUC,OAAAC,OAAA,CAACC,UAAU,KAAKpB,IAAKA,GAASI,EAAI,CAAAD,SAC1CA,KAGJF,GACCe,EAAAA,IAACK,EAAAA,WAAUH,OAAAC,OAAA,CACTG,KAAK,SACLC,QAAUC,GAAMvB,EAAQuB,EAAG,iBAAgB,aAChC,QACXjB,GAAEW,OAAAC,OAAA,CAEAM,YAAa,OACbC,UAAW,QACRlB,IAEDC,EAAmB,CAAAN,SAEvBa,EAAAA,IAACW,EAAAA,UAAS,CAAA~~,QAGV~~"}
1	+ {"version":3,"file":"DialogTitle.js","sources":["../../../../../src/materialui/dialog/DialogTitle.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { DialogTitleProps, Typography, IconButton, Box } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\n/*\n This component serves as an extended title section for a dialog,\n * including an optional close button displayed when `onClose` prop is provided.\n */\nexport const DialogTitle: FC<DialogTitleProps> = forwardRef(\n ({ onClose, closeIconButtonProps, children, ...rest }, ref) => {\n const { sx: closeIconButtonSx, ...restCloseIconButton } = closeIconButtonProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n justifyContent: children ? 'space-between' : 'flex-end',\n alignItems: 'flex-start',\n gap: 1,\n }}\n >\n {children && (\n <Typography component=\"h2\" ref={ref} {...rest}>\n {children}\n </Typography>\n )}\n {onClose && (\n <IconButton\n size=\"medium\"\n onClick={(e) => onClose(e, 'backdropClick')}\n aria-label=\"Close\"\n sx={{\n // move to the right side\n marginRight: '16px',\n marginTop: '16px',\n ...closeIconButtonSx,\n }}\n {...restCloseIconButton}\n >\n <CloseIcon />\n </IconButton>\n )}\n </Box>\n );\n },\n);\n"],"names":["DialogTitle","forwardRef","_a","ref","onClose","closeIconButtonProps","children","rest","__rest","_b","sx","closeIconButtonSx","restCloseIconButton","_jsxs","Box","display","justifyContent","alignItems","gap","_jsx","Typography","Object","assign","component","IconButton","size","onClick","e","marginRight","marginTop","CloseIcon"],"mappings":"wKAQO,MAAMA,EAAoCC,EAAAA,WAC/C,CAACC,EAAsDC,SAAtDC,QAAEA,EAAOC,qBAAEA,EAAoBC,SAAEA,KAAaC,EAAIC,EAAAA,OAAAN,EAAlD,CAAA,UAAA,uBAAA,aACC,MAAMO,EAAoDJ,QAAAA,EAAwB,IAA1EK,GAAIC,GAAiBF,EAAKG,EAAmBJ,EAAAA,OAAAC,EAA/C,CAAA,OAEN,OACEI,EAAAA,KAACC,MAAG,CACFJ,GAAI,CACFK,QAAS,OACTC,eAAgBV,EAAW,gBAAkB,WAC7CW,WAAY,aACZC,IAAK,GACNZ,SAAA,CAEAA,GACCa,EAAAA,IAACC,EAAAA,WAAUC,OAAAC,OAAA,CAACC,UAAU,KAAKpB,IAAKA,GAASI,EAAI,CAAAD,SAC1CA,KAGJF,GACCe,EAAAA,IAACK,EAAAA,WAAUH,OAAAC,OAAA,CACTG,KAAK,SACLC,QAAUC,GAAMvB,EAAQuB,EAAG,iBAAgB,aAChC,QACXjB,GAAEW,OAAAC,OAAA,CAEAM,YAAa,OACbC,UAAW,QACRlB,IAEDC,EAAmB,CAAAN,SAEvBa,EAAAA,IAACW,EAAAA,UAAS,CAAA"}

package/cjs/materialui/dialog/dialog.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const t={defaultProps:{fullWidth:!0,maxWidth:"md"},styleOverrides:{container:({theme:t})=>({flexGrow:"1",[t.breakpoints.down("md")]:{alignItems:"flex-end"}}),paper:({theme:t,ownerState:d})=>({borderRadius:"8px",boxShadow:t.flowShadows.xs,[t.breakpoints.down("md")]:Object.assign({margin:"0",width:"100%",maxWidth:"100%",borderBottomLeftRadius:"0",borderBottomRightRadius:"0"},["md","lg","xl"].includes(`${null==d?void 0:d.maxWidth}`)&&{borderRadius:"0",height:"100%",maxHeight:"100%"})}),paperWidthXs:{maxWidth:"408px"},paperWidthSm:{maxWidth:"408px"},paperWidthMd:{maxWidth:"624px"},paperWidthLg:{maxWidth:"1256px"},paperWidthXl:{maxWidth:"1256px"}}};exports.flowDialog=t;
+"use strict";const t=({theme:t})=>({maxWidth:"408px",[t.breakpoints.down("md")]:{borderTopLeftRadius:"16px",borderTopRightRadius:"16px","& .MuiDialogTitle-root":Object.assign(Object.assign({},t.typography.h4),{padding:"16px 16px 12px 16px","& ~ .MuiIconButton-root":{margin:"4px 10px 0 0"}}),"& .MuiDialogContent-root":{padding:"16px"},"& .MuiDialogActions-root":{padding:"24px 16px 16px"}}}),i={defaultProps:{fullWidth:!0,maxWidth:"md"},styleOverrides:{container:({theme:t})=>({flexGrow:"1",[t.breakpoints.down("md")]:{alignItems:"flex-end"}}),paper:({theme:t,ownerState:i})=>({borderRadius:"8px",boxShadow:t.flowShadows.xs,[t.breakpoints.down("md")]:Object.assign({margin:"0",width:"100%",maxWidth:"100%",borderBottomLeftRadius:"0",borderBottomRightRadius:"0"},["md","lg","xl"].includes(`${null==i?void 0:i.maxWidth}`)&&{borderRadius:"0",height:"100%",maxHeight:"100%"})}),paperWidthXs:t,paperWidthSm:t,paperWidthMd:{maxWidth:"624px"},paperWidthLg:{maxWidth:"1256px"},paperWidthXl:{maxWidth:"1256px"}}};exports.flowDialog=i;
 //# sourceMappingURL=dialog.theme.js.map

package/cjs/materialui/dialog/dialog.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.theme.js","sources":["../../../../../src/materialui/dialog/dialog.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowDialog: Components<Theme>['MuiDialog'] = {\n defaultProps: {\n fullWidth: true,\n maxWidth: 'md',\n },\n styleOverrides: {\n container: ({ theme }) => ({\n flexGrow: '1',\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to bottom\n alignItems: 'flex-end',\n },\n }),\n paper: ({ theme, ownerState }) => ({\n borderRadius: '8px',\n boxShadow: theme.flowShadows.xs,\n // responsive\n [theme.breakpoints.down('md')]: {\n // full screen\n margin: '0',\n width: '100%',\n maxWidth: '100%',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n // medium & large\n ...(['md', 'lg', 'xl'].includes(`${ownerState?.maxWidth}`) && {\n borderRadius: '0',\n height: '100%',\n maxHeight: '100%',\n }),\n },\n }),\n // small\n paperWidthXs: ~~{\n maxWidth: '408px'~~,\n ~~},\n~~ paperWidthSm: ~~{\n maxWidth: '408px'~~,\n ~~},\n~~ // medium\n paperWidthMd: {\n maxWidth: '624px',\n },\n // large\n paperWidthLg: {\n maxWidth: '1256px',\n },\n paperWidthXl: {\n maxWidth: '1256px',\n },\n },\n};\n"],"names":["~~flowDialog~~","~~defaultProps~~","~~fullWidth~~","~~maxWidth~~","~~styleOverrides~~","~~container~~","~~theme~~","~~flexGrow~~","~~breakpoints~~","~~down~~","~~alignItems~~","~~paper~~","~~ownerState~~","~~borderRadius~~","~~boxShadow~~","~~flowShadows~~","xs","~~Object~~","~~assign~~","~~margin~~","width","borderBottomLeftRadius","borderBottomRightRadius","includes","height","maxHeight","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl"],"mappings":"~~aAEO~~,MAAMA,EAA6C,CACxDC,aAAc,CACZC,WAAW,~~EACXC~~,SAAU,~~MAEZC~~,eAAgB,CACdC,UAAW,~~EAAGC~~,YAAO,~~CACnBC~~,SAAU,IAEV,~~CAACD~~,EAAME,YAAYC,KAAK,OAAQ,~~CAE9BC~~,WAAY,cAGhBC,MAAO,~~EAAGL~~,~~QAAOM~~,iBAAY,CAC3BC,aAAc,MACdC,~~UAAWR~~,~~EAAMS~~,YAAYC,GAE7B,~~CAACV~~,EAAME,YAAYC,KAAK,~~OAAMQ~~,OAAAC,OAAA,~~CAE5BC~~,OAAQ,~~IACRC~~,MAAO,~~OACPjB~~,SAAU,~~OACVkB~~,uBAAwB,IACxBC,wBAAyB,KAErB,CAAC,KAAM,KAAM,MAAMC,SAAS,~~GAAGX~~,aAAU,EAAVA,~~EAAYT~~,aAAe,~~CAC5DU~~,aAAc,~~IACdW~~,OAAQ,OACRC,UAAW,WAKjBC,~~aAAc~~,~~CACZvB~~,~~SAAU~~,~~SAEZwB~~,aAAc,~~CACZxB~~,SAAU,~~SAGZyB~~,aAAc,~~CACZzB~~,SAAU,~~SAGZ0B~~,aAAc,~~CACZ1B~~,SAAU~~,UAEZ2B,aAAc,CACZ3B,SAAU~~"}
1	+ {"version":3,"file":"dialog.theme.js","sources":["../../../../../src/materialui/dialog/dialog.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nconst smallDialogStyle = ({ theme }) => ({\n maxWidth: '408px',\n // on mobile, adjust to match BottomSheet\n [theme.breakpoints.down('md')]: {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n '& .MuiDialogTitle-root': {\n ...theme.typography.h4,\n padding: '16px 16px 12px 16px',\n // close button\n '& ~ .MuiIconButton-root': {\n margin: '4px 10px 0 0',\n },\n },\n '& .MuiDialogContent-root': {\n padding: '16px',\n },\n '& .MuiDialogActions-root': {\n padding: '24px 16px 16px',\n },\n },\n});\n\nexport const flowDialog: Components<Theme>['MuiDialog'] = {\n defaultProps: {\n fullWidth: true,\n maxWidth: 'md',\n },\n styleOverrides: {\n container: ({ theme }) => ({\n flexGrow: '1',\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to bottom\n alignItems: 'flex-end',\n },\n }),\n paper: ({ theme, ownerState }) => ({\n borderRadius: '8px',\n boxShadow: theme.flowShadows.xs,\n // responsive\n [theme.breakpoints.down('md')]: {\n // full screen\n margin: '0',\n width: '100%',\n maxWidth: '100%',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n // medium & large\n ...(['md', 'lg', 'xl'].includes(`${ownerState?.maxWidth}`) && {\n borderRadius: '0',\n height: '100%',\n maxHeight: '100%',\n }),\n },\n }),\n // small\n paperWidthXs: smallDialogStyle,\n paperWidthSm: smallDialogStyle,\n // medium\n paperWidthMd: {\n maxWidth: '624px',\n },\n // large\n paperWidthLg: {\n maxWidth: '1256px',\n },\n paperWidthXl: {\n maxWidth: '1256px',\n },\n },\n};\n"],"names":["smallDialogStyle","theme","maxWidth","breakpoints","down","borderTopLeftRadius","borderTopRightRadius","Object","assign","typography","h4","padding","margin","flowDialog","defaultProps","fullWidth","styleOverrides","container","flexGrow","alignItems","paper","ownerState","borderRadius","boxShadow","flowShadows","xs","width","borderBottomLeftRadius","borderBottomRightRadius","includes","height","maxHeight","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl"],"mappings":"aAEA,MAAMA,EAAmB,EAAGC,YAAO,CACjCC,SAAU,QAEV,CAACD,EAAME,YAAYC,KAAK,OAAQ,CAC9BC,oBAAqB,OACrBC,qBAAsB,OACtB,yBAAwBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACnBP,EAAMQ,WAAWC,IAAE,CACtBC,QAAS,sBAET,0BAA2B,CACzBC,OAAQ,kBAGZ,2BAA4B,CAC1BD,QAAS,QAEX,2BAA4B,CAC1BA,QAAS,qBAKFE,EAA6C,CACxDC,aAAc,CACZC,WAAW,EACXb,SAAU,MAEZc,eAAgB,CACdC,UAAW,EAAGhB,YAAO,CACnBiB,SAAU,IAEV,CAACjB,EAAME,YAAYC,KAAK,OAAQ,CAE9Be,WAAY,cAGhBC,MAAO,EAAGnB,QAAOoB,iBAAY,CAC3BC,aAAc,MACdC,UAAWtB,EAAMuB,YAAYC,GAE7B,CAACxB,EAAME,YAAYC,KAAK,OAAMG,OAAAC,OAAA,CAE5BI,OAAQ,IACRc,MAAO,OACPxB,SAAU,OACVyB,uBAAwB,IACxBC,wBAAyB,KAErB,CAAC,KAAM,KAAM,MAAMC,SAAS,GAAGR,aAAU,EAAVA,EAAYnB,aAAe,CAC5DoB,aAAc,IACdQ,OAAQ,OACRC,UAAW,WAKjBC,aAAchC,EACdiC,aAAcjC,EAEdkC,aAAc,CACZhC,SAAU,SAGZiC,aAAc,CACZjC,SAAU,UAEZkC,aAAc,CACZlC,SAAU"}

package/cjs/materialui/dialog/dialogActions.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";exports.flowDialogActions={defaultProps:{disableSpacing:!0},styleOverrides:{root:({theme:e})=>({padding:"32px 40px",display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"12px",[e.breakpoints.down("md")]:{padding:"24px",flexDirection:"column",alignItems:"stretch"}})}};
+"use strict";exports.flowDialogActions={defaultProps:{disableSpacing:!0},styleOverrides:{root:({theme:e})=>({padding:"32px 40px",display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"12px",[e.breakpoints.down("md")]:{gap:"16px",padding:"24px",flexDirection:"column",alignItems:"stretch"}})}};
 //# sourceMappingURL=dialogActions.theme.js.map

package/cjs/materialui/dialog/dialogActions.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialogActions.theme.js","sources":["../../../../../src/materialui/dialog/dialogActions.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowDialogActions: Components<Theme>['MuiDialogActions'] = {\n defaultProps: {\n // disable space between buttons, we are using flex gap instead\n disableSpacing: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n padding: '32px 40px',\n // button next to each other\n display: 'flex',\n justifyContent: 'flex-start',\n alignItems: 'center',\n gap: '12px',\n // responsive\n [theme.breakpoints.down('md')]: {\n padding: '24px',\n // switch to full width buttons bellow each other\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n }),\n },\n};\n"],"names":["defaultProps","disableSpacing","styleOverrides","root","theme","padding","display","justifyContent","alignItems","gap","breakpoints","down","flexDirection"],"mappings":"uCAEwE,CACtEA,aAAc,CAEZC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,QAAS,YAETC,QAAS,OACTC,eAAgB,aAChBC,WAAY,SACZC,IAAK,OAEL,CAACL,EAAMM,YAAYC,KAAK,OAAQ,~~CAC9BN~~,QAAS,OAETO,cAAe,SACfJ,WAAY"}
1	+ {"version":3,"file":"dialogActions.theme.js","sources":["../../../../../src/materialui/dialog/dialogActions.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowDialogActions: Components<Theme>['MuiDialogActions'] = {\n defaultProps: {\n // disable space between buttons, we are using flex gap instead\n disableSpacing: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n padding: '32px 40px',\n // button next to each other\n display: 'flex',\n justifyContent: 'flex-start',\n alignItems: 'center',\n gap: '12px',\n // responsive\n [theme.breakpoints.down('md')]: {\n gap: '16px',\n padding: '24px',\n // switch to full width buttons bellow each other\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n }),\n },\n};\n"],"names":["defaultProps","disableSpacing","styleOverrides","root","theme","padding","display","justifyContent","alignItems","gap","breakpoints","down","flexDirection"],"mappings":"uCAEwE,CACtEA,aAAc,CAEZC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,QAAS,YAETC,QAAS,OACTC,eAAgB,aAChBC,WAAY,SACZC,IAAK,OAEL,CAACL,EAAMM,YAAYC,KAAK,OAAQ,CAC9BF,IAAK,OACLJ,QAAS,OAETO,cAAe,SACfJ,WAAY"}

package/cjs/materialui/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+export * from './autocomplete';
 export * from './avatar';
 export * from './badge';
 export * from './box';
@@ -19,3 +20,5 @@ export * from './card';
 export * from './breadcrumbs';
 export * from './paper';
 export * from './fab';
+export * from './linearprogress';
+export * from './circularprogress';

package/cjs/materialui/linearprogress/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export type { LinearProgressProps } from '@mui/material';
2	+ export { LinearProgress } from '@mui/material';

package/cjs/materialui/linearprogress/linearprogress.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";exports.flowLinearProgress={styleOverrides:{root:{flexGrow:"1"}}};
+"use strict";const e=e=>{const t=`\n    <svg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0.5 0.5 9 7'>\n      <path d='M 0 0 L 10 0 L 10 8 L 0 8 Z M -4 4 A 4 4 0 0 0 4 4 A 4 4 0 0 0 -4 4 Z M 14 4 A 4 4 0 0 0 6 4 A 4 4 0 0 0 14 4 Z' fill='${e}'/>\n    </svg>\n  `.replace(/\s+/g," ").trim();return`url("data:image/svg+xml;charset=utf-8,${encodeURIComponent(t)}")`},t={defaultProps:{color:"primary",size:"medium"},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign({height:"8px",borderRadius:"1000px"},"small"===t.size&&{height:"2px"}),{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os700:e.palette.onSurface.os100,overflow:"hidden",flexGrow:"1",position:"relative","&::after":{content:'""',position:"absolute",right:"0",top:"0",height:"100%",aspectRatio:"1 / 1",borderRadius:"1000px",backgroundColor:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,zIndex:"20"}}),bar:({theme:t,ownerState:a})=>Object.assign({borderRadius:"inherit",backgroundColor:"dark"===t.palette.mode?t.palette.brand.secondary:t.palette.brand.primary,zIndex:"10","&::before":{content:'""',position:"absolute",top:"0",right:"0",transform:"translateX(50%)",height:"100%",aspectRatio:"5 / 4",backgroundImage:e(t.palette.background.primary),backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center"}},"indeterminate"===a.variant&&{animation:"2s cubic-bezier(0.4, 0, 0.2, 1) infinite loader-indeterminate","@keyframes loader-indeterminate":{"0%":{left:"-60%",right:"101%"},"100%":{left:"101%",right:"-60%"}},"&::after":{content:'""',position:"absolute",top:"0",left:"0",transform:"translateX(-50%)",height:"100%",aspectRatio:"5 / 4",backgroundImage:e(t.palette.background.primary),backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center"}}),bar2:{display:"none"}}};exports.flowLinearProgress=t;
 //# sourceMappingURL=linearprogress.theme.js.map

package/cjs/materialui/linearprogress/linearprogress.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"linearprogress.theme.js","sources":["../../../../../src/materialui/linearprogress/linearprogress.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowLinearProgress: Components<Theme>['MuiLinearProgress'] = {\n styleOverrides: {\n root: {\n flexGrow: '1',\n },\n },\n};\n"],"names":["styleOverrides","root","flexGrow"],"mappings":"~~wCAG0E~~,~~CACxEA~~,eAAgB,CACdC,KAAM,CACJC,SAAU"}
1	+ {"version":3,"file":"linearprogress.theme.js","sources":["../../../../../src/materialui/linearprogress/linearprogress.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\n// creates svg hourglass that creates divider between bar and actual progress\nconst createGapSvg = (color: string) => {\n const svg = `\n <svg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0.5 0.5 9 7'>\n <path d='M 0 0 L 10 0 L 10 8 L 0 8 Z M -4 4 A 4 4 0 0 0 4 4 A 4 4 0 0 0 -4 4 Z M 14 4 A 4 4 0 0 0 6 4 A 4 4 0 0 0 14 4 Z' fill='${color}'/>\n </svg>\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n return `url(\"data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}\")`;\n};\n\nexport const flowLinearProgress: Components<Theme>['MuiLinearProgress'] = {\n defaultProps: {\n color: 'primary',\n size: 'medium',\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n height: '8px',\n borderRadius: '1000px',\n ...(ownerState.size === 'small' && {\n height: '2px',\n }),\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os700 : theme.palette.onSurface.os100,\n overflow: 'hidden',\n flexGrow: '1',\n position: 'relative',\n // dot at the end of progress\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n right: '0',\n top: '0',\n height: '100%',\n aspectRatio: '1 / 1',\n borderRadius: '1000px',\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n zIndex: '20',\n },\n }),\n bar: ({ theme, ownerState }) => ({\n borderRadius: 'inherit',\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n zIndex: '10',\n // right hourglass divider\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: '0',\n right: '0',\n transform: 'translateX(50%)',\n height: '100%',\n aspectRatio: '5 / 4',\n backgroundImage: createGapSvg(theme.palette.background.primary),\n backgroundSize: 'contain',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center',\n },\n ...(ownerState.variant === 'indeterminate' && {\n animation: '2s cubic-bezier(0.4, 0, 0.2, 1) infinite loader-indeterminate',\n '@keyframes loader-indeterminate': {\n '0%': {\n left: '-60%',\n right: '101%',\n },\n '100%': {\n left: '101%',\n right: '-60%',\n },\n },\n // left hourglass divider\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n top: '0',\n left: '0',\n transform: 'translateX(-50%)',\n height: '100%',\n aspectRatio: '5 / 4',\n backgroundImage: createGapSvg(theme.palette.background.primary),\n backgroundSize: 'contain',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center',\n },\n }),\n }),\n bar2: {\n display: 'none',\n },\n },\n};\n"],"names":["createGapSvg","color","svg","replace","trim","encodeURIComponent","flowLinearProgress","defaultProps","size","styleOverrides","root","theme","ownerState","Object","assign","height","borderRadius","backgroundColor","palette","mode","onSurface","os700","os100","overflow","flexGrow","position","content","right","top","aspectRatio","brand","secondary","primary","zIndex","bar","transform","backgroundImage","background","backgroundSize","backgroundRepeat","backgroundPosition","variant","animation","left","bar2","display"],"mappings":"aAIA,MAAMA,EAAgBC,IACpB,MAAMC,EAAM,qOAE0HD,uBAGnIE,QAAQ,OAAQ,KAChBC,OAEH,MAAO,yCAAyCC,mBAAmBH,QAGxDI,EAA6D,CACxEC,aAAc,CACZN,MAAO,UACPO,KAAM,UAERC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAA,CAC/BC,OAAQ,MACRC,aAAc,UACU,UAApBJ,EAAWJ,MAAoB,CACjCO,OAAQ,SAEVE,gBAAwC,SAAvBN,EAAMO,QAAQC,KAAkBR,EAAMO,QAAQE,UAAUC,MAAQV,EAAMO,QAAQE,UAAUE,MACzGC,SAAU,SACVC,SAAU,IACVC,SAAU,WAEV,WAAY,CACVC,QAAS,KACTD,SAAU,WACVE,MAAO,IACPC,IAAK,IACLb,OAAQ,OACRc,YAAa,QACbb,aAAc,SACdC,gBAAwC,SAAvBN,EAAMO,QAAQC,KAAkBR,EAAMO,QAAQY,MAAMC,UAAYpB,EAAMO,QAAQY,MAAME,QACrGC,OAAQ,QAGZC,IAAK,EAAGvB,QAAOC,+BACbI,aAAc,UACdC,gBAAwC,SAAvBN,EAAMO,QAAQC,KAAkBR,EAAMO,QAAQY,MAAMC,UAAYpB,EAAMO,QAAQY,MAAME,QACrGC,OAAQ,KAER,YAAa,CACXP,QAAS,KACTD,SAAU,WACVG,IAAK,IACLD,MAAO,IACPQ,UAAW,kBACXpB,OAAQ,OACRc,YAAa,QACbO,gBAAiBpC,EAAaW,EAAMO,QAAQmB,WAAWL,SACvDM,eAAgB,UAChBC,iBAAkB,YAClBC,mBAAoB,WAEK,kBAAvB5B,EAAW6B,SAA+B,CAC5CC,UAAW,gEACX,kCAAmC,CACjC,KAAM,CACJC,KAAM,OACNhB,MAAO,QAET,OAAQ,CACNgB,KAAM,OACNhB,MAAO,SAIX,WAAY,CACVD,QAAS,KACTD,SAAU,WACVG,IAAK,IACLe,KAAM,IACNR,UAAW,mBACXpB,OAAQ,OACRc,YAAa,QACbO,gBAAiBpC,EAAaW,EAAMO,QAAQmB,WAAWL,SACvDM,eAAgB,UAChBC,iBAAkB,YAClBC,mBAAoB,YAI1BI,KAAM,CACJC,QAAS"}

package/cjs/materialui/menu/menuItem.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../components/focusring/focusring.js"),t=require("../button/interactive.js");const i={defaultProps:{tabIndex:0},styleOverrides:{root:({theme:i})=>Object.assign(Object.assign(Object.assign(Object.assign({padding:"12px",maxWidth:"100%",gap:"10px",color:i.palette.text.primary,[i.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden","& .MuiListItemText-root .MuiListItemText-primary":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",color:"inherit",display:"block"},position:"relative"},e.getFocusRingStyle(i,!1,"2px")),{"&&:before":{borderRadius:"4px"}}),t.getInteractiveStyle({"&, &.Mui-selected:has(.PrivateSwitchBase-input)":{backgroundColor:"dark"===i.palette.mode?i.palette.onSurface.os800:i.palette.background.primary}},{backgroundColor:i.palette.surface.primary},{backgroundColor:i.palette.surface.secondary},{"&.Mui-selected:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible)":{backgroundColor:"dark"===i.palette.mode?i.palette.onSurface.os800:i.palette.background.primary}})),{"&.Mui-disabled":{"&, & .MuiListItemText-primary":{opacity:"1",color:i.palette.disabled.primary}},"& + .MuiDivider-root":{margin:"0"},"& .MuiListItemIcon-root":{color:"currentColor",minWidth:"0"},"& .PrivateSwitchBase-root:last-child":{marginLeft:"25px"}})}};exports.flowMenuItem=i;
+"use strict";var e=require("../../components/focusring/focusring.js"),t=require("../button/interactive.js");const i={defaultProps:{tabIndex:0},styleOverrides:{root:({theme:i})=>Object.assign(Object.assign(Object.assign(Object.assign({cursor:"pointer",padding:"12px",maxWidth:"100%",gap:"10px",color:i.palette.text.primary,[i.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden","& .MuiListItemText-root .MuiListItemText-primary":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",color:"inherit",display:"block"},position:"relative"},e.getFocusRingStyle(i,!1,"2px")),{"&&:before":{borderRadius:"4px"}}),t.getInteractiveStyle({'&, &.Mui-selected:has(.PrivateSwitchBase-input), &[aria-selected="true"]:has(.PrivateSwitchBase-input)':{backgroundColor:"dark"===i.palette.mode?i.palette.onSurface.os800:i.palette.background.primary}},{backgroundColor:i.palette.surface.primary},{backgroundColor:i.palette.surface.secondary},{'&.Mui-selected:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible), &[aria-selected="true"]:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible)':{backgroundColor:"dark"===i.palette.mode?i.palette.onSurface.os800:i.palette.background.primary}})),{"&.Mui-disabled":{"&, & .MuiListItemText-primary":{opacity:"1",color:i.palette.disabled.primary}},"& + .MuiDivider-root":{margin:"0"},"& .MuiListItemIcon-root":{color:"currentColor",minWidth:"0"},"& .PrivateSwitchBase-root:last-child":{marginLeft:"25px"}})}};exports.flowMenuItem=i;
 //# sourceMappingURL=menuItem.theme.js.map

package/cjs/materialui/menu/menuItem.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuItem.theme.js","sources":["../../../../../src/materialui/menu/menuItem.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowMenuItem: Components<Theme>['MuiMenuItem'] = {\n defaultProps: {\n tabIndex: 0,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // proportions\n padding: '12px',\n maxWidth: '100%',\n // space between children (e.g. icon and text)\n gap: '10px',\n // custom font according to Figma\n color: theme.palette.text.primary,\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n // 1 line ellipsis\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n // overwrite style for ListItemText\n '& .MuiListItemText-root .MuiListItemText-primary': {\n fontSize: 'inherit',\n lineHeight: 'inherit',\n fontWeight: 'inherit',\n color: 'inherit',\n // also support just 1 line ellipsis\n display: 'block',\n },\n // focus\n position: 'relative',\n ...getFocusRingStyle(theme, false, '2px'),\n '&&:before': {\n borderRadius: '4px',\n },\n ...getInteractiveStyle(\n {\n // with checkbox inside also apply default styling once selected\n '&, &.Mui-selected:has(.PrivateSwitchBase-input)': {\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.onSurface.os800 : theme.palette.background.primary,\n },\n },\n { backgroundColor: theme.palette.surface.primary },\n { backgroundColor: theme.palette.surface.secondary },\n {\n // with checkbox correctly remove hover effect\n '&.Mui-selected:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible)': {\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.onSurface.os800 : theme.palette.background.primary,\n },\n },\n ),\n // disabled state\n '&.Mui-disabled': {\n '&, & .MuiListItemText-primary': {\n // remove default @mui styling\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n },\n // divider inside\n '& + .MuiDivider-root': {\n // no extra margin\n margin: '0',\n },\n // ListItemIcon wrapper inside\n '& .MuiListItemIcon-root': {\n // keep color from parent\n color: 'currentColor',\n // no longer need to match width with IconButton\n minWidth: '0',\n },\n // Checkbox/Radio at the end\n '& .PrivateSwitchBase-root:last-child': {\n // extra space between text and switch\n marginLeft: '25px',\n },\n }),\n },\n};\n"],"names":["flowMenuItem","defaultProps","tabIndex","styleOverrides","root","theme","Object","assign","padding","maxWidth","gap","color","palette","text","primary","breakpoints","up","fontSize","lineHeight","fontWeight","whiteSpace","textOverflow","overflow","display","position","getFocusRingStyle","borderRadius","getInteractiveStyle","backgroundColor","mode","onSurface","os800","background","surface","secondary","opacity","disabled","margin","minWidth","marginLeft"],"mappings":"4GAKO,MAAMA,EAAiD,CAC5DC,aAAc,CACZC,SAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~CAEnBC~~,QAAS,OACTC,SAAU,OAEVC,IAAK,OAELC,~~MAAON~~,~~EAAMO~~,QAAQC,KAAKC,QAC1B,~~CAACT~~,~~EAAMU~~,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAGdC,WAAY,SACZC,aAAc,WACdC,SAAU,SAEV,mDAAoD,CAClDL,SAAU,UACVC,WAAY,UACZC,WAAY,UACZR,MAAO,UAEPY,QAAS,SAGXC,SAAU,YACPC,~~oBAAkBpB~~,GAAO,EAAO,QAAM,CACzC,YAAa,~~CACXqB~~,aAAc,SAEbC,EAAAA,oBACD,CAEE,~~kDAAmD~~,~~CACjDC~~,gBACyB,~~SAAvBvB~~,~~EAAMO~~,QAAQiB,~~KAAkBxB~~,~~EAAMO~~,QAAQkB,UAAUC,~~MAAQ1B~~,~~EAAMO~~,QAAQoB,WAAWlB,UAG/F,CAAEc,~~gBAAiBvB~~,~~EAAMO~~,QAAQqB,QAAQnB,SACzC,CAAEc,~~gBAAiBvB~~,~~EAAMO~~,QAAQqB,QAAQC,WACzC,CAEE,~~yFAA0F~~,~~CACxFN~~,gBACyB,~~SAAvBvB~~,~~EAAMO~~,QAAQiB,~~KAAkBxB~~,~~EAAMO~~,QAAQkB,UAAUC,~~MAAQ1B~~,~~EAAMO~~,QAAQoB,WAAWlB,~~YAGhG~~,CAED,iBAAkB,CAChB,gCAAiC,CAE/BqB,QAAS,IACTxB,~~MAAON~~,~~EAAMO~~,QAAQwB,SAAStB,UAIlC,uBAAwB,CAEtBuB,OAAQ,KAGV,0BAA2B,CAEzB1B,MAAO,eAEP2B,SAAU,KAGZ,uCAAwC,CAEtCC,WAAY"}
1	+ {"version":3,"file":"menuItem.theme.js","sources":["../../../../../src/materialui/menu/menuItem.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowMenuItem: Components<Theme>['MuiMenuItem'] = {\n defaultProps: {\n tabIndex: 0,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n cursor: 'pointer',\n // proportions\n padding: '12px',\n maxWidth: '100%',\n // space between children (e.g. icon and text)\n gap: '10px',\n // custom font according to Figma\n color: theme.palette.text.primary,\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n // 1 line ellipsis\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n // overwrite style for ListItemText\n '& .MuiListItemText-root .MuiListItemText-primary': {\n fontSize: 'inherit',\n lineHeight: 'inherit',\n fontWeight: 'inherit',\n color: 'inherit',\n // also support just 1 line ellipsis\n display: 'block',\n },\n // focus\n position: 'relative',\n ...getFocusRingStyle(theme, false, '2px'),\n '&&:before': {\n borderRadius: '4px',\n },\n ...getInteractiveStyle(\n {\n // with checkbox inside also apply default styling once selected\n '&, &.Mui-selected:has(.PrivateSwitchBase-input), &[aria-selected=\"true\"]:has(.PrivateSwitchBase-input)': {\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.onSurface.os800 : theme.palette.background.primary,\n },\n },\n { backgroundColor: theme.palette.surface.primary },\n { backgroundColor: theme.palette.surface.secondary },\n {\n // with checkbox correctly remove hover effect\n '&.Mui-selected:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible), &[aria-selected=\"true\"]:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible)':\n {\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.onSurface.os800 : theme.palette.background.primary,\n },\n },\n ),\n // disabled state\n '&.Mui-disabled': {\n '&, & .MuiListItemText-primary': {\n // remove default @mui styling\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n },\n // divider inside\n '& + .MuiDivider-root': {\n // no extra margin\n margin: '0',\n },\n // ListItemIcon wrapper inside\n '& .MuiListItemIcon-root': {\n // keep color from parent\n color: 'currentColor',\n // no longer need to match width with IconButton\n minWidth: '0',\n },\n // Checkbox/Radio at the end\n '& .PrivateSwitchBase-root:last-child': {\n // extra space between text and switch\n marginLeft: '25px',\n },\n }),\n },\n};\n"],"names":["flowMenuItem","defaultProps","tabIndex","styleOverrides","root","theme","Object","assign","cursor","padding","maxWidth","gap","color","palette","text","primary","breakpoints","up","fontSize","lineHeight","fontWeight","whiteSpace","textOverflow","overflow","display","position","getFocusRingStyle","borderRadius","getInteractiveStyle","backgroundColor","mode","onSurface","os800","background","surface","secondary","opacity","disabled","margin","minWidth","marginLeft"],"mappings":"4GAKO,MAAMA,EAAiD,CAC5DC,aAAc,CACZC,SAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACnBC,OAAQ,UAERC,QAAS,OACTC,SAAU,OAEVC,IAAK,OAELC,MAAOP,EAAMQ,QAAQC,KAAKC,QAC1B,CAACV,EAAMW,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAGdC,WAAY,SACZC,aAAc,WACdC,SAAU,SAEV,mDAAoD,CAClDL,SAAU,UACVC,WAAY,UACZC,WAAY,UACZR,MAAO,UAEPY,QAAS,SAGXC,SAAU,YACPC,oBAAkBrB,GAAO,EAAO,QAAM,CACzC,YAAa,CACXsB,aAAc,SAEbC,EAAAA,oBACD,CAEE,yGAA0G,CACxGC,gBACyB,SAAvBxB,EAAMQ,QAAQiB,KAAkBzB,EAAMQ,QAAQkB,UAAUC,MAAQ3B,EAAMQ,QAAQoB,WAAWlB,UAG/F,CAAEc,gBAAiBxB,EAAMQ,QAAQqB,QAAQnB,SACzC,CAAEc,gBAAiBxB,EAAMQ,QAAQqB,QAAQC,WACzC,CAEE,0LACE,CACEN,gBACyB,SAAvBxB,EAAMQ,QAAQiB,KAAkBzB,EAAMQ,QAAQkB,UAAUC,MAAQ3B,EAAMQ,QAAQoB,WAAWlB,YAGlG,CAED,iBAAkB,CAChB,gCAAiC,CAE/BqB,QAAS,IACTxB,MAAOP,EAAMQ,QAAQwB,SAAStB,UAIlC,uBAAwB,CAEtBuB,OAAQ,KAGV,0BAA2B,CAEzB1B,MAAO,eAEP2B,SAAU,KAGZ,uCAAwC,CAEtCC,WAAY"}

package/cjs/materialui/skeleton/skeleton.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";function s(s){return s&&s.__esModule?s:{default:s}}var e=s(require("@skodaflow/web-tokens/src/tokens.json"));const a=(s,a)=>{const r=e.default["flow-typography"].find((e=>e.name===`${a}-${s}`));return r?{height:r.style.lineHeight}:{}},r=(s,e)=>Object.assign(Object.assign({},a(s,"small")),{[e.breakpoints.up("md")]:Object.assign({},a(s,"medium")),[e.breakpoints.up("xl")]:Object.assign({},a(s,"large"))}),t=()=>({borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),i={defaultProps:{animation:"wave","aria-label":"placeholder",role:"progressbar"},styleOverrides:{text:Object.assign({},{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),circular:{flexShrink:"0"},wave:({theme:s})=>Object.assign({backgroundColor:s.palette.onSurface.os100,"&:after":{background:`\n          linear-gradient(\n            90deg,\n            transparent,\n            ${s.palette.surface.secondary},\n            transparent\n          )\n        `}},"dark"===s.palette.mode&&{backgroundColor:s.palette.surface.secondary,"&:after":{background:`\n             linear-gradient(\n               90deg,\n               transparent,\n               ${s.palette.surface.primary},\n               transparent\n             )\n           `}})},variants:[{props:{variant:"display"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("display",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})},{props:{variant:"h1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"540px"})},{props:{variant:"h2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"510px"})},{props:{variant:"h3"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h3",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"h4"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h4",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"450px"})},{props:{variant:"subheadline"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("subheadline",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"420px"})},{props:{variant:"body"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("body",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"disclaimer"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"caption1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"caption2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"list"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("list",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})}]};exports.flowSkeleton=i,exports.getResponsiveLineHeight=r,exports.getTextVariantStyle=t,exports.getTypographyLineHeight=a;
+"use strict";function s(s){return s&&s.__esModule?s:{default:s}}var e=s(require("@skodaflow/web-tokens/src/tokens.json"));const a=(s,a)=>{const r=e.default["flow-typography"].find(e=>e.name===`${a}-${s}`);return r?{height:r.style.lineHeight}:{}},r=(s,e)=>Object.assign(Object.assign({},a(s,"small")),{[e.breakpoints.up("md")]:Object.assign({},a(s,"medium")),[e.breakpoints.up("xl")]:Object.assign({},a(s,"large"))}),t=()=>({borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),i={defaultProps:{animation:"wave","aria-label":"placeholder",role:"progressbar"},styleOverrides:{text:Object.assign({},{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),circular:{flexShrink:"0"},wave:({theme:s})=>Object.assign({backgroundColor:s.palette.onSurface.os100,"&:after":{background:`\n          linear-gradient(\n            90deg,\n            transparent,\n            ${s.palette.surface.secondary},\n            transparent\n          )\n        `}},"dark"===s.palette.mode&&{backgroundColor:s.palette.surface.secondary,"&:after":{background:`\n             linear-gradient(\n               90deg,\n               transparent,\n               ${s.palette.surface.primary},\n               transparent\n             )\n           `}})},variants:[{props:{variant:"display"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("display",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})},{props:{variant:"h1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"540px"})},{props:{variant:"h2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"510px"})},{props:{variant:"h3"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h3",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"h4"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h4",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"450px"})},{props:{variant:"subheadline"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("subheadline",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"420px"})},{props:{variant:"body"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("body",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"disclaimer"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"caption1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"caption2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"list"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("list",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})}]};exports.flowSkeleton=i,exports.getResponsiveLineHeight=r,exports.getTextVariantStyle=t,exports.getTypographyLineHeight=a;
 //# sourceMappingURL=skeleton.theme.js.map

package/cjs/materialui/skeleton/skeleton.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton.theme.js","sources":["../../../../../src/materialui/skeleton/skeleton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { CSSObject, Theme } from '@mui/material';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { TypographySize } from '../typography/typography.theme';\n\nexport const getTypographyLineHeight = (element: string, size: TypographySize): CSSObject => {\n const typo = tokens['flow-typography'].find((el) => el.name === `${size}-${element}`);\n if (typo) {\n return {\n height: typo['style'].lineHeight,\n };\n } else {\n return {};\n }\n};\n\nexport const getResponsiveLineHeight = (element: string, theme: Theme): CSSObject => {\n return {\n ...getTypographyLineHeight(element, 'small'),\n [theme.breakpoints.up('md')]: {\n ...getTypographyLineHeight(element, 'medium'),\n },\n [theme.breakpoints.up('xl')]: {\n ...getTypographyLineHeight(element, 'large'),\n },\n };\n};\n\nexport const getTextVariantStyle = (): CSSObject => ({\n borderRadius: '4px',\n // style taken from @mui, lowering size\n transform: 'scale(1, 0.60)',\n transformOrigin: '0 55%',\n});\n\nexport const flowSkeleton: Components<Theme>['MuiSkeleton'] = {\n defaultProps: {\n animation: 'wave',\n ['aria-label']: 'placeholder',\n role: 'progressbar',\n },\n styleOverrides: {\n text: {\n ...getTextVariantStyle(),\n },\n circular: {\n flexShrink: '0',\n },\n wave: ({ theme }) => ({\n backgroundColor: theme.palette.onSurface.os100,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.secondary},\n transparent\n )\n `,\n },\n ...(theme.palette.mode === 'dark' && {\n backgroundColor: theme.palette.surface.secondary,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.primary},\n transparent\n )\n `,\n },\n }),\n }),\n },\n variants: [\n {\n props: { variant: 'display' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('display', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n {\n props: { variant: 'h1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h1', theme),\n ...getTextVariantStyle(),\n width: '540px',\n }),\n },\n {\n props: { variant: 'h2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h2', theme),\n ...getTextVariantStyle(),\n width: '510px',\n }),\n },\n {\n props: { variant: 'h3' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h3', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'h4' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h4', theme),\n ...getTextVariantStyle(),\n width: '450px',\n }),\n },\n {\n props: { variant: 'subheadline' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('subheadline', theme),\n ...getTextVariantStyle(),\n width: '420px',\n }),\n },\n {\n props: { variant: 'body' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('body', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'disclaimer' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer1', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer2', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'caption1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption1', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'caption2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption2', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'list' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('list', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n ],\n};\n"],"names":["getTypographyLineHeight","element","size","typo","tokens","find","el","name","height","lineHeight","getResponsiveLineHeight","theme","Object","assign","breakpoints","up","getTextVariantStyle","borderRadius","transform","transformOrigin","flowSkeleton","defaultProps","animation","role","styleOverrides","text","circular","flexShrink","wave","backgroundColor","palette","onSurface","os100","background","surface","secondary","mode","primary","variants","props","variant","style","width"],"mappings":"gIAKaA,EAA0B,CAACC,EAAiBC,KACvD,MAAMC,EAAOC,EAAAA,QAAO,mBAAmBC,~~MAAMC~~,GAAOA,EAAGC,OAAS,GAAGL,KAAQD,~~MAC3E~~,OAAIE,EACK,CACLK,OAAQL,EAAY,MAAEM,YAGjB,CAAA,~~CACT~~,~~EAGWC,~~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"}
1	+ {"version":3,"file":"skeleton.theme.js","sources":["../../../../../src/materialui/skeleton/skeleton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { CSSObject, Theme } from '@mui/material';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { TypographySize } from '../typography/typography.theme';\n\nexport const getTypographyLineHeight = (element: string, size: TypographySize): CSSObject => {\n const typo = tokens['flow-typography'].find((el) => el.name === `${size}-${element}`);\n if (typo) {\n return {\n height: typo['style'].lineHeight,\n };\n } else {\n return {};\n }\n};\n\nexport const getResponsiveLineHeight = (element: string, theme: Theme): CSSObject => {\n return {\n ...getTypographyLineHeight(element, 'small'),\n [theme.breakpoints.up('md')]: {\n ...getTypographyLineHeight(element, 'medium'),\n },\n [theme.breakpoints.up('xl')]: {\n ...getTypographyLineHeight(element, 'large'),\n },\n };\n};\n\nexport const getTextVariantStyle = (): CSSObject => ({\n borderRadius: '4px',\n // style taken from @mui, lowering size\n transform: 'scale(1, 0.60)',\n transformOrigin: '0 55%',\n});\n\nexport const flowSkeleton: Components<Theme>['MuiSkeleton'] = {\n defaultProps: {\n animation: 'wave',\n ['aria-label']: 'placeholder',\n role: 'progressbar',\n },\n styleOverrides: {\n text: {\n ...getTextVariantStyle(),\n },\n circular: {\n flexShrink: '0',\n },\n wave: ({ theme }) => ({\n backgroundColor: theme.palette.onSurface.os100,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.secondary},\n transparent\n )\n `,\n },\n ...(theme.palette.mode === 'dark' && {\n backgroundColor: theme.palette.surface.secondary,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.primary},\n transparent\n )\n `,\n },\n }),\n }),\n },\n variants: [\n {\n props: { variant: 'display' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('display', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n {\n props: { variant: 'h1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h1', theme),\n ...getTextVariantStyle(),\n width: '540px',\n }),\n },\n {\n props: { variant: 'h2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h2', theme),\n ...getTextVariantStyle(),\n width: '510px',\n }),\n },\n {\n props: { variant: 'h3' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h3', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'h4' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h4', theme),\n ...getTextVariantStyle(),\n width: '450px',\n }),\n },\n {\n props: { variant: 'subheadline' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('subheadline', theme),\n ...getTextVariantStyle(),\n width: '420px',\n }),\n },\n {\n props: { variant: 'body' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('body', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'disclaimer' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer1', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer2', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'caption1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption1', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'caption2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption2', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'list' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('list', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n ],\n};\n"],"names":["getTypographyLineHeight","element","size","typo","tokens","find","el","name","height","lineHeight","getResponsiveLineHeight","theme","Object","assign","breakpoints","up","getTextVariantStyle","borderRadius","transform","transformOrigin","flowSkeleton","defaultProps","animation","role","styleOverrides","text","circular","flexShrink","wave","backgroundColor","palette","onSurface","os100","background","surface","secondary","mode","primary","variants","props","variant","style","width"],"mappings":"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"}

package/cjs/materialui/slider/getSliderMarks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./slider.theme.js");exports.getSliderMarks=function(r=e.flowSlider.defaultProps.min,t=e.flowSlider.defaultProps.max,u=12,a=!1){return[...new Array(u)].map(((e,l)=>{const s=a?100/(u+1)*(l+1):100/(u-1)*l;return{value:Math.round(1e3*(s*((t-r)/100)+r+Number.EPSILON))/1e3}}))};
+"use strict";var e=require("./slider.theme.js");exports.getSliderMarks=function(r=e.flowSlider.defaultProps.min,t=e.flowSlider.defaultProps.max,u=12,a=!1){return[...new Array(u)].map((e,l)=>{const s=a?100/(u+1)*(l+1):100/(u-1)*l;return{value:Math.round(1e3*(s*((t-r)/100)+r+Number.EPSILON))/1e3}})};
 //# sourceMappingURL=getSliderMarks.js.map

package/cjs/materialui/slider/getSliderMarks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getSliderMarks.js","sources":["../../../../../src/materialui/slider/getSliderMarks.ts"],"sourcesContent":["import { SliderProps } from '@mui/material';\nimport { flowSlider } from './slider.theme';\n\n/*\n Generate * amount of marks for the slider\n \n Usage:\n * const marks = getSliderMarks(min, max)\n * <Slider marks={marks} />\n /\nexport function getSliderMarks(\n min: SliderProps['min'] = flowSlider.defaultProps.min,\n max: SliderProps['max'] = flowSlider.defaultProps.max,\n amount: number = 12,\n skipFirstAndLast: boolean = false,\n) {\n return [...new Array(amount)].map((_, idx) => {\n // obtain percentage of the current index\n const percentage = skipFirstAndLast ? (100 / (amount + 1)) (idx + 1) : (100 / (amount - 1)) * idx;\n // calculate value include floating point fix\n return { value: Math.round((percentage * ((max - min) / 100) + min + Number.EPSILON) * 1000) / 1000 };\n });\n}\n"],"names":["min","flowSlider","defaultProps","max","amount","skipFirstAndLast","Array","map","_","idx","percentage","value","Math","round","Number","EPSILON"],"mappings":"uEAUM,SACJA,EAA0BC,EAAAA,WAAWC,aAAaF,IAClDG,EAA0BF,aAAWC,aAAaC,IAClDC,EAAiB,GACjBC,GAA4B,GAE5B,MAAO,IAAI,IAAIC,MAAMF,IAASG,~~KAAI~~,CAACC,EAAGC,KAEpC,MAAMC,EAAaL,EAAoB,KAAOD,EAAS,IAAOK,EAAM,GAAM,KAAOL,EAAS,GAAMK,EAEhG,MAAO,CAAEE,MAAOC,KAAKC,MAAkE,KAA3DH,IAAeP,EAAMH,GAAO,KAAOA,EAAMc,OAAOC,UAAmB,~~IAAM,GAEzG~~"}
1	+ {"version":3,"file":"getSliderMarks.js","sources":["../../../../../src/materialui/slider/getSliderMarks.ts"],"sourcesContent":["import { SliderProps } from '@mui/material';\nimport { flowSlider } from './slider.theme';\n\n/*\n Generate * amount of marks for the slider\n \n Usage:\n * const marks = getSliderMarks(min, max)\n * <Slider marks={marks} />\n /\nexport function getSliderMarks(\n min: SliderProps['min'] = flowSlider.defaultProps.min,\n max: SliderProps['max'] = flowSlider.defaultProps.max,\n amount: number = 12,\n skipFirstAndLast: boolean = false,\n) {\n return [...new Array(amount)].map((_, idx) => {\n // obtain percentage of the current index\n const percentage = skipFirstAndLast ? (100 / (amount + 1)) (idx + 1) : (100 / (amount - 1)) * idx;\n // calculate value include floating point fix\n return { value: Math.round((percentage * ((max - min) / 100) + min + Number.EPSILON) * 1000) / 1000 };\n });\n}\n"],"names":["min","flowSlider","defaultProps","max","amount","skipFirstAndLast","Array","map","_","idx","percentage","value","Math","round","Number","EPSILON"],"mappings":"uEAUM,SACJA,EAA0BC,EAAAA,WAAWC,aAAaF,IAClDG,EAA0BF,aAAWC,aAAaC,IAClDC,EAAiB,GACjBC,GAA4B,GAE5B,MAAO,IAAI,IAAIC,MAAMF,IAASG,IAAI,CAACC,EAAGC,KAEpC,MAAMC,EAAaL,EAAoB,KAAOD,EAAS,IAAOK,EAAM,GAAM,KAAOL,EAAS,GAAMK,EAEhG,MAAO,CAAEE,MAAOC,KAAKC,MAAkE,KAA3DH,IAAeP,EAAMH,GAAO,KAAOA,EAAMc,OAAOC,UAAmB,MAEnG"}

package/cjs/materialui/slider/sliderContainer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var r=require("tslib"),i=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material"),a=require("./slider.theme.js");const o=e.forwardRef(((e,o)=>{var{orientation:s,thumbSize:u=a.flowThumbWidth,sx:d}=e,x=r.__rest(e,["orientation","thumbSize","sx"]);return i.jsx(t.Box,Object.assign({ref:o,sx:Object.assign(Object.assign({},"vertical"===s?{py:u/2+"px","& .MuiSlider-rail":{height:"auto",top:`-${u/2}px`,bottom:`-${u/2}px`},"& .MuiSlider-track":{marginBottom:`-${u/2}px`,borderTopLeftRadius:"0",borderTopRightRadius:"0"}}:{px:u/2+"px","& .MuiSlider-rail":{width:"auto",left:`-${u/2}px`,right:`-${u/2}px`,maxWidth:"none"},"& .MuiSlider-track":{marginLeft:`-${u/2}px`,borderTopRightRadius:"0",borderBottomRightRadius:"0"}}),d)},x))}));exports.SliderContainer=o;
+"use strict";var r=require("tslib"),i=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material"),a=require("./slider.theme.js");const o=e.forwardRef((e,o)=>{var{orientation:s,thumbSize:u=a.flowThumbWidth,sx:d}=e,x=r.__rest(e,["orientation","thumbSize","sx"]);return i.jsx(t.Box,Object.assign({ref:o,sx:Object.assign(Object.assign({},"vertical"===s?{py:u/2+"px","& .MuiSlider-rail":{height:"auto",top:`-${u/2}px`,bottom:`-${u/2}px`},"& .MuiSlider-track":{marginBottom:`-${u/2}px`,borderTopLeftRadius:"0",borderTopRightRadius:"0"}}:{px:u/2+"px","& .MuiSlider-rail":{width:"auto",left:`-${u/2}px`,right:`-${u/2}px`,maxWidth:"none"},"& .MuiSlider-track":{marginLeft:`-${u/2}px`,borderTopRightRadius:"0",borderBottomRightRadius:"0"}}),d)},x))});exports.SliderContainer=o;
 //# sourceMappingURL=sliderContainer.js.map

package/cjs/materialui/slider/sliderContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sliderContainer.js","sources":["../../../../../src/materialui/slider/sliderContainer.tsx"],"sourcesContent":["import React, { forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, SliderProps } from '@mui/material';\nimport { flowThumbWidth } from './slider.theme';\n\nexport interface SliderContainer extends BoxProps<ElementType> {\n /*\n Slider orientation\n /\n orientation?: SliderProps['orientation'];\n /\n Size of the slider thumb\n /\n thumbSize?: number;\n}\n\n/\n Simple wrapper of <Slider /> that ensures that thumb does not overflow outside the container\n */\nexport const SliderContainer: React.FC<SliderContainer> = forwardRef(\n ({ orientation, thumbSize = flowThumbWidth, sx, ...rest }, ref) => {\n return (\n <Box\n ref={ref}\n sx={{\n ...(orientation === 'vertical'\n ? {\n py: `${thumbSize / 2}px`,\n // increase the size of rail by size of thumb\n '& .MuiSlider-rail': {\n height: 'auto',\n top: `-${thumbSize / 2}px`,\n bottom: `-${thumbSize / 2}px`,\n },\n // move track into increased rail size\n '& .MuiSlider-track': {\n marginBottom: `-${thumbSize / 2}px`,\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n },\n }\n : {\n px: `${thumbSize / 2}px`,\n // increase the size of rail by size of thumb\n '& .MuiSlider-rail': {\n width: 'auto',\n left: `-${thumbSize / 2}px`,\n right: `-${thumbSize / 2}px`,\n maxWidth: 'none',\n },\n // move track into increased rail size\n '& .MuiSlider-track': {\n marginLeft: `-${thumbSize / 2}px`,\n borderTopRightRadius: '0',\n borderBottomRightRadius: '0',\n },\n }),\n ...sx,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["SliderContainer","forwardRef","_a","ref","orientation","thumbSize","flowThumbWidth","sx","rest","__rest","_jsx","Box","Object","assign","py","height","top","bottom","marginBottom","borderTopLeftRadius","borderTopRightRadius","px","width","left","right","maxWidth","marginLeft","borderBottomRightRadius"],"mappings":"gJAkBO,MAAMA,EAA6CC,EAAAA,~~YACxD~~,CAACC,EAA0DC,KAA1D,IAAAC,YAAEA,EAAWC,UAAEA,EAAYC,EAAAA,eAAcC,GAAEA,GAAEL,EAAKM,EAAIC,EAAAA,OAAAP,EAAtD,CAAA,cAAA,YAAA,OACC,OACEQ,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFV,IAAKA,EACLI,GAAEK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACoB,aAAhBT,EACA,CACEU,GAAOT,EAAY,EAAf,KAEJ,oBAAqB,CACnBU,OAAQ,OACRC,IAAK,IAAIX,EAAY,MACrBY,OAAQ,IAAIZ,EAAY,OAG1B,qBAAsB,CACpBa,aAAc,IAAIb,EAAY,MAC9Bc,oBAAqB,IACrBC,qBAAsB,MAG1B,CACEC,GAAOhB,EAAY,EAAf,KAEJ,oBAAqB,CACnBiB,MAAO,OACPC,KAAM,IAAIlB,EAAY,MACtBmB,MAAO,IAAInB,EAAY,MACvBoB,SAAU,QAGZ,qBAAsB,CACpBC,WAAY,IAAIrB,EAAY,MAC5Be,qBAAsB,IACtBO,wBAAyB,OAG9BpB,IAEDC~~,GACJ~~"}
1	+ {"version":3,"file":"sliderContainer.js","sources":["../../../../../src/materialui/slider/sliderContainer.tsx"],"sourcesContent":["import React, { forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, SliderProps } from '@mui/material';\nimport { flowThumbWidth } from './slider.theme';\n\nexport interface SliderContainer extends BoxProps<ElementType> {\n /*\n Slider orientation\n /\n orientation?: SliderProps['orientation'];\n /\n Size of the slider thumb\n /\n thumbSize?: number;\n}\n\n/\n Simple wrapper of <Slider /> that ensures that thumb does not overflow outside the container\n */\nexport const SliderContainer: React.FC<SliderContainer> = forwardRef(\n ({ orientation, thumbSize = flowThumbWidth, sx, ...rest }, ref) => {\n return (\n <Box\n ref={ref}\n sx={{\n ...(orientation === 'vertical'\n ? {\n py: `${thumbSize / 2}px`,\n // increase the size of rail by size of thumb\n '& .MuiSlider-rail': {\n height: 'auto',\n top: `-${thumbSize / 2}px`,\n bottom: `-${thumbSize / 2}px`,\n },\n // move track into increased rail size\n '& .MuiSlider-track': {\n marginBottom: `-${thumbSize / 2}px`,\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n },\n }\n : {\n px: `${thumbSize / 2}px`,\n // increase the size of rail by size of thumb\n '& .MuiSlider-rail': {\n width: 'auto',\n left: `-${thumbSize / 2}px`,\n right: `-${thumbSize / 2}px`,\n maxWidth: 'none',\n },\n // move track into increased rail size\n '& .MuiSlider-track': {\n marginLeft: `-${thumbSize / 2}px`,\n borderTopRightRadius: '0',\n borderBottomRightRadius: '0',\n },\n }),\n ...sx,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["SliderContainer","forwardRef","_a","ref","orientation","thumbSize","flowThumbWidth","sx","rest","__rest","_jsx","Box","Object","assign","py","height","top","bottom","marginBottom","borderTopLeftRadius","borderTopRightRadius","px","width","left","right","maxWidth","marginLeft","borderBottomRightRadius"],"mappings":"gJAkBO,MAAMA,EAA6CC,EAAAA,WACxD,CAACC,EAA0DC,KAA1D,IAAAC,YAAEA,EAAWC,UAAEA,EAAYC,EAAAA,eAAcC,GAAEA,GAAEL,EAAKM,EAAIC,EAAAA,OAAAP,EAAtD,CAAA,cAAA,YAAA,OACC,OACEQ,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFV,IAAKA,EACLI,GAAEK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACoB,aAAhBT,EACA,CACEU,GAAOT,EAAY,EAAf,KAEJ,oBAAqB,CACnBU,OAAQ,OACRC,IAAK,IAAIX,EAAY,MACrBY,OAAQ,IAAIZ,EAAY,OAG1B,qBAAsB,CACpBa,aAAc,IAAIb,EAAY,MAC9Bc,oBAAqB,IACrBC,qBAAsB,MAG1B,CACEC,GAAOhB,EAAY,EAAf,KAEJ,oBAAqB,CACnBiB,MAAO,OACPC,KAAM,IAAIlB,EAAY,MACtBmB,MAAO,IAAInB,EAAY,MACvBoB,SAAU,QAGZ,qBAAsB,CACpBC,WAAY,IAAIrB,EAAY,MAC5Be,qBAAsB,IACtBO,wBAAyB,OAG9BpB,IAEDC"}

package/cjs/materialui/slider/sliderValues.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),s=require("react"),r=require("@mui/material"),l=require("./slider.theme.js"),i=require("../../components/focusring/focusring.js");const o=s.forwardRef(((s,i)=>{var{sx:o,children:n,value:u,valueProps:p,label:b,labelProps:d,valueLabelFormat:c,setValue:x,disabled:m,min:g=l.flowSlider.defaultProps.min,minLabel:v,minLabelProps:j,max:f=l.flowSlider.defaultProps.max,maxLabel:P,maxLabelProps:O,step:y=l.flowSlider.defaultProps.step,sliderValueProps:h,inputProps:S}=s,L=e.__rest(s,["sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","inputProps"]);const V=Object.assign({disabled:m,min:g,max:f,step:y,valueLabelFormat:c,valueProps:p,inputProps:S},h);return a.jsxs(r.Box,Object.assign({ref:i,sx:Object.assign({display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:1},o)},L,{children:[Array.isArray(u)||!1===u&&(v||b)&&P?a.jsxs(a.Fragment,{children:[a.jsx(t,Object.assign({value:!1!==u&&u[0],setValue:x?e=>x([e,u[1]]):void 0,label:v||b,labelProps:j||d},V,{max:u[1]})),a.jsx(t,Object.assign({value:!1!==u&&u[1],setValue:x?e=>x([u[0],e]):void 0,label:P,labelProps:O},V,{min:u[0],sx:Object.assign({textAlign:"right"},null==V?void 0:V.sx)}))]}):a.jsx(t,Object.assign({value:u,setValue:x,label:b,labelProps:d},V)),n]}))})),t=s.forwardRef(((l,o)=>{var{value:t,valueProps:n,label:u,labelProps:p,valueLabelFormat:b,setValue:d,min:c,max:x,step:m,inputProps:g,disabled:v,sx:j}=l,f=e.__rest(l,["value","valueProps","label","labelProps","valueLabelFormat","setValue","min","max","step","inputProps","disabled","sx"]);const P=null!=p?p:{},{sx:O}=P,y=e.__rest(P,["sx"]),h=null!=n?n:{},{sx:S}=h,L=e.__rest(h,["sx"]),V=null!=g?g:{},{sx:k}=V,F=e.__rest(V,["sx"]),[_,w]=s.useState(!1),C=s.useCallback((e=>{const a=+(e||0);d(a<c?c:a>x?x:a)}),[c,x,d]),q=b?b(t):t;return a.jsxs(r.Box,Object.assign({ref:o,sx:Object.assign(Object.assign({minWidth:"82px"},(!u||!1===t)&&{pt:.5}),j),onClick:d&&!v?()=>w(!0):void 0},f,{children:[u&&a.jsx(r.Typography,Object.assign({},!1===t&&{variant:"disclaimer1"},{sx:Object.assign(Object.assign({display:"block"},!1===t?{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"}:{color:e=>"dark"===e.palette.mode?"onSurface.os300":"onSurface.os600",fontSize:{xs:"12px"},lineHeight:{xs:"12px"},fontWeight:{xs:"400"},py:.5,px:1}),O)},y,{children:u})),_&&!v?a.jsx(r.FilledInput,Object.assign({autoFocus:!0,onBlur:()=>w(!1),value:t,onChange:e=>C(e.target.value),onKeyUp:()=>{},inputProps:{type:"number",step:m,min:c,"aria-valuemin":c,max:x,"aria-valuemax":x,"aria-valuenow":q},disableUnderline:!0,sx:e=>{var a;return Object.assign(Object.assign(Object.assign({display:"block",borderRadius:"4px",py:"1px",px:1,border:1,borderColor:"onSurface.os500","&&, &:hover":{backgroundColor:"background.primary"},"& .MuiInputBase-input":Object.assign({fieldSizing:"content",textAlign:"inherit",p:0},e.typography[null!==(a=null==L?void 0:L.variant)&&void 0!==a?a:"disclaimer1"])},i.getFocusRingStyle(e,!1,1,"&.Mui-focused")),{"&&:before":{border:"none"}}),k)}},F)):!1!==t&&a.jsx(r.Typography,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({display:"block",px:1,whiteSpace:"nowrap",color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"},d&&{px:1,py:"1px",border:1,borderColor:"onSurface.os500",borderRadius:"4px"}),S)},d&&{tabIndex:0,onFocus:()=>w(!0)},L,{children:q}))]}))}));exports.SliderValue=t,exports.SliderValues=o;
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),s=require("react"),r=require("@mui/material"),l=require("./slider.theme.js"),i=require("../../components/focusring/focusring.js");const o=s.forwardRef((s,i)=>{var{sx:o,children:n,value:u,valueProps:p,label:b,labelProps:d,valueLabelFormat:c,setValue:x,disabled:m,min:g=l.flowSlider.defaultProps.min,minLabel:v,minLabelProps:j,max:f=l.flowSlider.defaultProps.max,maxLabel:P,maxLabelProps:O,step:y=l.flowSlider.defaultProps.step,sliderValueProps:h,inputProps:S}=s,L=e.__rest(s,["sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","inputProps"]);const V=Object.assign({disabled:m,min:g,max:f,step:y,valueLabelFormat:c,valueProps:p,inputProps:S},h);return a.jsxs(r.Box,Object.assign({ref:i,sx:Object.assign({display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:1},o)},L,{children:[Array.isArray(u)||!1===u&&(v||b)&&P?a.jsxs(a.Fragment,{children:[a.jsx(t,Object.assign({value:!1!==u&&u[0],setValue:x?e=>x([e,u[1]]):void 0,label:v||b,labelProps:j||d},V,{max:u[1]})),a.jsx(t,Object.assign({value:!1!==u&&u[1],setValue:x?e=>x([u[0],e]):void 0,label:P,labelProps:O},V,{min:u[0],sx:Object.assign({textAlign:"right"},null==V?void 0:V.sx)}))]}):a.jsx(t,Object.assign({value:u,setValue:x,label:b,labelProps:d},V)),n]}))}),t=s.forwardRef((l,o)=>{var{value:t,valueProps:n,label:u,labelProps:p,valueLabelFormat:b,setValue:d,min:c,max:x,step:m,inputProps:g,disabled:v,sx:j}=l,f=e.__rest(l,["value","valueProps","label","labelProps","valueLabelFormat","setValue","min","max","step","inputProps","disabled","sx"]);const P=null!=p?p:{},{sx:O}=P,y=e.__rest(P,["sx"]),h=null!=n?n:{},{sx:S}=h,L=e.__rest(h,["sx"]),V=null!=g?g:{},{sx:k}=V,F=e.__rest(V,["sx"]),[_,w]=s.useState(!1),C=s.useCallback(e=>{const a=+(e||0);d(a<c?c:a>x?x:a)},[c,x,d]),q=b?b(t):t;return a.jsxs(r.Box,Object.assign({ref:o,sx:Object.assign(Object.assign({minWidth:"82px"},(!u||!1===t)&&{pt:.5}),j),onClick:d&&!v?()=>w(!0):void 0},f,{children:[u&&a.jsx(r.Typography,Object.assign({},!1===t&&{variant:"disclaimer1"},{sx:Object.assign(Object.assign({display:"block"},!1===t?{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"}:{color:e=>"dark"===e.palette.mode?"onSurface.os300":"onSurface.os600",fontSize:{xs:"12px"},lineHeight:{xs:"12px"},fontWeight:{xs:"400"},py:.5,px:1}),O)},y,{children:u})),_&&!v?a.jsx(r.FilledInput,Object.assign({autoFocus:!0,onBlur:()=>w(!1),value:t,onChange:e=>C(e.target.value),onKeyUp:()=>{},inputProps:{type:"number",step:m,min:c,"aria-valuemin":c,max:x,"aria-valuemax":x,"aria-valuenow":q},disableUnderline:!0,sx:e=>{var a;return Object.assign(Object.assign(Object.assign({display:"block",borderRadius:"4px",py:"1px",px:1,border:1,borderColor:"onSurface.os500","&&, &:hover":{backgroundColor:"background.primary"},"& .MuiInputBase-input":Object.assign({fieldSizing:"content",textAlign:"inherit",p:0},e.typography[null!==(a=null==L?void 0:L.variant)&&void 0!==a?a:"disclaimer1"])},i.getFocusRingStyle(e,!1,1,"&.Mui-focused")),{"&&:before":{border:"none"}}),k)}},F)):!1!==t&&a.jsx(r.Typography,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({display:"block",px:1,whiteSpace:"nowrap",color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"},d&&{px:1,py:"1px",border:1,borderColor:"onSurface.os500",borderRadius:"4px"}),S)},d&&{tabIndex:0,onFocus:()=>w(!0)},L,{children:q}))]}))});exports.SliderValue=t,exports.SliderValues=o;
 //# sourceMappingURL=sliderValues.js.map

package/cjs/materialui/slider/sliderValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sliderValues.js","sources":["../../../../../src/materialui/slider/sliderValues.tsx"],"sourcesContent":["import React, { forwardRef, ElementType, ReactNode, useState, useCallback } from 'react';\nimport { Box, BoxProps, SliderProps, Typography, TypographyProps, FilledInput, FilledInputProps } from '@mui/material';\nimport { flowSlider } from '@/src/materialui/slider/slider.theme';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface SliderValuesProps extends BoxProps<ElementType> {\n /*\n The value of the slider\n /\n value: SliderProps['value'] \| false;\n /\n Properties applied to value wrapper\n /\n valueProps?: TypographyProps;\n /\n Label show above value\n /\n label?: ReactNode;\n /\n Properties applied to label wrapper\n /\n labelProps?: TypographyProps;\n /\n The format function the value label's value\n /\n valueLabelFormat?: SliderProps['valueLabelFormat'];\n /\n Provide this function to allow changing the slider value with inputs\n /\n setValue?: (newValue: unknown) => void;\n /\n Disable editing\n /\n disabled?: boolean;\n /\n The minimum allowed value of the slider\n /\n min?: SliderProps['min'];\n /\n Text shown above min selected value\n /\n minLabel?: ReactNode;\n /\n Properties applied to label wrapper\n /\n minLabelProps?: TypographyProps;\n /\n The maximum allowed value of the slider\n /\n max?: SliderProps['max'];\n /\n Text shown above max selected value\n /\n maxLabel?: ReactNode;\n /\n Properties applied to label wrapper\n /\n maxLabelProps?: TypographyProps;\n /\n The granularity with which the slider can step through values\n /\n step?: SliderProps['step'];\n /\n Properties applied to the root wrapper of each SliderValue\n /\n sliderValueProps?: BoxProps;\n /\n Properties applied to SliderValue input field\n /\n inputProps?: FilledInputProps;\n}\n\n/\n Wrapper that render one or two SliderValue components based on the Slider type\n /\nexport const SliderValues: React.FC<SliderValuesProps> = forwardRef(\n (\n {\n sx,\n children,\n value,\n valueProps,\n label,\n labelProps,\n valueLabelFormat,\n setValue,\n disabled,\n min = flowSlider.defaultProps.min,\n minLabel,\n minLabelProps,\n max = flowSlider.defaultProps.max,\n maxLabel,\n maxLabelProps,\n step = flowSlider.defaultProps.step,\n sliderValueProps: rawSliderValueProps,\n inputProps,\n ...rest\n },\n ref,\n ) => {\n const sliderValueProps = {\n disabled,\n min,\n max,\n step,\n valueLabelFormat,\n valueProps,\n inputProps,\n ...rawSliderValueProps,\n };\n\n return (\n <Box\n ref={ref}\n sx={{\n display: 'flex',\n alignItems: 'flex-end',\n justifyContent: 'space-between',\n gap: 1,\n ...sx,\n }}\n {...rest}\n >\n {Array.isArray(value) \|\| (value === false && (minLabel \|\| label) && maxLabel) ? (\n <>\n <SliderValue\n value={value !== false && value[0]}\n setValue={setValue ? (newValue) => setValue([newValue, value[1]]) : undefined}\n label={minLabel \|\| label}\n labelProps={minLabelProps \|\| labelProps}\n {...sliderValueProps}\n max={value[1]}\n />\n <SliderValue\n value={value !== false && value[1]}\n setValue={setValue ? (newValue) => setValue([value[0], newValue]) : undefined}\n label={maxLabel}\n labelProps={maxLabelProps}\n {...sliderValueProps}\n min={value[0]}\n sx={{ textAlign: 'right', ...sliderValueProps?.sx }}\n />\n </>\n ) : (\n <SliderValue value={value} setValue={setValue} label={label} labelProps={labelProps} {...sliderValueProps} />\n )}\n {children}\n </Box>\n );\n },\n);\n\nexport interface SliderValueProps\n extends Omit<SliderValuesProps, 'value' \| 'minLabel' \| 'minLabelProps' \| 'maxLabel' \| 'maxLabelProps'> {\n /\n The single value of the slider\n /\n value: number \| false;\n /\n The single setValue for the slider value\n /\n setValue?: (newValue: number) => void;\n}\n\n/\n Display single value of slider, allows editing with input\n */\nexport const SliderValue: React.FC<SliderValueProps> = forwardRef(\n (\n {\n value,\n valueProps,\n label,\n labelProps,\n valueLabelFormat,\n setValue,\n min,\n max,\n step,\n inputProps,\n disabled,\n sx,\n ...rest\n },\n ref,\n ) => {\n const { sx: labelSx, ...restLabel } = labelProps ?? {};\n const { sx: valueSx, ...restValue } = valueProps ?? {};\n const { sx: inputSx, ...restInput } = inputProps ?? {};\n const [editing, setEditing] = useState(false);\n const editValue = useCallback(\n (inputValue: string) => {\n const newValue = +(inputValue \|\| 0);\n if (newValue < min) {\n setValue(min);\n } else if (newValue > max) {\n setValue(max);\n } else {\n setValue(newValue);\n }\n },\n [min, max, setValue],\n );\n const formattedValue = valueLabelFormat ? valueLabelFormat(value) : value;\n\n return (\n <Box\n ref={ref}\n sx={{ minWidth: '82px', ...((!label \|\| value === false) && { pt: 0.5 }), ...sx }}\n onClick={setValue && !disabled ? () => setEditing(true) : undefined}\n {...rest}\n >\n {label && (\n <Typography\n {...(value === false && {\n variant: 'disclaimer1',\n })}\n sx={{\n display: 'block',\n ...(value === false\n ? {\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n }\n : {\n // os600 instead of Figma's os500 to pass A11y contrast\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os600'),\n fontSize: { xs: '12px' },\n lineHeight: { xs: '12px' },\n fontWeight: { xs: '400' },\n py: 0.5,\n px: 1,\n }),\n ...labelSx,\n }}\n {...restLabel}\n >\n {label}\n </Typography>\n )}\n {editing && !disabled ? (\n <FilledInput\n autoFocus\n onBlur={() => setEditing(false)}\n value={value}\n onChange={(e) => editValue(e.target.value)}\n onKeyUp={() => {}}\n inputProps={{\n type: 'number',\n step: step,\n min: min,\n ['aria-valuemin']: min,\n max: max,\n ['aria-valuemax']: max,\n ['aria-valuenow']: formattedValue,\n }}\n disableUnderline\n sx={(theme) => ({\n display: 'block',\n borderRadius: '4px',\n py: '1px', // pixel perfect matching design\n px: 1,\n border: 1,\n borderColor: 'onSurface.os500',\n '&&, &:hover': {\n backgroundColor: 'background.primary',\n },\n // input itself\n '& .MuiInputBase-input': {\n fieldSizing: 'content',\n textAlign: 'inherit',\n p: 0,\n // matching typography style with value\n ...theme.typography[restValue?.variant ?? 'disclaimer1'],\n },\n ...getFocusRingStyle(theme, false, 1, '&.Mui-focused'),\n '&&:before': {\n border: 'none',\n },\n ...inputSx,\n })}\n {...restInput}\n />\n ) : (\n value !== false && (\n <Typography\n variant=\"disclaimer1\"\n sx={{\n display: 'block',\n px: 1,\n whiteSpace: 'nowrap',\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n // editable\n ...(setValue && {\n px: 1,\n py: '1px',\n border: 1,\n borderColor: 'onSurface.os500',\n borderRadius: '4px',\n }),\n ...valueSx,\n }}\n {...(setValue && {\n // allow focus with keyboard navigation\n tabIndex: 0,\n onFocus: () => setEditing(true),\n })}\n {...restValue}\n >\n {formattedValue}\n </Typography>\n )\n )}\n </Box>\n );\n },\n);\n"],"names":["SliderValues","forwardRef","_a","ref","sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","flowSlider","defaultProps","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","rawSliderValueProps","inputProps","rest","__rest","_jsxs","Box","Object","assign","display","alignItems","justifyContent","gap","Array","isArray","_jsx","SliderValue","newValue","undefined","textAlign","_b","labelSx","restLabel","_c","valueSx","restValue","_d","inputSx","restInput","editing","setEditing","useState","editValue","useCallback","inputValue","formattedValue","minWidth","pt","onClick","Typography","variant","color","theme","palette","mode","fontSize","xs","lineHeight","fontWeight","py","px","FilledInput","autoFocus","onBlur","onChange","e","target","onKeyUp","type","disableUnderline","borderRadius","border","borderColor","backgroundColor","fieldSizing","p","typography","getFocusRingStyle","whiteSpace","tabIndex","onFocus"],"mappings":"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"}
1	+ {"version":3,"file":"sliderValues.js","sources":["../../../../../src/materialui/slider/sliderValues.tsx"],"sourcesContent":["import React, { forwardRef, ElementType, ReactNode, useState, useCallback } from 'react';\nimport { Box, BoxProps, SliderProps, Typography, TypographyProps, FilledInput, FilledInputProps } from '@mui/material';\nimport { flowSlider } from '@/src/materialui/slider/slider.theme';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface SliderValuesProps extends BoxProps<ElementType> {\n /*\n The value of the slider\n /\n value: SliderProps['value'] \| false;\n /\n Properties applied to value wrapper\n /\n valueProps?: TypographyProps;\n /\n Label show above value\n /\n label?: ReactNode;\n /\n Properties applied to label wrapper\n /\n labelProps?: TypographyProps;\n /\n The format function the value label's value\n /\n valueLabelFormat?: SliderProps['valueLabelFormat'];\n /\n Provide this function to allow changing the slider value with inputs\n /\n setValue?: (newValue: unknown) => void;\n /\n Disable editing\n /\n disabled?: boolean;\n /\n The minimum allowed value of the slider\n /\n min?: SliderProps['min'];\n /\n Text shown above min selected value\n /\n minLabel?: ReactNode;\n /\n Properties applied to label wrapper\n /\n minLabelProps?: TypographyProps;\n /\n The maximum allowed value of the slider\n /\n max?: SliderProps['max'];\n /\n Text shown above max selected value\n /\n maxLabel?: ReactNode;\n /\n Properties applied to label wrapper\n /\n maxLabelProps?: TypographyProps;\n /\n The granularity with which the slider can step through values\n /\n step?: SliderProps['step'];\n /\n Properties applied to the root wrapper of each SliderValue\n /\n sliderValueProps?: BoxProps;\n /\n Properties applied to SliderValue input field\n /\n inputProps?: FilledInputProps;\n}\n\n/\n Wrapper that render one or two SliderValue components based on the Slider type\n /\nexport const SliderValues: React.FC<SliderValuesProps> = forwardRef(\n (\n {\n sx,\n children,\n value,\n valueProps,\n label,\n labelProps,\n valueLabelFormat,\n setValue,\n disabled,\n min = flowSlider.defaultProps.min,\n minLabel,\n minLabelProps,\n max = flowSlider.defaultProps.max,\n maxLabel,\n maxLabelProps,\n step = flowSlider.defaultProps.step,\n sliderValueProps: rawSliderValueProps,\n inputProps,\n ...rest\n },\n ref,\n ) => {\n const sliderValueProps = {\n disabled,\n min,\n max,\n step,\n valueLabelFormat,\n valueProps,\n inputProps,\n ...rawSliderValueProps,\n };\n\n return (\n <Box\n ref={ref}\n sx={{\n display: 'flex',\n alignItems: 'flex-end',\n justifyContent: 'space-between',\n gap: 1,\n ...sx,\n }}\n {...rest}\n >\n {Array.isArray(value) \|\| (value === false && (minLabel \|\| label) && maxLabel) ? (\n <>\n <SliderValue\n value={value !== false && value[0]}\n setValue={setValue ? (newValue) => setValue([newValue, value[1]]) : undefined}\n label={minLabel \|\| label}\n labelProps={minLabelProps \|\| labelProps}\n {...sliderValueProps}\n max={value[1]}\n />\n <SliderValue\n value={value !== false && value[1]}\n setValue={setValue ? (newValue) => setValue([value[0], newValue]) : undefined}\n label={maxLabel}\n labelProps={maxLabelProps}\n {...sliderValueProps}\n min={value[0]}\n sx={{ textAlign: 'right', ...sliderValueProps?.sx }}\n />\n </>\n ) : (\n <SliderValue value={value} setValue={setValue} label={label} labelProps={labelProps} {...sliderValueProps} />\n )}\n {children}\n </Box>\n );\n },\n);\n\nexport interface SliderValueProps\n extends Omit<SliderValuesProps, 'value' \| 'minLabel' \| 'minLabelProps' \| 'maxLabel' \| 'maxLabelProps'> {\n /\n The single value of the slider\n /\n value: number \| false;\n /\n The single setValue for the slider value\n /\n setValue?: (newValue: number) => void;\n}\n\n/\n Display single value of slider, allows editing with input\n */\nexport const SliderValue: React.FC<SliderValueProps> = forwardRef(\n (\n {\n value,\n valueProps,\n label,\n labelProps,\n valueLabelFormat,\n setValue,\n min,\n max,\n step,\n inputProps,\n disabled,\n sx,\n ...rest\n },\n ref,\n ) => {\n const { sx: labelSx, ...restLabel } = labelProps ?? {};\n const { sx: valueSx, ...restValue } = valueProps ?? {};\n const { sx: inputSx, ...restInput } = inputProps ?? {};\n const [editing, setEditing] = useState(false);\n const editValue = useCallback(\n (inputValue: string) => {\n const newValue = +(inputValue \|\| 0);\n if (newValue < min) {\n setValue(min);\n } else if (newValue > max) {\n setValue(max);\n } else {\n setValue(newValue);\n }\n },\n [min, max, setValue],\n );\n const formattedValue = valueLabelFormat ? valueLabelFormat(value) : value;\n\n return (\n <Box\n ref={ref}\n sx={{ minWidth: '82px', ...((!label \|\| value === false) && { pt: 0.5 }), ...sx }}\n onClick={setValue && !disabled ? () => setEditing(true) : undefined}\n {...rest}\n >\n {label && (\n <Typography\n {...(value === false && {\n variant: 'disclaimer1',\n })}\n sx={{\n display: 'block',\n ...(value === false\n ? {\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n }\n : {\n // os600 instead of Figma's os500 to pass A11y contrast\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os600'),\n fontSize: { xs: '12px' },\n lineHeight: { xs: '12px' },\n fontWeight: { xs: '400' },\n py: 0.5,\n px: 1,\n }),\n ...labelSx,\n }}\n {...restLabel}\n >\n {label}\n </Typography>\n )}\n {editing && !disabled ? (\n <FilledInput\n autoFocus\n onBlur={() => setEditing(false)}\n value={value}\n onChange={(e) => editValue(e.target.value)}\n onKeyUp={() => {}}\n inputProps={{\n type: 'number',\n step: step,\n min: min,\n ['aria-valuemin']: min,\n max: max,\n ['aria-valuemax']: max,\n ['aria-valuenow']: formattedValue,\n }}\n disableUnderline\n sx={(theme) => ({\n display: 'block',\n borderRadius: '4px',\n py: '1px', // pixel perfect matching design\n px: 1,\n border: 1,\n borderColor: 'onSurface.os500',\n '&&, &:hover': {\n backgroundColor: 'background.primary',\n },\n // input itself\n '& .MuiInputBase-input': {\n fieldSizing: 'content',\n textAlign: 'inherit',\n p: 0,\n // matching typography style with value\n ...theme.typography[restValue?.variant ?? 'disclaimer1'],\n },\n ...getFocusRingStyle(theme, false, 1, '&.Mui-focused'),\n '&&:before': {\n border: 'none',\n },\n ...inputSx,\n })}\n {...restInput}\n />\n ) : (\n value !== false && (\n <Typography\n variant=\"disclaimer1\"\n sx={{\n display: 'block',\n px: 1,\n whiteSpace: 'nowrap',\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n // editable\n ...(setValue && {\n px: 1,\n py: '1px',\n border: 1,\n borderColor: 'onSurface.os500',\n borderRadius: '4px',\n }),\n ...valueSx,\n }}\n {...(setValue && {\n // allow focus with keyboard navigation\n tabIndex: 0,\n onFocus: () => setEditing(true),\n })}\n {...restValue}\n >\n {formattedValue}\n </Typography>\n )\n )}\n </Box>\n );\n },\n);\n"],"names":["SliderValues","forwardRef","_a","ref","sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","flowSlider","defaultProps","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","rawSliderValueProps","inputProps","rest","__rest","_jsxs","Box","Object","assign","display","alignItems","justifyContent","gap","Array","isArray","_jsx","SliderValue","newValue","undefined","textAlign","_b","labelSx","restLabel","_c","valueSx","restValue","_d","inputSx","restInput","editing","setEditing","useState","editValue","useCallback","inputValue","formattedValue","minWidth","pt","onClick","Typography","variant","color","theme","palette","mode","fontSize","xs","lineHeight","fontWeight","py","px","FilledInput","autoFocus","onBlur","onChange","e","target","onKeyUp","type","disableUnderline","borderRadius","border","borderColor","backgroundColor","fieldSizing","p","typography","getFocusRingStyle","whiteSpace","tabIndex","onFocus"],"mappings":"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"}

package/cjs/materialui/stepper/StepLabelIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),t=require("@mui/material"),n=require("../../components/icon/stroke/CheckIcon.js"),a=require("../../components/icon/stroke/CloseIcon.js");const i={root:"FlowStepIcon-root",active:"FlowStepIcon-active",completed:"FlowStepIcon-completed",error:"FlowStepIcon-error",disabled:"FlowStepIcon-disabled"},s=n=>{var{children:a,className:s,sx:c}=n,l=e.__rest(n,["children","className","sx"]);const d=o.useRef(!1),p=o.useRef(s);return d.current||p.current===s||(d.current=!0),r.jsxs(t.Box,Object.assign({sx:Object.assign({display:"flex",height:"28px",width:"28px",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",fontSize:"16px","& .MuiSvgIcon-root":{zIndex:"5"},"@keyframes flowStepperActive":{"0%":{transform:"scale(1.5)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},"@keyframes flowStepperCompleted":{"0%":{transform:"scale(.8)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},[`& .${i.root}`]:{height:"100%",width:"100%",borderRadius:"40px",borderColor:"onSurface.os500",backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",color:"transparent",minHeight:"20px",[`&.${i.completed}:not(.${i.active})`]:{color:"onSurface.os700",backgroundColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary",border:"none",height:"100%",width:"100%",animation:d.current?"flowStepperCompleted 0.4s":"none"},[`&.${i.error}, &.${i.error}.${i.completed}`]:{borderColor:"error.main",backgroundColor:"error.main"},[`&.${i.active}`]:{color:"onSurface.os700",height:"100%",width:"100%",marginRight:"0px",marginLeft:"0px",borderColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary","&::before":{content:'""',position:"absolute",borderRadius:"40px",backgroundColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary",inset:"5px",animation:d.current?"flowStepperActive 0.4s":"none",zIndex:"1"},[`&.${i.error}`]:{borderColor:"error.main","&::before":{backgroundColor:"transparent.transparent",border:3,inset:"2px",borderColor:"background.primary"}}}}},c)},l,{children:[a,r.jsx(t.Box,{className:s})]}))};exports.FlowStepLabelIcon=({active:e,completed:t,error:c,ownerState:l})=>{const{disabled:d}=null!=l?l:{},p=o.useMemo((()=>c?a.CloseIcon:t&&!e?n.CheckIcon:null),[c,t,e]);return r.jsx(s,{className:[i.root,e&&i.active,t&&i.completed,c&&i.error,d&&i.disabled].filter(Boolean).join(" "),children:p&&r.jsx(p,{sx:{position:"absolute",fontSize:"inherit",color:"background.primary"}})})},exports.flowStepIconClasses=i;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),t=require("@mui/material"),n=require("../../components/icon/stroke/CheckIcon.js"),a=require("../../components/icon/stroke/CloseIcon.js");const i={root:"FlowStepIcon-root",active:"FlowStepIcon-active",completed:"FlowStepIcon-completed",error:"FlowStepIcon-error",disabled:"FlowStepIcon-disabled"},s=n=>{var{children:a,className:s,sx:c}=n,l=e.__rest(n,["children","className","sx"]);const d=o.useRef(!1),p=o.useRef(s);return d.current||p.current===s||(d.current=!0),r.jsxs(t.Box,Object.assign({sx:Object.assign({display:"flex",height:"28px",width:"28px",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",fontSize:"16px","& .MuiSvgIcon-root":{zIndex:"5"},"@keyframes flowStepperActive":{"0%":{transform:"scale(1.5)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},"@keyframes flowStepperCompleted":{"0%":{transform:"scale(.8)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},[`& .${i.root}`]:{height:"100%",width:"100%",borderRadius:"40px",borderColor:"onSurface.os500",backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",color:"transparent",minHeight:"20px",[`&.${i.completed}:not(.${i.active})`]:{color:"onSurface.os700",backgroundColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary",border:"none",height:"100%",width:"100%",animation:d.current?"flowStepperCompleted 0.4s":"none"},[`&.${i.error}, &.${i.error}.${i.completed}`]:{borderColor:"error.main",backgroundColor:"error.main"},[`&.${i.active}`]:{color:"onSurface.os700",height:"100%",width:"100%",marginRight:"0px",marginLeft:"0px",borderColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary","&::before":{content:'""',position:"absolute",borderRadius:"40px",backgroundColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary",inset:"5px",animation:d.current?"flowStepperActive 0.4s":"none",zIndex:"1"},[`&.${i.error}`]:{borderColor:"error.main","&::before":{backgroundColor:"transparent.transparent",border:3,inset:"2px",borderColor:"background.primary"}}}}},c)},l,{children:[a,r.jsx(t.Box,{className:s})]}))};exports.FlowStepLabelIcon=({active:e,completed:t,error:c,ownerState:l})=>{const{disabled:d}=null!=l?l:{},p=o.useMemo(()=>c?a.CloseIcon:t&&!e?n.CheckIcon:null,[c,t,e]);return r.jsx(s,{className:[i.root,e&&i.active,t&&i.completed,c&&i.error,d&&i.disabled].filter(Boolean).join(" "),children:p&&r.jsx(p,{sx:{position:"absolute",fontSize:"inherit",color:"background.primary"}})})},exports.flowStepIconClasses=i;
 //# sourceMappingURL=StepLabelIcon.js.map