npm - @skodaflow/web-library - Versions diffs - 8.1.0 → 8.3.0 - Mend

@skodaflow/web-library 8.1.0 → 8.3.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 (490) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","sources":["../../../src/materialui/theme/theme.ts"],"sourcesContent":["import { PaletteMode, BreakpointsOptions, Direction, createTheme } from '@mui/material';\nimport { flowMixins } from './mixins';\nimport { flowAccordion } from '../accordion/accordion.theme';\nimport { flowAlert } from '../alert/alert.theme';\nimport { flowAlertTitle } from '../alert/alertTitle.theme';\nimport { flowAvatar } from '../avatar/avatar.theme';\nimport { flowAvatarGroup } from '../avatar/avatarGroup.theme';\nimport { flowAccordionSummary } from '../accordion/accordionSummary.theme';\nimport { flowAccordionDetails } from '../accordion/accordionDetails.theme';\nimport { flowAccordionActions } from '../accordion/accordionActions.theme';\nimport { flowAppBar } from '../appbar/appbar.theme';\nimport { flowToolbar } from '../appbar/toolbar.theme';\nimport { flowAutocomplete } from '../autocomplete/autocomplete.theme';\nimport { flowBackdrop } from '../backdrop/backdrop.theme';\nimport { flowBadge } from '../badge/badge.theme';\nimport { getFlowScopedCssBaseline, getFlowCssBaseline } from '../themeProvider/baseline.theme';\nimport { flowBreadCrumbs } from '../breadcrumbs/breadcrumbs.theme';\nimport { flowButton } from '../button/button.theme';\nimport { flowButtonBase } from '../button/buttonBase.theme';\nimport { flowLink } from '../link/link.theme';\nimport { flowCheckbox } from '../checkbox/checkbox.theme';\nimport { flowChip } from '../chip/chip.theme';\nimport { flowDialog } from '../dialog/dialog.theme';\nimport { flowDialogActions } from '../dialog/dialogActions.theme';\nimport { flowDialogContent } from '../dialog/dialogContent.theme';\nimport { flowDialogContentText } from '../dialog/dialogContentText.theme';\nimport { flowDialogTitle } from '../dialog/dialogTitle.theme';\nimport { flowDivider } from '../divider/divider.theme';\nimport { flowDrawer } from '../drawer/drawer.theme';\nimport { flowFilledInput } from '../textfield/filledInput.theme';\nimport { flowOutlinedInput } from '../textfield/outlinedInput.theme';\nimport { flowFormControl } from '../textfield/formControl.theme';\nimport { flowFormControlLabel } from '../textfield/formControlLabel.theme';\nimport { flowFormHelperText } from '../textfield/formHelperText.theme';\nimport { flowFormLabel } from '../textfield/formLabel.theme';\nimport { flowInput } from '../textfield/input.theme';\nimport { flowInputAdornment } from '../textfield/inputAdornment.theme';\nimport { flowInputBase } from '../textfield/inputBase.theme';\nimport { flowInputLabel } from '../textfield/inputLabel.theme';\nimport { flowRadio } from '../radio/radio.theme';\nimport { flowSelect } from '../textfield/select.theme';\nimport { flowSlider } from '../slider/slider.theme';\nimport { flowSwitch } from '../switch/switch.theme';\nimport { flowTextField } from '../textfield/textField.theme';\nimport { flowSvgIcon } from '../svgIcon/svgIcon.theme';\nimport { flowIconButton } from '../iconButton/iconButton.theme';\nimport { flowLinearProgress } from '../linearprogress/linearprogress.theme';\nimport { flowCircularProgress } from '../circularprogress/circularprogress.theme';\nimport { flowContainer } from '../container/container.theme';\nimport { flowList } from '../list/list.theme';\nimport { flowListItem } from '../list/listItem.theme';\nimport { flowListItemButton } from '../list/listItemButton.theme';\nimport { flowListItemText } from '../list/listItemText.theme';\nimport { flowListItemIcon } from '../list/listItemIcon.theme';\nimport { flowListItemAvatar } from '../list/listItemAvatar.theme';\nimport { flowListItemSecondaryAction } from '../list/listItemSecondaryAction.theme';\nimport { flowListSubheader } from '../list/listSubheader.theme';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { getFlowModal } from '../modal/modal.theme';\nimport { flowPagination } from '../pagination/pagination.theme';\nimport { flowPaginationItem } from '../pagination/paginationItem.theme';\nimport { flowPaper } from '../paper/paper.theme';\nimport { flowPopover } from '../popover/popover.theme';\nimport { flowRating } from '../rating/rating.theme';\nimport { flowSkeleton } from '../skeleton/skeleton.theme';\nimport { flowSnackbar } from '../snackbar/snackbar.theme';\nimport { flowSnackbarContent } from '../snackbar/snackbarContent.theme';\nimport { flowStepper } from '../stepper/stepper.theme';\nimport { flowStep } from '../stepper/step.theme';\nimport { flowStepButton } from '../stepper/stepButton.theme';\nimport { flowStepConnector } from '../stepper/stepConnector.theme';\nimport { flowStepLabel } from '../stepper/stepLabel.theme';\nimport { flowStepContent } from '../stepper/stepContent.theme';\nimport { flowTab } from '../tabs/tab.theme';\nimport { flowTabs } from '../tabs/tabs.theme';\nimport { flowTooltip } from '../tooltip/tooltip.theme';\nimport { flowCard } from '../card/card.theme';\nimport { flowCardContent } from '../card/cardContent.theme';\nimport { flowCardHeader } from '../card/cardHeader.theme';\nimport { flowCardActionArea } from '../card/cardActionArea.theme';\nimport { flowTableContainer } from '../table/tableContainer.theme';\nimport { flowTable } from '../table/table.theme';\nimport { flowTableHead } from '../table/tableHead.theme';\nimport { flowTableBody } from '../table/tableBody.theme';\nimport { flowTableRow } from '../table/tableRow.theme';\nimport { flowTableCell } from '../table/tableCell.theme';\nimport { flowTableSortLabel } from '../table/tableSortLabel.theme';\nimport { flowTablePagination } from '../table/tablePagination.theme';\nimport { flowFab } from '../fab/fab.theme';\nimport { paletteLight } from './paletteLight.theme';\nimport { paletteDark } from './paletteDark.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport { flowElevations } from './theme.elevations';\nimport { flowZIndex } from './theme.zIndex';\nimport { flowDatePicker, flowDesktopDatePicker, flowStaticDatePicker } from '../datepicker/datepicker.theme';\nimport { flowTimePicker, flowDesktopTimePicker, flowStaticTimePicker } from '../datepicker/timepicker.theme';\nimport {\n flowDateTimePicker,\n flowDesktopDateTimePicker,\n flowStaticDateTimePicker,\n} from '../datepicker/datetimepicker.theme';\nimport { flowDateCalendar } from '../datepicker/datecalendar.theme';\nimport {\n flowPickersFilledInput,\n flowPickersInput,\n flowPickersInputBase,\n flowPickersOutlinedInput,\n flowPickersTextField,\n} from '../datepicker/pickerstextfield.theme';\nimport { flowPickerPopper } from '../datepicker/pickerpopper.theme';\nimport { flowPickersLayout } from '../datepicker/pickerslayout.theme';\nimport { flowPickersDay } from '../datepicker/pickersday.theme';\nimport { flowDayCalendar } from '../datepicker/daycalendar.theme';\nimport { flowMonthCalendar } from '../datepicker/monthcalendar.theme';\nimport { flowYearCalendar } from '../datepicker/yearcalendar.theme';\nimport { flowTimeClock } from '../datepicker/timeclock.theme';\nimport { flowDigitalClock } from '../datepicker/digitalclock.theme';\nimport { flowMultiSectionDigitalClock } from '../datepicker/multisectiondigitalclock.theme';\nimport { flowMobileDatePicker } from '../datepicker/mobiledatepicker.theme';\nimport { flowMobileTimePicker } from '../datepicker/mobiletimepicker.theme';\nimport { flowMobileDateTimePicker } from '../datepicker/mobiledatetimepicker.theme';\nimport { flowDatePickerToolbar } from '../datepicker/datepickertoolbar.theme';\nimport { flowTimePickerToolbar } from '../datepicker/timepickertoolbar.theme';\nimport { flowDateTimePickerToolbar } from '../datepicker/datetimepickertoolbar.theme';\nimport './theme.extensions';\nimport { getTypographyOptions } from '../typography/typography.theme';\nimport '@mui/x-date-pickers/themeAugmentation';\n\nexport function createSkodaTheme({\n mode = 'light',\n direction = 'ltr',\n breakpointsOptions = flowBreakpoints,\n}: {\n mode?: PaletteMode;\n direction?: Direction;\n breakpointsOptions?: BreakpointsOptions;\n}) {\n return createTheme({\n breakpoints: breakpointsOptions,\n mixins: flowMixins,\n palette: mode === 'dark' ? paletteDark : paletteLight,\n direction: direction,\n typography: getTypographyOptions(breakpointsOptions, direction === 'rtl'),\n flowShadows: flowElevations,\n zIndex: flowZIndex,\n components: {\n MuiAlert: flowAlert,\n MuiAlertTitle: flowAlertTitle,\n MuiAvatar: flowAvatar,\n MuiAvatarGroup: flowAvatarGroup,\n MuiAppBar: flowAppBar,\n MuiToolbar: flowToolbar,\n MuiContainer: flowContainer,\n MuiCssBaseline: getFlowCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiScopedCssBaseline: getFlowScopedCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiButtonBase: flowButtonBase,\n MuiButton: flowButton,\n MuiIconButton: flowIconButton,\n MuiSvgIcon: flowSvgIcon,\n MuiLink: flowLink,\n MuiLinearProgress: flowLinearProgress,\n MuiCircularProgress: flowCircularProgress,\n MuiSwitch: flowSwitch,\n MuiCheckbox: flowCheckbox,\n MuiRadio: flowRadio,\n MuiSlider: flowSlider,\n MuiTooltip: flowTooltip,\n MuiDivider: flowDivider,\n MuiBadge: flowBadge,\n MuiChip: flowChip,\n MuiPaper: flowPaper,\n MuiTextField: flowTextField,\n MuiSelect: flowSelect,\n MuiMenu: flowMenu,\n MuiMenuItem: flowMenuItem,\n MuiTab: flowTab,\n MuiTabs: flowTabs,\n MuiCard: flowCard,\n MuiCardContent: flowCardContent,\n MuiCardHeader: flowCardHeader,\n MuiCardActionArea: flowCardActionArea,\n MuiPaginationItem: flowPaginationItem,\n MuiPagination: flowPagination,\n MuiRating: flowRating,\n MuiSnackbar: flowSnackbar,\n MuiSnackbarContent: flowSnackbarContent,\n MuiModal: getFlowModal(breakpointsOptions, direction === 'rtl'),\n MuiBackdrop: flowBackdrop,\n MuiDrawer: flowDrawer,\n MuiAccordion: flowAccordion,\n MuiAccordionSummary: flowAccordionSummary,\n MuiAccordionDetails: flowAccordionDetails,\n MuiAccordionActions: flowAccordionActions,\n MuiInputBase: flowInputBase,\n MuiInputLabel: flowInputLabel,\n MuiInput: flowInput,\n MuiFormControl: flowFormControl,\n MuiFilledInput: flowFilledInput,\n MuiOutlinedInput: flowOutlinedInput,\n MuiFormLabel: flowFormLabel,\n MuiFormControlLabel: flowFormControlLabel,\n MuiInputAdornment: flowInputAdornment,\n MuiFormHelperText: flowFormHelperText,\n MuiDialogActions: flowDialogActions,\n MuiDialog: flowDialog,\n MuiDialogContent: flowDialogContent,\n MuiDialogContentText: flowDialogContentText,\n MuiDialogTitle: flowDialogTitle,\n MuiList: flowList,\n MuiListItem: flowListItem,\n MuiListItemButton: flowListItemButton,\n MuiListItemText: flowListItemText,\n MuiListItemIcon: flowListItemIcon,\n MuiListItemAvatar: flowListItemAvatar,\n MuiListItemSecondaryAction: flowListItemSecondaryAction,\n MuiListSubheader: flowListSubheader,\n MuiPopover: flowPopover,\n MuiAutocomplete: flowAutocomplete,\n MuiBreadcrumbs: flowBreadCrumbs,\n MuiSkeleton: flowSkeleton,\n MuiStepper: flowStepper,\n MuiStep: flowStep,\n MuiStepButton: flowStepButton,\n MuiStepConnector: flowStepConnector,\n MuiStepLabel: flowStepLabel,\n MuiStepContent: flowStepContent,\n MuiTableContainer: flowTableContainer,\n MuiTable: flowTable,\n MuiTableHead: flowTableHead,\n MuiTableBody: flowTableBody,\n MuiTableRow: flowTableRow,\n MuiTableCell: flowTableCell,\n MuiTableSortLabel: flowTableSortLabel,\n MuiTablePagination: flowTablePagination,\n MuiFab: flowFab,\n MuiDatePicker: flowDatePicker,\n MuiTimePicker: flowTimePicker,\n MuiDateTimePicker: flowDateTimePicker,\n MuiDateCalendar: flowDateCalendar,\n MuiPickersTextField: flowPickersTextField,\n MuiPickersInputBase: flowPickersInputBase,\n MuiPickersInput: flowPickersInput,\n MuiPickersOutlinedInput: flowPickersOutlinedInput,\n MuiPickersFilledInput: flowPickersFilledInput,\n MuiPickerPopper: flowPickerPopper,\n MuiPickersDay: flowPickersDay,\n MuiDayCalendar: flowDayCalendar,\n MuiMonthCalendar: flowMonthCalendar,\n MuiYearCalendar: flowYearCalendar,\n MuiTimeClock: flowTimeClock,\n MuiDigitalClock: flowDigitalClock,\n MuiMultiSectionDigitalClock: flowMultiSectionDigitalClock,\n MuiMobileDatePicker: flowMobileDatePicker,\n MuiMobileDateTimePicker: flowMobileDateTimePicker,\n MuiMobileTimePicker: flowMobileTimePicker,\n MuiDatePickerToolbar: flowDatePickerToolbar,\n MuiDateTimePickerToolbar: flowDateTimePickerToolbar,\n MuiTimePickerToolbar: flowTimePickerToolbar,\n MuiDesktopDatePicker: flowDesktopDatePicker,\n MuiDesktopTimePicker: flowDesktopTimePicker,\n MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n MuiStaticDatePicker: flowStaticDatePicker,\n MuiStaticTimePicker: flowStaticTimePicker,\n MuiStaticDateTimePicker: flowStaticDateTimePicker,\n MuiPickersLayout: flowPickersLayout,\n },\n });\n}\n\nexport const theme = createSkodaTheme({});\nexport const darkTheme = createSkodaTheme({ mode: 'dark' });\nexport const rtlTheme = createSkodaTheme({ direction: 'rtl' });\nexport const rtlDarkTheme = createSkodaTheme({ direction: 'rtl', mode: 'dark' });\n"],"names":["createSkodaTheme","mode","direction","breakpointsOptions","flowBreakpoints","createTheme","breakpoints","mixins","flowMixins","palette","paletteDark","paletteLight","typography","getTypographyOptions","flowShadows","flowElevations","zIndex","flowZIndex","components","MuiAlert","flowAlert","MuiAlertTitle","flowAlertTitle","MuiAvatar","flowAvatar","MuiAvatarGroup","flowAvatarGroup","MuiAppBar","flowAppBar","MuiToolbar","flowToolbar","MuiContainer","flowContainer","MuiCssBaseline","getFlowCssBaseline","MuiScopedCssBaseline","getFlowScopedCssBaseline","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSvgIcon","flowSvgIcon","MuiLink","flowLink","MuiLinearProgress","flowLinearProgress","MuiCircularProgress","flowCircularProgress","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiBadge","flowBadge","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenu","flowMenu","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiCardContent","flowCardContent","MuiCardHeader","flowCardHeader","MuiCardActionArea","flowCardActionArea","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiRating","flowRating","MuiSnackbar","flowSnackbar","MuiSnackbarContent","flowSnackbarContent","MuiModal","getFlowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiAccordionSummary","flowAccordionSummary","MuiAccordionDetails","flowAccordionDetails","MuiAccordionActions","flowAccordionActions","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiOutlinedInput","flowOutlinedInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogContent","flowDialogContent","MuiDialogContentText","flowDialogContentText","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItem","flowListItem","MuiListItemButton","flowListItemButton","MuiListItemText","flowListItemText","MuiListItemIcon","flowListItemIcon","MuiListItemAvatar","flowListItemAvatar","MuiListItemSecondaryAction","flowListItemSecondaryAction","MuiListSubheader","flowListSubheader","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiSkeleton","flowSkeleton","MuiStepper","flowStepper","MuiStep","flowStep","MuiStepButton","flowStepButton","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel","MuiStepContent","flowStepContent","MuiTableContainer","flowTableContainer","MuiTable","flowTable","MuiTableHead","flowTableHead","MuiTableBody","flowTableBody","MuiTableRow","flowTableRow","MuiTableCell","flowTableCell","MuiTableSortLabel","flowTableSortLabel","MuiTablePagination","flowTablePagination","MuiFab","flowFab","MuiDatePicker","flowDatePicker","MuiTimePicker","flowTimePicker","MuiDateTimePicker","flowDateTimePicker","MuiDateCalendar","flowDateCalendar","MuiPickersTextField","flowPickersTextField","MuiPickersInputBase","flowPickersInputBase","MuiPickersInput","flowPickersInput","MuiPickersOutlinedInput","flowPickersOutlinedInput","MuiPickersFilledInput","flowPickersFilledInput","MuiPickerPopper","flowPickerPopper","MuiPickersDay","flowPickersDay","MuiDayCalendar","flowDayCalendar","MuiMonthCalendar","flowMonthCalendar","MuiYearCalendar","flowYearCalendar","MuiTimeClock","flowTimeClock","MuiDigitalClock","flowDigitalClock","MuiMultiSectionDigitalClock","flowMultiSectionDigitalClock","MuiMobileDatePicker","flowMobileDatePicker","MuiMobileDateTimePicker","flowMobileDateTimePicker","MuiMobileTimePicker","flowMobileTimePicker","MuiDatePickerToolbar","flowDatePickerToolbar","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiTimePickerToolbar","flowTimePickerToolbar","MuiDesktopDatePicker","flowDesktopDatePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","MuiStaticDatePicker","flowStaticDatePicker","MuiStaticTimePicker","flowStaticTimePicker","MuiStaticDateTimePicker","flowStaticDateTimePicker","MuiPickersLayout","flowPickersLayout","theme","darkTheme","rtlTheme","rtlDarkTheme"],"mappings":"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"}
1	+ {"version":3,"file":"theme.js","sources":["../../../src/materialui/theme/theme.ts"],"sourcesContent":["import { PaletteMode, BreakpointsOptions, Direction, createTheme } from '@mui/material';\nimport { flowSxConfig } from './sxConfig';\nimport { flowMixins } from './mixins';\nimport { flowAccordion } from '../accordion/accordion.theme';\nimport { flowAlert } from '../alert/alert.theme';\nimport { flowAlertTitle } from '../alert/alertTitle.theme';\nimport { flowAvatar } from '../avatar/avatar.theme';\nimport { flowAvatarGroup } from '../avatar/avatarGroup.theme';\nimport { flowAccordionSummary } from '../accordion/accordionSummary.theme';\nimport { flowAccordionDetails } from '../accordion/accordionDetails.theme';\nimport { flowAccordionActions } from '../accordion/accordionActions.theme';\nimport { flowAppBar } from '../appbar/appbar.theme';\nimport { flowToolbar } from '../appbar/toolbar.theme';\nimport { flowAutocomplete } from '../autocomplete/autocomplete.theme';\nimport { flowBackdrop } from '../backdrop/backdrop.theme';\nimport { flowBadge } from '../badge/badge.theme';\nimport { getFlowScopedCssBaseline, getFlowCssBaseline } from '../themeProvider/baseline.theme';\nimport { flowBreadCrumbs } from '../breadcrumbs/breadcrumbs.theme';\nimport { flowButton } from '../button/button.theme';\nimport { flowButtonBase } from '../button/buttonBase.theme';\nimport { flowLink } from '../link/link.theme';\nimport { flowCheckbox } from '../checkbox/checkbox.theme';\nimport { flowChip } from '../chip/chip.theme';\nimport { flowDialog } from '../dialog/dialog.theme';\nimport { flowDialogActions } from '../dialog/dialogActions.theme';\nimport { flowDialogContent } from '../dialog/dialogContent.theme';\nimport { flowDialogContentText } from '../dialog/dialogContentText.theme';\nimport { flowDialogTitle } from '../dialog/dialogTitle.theme';\nimport { flowDivider } from '../divider/divider.theme';\nimport { flowDrawer } from '../drawer/drawer.theme';\nimport { flowFilledInput } from '../textfield/filledInput.theme';\nimport { flowOutlinedInput } from '../textfield/outlinedInput.theme';\nimport { flowFormControl } from '../textfield/formControl.theme';\nimport { flowFormControlLabel } from '../textfield/formControlLabel.theme';\nimport { flowFormHelperText } from '../textfield/formHelperText.theme';\nimport { flowFormLabel } from '../textfield/formLabel.theme';\nimport { flowInput } from '../textfield/input.theme';\nimport { flowInputAdornment } from '../textfield/inputAdornment.theme';\nimport { flowInputBase } from '../textfield/inputBase.theme';\nimport { flowInputLabel } from '../textfield/inputLabel.theme';\nimport { flowRadio } from '../radio/radio.theme';\nimport { flowSelect } from '../textfield/select.theme';\nimport { flowSlider } from '../slider/slider.theme';\nimport { flowSwitch } from '../switch/switch.theme';\nimport { flowTextField } from '../textfield/textField.theme';\nimport { flowSvgIcon } from '../svgIcon/svgIcon.theme';\nimport { flowIconButton } from '../iconButton/iconButton.theme';\nimport { flowLinearProgress } from '../linearprogress/linearprogress.theme';\nimport { flowCircularProgress } from '../circularprogress/circularprogress.theme';\nimport { flowContainer } from '../container/container.theme';\nimport { flowList } from '../list/list.theme';\nimport { flowListItem } from '../list/listItem.theme';\nimport { flowListItemButton } from '../list/listItemButton.theme';\nimport { flowListItemText } from '../list/listItemText.theme';\nimport { flowListItemIcon } from '../list/listItemIcon.theme';\nimport { flowListItemAvatar } from '../list/listItemAvatar.theme';\nimport { flowListItemSecondaryAction } from '../list/listItemSecondaryAction.theme';\nimport { flowListSubheader } from '../list/listSubheader.theme';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { getFlowModal } from '../modal/modal.theme';\nimport { flowPagination } from '../pagination/pagination.theme';\nimport { flowPaginationItem } from '../pagination/paginationItem.theme';\nimport { flowPaper } from '../paper/paper.theme';\nimport { flowPopover } from '../popover/popover.theme';\nimport { flowRating } from '../rating/rating.theme';\nimport { flowSkeleton } from '../skeleton/skeleton.theme';\nimport { flowSnackbar } from '../snackbar/snackbar.theme';\nimport { flowSnackbarContent } from '../snackbar/snackbarContent.theme';\nimport { flowStepper } from '../stepper/stepper.theme';\nimport { flowStep } from '../stepper/step.theme';\nimport { flowStepButton } from '../stepper/stepButton.theme';\nimport { flowStepConnector } from '../stepper/stepConnector.theme';\nimport { flowStepLabel } from '../stepper/stepLabel.theme';\nimport { flowStepContent } from '../stepper/stepContent.theme';\nimport { flowTab } from '../tabs/tab.theme';\nimport { flowTabs } from '../tabs/tabs.theme';\nimport { flowTooltip } from '../tooltip/tooltip.theme';\nimport { flowCard } from '../card/card.theme';\nimport { flowCardContent } from '../card/cardContent.theme';\nimport { flowCardHeader } from '../card/cardHeader.theme';\nimport { flowCardActionArea } from '../card/cardActionArea.theme';\nimport { flowTableContainer } from '../table/tableContainer.theme';\nimport { flowTable } from '../table/table.theme';\nimport { flowTableHead } from '../table/tableHead.theme';\nimport { flowTableBody } from '../table/tableBody.theme';\nimport { flowTableRow } from '../table/tableRow.theme';\nimport { flowTableCell } from '../table/tableCell.theme';\nimport { flowTableSortLabel } from '../table/tableSortLabel.theme';\nimport { flowTablePagination } from '../table/tablePagination.theme';\nimport { flowFab } from '../fab/fab.theme';\nimport { paletteLight } from './paletteLight.theme';\nimport { paletteDark } from './paletteDark.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport { flowElevations } from './theme.elevations';\nimport { flowZIndex } from './theme.zIndex';\nimport { flowDatePicker, flowDesktopDatePicker, flowStaticDatePicker } from '../datepicker/datepicker.theme';\nimport { flowTimePicker, flowDesktopTimePicker, flowStaticTimePicker } from '../datepicker/timepicker.theme';\nimport {\n flowDateTimePicker,\n flowDesktopDateTimePicker,\n flowStaticDateTimePicker,\n} from '../datepicker/datetimepicker.theme';\nimport { flowDateCalendar } from '../datepicker/datecalendar.theme';\nimport {\n flowPickersFilledInput,\n flowPickersInput,\n flowPickersInputBase,\n flowPickersOutlinedInput,\n flowPickersTextField,\n} from '../datepicker/pickerstextfield.theme';\nimport { flowPickerPopper } from '../datepicker/pickerpopper.theme';\nimport { flowPickersLayout } from '../datepicker/pickerslayout.theme';\nimport { flowPickersDay } from '../datepicker/pickersday.theme';\nimport { flowDayCalendar } from '../datepicker/daycalendar.theme';\nimport { flowMonthCalendar } from '../datepicker/monthcalendar.theme';\nimport { flowYearCalendar } from '../datepicker/yearcalendar.theme';\nimport { flowTimeClock } from '../datepicker/timeclock.theme';\nimport { flowDigitalClock } from '../datepicker/digitalclock.theme';\nimport { flowMultiSectionDigitalClock } from '../datepicker/multisectiondigitalclock.theme';\nimport { flowMobileDatePicker } from '../datepicker/mobiledatepicker.theme';\nimport { flowMobileTimePicker } from '../datepicker/mobiletimepicker.theme';\nimport { flowMobileDateTimePicker } from '../datepicker/mobiledatetimepicker.theme';\nimport { flowDatePickerToolbar } from '../datepicker/datepickertoolbar.theme';\nimport { flowTimePickerToolbar } from '../datepicker/timepickertoolbar.theme';\nimport { flowDateTimePickerToolbar } from '../datepicker/datetimepickertoolbar.theme';\nimport './theme.extensions';\nimport { getTypographyOptions } from '../typography/typography.theme';\nimport '@mui/x-date-pickers/themeAugmentation';\n\nexport function createSkodaTheme({\n mode = 'light',\n direction = 'ltr',\n breakpointsOptions = flowBreakpoints,\n}: {\n mode?: PaletteMode;\n direction?: Direction;\n breakpointsOptions?: BreakpointsOptions;\n}) {\n return createTheme({\n breakpoints: breakpointsOptions,\n mixins: flowMixins,\n palette: mode === 'dark' ? paletteDark : paletteLight,\n direction: direction,\n typography: getTypographyOptions(breakpointsOptions, direction === 'rtl'),\n flowShadows: flowElevations,\n zIndex: flowZIndex,\n unstable_sxConfig: flowSxConfig,\n components: {\n MuiAlert: flowAlert,\n MuiAlertTitle: flowAlertTitle,\n MuiAvatar: flowAvatar,\n MuiAvatarGroup: flowAvatarGroup,\n MuiAppBar: flowAppBar,\n MuiToolbar: flowToolbar,\n MuiContainer: flowContainer,\n MuiCssBaseline: getFlowCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiScopedCssBaseline: getFlowScopedCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiButtonBase: flowButtonBase,\n MuiButton: flowButton,\n MuiIconButton: flowIconButton,\n MuiSvgIcon: flowSvgIcon,\n MuiLink: flowLink,\n MuiLinearProgress: flowLinearProgress,\n MuiCircularProgress: flowCircularProgress,\n MuiSwitch: flowSwitch,\n MuiCheckbox: flowCheckbox,\n MuiRadio: flowRadio,\n MuiSlider: flowSlider,\n MuiTooltip: flowTooltip,\n MuiDivider: flowDivider,\n MuiBadge: flowBadge,\n MuiChip: flowChip,\n MuiPaper: flowPaper,\n MuiTextField: flowTextField,\n MuiSelect: flowSelect,\n MuiMenu: flowMenu,\n MuiMenuItem: flowMenuItem,\n MuiTab: flowTab,\n MuiTabs: flowTabs,\n MuiCard: flowCard,\n MuiCardContent: flowCardContent,\n MuiCardHeader: flowCardHeader,\n MuiCardActionArea: flowCardActionArea,\n MuiPaginationItem: flowPaginationItem,\n MuiPagination: flowPagination,\n MuiRating: flowRating,\n MuiSnackbar: flowSnackbar,\n MuiSnackbarContent: flowSnackbarContent,\n MuiModal: getFlowModal(breakpointsOptions, direction === 'rtl'),\n MuiBackdrop: flowBackdrop,\n MuiDrawer: flowDrawer,\n MuiAccordion: flowAccordion,\n MuiAccordionSummary: flowAccordionSummary,\n MuiAccordionDetails: flowAccordionDetails,\n MuiAccordionActions: flowAccordionActions,\n MuiInputBase: flowInputBase,\n MuiInputLabel: flowInputLabel,\n MuiInput: flowInput,\n MuiFormControl: flowFormControl,\n MuiFilledInput: flowFilledInput,\n MuiOutlinedInput: flowOutlinedInput,\n MuiFormLabel: flowFormLabel,\n MuiFormControlLabel: flowFormControlLabel,\n MuiInputAdornment: flowInputAdornment,\n MuiFormHelperText: flowFormHelperText,\n MuiDialogActions: flowDialogActions,\n MuiDialog: flowDialog,\n MuiDialogContent: flowDialogContent,\n MuiDialogContentText: flowDialogContentText,\n MuiDialogTitle: flowDialogTitle,\n MuiList: flowList,\n MuiListItem: flowListItem,\n MuiListItemButton: flowListItemButton,\n MuiListItemText: flowListItemText,\n MuiListItemIcon: flowListItemIcon,\n MuiListItemAvatar: flowListItemAvatar,\n MuiListItemSecondaryAction: flowListItemSecondaryAction,\n MuiListSubheader: flowListSubheader,\n MuiPopover: flowPopover,\n MuiAutocomplete: flowAutocomplete,\n MuiBreadcrumbs: flowBreadCrumbs,\n MuiSkeleton: flowSkeleton,\n MuiStepper: flowStepper,\n MuiStep: flowStep,\n MuiStepButton: flowStepButton,\n MuiStepConnector: flowStepConnector,\n MuiStepLabel: flowStepLabel,\n MuiStepContent: flowStepContent,\n MuiTableContainer: flowTableContainer,\n MuiTable: flowTable,\n MuiTableHead: flowTableHead,\n MuiTableBody: flowTableBody,\n MuiTableRow: flowTableRow,\n MuiTableCell: flowTableCell,\n MuiTableSortLabel: flowTableSortLabel,\n MuiTablePagination: flowTablePagination,\n MuiFab: flowFab,\n MuiDatePicker: flowDatePicker,\n MuiTimePicker: flowTimePicker,\n MuiDateTimePicker: flowDateTimePicker,\n MuiDateCalendar: flowDateCalendar,\n MuiPickersTextField: flowPickersTextField,\n MuiPickersInputBase: flowPickersInputBase,\n MuiPickersInput: flowPickersInput,\n MuiPickersOutlinedInput: flowPickersOutlinedInput,\n MuiPickersFilledInput: flowPickersFilledInput,\n MuiPickerPopper: flowPickerPopper,\n MuiPickerDay: flowPickersDay,\n MuiDayCalendar: flowDayCalendar,\n MuiMonthCalendar: flowMonthCalendar,\n MuiYearCalendar: flowYearCalendar,\n MuiTimeClock: flowTimeClock,\n MuiDigitalClock: flowDigitalClock,\n MuiMultiSectionDigitalClock: flowMultiSectionDigitalClock,\n MuiMobileDatePicker: flowMobileDatePicker,\n MuiMobileDateTimePicker: flowMobileDateTimePicker,\n MuiMobileTimePicker: flowMobileTimePicker,\n MuiDatePickerToolbar: flowDatePickerToolbar,\n MuiDateTimePickerToolbar: flowDateTimePickerToolbar,\n MuiTimePickerToolbar: flowTimePickerToolbar,\n MuiDesktopDatePicker: flowDesktopDatePicker,\n MuiDesktopTimePicker: flowDesktopTimePicker,\n MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n MuiStaticDatePicker: flowStaticDatePicker,\n MuiStaticTimePicker: flowStaticTimePicker,\n MuiStaticDateTimePicker: flowStaticDateTimePicker,\n MuiPickersLayout: flowPickersLayout,\n },\n });\n}\n\nexport const theme = createSkodaTheme({});\nexport const darkTheme = createSkodaTheme({ mode: 'dark' });\nexport const rtlTheme = createSkodaTheme({ direction: 'rtl' });\nexport const rtlDarkTheme = createSkodaTheme({ direction: 'rtl', mode: 'dark' });\n"],"names":["createSkodaTheme","mode","direction","breakpointsOptions","flowBreakpoints","createTheme","breakpoints","mixins","flowMixins","palette","paletteDark","paletteLight","typography","getTypographyOptions","flowShadows","flowElevations","zIndex","flowZIndex","unstable_sxConfig","flowSxConfig","components","MuiAlert","flowAlert","MuiAlertTitle","flowAlertTitle","MuiAvatar","flowAvatar","MuiAvatarGroup","flowAvatarGroup","MuiAppBar","flowAppBar","MuiToolbar","flowToolbar","MuiContainer","flowContainer","MuiCssBaseline","getFlowCssBaseline","MuiScopedCssBaseline","getFlowScopedCssBaseline","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSvgIcon","flowSvgIcon","MuiLink","flowLink","MuiLinearProgress","flowLinearProgress","MuiCircularProgress","flowCircularProgress","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiBadge","flowBadge","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenu","flowMenu","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiCardContent","flowCardContent","MuiCardHeader","flowCardHeader","MuiCardActionArea","flowCardActionArea","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiRating","flowRating","MuiSnackbar","flowSnackbar","MuiSnackbarContent","flowSnackbarContent","MuiModal","getFlowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiAccordionSummary","flowAccordionSummary","MuiAccordionDetails","flowAccordionDetails","MuiAccordionActions","flowAccordionActions","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiOutlinedInput","flowOutlinedInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogContent","flowDialogContent","MuiDialogContentText","flowDialogContentText","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItem","flowListItem","MuiListItemButton","flowListItemButton","MuiListItemText","flowListItemText","MuiListItemIcon","flowListItemIcon","MuiListItemAvatar","flowListItemAvatar","MuiListItemSecondaryAction","flowListItemSecondaryAction","MuiListSubheader","flowListSubheader","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiSkeleton","flowSkeleton","MuiStepper","flowStepper","MuiStep","flowStep","MuiStepButton","flowStepButton","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel","MuiStepContent","flowStepContent","MuiTableContainer","flowTableContainer","MuiTable","flowTable","MuiTableHead","flowTableHead","MuiTableBody","flowTableBody","MuiTableRow","flowTableRow","MuiTableCell","flowTableCell","MuiTableSortLabel","flowTableSortLabel","MuiTablePagination","flowTablePagination","MuiFab","flowFab","MuiDatePicker","flowDatePicker","MuiTimePicker","flowTimePicker","MuiDateTimePicker","flowDateTimePicker","MuiDateCalendar","flowDateCalendar","MuiPickersTextField","flowPickersTextField","MuiPickersInputBase","flowPickersInputBase","MuiPickersInput","flowPickersInput","MuiPickersOutlinedInput","flowPickersOutlinedInput","MuiPickersFilledInput","flowPickersFilledInput","MuiPickerPopper","flowPickerPopper","MuiPickerDay","flowPickersDay","MuiDayCalendar","flowDayCalendar","MuiMonthCalendar","flowMonthCalendar","MuiYearCalendar","flowYearCalendar","MuiTimeClock","flowTimeClock","MuiDigitalClock","flowDigitalClock","MuiMultiSectionDigitalClock","flowMultiSectionDigitalClock","MuiMobileDatePicker","flowMobileDatePicker","MuiMobileDateTimePicker","flowMobileDateTimePicker","MuiMobileTimePicker","flowMobileTimePicker","MuiDatePickerToolbar","flowDatePickerToolbar","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiTimePickerToolbar","flowTimePickerToolbar","MuiDesktopDatePicker","flowDesktopDatePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","MuiStaticDatePicker","flowStaticDatePicker","MuiStaticTimePicker","flowStaticTimePicker","MuiStaticDateTimePicker","flowStaticDateTimePicker","MuiPickersLayout","flowPickersLayout","theme","darkTheme","rtlTheme","rtlDarkTheme"],"mappings":"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"}

package/materialui/themeProvider/baseline.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@skodaflow/web-tokens/src/tokens.json";import{generateTypography as o}from"../typography/typography.theme.js";import{fonts as r}from"./fonts.js";const n=(n,f,e,l)=>{const a={...n?{background:"unset",color:l.palette.text.primary,...o("body",f,e)}:{body:{background:"dark"===l.palette.mode?l.palette.onSurface.os900:l.palette.common.white,color:l.palette.text.primary}},[n?"&, *":"*"]:{"@supports not selector(::-webkit-scrollbar)":{scrollbarWidth:"thin",scrollbarColor:l.palette.onSurface.os500},"::-webkit-scrollbar":{border:"2px solid transparent",width:"8px",height:"8px"},"::-webkit-scrollbar-thumb":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.onSurface.os500,backgroundClip:"content-box"},":not(.notracks)::-webkit-scrollbar-track":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.surface.primary,backgroundClip:"content-box"},"::-webkit-scrollbar-button":{display:"none"},"::-webkit-scrollbar-corner":{backgroundColor:"transparent"},"@media not all and (min-resolution: 0.001dpcm)":{"@supports (-webkit-appearance: none)":{"[style*='overflow:hidden'], [style*='overflow: hidden']":{touchAction:"none"}}}},fallbacks:Object.values(r).filter(Boolean).length?[{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontLightWoff2:r?.fontLightWoff2}') format('woff2'),\n                url('${e?r?.rtlFontLightWoff:r?.fontLightWoff}') format('woff'),\n                url('${e?r?.rtlFontLightTtf:r?.fontLightTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"300"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontRegularWoff2:r?.fontRegularWoff2}') format('woff2'),\n                url('${e?r?.rtlFontRegularWoff:r?.fontRegularWoff}') format('woff'),\n                url('${e?r?.rtlFontRegularTtf:r?.fontRegularTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"400"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontBoldWoff2:r?.fontBoldWoff2}') format('woff2'),\n                url('${e?r?.rtlFontBoldWoff:r?.fontBoldWoff}') format('woff'),\n                url('${e?r?.rtlFontBoldTtf:r?.fontBoldTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"700"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontBlackWoff2:r?.fontBlackWoff2}') format('woff2'),\n                url('${e?r?.rtlFontBlackWoff:r?.fontBlackWoff}') format('woff'),\n                url('${e?r?.rtlFontBlackTtf:r?.fontBlackTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"900"}}]:[]};return t["flow-typography"].forEach(t=>{const r=`${"list"===t.name.split("-")[1]?"typography-":""}${t.name.split("-")[1]}`;a[`${r}${n?':not([class^="Mui"])':""}, .${r}`]=o(r,f,e)}),a},f=(t,o)=>({styleOverrides:{root:({theme:r})=>n(!0,t,o,r)}}),e=(t,o)=>({styleOverrides:r=>n(!1,t,o,r)});export{e as getFlowCssBaseline,n as getFlowCssBaselineRoot,f as getFlowScopedCssBaseline};
+import t from"@skodaflow/web-tokens/src/tokens.json";import{generateTypography as o}from"../typography/typography.theme.js";import{fonts as r}from"./fonts.js";const n=(n,f,l,e)=>{const a={...n?{background:"unset",color:e.palette.text.primary,...o("body",f,l)}:{body:{background:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.common.white,color:e.palette.text.primary}},[n?"&, *":"*"]:{"@supports not selector(::-webkit-scrollbar)":{scrollbarWidth:"thin",scrollbarColor:e.palette.onSurface.os500},"::-webkit-scrollbar":{border:"2px solid transparent",width:"8px",height:"8px"},"::-webkit-scrollbar-thumb":{border:"2px solid transparent",borderRadius:"100px",background:e.palette.onSurface.os500,backgroundClip:"content-box"},":not(.notracks)::-webkit-scrollbar-track":{border:"2px solid transparent",borderRadius:"100px",background:e.palette.surface.primary,backgroundClip:"content-box"},"::-webkit-scrollbar-button":{display:"none"},"::-webkit-scrollbar-corner":{backgroundColor:"transparent"},"@media not all and (min-resolution: 0.001dpcm)":{"@supports (-webkit-appearance: none)":{"[style*='overflow:hidden'], [style*='overflow: hidden']":{touchAction:"none"}}}},fallbacks:Object.values(r).filter(Boolean).length?[{"@font-face":{fontFamily:"SKODA Next"+(l?" R2L":""),src:`\n                url('${l?r?.rtlFontLightWoff2:r?.fontLightWoff2}') format('woff2'),\n                url('${l?r?.rtlFontLightWoff:r?.fontLightWoff}') format('woff'),\n                url('${l?r?.rtlFontLightTtf:r?.fontLightTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"300",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(l?" R2L":""),src:`\n                url('${l?r?.rtlFontRegularWoff2:r?.fontRegularWoff2}') format('woff2'),\n                url('${l?r?.rtlFontRegularWoff:r?.fontRegularWoff}') format('woff'),\n                url('${l?r?.rtlFontRegularTtf:r?.fontRegularTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"400",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(l?" R2L":""),src:`\n                url('${l?r?.rtlFontBoldWoff2:r?.fontBoldWoff2}') format('woff2'),\n                url('${l?r?.rtlFontBoldWoff:r?.fontBoldWoff}') format('woff'),\n                url('${l?r?.rtlFontBoldTtf:r?.fontBoldTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"700",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(l?" R2L":""),src:`\n                url('${l?r?.rtlFontBlackWoff2:r?.fontBlackWoff2}') format('woff2'),\n                url('${l?r?.rtlFontBlackWoff:r?.fontBlackWoff}') format('woff'),\n                url('${l?r?.rtlFontBlackTtf:r?.fontBlackTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"900",fontDisplay:"swap"}}]:[]};return t["flow-typography"].forEach(t=>{const r=`${"list"===t.name.split("-")[1]?"typography-":""}${t.name.split("-")[1]}`;a[`${r}${n?':not([class^="Mui"])':""}, .${r}`]=o(r,f,l)}),a},f=(t,o)=>({styleOverrides:{root:({theme:r})=>n(!0,t,o,r)}}),l=(t,o)=>({styleOverrides:r=>n(!1,t,o,r)});export{l as getFlowCssBaseline,n as getFlowCssBaselineRoot,f as getFlowScopedCssBaseline};
 //# sourceMappingURL=baseline.theme.js.map

package/materialui/themeProvider/baseline.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseline.theme.js","sources":["../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../typography/typography.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\n\nexport const getFlowCssBaselineRoot = (\n scoped: boolean,\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n theme: Theme,\n // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n const baseline: CSSObject = {\n ...(scoped\n ? {\n background: 'unset',\n color: theme.palette.text.primary,\n ...generateTypography('body', breakpointsOptions, rtl),\n }\n : {\n body: {\n background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n color: theme.palette.text.primary,\n },\n }),\n [scoped ? `&, ` : ``]: {\n // apply scrollbar-* properties only when webkit-scrollbar is not supported\n // otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n '@supports not selector(::-webkit-scrollbar)': {\n scrollbarWidth: 'thin',\n scrollbarColor: theme.palette.onSurface.os500,\n },\n '::-webkit-scrollbar': {\n border: '2px solid transparent',\n width: '8px',\n height: '8px',\n },\n '::-webkit-scrollbar-thumb': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.onSurface.os500,\n backgroundClip: 'content-box',\n },\n ':not(.notracks)::-webkit-scrollbar-track': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.surface.primary,\n backgroundClip: 'content-box',\n },\n '::-webkit-scrollbar-button': {\n display: 'none',\n },\n '::-webkit-scrollbar-corner': {\n backgroundColor: 'transparent',\n },\n // Fix scroll bug on Safari\n // https://github.com/mui/material-ui/issues/5750\n '@media not all and (min-resolution: 0.001dpcm)': {\n '@supports (-webkit-appearance: none)': {\n \"[style='overflow:hidden'], [style='overflow: hidden']\": {\n touchAction: 'none',\n },\n },\n },\n },\n // provide fonts\n fallbacks: !Object.values(fonts).filter(Boolean).length\n ? []\n : [\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontLightTtf : fonts?.fontLightTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '300',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.fontRegularTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '400',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.fontBoldTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '700',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '900',\n },\n },\n ],\n };\n\n tokens['flow-typography'].forEach((t) => {\n const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n // apply style to plain html tags h1 and classes (.h1)\n // for ScopedCssBaseline we are applying to tags that outside mui in order\n // not to introduce css selector with too importance that does not allow overwrites\n // with direct sx styling\n const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n });\n\n return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n styleOverrides: {\n root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n },\n});\n\nexport const getFlowCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","fallbacks","Object","values","fonts","filter","Boolean","length","fontFamily","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontWeight","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","tokens","forEach","t","el","name","split","getFlowScopedCssBaseline","styleOverrides","root","getFlowCssBaseline"],"mappings":"+JAKO,MAAMA,EAAyB,CACpCC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAsB,IACtBJ,EACA,CACEK,WAAY,QACZC,MAAOH,EAAMI,QAAQC,KAAKC,WACvBC,EAAmB,OAAQT,EAAoBC,IAEpD,CACES,KAAM,CACJN,WAAmC,SAAvBF,EAAMI,QAAQK,KAAkBT,EAAMI,QAAQM,UAAUC,MAAQX,EAAMI,QAAQQ,OAAOC,MACjGV,MAAOH,EAAMI,QAAQC,KAAKC,UAGlC,CAACT,EAAS,OAAS,KAAM,CAGvB,8CAA+C,CAC7CiB,eAAgB,OAChBC,eAAgBf,EAAMI,QAAQM,UAAUM,OAE1C,sBAAuB,CACrBC,OAAQ,wBACRC,MAAO,MACPC,OAAQ,OAEV,4BAA6B,CAC3BF,OAAQ,wBACRG,aAAc,QACdlB,WAAYF,EAAMI,QAAQM,UAAUM,MACpCK,eAAgB,eAElB,2CAA4C,CAC1CJ,OAAQ,wBACRG,aAAc,QACdlB,WAAYF,EAAMI,QAAQkB,QAAQhB,QAClCe,eAAgB,eAElB,6BAA8B,CAC5BE,QAAS,QAEX,6BAA8B,CAC5BC,gBAAiB,eAInB,iDAAkD,CAChD,uCAAwC,CACtC,0DAA2D,CACzDC,YAAa,WAMrBC,UAAYC,OAAOC,OAAOC,GAAOC,OAAOC,SAASC,OAE7C,CACE,CACE,aAAc,CACZC,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAOM,kBAAoBN,GAAOO,2DACxCrC,EAAM8B,GAAOQ,iBAAmBR,GAAOS,yDACvCvC,EAAM8B,GAAOU,gBAAkBV,GAAOW,oDAE/CC,UAAW,SACXC,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,~~GAAOc~~,~~oBAAsBd~~,~~GAAOe~~,~~6DAC1C7C~~,EAAM8B,~~GAAOgB~~,~~mBAAqBhB~~,~~GAAOiB~~,~~2DACzC/C~~,EAAM8B,~~GAAOkB~~,~~kBAAoBlB~~,~~GAAOmB~~,~~sDAEjDP~~,UAAW,SACXC,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,~~GAAOoB~~,~~iBAAmBpB~~,~~GAAOqB~~,~~0DACvCnD~~,EAAM8B,~~GAAOsB~~,~~gBAAkBtB~~,~~GAAOuB~~,~~wDACtCrD~~,EAAM8B,~~GAAOwB~~,~~eAAiBxB~~,~~GAAOyB~~,~~mDAE9Cb~~,UAAW,SACXC,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,~~GAAO0B~~,~~kBAAoB1B~~,~~GAAO2B~~,~~2DACxCzD~~,EAAM8B,~~GAAO4B~~,~~iBAAmB5B~~,~~GAAO6B~~,~~yDACvC3D~~,EAAM8B,~~GAAO8B,gBAAkB9B,~~GAAO+B,oDAE/~~CnB~~,UAAW,SACXC,WAAY,~~SA/ClB~~,~~IA+DN~~,OAVAmB,EAAO,mBAAmBC,QAASC,IACjC,MAAMC,EAAK,GAA4B,SAAzBD,EAAEE,KAAKC,MAAM,KAAK,GAAgB,cAAgB,KAAKH,EAAEE,KAAKC,MAAM,KAAK,~~KAMvFjE~~,EADY,~~GAAG+D~~,~~IAAKnE~~,EAAS,uBAAyB,~~QAAQmE~~,~~KAC9CzD~~,~~EAAmByD~~,~~EAAIlE~~,EAAoBC,KAGtDE,~~GAGIkE~~,EAA2B,~~CACtCrE~~,EACAC,KAAY,~~CAEZqE~~,eAAgB,CACdC,KAAM,~~EAAGrE~~,WAAYJ,GAAuB,EAAME,EAAoBC,EAAKC,~~MAIlEsE~~,EAAqB,~~CAChCxE~~,EACAC,KAAY,~~CAEZqE~~,~~eAAiBpE~~,GAAUJ,GAAuB,EAAOE,EAAoBC,EAAKC"}
1	+ {"version":3,"file":"baseline.theme.js","sources":["../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../typography/typography.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\n\nexport const getFlowCssBaselineRoot = (\n scoped: boolean,\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n theme: Theme,\n // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n const baseline: CSSObject = {\n ...(scoped\n ? {\n background: 'unset',\n color: theme.palette.text.primary,\n ...generateTypography('body', breakpointsOptions, rtl),\n }\n : {\n body: {\n background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n color: theme.palette.text.primary,\n },\n }),\n [scoped ? `&, ` : ``]: {\n // apply scrollbar-* properties only when webkit-scrollbar is not supported\n // otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n '@supports not selector(::-webkit-scrollbar)': {\n scrollbarWidth: 'thin',\n scrollbarColor: theme.palette.onSurface.os500,\n },\n '::-webkit-scrollbar': {\n border: '2px solid transparent',\n width: '8px',\n height: '8px',\n },\n '::-webkit-scrollbar-thumb': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.onSurface.os500,\n backgroundClip: 'content-box',\n },\n ':not(.notracks)::-webkit-scrollbar-track': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.surface.primary,\n backgroundClip: 'content-box',\n },\n '::-webkit-scrollbar-button': {\n display: 'none',\n },\n '::-webkit-scrollbar-corner': {\n backgroundColor: 'transparent',\n },\n // Fix scroll bug on Safari\n // https://github.com/mui/material-ui/issues/5750\n '@media not all and (min-resolution: 0.001dpcm)': {\n '@supports (-webkit-appearance: none)': {\n \"[style='overflow:hidden'], [style='overflow: hidden']\": {\n touchAction: 'none',\n },\n },\n },\n },\n // provide fonts\n fallbacks: !Object.values(fonts).filter(Boolean).length\n ? []\n : [\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontLightTtf : fonts?.fontLightTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '300',\n fontDisplay: 'swap',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.fontRegularTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '400',\n fontDisplay: 'swap',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.fontBoldTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '700',\n fontDisplay: 'swap',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '900',\n fontDisplay: 'swap',\n },\n },\n ],\n };\n\n tokens['flow-typography'].forEach((t) => {\n const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n // apply style to plain html tags h1 and classes (.h1)\n // for ScopedCssBaseline we are applying to tags that outside mui in order\n // not to introduce css selector with too importance that does not allow overwrites\n // with direct sx styling\n const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n });\n\n return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n styleOverrides: {\n root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n },\n});\n\nexport const getFlowCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","fallbacks","Object","values","fonts","filter","Boolean","length","fontFamily","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontWeight","fontDisplay","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","tokens","forEach","t","el","name","split","getFlowScopedCssBaseline","styleOverrides","root","getFlowCssBaseline"],"mappings":"+JAKO,MAAMA,EAAyB,CACpCC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAsB,IACtBJ,EACA,CACEK,WAAY,QACZC,MAAOH,EAAMI,QAAQC,KAAKC,WACvBC,EAAmB,OAAQT,EAAoBC,IAEpD,CACES,KAAM,CACJN,WAAmC,SAAvBF,EAAMI,QAAQK,KAAkBT,EAAMI,QAAQM,UAAUC,MAAQX,EAAMI,QAAQQ,OAAOC,MACjGV,MAAOH,EAAMI,QAAQC,KAAKC,UAGlC,CAACT,EAAS,OAAS,KAAM,CAGvB,8CAA+C,CAC7CiB,eAAgB,OAChBC,eAAgBf,EAAMI,QAAQM,UAAUM,OAE1C,sBAAuB,CACrBC,OAAQ,wBACRC,MAAO,MACPC,OAAQ,OAEV,4BAA6B,CAC3BF,OAAQ,wBACRG,aAAc,QACdlB,WAAYF,EAAMI,QAAQM,UAAUM,MACpCK,eAAgB,eAElB,2CAA4C,CAC1CJ,OAAQ,wBACRG,aAAc,QACdlB,WAAYF,EAAMI,QAAQkB,QAAQhB,QAClCe,eAAgB,eAElB,6BAA8B,CAC5BE,QAAS,QAEX,6BAA8B,CAC5BC,gBAAiB,eAInB,iDAAkD,CAChD,uCAAwC,CACtC,0DAA2D,CACzDC,YAAa,WAMrBC,UAAYC,OAAOC,OAAOC,GAAOC,OAAOC,SAASC,OAE7C,CACE,CACE,aAAc,CACZC,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAOM,kBAAoBN,GAAOO,2DACxCrC,EAAM8B,GAAOQ,iBAAmBR,GAAOS,yDACvCvC,EAAM8B,GAAOU,gBAAkBV,GAAOW,oDAE/CC,UAAW,SACXC,WAAY,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAOe,oBAAsBf,GAAOgB,6DAC1C9C,EAAM8B,GAAOiB,mBAAqBjB,GAAOkB,2DACzChD,EAAM8B,GAAOmB,kBAAoBnB,GAAOoB,sDAEjDR,UAAW,SACXC,WAAY,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAOqB,iBAAmBrB,GAAOsB,0DACvCpD,EAAM8B,GAAOuB,gBAAkBvB,GAAOwB,wDACtCtD,EAAM8B,GAAOyB,eAAiBzB,GAAO0B,mDAE9Cd,UAAW,SACXC,WAAY,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAO2B,kBAAoB3B,GAAO4B,2DACxC1D,EAAM8B,GAAO6B,iBAAmB7B,GAAO8B,yDACvC5D,EAAM8B,GAAO+B,gBAAkB/B,GAAOgC,oDAE/CpB,UAAW,SACXC,WAAY,MACZC,YAAa,UAnDnB,IAmEN,OAVAmB,EAAO,mBAAmBC,QAASC,IACjC,MAAMC,EAAK,GAA4B,SAAzBD,EAAEE,KAAKC,MAAM,KAAK,GAAgB,cAAgB,KAAKH,EAAEE,KAAKC,MAAM,KAAK,KAMvFlE,EADY,GAAGgE,IAAKpE,EAAS,uBAAyB,QAAQoE,KAC9C1D,EAAmB0D,EAAInE,EAAoBC,KAGtDE,GAGImE,EAA2B,CACtCtE,EACAC,KAAY,CAEZsE,eAAgB,CACdC,KAAM,EAAGtE,WAAYJ,GAAuB,EAAME,EAAoBC,EAAKC,MAIlEuE,EAAqB,CAChCzE,EACAC,KAAY,CAEZsE,eAAiBrE,GAAUJ,GAAuB,EAAOE,EAAoBC,EAAKC"}

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

@@ -1,6 +1,10 @@
 import { CSSProperties } from 'react';
 import { BreakpointsOptions } from '@mui/system';
 export type TypographySize = 'small' | 'medium' | 'large';
+/**
+ * Obtain fontFamily for SKODA Next font with fallbacks
+ */
+export declare const getFontFamily: (rtl: boolean) => string;
 /**
  * Obtain style for element for the certain size
  */

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

@@ -1,2 +1,2 @@
-import{createBreakpoints as t}from"@mui/system";import e from"@skodaflow/web-tokens/src/tokens.json";const o=(t,o,n)=>{const i=n??"small",s=e["flow-typography"].find(e=>e.name===`${i}-${t}`);return s?{...s.style,...o?{fontFamily:"SKODA Next R2L"}:{}}:null},n=(e,n,i)=>{const s=t(n);return{...o(e,i,"small"),[s.up("md")]:{...o(e,i,"medium")},[s.up("xl")]:{...o(e,i,"large")}}},i=(t,e)=>{const o=n("body",t,e);return{fontFamily:["SKODA Next"+(e?" R2L":""),"sans-serif","Arial"].join(","),body:o,...Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map(o=>[o,n(o,t,e)])),body1:o,body2:o,h5:n("subheadline",t,e),h6:n("caption1",t,e),caption:n("caption2",t,e),overline:n("caption1",t,e),button:{fontFamily:e?"SKODA Next R2L":"SKODA Next",letterSpacing:"0.75px",textTransform:"none",textDecoration:"none",fontSize:"16px",fontWeight:"700",lineHeight:"16px"}}};export{n as generateTypography,o as getTypography,i as getTypographyOptions};
+import{createBreakpoints as t}from"@mui/system";import e from"@skodaflow/web-tokens/src/tokens.json";const o=t=>["SKODA Next"+(t?" R2L":""),"Helvetica","Arial","system-ui","sans-serif"].join(","),i=(t,i,n)=>{const s=e["flow-typography"].find(e=>e.name===`${n??"small"}-${t}`);return s?{...s.style,fontFamily:o(i)}:null},n=(e,o,n)=>{const s=t(o);return{...i(e,n,"small"),[s.up("md")]:{...i(e,n,"medium")},[s.up("xl")]:{...i(e,n,"large")}}},s=(t,e)=>{const i=n("body",t,e);return{fontFamily:o(e),body:i,...Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map(o=>[o,n(o,t,e)])),body1:i,body2:i,h5:n("subheadline",t,e),h6:n("caption1",t,e),caption:n("caption2",t,e),overline:n("caption1",t,e),button:{fontFamily:o(e),letterSpacing:"0.75px",textTransform:"none",textDecoration:"none",fontSize:"16px",fontWeight:"700",lineHeight:"16px"}}};export{n as generateTypography,o as getFontFamily,i as getTypography,s as getTypographyOptions};
 //# sourceMappingURL=typography.theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"typography.theme.js","sources":["../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' \| 'medium' \| 'large';\n\n/*\n Obtain style for element for the certain size\n /\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const ~~screen = size ?? 'small';\n const~~ typo = tokens['flow-typography'].find((el) => el.name === `${~~screen~~}-${element}`);\n if (typo)\n return {\n ...typo['style'],\n // ~~replace font for rtl variant\n ...~~(rtl~~\n ? {\n fontFamily: 'SKODA Next R2L',\n }\n : {}~~),\n } as CSSProperties;\n else return null;\n};\n\n/\n Generate responsive typography style with the media queries\n /\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/\n Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: ~~[`SKODA Next${~~rtl ~~? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','~~),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: rtl ~~? 'SKODA Next R2L' : 'SKODA Next'~~,\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["~~getTypography~~","~~element~~","~~rtl~~","~~size~~","~~screen~~","typo","tokens","find","el","name","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","up","getTypographyOptions","bodyTypo","~~join","~~body","Object","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGASO,MAAMA,EAAgB,CAACC,~~EAAiBC~~,~~EAAcC~~,KAC3D,MAAMC,~~EAASD,GAAQ,QACjBE,~~EAAOC,EAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,~~KAAUH~~,~~KAC7E~~,~~OAAII~~,EACK,IACFA,EAAY,~~SAEXH~~,~~EACA~~,~~CACEQ~~,~~WAAY~~,~~kBAEd~~,~~IAEI,MAMDC,~~EAAqB,~~CAACV~~,~~EAAiBW~~,~~EAAwCV~~,KAC1F,~~MAAMW~~,EAAcC,EAAkBF,GAEtC,MAAO,~~IACFZ~~,EAAcC,~~EAASC~~,EAAK,SAC/B,~~CAACW~~,EAAYE,GAAG,OAAQ,~~IACnBf~~,EAAcC,~~EAASC~~,EAAK,WAEjC,~~CAACW~~,EAAYE,GAAG,OAAQ,~~IACnBf~~,EAAcC,~~EAASC~~,EAAK,~~YAQxBc~~,EAAuB,CAACJ,~~EAAwCV~~,KAC3E,~~MAAMe~~,EAAWN,EAAmB,OAAQC,~~EAAoBV~~,GAEhE,MAAO,~~CACLQ~~,~~WAAY~~,~~CAAC~~,~~cAAaR~~,~~EAAM~~,~~OAAS~~,~~IAAM,aAAc,SAASgB,KAAK,KAC3EC,KAAMF,KACHG,~~OAAOC,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,~~IAAKrB~~,GAAY,CAACA,~~EAASU~~,~~EAAmBV~~,~~EAASW~~,~~EAAoBV~~,MAG/~~EqB~~,MAAON,EACPO,~~MAAOP~~,~~EACPQ,GAAId,~~EAAmB,cAAeC,~~EAAoBV~~,~~GAC1DwB~~,~~GAAIf~~,EAAmB,WAAYC,~~EAAoBV~~,~~GACvDyB~~,~~QAAShB~~,EAAmB,WAAYC,~~EAAoBV~~,~~GAC5D0B~~,~~SAAUjB~~,EAAmB,WAAYC,~~EAAoBV~~,~~GAE7D2B~~,OAAQ,~~CACNnB~~,~~WAAYR~~,~~EAAM~~,~~iBAAmB~~,~~aACrC4B,~~cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}
1	+ {"version":3,"file":"typography.theme.js","sources":["../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' \| 'medium' \| 'large';\n\n/*\n Obtain fontFamily for SKODA Next font with fallbacks\n /\nexport const getFontFamily = (rtl: boolean) => {\n return [`SKODA Next${rtl ? ' R2L' : ''}`, 'Helvetica', 'Arial', 'system-ui', 'sans-serif'].join(',');\n};\n\n/\n Obtain style for element for the certain size\n /\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const typo = tokens['flow-typography'].find((el) => el.name === `${size ?? 'small'}-${element}`);\n if (typo)\n return {\n ...typo['style'],\n fontFamily: getFontFamily(rtl),\n } as CSSProperties;\n else return null;\n};\n\n/\n Generate responsive typography style with the media queries\n /\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/\n Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: getFontFamily(rtl),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: getFontFamily(rtl),\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["getFontFamily","rtl","join","getTypography","element","size","typo","tokens","find","el","name","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","up","getTypographyOptions","bodyTypo","body","Object","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGASO,MAAMA,EAAiBC,GACrB,CAAC,cAAaA,EAAM,OAAS,IAAM,YAAa,QAAS,YAAa,cAAcC,KAAK,KAMrFC,EAAgB,CAACC,EAAiBH,EAAcI,KAC3D,MAAMC,EAAOC,EAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,GAAQ,WAAWD,KACtF,OAAIE,EACK,IACFA,EAAY,MACfK,WAAYX,EAAcC,IAElB,MAMDW,EAAqB,CAACR,EAAiBS,EAAwCZ,KAC1F,MAAMa,EAAcC,EAAkBF,GAEtC,MAAO,IACFV,EAAcC,EAASH,EAAK,SAC/B,CAACa,EAAYE,GAAG,OAAQ,IACnBb,EAAcC,EAASH,EAAK,WAEjC,CAACa,EAAYE,GAAG,OAAQ,IACnBb,EAAcC,EAASH,EAAK,YAQxBgB,EAAuB,CAACJ,EAAwCZ,KAC3E,MAAMiB,EAAWN,EAAmB,OAAQC,EAAoBZ,GAEhE,MAAO,CACLU,WAAYX,EAAcC,GAC1BkB,KAAMD,KACHE,OAAOC,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,IAAKlB,GAAY,CAACA,EAASQ,EAAmBR,EAASS,EAAoBZ,MAG/EsB,MAAOL,EACPM,MAAON,EACPO,GAAIb,EAAmB,cAAeC,EAAoBZ,GAC1DyB,GAAId,EAAmB,WAAYC,EAAoBZ,GACvD0B,QAASf,EAAmB,WAAYC,EAAoBZ,GAC5D2B,SAAUhB,EAAmB,WAAYC,EAAoBZ,GAE7D4B,OAAQ,CACNlB,WAAYX,EAAcC,GAC1B6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}

package/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name":"@skodaflow/web-library","version":"8.1.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.1","@mui/material":"^7.3.8","@mui/system":"^7.3.8","@mui/x-date-pickers":"^8.27.2","country-flag-icons":"^1.6.15","react":"^18.3.1 \|\| ^19.2.4","react-dom":"^18.3.1 \|\| ^19.2.4","swiper":"^12.1.2"},"dependencies":{"@skodaflow/web-tokens":"3.2.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}
1	+ {"name":"@skodaflow/web-library","version":"8.3.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.1","@mui/material":"^7.3.10 \|\| ^9.0.0","@mui/system":"^7.3.10 \|\| ^9.0.0","@mui/x-date-pickers":"^9.0.0","country-flag-icons":"^1.6.15","react":"^18.3.1 \|\| ^19.2.4","react-dom":"^18.3.1 \|\| ^19.2.4","swiper":"^12.1.3"},"dependencies":{"@skodaflow/web-tokens":"3.2.0","stylis":"4.4.0","stylis-plugin-rtl":"2.1.1","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}

package/utils/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 export * from './copyToClipboard';
 export * from './formatFileSize';
+export * from './sxOverride';
 export * from './useDebounce';
 export * from './useElementScrollable';

package/utils/sxOverride/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './sxOverride';

package/utils/sxOverride/sxOverride.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { SxProps, Theme } from '@mui/material';
+/**
+ * Merges a base sx object with an sx override prop.
+ * Handles all valid MUI sx prop forms: object, function `(theme) => ({...})`, or array.
+ *
+ * @param base - Base sx styles object
+ * @param override - sx prop to merge on top (object, function, or array)
+ * @returns Merged sx array compatible with MUI's sx prop
+ */
+export declare function sxOverride(base: SxProps<Theme>, override?: SxProps<Theme>): SxProps<Theme>;

package/utils/sxOverride/sxOverride.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ function r(r,n){return[r,...Array.isArray(n)?n:[n]]}export{r as sxOverride};
2	+ //# sourceMappingURL=sxOverride.js.map

package/utils/sxOverride/sxOverride.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sxOverride.js","sources":["../../../src/utils/sxOverride/sxOverride.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material';\n\n/**\n * Merges a base sx object with an sx override prop.\n * Handles all valid MUI sx prop forms: object, function `(theme) => ({...})`, or array.\n *\n * @param base - Base sx styles object\n * @param override - sx prop to merge on top (object, function, or array)\n * @returns Merged sx array compatible with MUI's sx prop\n */\nexport function sxOverride(base: SxProps<Theme>, override?: SxProps<Theme>): SxProps<Theme> {\n return [base, ...(Array.isArray(override) ? override : [override])];\n}\n"],"names":["sxOverride","base","override","Array","isArray"],"mappings":"AAUM,SAAUA,EAAWC,EAAsBC,GAC/C,MAAO,CAACD,KAAUE,MAAMC,QAAQF,GAAYA,EAAW,CAACA,GAC1D"}