npm - @skodaflow/web-library - Versions diffs - 7.13.1 → 7.15.0 - Mend

@skodaflow/web-library 7.13.1 → 7.15.0

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

Files changed (798) hide show

package/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.surface.primary : theme.palette.onSurface.os0,\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.text.primary,\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.text.primary,\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","surface","primary","onSurface","os0","color","borderColor","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","text","_b","background","secondary","_c","transparent","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/materialui/container/container.theme.d.ts CHANGED Viewed

@@ -1,3 +1,7 @@
-import { Theme } from '@mui/material';
+import { Breakpoint, Theme } from '@mui/material';
 import { Components } from '@mui/material/styles/components';
+export declare const getGutters: (breakpoint: Breakpoint, narrow?: boolean) => {
+    paddingLeft: string;
+    paddingRight: string;
+};
 export declare const flowContainer: Components<Theme>['MuiContainer'];

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

@@ -1,2 +1,2 @@
-import e from"@skodaflow/web-tokens/src/tokens.json";const t=(t,s)=>((t,s)=>{const a=s?e["flow-grid"].narrow:e["flow-grid"].default;switch(t){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))}})(t,s).style.offset,s=(e,s)=>{const a=t(e,s);return a?{paddingLeft:+a+"px",paddingRight:+a+"px"}:void 0},a={paddingLeft:0,paddingRight:0},p={defaultProps:{maxWidth:!1},styleOverrides:{root:({theme:e})=>({[e.breakpoints.up("xs")]:s("xs"),[e.breakpoints.up("sm")]:s("sm"),[e.breakpoints.up("md")]:s("md"),[e.breakpoints.up("lg")]:s("lg"),[e.breakpoints.up("xl")]:s("xl"),"&.narrow":{[e.breakpoints.up("xs")]:s("xs",!0),[e.breakpoints.up("sm")]:s("sm",!0),[e.breakpoints.up("md")]:s("md",!0),[e.breakpoints.up("lg")]:s("lg",!0),[e.breakpoints.up("xl")]:s("xl",!0)}}),disableGutters:({theme:e})=>({[e.breakpoints.up("xs")]:a,[e.breakpoints.up("sm")]:a,[e.breakpoints.up("md")]:a,[e.breakpoints.up("lg")]:a,[e.breakpoints.up("md")]:a,"&.narrow":{[e.breakpoints.up("xs")]:a,[e.breakpoints.up("sm")]:a,[e.breakpoints.up("md")]:a,[e.breakpoints.up("lg")]:a,[e.breakpoints.up("md")]:a}}),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:[]};export{p as flowContainer};
+import e from"@skodaflow/web-tokens/src/tokens.json";const t=(t,s)=>((t,s)=>{const a=s?e["flow-grid"].narrow:e["flow-grid"].default;switch(t){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))}})(t,s).style.offset,s=(e,s)=>{const a=t(e,s);return a?{paddingLeft:+a+"px",paddingRight:+a+"px"}:void 0},a={paddingLeft:0,paddingRight:0},p={defaultProps:{maxWidth:!1},styleOverrides:{root:({theme:e})=>({[e.breakpoints.up("xs")]:s("xs"),[e.breakpoints.up("sm")]:s("sm"),[e.breakpoints.up("md")]:s("md"),[e.breakpoints.up("lg")]:s("lg"),[e.breakpoints.up("xl")]:s("xl"),"&.narrow":{[e.breakpoints.up("xs")]:s("xs",!0),[e.breakpoints.up("sm")]:s("sm",!0),[e.breakpoints.up("md")]:s("md",!0),[e.breakpoints.up("lg")]:s("lg",!0),[e.breakpoints.up("xl")]:s("xl",!0)}}),disableGutters:({theme:e})=>({[e.breakpoints.up("xs")]:a,[e.breakpoints.up("sm")]:a,[e.breakpoints.up("md")]:a,[e.breakpoints.up("lg")]:a,[e.breakpoints.up("md")]:a,"&.narrow":{[e.breakpoints.up("xs")]:a,[e.breakpoints.up("sm")]:a,[e.breakpoints.up("md")]:a,[e.breakpoints.up("lg")]:a,[e.breakpoints.up("md")]:a}}),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:[]};export{p as flowContainer,s as getGutters};
 //# sourceMappingURL=container.theme.js.map

package/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\~~nconst~~ 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":"qDAIA,MAgBMA,EAAY,CAACC,EAAwBC,IAhBnB,EAACD,EAAwBC,KAC/C,MAAMC,EAAOD,EAASE,EAAO,aAAaF,OAASE,EAAO,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,~~OAEpGC~~,EAAa,CAACX,EAAwBC,~~KAC1C~~,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,YAAa,CACpB,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,YAAa,CAC9B,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,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOC,MAGvCC,WAAY,EAAGP,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOG,MAGvCC,WAAY,EAAGT,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOK,MAGvCC,WAAY,EAAGX,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,MAGvCC,WAAY,EAAGb,YAAa,CAC1B,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":"qDAIA,MAgBMA,EAAY,CAACC,EAAwBC,IAhBnB,EAACD,EAAwBC,KAC/C,MAAMC,EAAOD,EAASE,EAAO,aAAaF,OAASE,EAAO,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,YAAa,CACpB,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,YAAa,CAC9B,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,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOC,MAGvCC,WAAY,EAAGP,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOG,MAGvCC,WAAY,EAAGT,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOK,MAGvCC,WAAY,EAAGX,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,MAGvCC,WAAY,EAAGb,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,OAIzCE,SAAU"}

package/materialui/fab/fab.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{updateFocusRingStyle as e,getFocusRingStyle as o}from"../../components/focusring/focusring.js";import{getInteractiveStyle as a}from"../button/interactive.js";const t={defaultProps:{color:"primary"},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({transition:"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","&, &:active, &.Mui-disabled, &.Mui-focusVisible":{boxShadow:!1===t.raised?"none":e.flowShadows.xs},outline:"none",flexShrink:"0",borderRadius:"1000px",padding:"11px",height:"auto",width:"auto",minWidth:"0",minHeight:"0",gap:"10px",textRendering:"geometricPrecision"},e.typography.button),{"& .MuiSvgIcon-root":{fontSize:"20px"}}),o(e,!0,1)),{border:`1px solid ${e.palette.onSurface.os100}`}),a({backgroundColor:e.palette.onSurface.os0,color:e.palette.onSurface.os900},{backgroundColor:e.palette.surface.secondary,color:e.palette.onSurface.os900})),{"&.Mui-disabled":{backgroundColor:e.palette.disabled.secondary,color:e.palette.disabled.tertiary}}),extended:{paddingLeft:"21px",paddingRight:"19px"},primary:({theme:o,ownerState:t})=>Object.assign(Object.assign(Object.assign({border:"none",padding:"12px"},"extended"===t.variant&&{paddingLeft:"22px",paddingRight:"20px"}),e(0)),a({backgroundColor:o.palette.brand.secondary,color:o.palette.onSurface.os900},{backgroundColor:o.palette.brandHover.secondary,color:o.palette.onSurface.os900}))},variants:[{props:{expandable:!0},style:{paddingLeft:"11px",paddingRight:"11px","& > span":{display:"none"},"&:hover, &.Mui-focusVisible":{paddingLeft:"21px",paddingRight:"19px","& > span":{display:"inline"}}}},{props:{expandable:!0,color:"primary"},style:{paddingLeft:"12px",paddingRight:"12px","&:hover, &.Mui-focusVisible":{paddingLeft:"22px",paddingRight:"20px"}}}]};export{t as flowFab};
+import{updateFocusRingStyle as e,getFocusRingStyle as o}from"../../components/focusring/focusring.js";import{getInteractiveStyle as a}from"../button/interactive.js";const t={defaultProps:{color:"primary"},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({transition:"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","&, &:active, &.Mui-disabled, &.Mui-focusVisible":{boxShadow:!1===t.raised?"none":e.flowShadows.xs},outline:"none",flexShrink:"0",borderRadius:"1000px",padding:"11px",height:"auto",width:"auto",minWidth:"0",minHeight:"0",gap:"10px",textRendering:"geometricPrecision"},e.typography.button),{"& .MuiSvgIcon-root":{fontSize:"20px"}}),o(e,!0,1)),{border:`1px solid ${e.palette.onSurface.os500}`}),a({backgroundColor:e.palette.onSurface.os0,color:e.palette.onSurface.os900},{backgroundColor:e.palette.surface.secondary,color:e.palette.onSurface.os900})),{"&.Mui-disabled":{backgroundColor:e.palette.surface.secondary,borderColor:e.palette.surface.secondary,color:e.palette.disabled.primary}}),extended:{paddingLeft:"21px",paddingRight:"19px"},primary:({theme:o,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign({border:"none",padding:"12px"},"extended"===t.variant&&{paddingLeft:"22px",paddingRight:"20px"}),e(0)),a({backgroundColor:o.palette.brand.secondary,color:o.palette.onSurface.os900},{backgroundColor:o.palette.brandHover.secondary,color:o.palette.onSurface.os900})),{"&.Mui-disabled":{backgroundColor:o.palette.disabled.secondary,color:o.palette.disabled.tertiary}})},variants:[{props:{expandable:!0},style:{paddingLeft:"11px",paddingRight:"11px","& > span":{display:"none"},"&:hover, &.Mui-focusVisible":{paddingLeft:"21px",paddingRight:"19px","& > span":{display:"inline"}}}},{props:{expandable:!0,color:"primary"},style:{paddingLeft:"12px",paddingRight:"12px","&:hover, &.Mui-focusVisible":{paddingLeft:"22px",paddingRight:"20px"}}}]};export{t as flowFab};
 //# sourceMappingURL=fab.theme.js.map

package/materialui/fab/fab.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fab.theme.js","sources":["../../../src/materialui/fab/fab.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowFab: Components<Theme>['MuiFab'] = {\n defaultProps: {\n color: 'primary',\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\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 // by default, fab contains shadow\n '&, &:active, &.Mui-disabled, &.Mui-focusVisible': {\n boxShadow: ownerState.raised === false ? 'none' : theme.flowShadows.xs,\n },\n outline: 'none',\n flexShrink: '0',\n // 50% border radius without skewing ratio\n borderRadius: '1000px',\n // 44px\n padding: '11px',\n height: 'auto',\n width: 'auto',\n minWidth: '0',\n minHeight: '0',\n // space between icon and text\n gap: '10px',\n // label\n textRendering: 'geometricPrecision',\n ...theme.typography.button,\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n // focused style\n ...getFocusRingStyle(theme, true, 1),\n // default (secondary variant)\n border: `1px solid ${theme.palette.onSurface.~~os100~~}`,\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.onSurface.os0,\n color: theme.palette.onSurface.os900,\n },\n {\n backgroundColor: theme.palette.surface.secondary,\n color: theme.palette.onSurface.os900,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n backgroundColor: theme.palette.~~disabled~~.secondary,\n color: theme.palette.disabled.~~tertiary~~,\n },\n }),\n // fab with label\n extended: {\n // adjust proportions\n paddingLeft: '21px',\n paddingRight: '19px',\n },\n primary: ({ theme, ownerState }) => ({\n // remove border\n border: 'none',\n // update padding without changing proportions\n padding: '12px',\n ...(ownerState.variant === 'extended' && {\n paddingLeft: '22px',\n paddingRight: '20px',\n }),\n // and focus ring\n ...updateFocusRingStyle(0),\n // style\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.secondary,\n color: theme.palette.onSurface.os900,\n },\n {\n backgroundColor: theme.palette.brandHover.secondary,\n color: theme.palette.onSurface.os900,\n },\n ),\n }),\n },\n variants: [\n {\n props: { expandable: true },\n style: {\n paddingLeft: '11px',\n paddingRight: '11px',\n // hide label wrapped in span\n '& > span': {\n display: 'none',\n },\n // on hover/focus\n '&:hover, &.Mui-focusVisible': {\n paddingLeft: '21px',\n paddingRight: '19px',\n // show label\n '& > span': {\n display: 'inline',\n },\n },\n },\n },\n {\n props: { expandable: true, color: 'primary' },\n style: {\n paddingLeft: '12px',\n paddingRight: '12px',\n // on hover/focus\n '&:hover, &.Mui-focusVisible': {\n // change to extended variant\n paddingLeft: '22px',\n paddingRight: '20px',\n },\n },\n },\n ],\n};\n"],"names":["flowFab","defaultProps","color","styleOverrides","root","theme","ownerState","Object","assign","transition","boxShadow","raised","flowShadows","xs","outline","flexShrink","borderRadius","padding","height","width","minWidth","minHeight","gap","textRendering","typography","button","fontSize","getFocusRingStyle","border","palette","onSurface","~~os100~~","getInteractiveStyle","backgroundColor","os0","os900","surface","secondary","disabled","~~tertiary~~","extended","paddingLeft","paddingRight","~~primary","~~variant","updateFocusRingStyle","brand","brandHover","variants","props","expandable","style","display"],"mappings":"qKAKa,MAAAA,EAAuC,CAClDC,aAAc,CACZC,MAAO,WAETC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBACdC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,WACE,4JAEF,kDAAmD,CACjDC,WAAiC,IAAtBJ,EAAWK,OAAmB,OAASN,EAAMO,YAAYC,IAEtEC,QAAS,OACTC,WAAY,IAEZC,aAAc,SAEdC,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,SAAU,IACVC,UAAW,IAEXC,IAAK,OAELC,cAAe,sBACZlB,EAAMmB,WAAWC,QAAM,CAE1B,qBAAsB,CACpBC,SAAU,UAGTC,EAAkBtB,GAAO,EAAM,IAAE,CAEpCuB,OAAQ,aAAavB,EAAMwB,QAAQC,UAAUC,UAC1CC,EACD,CACEC,gBAAiB5B,EAAMwB,QAAQC,UAAUI,IACzChC,MAAOG,EAAMwB,QAAQC,UAAUK,OAEjC,CACEF,gBAAiB5B,EAAMwB,QAAQO,QAAQC,UACvCnC,MAAOG,EAAMwB,QAAQC,UAAUK,SAElC,CAED,iBAAkB,CAChBF,gBAAiB5B,EAAMwB,~~QAAQS~~,~~SAASD~~,~~UACxCnC~~,MAAOG,EAAMwB,~~QAAQS~~,SAASC,~~YAIlCC~~,SAAU,CAERC,YAAa,OACbC,aAAc,~~QAEhBC~~,QAAS,~~EAAGtC~~,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAElCoB,OAAQ,OAERX,QAAS,QACkB,aAAvBX,EAAWsC,SAA0B,~~CACvCH~~,YAAa,OACbC,aAAc,~~SAGbG~~,EAAqB,IAErBb,EACD,CACEC,gBAAiB5B,EAAMwB,QAAQiB,MAAMT,UACrCnC,MAAOG,EAAMwB,QAAQC,UAAUK,OAEjC,CACEF,gBAAiB5B,EAAMwB,QAAQkB,WAAWV,UAC1CnC,MAAOG,EAAMwB,QAAQC,UAAUK,~~UAKvCa~~,SAAU,CACR,CACEC,MAAO,CAAEC,YAAY,GACrBC,MAAO,CACLV,YAAa,OACbC,aAAc,OAEd,WAAY,CACVU,QAAS,QAGX,8BAA+B,CAC7BX,YAAa,OACbC,aAAc,OAEd,WAAY,CACVU,QAAS,aAKjB,CACEH,MAAO,CAAEC,YAAY,~~EAAMhD~~,MAAO,~~WAClCiD~~,MAAO,CACLV,YAAa,OACbC,aAAc,OAEd,8BAA+B,CAE7BD,YAAa,OACbC,aAAc"}
1	+ {"version":3,"file":"fab.theme.js","sources":["../../../src/materialui/fab/fab.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowFab: Components<Theme>['MuiFab'] = {\n defaultProps: {\n color: 'primary',\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\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 // by default, fab contains shadow\n '&, &:active, &.Mui-disabled, &.Mui-focusVisible': {\n boxShadow: ownerState.raised === false ? 'none' : theme.flowShadows.xs,\n },\n outline: 'none',\n flexShrink: '0',\n // 50% border radius without skewing ratio\n borderRadius: '1000px',\n // 44px\n padding: '11px',\n height: 'auto',\n width: 'auto',\n minWidth: '0',\n minHeight: '0',\n // space between icon and text\n gap: '10px',\n // label\n textRendering: 'geometricPrecision',\n ...theme.typography.button,\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n // focused style\n ...getFocusRingStyle(theme, true, 1),\n // default (secondary variant)\n border: `1px solid ${theme.palette.onSurface.os500}`,\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.onSurface.os0,\n color: theme.palette.onSurface.os900,\n },\n {\n backgroundColor: theme.palette.surface.secondary,\n color: theme.palette.onSurface.os900,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n backgroundColor: theme.palette.surface.secondary,\n borderColor: theme.palette.surface.secondary,\n color: theme.palette.disabled.primary,\n },\n }),\n // fab with label\n extended: {\n // adjust proportions\n paddingLeft: '21px',\n paddingRight: '19px',\n },\n primary: ({ theme, ownerState }) => ({\n // remove border\n border: 'none',\n // update padding without changing proportions\n padding: '12px',\n ...(ownerState.variant === 'extended' && {\n paddingLeft: '22px',\n paddingRight: '20px',\n }),\n // and focus ring\n ...updateFocusRingStyle(0),\n // style\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.secondary,\n color: theme.palette.onSurface.os900,\n },\n {\n backgroundColor: theme.palette.brandHover.secondary,\n color: theme.palette.onSurface.os900,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n backgroundColor: theme.palette.disabled.secondary,\n color: theme.palette.disabled.tertiary,\n },\n }),\n },\n variants: [\n {\n props: { expandable: true },\n style: {\n paddingLeft: '11px',\n paddingRight: '11px',\n // hide label wrapped in span\n '& > span': {\n display: 'none',\n },\n // on hover/focus\n '&:hover, &.Mui-focusVisible': {\n paddingLeft: '21px',\n paddingRight: '19px',\n // show label\n '& > span': {\n display: 'inline',\n },\n },\n },\n },\n {\n props: { expandable: true, color: 'primary' },\n style: {\n paddingLeft: '12px',\n paddingRight: '12px',\n // on hover/focus\n '&:hover, &.Mui-focusVisible': {\n // change to extended variant\n paddingLeft: '22px',\n paddingRight: '20px',\n },\n },\n },\n ],\n};\n"],"names":["flowFab","defaultProps","color","styleOverrides","root","theme","ownerState","Object","assign","transition","boxShadow","raised","flowShadows","xs","outline","flexShrink","borderRadius","padding","height","width","minWidth","minHeight","gap","textRendering","typography","button","fontSize","getFocusRingStyle","border","palette","onSurface","os500","getInteractiveStyle","backgroundColor","os0","os900","surface","secondary","borderColor","disabled","primary","extended","paddingLeft","paddingRight","variant","updateFocusRingStyle","brand","brandHover","tertiary","variants","props","expandable","style","display"],"mappings":"qKAKa,MAAAA,EAAuC,CAClDC,aAAc,CACZC,MAAO,WAETC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBACdC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,WACE,4JAEF,kDAAmD,CACjDC,WAAiC,IAAtBJ,EAAWK,OAAmB,OAASN,EAAMO,YAAYC,IAEtEC,QAAS,OACTC,WAAY,IAEZC,aAAc,SAEdC,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,SAAU,IACVC,UAAW,IAEXC,IAAK,OAELC,cAAe,sBACZlB,EAAMmB,WAAWC,QAAM,CAE1B,qBAAsB,CACpBC,SAAU,UAGTC,EAAkBtB,GAAO,EAAM,IAAE,CAEpCuB,OAAQ,aAAavB,EAAMwB,QAAQC,UAAUC,UAC1CC,EACD,CACEC,gBAAiB5B,EAAMwB,QAAQC,UAAUI,IACzChC,MAAOG,EAAMwB,QAAQC,UAAUK,OAEjC,CACEF,gBAAiB5B,EAAMwB,QAAQO,QAAQC,UACvCnC,MAAOG,EAAMwB,QAAQC,UAAUK,SAElC,CAED,iBAAkB,CAChBF,gBAAiB5B,EAAMwB,QAAQO,QAAQC,UACvCC,YAAajC,EAAMwB,QAAQO,QAAQC,UACnCnC,MAAOG,EAAMwB,QAAQU,SAASC,WAIlCC,SAAU,CAERC,YAAa,OACbC,aAAc,QAEhBH,QAAS,EAAGnC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAElCoB,OAAQ,OAERX,QAAS,QACkB,aAAvBX,EAAWsC,SAA0B,CACvCF,YAAa,OACbC,aAAc,SAGbE,EAAqB,IAErBb,EACD,CACEC,gBAAiB5B,EAAMwB,QAAQiB,MAAMT,UACrCnC,MAAOG,EAAMwB,QAAQC,UAAUK,OAEjC,CACEF,gBAAiB5B,EAAMwB,QAAQkB,WAAWV,UAC1CnC,MAAOG,EAAMwB,QAAQC,UAAUK,SAElC,CAED,iBAAkB,CAChBF,gBAAiB5B,EAAMwB,QAAQU,SAASF,UACxCnC,MAAOG,EAAMwB,QAAQU,SAASS,aAIpCC,SAAU,CACR,CACEC,MAAO,CAAEC,YAAY,GACrBC,MAAO,CACLV,YAAa,OACbC,aAAc,OAEd,WAAY,CACVU,QAAS,QAGX,8BAA+B,CAC7BX,YAAa,OACbC,aAAc,OAEd,WAAY,CACVU,QAAS,aAKjB,CACEH,MAAO,CAAEC,YAAY,EAAMjD,MAAO,WAClCkD,MAAO,CACLV,YAAa,OACbC,aAAc,OAEd,8BAA+B,CAE7BD,YAAa,OACbC,aAAc"}

package/materialui/iconButton/iconButton.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{updateFocusRingStyle as e,getFocusRingStyle as r}from"../../components/focusring/focusring.js";import{getInteractiveStyle as o}from"../button/interactive.js";const t={defaultProps:{disableRipple:!0,variant:"standard",color:"secondary",size:"standard"},styleOverrides:{root:({theme:e})=>Object.assign(Object.assign(Object.assign({position:"relative",boxShadow:"none",outline:"none",width:"44px",height:"44px",borderRadius:"1000px",maxWidth:"none",transition:"all 0.3s ease-out",flexShrink:"0","&:hover":{boxShadow:"none"},"&&:active":{boxShadow:"none"}},o({backgroundColor:"transparent"},{backgroundColor:e.palette.surface.primary})),r(e)),{"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}}),sizeSmall:{height:"32px",width:"32px","& .MuiSvgIcon-root":{fontSize:"17px"}},sizeMedium:{"& .MuiSvgIcon-root":{fontSize:"20px"}},sizeLarge:{height:"50px",width:"50px","& .MuiSvgIcon-root":{fontSize:"22px"}}},variants:[{props:{color:"secondary"},style:({theme:e})=>Object.assign({},o({color:e.palette.text.primary},{color:e.palette.text.primary}))},{props:{variant:"filled"},style:({theme:e})=>({"&.Mui-disabled":{opacity:"1",backgroundColor:e.palette.disabled.secondary,color:e.palette.disabled.tertiary}})},{props:{variant:"filled",color:"primary"},style:({theme:e})=>Object.assign({},o({backgroundColor:e.palette.brand.secondary,color:e.palette.onSurface.os900},{backgroundColor:e.palette.brandHover.secondary,color:e.palette.onSurface.os900}))},{props:{variant:"filled",color:"secondary"},style:({theme:e})=>Object.assign({},o({backgroundColor:e.palette.secondary.main,color:e.palette.secondary.contrastText},{backgroundColor:e.palette.secondary.light,color:e.palette.secondary.contrastText}))},{props:{variant:"filled",color:"error"},style:({theme:e})=>Object.assign({},o({color:e.palette.error.contrastText,backgroundColor:e.palette.error.main},{color:e.palette.error.contrastText,backgroundColor:e.palette.error.dark}))},{props:{variant:"filled",color:"inherit"},style:({theme:e})=>Object.assign({},o({backgroundColor:e.palette.transparent.secondary},{backgroundColor:e.palette.surface.primary}))},{props:{variant:"outlined"},style:Object.assign({border:"2px solid currentColor"},e(2))},{props:{variant:"outlined",size:"small"},style:Object.assign({borderWidth:"1px"},e(1))},{props:{color:"surface"},style:({theme:r})=>Object.assign(Object.assign(Object.assign({border:`1px solid ${"dark"===r.palette.mode?r.palette.transparent.quarternary:r.palette.onSurface.os100}`},e(1)),o({backgroundColor:r.palette.surface.primary,color:r.palette.text.primary},{backgroundColor:r.palette.surface.secondary,color:r.palette.text.primary})),{"&.Mui-disabled":{borderColor:r.palette.surface.secondary,color:r.palette.disabled.primary}})},{props:{color:"surface",variant:"outlined"},style:Object.assign({borderWidth:"2px"},e(2))},{props:{color:"white"},style:({theme:e})=>Object.assign(Object.assign({},o({backgroundColor:"transparent",color:e.palette.onSurface.os0},{color:e.palette.onSurface.os0,backgroundColor:e.palette.transparent.tertiary})),{"&.Mui-disabled":{borderColor:e.palette.disabled.primary,color:e.palette.disabled.primary}})}]};export{t as flowIconButton};
+import{updateFocusRingStyle as e,getFocusRingStyle as r}from"../../components/focusring/focusring.js";import{getInteractiveStyle as o}from"../button/interactive.js";const t={defaultProps:{disableRipple:!0,variant:"standard",color:"secondary",size:"standard"},styleOverrides:{root:({theme:e})=>Object.assign(Object.assign(Object.assign({position:"relative",boxShadow:"none",outline:"none",width:"44px",height:"44px",borderRadius:"1000px",maxWidth:"none",transition:"all 0.3s ease-out",flexShrink:"0","&:hover":{boxShadow:"none"},"&&:active":{boxShadow:"none"}},o({backgroundColor:"transparent"},{backgroundColor:e.palette.transparent.secondary})),r(e)),{"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}}),sizeSmall:{height:"32px",width:"32px","& .MuiSvgIcon-root":{fontSize:"17px"}},sizeMedium:{"& .MuiSvgIcon-root":{fontSize:"20px"}},sizeLarge:{height:"50px",width:"50px","& .MuiSvgIcon-root":{fontSize:"22px"}}},variants:[{props:{color:"secondary"},style:({theme:e})=>Object.assign({},o({color:e.palette.text.primary},{color:e.palette.text.primary}))},{props:{variant:"filled"},style:({theme:e})=>({"&.Mui-disabled":{opacity:"1",backgroundColor:e.palette.disabled.secondary,color:e.palette.disabled.tertiary}})},{props:{variant:"filled",color:"primary"},style:({theme:e})=>Object.assign({},o({backgroundColor:e.palette.brand.secondary,color:e.palette.onSurface.os900},{backgroundColor:e.palette.brandHover.secondary,color:e.palette.onSurface.os900}))},{props:{variant:"filled",color:"secondary"},style:({theme:e})=>Object.assign({},o({backgroundColor:e.palette.secondary.main,color:e.palette.secondary.contrastText},{backgroundColor:e.palette.secondary.light,color:e.palette.secondary.contrastText}))},{props:{variant:"filled",color:"error"},style:({theme:e})=>Object.assign({},o({color:e.palette.error.contrastText,backgroundColor:e.palette.error.main},{color:e.palette.error.contrastText,backgroundColor:e.palette.error.dark}))},{props:{variant:"filled",color:"inherit"},style:({theme:e})=>Object.assign({},o({backgroundColor:e.palette.transparent.secondary},{backgroundColor:e.palette.surface.primary}))},{props:{variant:"outlined"},style:Object.assign({border:"2px solid currentColor"},e(2))},{props:{variant:"outlined",size:"small"},style:Object.assign({borderWidth:"1px"},e(1))},{props:{color:"surface"},style:({theme:r})=>Object.assign(Object.assign(Object.assign({border:`1px solid ${"dark"===r.palette.mode?r.palette.transparent.quarternary:r.palette.onSurface.os100}`},e(1)),o({backgroundColor:r.palette.surface.primary,color:r.palette.text.primary},{backgroundColor:r.palette.surface.secondary,color:r.palette.text.primary})),{"&.Mui-disabled":{borderColor:r.palette.surface.secondary,color:r.palette.disabled.primary}})},{props:{color:"surface",variant:"outlined"},style:Object.assign({borderWidth:"2px"},e(2))},{props:{color:"white"},style:({theme:e})=>Object.assign(Object.assign({},o({backgroundColor:"transparent",color:e.palette.onSurface.os0},{color:e.palette.onSurface.os0,backgroundColor:e.palette.transparent.tertiary})),{"&.Mui-disabled":{borderColor:e.palette.disabled.primary,color:e.palette.disabled.primary}})}]};export{t as flowIconButton};
 //# sourceMappingURL=iconButton.theme.js.map

package/materialui/iconButton/iconButton.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"iconButton.theme.js","sources":["../../../src/materialui/iconButton/iconButton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowIconButton: Components<Theme>['MuiIconButton'] = {\n defaultProps: {\n disableRipple: true,\n variant: 'standard',\n color: 'secondary',\n // 'medium' is according to a Flow system, 'standard' is new introduced property that matches\n // previous implementation to avoid heavy visual breaking change\n size: 'standard',\n },\n styleOverrides: {\n root: ({ theme }) => ({\n position: 'relative',\n boxShadow: 'none',\n outline: 'none',\n width: '44px',\n height: '44px',\n borderRadius: '1000px',\n maxWidth: 'none',\n transition: 'all 0.3s ease-out',\n flexShrink: '0',\n '&:hover': {\n boxShadow: 'none',\n },\n '&&:active': {\n boxShadow: 'none',\n },\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n },\n {\n backgroundColor: theme.palette.~~surface~~.~~primary~~,\n },\n ),\n // focused style\n ...getFocusRingStyle(theme),\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n }),\n sizeSmall: {\n height: '32px',\n width: '32px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '17px',\n },\n },\n sizeMedium: {\n // width & height & borderRadius is default in root\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n },\n sizeLarge: {\n height: '50px',\n width: '50px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '22px',\n },\n },\n },\n variants: [\n {\n props: { color: 'secondary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.text.primary,\n },\n {\n color: theme.palette.text.primary,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled' },\n style: ({ theme }) => ({\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n backgroundColor: theme.palette.disabled.secondary,\n color: theme.palette.disabled.tertiary,\n },\n }),\n },\n {\n props: { variant: 'filled', color: 'primary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.secondary,\n color: theme.palette.onSurface.os900,\n },\n {\n backgroundColor: theme.palette.brandHover.secondary,\n color: theme.palette.onSurface.os900,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'secondary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.secondary.main,\n color: theme.palette.secondary.contrastText,\n },\n {\n backgroundColor: theme.palette.secondary.light,\n color: theme.palette.secondary.contrastText,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'error' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.error.contrastText,\n backgroundColor: theme.palette.error.main,\n },\n {\n color: theme.palette.error.contrastText,\n backgroundColor: theme.palette.error.dark,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'inherit' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.transparent.secondary,\n },\n {\n backgroundColor: theme.palette.surface.primary,\n },\n ),\n }),\n },\n {\n props: { variant: 'outlined' },\n style: {\n border: '2px solid currentColor',\n ...updateFocusRingStyle(2),\n },\n },\n {\n props: { variant: 'outlined', size: 'small' },\n style: {\n borderWidth: '1px',\n ...updateFocusRingStyle(1),\n },\n },\n {\n props: { color: 'surface' },\n style: ({ theme }) => ({\n border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n ...updateFocusRingStyle(1),\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n {\n backgroundColor: theme.palette.surface.secondary,\n color: theme.palette.text.primary,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n borderColor: theme.palette.surface.secondary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n {\n props: { color: 'surface', variant: 'outlined' },\n style: {\n borderWidth: '2px',\n ...updateFocusRingStyle(2),\n },\n },\n {\n props: { color: 'white' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n },\n {\n color: theme.palette.onSurface.os0,\n backgroundColor: theme.palette.transparent.tertiary,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n borderColor: theme.palette.disabled.primary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n ],\n};\n"],"names":["flowIconButton","defaultProps","disableRipple","variant","color","size","styleOverrides","root","theme","Object","assign","position","boxShadow","outline","width","height","borderRadius","maxWidth","transition","flexShrink","getInteractiveStyle","backgroundColor","palette","~~surface~~","~~primary~~","getFocusRingStyle","opacity","disabled","sizeSmall","fontSize","sizeMedium","sizeLarge","variants","props","style","text","~~secondary","~~tertiary","brand","onSurface","os900","brandHover","main","contrastText","light","error","dark","~~transparent~~","border","updateFocusRingStyle","borderWidth","mode","quarternary","os100","borderColor","os0"],"mappings":"qKAKa,MAAAA,EAAqD,CAChEC,aAAc,CACZC,eAAe,EACfC,QAAS,WACTC,MAAO,YAGPC,KAAM,YAERC,eAAgB,CACdC,KAAM,EAAGC,WACPC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,SAAU,WACVC,UAAW,OACXC,QAAS,OACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,SACdC,SAAU,OACVC,WAAY,oBACZC,WAAY,IACZ,UAAW,CACTP,UAAW,QAEb,YAAa,CACXA,UAAW,SAEVQ,EACD,CACEC,gBAAiB,eAEnB,~~CACEA~~,gBAAiBb,EAAMc,QAAQC,~~QAAQC~~,~~WAIxCC~~,EAAkBjB,IAAM,CAE3B,iBAAkB,CAChBkB,QAAS,IACTtB,MAAOI,EAAMc,QAAQK,~~SAASH~~,~~WAGlCI~~,UAAW,~~CACTb~~,OAAQ,OACRD,MAAO,OAEP,qBAAsB,~~CACpBe~~,SAAU,SAGdC,WAAY,CAGV,qBAAsB,CACpBD,SAAU,SAGdE,UAAW,~~CACThB~~,OAAQ,OACRD,MAAO,OAEP,qBAAsB,~~CACpBe~~,SAAU,UAIhBG,SAAU,CACR,CACEC,MAAO,~~CAAE7B~~,MAAO,~~aAChB8B~~,MAAO,~~EAAG1B~~,WACLC,OAAAC,OAAA,CAAA,EAAAU,EACD,CACEhB,MAAOI,EAAMc,~~QAAQa~~,~~KAAKX~~,SAE5B,~~CACEpB~~,MAAOI,EAAMc,~~QAAQa~~,~~KAAKX~~,YAKlC,~~CACES~~,MAAO,~~CAAE9B~~,QAAS,~~UAClB+B~~,MAAO,~~EAAG1B~~,YAAa,CAErB,iBAAkB,CAChBkB,QAAS,IACTL,gBAAiBb,EAAMc,QAAQK,~~SAASS~~,~~UACxChC~~,MAAOI,EAAMc,QAAQK,SAASU,aAIpC,~~CACEJ~~,MAAO,~~CAAE9B~~,QAAS,SAAUC,MAAO,~~WACnC8B~~,MAAO,~~EAAG1B~~,WACLC,OAAAC,OAAA,CAAA,EAAAU,EACD,CACEC,gBAAiBb,EAAMc,QAAQgB,~~MAAMF~~,~~UACrChC~~,MAAOI,EAAMc,QAAQiB,UAAUC,OAEjC,CACEnB,gBAAiBb,EAAMc,QAAQmB,~~WAAWL~~,~~UAC1ChC~~,MAAOI,EAAMc,QAAQiB,UAAUC,UAKvC,~~CACEP~~,MAAO,~~CAAE9B~~,QAAS,SAAUC,MAAO,~~aACnC8B~~,MAAO,~~EAAG1B~~,WACLC,OAAAC,OAAA,CAAA,EAAAU,EACD,CACEC,gBAAiBb,EAAMc,~~QAAQc~~,~~UAAUM~~,KACzCtC,MAAOI,EAAMc,~~QAAQc~~,~~UAAUO~~,cAEjC,CACEtB,gBAAiBb,EAAMc,~~QAAQc~~,~~UAAUQ~~,MACzCxC,MAAOI,EAAMc,~~QAAQc~~,~~UAAUO~~,iBAKvC,~~CACEV~~,MAAO,~~CAAE9B~~,QAAS,SAAUC,MAAO,~~SACnC8B~~,MAAO,~~EAAG1B~~,WACLC,OAAAC,OAAA,CAAA,EAAAU,EACD,CACEhB,MAAOI,EAAMc,QAAQuB,MAAMF,aAC3BtB,gBAAiBb,EAAMc,QAAQuB,MAAMH,MAEvC,CACEtC,MAAOI,EAAMc,QAAQuB,MAAMF,aAC3BtB,gBAAiBb,EAAMc,QAAQuB,MAAMC,SAK7C,~~CACEb~~,MAAO,~~CAAE9B~~,QAAS,SAAUC,MAAO,~~WACnC8B~~,MAAO,~~EAAG1B~~,WACLC,OAAAC,OAAA,CAAA,EAAAU,EACD,CACEC,gBAAiBb,EAAMc,~~QAAQyB~~,~~YAAYX~~,WAE7C,~~CACEf~~,gBAAiBb,EAAMc,~~QAAQC~~,~~QAAQC~~,YAK/C,~~CACES~~,MAAO,~~CAAE9B~~,QAAS,~~YAClB+B~~,~~MAAKzB~~,OAAAC,OAAA,CACHsC,OAAQ,0BACLC,EAAqB,KAG5B,~~CACEhB~~,MAAO,~~CAAE9B~~,QAAS,WAAYE,KAAM,~~SACpC6B~~,~~MAAKzB~~,OAAAC,OAAA,CACHwC,YAAa,OACVD,EAAqB,KAG5B,~~CACEhB~~,MAAO,~~CAAE7B~~,MAAO,~~WAChB8B~~,MAAO,~~EAAG1B~~,WACRC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAsC,OAAQ,aAAoC,SAAvBxC,EAAMc,QAAQ6B,KAAkB3C,EAAMc,~~QAAQyB~~,~~YAAYK~~,YAAc5C,EAAMc,QAAQiB,UAAUc,SAClHJ,EAAqB,IACrB7B,EACD,CACEC,gBAAiBb,EAAMc,~~QAAQC~~,~~QAAQC~~,~~QACvCpB~~,MAAOI,EAAMc,~~QAAQa~~,~~KAAKX~~,SAE5B,~~CACEH~~,gBAAiBb,EAAMc,~~QAAQC~~,~~QAAQa~~,~~UACvChC~~,MAAOI,EAAMc,~~QAAQa~~,~~KAAKX~~,WAE7B,CAED,iBAAkB,~~CAChB8B~~,YAAa9C,EAAMc,~~QAAQC~~,~~QAAQa~~,~~UACnChC~~,MAAOI,EAAMc,QAAQK,~~SAASH~~,YAIpC,~~CACES~~,MAAO,~~CAAE7B~~,MAAO,UAAWD,QAAS,~~YACpC+B~~,~~MAAKzB~~,OAAAC,OAAA,CACHwC,YAAa,OACVD,EAAqB,KAG5B,~~CACEhB~~,MAAO,~~CAAE7B~~,MAAO,~~SAChB8B~~,MAAO,~~EAAG1B~~,~~WACLC~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAU,EACD,CACEC,gBAAiB,cACjBjB,MAAOI,EAAMc,QAAQiB,UAAUgB,KAEjC,CACEnD,MAAOI,EAAMc,QAAQiB,UAAUgB,IAC/BlC,gBAAiBb,EAAMc,~~QAAQyB~~,~~YAAYV~~,YAE9C,CAED,iBAAkB,CAChBiB,YAAa9C,EAAMc,QAAQK,~~SAASH~~,~~QACpCpB~~,MAAOI,EAAMc,QAAQK,~~SAASH~~"}
1	+ {"version":3,"file":"iconButton.theme.js","sources":["../../../src/materialui/iconButton/iconButton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowIconButton: Components<Theme>['MuiIconButton'] = {\n defaultProps: {\n disableRipple: true,\n variant: 'standard',\n color: 'secondary',\n // 'medium' is according to a Flow system, 'standard' is new introduced property that matches\n // previous implementation to avoid heavy visual breaking change\n size: 'standard',\n },\n styleOverrides: {\n root: ({ theme }) => ({\n position: 'relative',\n boxShadow: 'none',\n outline: 'none',\n width: '44px',\n height: '44px',\n borderRadius: '1000px',\n maxWidth: 'none',\n transition: 'all 0.3s ease-out',\n flexShrink: '0',\n '&:hover': {\n boxShadow: 'none',\n },\n '&&:active': {\n boxShadow: 'none',\n },\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n },\n {\n // hover effect also in accordionSummary.theme.tsx\n backgroundColor: theme.palette.transparent.secondary,\n },\n ),\n // focused style\n ...getFocusRingStyle(theme),\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n }),\n sizeSmall: {\n height: '32px',\n width: '32px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '17px',\n },\n },\n sizeMedium: {\n // width & height & borderRadius is default in root\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n },\n sizeLarge: {\n height: '50px',\n width: '50px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '22px',\n },\n },\n },\n variants: [\n {\n props: { color: 'secondary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.text.primary,\n },\n {\n color: theme.palette.text.primary,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled' },\n style: ({ theme }) => ({\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n backgroundColor: theme.palette.disabled.secondary,\n color: theme.palette.disabled.tertiary,\n },\n }),\n },\n {\n props: { variant: 'filled', color: 'primary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.secondary,\n color: theme.palette.onSurface.os900,\n },\n {\n backgroundColor: theme.palette.brandHover.secondary,\n color: theme.palette.onSurface.os900,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'secondary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.secondary.main,\n color: theme.palette.secondary.contrastText,\n },\n {\n backgroundColor: theme.palette.secondary.light,\n color: theme.palette.secondary.contrastText,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'error' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.error.contrastText,\n backgroundColor: theme.palette.error.main,\n },\n {\n color: theme.palette.error.contrastText,\n backgroundColor: theme.palette.error.dark,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'inherit' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.transparent.secondary,\n },\n {\n backgroundColor: theme.palette.surface.primary,\n },\n ),\n }),\n },\n {\n props: { variant: 'outlined' },\n style: {\n border: '2px solid currentColor',\n ...updateFocusRingStyle(2),\n },\n },\n {\n props: { variant: 'outlined', size: 'small' },\n style: {\n borderWidth: '1px',\n ...updateFocusRingStyle(1),\n },\n },\n {\n props: { color: 'surface' },\n style: ({ theme }) => ({\n border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n ...updateFocusRingStyle(1),\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n {\n backgroundColor: theme.palette.surface.secondary,\n color: theme.palette.text.primary,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n borderColor: theme.palette.surface.secondary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n {\n props: { color: 'surface', variant: 'outlined' },\n style: {\n borderWidth: '2px',\n ...updateFocusRingStyle(2),\n },\n },\n {\n props: { color: 'white' },\n style: ({ theme }) => ({\n // hover effect also in accordionSummary.theme.tsx\n // hover effect also in FooterAccordion.tsx\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n },\n {\n color: theme.palette.onSurface.os0,\n backgroundColor: theme.palette.transparent.tertiary,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n borderColor: theme.palette.disabled.primary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n ],\n};\n"],"names":["flowIconButton","defaultProps","disableRipple","variant","color","size","styleOverrides","root","theme","Object","assign","position","boxShadow","outline","width","height","borderRadius","maxWidth","transition","flexShrink","getInteractiveStyle","backgroundColor","palette","transparent","secondary","getFocusRingStyle","opacity","disabled","primary","sizeSmall","fontSize","sizeMedium","sizeLarge","variants","props","style","text","tertiary","brand","onSurface","os900","brandHover","main","contrastText","light","error","dark","surface","border","updateFocusRingStyle","borderWidth","mode","quarternary","os100","borderColor","os0"],"mappings":"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"}

package/materialui/pagination/pagination.theme.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 import { Components } from '@mui/material/styles';
 import { Theme } from '@mui/material';
-export declare const flowPaginationItem: Components<Theme>['MuiPaginationItem'];
 export declare const flowPagination: Components<Theme>['MuiPagination'];

package/materialui/pagination/pagination.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const t={defaultProps:{},styleOverrides:{root:({theme:t})=>({"&.MuiPaginationItem-root":{backgroundColor:"transparent",color:t.palette.text.primary,fontWeight:"400",fontSize:"16px",letterSpacing:"0.2px",lineHeight:"24px",margin:0,minWidth:"34px",height:"34px",padding:0,position:"relative","&.MuiPaginationItem-previousNext":{padding:"0px 5px",borderRadius:"1000px"},"&.MuiPaginationItem-firstLast":{padding:"0px 5px",borderRadius:"1000px"},"&.MuiPaginationItem-ellipsis":{"&:hover":{backgroundColor:"transparent"}},"&:hover":{backgroundColor:t.palette.transparent.primary},"&.Mui-selected":{backgroundColor:t.palette.transparent.primary},"&.Mui-disabled":{color:t.palette.disabled.primary,opacity:1,"& .MuiIcon-root":{color:t.palette.disabled.primary}}}})}},i={defaultProps:{},styleOverrides:{root:{},ul:{"& li":{margin:"0 10px","&:first-child":{marginLeft:0},"&:last-child":{marginRight:0}}}}};export{i as flowPagination,t as flowPaginationItem};
+const t={defaultProps:{variant:"text",showFirstButton:!0,showLastButton:!0,siblingCount:1,boundaryCount:0},styleOverrides:{root:({ownerState:t,theme:i})=>Object.assign({margin:"4px auto",ul:{flexWrap:"nowrap",li:{minWidth:"0"},"& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))":{marginRight:"37px",[i.breakpoints.down("md")]:{marginRight:"18px"}},"& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))":{marginLeft:"37px",[i.breakpoints.down("md")]:{marginLeft:"18px"}}},"&.MuiPagination-dots":{ul:{li:{padding:"0 2px",[i.breakpoints.down("md")]:{padding:"0","& .MuiPaginationItem-root":{display:"none","&.MuiPaginationItem-previousNext, &.MuiPaginationItem-firstLast, &.Mui-selected":{display:"inline-flex"},"&.Mui-selected":{minWidth:"72px"}}}},"& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))":{marginRight:"30px",[i.breakpoints.down("md")]:{marginRight:"23px"}},"& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))":{marginLeft:"30px",[i.breakpoints.down("md")]:{marginLeft:"23px"}}}}},0===t.boundaryCount&&t.count>5&&{[`&:not(:has(li:nth-of-type(${[t.showFirstButton,!t.hidePrevButton,!0].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:{[`& li:nth-last-of-type(${[t.showLastButton,!t.hideNextButton,!0,!0].filter(Boolean).length})`]:{display:"none"}},[`&:not(:has(li:nth-last-of-type(${[t.showLastButton,!t.hideNextButton,!0].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:{[`& li:nth-of-type(${[t.showFirstButton,!t.hidePrevButton,!0,!0].filter(Boolean).length})`]:{display:"none"}}})}};export{t as flowPagination};
 //# sourceMappingURL=pagination.theme.js.map

package/materialui/pagination/pagination.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination.theme.js","sources":["../../../src/materialui/pagination/pagination.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const ~~flowPaginationItem~~: Components<Theme>['~~MuiPaginationItem~~'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n '~~&.MuiPaginationItem-root~~': {\n ~~backgroundColor~~: '~~transparent~~',\n ~~color~~: ~~theme.palette.text.primary,\~~n ~~fontWeight~~: '~~400~~',\n ~~fontSize: '16px'~~,\n ~~letterSpacing~~: '0.~~2px~~',\n ~~lineHeight~~: '~~24px~~',\n ~~margin~~: ~~0,\~~n ~~minWidth~~: '~~34px~~',\n ~~height: '34px'~~,\n ~~padding: 0~~,\n ~~position~~: ~~'relative',\n '&.~~MuiPaginationItem-previousNext': {\n ~~padding~~: '~~0px 5px~~',\n ~~borderRadius~~: '~~1000px~~',\n },\n '&.~~MuiPaginationItem~~-~~firstLast~~': {\n padding: '~~0px~~ ~~5px~~',\n ~~borderRadius~~: '~~1000px~~',\n ~~},\n~~ '&.MuiPaginationItem-~~ellipsis~~': {\n // ~~for~~ ~~dots~~ in ~~pagination~~\n ~~'&:hover'~~: ~~{\n backgroundColor:~~ '~~transparent~~',\n ~~},\~~n ~~},\n~~ '~~&:hover~~': {\n ~~backgroundColor~~: ~~theme.palette.transparent.primary~~,\n },\n '&.Mui-selected': {\n ~~backgroundColor~~: ~~theme.palette.transparent.primary~~,\n },\n '~~&.Mui~~-~~disabled'~~: {\n ~~color~~: theme.~~palette~~.~~disabled.primary,\~~n ~~opacity~~: 1,\n '& .~~MuiIcon~~-~~root~~': {\n ~~color~~: theme.~~palette~~.~~disabled.primary,\~~n },\n },\n },\n }),\n },\n~~};\~~n~~\nexport~~ ~~const~~ ~~flowPagination:~~ ~~Components<Theme~~>~~['MuiPagination']~~ = {\n ~~defaultProps:~~ ~~{},\n styleOverrides:~~ {\n ~~root~~: {},\n ~~ul:~~ {\n '& li': {\n ~~margin~~: '~~0 10px~~',\n ~~'&:first~~-~~child':~~ {\n ~~marginLeft~~: ~~0,\n~~ },\n ~~'&:last~~-~~child':~~ {\n ~~marginRight~~: 0,\n },\n },\n },\n },\n};\n"],"names":["~~flowPaginationItem~~","defaultProps","~~styleOverrides~~","~~root~~","~~theme~~","~~backgroundColor~~","~~color~~","~~palette~~","~~text~~","~~primary~~","~~fontWeight~~","~~fontSize~~","~~letterSpacing~~","~~lineHeight~~","~~margin~~","minWidth","~~height~~","~~padding~~","~~position~~","~~borderRadius~~","~~transparent~~","~~disabled~~","~~opacity~~","~~flowPagination~~","ul","~~marginLeft~~","~~marginRight~~"],"mappings":"AAGa,MAAAA,~~EAA6D~~,~~CACxEC~~,aAAc,~~CAAE~~,EAChBC,eAAgB,CACdC,KAAM,EAAGC,YAAa,~~CACpB~~,~~2BAA4B~~,~~CAC1BC~~,~~gBAAiB~~,~~cACjBC~~,~~MAAOF~~,~~EAAMG~~,~~QAAQC~~,~~KAAKC~~,~~QAC1BC~~,WAAY,~~MACZC~~,~~SAAU~~,~~OACVC~~,~~cAAe~~,~~QACfC~~,WAAY,~~OACZC~~,~~OAAQ~~,~~EACRC~~,~~SAAU~~,~~OACVC~~,~~OAAQ~~,~~OACRC~~,QAAS,~~EACTC~~,~~SAAU~~,~~WACV~~,~~mCAAoC~~,~~CAClCD~~,QAAS,~~UACTE~~,~~aAAc~~,~~UAEhB~~,~~gCAAiC~~,~~CAC/BF~~,QAAS,~~UACTE~~,~~aAAc~~,~~UAEhB,+BAAgC~~,~~CAE9B~~,~~UAAW~~,~~CACTd~~,~~gBAAiB~~,~~gBAGrB~~,~~UAAW~~,~~CACTA~~,~~gBAAiBD~~,~~EAAMG~~,~~QAAQa~~,~~YAAYX~~,~~SAE7C~~,~~iBAAkB~~,~~CAChBJ~~,~~gBAAiBD~~,~~EAAMG~~,~~QAAQa~~,~~YAAYX~~,~~SAE7C~~,~~iBAAkB~~,~~CAChBH~~,~~MAAOF~~,~~EAAMG~~,~~QAAQc~~,~~SAASZ~~,~~QAC9Ba~~,~~QAAS~~,~~EACT~~,~~kBAAmB~~,~~CACjBhB~~,~~MAAOF~~,~~EAAMG~~,~~QAAQc~~,~~SAASZ~~,~~eAQ7Bc~~,~~EAAqD~~,~~CAChEtB~~,~~aAAc~~,~~CAAE~~,~~EAChBC~~,~~eAAgB~~,~~CACdC~~,~~KAAM~~,~~CAAE~~,~~EACRqB~~,~~GAAI~~,~~CACF~~,~~OAAQ~~,~~CACNV~~,~~OAAQ~~,~~SACR~~,~~gBAAiB~~,~~CACfW~~,~~WAAY~~,~~GAEd~~,~~eAAgB~~,~~CACdC~~,~~YAAa~~"}
1	+ {"version":3,"file":"pagination.theme.js","sources":["../../../src/materialui/pagination/pagination.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowPagination: Components<Theme>['MuiPagination'] = {\n defaultProps: {\n variant: 'text',\n showFirstButton: true,\n showLastButton: true,\n siblingCount: 1,\n boundaryCount: 0,\n },\n styleOverrides: {\n root: ({ ownerState, theme }) => ({\n margin: '4px auto',\n ul: {\n flexWrap: 'nowrap',\n li: {\n minWidth: '0',\n },\n '& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))':\n {\n marginRight: '37px',\n [theme.breakpoints.down('md')]: {\n marginRight: '18px',\n },\n },\n '& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))': {\n marginLeft: '37px',\n [theme.breakpoints.down('md')]: {\n marginLeft: '18px',\n },\n },\n },\n '&.MuiPagination-dots': {\n ul: {\n li: {\n padding: '0 2px',\n // style for mobile version for DOTS version\n [theme.breakpoints.down('md')]: {\n padding: '0',\n '& .MuiPaginationItem-root': {\n // hide items by default\n display: 'none',\n // only show navigation arrows and selected page\n '&.MuiPaginationItem-previousNext, &.MuiPaginationItem-firstLast, &.Mui-selected': {\n display: 'inline-flex',\n },\n // adjust styling\n '&.Mui-selected': {\n minWidth: '72px',\n },\n },\n },\n },\n '& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))':\n {\n marginRight: '30px',\n [theme.breakpoints.down('md')]: {\n marginRight: '23px',\n },\n },\n '& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))': {\n marginLeft: '30px',\n [theme.breakpoints.down('md')]: {\n marginLeft: '23px',\n },\n },\n },\n },\n // remove extra page that is provided by @mui at the start/end of pagination\n ...(ownerState.boundaryCount === 0 &&\n ownerState.count > 5 && {\n // check if first ellipsis is not shown - hide last page\n [`&:not(:has(li:nth-of-type(${[ownerState.showFirstButton, !ownerState.hidePrevButton, true].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:\n {\n // last page\n [`& li:nth-last-of-type(${[ownerState.showLastButton, !ownerState.hideNextButton, true, true].filter(Boolean).length})`]:\n {\n display: 'none',\n },\n },\n // check if last ellipsis is not shown - hide first page\n [`&:not(:has(li:nth-last-of-type(${[ownerState.showLastButton, !ownerState.hideNextButton, true].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:\n {\n // first page\n [`& li:nth-of-type(${[ownerState.showFirstButton, !ownerState.hidePrevButton, true, true].filter(Boolean).length})`]:\n {\n display: 'none',\n },\n },\n }),\n }),\n },\n};\n"],"names":["flowPagination","defaultProps","variant","showFirstButton","showLastButton","siblingCount","boundaryCount","styleOverrides","root","ownerState","theme","margin","ul","flexWrap","li","minWidth","marginRight","breakpoints","down","marginLeft","padding","display","count","hidePrevButton","filter","Boolean","length","hideNextButton"],"mappings":"AAGa,MAAAA,EAAqD,CAChEC,aAAc,CACZC,QAAS,OACTC,iBAAiB,EACjBC,gBAAgB,EAChBC,aAAc,EACdC,cAAe,GAEjBC,eAAgB,CACdC,KAAM,EAAGC,aAAYC,0BACnBC,OAAQ,WACRC,GAAI,CACFC,SAAU,SACVC,GAAI,CACFC,SAAU,KAEZ,mIACE,CACEC,YAAa,OACb,CAACN,EAAMO,YAAYC,KAAK,OAAQ,CAC9BF,YAAa,SAGnB,4FAA6F,CAC3FG,WAAY,OACZ,CAACT,EAAMO,YAAYC,KAAK,OAAQ,CAC9BC,WAAY,UAIlB,uBAAwB,CACtBP,GAAI,CACFE,GAAI,CACFM,QAAS,QAET,CAACV,EAAMO,YAAYC,KAAK,OAAQ,CAC9BE,QAAS,IACT,4BAA6B,CAE3BC,QAAS,OAET,kFAAmF,CACjFA,QAAS,eAGX,iBAAkB,CAChBN,SAAU,WAKlB,mIACE,CACEC,YAAa,OACb,CAACN,EAAMO,YAAYC,KAAK,OAAQ,CAC9BF,YAAa,SAGnB,4FAA6F,CAC3FG,WAAY,OACZ,CAACT,EAAMO,YAAYC,KAAK,OAAQ,CAC9BC,WAAY,YAMa,IAA7BV,EAAWH,eACbG,EAAWa,MAAQ,GAAK,CAEtB,CAAC,6BAA6B,CAACb,EAAWN,iBAAkBM,EAAWc,gBAAgB,GAAMC,OAAOC,SAASC,2CAC3G,CAEE,CAAC,yBAAyB,CAACjB,EAAWL,gBAAiBK,EAAWkB,gBAAgB,GAAM,GAAMH,OAAOC,SAASC,WAC5G,CACEL,QAAS,SAIjB,CAAC,kCAAkC,CAACZ,EAAWL,gBAAiBK,EAAWkB,gBAAgB,GAAMH,OAAOC,SAASC,2CAC/G,CAEE,CAAC,oBAAoB,CAACjB,EAAWN,iBAAkBM,EAAWc,gBAAgB,GAAM,GAAMC,OAAOC,SAASC,WACxG,CACEL,QAAS"}

package/materialui/pagination/paginationItem.theme.d.ts ADDED Viewed

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

package/materialui/pagination/paginationItem.theme.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";import{ChevronLeftIcon as t}from"../../components/icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as n}from"../../components/icon/stroke/ChevronRightIcon.js";import{ChevronPreviousIcon as e}from"../../components/icon/stroke/ChevronPreviousIcon.js";import{ChevronNextIcon as i}from"../../components/icon/stroke/ChevronNextIcon.js";import{getInteractiveStyle as r}from"../button/interactive.js";const p={defaultProps:{slots:{previous:t,next:n,first:e,last:i}},styleOverrides:{root:({theme:t})=>Object.assign(Object.assign({margin:"0 4px",[t.breakpoints.down("md")]:{margin:"0 2px"}},o(t)),{"&.MuiButtonBase-root":Object.assign({},r({backgroundColor:"transparent",fontWeight:"300",fontSize:"18px",letterSpacing:"0.36px",[t.breakpoints.down("md")]:{fontSize:"16px"}},{backgroundColor:t.palette.transparent.primary,fontWeight:"400",fontSize:"18px",letterSpacing:"0.36px",[t.breakpoints.down("md")]:{fontSize:"16px"}})),color:t.palette.text.primary,lineHeight:"24px",padding:"0",minWidth:"35px",height:"36px",position:"relative",borderRadius:"4px","& .MuiSvgIcon-root":{fontSize:"20px",[t.breakpoints.down("md")]:{fontSize:"18px"}},"&.Mui-disabled":{color:t.palette.disabled.primary,opacity:"1"},"&.MuiPaginationItem-ellipsis":{lineHeight:"36px",margin:"0 1px",pointerEvents:"none"},"&.MuiPaginationItem-text.MuiPaginationItem-ellipsis":{display:"none"},"&.MuiPaginationItem-outlined":{border:"0"}})}};export{p as flowPaginationItem};
2	+ //# sourceMappingURL=paginationItem.theme.js.map

package/materialui/pagination/paginationItem.theme.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"paginationItem.theme.js","sources":["../../../src/materialui/pagination/paginationItem.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowPaginationItem: Components<Theme>['MuiPaginationItem'] = {\n defaultProps: {\n slots: {\n previous: ChevronLeftIcon,\n next: ChevronRightIcon,\n first: ChevronPreviousIcon,\n last: ChevronNextIcon,\n },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n margin: '0 4px',\n [theme.breakpoints.down('md')]: {\n margin: '0 2px',\n },\n // focused style\n ...getFocusRingStyle(theme),\n // custom font style from Figma\n '&.MuiButtonBase-root': {\n // interactive style\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n fontWeight: '300',\n fontSize: '18px',\n letterSpacing: '0.36px',\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n },\n },\n {\n backgroundColor: theme.palette.transparent.primary,\n fontWeight: '400',\n fontSize: '18px',\n letterSpacing: '0.36px',\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n },\n },\n ),\n },\n color: theme.palette.text.primary,\n lineHeight: '24px',\n padding: '0',\n minWidth: '35px',\n height: '36px',\n position: 'relative',\n borderRadius: '4px',\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n [theme.breakpoints.down('md')]: {\n fontSize: '18px',\n },\n },\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n opacity: '1',\n },\n // style for ellipsis\n '&.MuiPaginationItem-ellipsis': {\n lineHeight: '36px',\n margin: '0 1px',\n pointerEvents: 'none',\n },\n // hide ellipsis for default (text) variant\n '&.MuiPaginationItem-text.MuiPaginationItem-ellipsis': {\n display: 'none',\n },\n // reset style for outlined variant\n '&.MuiPaginationItem-outlined': {\n border: '0',\n },\n }),\n },\n};\n"],"names":["flowPaginationItem","defaultProps","slots","previous","ChevronLeftIcon","next","ChevronRightIcon","first","ChevronPreviousIcon","last","ChevronNextIcon","styleOverrides","root","theme","Object","assign","margin","breakpoints","down","getFocusRingStyle","getInteractiveStyle","backgroundColor","fontWeight","fontSize","letterSpacing","palette","transparent","primary","color","text","lineHeight","padding","minWidth","height","position","borderRadius","disabled","opacity","pointerEvents","display","border"],"mappings":"6dASa,MAAAA,EAA6D,CACxEC,aAAc,CACZC,MAAO,CACLC,SAAUC,EACVC,KAAMC,EACNC,MAAOC,EACPC,KAAMC,IAGVC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CACnBC,OAAQ,QACR,CAACH,EAAMI,YAAYC,KAAK,OAAQ,CAC9BF,OAAQ,UAGPG,EAAkBN,IAAM,CAE3B,uBAAsBC,OAAAC,OAAA,CAAA,EAEjBK,EACD,CACEC,gBAAiB,cACjBC,WAAY,MACZC,SAAU,OACVC,cAAe,SACf,CAACX,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,SAGd,CACEF,gBAAiBR,EAAMY,QAAQC,YAAYC,QAC3CL,WAAY,MACZC,SAAU,OACVC,cAAe,SACf,CAACX,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,WAKlBK,MAAOf,EAAMY,QAAQI,KAAKF,QAC1BG,WAAY,OACZC,QAAS,IACTC,SAAU,OACVC,OAAQ,OACRC,SAAU,WACVC,aAAc,MACd,qBAAsB,CACpBZ,SAAU,OACV,CAACV,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,SAGd,iBAAkB,CAChBK,MAAOf,EAAMY,QAAQW,SAAST,QAC9BU,QAAS,KAGX,+BAAgC,CAC9BP,WAAY,OACZd,OAAQ,QACRsB,cAAe,QAGjB,sDAAuD,CACrDC,QAAS,QAGX,+BAAgC,CAC9BC,OAAQ"}

package/materialui/rating/index.d.ts ADDED Viewed

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

package/materialui/rating/rating.theme.d.ts ADDED Viewed

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

package/materialui/rating/rating.theme.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as i}from"react/jsx-runtime";import{ShapeStarIcon as e}from"../../components/icon/stroke/ShapeStarIcon.js";import{ShapeStarFilledIcon as t}from"../../components/icon/filled/ShapeStarFilledIcon.js";const n={defaultProps:{size:"medium",precision:1,max:5,icon:i(t,{fontSize:"inherit"}),emptyIcon:i(e,{fontSize:"inherit"})},styleOverrides:{root:({theme:i})=>({"&.Mui-disabled":{opacity:"1","& .MuiRating-icon":{"&.MuiRating-iconFilled, &.MuiRating-iconEmpty":{color:i.palette.disabled.tertiary}}},"&.Mui-focusVisible .MuiRating-iconActive":{outline:`2px solid ${i.palette.info.main}`},"& .MuiRating-decimal":{transform:"none"},"& .MuiRating-decimal *":{maxWidth:"none"},"&.MuiRating-sizeSmall":{gap:"3px","& .MuiRating-iconFilled, & .MuiRating-iconEmpty":{fontSize:"1rem"}},"&.MuiRating-sizeMedium":{gap:"8px","& .MuiRating-iconFilled, & .MuiRating-iconEmpty":{fontSize:"1.5rem"}},"&.MuiRating-sizeLarge":{gap:"12px","& .MuiRating-iconFilled, & .MuiRating-iconEmpty":{fontSize:"2rem"}},"& .MuiRating-icon":{transition:"none",transform:"none","&.MuiRating-iconHover":{color:"dark"===i.palette.mode?i.palette.brand.secondary:i.palette.brand.primary},"&.MuiRating-iconFilled":{color:"dark"===i.palette.mode?i.palette.brand.secondary:i.palette.brand.primary},"&.MuiRating-iconEmpty":{color:i.palette.onSurface.os500}}})}};export{n as flowRating};
2	+ //# sourceMappingURL=rating.theme.js.map

package/materialui/rating/rating.theme.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"rating.theme.js","sources":["../../../src/materialui/rating/rating.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { ShapeStarIcon } from '@/src/components/icon/stroke/ShapeStarIcon';\nimport { ShapeStarFilledIcon } from '@/src/components/icon/filled/ShapeStarFilledIcon';\n\nexport const flowRating: Components<Theme>['MuiRating'] = {\n defaultProps: {\n size: 'medium',\n precision: 1,\n max: 5,\n icon: <ShapeStarFilledIcon fontSize=\"inherit\" />,\n emptyIcon: <ShapeStarIcon fontSize=\"inherit\" />,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n '&.Mui-disabled': {\n opacity: '1',\n '& .MuiRating-icon': {\n '&.MuiRating-iconFilled, &.MuiRating-iconEmpty': {\n color: theme.palette.disabled.tertiary,\n },\n },\n },\n // focus visible state\n '&.Mui-focusVisible .MuiRating-iconActive': {\n outline: `2px solid ${theme.palette.info.main}`,\n },\n '& .MuiRating-decimal': {\n transform: 'none',\n },\n // will overwrite maxWidth: '100%' from css reset\n '& .MuiRating-decimal *': {\n maxWidth: 'none',\n },\n // size overrides\n '&.MuiRating-sizeSmall': {\n gap: '3px',\n '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n fontSize: '1rem',\n },\n },\n '&.MuiRating-sizeMedium': {\n gap: '8px',\n '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n fontSize: '1.5rem',\n },\n },\n '&.MuiRating-sizeLarge': {\n gap: '12px',\n '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n fontSize: '2rem',\n },\n },\n '& .MuiRating-icon': {\n transition: 'none',\n transform: 'none',\n // hover effects\n '&.MuiRating-iconHover': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n },\n '&.MuiRating-iconFilled': {\n // color: theme.palette.brand.primary,\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n },\n '&.MuiRating-iconEmpty': {\n color: theme.palette.onSurface.os500,\n },\n },\n }),\n },\n};\n"],"names":["flowRating","defaultProps","size","precision","max","icon","_jsx","ShapeStarFilledIcon","fontSize","emptyIcon","ShapeStarIcon","styleOverrides","root","theme","opacity","color","palette","disabled","tertiary","outline","info","main","transform","maxWidth","gap","transition","mode","brand","secondary","primary","onSurface","os500"],"mappings":"gNAKa,MAAAA,EAA6C,CACxDC,aAAc,CACZC,KAAM,SACNC,UAAW,EACXC,IAAK,EACLC,KAAMC,EAACC,GAAoBC,SAAS,YACpCC,UAAWH,EAACI,GAAcF,SAAS,aAErCG,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpB,iBAAkB,CAChBC,QAAS,IACT,oBAAqB,CACnB,gDAAiD,CAC/CC,MAAOF,EAAMG,QAAQC,SAASC,YAKpC,2CAA4C,CAC1CC,QAAS,aAAaN,EAAMG,QAAQI,KAAKC,QAE3C,uBAAwB,CACtBC,UAAW,QAGb,yBAA0B,CACxBC,SAAU,QAGZ,wBAAyB,CACvBC,IAAK,MACL,kDAAmD,CACjDhB,SAAU,SAGd,yBAA0B,CACxBgB,IAAK,MACL,kDAAmD,CACjDhB,SAAU,WAGd,wBAAyB,CACvBgB,IAAK,OACL,kDAAmD,CACjDhB,SAAU,SAGd,oBAAqB,CACnBiB,WAAY,OACZH,UAAW,OAEX,wBAAyB,CACvBP,MAA8B,SAAvBF,EAAMG,QAAQU,KAAkBb,EAAMG,QAAQW,MAAMC,UAAYf,EAAMG,QAAQW,MAAME,SAE7F,yBAA0B,CAExBd,MAA8B,SAAvBF,EAAMG,QAAQU,KAAkBb,EAAMG,QAAQW,MAAMC,UAAYf,EAAMG,QAAQW,MAAME,SAE7F,wBAAyB,CACvBd,MAAOF,EAAMG,QAAQc,UAAUC"}

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

@@ -1,2 +1,2 @@
-import s from"@skodaflow/web-tokens/src/tokens.json";const a=(a,r)=>{const e=s["flow-typography"].find((s=>s.name===`${r}-${a}`));return e?{height:e.style.lineHeight}:{}},r=(s,r)=>Object.assign(Object.assign({},a(s,"small")),{[r.breakpoints.up("md")]:Object.assign({},a(s,"medium")),[r.breakpoints.up("xl")]:Object.assign({},a(s,"large"))}),e=()=>({borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),t={defaultProps:{animation:"wave"},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"})}]};export{t as flowSkeleton,r as getResponsiveLineHeight,e as getTextVariantStyle,a as getTypographyLineHeight};
+import s from"@skodaflow/web-tokens/src/tokens.json";const a=(a,r)=>{const e=s["flow-typography"].find((s=>s.name===`${r}-${a}`));return e?{height:e.style.lineHeight}:{}},r=(s,r)=>Object.assign(Object.assign({},a(s,"small")),{[r.breakpoints.up("md")]:Object.assign({},a(s,"medium")),[r.breakpoints.up("xl")]:Object.assign({},a(s,"large"))}),e=()=>({borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),t={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"})}]};export{t as flowSkeleton,r as getResponsiveLineHeight,e as getTextVariantStyle,a as getTypographyLineHeight};
 //# sourceMappingURL=skeleton.theme.js.map

package/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 '../theme/theme.typography';\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 },\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","styleOverrides","text","circular","flexShrink","wave","backgroundColor","palette","onSurface","os100","background","surface","secondary","mode","primary","variants","props","variant","style","width"],"mappings":"2DAKaA,EAA0B,CAACC,EAAiBC,KACvD,MAAMC,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAQD,MAC3E,OAAIE,EACK,CACLK,OAAQL,EAAY,MAAEM,YAGjB,CAAE,GAIAC,EAA0B,CAACT,EAAiBU,IACvDC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKb,EAAwBC,EAAS,WACpC,CAACU,EAAMG,YAAYC,GAAG,OAAMH,OAAAC,OAAA,CAAA,EACvBb,EAAwBC,EAAS,WAEtC,CAACU,EAAMG,YAAYC,GAAG,wBACjBf,EAAwBC,EAAS,YAK7Be,EAAsB,KAAkB,CACnDC,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAGNC,EAAiD,CAC5DC,aAAc,CACZC,UAAW,~~QAEbC~~,eAAgB,CACdC,~~KAAIZ~~,OAAAC,OAAA,CAAA,~~EAZ6C~~,CACnDI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAWfM~~,SAAU,CACRC,WAAY,KAEdC,KAAM,~~EAAGhB~~,WACPC,OAAAC,OAAA,~~CAAAe~~,~~gBAAiBjB~~,~~EAAMkB~~,QAAQC,UAAUC,MACzC,UAAW,CACTC,WAAY,~~2FAINrB~~,~~EAAMkB~~,QAAQI,QAAQC,+DAKH,~~SAAvBvB~~,~~EAAMkB~~,QAAQM,MAAmB,CACnCP,~~gBAAiBjB~~,~~EAAMkB~~,QAAQI,QAAQC,UACvC,UAAW,CACTF,WAAY,~~uGAILrB~~,~~EAAMkB~~,QAAQI,QAAQG,wEAQrCC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAS,WAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,UAAWC,~~IAjDO~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UA+CX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IAzDY~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAuDX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IAjEY~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UA+DX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IAzEY~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAuEX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IAjFY~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UA+EX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,~~IAzFG~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAuFX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,~~IAjGU~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UA+FX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,cAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,aAAcC,~~IAzGI~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAuGX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,~~IAjHG~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UA+GX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,~~IAzHG~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAuHX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,~~IAjIM~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UA+HX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,~~IAzIM~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAuIX~~,~~CAAAsB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,~~EAAG7B~~,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,~~IAjJU~~,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UA+IX~~,~~CAAAsB~~,MAAO"}
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 '../theme/theme.typography';\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":"2DAKaA,EAA0B,CAACC,EAAiBC,KACvD,MAAMC,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAQD,MAC3E,OAAIE,EACK,CACLK,OAAQL,EAAY,MAAEM,YAGjB,CAAE,GAIAC,EAA0B,CAACT,EAAiBU,IACvDC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKb,EAAwBC,EAAS,WACpC,CAACU,EAAMG,YAAYC,GAAG,OAAMH,OAAAC,OAAA,CAAA,EACvBb,EAAwBC,EAAS,WAEtC,CAACU,EAAMG,YAAYC,GAAG,wBACjBf,EAAwBC,EAAS,YAK7Be,EAAsB,KAAkB,CACnDC,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAGNC,EAAiD,CAC5DC,aAAc,CACZC,UAAW,OACX,aAAgB,cAChBC,KAAM,eAERC,eAAgB,CACdC,KAAIb,OAAAC,OAAA,CAAA,EAd6C,CACnDI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAafO,SAAU,CACRC,WAAY,KAEdC,KAAM,EAAGjB,WACPC,OAAAC,OAAA,CAAAgB,gBAAiBlB,EAAMmB,QAAQC,UAAUC,MACzC,UAAW,CACTC,WAAY,2FAINtB,EAAMmB,QAAQI,QAAQC,+DAKH,SAAvBxB,EAAMmB,QAAQM,MAAmB,CACnCP,gBAAiBlB,EAAMmB,QAAQI,QAAQC,UACvC,UAAW,CACTF,WAAY,uGAILtB,EAAMmB,QAAQI,QAAQG,wEAQrCC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAS,WAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,UAAWC,IAnDO,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAiDX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IA3DY,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAyDX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IAnEY,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAiEX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IA3EY,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAyEX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IAnFY,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAiFX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,IA3FG,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAyFX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,IAnGU,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAiGX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,cAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,aAAcC,IA3GI,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAyGX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,IAnHG,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAiHX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,IA3HG,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAyHX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,IAnIM,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAiIX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,IA3IM,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAyIX,CAAAuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,IAnJU,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAiJX,CAAAuB,MAAO"}

package/materialui/slider/sliderValues.js CHANGED Viewed

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

package/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 aria-label=\"Minimum value\"\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 aria-label=\"Maximum value\"\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\n aria-label=\"Current value\"\n value={value}\n setValue={setValue}\n label={label}\n labelProps={labelProps}\n {...sliderValueProps}\n />\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 color: 'onSurface.os500',\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 ...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 aria-valuenow={formattedValue}\n aria-valuemax={max}\n aria-valuemin={min}\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","_Fragment","_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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"}