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

@skodaflow/web-library 7.16.1 → 8.0.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 (1875) hide show

package/cjs/materialui/slider/SliderValues.d.ts ADDED Viewed

@@ -0,0 +1,86 @@
+import React, { ElementType, ReactNode } from 'react';
+import { BoxProps, SliderProps, TypographyProps, FilledInputProps } from '@mui/material';
+export interface SliderValuesProps extends BoxProps<ElementType> {
+    /**
+     * The value of the slider
+     */
+    value: SliderProps['value'] | false;
+    /**
+     * Properties applied to value wrapper
+     */
+    valueProps?: TypographyProps<ElementType>;
+    /**
+     * Label show above value
+     */
+    label?: ReactNode;
+    /**
+     * Properties applied to label wrapper
+     */
+    labelProps?: TypographyProps<ElementType>;
+    /**
+     * The format function the value label's value
+     */
+    valueLabelFormat?: SliderProps['valueLabelFormat'];
+    /**
+     * Provide this function to allow changing the slider value with inputs
+     */
+    setValue?: (newValue: unknown) => void;
+    /**
+     * Disable editing
+     */
+    disabled?: boolean;
+    /**
+     * The minimum allowed value of the slider
+     */
+    min?: SliderProps['min'];
+    /**
+     * Text shown above min selected value
+     */
+    minLabel?: ReactNode;
+    /**
+     * Properties applied to label wrapper
+     */
+    minLabelProps?: TypographyProps<ElementType>;
+    /**
+     * The maximum allowed value of the slider
+     */
+    max?: SliderProps['max'];
+    /**
+     * Text shown above max selected value
+     */
+    maxLabel?: ReactNode;
+    /**
+     * Properties applied to label wrapper
+     */
+    maxLabelProps?: TypographyProps<ElementType>;
+    /**
+     * The granularity with which the slider can step through values
+     */
+    step?: SliderProps['step'];
+    /**
+     * Properties applied to the root wrapper of each SliderValue
+     */
+    sliderValueProps?: BoxProps<ElementType>;
+    /**
+     * Properties applied to SliderValue input field
+     */
+    inputProps?: FilledInputProps;
+}
+/**
+ * Wrapper that render one or two SliderValue components based on the Slider type
+ */
+export declare const SliderValues: React.FC<SliderValuesProps>;
+export interface SliderValueProps extends Omit<SliderValuesProps, 'value' | 'minLabel' | 'minLabelProps' | 'maxLabel' | 'maxLabelProps'> {
+    /**
+     * The single value of the slider
+     */
+    value: number | false;
+    /**
+     * The single setValue for the slider value
+     */
+    setValue?: (newValue: number) => void;
+}
+/**
+ * Display single value of slider, allows editing with input
+ */
+export declare const SliderValue: React.FC<SliderValueProps>;

package/cjs/materialui/slider/SliderValues.js ADDED Viewed

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

package/cjs/materialui/slider/SliderValues.js.map ADDED Viewed

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

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

@@ -1,3 +1,5 @@
+export { Slider } from '@mui/material';
+export type { SliderProps } from '@mui/material';
 export * from './getSliderMarks';
-export * from './sliderValues';
-export * from './sliderContainer';
+export * from './SliderValues';
+export * from './SliderContainer';

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

	@@ -0,0 +1,2 @@
1	+ export { Snackbar, SnackbarContent } from '@mui/material';
2	+ export type { SnackbarProps, SnackbarContentProps } from '@mui/material';

package/cjs/materialui/snackbar/snackbarContent.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"snackbarContent.theme.js","sources":["../../../../../src/materialui/snackbar/snackbarContent.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { flowAlert } from '../alert/alert.theme';\~~nimport { ComponentsOverrides } from '@mui/material/styles/overrides';\~~n\nexport const flowSnackbarContent: Components<Theme>['MuiSnackbarContent'] = {\n styleOverrides: {\n root: flowAlert.styleOverrides.root,\n message: flowAlert.styleOverrides.message,\n action: flowAlert.styleOverrides.action,\n // ignore missing properties of snackbar that are in the flowAlert\n } as ComponentsOverrides<Theme>['MuiSnackbarContent'],\n};\n"],"names":["flowSnackbarContent","styleOverrides","root","flowAlert","message","action"],"mappings":"~~sDAKO~~,MAAMA,EAA+D,CAC1EC,eAAgB,CACdC,KAAMC,EAAAA,UAAUF,eAAeC,KAC/BE,QAASD,EAAAA,UAAUF,eAAeG,QAClCC,OAAQF,EAAAA,UAAUF,eAAeI"}
1	+ {"version":3,"file":"snackbarContent.theme.js","sources":["../../../../../src/materialui/snackbar/snackbarContent.theme.ts"],"sourcesContent":["import { Components, ComponentsOverrides } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { flowAlert } from '../alert/alert.theme';\n\nexport const flowSnackbarContent: Components<Theme>['MuiSnackbarContent'] = {\n styleOverrides: {\n root: flowAlert.styleOverrides.root,\n message: flowAlert.styleOverrides.message,\n action: flowAlert.styleOverrides.action,\n // ignore missing properties of snackbar that are in the flowAlert\n } as ComponentsOverrides<Theme>['MuiSnackbarContent'],\n};\n"],"names":["flowSnackbarContent","styleOverrides","root","flowAlert","message","action"],"mappings":"sDAIO,MAAMA,EAA+D,CAC1EC,eAAgB,CACdC,KAAMC,EAAAA,UAAUF,eAAeC,KAC/BE,QAASD,EAAAA,UAAUF,eAAeG,QAClCC,OAAQF,EAAAA,UAAUF,eAAeI"}

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

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

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

	@@ -0,0 +1,2 @@
1	+ export { Stepper, StepLabel, Step, StepButton, StepConnector, StepContent, StepIcon } from '@mui/material';
2	+ export type { StepperProps, StepLabelProps, StepProps, StepButtonProps, StepConnectorProps, StepContentProps, StepIconProps, } from '@mui/material';

package/cjs/materialui/svgIcon/svgIcon.theme.d.ts CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"svgIcon.theme.js","sources":["../../../../../src/materialui/svgIcon/svgIcon.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles~~/components~~';\nimport { Theme } from '@mui/material';\n\nexport const flowSvgIcon: Components<Theme>['MuiSvgIcon'] = {\n styleOverrides: {\n root: {\n overflow: 'visible',\n flexShrink: '0',\n },\n colorAction: ({ theme }) => ({\n color: theme.palette.onSurface.os900,\n }),\n colorDisabled: ({ theme }) => ({\n color: theme.palette.disabled.primary,\n }),\n colorPrimary: ({ theme }) => ({\n color: theme.palette.brand.primary,\n }),\n colorSecondary: ({ theme }) => ({\n color: theme.palette.brand.secondary,\n }),\n colorError: ({ theme }) => ({\n color: theme.palette.error.main,\n }),\n },\n variants: [\n {\n // custom size\n props: { fontSize: 'extraSmall' },\n style: {\n fontSize: '16px',\n },\n },\n {\n // custom size\n props: { fontSize: 'extraLarge' },\n style: {\n fontSize: '40px',\n },\n },\n // sizes from @mui, changed from rem to px\n {\n props: { fontSize: 'small' },\n style: { fontSize: '20px' },\n },\n {\n props: { fontSize: 'medium' },\n style: { fontSize: '24px' },\n },\n {\n props: { fontSize: 'large' },\n style: { fontSize: '35px' },\n },\n // custom colors types\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n color: theme.palette.info['main'],\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n color: theme.palette.success['main'],\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n color: theme.palette.warning['main'],\n }),\n },\n ],\n};\n"],"names":["styleOverrides","root","overflow","flexShrink","colorAction","theme","color","palette","onSurface","os900","colorDisabled","disabled","primary","colorPrimary","brand","colorSecondary","secondary","colorError","error","main","variants","props","fontSize","style","info","success","warning"],"mappings":"iCAG4D,CAC1DA,eAAgB,CACdC,KAAM,CACJC,SAAU,UACVC,WAAY,KAEdC,YAAa,EAAGC,YAAO,CACrBC,MAAOD,EAAME,QAAQC,UAAUC,QAEjCC,cAAe,EAAGL,YAAO,CACvBC,MAAOD,EAAME,QAAQI,SAASC,UAEhCC,aAAc,EAAGR,YAAO,CACtBC,MAAOD,EAAME,QAAQO,MAAMF,UAE7BG,eAAgB,EAAGV,YAAO,CACxBC,MAAOD,EAAME,QAAQO,MAAME,YAE7BC,WAAY,EAAGZ,YAAO,CACpBC,MAAOD,EAAME,QAAQW,MAAMC,QAG/BC,SAAU,CACR,CAEEC,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAGd,CAEED,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAId,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,UACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAGrB,CACED,MAAO,CAAEf,MAAO,QAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQiB,KAAW,QAGpC,CACEH,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQkB,QAAc,QAGvC,CACEJ,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQmB,QAAc"}
1	+ {"version":3,"file":"svgIcon.theme.js","sources":["../../../../../src/materialui/svgIcon/svgIcon.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowSvgIcon: Components<Theme>['MuiSvgIcon'] = {\n styleOverrides: {\n root: {\n overflow: 'visible',\n flexShrink: '0',\n },\n colorAction: ({ theme }) => ({\n color: theme.palette.onSurface.os900,\n }),\n colorDisabled: ({ theme }) => ({\n color: theme.palette.disabled.primary,\n }),\n colorPrimary: ({ theme }) => ({\n color: theme.palette.brand.primary,\n }),\n colorSecondary: ({ theme }) => ({\n color: theme.palette.brand.secondary,\n }),\n colorError: ({ theme }) => ({\n color: theme.palette.error.main,\n }),\n },\n variants: [\n {\n // custom size\n props: { fontSize: 'extraSmall' },\n style: {\n fontSize: '16px',\n },\n },\n {\n // custom size\n props: { fontSize: 'extraLarge' },\n style: {\n fontSize: '40px',\n },\n },\n // sizes from @mui, changed from rem to px\n {\n props: { fontSize: 'small' },\n style: { fontSize: '20px' },\n },\n {\n props: { fontSize: 'medium' },\n style: { fontSize: '24px' },\n },\n {\n props: { fontSize: 'large' },\n style: { fontSize: '35px' },\n },\n // custom colors types\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n color: theme.palette.info['main'],\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n color: theme.palette.success['main'],\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n color: theme.palette.warning['main'],\n }),\n },\n ],\n};\n"],"names":["styleOverrides","root","overflow","flexShrink","colorAction","theme","color","palette","onSurface","os900","colorDisabled","disabled","primary","colorPrimary","brand","colorSecondary","secondary","colorError","error","main","variants","props","fontSize","style","info","success","warning"],"mappings":"iCAG4D,CAC1DA,eAAgB,CACdC,KAAM,CACJC,SAAU,UACVC,WAAY,KAEdC,YAAa,EAAGC,YAAO,CACrBC,MAAOD,EAAME,QAAQC,UAAUC,QAEjCC,cAAe,EAAGL,YAAO,CACvBC,MAAOD,EAAME,QAAQI,SAASC,UAEhCC,aAAc,EAAGR,YAAO,CACtBC,MAAOD,EAAME,QAAQO,MAAMF,UAE7BG,eAAgB,EAAGV,YAAO,CACxBC,MAAOD,EAAME,QAAQO,MAAME,YAE7BC,WAAY,EAAGZ,YAAO,CACpBC,MAAOD,EAAME,QAAQW,MAAMC,QAG/BC,SAAU,CACR,CAEEC,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAGd,CAEED,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAId,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,UACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAGrB,CACED,MAAO,CAAEf,MAAO,QAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQiB,KAAW,QAGpC,CACEH,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQkB,QAAc,QAGvC,CACEJ,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQmB,QAAc"}

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

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

package/cjs/materialui/switch/switch.theme.d.ts CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.theme.js","sources":["../../../../../src/materialui/switch/switch.theme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles~~/components~~';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowSwitch: Components<Theme>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableFocusRipple: true,\n disableTouchRipple: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n input: {\n maxWidth: 'none',\n },\n borderRadius: '1000px',\n '& .MuiSwitch-track': {\n borderRadius: '1000px',\n },\n '.Mui-disabled': {\n '.MuiSwitch-thumb': {\n backgroundColor: theme.palette.disabled.tertiary,\n },\n },\n position: 'relative',\n overflow: 'visible',\n ...getFocusRingStyle(theme, false, 0, ':has(.Mui-focusVisible)'),\n }),\n thumb: ({ theme }) => ({\n boxShadow: 'none',\n transition: '0.2s',\n color: theme.palette.onSurface.os0,\n borderRadius: '1000px',\n flexShrink: '0',\n maxWidth: 'none',\n }),\n track: ({ theme }) => ({\n boxSizing: 'border-box',\n opacity: '1',\n backgroundColor: theme.palette.onSurface.os500,\n }),\n switchBase: ({ theme }) => ({\n transition: '0.2s',\n '&.Mui-checked': {\n '& + .MuiSwitch-track': {\n opacity: '1',\n ...(theme.palette.mode === 'dark' && {\n background: theme.palette.brand.secondary,\n }),\n },\n ...(theme.palette.mode === 'dark' && {\n '& .MuiSwitch-thumb': {\n background: theme.palette.brand.tertiary,\n },\n }),\n },\n '&.Mui-disabled': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette.disabled.primary,\n opacity: '1',\n },\n },\n }),\n sizeMedium: {\n width: '52px',\n height: '24px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '18px',\n height: '18px',\n },\n '& .MuiSwitch-switchBase': {\n width: '24px',\n padding: '3px',\n '&.Mui-checked': {\n transform: 'translateX(28px)',\n },\n },\n '&:active:not(.Mui-disabled)': {\n '.MuiSwitch-thumb': {\n width: '28px',\n transform: 'translateX(5px)',\n },\n '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-5px)',\n },\n },\n },\n sizeSmall: {\n width: '34px',\n height: '16px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '12px',\n height: '12px',\n },\n '& .MuiSwitch-switchBase': {\n width: '16px',\n padding: '2px',\n '&.Mui-checked': {\n transform: 'translateX(18px)',\n },\n },\n '&:active:not(.Mui-disabled)': {\n '& .MuiSwitch-thumb': {\n width: '18px',\n transform: 'translateX(3px)',\n },\n '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-3px)',\n },\n },\n },\n },\n};\n"],"names":["flowSwitch","defaultProps","disableRipple","disableFocusRipple","disableTouchRipple","styleOverrides","root","theme","Object","assign","input","maxWidth","borderRadius","backgroundColor","palette","disabled","tertiary","position","overflow","getFocusRingStyle","thumb","boxShadow","transition","color","onSurface","os0","flexShrink","track","boxSizing","opacity","os500","switchBase","mode","background","brand","secondary","primary","sizeMedium","width","height","padding","transform","sizeSmall"],"mappings":"sEAIO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,eAAe,EACfC,oBAAoB,EACpBC,oBAAoB,GAEtBC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAA,CACnBC,MAAO,CACLC,SAAU,QAEZC,aAAc,SACd,qBAAsB,CACpBA,aAAc,UAEhB,gBAAiB,CACf,mBAAoB,CAClBC,gBAAiBN,EAAMO,QAAQC,SAASC,WAG5CC,SAAU,WACVC,SAAU,WACPC,oBAAkBZ,GAAO,EAAO,EAAG,4BAExCa,MAAO,EAAGb,YAAO,CACfc,UAAW,OACXC,WAAY,OACZC,MAAOhB,EAAMO,QAAQU,UAAUC,IAC/Bb,aAAc,SACdc,WAAY,IACZf,SAAU,SAEZgB,MAAO,EAAGpB,YAAO,CACfqB,UAAW,aACXC,QAAS,IACThB,gBAAiBN,EAAMO,QAAQU,UAAUM,QAE3CC,WAAY,EAAGxB,YAAO,CACpBe,WAAY,OACZ,gBAAed,OAAAC,OAAA,CACb,uBAAsBD,OAAAC,OAAA,CACpBoB,QAAS,KACkB,SAAvBtB,EAAMO,QAAQkB,MAAmB,CACnCC,WAAY1B,EAAMO,QAAQoB,MAAMC,aAGT,SAAvB5B,EAAMO,QAAQkB,MAAmB,CACnC,qBAAsB,CACpBC,WAAY1B,EAAMO,QAAQoB,MAAMlB,YAItC,iBAAkB,CAChB,uBAAwB,CACtBH,gBAAiBN,EAAMO,QAAQC,SAASqB,QACxCP,QAAS,QAIfQ,WAAY,CACVC,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,mBAAoB,CAClBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW,sBAIjBC,UAAW,CACTJ,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,qBAAsB,CACpBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW"}
1	+ {"version":3,"file":"switch.theme.js","sources":["../../../../../src/materialui/switch/switch.theme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowSwitch: Components<Theme>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableFocusRipple: true,\n disableTouchRipple: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n input: {\n maxWidth: 'none',\n },\n borderRadius: '1000px',\n '& .MuiSwitch-track': {\n borderRadius: '1000px',\n },\n '.Mui-disabled': {\n '.MuiSwitch-thumb': {\n backgroundColor: theme.palette.disabled.tertiary,\n },\n },\n position: 'relative',\n overflow: 'visible',\n ...getFocusRingStyle(theme, false, 0, ':has(.Mui-focusVisible)'),\n }),\n thumb: ({ theme }) => ({\n boxShadow: 'none',\n transition: '0.2s',\n color: theme.palette.onSurface.os0,\n borderRadius: '1000px',\n flexShrink: '0',\n maxWidth: 'none',\n }),\n track: ({ theme }) => ({\n boxSizing: 'border-box',\n opacity: '1',\n backgroundColor: theme.palette.onSurface.os500,\n }),\n switchBase: ({ theme }) => ({\n transition: '0.2s',\n '&.Mui-checked': {\n '& + .MuiSwitch-track': {\n opacity: '1',\n ...(theme.palette.mode === 'dark' && {\n background: theme.palette.brand.secondary,\n }),\n },\n ...(theme.palette.mode === 'dark' && {\n '& .MuiSwitch-thumb': {\n background: theme.palette.brand.tertiary,\n },\n }),\n },\n '&.Mui-disabled': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette.disabled.primary,\n opacity: '1',\n },\n },\n }),\n sizeMedium: {\n width: '52px',\n height: '24px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '18px',\n height: '18px',\n },\n '& .MuiSwitch-switchBase': {\n width: '24px',\n padding: '3px',\n '&.Mui-checked': {\n transform: 'translateX(28px)',\n },\n },\n '&:active:not(.Mui-disabled)': {\n '.MuiSwitch-thumb': {\n width: '28px',\n transform: 'translateX(5px)',\n },\n '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-5px)',\n },\n },\n },\n sizeSmall: {\n width: '34px',\n height: '16px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '12px',\n height: '12px',\n },\n '& .MuiSwitch-switchBase': {\n width: '16px',\n padding: '2px',\n '&.Mui-checked': {\n transform: 'translateX(18px)',\n },\n },\n '&:active:not(.Mui-disabled)': {\n '& .MuiSwitch-thumb': {\n width: '18px',\n transform: 'translateX(3px)',\n },\n '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-3px)',\n },\n },\n },\n },\n};\n"],"names":["flowSwitch","defaultProps","disableRipple","disableFocusRipple","disableTouchRipple","styleOverrides","root","theme","Object","assign","input","maxWidth","borderRadius","backgroundColor","palette","disabled","tertiary","position","overflow","getFocusRingStyle","thumb","boxShadow","transition","color","onSurface","os0","flexShrink","track","boxSizing","opacity","os500","switchBase","mode","background","brand","secondary","primary","sizeMedium","width","height","padding","transform","sizeSmall"],"mappings":"sEAIO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,eAAe,EACfC,oBAAoB,EACpBC,oBAAoB,GAEtBC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAA,CACnBC,MAAO,CACLC,SAAU,QAEZC,aAAc,SACd,qBAAsB,CACpBA,aAAc,UAEhB,gBAAiB,CACf,mBAAoB,CAClBC,gBAAiBN,EAAMO,QAAQC,SAASC,WAG5CC,SAAU,WACVC,SAAU,WACPC,oBAAkBZ,GAAO,EAAO,EAAG,4BAExCa,MAAO,EAAGb,YAAO,CACfc,UAAW,OACXC,WAAY,OACZC,MAAOhB,EAAMO,QAAQU,UAAUC,IAC/Bb,aAAc,SACdc,WAAY,IACZf,SAAU,SAEZgB,MAAO,EAAGpB,YAAO,CACfqB,UAAW,aACXC,QAAS,IACThB,gBAAiBN,EAAMO,QAAQU,UAAUM,QAE3CC,WAAY,EAAGxB,YAAO,CACpBe,WAAY,OACZ,gBAAed,OAAAC,OAAA,CACb,uBAAsBD,OAAAC,OAAA,CACpBoB,QAAS,KACkB,SAAvBtB,EAAMO,QAAQkB,MAAmB,CACnCC,WAAY1B,EAAMO,QAAQoB,MAAMC,aAGT,SAAvB5B,EAAMO,QAAQkB,MAAmB,CACnC,qBAAsB,CACpBC,WAAY1B,EAAMO,QAAQoB,MAAMlB,YAItC,iBAAkB,CAChB,uBAAwB,CACtBH,gBAAiBN,EAAMO,QAAQC,SAASqB,QACxCP,QAAS,QAIfQ,WAAY,CACVC,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,mBAAoB,CAClBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW,sBAIjBC,UAAW,CACTJ,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,qBAAsB,CACpBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("./TabsScrollButton.js"),t=require("../../components/focusring/focusring.js"),r=require("../button/interactive.js");const a={defaultProps:{scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e.TabsScrollButton}},styleOverrides:{root:({ownerState:e})=>Object.assign(Object.assign(Object.assign({minHeight:"0",alignItems:"center",gap:"0"},e.fullWidth||"fullWidth"===e.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{}),e.centered?{justifyContent:"center"}:{}),{'&:not(:has(.MuiTab-root[aria-selected="true"]))':{"& .MuiTabs-indicator":{opacity:"0"}}}),flexContainer:({theme:e})=>({gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}),indicator:({theme:e,ownerState:t})=>Object.assign(Object.assign({maxWidth:"none",background:"transparent",display:"block",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary},"secondary"===t.indicatorColor&&{color:e.palette.text.primary}),{"&:before":{display:"block",content:'""',position:"absolute",left:"8px",right:"8px",top:"0",bottom:"0",backgroundColor:"currentColor"}}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary,"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px","&:before":{inset:"0"}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700},e.typography.subheadline),{[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}})})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":Object.assign(Object.assign(Object.assign({border:"1px solid transparent",padding:"6px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px"},t.updateFocusRingStyle("0px",!1)),r.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary})),{"&.Mui-selected":Object.assign({},r.getInteractiveStyle({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})),[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}})})},{props:{template:"navigation"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"4px"},paddingTop:"11px",[e.breakpoints.down("xl")]:{paddingTop:"13px"},[e.breakpoints.down("lg")]:{paddingTop:"8px"},"& .MuiTab-root":Object.assign({marginBottom:"11px",[e.breakpoints.down("xl")]:{marginBottom:"13px"},[e.breakpoints.down("lg")]:{marginBottom:"8px"}},e.typography.list)})},{props:{template:"segmented"},style:({theme:e})=>({color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"555px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"555px",overflow:"hidden","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"6px 16px",[e.breakpoints.up("md")]:{padding:"8px 16px"},borderRadius:"555px",transition:"all 0.3s ease-out",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",marginTop:"4px",marginBottom:"4px"}},e.typography.subheadline),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})}]};exports.flowTabs=a;
+"use strict";var e=require("./TabsScrollButton.js"),t=require("../../components/focusring/focusring.js"),r=require("../button/interactive.js");const a={defaultProps:{template:"underlined",scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e.TabsScrollButton}},styleOverrides:{root:({ownerState:e})=>Object.assign(Object.assign(Object.assign({minHeight:"0",alignItems:"center",gap:"0"},e.fullWidth||"fullWidth"===e.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{}),e.centered?{justifyContent:"center"}:{}),{'&:not(:has(.MuiTab-root[aria-selected="true"]))':{"& .MuiTabs-indicator":{opacity:"0"}}}),flexContainer:({theme:e})=>({gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}),indicator:({theme:e,ownerState:t})=>Object.assign(Object.assign({maxWidth:"none",background:"transparent",display:"block",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary},"secondary"===t.indicatorColor&&{color:e.palette.text.primary}),{"&:before":{display:"block",content:'""',position:"absolute",left:"8px",right:"8px",top:"0",bottom:"0",backgroundColor:"currentColor"}}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary,"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px","&:before":{inset:"0"}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700},e.typography.subheadline),{[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}})})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":Object.assign(Object.assign(Object.assign({border:"1px solid transparent",padding:"6px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px"},t.updateFocusRingStyle("0px",!1)),r.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary})),{"&.Mui-selected":Object.assign({},r.getInteractiveStyle({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})),[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}})})},{props:{template:"navigation"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"4px"},paddingTop:"11px",[e.breakpoints.down("xl")]:{paddingTop:"13px"},[e.breakpoints.down("lg")]:{paddingTop:"8px"},"& .MuiTab-root":Object.assign({marginBottom:"11px",[e.breakpoints.down("xl")]:{marginBottom:"13px"},[e.breakpoints.down("lg")]:{marginBottom:"8px"}},e.typography.list)})},{props:{template:"segmented"},style:({theme:e})=>({color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"555px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"555px",overflow:"hidden","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"6px 16px",[e.breakpoints.up("md")]:{padding:"8px 16px"},borderRadius:"555px",transition:"all 0.3s ease-out",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",marginTop:"4px",marginBottom:"4px"}},e.typography.subheadline),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})}]};exports.flowTabs=a;
 //# sourceMappingURL=tabs.theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.theme.js","sources":["../../../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { TabsScrollButton } from './TabsScrollButton';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n defaultProps: {\n // for the A11y reflow-4x-zoom-scroll show scrollButtons instead of scrollbar\n scrollButtons: 'auto',\n allowScrollButtonsMobile: true,\n visibleScrollbar: false,\n variant: 'scrollable',\n slots: {\n scrollButtons: TabsScrollButton,\n },\n },\n styleOverrides: {\n root: ({ ownerState }) => ({\n minHeight: '0',\n alignItems: 'center',\n // space between tabs and scroll buttons (FlowScrollButton already contains 4px)\n gap: '0',\n ...(ownerState.fullWidth \|\| ownerState.variant === 'fullWidth'\n ? {\n '& .MuiTab-root': {\n flexGrow: '1',\n },\n }\n : {}),\n // @mui omits centered property with variant scrollable,\n // therefore code bellow has no effect. In docs, we recommend utilizing sx property.\n ...(ownerState.centered ? { justifyContent: 'center' } : {}),\n // check if we don't have any tab selected\n '&:not(:has(.MuiTab-root[aria-selected=\"true\"]))': {\n // hide indicator\n '& .MuiTabs-indicator': {\n opacity: '0',\n },\n },\n }),\n flexContainer: ({ theme }) => ({\n gap: '16px',\n [theme.breakpoints.up('md')]: {\n gap: '28px',\n },\n }),\n indicator: ({ theme, ownerState }) => ({\n maxWidth: 'none',\n background: 'transparent',\n display: 'block',\n height: '3px',\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n ...(ownerState.indicatorColor === 'secondary' && {\n color: theme.palette.text.primary,\n }),\n // actual indicator line\n '&:before': {\n display: 'block',\n content: '\"\"',\n position: 'absolute',\n left: '8px',\n right: '8px',\n top: '0',\n bottom: '0',\n backgroundColor: 'currentColor',\n },\n }),\n scroller: ({ ownerState }) => ({\n flexGrow: ownerState.fullWidth \|\| ownerState.variant === 'fullWidth' ? '1' : '0',\n // restyle horizontal scrollbar\n '&::-webkit-scrollbar:horizontal': {\n height: '24px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '10px',\n },\n }),\n scrollButtons: ({ theme }) => ({\n color: theme.palette.text.primary,\n // do not hide disabled scroll buttons\n '&.Mui-disabled': {\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n }),\n },\n variants: [\n {\n props: { template: 'underlined' },\n style: ({ theme }) => ({\n // align with rest of the page, due to extra space\n marginLeft: '-6px',\n marginRight: '-6px',\n maxWidth: 'none',\n // scroll container\n '& .MuiTabs-scroller': {\n '&::-webkit-scrollbar:horizontal': {\n height: '16px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '6px',\n },\n },\n // container\n '& .MuiTabs-flexContainer': {\n // extra space for the focus indicator\n padding: '6px',\n // remove gap between tabs\n gap: '0',\n },\n // indicator line\n '& .MuiTabs-indicator': {\n // move directly into tab border\n bottom: '6px',\n '&:before': {\n // make full-width\n inset: '0',\n },\n },\n // Tabs itself\n '& .MuiTab-root': {\n // remove space around tab in favor of padding\n margin: '0',\n // increase spacing\n padding: '12px 24px',\n // responsive\n [theme.breakpoints.down('md')]: {\n paddingTop: '10px',\n paddingBottom: '10px',\n },\n // style adjust\n borderRadius: '0',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n // font\n ...theme.typography.subheadline,\n [theme.breakpoints.up('xs')]: {\n fontWeight: '300',\n },\n // bottom border\n '&:after': {\n content: '\"\"',\n position: 'absolute',\n left: '0',\n right: '0',\n bottom: '0',\n height: '1px',\n backgroundColor: theme.palette.onSurface.os500,\n },\n // hover effect\n '&:hover, &.Mui-focusVisible': {\n // increase size of the border\n '&:after': {\n height: '2px',\n },\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n // focused style\n '&.Mui-focusVisible': {\n // higher z-index than others\n zIndex: '10',\n // extra white border\n boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n '&:before': {\n // move outside\n inset: '-2px',\n // add extra border radius\n borderRadius: '4px',\n },\n },\n },\n }),\n },\n {\n props: { template: 'buttons' },\n style: ({ theme }) => ({\n // container\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // hide bottom line\n '& .MuiTabs-indicator': {\n display: 'none',\n },\n // restyle tabs to buttons\n '& .MuiTab-root': {\n border: '1px solid transparent',\n padding: '6px 16px',\n borderRadius: '555px',\n transition: 'all 0.3s ease-out',\n fontSize: '14px',\n fontWeight: '700',\n marginBottom: '2px',\n ...updateFocusRingStyle('0px', false),\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os500,\n },\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n ),\n '&.Mui-selected': {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.text.primary,\n borderColor: theme.palette.brand.primary,\n },\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n },\n ),\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n },\n }),\n },\n {\n // variant used in the SecondaryNavigation\n props: { template: 'navigation' },\n style: ({ theme }) => ({\n // container\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '4px',\n },\n // manual align\n paddingTop: '11px',\n [theme.breakpoints.down('xl')]: {\n paddingTop: '13px',\n },\n [theme.breakpoints.down('lg')]: {\n paddingTop: '8px',\n },\n // restyle tabs typography\n '& .MuiTab-root': {\n marginBottom: '11px',\n [theme.breakpoints.down('xl')]: {\n marginBottom: '13px',\n },\n [theme.breakpoints.down('lg')]: {\n marginBottom: '8px',\n },\n ...theme.typography.list,\n },\n }),\n },\n {\n props: { template: 'segmented' },\n style: ({ theme }) => ({\n // used for background\n color: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.secondary,\n // container\n '& .MuiTabs-scroller': {\n backgroundColor: 'currentColor',\n borderRadius: '555px',\n },\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // restyle indicator to white bordered travelling background\n '& .MuiTabs-indicator': {\n color: theme.palette.mode === 'dark' ? theme.palette.surface.secondary : theme.palette.common.white,\n // proportion\n height: '100%',\n // z-index bellow <Tab />\n zIndex: '10',\n borderRadius: '555px',\n // make sure border from :before is not visible when no tab is selected\n overflow: 'hidden',\n '&:before': {\n inset: '0',\n borderRadius: 'inherit',\n border: `2px solid ${theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary}`,\n },\n },\n // restyle tabs\n '& .MuiTab-root': {\n margin: '0',\n padding: '6px 16px',\n [theme.breakpoints.up('md')]: {\n padding: '8px 16px',\n },\n borderRadius: '555px',\n transition: 'all 0.3s ease-out',\n // space between icon and text\n gap: '10px',\n // z-index above indicator\n zIndex: '20',\n // icon inside\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n marginTop: '4px',\n marginBottom: '4px',\n },\n // change typography\n ...theme.typography.subheadline,\n color: theme.palette.text.primary,\n [theme.breakpoints.up('xs')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n // hover and focus\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: theme.palette.surface.primary,\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary,\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: 'transparent',\n },\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n },\n }),\n },\n ],\n};\n"],"names":["flowTabs","defaultProps","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","slots","TabsScrollButton","styleOverrides","root","ownerState","Object","assign","minHeight","alignItems","gap","fullWidth","flexGrow","centered","justifyContent","opacity","flexContainer","theme","breakpoints","up","indicator","maxWidth","background","display","height","color","palette","mode","brand","secondary","primary","indicatorColor","text","content","position","left","right","top","bottom","backgroundColor","scroller","borderWidth","disabled","variants","props","template","style","marginLeft","marginRight","padding","inset","margin","down","paddingTop","paddingBottom","borderRadius","onSurface","os300","os700","typography","subheadline","fontWeight","os500","surface","transparent","tertiary","zIndex","boxShadow","border","transition","fontSize","marginBottom","updateFocusRingStyle","getInteractiveStyle","quarternary","borderColor","list","common","white","overflow","marginTop"],"mappings":"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"}
1	+ {"version":3,"file":"tabs.theme.js","sources":["../../../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { TabsScrollButton } from './TabsScrollButton';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n defaultProps: {\n template: 'underlined',\n // for the A11y reflow-4x-zoom-scroll show scrollButtons instead of scrollbar\n scrollButtons: 'auto',\n allowScrollButtonsMobile: true,\n visibleScrollbar: false,\n variant: 'scrollable',\n slots: {\n scrollButtons: TabsScrollButton,\n },\n },\n styleOverrides: {\n root: ({ ownerState }) => ({\n minHeight: '0',\n alignItems: 'center',\n // space between tabs and scroll buttons (FlowScrollButton already contains 4px)\n gap: '0',\n ...(ownerState.fullWidth \|\| ownerState.variant === 'fullWidth'\n ? {\n '& .MuiTab-root': {\n flexGrow: '1',\n },\n }\n : {}),\n // @mui omits centered property with variant scrollable,\n // therefore code bellow has no effect. In docs, we recommend utilizing sx property.\n ...(ownerState.centered ? { justifyContent: 'center' } : {}),\n // check if we don't have any tab selected\n '&:not(:has(.MuiTab-root[aria-selected=\"true\"]))': {\n // hide indicator\n '& .MuiTabs-indicator': {\n opacity: '0',\n },\n },\n }),\n flexContainer: ({ theme }) => ({\n gap: '16px',\n [theme.breakpoints.up('md')]: {\n gap: '28px',\n },\n }),\n indicator: ({ theme, ownerState }) => ({\n maxWidth: 'none',\n background: 'transparent',\n display: 'block',\n height: '3px',\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n ...(ownerState.indicatorColor === 'secondary' && {\n color: theme.palette.text.primary,\n }),\n // actual indicator line\n '&:before': {\n display: 'block',\n content: '\"\"',\n position: 'absolute',\n left: '8px',\n right: '8px',\n top: '0',\n bottom: '0',\n backgroundColor: 'currentColor',\n },\n }),\n scroller: ({ ownerState }) => ({\n flexGrow: ownerState.fullWidth \|\| ownerState.variant === 'fullWidth' ? '1' : '0',\n // restyle horizontal scrollbar\n '&::-webkit-scrollbar:horizontal': {\n height: '24px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '10px',\n },\n }),\n scrollButtons: ({ theme }) => ({\n color: theme.palette.text.primary,\n // do not hide disabled scroll buttons\n '&.Mui-disabled': {\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n }),\n },\n variants: [\n {\n props: { template: 'underlined' },\n style: ({ theme }) => ({\n // align with rest of the page, due to extra space\n marginLeft: '-6px',\n marginRight: '-6px',\n maxWidth: 'none',\n // scroll container\n '& .MuiTabs-scroller': {\n '&::-webkit-scrollbar:horizontal': {\n height: '16px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '6px',\n },\n },\n // container\n '& .MuiTabs-flexContainer': {\n // extra space for the focus indicator\n padding: '6px',\n // remove gap between tabs\n gap: '0',\n },\n // indicator line\n '& .MuiTabs-indicator': {\n // move directly into tab border\n bottom: '6px',\n '&:before': {\n // make full-width\n inset: '0',\n },\n },\n // Tabs itself\n '& .MuiTab-root': {\n // remove space around tab in favor of padding\n margin: '0',\n // increase spacing\n padding: '12px 24px',\n // responsive\n [theme.breakpoints.down('md')]: {\n paddingTop: '10px',\n paddingBottom: '10px',\n },\n // style adjust\n borderRadius: '0',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n // font\n ...theme.typography.subheadline,\n [theme.breakpoints.up('xs')]: {\n fontWeight: '300',\n },\n // bottom border\n '&:after': {\n content: '\"\"',\n position: 'absolute',\n left: '0',\n right: '0',\n bottom: '0',\n height: '1px',\n backgroundColor: theme.palette.onSurface.os500,\n },\n // hover effect\n '&:hover, &.Mui-focusVisible': {\n // increase size of the border\n '&:after': {\n height: '2px',\n },\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n // focused style\n '&.Mui-focusVisible': {\n // higher z-index than others\n zIndex: '10',\n // extra white border\n boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n '&:before': {\n // move outside\n inset: '-2px',\n // add extra border radius\n borderRadius: '4px',\n },\n },\n },\n }),\n },\n {\n props: { template: 'buttons' },\n style: ({ theme }) => ({\n // container\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // hide bottom line\n '& .MuiTabs-indicator': {\n display: 'none',\n },\n // restyle tabs to buttons\n '& .MuiTab-root': {\n border: '1px solid transparent',\n padding: '6px 16px',\n borderRadius: '555px',\n transition: 'all 0.3s ease-out',\n fontSize: '14px',\n fontWeight: '700',\n marginBottom: '2px',\n ...updateFocusRingStyle('0px', false),\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os500,\n },\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n ),\n '&.Mui-selected': {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.text.primary,\n borderColor: theme.palette.brand.primary,\n },\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n },\n ),\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n },\n }),\n },\n {\n // variant used in the SecondaryNavigation\n props: { template: 'navigation' },\n style: ({ theme }) => ({\n // container\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '4px',\n },\n // manual align\n paddingTop: '11px',\n [theme.breakpoints.down('xl')]: {\n paddingTop: '13px',\n },\n [theme.breakpoints.down('lg')]: {\n paddingTop: '8px',\n },\n // restyle tabs typography\n '& .MuiTab-root': {\n marginBottom: '11px',\n [theme.breakpoints.down('xl')]: {\n marginBottom: '13px',\n },\n [theme.breakpoints.down('lg')]: {\n marginBottom: '8px',\n },\n ...theme.typography.list,\n },\n }),\n },\n {\n props: { template: 'segmented' },\n style: ({ theme }) => ({\n // used for background\n color: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.secondary,\n // container\n '& .MuiTabs-scroller': {\n backgroundColor: 'currentColor',\n borderRadius: '555px',\n },\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // restyle indicator to white bordered travelling background\n '& .MuiTabs-indicator': {\n color: theme.palette.mode === 'dark' ? theme.palette.surface.secondary : theme.palette.common.white,\n // proportion\n height: '100%',\n // z-index bellow <Tab />\n zIndex: '10',\n borderRadius: '555px',\n // make sure border from :before is not visible when no tab is selected\n overflow: 'hidden',\n '&:before': {\n inset: '0',\n borderRadius: 'inherit',\n border: `2px solid ${theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary}`,\n },\n },\n // restyle tabs\n '& .MuiTab-root': {\n margin: '0',\n padding: '6px 16px',\n [theme.breakpoints.up('md')]: {\n padding: '8px 16px',\n },\n borderRadius: '555px',\n transition: 'all 0.3s ease-out',\n // space between icon and text\n gap: '10px',\n // z-index above indicator\n zIndex: '20',\n // icon inside\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n marginTop: '4px',\n marginBottom: '4px',\n },\n // change typography\n ...theme.typography.subheadline,\n color: theme.palette.text.primary,\n [theme.breakpoints.up('xs')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n // hover and focus\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: theme.palette.surface.primary,\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary,\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: 'transparent',\n },\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n },\n }),\n },\n ],\n};\n"],"names":["flowTabs","defaultProps","template","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","slots","TabsScrollButton","styleOverrides","root","ownerState","Object","assign","minHeight","alignItems","gap","fullWidth","flexGrow","centered","justifyContent","opacity","flexContainer","theme","breakpoints","up","indicator","maxWidth","background","display","height","color","palette","mode","brand","secondary","primary","indicatorColor","text","content","position","left","right","top","bottom","backgroundColor","scroller","borderWidth","disabled","variants","props","style","marginLeft","marginRight","padding","inset","margin","down","paddingTop","paddingBottom","borderRadius","onSurface","os300","os700","typography","subheadline","fontWeight","os500","surface","transparent","tertiary","zIndex","boxShadow","border","transition","fontSize","marginBottom","updateFocusRingStyle","getInteractiveStyle","quarternary","borderColor","list","common","white","overflow","marginTop"],"mappings":"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"}

package/cjs/materialui/textfield/FormControl.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material");const l=o.forwardRef((l,t)=>{var{onFocus:u,onBlur:i,onPointerDown:s,className:c}=l,a=e.__rest(l,["onFocus","onBlur","onPointerDown","className"]);const d=o.useRef(null);o.useImperativeHandle(t,()=>d.current);const v=o.useRef(null),[m,w]=o.useState(!1);return n.jsx(r.Box,Object.assign({ref:d,onPointerDown:e=>{v.current="onPointerDown",null==s||s(e)},onFocus:e=>{"onPointerDown"!==v.current&&w(!0),v.current="onFocus",null==u||u(e)},onBlur:e=>{var n,o,r,l;"onPointerDown"===v.current||(null===(o=null===(n=null==d?void 0:d.current)||void 0===n?void 0:n.matches)||void 0===o?void 0:o.call(n,':has(.MuiSelect-select[aria-expanded="true"])'))||(null===(l=null===(r=null==e?void 0:e.relatedTarget)||void 0===r?void 0:r.matches)||void 0===l?void 0:l.call(r,".MuiSelect-select"))?v.current="onPointerDown":(w(!1),v.current="onBlur"),null==i||i(e)},className:[c,m?"":"Flow-NoFocusRing"].filter(Boolean).join(" ")},a))});exports.FormControl=l;
+"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),n=require("react"),l=require("@mui/material");const r=n.forwardRef((r,i)=>{var{onFocus:t,onBlur:u,onPointerDown:c,className:a}=r,s=e.__rest(r,["onFocus","onBlur","onPointerDown","className"]);const d=n.useRef(null);n.useImperativeHandle(i,()=>d.current);const v=n.useRef(null),[m,w]=n.useState(!1);return o.jsx(l.Box,Object.assign({ref:d,onPointerDown:e=>{v.current="onPointerDown",null==c||c(e)},onFocus:e=>{["onFocus","onPointerDown"].includes(v.current)||w(!0),v.current="onFocus",null==t||t(e)},onBlur:e=>{var o,n,l,r,i,t,c,a;"onPointerDown"===v.current||(null===(n=null===(o=null==d?void 0:d.current)||void 0===o?void 0:o.matches)||void 0===n?void 0:n.call(o,':has(.MuiSelect-select[aria-expanded="true"])'))||(null===(r=null===(l=null==e?void 0:e.relatedTarget)||void 0===l?void 0:l.matches)||void 0===r?void 0:r.call(l,".MuiSelect-select"))||(null===(t=null===(i=null==e?void 0:e.relatedTarget)||void 0===i?void 0:i.matches)||void 0===t?void 0:t.call(i,'[class^="MuiPickers"]'))||(null===(a=null===(c=null==e?void 0:e.relatedTarget)||void 0===c?void 0:c.matches)||void 0===a?void 0:a.call(c,".MuiMultiSectionDigitalClockSection-item"))?v.current="onPointerDown":(w(!1),v.current="onBlur"),null==u||u(e)},className:[a,m?"":"Flow-NoFocusRing"].filter(Boolean).join(" ")},s))});exports.FormControl=r;
 //# sourceMappingURL=FormControl.js.map

package/cjs/materialui/textfield/FormControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormControl.js","sources":["../../../../../src/materialui/textfield/FormControl.tsx"],"sourcesContent":["import React, { FC, useState, forwardRef, useRef, useImperativeHandle } from 'react';\nimport { Box, FormControlProps } from '@mui/material';\n\n/*\n Custom extension of FormControl component to show FocusRing only with Tab focus\n */\nexport const FormControl: FC<FormControlProps> = forwardRef(\n ({ onFocus, onBlur, onPointerDown, className, ...rest }, forwardedRef) => {\n const ref = useRef<HTMLDivElement>(null);\n useImperativeHandle(forwardedRef, () => ref.current);\n // detect events to skip focus ring\n const previousEvent = useRef<string \| null>(null);\n // append style with focus ring\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n return (\n <Box\n ref={ref}\n onPointerDown={(e) => {\n previousEvent.current = 'onPointerDown';\n onPointerDown?.(e);\n }}\n onFocus={(e) => {\n if (~~previousEvent.current~~ ~~!==~~ 'onPointerDown') {\n // if not clicked, we will show focus ring (force rerender to update class)\n setFocusVisible(true);\n }\n previousEvent.current = 'onFocus';\n onFocus?.(e);\n }}\n onBlur={(e) => {\n // perform cleanup\n if (\n // skip cleanup as onPointerDown might happen after onFocus\n previousEvent.current !== 'onPointerDown' &&\n // focus is not in opened select\n !ref?.current?.matches?.(':has(.MuiSelect-select[aria-expanded=\"true\"])') &&\n // blur does not come from the opened select and now goes into select\n !e?.relatedTarget?.matches?.('.MuiSelect-select')\n ) {\n // cleanup with blur\n setFocusVisible(false);\n previousEvent.current = 'onBlur';\n } else {\n // act with skip that click just happened\n previousEvent.current = 'onPointerDown';\n }\n onBlur?.(e);\n }}\n className={[\n className,\n // we are utilizing class to support <FormControl component='div' /> fallback to always show focus ring\n focusVisible ? '' : 'Flow-NoFocusRing',\n ]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n />\n );\n },\n);\n"],"names":["FormControl","forwardRef","_a","forwardedRef","onFocus","onBlur","onPointerDown","className","rest","__rest","ref","useRef","useImperativeHandle","current","previousEvent","focusVisible","setFocusVisible","useState","_jsx","Box","Object","assign","e","_b","matches","call","_d","_c","relatedTarget","filter","Boolean","join"],"mappings":"iHAMO,MAAMA,EAAoCC,EAAAA,WAC/C,CAACC,EAAwDC,KAAxD,IAAAC,QAAEA,EAAOC,OAAEA,EAAMC,cAAEA,EAAaC,UAAEA,GAASL,EAAKM,EAAIC,EAAAA,OAAAP,EAApD,CAAA,UAAA,SAAA,gBAAA,cACC,MAAMQ,EAAMC,EAAAA,OAAuB,MACnCC,EAAAA,oBAAoBT,EAAc,IAAMO,EAAIG,SAE5C,MAAMC,EAAgBH,EAAAA,OAAsB,OAErCI,EAAcC,GAAmBC,EAAAA,UAAkB,GAE1D,OACEC,EAAAA,IAACC,MAAGC,OAAAC,OAAA,CACFX,IAAKA,EACLJ,cAAgBgB,IACdR,EAAcD,QAAU,gBACxBP,SAAAA,EAAgBgB,IAElBlB,QAAUkB,~~IACsB~~,~~kBAA1BR~~,EAAcD,~~SAEhBG~~,GAAgB,GAElBF,EAAcD,QAAU,UACxBT,SAAAA,EAAUkB,IAEZjB,OAASiB,~~gBAIqB~~,kBAA1BR,EAAcD,UAEQ,~~QAArBU~~,EAAY,~~QAAZrB~~,EAAAQ,aAAG,EAAHA,EAAKG,eAAO,IAAAX,OAAA,EAAAA,~~EAAEsB~~,eAAO,IAAAD,OAAA,EAAAA,EAAAE,~~KAAAvB~~,EAAG,oDAEC,~~QAAzBwB~~,~~UAAAC~~,~~EAAAL~~,aAAC,EAADA,~~EAAGM~~,~~oCAAeJ~~,eAAO,IAAAE,OAAA,EAAAA,EAAAD,KAAAE,EAAG,~~sBAO7Bb~~,EAAcD,QAAU,iBAJxBG,GAAgB,GAChBF,EAAcD,QAAU,UAK1BR,SAAAA,EAASiB,IAEXf,UAAW,CACTA,EAEAQ,EAAe,GAAK,~~oBAEnBc~~,OAAOC,SACPC,KAAK,~~MACJvB~~"}
1	+ {"version":3,"file":"FormControl.js","sources":["../../../../../src/materialui/textfield/FormControl.tsx"],"sourcesContent":["import React, { FC, useState, forwardRef, useRef, useImperativeHandle } from 'react';\nimport { Box, FormControlProps } from '@mui/material';\n\n/*\n Custom extension of FormControl component to show FocusRing only with Tab focus\n */\nexport const FormControl: FC<FormControlProps> = forwardRef(\n ({ onFocus, onBlur, onPointerDown, className, ...rest }, forwardedRef) => {\n const ref = useRef<HTMLDivElement>(null);\n useImperativeHandle(forwardedRef, () => ref.current);\n // detect events to skip focus ring\n const previousEvent = useRef<string \| null>(null);\n // append style with focus ring\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n return (\n <Box\n ref={ref}\n onPointerDown={(e) => {\n previousEvent.current = 'onPointerDown';\n onPointerDown?.(e);\n }}\n onFocus={(e) => {\n if (!['onFocus', 'onPointerDown'].includes(previousEvent.current)) {\n // if not clicked or repeated event, we will show focus ring (force rerender to update class)\n setFocusVisible(true);\n }\n previousEvent.current = 'onFocus';\n onFocus?.(e);\n }}\n onBlur={(e) => {\n // perform cleanup\n if (\n // skip cleanup as onPointerDown might happen after onFocus\n previousEvent.current !== 'onPointerDown' &&\n // focus is not in opened select\n !ref?.current?.matches?.(':has(.MuiSelect-select[aria-expanded=\"true\"])') &&\n // blur does not come from the opened select and now goes into select\n !e?.relatedTarget?.matches?.('.MuiSelect-select') &&\n // blur does not come from datepicker\n !e?.relatedTarget?.matches?.('[class^=\"MuiPickers\"]') &&\n // blur does not come form timepicker\n !e?.relatedTarget?.matches?.('.MuiMultiSectionDigitalClockSection-item')\n ) {\n // cleanup with blur\n setFocusVisible(false);\n previousEvent.current = 'onBlur';\n } else {\n // act with skip that click just happened\n previousEvent.current = 'onPointerDown';\n }\n onBlur?.(e);\n }}\n className={[\n className,\n // we are utilizing class to support <FormControl component='div' /> fallback to always show focus ring\n focusVisible ? '' : 'Flow-NoFocusRing',\n ]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n />\n );\n },\n);\n"],"names":["FormControl","forwardRef","_a","forwardedRef","onFocus","onBlur","onPointerDown","className","rest","__rest","ref","useRef","useImperativeHandle","current","previousEvent","focusVisible","setFocusVisible","useState","_jsx","Box","Object","assign","e","includes","_b","matches","call","_d","_c","relatedTarget","_f","_e","_h","_g","filter","Boolean","join"],"mappings":"iHAMO,MAAMA,EAAoCC,EAAAA,WAC/C,CAACC,EAAwDC,KAAxD,IAAAC,QAAEA,EAAOC,OAAEA,EAAMC,cAAEA,EAAaC,UAAEA,GAASL,EAAKM,EAAIC,EAAAA,OAAAP,EAApD,CAAA,UAAA,SAAA,gBAAA,cACC,MAAMQ,EAAMC,EAAAA,OAAuB,MACnCC,EAAAA,oBAAoBT,EAAc,IAAMO,EAAIG,SAE5C,MAAMC,EAAgBH,EAAAA,OAAsB,OAErCI,EAAcC,GAAmBC,EAAAA,UAAkB,GAE1D,OACEC,EAAAA,IAACC,MAAGC,OAAAC,OAAA,CACFX,IAAKA,EACLJ,cAAgBgB,IACdR,EAAcD,QAAU,gBACxBP,SAAAA,EAAgBgB,IAElBlB,QAAUkB,IACH,CAAC,UAAW,iBAAiBC,SAAST,EAAcD,UAEvDG,GAAgB,GAElBF,EAAcD,QAAU,UACxBT,SAAAA,EAAUkB,IAEZjB,OAASiB,wBAIqB,kBAA1BR,EAAcD,UAEQ,QAArBW,EAAY,QAAZtB,EAAAQ,aAAG,EAAHA,EAAKG,eAAO,IAAAX,OAAA,EAAAA,EAAEuB,eAAO,IAAAD,OAAA,EAAAA,EAAAE,KAAAxB,EAAG,oDAEC,QAAzByB,EAAgB,QAAhBC,EAAAN,aAAC,EAADA,EAAGO,qBAAa,IAAAD,OAAA,EAAAA,EAAEH,eAAO,IAAAE,OAAA,EAAAA,EAAAD,KAAAE,EAAG,wBAEH,QAAzBE,EAAgB,QAAhBC,EAAAT,aAAC,EAADA,EAAGO,qBAAa,IAAAE,OAAA,EAAAA,EAAEN,eAAO,IAAAK,OAAA,EAAAA,EAAAJ,KAAAK,EAAG,4BAEH,QAAzBC,UAAAC,EAAAX,aAAC,EAADA,EAAGO,oCAAeJ,eAAO,IAAAO,OAAA,EAAAA,EAAAN,KAAAO,EAAG,6CAO7BnB,EAAcD,QAAU,iBAJxBG,GAAgB,GAChBF,EAAcD,QAAU,UAK1BR,SAAAA,EAASiB,IAEXf,UAAW,CACTA,EAEAQ,EAAe,GAAK,oBAEnBmB,OAAOC,SACPC,KAAK,MACJ5B"}

package/cjs/materialui/textfield/HelperTextContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),l=require("@mui/material"),r=require("../../utils/useElementScrollable/useElementScrollable.js");const a=s.forwardRef((s,a)=>{var{children:n,sx:i,className:o,textLeft:c,textLeftProps:x,textRight:h,textRightProps:p,value:m,maxLength:f}=s,u=e.__rest(s,["children","sx","className","textLeft","textLeftProps","textRight","textRightProps","value","maxLength"]);const g=x||{},{sx:b,className:j}=g,w=e.__rest(g,["sx","className"]),d=p||{},{sx:v,className:N}=d,O=e.__rest(d,["sx","className"]),{isScrollable:C,elementRef:L}=r.useElementScrollable("x");return t.jsxs(l.Box,Object.assign({sx:Object.assign({display:"flex",gap:"12px",justifyContent:"space-between",alignItems:"flex-start",overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},i),component:"span",className:["FlowHelperTextContent-root",o].filter(Boolean).join(", "),ref:a},u,{children:[n,(c||h||!!f)&&t.jsx(l.Box,Object.assign({sx:Object.assign({overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},b),component:"span",className:["FlowHelperTextContent-textLeft",j,C?"Flow-scrollable":null].filter(Boolean).join(", "),ref:L},w,{children:c})),(h||!!f)&&t.jsx(l.Box,Object.assign({sx:Object.assign({whiteSpace:"nowrap"},v),component:"span",className:["FlowHelperTextContent-textRight",N].filter(Boolean).join(", ")},"string"==typeof h&&h.includes("/")&&{"aria-label":`Characters entered ${h}`},f&&{"aria-label":`Characters entered ${(null==m?void 0:m.length)||0} / ${f}`},O,{children:h||`${(null==m?void 0:m.length)||0} / ${f}`}))]}))});exports.HelperTextContent=a;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),l=require("@mui/material"),r=require("../../utils/useElementScrollable/useElementScrollable.js");const a=s.forwardRef((s,a)=>{var{children:n,sx:i,className:o,textLeft:c,textLeftProps:x,textRight:h,textRightProps:p,value:m,maxLength:f}=s,u=e.__rest(s,["children","sx","className","textLeft","textLeftProps","textRight","textRightProps","value","maxLength"]);const g=x||{},{sx:b,className:j}=g,w=e.__rest(g,["sx","className"]),d=p||{},{sx:v,className:N}=d,O=e.__rest(d,["sx","className"]),{isScrollable:C,elementRef:L}=r.useElementScrollable("x");return t.jsxs(l.Box,Object.assign({sx:Object.assign({display:"flex",gap:"12px",justifyContent:"space-between",alignItems:"flex-start",overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},i),component:"span",className:["FlowHelperTextContent-root",o].filter(Boolean).join(" "),ref:a},u,{children:[n,(c||h||!!f)&&t.jsx(l.Box,Object.assign({sx:Object.assign({overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},b),component:"span",className:["FlowHelperTextContent-textLeft",j,C?"Flow-scrollable":null].filter(Boolean).join(", "),ref:L},w,{children:c})),(h||!!f)&&t.jsx(l.Box,Object.assign({sx:Object.assign({whiteSpace:"nowrap"},v),component:"span",className:["FlowHelperTextContent-textRight",N].filter(Boolean).join(" ")},"string"==typeof h&&h.includes("/")&&{"aria-label":`Characters entered ${h}`},f&&{"aria-label":`Characters entered ${(null==m?void 0:m.length)||0} / ${f}`},O,{children:h||`${(null==m?void 0:m.length)||0} / ${f}`}))]}))});exports.HelperTextContent=a;
 //# sourceMappingURL=HelperTextContent.js.map

package/cjs/materialui/textfield/HelperTextContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelperTextContent.js","sources":["../../../../../src/materialui/textfield/HelperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n /*\n Text on the left side\n /\n textLeft?: ReactNode;\n /\n Properties applied to text on the left side\n /\n textLeftProps?: BoxProps<ElementType>;\n /\n Text on the right side, expected to be characters count, e.g. '0 / 100'\n * It is recommended to also provide aria-label.\n /\n textRight?: ReactNode;\n /\n Properties applied to text on the right side\n /\n textRightProps?: BoxProps<ElementType>;\n /\n Input value\n /\n value?: string;\n /\n Input maxLength\n /\n maxLength?: number;\n}\n\n/\n Advanced content for the Field's HelperText\n \n <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n ({ children, sx, className, textLeft, textLeftProps, textRight, textRightProps, value, maxLength, ...rest }, ref) => {\n const { sx: textLeftSx, className: textLeftClassName, ...restTextLeft } = textLeftProps \|\| {};\n const { sx: textRightSx, className: textRightClassName, ...restTextRight } = textRightProps \|\| {};\n const { isScrollable, elementRef } = useElementScrollable('x');\n\n return (\n <Box\n sx={{\n display: 'flex',\n gap: '12px',\n justifyContent: 'space-between',\n alignItems: 'flex-start',\n // inherit truncate text from helperText to pass it down\n overflow: 'inherit',\n whiteSpace: 'inherit',\n textOverflow: 'inherit',\n ...sx,\n }}\n component=\"span\"\n className={['FlowHelperTextContent-root', className].filter(Boolean).join(', ')}\n ref={ref}\n {...rest}\n >\n {children}\n {(textLeft \|\| textRight \|\| !!maxLength) && (\n <Box\n sx={{\n // truncate text as helperText\n overflow: 'inherit',\n whiteSpace: 'inherit',\n textOverflow: 'inherit',\n ...textLeftSx,\n }}\n component=\"span\"\n className={['FlowHelperTextContent-textLeft', textLeftClassName, isScrollable ? 'Flow-scrollable' : null]\n .filter(Boolean)\n .join(', ')}\n ref={elementRef}\n {...restTextLeft}\n >\n {textLeft}\n </Box>\n )}\n {(textRight \|\| !!maxLength) && (\n <Box\n sx={{\n whiteSpace: 'nowrap',\n ...textRightSx,\n }}\n component=\"span\"\n className={['FlowHelperTextContent-textRight', textRightClassName].filter(Boolean).join(', ')}\n {...(typeof textRight === 'string' &&\n textRight.includes('/') && {\n ['aria-label']: `Characters entered ${textRight}`,\n })}\n {...(maxLength && {\n ['aria-label']: `Characters entered ${value?.length \|\| 0} / ${maxLength}`,\n })}\n {...restTextRight}\n >\n {textRight \|\| `${value?.length \|\| 0} / ${maxLength}`}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["HelperTextContent","forwardRef","_a","ref","children","sx","className","textLeft","textLeftProps","textRight","textRightProps","value","maxLength","rest","__rest","_b","textLeftSx","textLeftClassName","restTextLeft","_c","textRightSx","textRightClassName","restTextRight","isScrollable","elementRef","useElementScrollable","_jsxs","Box","Object","assign","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","filter","Boolean","join","_jsx","includes","length"],"mappings":"uLAqCO,MAAMA,EAAsDC,EAAAA,WACjE,CAACC,EAA4GC,SAA5GC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,EAASC,eAAEA,EAAcC,MAAEA,EAAKC,UAAEA,KAAcC,EAAIC,EAAAA,OAAAZ,EAAxG,CAAA,WAAA,KAAA,YAAA,WAAA,gBAAA,YAAA,iBAAA,QAAA,cACC,MAAMa,EAAoEP,GAAiB,CAAA,GAAnFH,GAAIW,EAAYV,UAAWW,GAAiBF,EAAKG,EAAYJ,EAAAA,OAAAC,EAA/D,CAAA,KAAA,cACAI,EAAuET,GAAkB,CAAA,GAAvFL,GAAIe,EAAad,UAAWe,GAAkBF,EAAKG,EAAaR,EAAAA,OAAAK,EAAlE,CAAA,KAAA,eACAI,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1D,OACEC,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CACAC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WACX/B,GAELgC,UAAU,OACV/B,UAAW,CAAC,6BAA8BA,GAAWgC,OAAOC,SAASC,KAAK,~~MAC1ErC~~,IAAKA,GACDU,EAAI,CAAAT,SAAA,CAEPA,GACCG,GAAYE,KAAeG,IAC3B6B,EAAAA,IAACd,EAAAA,IAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CAEAK,SAAU,UACVC,WAAY,UACZC,aAAc,WACXpB,GAELqB,UAAU,OACV/B,UAAW,CAAC,iCAAkCW,EAAmBM,EAAe,kBAAoB,MACjGe,OAAOC,SACPC,KAAK,MACRrC,IAAKqB,GACDN,EAAY,CAAAd,SAEfG,MAGHE,KAAeG,IACf6B,EAAAA,IAACd,MAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CACAM,WAAY,UACTf,GAELiB,UAAU,OACV/B,UAAW,CAAC,kCAAmCe,GAAoBiB,OAAOC,SAASC,KAAK,~~OAC9D~~,iBAAd/B,GACVA,EAAUiC,SAAS,MAAQ,CACzB,aAAgB,sBAAsBjC,KAErCG,GAAa,CAChB,aAAgB,uBAAsBD,aAAK,EAALA,EAAOgC,SAAU,OAAO/B,KAE5DU,EAAa,CAAAlB,SAEhBK,GAAa,IAAGE,aAAK,EAALA,EAAOgC,SAAU,OAAO/B"}
1	+ {"version":3,"file":"HelperTextContent.js","sources":["../../../../../src/materialui/textfield/HelperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n /*\n Text on the left side\n /\n textLeft?: ReactNode;\n /\n Properties applied to text on the left side\n /\n textLeftProps?: BoxProps<ElementType>;\n /\n Text on the right side, expected to be characters count, e.g. '0 / 100'\n * It is recommended to also provide aria-label.\n /\n textRight?: ReactNode;\n /\n Properties applied to text on the right side\n /\n textRightProps?: BoxProps<ElementType>;\n /\n Input value\n /\n value?: string;\n /\n Input maxLength\n /\n maxLength?: number;\n}\n\n/\n Advanced content for the Field's HelperText\n \n <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n ({ children, sx, className, textLeft, textLeftProps, textRight, textRightProps, value, maxLength, ...rest }, ref) => {\n const { sx: textLeftSx, className: textLeftClassName, ...restTextLeft } = textLeftProps \|\| {};\n const { sx: textRightSx, className: textRightClassName, ...restTextRight } = textRightProps \|\| {};\n const { isScrollable, elementRef } = useElementScrollable('x');\n\n return (\n <Box\n sx={{\n display: 'flex',\n gap: '12px',\n justifyContent: 'space-between',\n alignItems: 'flex-start',\n // inherit truncate text from helperText to pass it down\n overflow: 'inherit',\n whiteSpace: 'inherit',\n textOverflow: 'inherit',\n ...sx,\n }}\n component=\"span\"\n className={['FlowHelperTextContent-root', className].filter(Boolean).join(' ')}\n ref={ref}\n {...rest}\n >\n {children}\n {(textLeft \|\| textRight \|\| !!maxLength) && (\n <Box\n sx={{\n // truncate text as helperText\n overflow: 'inherit',\n whiteSpace: 'inherit',\n textOverflow: 'inherit',\n ...textLeftSx,\n }}\n component=\"span\"\n className={['FlowHelperTextContent-textLeft', textLeftClassName, isScrollable ? 'Flow-scrollable' : null]\n .filter(Boolean)\n .join(', ')}\n ref={elementRef}\n {...restTextLeft}\n >\n {textLeft}\n </Box>\n )}\n {(textRight \|\| !!maxLength) && (\n <Box\n sx={{\n whiteSpace: 'nowrap',\n ...textRightSx,\n }}\n component=\"span\"\n className={['FlowHelperTextContent-textRight', textRightClassName].filter(Boolean).join(' ')}\n {...(typeof textRight === 'string' &&\n textRight.includes('/') && {\n ['aria-label']: `Characters entered ${textRight}`,\n })}\n {...(maxLength && {\n ['aria-label']: `Characters entered ${value?.length \|\| 0} / ${maxLength}`,\n })}\n {...restTextRight}\n >\n {textRight \|\| `${value?.length \|\| 0} / ${maxLength}`}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["HelperTextContent","forwardRef","_a","ref","children","sx","className","textLeft","textLeftProps","textRight","textRightProps","value","maxLength","rest","__rest","_b","textLeftSx","textLeftClassName","restTextLeft","_c","textRightSx","textRightClassName","restTextRight","isScrollable","elementRef","useElementScrollable","_jsxs","Box","Object","assign","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","filter","Boolean","join","_jsx","includes","length"],"mappings":"uLAqCO,MAAMA,EAAsDC,EAAAA,WACjE,CAACC,EAA4GC,SAA5GC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,EAASC,eAAEA,EAAcC,MAAEA,EAAKC,UAAEA,KAAcC,EAAIC,EAAAA,OAAAZ,EAAxG,CAAA,WAAA,KAAA,YAAA,WAAA,gBAAA,YAAA,iBAAA,QAAA,cACC,MAAMa,EAAoEP,GAAiB,CAAA,GAAnFH,GAAIW,EAAYV,UAAWW,GAAiBF,EAAKG,EAAYJ,EAAAA,OAAAC,EAA/D,CAAA,KAAA,cACAI,EAAuET,GAAkB,CAAA,GAAvFL,GAAIe,EAAad,UAAWe,GAAkBF,EAAKG,EAAaR,EAAAA,OAAAK,EAAlE,CAAA,KAAA,eACAI,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1D,OACEC,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CACAC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WACX/B,GAELgC,UAAU,OACV/B,UAAW,CAAC,6BAA8BA,GAAWgC,OAAOC,SAASC,KAAK,KAC1ErC,IAAKA,GACDU,EAAI,CAAAT,SAAA,CAEPA,GACCG,GAAYE,KAAeG,IAC3B6B,EAAAA,IAACd,EAAAA,IAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CAEAK,SAAU,UACVC,WAAY,UACZC,aAAc,WACXpB,GAELqB,UAAU,OACV/B,UAAW,CAAC,iCAAkCW,EAAmBM,EAAe,kBAAoB,MACjGe,OAAOC,SACPC,KAAK,MACRrC,IAAKqB,GACDN,EAAY,CAAAd,SAEfG,MAGHE,KAAeG,IACf6B,EAAAA,IAACd,MAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CACAM,WAAY,UACTf,GAELiB,UAAU,OACV/B,UAAW,CAAC,kCAAmCe,GAAoBiB,OAAOC,SAASC,KAAK,MAC9D,iBAAd/B,GACVA,EAAUiC,SAAS,MAAQ,CACzB,aAAgB,sBAAsBjC,KAErCG,GAAa,CAChB,aAAgB,uBAAsBD,aAAK,EAALA,EAAOgC,SAAU,OAAO/B,KAE5DU,EAAa,CAAAlB,SAEhBK,GAAa,IAAGE,aAAK,EAALA,EAAOgC,SAAU,OAAO/B"}

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

@@ -1,3 +1,3 @@
 export { HelperTextContent } from './HelperTextContent';
-export { TextField } from '@mui/material';
-export type { TextFieldProps } from '@mui/material';
+export { TextField, FormHelperText, FormLabel, FormControl, FormControlLabel, FormGroup, FilledInput, Input, InputAdornment, InputBase, InputLabel, OutlinedInput, } from '@mui/material';
+export type { TextFieldProps, FormHelperTextProps, FormLabelProps, FormControlProps, FormControlLabelProps, FormGroupProps, FilledInputProps, InputProps, InputAdornmentProps, InputBaseProps, InputLabelProps, OutlinedInputProps, } from '@mui/material';

package/cjs/materialui/textfield/inputBase.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inputBase.theme.js","sources":["../../../../../src/materialui/textfield/inputBase.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputBase: Components<Theme>['MuiInputBase'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n color: 'inherit',\n caretColor: theme.palette.brand.primary,\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '&.Mui-focused': {\n color: theme.palette.text.primary,\n },\n '&&': {\n '&:before': {\n borderColor: 'currentColor',\n },\n '&:after': {\n borderColor: 'currentColor',\n },\n },\n }),\n input: ({ theme }) => ({\n height: 'auto',\n // change font for password field, SkodaNext font uses '>>>' instead '***' symbol for the password\n '&[type=password]': {\n fontFamily: 'Arial',\n },\n // placeholder\n '&::-webkit-input-placeholder': {\n opacity: '1',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os600,\n },\n '&.Mui-disabled': {\n // remove default @mui style and use currentColor instead\n WebkitTextFillColor: 'unset',\n // placeholder\n '&::-webkit-input-placeholder': {\n color: 'inherit',\n },\n },\n }),\n inputMultiline: {\n // increase size of thumb\n '&::-webkit-scrollbar-thumb': {\n height: '50%',\n },\n },\n },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","color","caretColor","palette","brand","primary","breakpoints","up","fontSize","lineHeight","fontWeight","text","borderColor","input","height","fontFamily","opacity","mode","onSurface","os200","os600","WebkitTextFillColor","inputMultiline"],"mappings":"mCAEgE,CAC9DA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,MAAO,UACPC,WAAYF,EAAMG,QAAQC,MAAMC,QAChC,CAACL,EAAMM,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,gBAAiB,CACfT,MAAOD,EAAMG,QAAQQ,KAAKN,SAE5B,KAAM,CACJ,WAAY,CACVO,YAAa,gBAEf,UAAW,CACTA,YAAa,mBAInBC,MAAO,EAAGb,YAAO,CACfc,OAAQ,OAER,mBAAoB,CAClBC,WAAY,SAGd,+BAAgC,CAC9BC,QAAS,IACTf,MAA8B,SAAvBD,EAAMG,QAAQc,KAAkBjB,EAAMG,QAAQe,UAAUC,MAAQnB,EAAMG,QAAQe,UAAUE,OAEjG,iBAAkB,CAEhBC,oBAAqB,QAErB,+BAAgC,CAC9BpB,MAAO,cAIbqB,eAAgB,CAEd,6BAA8B,CAC5BR,OAAQ"}
1	+ {"version":3,"file":"inputBase.theme.js","sources":["../../../../../src/materialui/textfield/inputBase.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputBase: Components<Theme>['MuiInputBase'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n color: 'inherit',\n caretColor: theme.palette.brand.primary,\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '&.Mui-focused': {\n color: theme.palette.text.primary,\n },\n '&&': {\n '&:before': {\n borderColor: 'currentColor',\n },\n '&:after': {\n borderColor: 'currentColor',\n },\n },\n }),\n input: ({ theme }) => ({\n height: 'auto',\n // change font for password field, SkodaNext font uses '>>>' instead '***' symbol for the password\n '&[type=password]': {\n fontFamily: 'Arial',\n },\n // placeholder\n '&::-webkit-input-placeholder': {\n opacity: '1',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os600,\n },\n '&.Mui-disabled': {\n // remove default @mui style and use currentColor instead\n WebkitTextFillColor: 'unset',\n // placeholder\n '&::-webkit-input-placeholder': {\n color: 'inherit',\n },\n },\n }),\n inputMultiline: {\n // increase size of thumb\n '&::-webkit-scrollbar-thumb': {\n height: '50%',\n },\n },\n },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","color","caretColor","palette","brand","primary","breakpoints","up","fontSize","lineHeight","fontWeight","text","borderColor","input","height","fontFamily","opacity","mode","onSurface","os200","os600","WebkitTextFillColor","inputMultiline"],"mappings":"mCAEgE,CAC9DA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,MAAO,UACPC,WAAYF,EAAMG,QAAQC,MAAMC,QAChC,CAACL,EAAMM,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,gBAAiB,CACfT,MAAOD,EAAMG,QAAQQ,KAAKN,SAE5B,KAAM,CACJ,WAAY,CACVO,YAAa,gBAEf,UAAW,CACTA,YAAa,mBAInBC,MAAO,EAAGb,YAAO,CACfc,OAAQ,OAER,mBAAoB,CAClBC,WAAY,SAGd,+BAAgC,CAC9BC,QAAS,IACTf,MAA8B,SAAvBD,EAAMG,QAAQc,KAAkBjB,EAAMG,QAAQe,UAAUC,MAAQnB,EAAMG,QAAQe,UAAUE,OAEjG,iBAAkB,CAEhBC,oBAAqB,QAErB,+BAAgC,CAC9BpB,MAAO,cAIbqB,eAAgB,CAEd,6BAA8B,CAC5BR,OAAQ"}

package/cjs/materialui/textfield/outlinedInput.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";exports.flowOutlinedInput={defaultProps:{},styleOverrides:{root:{"&.Mui-focused":{"& .MuiOutlinedInput-notchedOutline":{borderColor:"currentColor"}}}}};
+"use strict";exports.flowOutlinedInput={defaultProps:{},styleOverrides:{root:{"&.Mui-focused":{"& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{"&, &:not(.Mui-error)":{borderColor:"currentColor"}}}}}};
 //# sourceMappingURL=outlinedInput.theme.js.map

package/cjs/materialui/textfield/outlinedInput.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"outlinedInput.theme.js","sources":["../../../../../src/materialui/textfield/outlinedInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowOutlinedInput: Components<Theme>['MuiOutlinedInput'] = {\n defaultProps: {},\n styleOverrides: {\n root: {\n '&.Mui-focused': {\n '& .MuiOutlinedInput-notchedOutline': {\n borderColor: 'currentColor',\n },\n },\n },\n },\n};\n"],"names":["defaultProps","styleOverrides","root","borderColor"],"mappings":"uCAEwE,CACtEA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,CACJ,gBAAiB,CACf,~~qCAAsC~~,~~CACpCC~~,YAAa"}
1	+ {"version":3,"file":"outlinedInput.theme.js","sources":["../../../../../src/materialui/textfield/outlinedInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowOutlinedInput: Components<Theme>['MuiOutlinedInput'] = {\n defaultProps: {},\n styleOverrides: {\n root: {\n '&.Mui-focused': {\n '& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline': {\n '&, &:not(.Mui-error)': {\n borderColor: 'currentColor',\n },\n },\n },\n },\n },\n};\n"],"names":["defaultProps","styleOverrides","root","borderColor"],"mappings":"uCAEwE,CACtEA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,CACJ,gBAAiB,CACf,gFAAiF,CAC/E,uBAAwB,CACtBC,YAAa"}

package/cjs/materialui/textfield/textField.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textField.theme.js","sources":["../../../../../src/materialui/textfield/textField.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTextField: Components<Theme>['MuiTextField'] = {\n defaultProps: {\n variant: 'filled',\n minRows: 2,\n maxRows: 2,\n // NOTE: we are using deprecated @mui props instead of slotProps to allow projects to still use them as well\n ~~inputProps:~~ ~~({ placeholder~~, ~~label~~ }) => ~~({\n //~~ ~~add~~ ~~aria-label for fields without label but with placeholder\n ...(!label &&\n placeholder && {\n ['aria-label']: placeholder,\n }),\n }),\n //~~ slotProps~~: {~~\n ~~// input~~: ({ placeholder, label }) => ({\n // // add aria-label for fields without label but with placeholder\n // ...(!label &&\n // placeholder && {\n ~~// inputProps: {~~ ['aria-label']: placeholder },\n // }),\n // }),\n ~~// },\n~~ },\n styleOverrides: {\n root: {\n // prevent overlap with end input adornment icon\n ':has(.MuiInputAdornment-positionEnd)': {\n '.MuiInputLabel-root': {\n paddingRight: '44px',\n },\n },\n },\n },\n};\n"],"names":["flowTextField","defaultProps","variant","minRows","maxRows","inputProps","placeholder","label","Object","assign","styleOverrides","root","paddingRight"],"mappings":"aAEO,MAAMA,EAAmD,CAC9DC,aAAc,CACZC,QAAS,SACTC,QAAS,EACTC,QAAS,~~EAETC~~,WAAY,EAAGC,cAAaC,WAAYC,OAAAC,OAAA,CAAA,GAEjCF,GACHD,GAAe,CACb,aAAgBA,~~KAaxBI~~,eAAgB,CACdC,KAAM,CAEJ,uCAAwC,CACtC,sBAAuB,CACrBC,aAAc"}
1	+ {"version":3,"file":"textField.theme.js","sources":["../../../../../src/materialui/textfield/textField.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTextField: Components<Theme>['MuiTextField'] = {\n defaultProps: {\n variant: 'filled',\n minRows: 2,\n maxRows: 2,\n // NOTE: we are using deprecated @mui props instead of slotProps to allow projects to still use them as well\n // additionally, AutoComplete breaks when we overwrite slotProps\n inputProps: ({ placeholder, label }) => ({\n // add aria-label for fields without label but with placeholder\n ...(!label &&\n placeholder && {\n ['aria-label']: placeholder,\n }),\n }),\n },\n styleOverrides: {\n root: {\n // prevent overlap with end input adornment icon\n ':has(.MuiInputAdornment-positionEnd)': {\n '.MuiInputLabel-root': {\n paddingRight: '44px',\n },\n },\n },\n },\n};\n"],"names":["flowTextField","defaultProps","variant","minRows","maxRows","inputProps","placeholder","label","Object","assign","styleOverrides","root","paddingRight"],"mappings":"aAEO,MAAMA,EAAmD,CAC9DC,aAAc,CACZC,QAAS,SACTC,QAAS,EACTC,QAAS,EAGTC,WAAY,EAAGC,cAAaC,WAAYC,OAAAC,OAAA,CAAA,GAEjCF,GACHD,GAAe,CACb,aAAgBA,KAIxBI,eAAgB,CACdC,KAAM,CAEJ,uCAAwC,CACtC,sBAAuB,CACrBC,aAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@skodaflow/web-tokens/src/tokens.json"),t=require("./paletteLight.theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const s=a(e).default["flow-colors"],r=Object.assign(Object.assign({},t.paletteLight),{mode:"dark",text:Object.assign(Object.assign({},t.paletteLight.text),{primary:s["on-surface0"],secondary:s["on-surface200"]}),background:Object.assign(Object.assign({},t.paletteLight.background),{primary:s["on-surface900"],paper:s["on-surface900"]}),surface:Object.assign(Object.assign({},t.paletteLight.surface),{primary:"#232425",secondary:s["on-surface800"]})});r.transparent.toString=()=>"transparent",exports.paletteDark=r;
+"use strict";var e=require("@skodaflow/web-tokens/src/tokens.json"),t=require("./paletteLight.theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const s=a(e).default["flow-colors"],r=Object.assign(Object.assign({},t.paletteLight),{mode:"dark",text:Object.assign(Object.assign({},t.paletteLight.text),{primary:s["on-surface0"],secondary:s["on-surface200"]}),background:Object.assign(Object.assign({},t.paletteLight.background),{primary:s["on-surface900"],paper:s["on-surface900"]}),surface:Object.assign(Object.assign({},t.paletteLight.surface),{primary:"#232425",secondary:s["on-surface600"]}),divider:s["on-surface600"]});r.transparent.toString=()=>"transparent",exports.paletteDark=r;
 //# sourceMappingURL=paletteDark.theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"paletteDark.theme.js","sources":["../../../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n ...paletteLight,\n mode: 'dark',\n text: {\n ...paletteLight.text,\n // white\n primary: tokenColors['on-surface0'],\n secondary: tokenColors['on-surface200'],\n },\n background: {\n ...paletteLight.background,\n // dark grey\n primary: tokenColors['on-surface900'],\n paper: tokenColors['on-surface900'],\n },\n surface: {\n ...paletteLight.surface,\n primary: '#232425', // os850\n secondary: tokenColors['on-~~surface800~~'],\n },\n};\npaletteDark.transparent.toString = () => 'transparent';\n"],"names":["tokenColors","tokens","paletteDark","Object","assign","paletteLight","mode","text","primary","secondary","background","paper","surface","transparent","toString"],"mappings":"4JAIA,MAAMA,OAAcC,QAAO,eAEdC,EAAWC,OAAAC,OAAAD,OAAAC,OAAA,GACnBC,EAAAA,cAAY,CACfC,KAAM,OACNC,KAAIJ,OAAAC,OAAAD,OAAAC,OAAA,GACCC,EAAAA,aAAaE,MAAI,CAEpBC,QAASR,EAAY,eACrBS,UAAWT,EAAY,mBAEzBU,WAAUP,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACLC,EAAAA,aAAaK,YAAU,CAE1BF,QAASR,EAAY,iBACrBW,MAAOX,EAAY,mBAErBY,QAAOT,OAAAC,OAAAD,OAAAC,OAAA,GACFC,EAAAA,aAAaO,SAAO,CACvBJ,QAAS,UACTC,UAAWT,EAAY,~~qBAG3BE~~,~~EAAYW~~,YAAYC,SAAW,IAAM"}
1	+ {"version":3,"file":"paletteDark.theme.js","sources":["../../../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n ...paletteLight,\n mode: 'dark',\n text: {\n ...paletteLight.text,\n // white\n primary: tokenColors['on-surface0'],\n secondary: tokenColors['on-surface200'],\n },\n background: {\n ...paletteLight.background,\n // dark grey\n primary: tokenColors['on-surface900'],\n paper: tokenColors['on-surface900'],\n },\n surface: {\n ...paletteLight.surface,\n primary: '#232425', // os850\n secondary: tokenColors['on-surface600'],\n },\n divider: tokenColors['on-surface600'],\n};\npaletteDark.transparent.toString = () => 'transparent';\n"],"names":["tokenColors","tokens","paletteDark","Object","assign","paletteLight","mode","text","primary","secondary","background","paper","surface","divider","transparent","toString"],"mappings":"4JAIA,MAAMA,OAAcC,QAAO,eAEdC,EAAWC,OAAAC,OAAAD,OAAAC,OAAA,GACnBC,EAAAA,cAAY,CACfC,KAAM,OACNC,KAAIJ,OAAAC,OAAAD,OAAAC,OAAA,GACCC,EAAAA,aAAaE,MAAI,CAEpBC,QAASR,EAAY,eACrBS,UAAWT,EAAY,mBAEzBU,WAAUP,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACLC,EAAAA,aAAaK,YAAU,CAE1BF,QAASR,EAAY,iBACrBW,MAAOX,EAAY,mBAErBY,QAAOT,OAAAC,OAAAD,OAAAC,OAAA,GACFC,EAAAA,aAAaO,SAAO,CACvBJ,QAAS,UACTC,UAAWT,EAAY,mBAEzBa,QAASb,EAAY,mBAEvBE,EAAYY,YAAYC,SAAW,IAAM"}

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

@@ -1,2 +1,2 @@
-"use strict";function r(r){return r&&r.__esModule?r:{default:r}}var a=r(require("@skodaflow/web-tokens/src/tokens.json"));const e=r=>{const e=a.default["flow-colors"+("rgba"===r?"-rgba":"")];return{mode:"light",primary:{main:e["brand-primary"],light:e["brand-hover-primary"],dark:e["brand-tertiary"]},secondary:{main:e["on-surface700"],light:e["on-surface600"],dark:e["on-surface800"]},error:{main:e["semantic-alert"],light:e["semantic-alert-tertiary"],dark:e["semantic-alert-secondary"]},success:{main:e["semantic-positive"],light:e["brand-quarternary"],dark:e["brand-tertiary"]},info:{main:e["semantic-info"],light:e["semantic-info-tertiary"],dark:e["semantic-info-secondary"]},warning:{main:e["semantic-warning"],light:e["semantic-warning-tertiary"],dark:e["semantic-warning-secondary"]},divider:e["surface-secondary"],brand:{primary:e["brand-primary"],secondary:e["brand-secondary"],tertiary:e["brand-tertiary"],quarternary:e["brand-quarternary"]},brandHover:{primary:e["brand-hover-primary"],secondary:e["brand-hover-secondary"]},disabled:{primary:e["disabled-primary"],secondary:e["disabled-secondary"],tertiary:e["disabled-tertiary"]},text:{primary:e["text-primary"],secondary:e["on-surface700"],disabled:e["disabled-primary"]},background:{primary:e["background-primary"],paper:e["background-primary"],default:e["surface-secondary"]},transparent:{transparent:"transparent",primary:e["transparent-primary"],tertiary:e["transparent-tertiary"],quarternary:e["transparent-quarternary"],secondary:e["transparent-secondary"],backdrop:e["transparent-backdrop"]},surface:{main:e["surface-primary"],primary:e["surface-primary"],secondary:e["surface-secondary"],tertiary:e["surface-tertiary"],quarternary:e["surface-quarternary"],contrastText:e["text-primary"]},onSurface:{os0:e["on-surface0"],os100:e["on-surface100"],os200:e["on-surface200"],os300:e["on-surface300"],os500:e["on-surface500"],os600:e["on-surface600"],os700:e["on-surface700"],os800:e["on-surface800"],os900:e["on-surface900"]},semantic:{alert:{primary:e["semantic-alert"],secondary:e["semantic-alert-secondary"],tertiary:e["semantic-alert-tertiary"]},warning:{primary:e["semantic-warning"],secondary:e["semantic-warning-secondary"],tertiary:e["semantic-warning-tertiary"]},info:{primary:e["semantic-info"],secondary:e["semantic-info-secondary"],tertiary:e["semantic-info-tertiary"]},positive:{primary:e["semantic-positive"]}},alert:{main:e["semantic-alert"]},positive:{main:e["semantic-positive"]}}},n=e("hex");e("rgba"),exports.paletteLight=n;
+"use strict";function r(r){return r&&r.__esModule?r:{default:r}}var a=r(require("@skodaflow/web-tokens/src/tokens.json"));const e=r=>{const e=a.default["flow-colors"+("rgba"===r?"-rgba":"")];return{mode:"light",primary:{main:e["brand-primary"],light:e["brand-hover-primary"],dark:e["brand-tertiary"]},secondary:{main:e["on-surface700"],light:e["on-surface600"],dark:e["on-surface800"]},error:{main:e["semantic-alert"],light:e["semantic-alert-tertiary"],dark:e["semantic-alert-secondary"]},success:{main:e["semantic-positive"],light:e["brand-quarternary"],dark:e["brand-tertiary"]},info:{main:e["semantic-info"],light:e["semantic-info-tertiary"],dark:e["semantic-info-secondary"]},warning:{main:e["semantic-warning"],light:e["semantic-warning-tertiary"],dark:e["semantic-warning-secondary"]},divider:e["surface-secondary"],brand:{primary:e["brand-primary"],secondary:e["brand-secondary"],tertiary:e["brand-tertiary"],quarternary:e["brand-quarternary"]},brandHover:{primary:e["brand-hover-primary"],secondary:e["brand-hover-secondary"]},disabled:{primary:e["disabled-primary"],secondary:e["disabled-secondary"],tertiary:e["disabled-tertiary"]},text:{primary:e["text-primary"],secondary:e["on-surface700"],disabled:e["disabled-primary"]},background:{primary:e["background-primary"],paper:e["background-primary"],default:e["surface-secondary"]},transparent:{transparent:"transparent",primary:e["transparent-primary"],tertiary:e["transparent-tertiary"],quarternary:e["transparent-quarternary"],secondary:e["transparent-secondary"],backdrop:e["transparent-backdrop"]},surface:{main:e["surface-primary"],primary:e["surface-primary"],secondary:e["surface-secondary"],tertiary:e["surface-tertiary"],quarternary:e["surface-quarternary"],contrastText:e["text-primary"]},onSurface:{os0:e["on-surface0"],os100:e["on-surface100"],os200:e["on-surface200"],os300:e["on-surface300"],os500:e["on-surface500"],os600:e["on-surface600"],os700:e["on-surface700"],os800:e["on-surface800"],os900:e["on-surface900"]},semantic:{alert:{primary:e["semantic-alert"],secondary:e["semantic-alert-secondary"],tertiary:e["semantic-alert-tertiary"]},warning:{primary:e["semantic-warning"],secondary:e["semantic-warning-secondary"],tertiary:e["semantic-warning-tertiary"]},info:{primary:e["semantic-info"],secondary:e["semantic-info-secondary"],tertiary:e["semantic-info-tertiary"]},positive:{primary:e["semantic-positive"]}}}},n=e("hex");e("rgba"),exports.paletteLight=n;
 //# sourceMappingURL=paletteLight.theme.js.map