@skodaflow/web-library 7.16.1 → 8.0.0

package/materialui/datepicker/datecalendar.theme.js

@@ -0,0 +1,2 @@
+import{ChevronLeftIcon as o}from"../../components/icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as e}from"../../components/icon/stroke/ChevronRightIcon.js";import{ChevronDownIcon as t}from"../../components/icon/stroke/ChevronDownIcon.js";import{getInteractiveStyle as r}from"../button/interactive.js";import{getFocusRingStyle as i}from"../../components/focusring/focusring.js";import{getTypography as a}from"../typography/typography.theme.js";import{FlowPickersCalendarHeader as s}from"./PickersCalendarHeader.js";const n=o=>Object.assign(Object.assign({transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out"},i(o,!0,1,":focus-visible")),{border:"1px solid transparent",[o.breakpoints.up("xs")]:Object.assign({},a("body","rtl"===o.direction,"medium")),"&:not(.Mui-selected)":Object.assign(Object.assign({},r({backgroundColor:"transparent",borderColor:"transparent",color:o.palette.text.primary},{borderColor:o.palette.surface.primary,backgroundColor:o.palette.surface.primary,color:o.palette.text.primary},void 0,void 0,":focus-visible")),{"&.Mui-disabled":{color:o.palette.disabled.primary}}),"&.Mui-selected":{"&, &:hover, &:focus":{fontWeight:"300",borderColor:"dark"===o.palette.mode?o.palette.brand.secondary:o.palette.brand.primary,backgroundColor:"dark"===o.palette.mode?o.palette.brand.secondary:o.palette.brand.primary,color:o.palette.background.primary}}}),c={defaultProps:{slots:{leftArrowIcon:o,rightArrowIcon:e,switchViewIcon:t,calendarHeader:s},slotProps:{nextIconButton:{size:"small"},previousIconButton:{size:"small"},switchViewButton:{size:"small"}},views:["year","month","day"]},styleOverrides:{root:{width:"360px",height:"400px",maxHeight:"400px","& ~ .MuiMultiSectionDigitalClock-root.MuiMultiSectionDigitalClock-root":{"&, & .MuiMultiSectionDigitalClockSection-root":{maxHeight:"400px"}}}}};export{c as flowDateCalendar,n as flowPickersItemStyle};
+//# sourceMappingURL=datecalendar.theme.js.map

package/materialui/datepicker/datecalendar.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datecalendar.theme.js","sources":["../../../src/materialui/datepicker/datecalendar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { getFocusRingStyle } from '@/src/components/focusring';\nimport { getTypography } from '@/src/materialui/typography/typography.theme';\nimport { FlowPickersCalendarHeader } from './PickersCalendarHeader';\n\n// style for various buttons in calendars (day, month, year)\nexport const flowPickersItemStyle = (theme: Theme) => ({\n  transition:\n    'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n  ...getFocusRingStyle(theme, true, 1, ':focus-visible'),\n  border: '1px solid transparent',\n  [theme.breakpoints.up('xs')]: {\n    // switch to 'medium body' typography according to figma\n    ...getTypography('body', theme.direction === 'rtl', 'medium'),\n  },\n  '&:not(.Mui-selected)': {\n    // hover\n    ...getInteractiveStyle(\n      {\n        backgroundColor: 'transparent',\n        borderColor: 'transparent',\n        color: theme.palette.text.primary,\n      },\n      {\n        borderColor: theme.palette.surface.primary,\n        backgroundColor: theme.palette.surface.primary,\n        color: theme.palette.text.primary,\n      },\n      undefined,\n      undefined,\n      ':focus-visible',\n    ),\n    // disabled\n    '&.Mui-disabled': {\n      color: theme.palette.disabled.primary,\n    },\n  },\n  // selected\n  '&.Mui-selected': {\n    '&, &:hover, &:focus': {\n      fontWeight: '300',\n      borderColor: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n      backgroundColor: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n      color: theme.palette.background.primary,\n    },\n  },\n});\n\nexport const flowDateCalendar: Components<Theme>['MuiDateCalendar'] = {\n  defaultProps: {\n    slots: {\n      leftArrowIcon: ChevronLeftIcon,\n      rightArrowIcon: ChevronRightIcon,\n      switchViewIcon: ChevronDownIcon,\n      calendarHeader: FlowPickersCalendarHeader,\n    },\n    slotProps: {\n      nextIconButton: {\n        size: 'small',\n      },\n      previousIconButton: {\n        size: 'small',\n      },\n      switchViewButton: {\n        size: 'small',\n      },\n    },\n    views: ['year', 'month', 'day'],\n  },\n  styleOverrides: {\n    root: {\n      // width of whole calendar, increased from 320px, affects mobiledatepicker.theme\n      width: '360px',\n      // height calculated on largest possible month, affects monthcalendar.theme\n      height: '400px',\n      maxHeight: '400px',\n      // correct time height in DateTime field\n      '& ~ .MuiMultiSectionDigitalClock-root.MuiMultiSectionDigitalClock-root': {\n        '&, & .MuiMultiSectionDigitalClockSection-root': {\n          maxHeight: '400px',\n        },\n      },\n    },\n  },\n};\n"],"names":["flowPickersItemStyle","theme","Object","assign","transition","getFocusRingStyle","border","breakpoints","up","getTypography","direction","getInteractiveStyle","backgroundColor","borderColor","color","palette","text","primary","surface","undefined","disabled","fontWeight","mode","brand","secondary","background","flowDateCalendar","defaultProps","slots","leftArrowIcon","ChevronLeftIcon","rightArrowIcon","ChevronRightIcon","switchViewIcon","ChevronDownIcon","calendarHeader","FlowPickersCalendarHeader","slotProps","nextIconButton","size","previousIconButton","switchViewButton","views","styleOverrides","root","width","height","maxHeight"],"mappings":"4gBAWO,MAAMA,EAAwBC,GAAiBC,OAAAC,OAAAD,OAAAC,OAAA,CACpDC,WACE,6JACCC,EAAkBJ,GAAO,EAAM,EAAG,mBAAiB,CACtDK,OAAQ,wBACR,CAACL,EAAMM,YAAYC,GAAG,OAAMN,OAAAC,OAAA,CAAA,EAEvBM,EAAc,OAA4B,QAApBR,EAAMS,UAAqB,WAEtD,uBAAsBR,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEjBQ,EACD,CACEC,gBAAiB,cACjBC,YAAa,cACbC,MAAOb,EAAMc,QAAQC,KAAKC,SAE5B,CACEJ,YAAaZ,EAAMc,QAAQG,QAAQD,QACnCL,gBAAiBX,EAAMc,QAAQG,QAAQD,QACvCH,MAAOb,EAAMc,QAAQC,KAAKC,cAE5BE,OACAA,EACA,mBACD,CAED,iBAAkB,CAChBL,MAAOb,EAAMc,QAAQK,SAASH,WAIlC,iBAAkB,CAChB,sBAAuB,CACrBI,WAAY,MACZR,YAAoC,SAAvBZ,EAAMc,QAAQO,KAAkBrB,EAAMc,QAAQQ,MAAMC,UAAYvB,EAAMc,QAAQQ,MAAMN,QACjGL,gBAAwC,SAAvBX,EAAMc,QAAQO,KAAkBrB,EAAMc,QAAQQ,MAAMC,UAAYvB,EAAMc,QAAQQ,MAAMN,QACrGH,MAAOb,EAAMc,QAAQU,WAAWR,YAKzBS,EAAyD,CACpEC,aAAc,CACZC,MAAO,CACLC,cAAeC,EACfC,eAAgBC,EAChBC,eAAgBC,EAChBC,eAAgBC,GAElBC,UAAW,CACTC,eAAgB,CACdC,KAAM,SAERC,mBAAoB,CAClBD,KAAM,SAERE,iBAAkB,CAChBF,KAAM,UAGVG,MAAO,CAAC,OAAQ,QAAS,QAE3BC,eAAgB,CACdC,KAAM,CAEJC,MAAO,QAEPC,OAAQ,QACRC,UAAW,QAEX,yEAA0E,CACxE,gDAAiD,CAC/CA,UAAW"}

package/materialui/datepicker/datepicker.theme.d.ts

@@ -0,0 +1,4 @@
+import { Components } from '@mui/material/styles';
+import { Theme } from '@mui/material';
+export declare const flowDatePicker: Components<Theme>['MuiDatePicker'];
+export declare const flowDesktopDatePicker: Components<Theme>['MuiDesktopDatePicker'];

package/materialui/datepicker/datepicker.theme.js

@@ -0,0 +1,2 @@
+import{CloseIcon as o}from"../../components/icon/stroke/CloseIcon.js";import{CalendarPointIcon as e}from"../../components/icon/stroke/CalendarPointIcon.js";import{FlowPickersActionsBar as t}from"./PickersActionBar.js";const n={defaultProps:{slots:{openPickerIcon:e,clearIcon:o,actionBar:t},slotProps:{openPickerButton:{edge:!1},textField:{variant:"filled"}},views:["day","month","year"]}},r=n;export{n as flowDatePicker,r as flowDesktopDatePicker};
+//# sourceMappingURL=datepicker.theme.js.map

package/materialui/datepicker/datepicker.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.theme.js","sources":["../../../src/materialui/datepicker/datepicker.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { CalendarPointIcon } from '@/src/components/icon/stroke/CalendarPointIcon';\nimport { FlowPickersActionsBar } from './PickersActionBar';\n\nexport const flowDatePicker: Components<Theme>['MuiDatePicker'] = {\n  defaultProps: {\n    slots: {\n      openPickerIcon: CalendarPointIcon,\n      clearIcon: CloseIcon,\n      actionBar: FlowPickersActionsBar,\n    },\n    slotProps: {\n      openPickerButton: {\n        edge: false,\n      },\n      textField: {\n        variant: 'filled',\n      },\n    },\n    views: ['day', 'month', 'year'],\n  },\n};\n\nexport const flowDesktopDatePicker: Components<Theme>['MuiDesktopDatePicker'] =\n  flowDatePicker as Components<Theme>['MuiDesktopDatePicker'];\n"],"names":["flowDatePicker","defaultProps","slots","openPickerIcon","CalendarPointIcon","clearIcon","CloseIcon","actionBar","FlowPickersActionsBar","slotProps","openPickerButton","edge","textField","variant","views","flowDesktopDatePicker"],"mappings":"0NAMO,MAAMA,EAAqD,CAChEC,aAAc,CACZC,MAAO,CACLC,eAAgBC,EAChBC,UAAWC,EACXC,UAAWC,GAEbC,UAAW,CACTC,iBAAkB,CAChBC,MAAM,GAERC,UAAW,CACTC,QAAS,WAGbC,MAAO,CAAC,MAAO,QAAS,UAIfC,EACXf"}

package/materialui/datepicker/datepickertoolbar.theme.d.ts

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

package/materialui/datepicker/datepickertoolbar.theme.js

@@ -0,0 +1,2 @@
+import{getTypography as t}from"../typography/typography.theme.js";const e={styleOverrides:{root:({theme:e})=>({borderBottom:`1px solid ${e.palette.surface.secondary}`,"& .MuiButtonBase-root":{borderRadius:"4px"},"& .MuiTypography-overline":{[e.breakpoints.up("xs")]:Object.assign(Object.assign({},t("disclaimer1","rtl"===e.direction,"large")),{fontWeight:"300",color:e.palette.onSurface.os500})},"& .MuiPickersToolbar-content":{alignItems:"flex-end","& .MuiTypography-root":{[e.breakpoints.up("xs")]:Object.assign(Object.assign({},t("h2","rtl"===e.direction,"large")),{fontWeight:"300",color:e.palette.text.primary})},"& .MuiTypography-subtitle1":{[e.breakpoints.up("xs")]:Object.assign(Object.assign({},t("h4","rtl"===e.direction,"large")),{fontWeight:"300"})}}})}};export{e as flowDatePickerToolbar};
+//# sourceMappingURL=datepickertoolbar.theme.js.map

package/materialui/datepicker/datepickertoolbar.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepickertoolbar.theme.js","sources":["../../../src/materialui/datepicker/datepickertoolbar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getTypography } from '@/src/materialui/typography/typography.theme';\n\n// Toolbar Header in mobile dialogs\nexport const flowDatePickerToolbar: Components<Theme>['MuiDatePickerToolbar'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      borderBottom: `1px solid ${theme.palette.surface.secondary}`,\n      // buttons wrapping text\n      '& .MuiButtonBase-root': {\n        borderRadius: '4px',\n      },\n      // top text, e.g. 'Select date'\n      '& .MuiTypography-overline': {\n        [theme.breakpoints.up('xs')]: {\n          ...getTypography('disclaimer1', theme.direction === 'rtl', 'large'),\n          fontWeight: '300',\n          color: theme.palette.onSurface.os500,\n        },\n      },\n      // wrapper\n      '& .MuiPickersToolbar-content': {\n        alignItems: 'flex-end',\n        // dates itself\n        '& .MuiTypography-root': {\n          [theme.breakpoints.up('xs')]: {\n            ...getTypography('h2', theme.direction === 'rtl', 'large'),\n            fontWeight: '300',\n            color: theme.palette.text.primary,\n          },\n        },\n        '& .MuiTypography-subtitle1': {\n          [theme.breakpoints.up('xs')]: {\n            ...getTypography('h4', theme.direction === 'rtl', 'large'),\n            fontWeight: '300',\n          },\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowDatePickerToolbar","styleOverrides","root","theme","borderBottom","palette","surface","secondary","borderRadius","breakpoints","up","Object","assign","getTypography","direction","fontWeight","color","onSurface","os500","alignItems","text","primary"],"mappings":"kEAKO,MAAMA,EAAmE,CAC9EC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,aAAc,aAAaD,EAAME,QAAQC,QAAQC,YAEjD,wBAAyB,CACvBC,aAAc,OAGhB,4BAA6B,CAC3B,CAACL,EAAMM,YAAYC,GAAG,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvBC,EAAc,cAAmC,QAApBV,EAAMW,UAAqB,UAAQ,CACnEC,WAAY,MACZC,MAAOb,EAAME,QAAQY,UAAUC,SAInC,+BAAgC,CAC9BC,WAAY,WAEZ,wBAAyB,CACvB,CAAChB,EAAMM,YAAYC,GAAG,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvBC,EAAc,KAA0B,QAApBV,EAAMW,UAAqB,UAAQ,CAC1DC,WAAY,MACZC,MAAOb,EAAME,QAAQe,KAAKC,WAG9B,6BAA8B,CAC5B,CAAClB,EAAMM,YAAYC,GAAG,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvBC,EAAc,KAA0B,QAApBV,EAAMW,UAAqB,UAAQ,CAC1DC,WAAY"}

package/materialui/datepicker/datetimepicker.theme.d.ts

@@ -0,0 +1,4 @@
+import { Components } from '@mui/material/styles';
+import { Theme } from '@mui/material';
+export declare const flowDateTimePicker: Components<Theme>['MuiDateTimePicker'];
+export declare const flowDesktopDateTimePicker: Components<Theme>['MuiDesktopDateTimePicker'];

package/materialui/datepicker/datetimepicker.theme.js

@@ -0,0 +1,2 @@
+import{flowDatePicker as s}from"./datepicker.theme.js";const e=Object.assign(Object.assign({},s),{defaultProps:Object.assign(Object.assign({},s.defaultProps),{views:["day","month","year","hours","minutes"]})}),t=e;export{e as flowDateTimePicker,t as flowDesktopDateTimePicker};
+//# sourceMappingURL=datetimepicker.theme.js.map

package/materialui/datepicker/datetimepicker.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimepicker.theme.js","sources":["../../../src/materialui/datepicker/datetimepicker.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { flowDatePicker } from './datepicker.theme';\n\nexport const flowDateTimePicker: Components<Theme>['MuiDateTimePicker'] = {\n  ...(flowDatePicker as Components<Theme>['MuiDateTimePicker']),\n  defaultProps: {\n    ...(flowDatePicker.defaultProps as Components<Theme>['MuiDateTimePicker']['defaultProps']),\n    views: ['day', 'month', 'year', 'hours', 'minutes'],\n  },\n};\n\nexport const flowDesktopDateTimePicker: Components<Theme>['MuiDesktopDateTimePicker'] =\n  flowDateTimePicker as Components<Theme>['MuiDesktopDateTimePicker'];\n"],"names":["flowDateTimePicker","Object","assign","flowDatePicker","defaultProps","views","flowDesktopDateTimePicker"],"mappings":"uDAIO,MAAMA,EAAkBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACzBC,GAAyD,CAC7DC,aAAYH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACNC,EAAeC,cAAuE,CAC1FC,MAAO,CAAC,MAAO,QAAS,OAAQ,QAAS,eAIhCC,EACXN"}

package/materialui/datepicker/datetimepickertoolbar.theme.d.ts

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

package/materialui/datepicker/datetimepickertoolbar.theme.js

@@ -0,0 +1,2 @@
+import{flowDatePickerToolbar as t}from"./datepickertoolbar.theme.js";const e=Object.assign({},t);export{e as flowDateTimePickerToolbar};
+//# sourceMappingURL=datetimepickertoolbar.theme.js.map

package/materialui/datepicker/datetimepickertoolbar.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimepickertoolbar.theme.js","sources":["../../../src/materialui/datepicker/datetimepickertoolbar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { flowDatePickerToolbar } from './datepickertoolbar.theme';\n\nexport const flowDateTimePickerToolbar: Components<Theme>['MuiDateTimePickerToolbar'] = {\n  ...(flowDatePickerToolbar as Components<Theme>['MuiDateTimePickerToolbar']),\n};\n"],"names":["flowDateTimePickerToolbar","Object","assign","flowDatePickerToolbar"],"mappings":"qEAIO,MAAMA,EAAyBC,OAAAC,OAAA,CAAA,EAChCC"}

package/materialui/datepicker/daycalendar.theme.d.ts

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

package/materialui/datepicker/daycalendar.theme.js

@@ -0,0 +1,2 @@
+import{getTypography as e}from"../typography/typography.theme.js";const t={styleOverrides:{weekDayLabel:({theme:t})=>({color:t.palette.text.primary,[t.breakpoints.up("xs")]:Object.assign(Object.assign({},e("body","rtl"===t.direction,"medium")),{fontWeight:"400"}),margin:"4px 3px",width:"40px",height:"40px"}),slideTransition:{minHeight:"290px"}}};export{t as flowDayCalendar};
+//# sourceMappingURL=daycalendar.theme.js.map

package/materialui/datepicker/daycalendar.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"daycalendar.theme.js","sources":["../../../src/materialui/datepicker/daycalendar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getTypography } from '@/src/materialui/typography/typography.theme';\n\nexport const flowDayCalendar: Components<Theme>['MuiDayCalendar'] = {\n  styleOverrides: {\n    // DateCalendar header week days (e.g. M, T, W)\n    weekDayLabel: ({ theme }) => ({\n      color: theme.palette.text.primary,\n      [theme.breakpoints.up('xs')]: {\n        ...getTypography('body', theme.direction === 'rtl', 'medium'),\n        fontWeight: '400',\n      },\n      // update proportions to match figma\n      margin: '4px 3px',\n      width: '40px',\n      height: '40px',\n    }),\n    slideTransition: {\n      // increased from 240px to fit content without scroll\n      minHeight: '290px',\n    },\n  },\n};\n"],"names":["flowDayCalendar","styleOverrides","weekDayLabel","theme","color","palette","text","primary","breakpoints","up","Object","assign","getTypography","direction","fontWeight","margin","width","height","slideTransition","minHeight"],"mappings":"kEAIO,MAAMA,EAAuD,CAClEC,eAAgB,CAEdC,aAAc,EAAGC,YAAO,CACtBC,MAAOD,EAAME,QAAQC,KAAKC,QAC1B,CAACJ,EAAMK,YAAYC,GAAG,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvBC,EAAc,OAA4B,QAApBT,EAAMU,UAAqB,WAAS,CAC7DC,WAAY,QAGdC,OAAQ,UACRC,MAAO,OACPC,OAAQ,SAEVC,gBAAiB,CAEfC,UAAW"}