@ceed/cds 0.0.187-treeshaking.1 → 0.0.187
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.
- package/dist/components/Accordions/index.d.ts +2 -2
- package/dist/components/Autocomplete/index.d.ts +2 -2
- package/dist/components/Avatar/index.d.ts +2 -2
- package/dist/components/Box/index.d.ts +2 -2
- package/dist/components/Breadcrumbs/index.d.ts +2 -2
- package/dist/components/Button/index.d.ts +2 -2
- package/dist/components/Calendar/Calendar.d.ts +1 -1
- package/dist/components/Calendar/hooks/use-calendar-props.d.ts +3 -3
- package/dist/components/Calendar/hooks/use-calendar.d.ts +1 -1
- package/dist/components/Calendar/index.d.ts +2 -2
- package/dist/components/Card/index.d.ts +2 -2
- package/dist/components/Checkbox/index.d.ts +2 -2
- package/dist/components/Chip/index.d.ts +2 -2
- package/dist/components/Container/index.d.ts +2 -2
- package/dist/components/CurrencyInput/index.d.ts +2 -2
- package/dist/components/DataTable/DataTable.d.ts +1 -1
- package/dist/components/DataTable/index.d.ts +2 -2
- package/dist/components/DataTable/types.d.ts +7 -7
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/index.d.ts +2 -2
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/components/DateRangePicker/index.d.ts +2 -2
- package/dist/components/DialogActions/index.d.ts +2 -2
- package/dist/components/DialogContent/index.d.ts +2 -2
- package/dist/components/DialogFrame/DialogFrame.d.ts +1 -1
- package/dist/components/DialogFrame/index.d.ts +2 -2
- package/dist/components/DialogTitle/index.d.ts +2 -2
- package/dist/components/Divider/index.d.ts +2 -2
- package/dist/components/Drawer/index.d.ts +2 -2
- package/dist/components/Dropdown/index.d.ts +2 -2
- package/dist/components/FormControl/index.d.ts +2 -2
- package/dist/components/FormHelperText/index.d.ts +2 -2
- package/dist/components/FormLabel/index.d.ts +2 -2
- package/dist/components/Grid/index.d.ts +2 -2
- package/dist/components/IconButton/index.d.ts +2 -2
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/index.d.ts +2 -2
- package/dist/components/InsetDrawer/index.d.ts +2 -2
- package/dist/components/Markdown/Markdown.d.ts +22 -6
- package/dist/components/Markdown/index.d.ts +2 -2
- package/dist/components/Menu/index.d.ts +2 -2
- package/dist/components/MenuButton/MenuButton.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts +4 -4
- package/dist/components/Modal/index.d.ts +2 -2
- package/dist/components/MonthPicker/MonthPicker.d.ts +1 -1
- package/dist/components/MonthPicker/index.d.ts +2 -2
- package/dist/components/MonthRangePicker/MonthRangePicker.d.ts +1 -1
- package/dist/components/MonthRangePicker/index.d.ts +2 -2
- package/dist/components/NavigationGroup/index.d.ts +2 -2
- package/dist/components/NavigationItem/index.d.ts +2 -2
- package/dist/components/Navigator/index.d.ts +2 -2
- package/dist/components/Pagination/Pagination.d.ts +2 -2
- package/dist/components/Pagination/index.d.ts +2 -2
- package/dist/components/PercentageInput/index.d.ts +2 -2
- package/dist/components/Radio/index.d.ts +2 -2
- package/dist/components/RadioList/RadioList.d.ts +1 -1
- package/dist/components/RadioList/index.d.ts +2 -2
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/index.d.ts +2 -2
- package/dist/components/Sheet/index.d.ts +2 -2
- package/dist/components/Stack/index.d.ts +2 -2
- package/dist/components/Stepper/index.d.ts +2 -2
- package/dist/components/Switch/index.d.ts +2 -2
- package/dist/components/Table/index.d.ts +2 -2
- package/dist/components/Tabs/index.d.ts +2 -2
- package/dist/components/Textarea/Textarea.d.ts +17 -3
- package/dist/components/Textarea/index.d.ts +2 -2
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +7 -7
- package/dist/components/ThemeProvider/index.d.ts +2 -2
- package/dist/components/Tooltip/index.d.ts +2 -2
- package/dist/components/Typography/index.d.ts +2 -2
- package/dist/components/Uploader/Uploader.d.ts +3 -4
- package/dist/components/Uploader/index.d.ts +2 -2
- package/dist/components/index.d.ts +53 -53
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -52
- package/framer/index.js +30 -30
- package/package.json +4 -8
- package/dist/_virtual/_commonjsHelpers.js +0 -30
- package/dist/_virtual/bind-all.js +0 -3
- package/dist/_virtual/bind.js +0 -3
- package/dist/_virtual/colorManipulator.js +0 -5
- package/dist/_virtual/colorManipulator2.js +0 -3
- package/dist/_virtual/createStyled.js +0 -7
- package/dist/_virtual/createStyled2.js +0 -3
- package/dist/_virtual/extends.js +0 -3
- package/dist/_virtual/index.js +0 -5
- package/dist/_virtual/index10.js +0 -6
- package/dist/_virtual/index11.js +0 -6
- package/dist/_virtual/index12.js +0 -6
- package/dist/_virtual/index2.js +0 -3
- package/dist/_virtual/index3.js +0 -7
- package/dist/_virtual/index4.js +0 -3
- package/dist/_virtual/index5.js +0 -6
- package/dist/_virtual/index6.js +0 -6
- package/dist/_virtual/index7.js +0 -6
- package/dist/_virtual/index8.js +0 -6
- package/dist/_virtual/index9.js +0 -6
- package/dist/_virtual/interopRequireDefault.js +0 -3
- package/dist/_virtual/objectWithoutPropertiesLoose.js +0 -3
- package/dist/components/Accordions/Accordions.js +0 -43
- package/dist/components/Autocomplete/Autocomplete.js +0 -196
- package/dist/components/Autocomplete/index.js +0 -5
- package/dist/components/Avatar/Avatar.js +0 -42
- package/dist/components/Box/Box.js +0 -8
- package/dist/components/Box/index.js +0 -5
- package/dist/components/Breadcrumbs/Breadcrumbs.js +0 -47
- package/dist/components/Button/Button.js +0 -20
- package/dist/components/Button/index.js +0 -5
- package/dist/components/Calendar/Calendar.js +0 -333
- package/dist/components/Calendar/hooks/use-calendar-props.js +0 -74
- package/dist/components/Calendar/hooks/use-calendar.js +0 -247
- package/dist/components/Calendar/index.js +0 -5
- package/dist/components/Calendar/utils/index.js +0 -74
- package/dist/components/Card/Card.js +0 -20
- package/dist/components/Checkbox/Checkbox.js +0 -19
- package/dist/components/Checkbox/index.js +0 -5
- package/dist/components/Chip/Chip.js +0 -8
- package/dist/components/Chip/index.js +0 -5
- package/dist/components/Container/Container.js +0 -49
- package/dist/components/CurrencyInput/CurrencyInput.js +0 -91
- package/dist/components/CurrencyInput/hooks/use-currency-setting.js +0 -167
- package/dist/components/CurrencyInput/index.js +0 -5
- package/dist/components/DataTable/DataTable.js +0 -568
- package/dist/components/DatePicker/DatePicker.js +0 -210
- package/dist/components/DatePicker/index.js +0 -5
- package/dist/components/DateRangePicker/DateRangePicker.js +0 -213
- package/dist/components/DialogActions/DialogActions.js +0 -14
- package/dist/components/DialogActions/index.js +0 -5
- package/dist/components/DialogContent/DialogContent.js +0 -11
- package/dist/components/DialogContent/index.js +0 -5
- package/dist/components/DialogFrame/DialogFrame.js +0 -31
- package/dist/components/DialogTitle/DialogTitle.js +0 -11
- package/dist/components/DialogTitle/index.js +0 -5
- package/dist/components/Divider/Divider.js +0 -19
- package/dist/components/Drawer/Drawer.js +0 -40
- package/dist/components/Dropdown/Dropdown.js +0 -8
- package/dist/components/Dropdown/index.js +0 -5
- package/dist/components/FormControl/FormControl.js +0 -15
- package/dist/components/FormControl/index.js +0 -5
- package/dist/components/FormHelperText/FormHelperText.js +0 -8
- package/dist/components/FormHelperText/index.js +0 -5
- package/dist/components/FormLabel/FormLabel.js +0 -8
- package/dist/components/FormLabel/index.js +0 -5
- package/dist/components/IconButton/IconButton.js +0 -20
- package/dist/components/IconButton/index.js +0 -5
- package/dist/components/Input/Input.js +0 -60
- package/dist/components/Input/index.js +0 -5
- package/dist/components/InsetDrawer/InsetDrawer.js +0 -30
- package/dist/components/Markdown/Markdown.js +0 -36
- package/dist/components/Menu/Menu.js +0 -43
- package/dist/components/Menu/index.js +0 -6
- package/dist/components/MenuButton/MenuButton.js +0 -26
- package/dist/components/Modal/Modal.js +0 -43
- package/dist/components/MonthPicker/MonthPicker.js +0 -162
- package/dist/components/MonthRangePicker/MonthRangePicker.js +0 -172
- package/dist/components/NavigationGroup/NavigationGroup.js +0 -42
- package/dist/components/NavigationItem/NavigationItem.js +0 -45
- package/dist/components/Navigator/Navigator.js +0 -30
- package/dist/components/Pagination/Pagination.js +0 -117
- package/dist/components/Pagination/index.js +0 -5
- package/dist/components/PercentageInput/PercentageInput.js +0 -85
- package/dist/components/Radio/Radio.js +0 -11
- package/dist/components/RadioList/RadioList.js +0 -18
- package/dist/components/Select/Select.js +0 -56
- package/dist/components/Select/index.js +0 -6
- package/dist/components/Sheet/Sheet.js +0 -8
- package/dist/components/Sheet/index.js +0 -5
- package/dist/components/Stack/index.js +0 -2
- package/dist/components/Stepper/Stepper.js +0 -66
- package/dist/components/Switch/Switch.js +0 -46
- package/dist/components/Table/Table.js +0 -64
- package/dist/components/Tabs/Tabs.js +0 -17
- package/dist/components/Textarea/Textarea.js +0 -31
- package/dist/components/Textarea/index.js +0 -5
- package/dist/components/ThemeProvider/ThemeProvider.js +0 -240
- package/dist/components/Tooltip/Tooltip.js +0 -19
- package/dist/components/Tooltip/index.js +0 -5
- package/dist/components/Typography/Typography.js +0 -19
- package/dist/components/Typography/index.js +0 -5
- package/dist/components/Uploader/Uploader.js +0 -402
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/adapter/element-adapter-native-data-key.js +0 -8
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/adapter/external-adapter.js +0 -245
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js +0 -1
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js +0 -1
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js +0 -1
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js +0 -1
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/honey-pot-fix/get-element-from-point-without-honey-pot.js +0 -19
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/honey-pot-fix/honey-pot-data-attribute.js +0 -5
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/honey-pot-fix/is-honey-pot-element.js +0 -7
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js +0 -128
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/lifecycle-manager.js +0 -340
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/usage-ledger.js +0 -33
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/make-adapter/make-adapter.js +0 -60
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/make-adapter/make-drop-target.js +0 -312
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/make-adapter/make-monitor.js +0 -96
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/public-utils/combine.js +0 -13
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/public-utils/external/file.js +0 -23
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/public-utils/once.js +0 -18
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/public-utils/prevent-unhandled.js +0 -102
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/add-attribute.js +0 -10
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/android.js +0 -3
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js +0 -123
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/is-entering-window.js +0 -55
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/is-from-another-window.js +0 -18
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/is-leaving-window.js +0 -55
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/detect-broken-drag.js +0 -49
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/get-input.js +0 -16
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/is-firefox.js +0 -15
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/is-safari.js +0 -18
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/media-types/text-media-type.js +0 -8
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/arrayLikeToArray.js +0 -7
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/arrayWithHoles.js +0 -5
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/arrayWithoutHoles.js +0 -7
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/defineProperty.js +0 -18
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/iterableToArray.js +0 -5
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/iterableToArrayLimit.js +0 -26
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/nonIterableRest.js +0 -5
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/nonIterableSpread.js +0 -5
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/slicedToArray.js +0 -10
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/toConsumableArray.js +0 -10
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/toPrimitive.js +0 -14
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/toPropertyKey.js +0 -9
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/typeof.js +0 -11
- package/dist/external/@atlaskit/pragmatic-drag-and-drop/external/@babel/runtime/helpers/esm/unsupportedIterableToArray.js +0 -12
- package/dist/external/@babel/runtime/helpers/esm/extends.js +0 -16
- package/dist/external/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +0 -14
- package/dist/external/@babel/runtime/helpers/extends.js +0 -28
- package/dist/external/@babel/runtime/helpers/interopRequireDefault.js +0 -19
- package/dist/external/@babel/runtime/helpers/objectWithoutPropertiesLoose.js +0 -26
- package/dist/external/@emotion/cache/dist/emotion-cache.esm.js +0 -653
- package/dist/external/@emotion/memoize/dist/emotion-memoize.esm.js +0 -9
- package/dist/external/@emotion/sheet/dist/emotion-sheet.esm.js +0 -154
- package/dist/external/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js +0 -16
- package/dist/external/@mui/icons-material/esm/ArrowUpwardRounded.js +0 -8
- package/dist/external/@mui/icons-material/esm/CalendarToday.js +0 -8
- package/dist/external/@mui/icons-material/esm/Check.js +0 -8
- package/dist/external/@mui/icons-material/esm/ChevronLeft.js +0 -8
- package/dist/external/@mui/icons-material/esm/ChevronRight.js +0 -8
- package/dist/external/@mui/icons-material/esm/ClearRounded.js +0 -8
- package/dist/external/@mui/icons-material/esm/Close.js +0 -8
- package/dist/external/@mui/icons-material/esm/CloudUploadRounded.js +0 -8
- package/dist/external/@mui/icons-material/esm/ExpandMore.js +0 -8
- package/dist/external/@mui/icons-material/esm/Info.js +0 -8
- package/dist/external/@mui/icons-material/esm/UploadFileRounded.js +0 -8
- package/dist/external/@mui/material/SvgIcon/SvgIcon.js +0 -186
- package/dist/external/@mui/material/SvgIcon/svgIconClasses.js +0 -9
- package/dist/external/@mui/material/colors/blue.js +0 -18
- package/dist/external/@mui/material/colors/common.js +0 -6
- package/dist/external/@mui/material/colors/green.js +0 -18
- package/dist/external/@mui/material/colors/grey.js +0 -18
- package/dist/external/@mui/material/colors/lightBlue.js +0 -18
- package/dist/external/@mui/material/colors/orange.js +0 -18
- package/dist/external/@mui/material/colors/purple.js +0 -18
- package/dist/external/@mui/material/colors/red.js +0 -18
- package/dist/external/@mui/material/styles/createMixins.js +0 -19
- package/dist/external/@mui/material/styles/createPalette.js +0 -308
- package/dist/external/@mui/material/styles/createTheme.js +0 -82
- package/dist/external/@mui/material/styles/createTransitions.js +0 -91
- package/dist/external/@mui/material/styles/createTypography.js +0 -93
- package/dist/external/@mui/material/styles/defaultTheme.js +0 -5
- package/dist/external/@mui/material/styles/identifier.js +0 -3
- package/dist/external/@mui/material/styles/rootShouldForwardProp.js +0 -5
- package/dist/external/@mui/material/styles/shadows.js +0 -11
- package/dist/external/@mui/material/styles/slotShouldForwardProp.js +0 -6
- package/dist/external/@mui/material/styles/styled.js +0 -12
- package/dist/external/@mui/material/styles/useThemeProps.js +0 -17
- package/dist/external/@mui/material/styles/zIndex.js +0 -14
- package/dist/external/@mui/material/utils/capitalize.js +0 -5
- package/dist/external/@mui/material/utils/createSvgIcon.js +0 -24
- package/dist/external/@mui/styled-engine/GlobalStyles/GlobalStyles.js +0 -24
- package/dist/external/@mui/styled-engine/StyledEngineProvider/StyledEngineProvider.js +0 -37
- package/dist/external/@mui/styled-engine/index.js +0 -38
- package/dist/external/@mui/system/colorManipulator.js +0 -385
- package/dist/external/@mui/system/createStyled.js +0 -270
- package/dist/external/@mui/system/esm/borders.js +0 -51
- package/dist/external/@mui/system/esm/breakpoints.js +0 -66
- package/dist/external/@mui/system/esm/compose.js +0 -26
- package/dist/external/@mui/system/esm/createTheme/applyStyles.js +0 -76
- package/dist/external/@mui/system/esm/createTheme/createBreakpoints.js +0 -82
- package/dist/external/@mui/system/esm/createTheme/createSpacing.js +0 -34
- package/dist/external/@mui/system/esm/createTheme/createTheme.js +0 -45
- package/dist/external/@mui/system/esm/createTheme/index.js +0 -3
- package/dist/external/@mui/system/esm/createTheme/shape.js +0 -5
- package/dist/external/@mui/system/esm/cssGrid.js +0 -86
- package/dist/external/@mui/system/esm/memoize.js +0 -11
- package/dist/external/@mui/system/esm/merge.js +0 -12
- package/dist/external/@mui/system/esm/palette.js +0 -28
- package/dist/external/@mui/system/esm/responsivePropType.js +0 -5
- package/dist/external/@mui/system/esm/sizing.js +0 -67
- package/dist/external/@mui/system/esm/spacing.js +0 -144
- package/dist/external/@mui/system/esm/style.js +0 -77
- package/dist/external/@mui/system/esm/styleFunctionSx/defaultSxConfig.js +0 -293
- package/dist/external/@mui/system/esm/styleFunctionSx/extendSxProp.js +0 -51
- package/dist/external/@mui/system/esm/styleFunctionSx/index.js +0 -3
- package/dist/external/@mui/system/esm/styleFunctionSx/styleFunctionSx.js +0 -129
- package/dist/external/@mui/system/esm/useTheme.js +0 -9
- package/dist/external/@mui/system/esm/useThemeProps/getThemeProps.js +0 -15
- package/dist/external/@mui/system/esm/useThemeProps/useThemeProps.js +0 -22
- package/dist/external/@mui/system/esm/useThemeWithoutDefault.js +0 -12
- package/dist/external/@mui/utils/ClassNameGenerator/ClassNameGenerator.js +0 -18
- package/dist/external/@mui/utils/capitalize/capitalize.js +0 -14
- package/dist/external/@mui/utils/capitalize/index.js +0 -1
- package/dist/external/@mui/utils/clamp/clamp.js +0 -5
- package/dist/external/@mui/utils/clamp/index.js +0 -1
- package/dist/external/@mui/utils/composeClasses/composeClasses.js +0 -23
- package/dist/external/@mui/utils/deepmerge/deepmerge.js +0 -44
- package/dist/external/@mui/utils/deepmerge/index.js +0 -1
- package/dist/external/@mui/utils/formatMuiErrorMessage/formatMuiErrorMessage.js +0 -21
- package/dist/external/@mui/utils/formatMuiErrorMessage/index.js +0 -1
- package/dist/external/@mui/utils/generateUtilityClass/generateUtilityClass.js +0 -22
- package/dist/external/@mui/utils/generateUtilityClasses/generateUtilityClasses.js +0 -11
- package/dist/external/@mui/utils/getDisplayName/getDisplayName.js +0 -49
- package/dist/external/@mui/utils/getDisplayName/index.js +0 -1
- package/dist/external/@mui/utils/resolveProps/resolveProps.js +0 -37
- package/dist/external/bind-event-listener/dist/bind-all.js +0 -54
- package/dist/external/bind-event-listener/dist/bind.js +0 -21
- package/dist/external/bind-event-listener/dist/index.js +0 -21
- package/dist/external/clsx/dist/clsx.js +0 -3
- package/dist/external/object-assign/index.js +0 -99
- package/dist/external/prop-types/checkPropTypes.js +0 -115
- package/dist/external/prop-types/factoryWithThrowingShims.js +0 -74
- package/dist/external/prop-types/factoryWithTypeCheckers.js +0 -625
- package/dist/external/prop-types/index.js +0 -33
- package/dist/external/prop-types/lib/ReactPropTypesSecret.js +0 -21
- package/dist/external/prop-types/lib/has.js +0 -11
- package/dist/external/raf-schd/dist/raf-schd.esm.js +0 -34
- package/dist/external/stylis/src/Enum.js +0 -12
- package/dist/external/stylis/src/Middleware.js +0 -32
- package/dist/external/stylis/src/Parser.js +0 -193
- package/dist/external/stylis/src/Serializer.js +0 -38
- package/dist/external/stylis/src/Tokenizer.js +0 -223
- package/dist/external/stylis/src/Utility.js +0 -117
- package/dist/hooks/use-controlled-state/index.js +0 -23
- package/dist/libs/rehype-accent/index.js +0 -39
|
@@ -1,270 +0,0 @@
|
|
|
1
|
-
import { __exports as createStyled } from '../../../_virtual/createStyled2.js';
|
|
2
|
-
import { __require as requireInteropRequireDefault } from '../../@babel/runtime/helpers/interopRequireDefault.js';
|
|
3
|
-
import { __require as require_extends } from '../../@babel/runtime/helpers/extends.js';
|
|
4
|
-
import { __require as requireObjectWithoutPropertiesLoose } from '../../@babel/runtime/helpers/objectWithoutPropertiesLoose.js';
|
|
5
|
-
import require$$3 from '../../../_virtual/index5.js';
|
|
6
|
-
import require$$4 from '../../../_virtual/index6.js';
|
|
7
|
-
import require$$5 from '../../../_virtual/index7.js';
|
|
8
|
-
import require$$6 from '../../../_virtual/index8.js';
|
|
9
|
-
import require$$7 from '../../../_virtual/index9.js';
|
|
10
|
-
import require$$8 from '../../../_virtual/index10.js';
|
|
11
|
-
|
|
12
|
-
var hasRequiredCreateStyled;
|
|
13
|
-
|
|
14
|
-
function requireCreateStyled () {
|
|
15
|
-
if (hasRequiredCreateStyled) return createStyled;
|
|
16
|
-
hasRequiredCreateStyled = 1;
|
|
17
|
-
|
|
18
|
-
var _interopRequireDefault = requireInteropRequireDefault();
|
|
19
|
-
Object.defineProperty(createStyled, "__esModule", {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
createStyled.default = createStyled$1;
|
|
23
|
-
createStyled.shouldForwardProp = shouldForwardProp;
|
|
24
|
-
createStyled.systemDefaultTheme = undefined;
|
|
25
|
-
var _extends2 = _interopRequireDefault(require_extends());
|
|
26
|
-
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(requireObjectWithoutPropertiesLoose());
|
|
27
|
-
var _styledEngine = _interopRequireWildcard(require$$3);
|
|
28
|
-
var _deepmerge = require$$4;
|
|
29
|
-
var _capitalize = _interopRequireDefault(require$$5);
|
|
30
|
-
var _getDisplayName = _interopRequireDefault(require$$6);
|
|
31
|
-
var _createTheme = _interopRequireDefault(require$$7);
|
|
32
|
-
var _styleFunctionSx = _interopRequireDefault(require$$8);
|
|
33
|
-
const _excluded = ["ownerState"],
|
|
34
|
-
_excluded2 = ["variants"],
|
|
35
|
-
_excluded3 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
|
|
36
|
-
/* eslint-disable no-underscore-dangle */
|
|
37
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
38
|
-
function _interopRequireWildcard(e, r) { if (e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
39
|
-
function isEmpty(obj) {
|
|
40
|
-
return Object.keys(obj).length === 0;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
// https://github.com/emotion-js/emotion/blob/26ded6109fcd8ca9875cc2ce4564fee678a3f3c5/packages/styled/src/utils.js#L40
|
|
44
|
-
function isStringTag(tag) {
|
|
45
|
-
return typeof tag === 'string' &&
|
|
46
|
-
// 96 is one less than the char code
|
|
47
|
-
// for "a" so this is checking that
|
|
48
|
-
// it's a lowercase character
|
|
49
|
-
tag.charCodeAt(0) > 96;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
// Update /system/styled/#api in case if this changes
|
|
53
|
-
function shouldForwardProp(prop) {
|
|
54
|
-
return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
|
|
55
|
-
}
|
|
56
|
-
const systemDefaultTheme = createStyled.systemDefaultTheme = (0, _createTheme.default)();
|
|
57
|
-
const lowercaseFirstLetter = string => {
|
|
58
|
-
if (!string) {
|
|
59
|
-
return string;
|
|
60
|
-
}
|
|
61
|
-
return string.charAt(0).toLowerCase() + string.slice(1);
|
|
62
|
-
};
|
|
63
|
-
function resolveTheme({
|
|
64
|
-
defaultTheme,
|
|
65
|
-
theme,
|
|
66
|
-
themeId
|
|
67
|
-
}) {
|
|
68
|
-
return isEmpty(theme) ? defaultTheme : theme[themeId] || theme;
|
|
69
|
-
}
|
|
70
|
-
function defaultOverridesResolver(slot) {
|
|
71
|
-
if (!slot) {
|
|
72
|
-
return null;
|
|
73
|
-
}
|
|
74
|
-
return (props, styles) => styles[slot];
|
|
75
|
-
}
|
|
76
|
-
function processStyleArg(callableStyle, _ref) {
|
|
77
|
-
let {
|
|
78
|
-
ownerState
|
|
79
|
-
} = _ref,
|
|
80
|
-
props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
|
|
81
|
-
const resolvedStylesArg = typeof callableStyle === 'function' ? callableStyle((0, _extends2.default)({
|
|
82
|
-
ownerState
|
|
83
|
-
}, props)) : callableStyle;
|
|
84
|
-
if (Array.isArray(resolvedStylesArg)) {
|
|
85
|
-
return resolvedStylesArg.flatMap(resolvedStyle => processStyleArg(resolvedStyle, (0, _extends2.default)({
|
|
86
|
-
ownerState
|
|
87
|
-
}, props)));
|
|
88
|
-
}
|
|
89
|
-
if (!!resolvedStylesArg && typeof resolvedStylesArg === 'object' && Array.isArray(resolvedStylesArg.variants)) {
|
|
90
|
-
const {
|
|
91
|
-
variants = []
|
|
92
|
-
} = resolvedStylesArg,
|
|
93
|
-
otherStyles = (0, _objectWithoutPropertiesLoose2.default)(resolvedStylesArg, _excluded2);
|
|
94
|
-
let result = otherStyles;
|
|
95
|
-
variants.forEach(variant => {
|
|
96
|
-
let isMatch = true;
|
|
97
|
-
if (typeof variant.props === 'function') {
|
|
98
|
-
isMatch = variant.props((0, _extends2.default)({
|
|
99
|
-
ownerState
|
|
100
|
-
}, props, ownerState));
|
|
101
|
-
} else {
|
|
102
|
-
Object.keys(variant.props).forEach(key => {
|
|
103
|
-
if ((ownerState == null ? undefined : ownerState[key]) !== variant.props[key] && props[key] !== variant.props[key]) {
|
|
104
|
-
isMatch = false;
|
|
105
|
-
}
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
if (isMatch) {
|
|
109
|
-
if (!Array.isArray(result)) {
|
|
110
|
-
result = [result];
|
|
111
|
-
}
|
|
112
|
-
result.push(typeof variant.style === 'function' ? variant.style((0, _extends2.default)({
|
|
113
|
-
ownerState
|
|
114
|
-
}, props, ownerState)) : variant.style);
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
return result;
|
|
118
|
-
}
|
|
119
|
-
return resolvedStylesArg;
|
|
120
|
-
}
|
|
121
|
-
function createStyled$1(input = {}) {
|
|
122
|
-
const {
|
|
123
|
-
themeId,
|
|
124
|
-
defaultTheme = systemDefaultTheme,
|
|
125
|
-
rootShouldForwardProp = shouldForwardProp,
|
|
126
|
-
slotShouldForwardProp = shouldForwardProp
|
|
127
|
-
} = input;
|
|
128
|
-
const systemSx = props => {
|
|
129
|
-
return (0, _styleFunctionSx.default)((0, _extends2.default)({}, props, {
|
|
130
|
-
theme: resolveTheme((0, _extends2.default)({}, props, {
|
|
131
|
-
defaultTheme,
|
|
132
|
-
themeId
|
|
133
|
-
}))
|
|
134
|
-
}));
|
|
135
|
-
};
|
|
136
|
-
systemSx.__mui_systemSx = true;
|
|
137
|
-
return (tag, inputOptions = {}) => {
|
|
138
|
-
// Filter out the `sx` style function from the previous styled component to prevent unnecessary styles generated by the composite components.
|
|
139
|
-
(0, _styledEngine.internal_processStyles)(tag, styles => styles.filter(style => !(style != null && style.__mui_systemSx)));
|
|
140
|
-
const {
|
|
141
|
-
name: componentName,
|
|
142
|
-
slot: componentSlot,
|
|
143
|
-
skipVariantsResolver: inputSkipVariantsResolver,
|
|
144
|
-
skipSx: inputSkipSx,
|
|
145
|
-
// TODO v6: remove `lowercaseFirstLetter()` in the next major release
|
|
146
|
-
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
147
|
-
overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot))
|
|
148
|
-
} = inputOptions,
|
|
149
|
-
options = (0, _objectWithoutPropertiesLoose2.default)(inputOptions, _excluded3);
|
|
150
|
-
|
|
151
|
-
// if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
|
|
152
|
-
const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :
|
|
153
|
-
// TODO v6: remove `Root` in the next major release
|
|
154
|
-
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
155
|
-
componentSlot && componentSlot !== 'Root' && componentSlot !== 'root' || false;
|
|
156
|
-
const skipSx = inputSkipSx || false;
|
|
157
|
-
let label;
|
|
158
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
159
|
-
if (componentName) {
|
|
160
|
-
// TODO v6: remove `lowercaseFirstLetter()` in the next major release
|
|
161
|
-
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
162
|
-
label = `${componentName}-${lowercaseFirstLetter(componentSlot || 'Root')}`;
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
let shouldForwardPropOption = shouldForwardProp;
|
|
166
|
-
|
|
167
|
-
// TODO v6: remove `Root` in the next major release
|
|
168
|
-
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
169
|
-
if (componentSlot === 'Root' || componentSlot === 'root') {
|
|
170
|
-
shouldForwardPropOption = rootShouldForwardProp;
|
|
171
|
-
} else if (componentSlot) {
|
|
172
|
-
// any other slot specified
|
|
173
|
-
shouldForwardPropOption = slotShouldForwardProp;
|
|
174
|
-
} else if (isStringTag(tag)) {
|
|
175
|
-
// for string (html) tag, preserve the behavior in emotion & styled-components.
|
|
176
|
-
shouldForwardPropOption = undefined;
|
|
177
|
-
}
|
|
178
|
-
const defaultStyledResolver = (0, _styledEngine.default)(tag, (0, _extends2.default)({
|
|
179
|
-
shouldForwardProp: shouldForwardPropOption,
|
|
180
|
-
label
|
|
181
|
-
}, options));
|
|
182
|
-
const transformStyleArg = stylesArg => {
|
|
183
|
-
// On the server Emotion doesn't use React.forwardRef for creating components, so the created
|
|
184
|
-
// component stays as a function. This condition makes sure that we do not interpolate functions
|
|
185
|
-
// which are basically components used as a selectors.
|
|
186
|
-
if (typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg || (0, _deepmerge.isPlainObject)(stylesArg)) {
|
|
187
|
-
return props => processStyleArg(stylesArg, (0, _extends2.default)({}, props, {
|
|
188
|
-
theme: resolveTheme({
|
|
189
|
-
theme: props.theme,
|
|
190
|
-
defaultTheme,
|
|
191
|
-
themeId
|
|
192
|
-
})
|
|
193
|
-
}));
|
|
194
|
-
}
|
|
195
|
-
return stylesArg;
|
|
196
|
-
};
|
|
197
|
-
const muiStyledResolver = (styleArg, ...expressions) => {
|
|
198
|
-
let transformedStyleArg = transformStyleArg(styleArg);
|
|
199
|
-
const expressionsWithDefaultTheme = expressions ? expressions.map(transformStyleArg) : [];
|
|
200
|
-
if (componentName && overridesResolver) {
|
|
201
|
-
expressionsWithDefaultTheme.push(props => {
|
|
202
|
-
const theme = resolveTheme((0, _extends2.default)({}, props, {
|
|
203
|
-
defaultTheme,
|
|
204
|
-
themeId
|
|
205
|
-
}));
|
|
206
|
-
if (!theme.components || !theme.components[componentName] || !theme.components[componentName].styleOverrides) {
|
|
207
|
-
return null;
|
|
208
|
-
}
|
|
209
|
-
const styleOverrides = theme.components[componentName].styleOverrides;
|
|
210
|
-
const resolvedStyleOverrides = {};
|
|
211
|
-
// TODO: v7 remove iteration and use `resolveStyleArg(styleOverrides[slot])` directly
|
|
212
|
-
Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {
|
|
213
|
-
resolvedStyleOverrides[slotKey] = processStyleArg(slotStyle, (0, _extends2.default)({}, props, {
|
|
214
|
-
theme
|
|
215
|
-
}));
|
|
216
|
-
});
|
|
217
|
-
return overridesResolver(props, resolvedStyleOverrides);
|
|
218
|
-
});
|
|
219
|
-
}
|
|
220
|
-
if (componentName && !skipVariantsResolver) {
|
|
221
|
-
expressionsWithDefaultTheme.push(props => {
|
|
222
|
-
var _theme$components;
|
|
223
|
-
const theme = resolveTheme((0, _extends2.default)({}, props, {
|
|
224
|
-
defaultTheme,
|
|
225
|
-
themeId
|
|
226
|
-
}));
|
|
227
|
-
const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[componentName]) == null ? undefined : _theme$components.variants;
|
|
228
|
-
return processStyleArg({
|
|
229
|
-
variants: themeVariants
|
|
230
|
-
}, (0, _extends2.default)({}, props, {
|
|
231
|
-
theme
|
|
232
|
-
}));
|
|
233
|
-
});
|
|
234
|
-
}
|
|
235
|
-
if (!skipSx) {
|
|
236
|
-
expressionsWithDefaultTheme.push(systemSx);
|
|
237
|
-
}
|
|
238
|
-
const numOfCustomFnsApplied = expressionsWithDefaultTheme.length - expressions.length;
|
|
239
|
-
if (Array.isArray(styleArg) && numOfCustomFnsApplied > 0) {
|
|
240
|
-
const placeholders = new Array(numOfCustomFnsApplied).fill('');
|
|
241
|
-
// If the type is array, than we need to add placeholders in the template for the overrides, variants and the sx styles.
|
|
242
|
-
transformedStyleArg = [...styleArg, ...placeholders];
|
|
243
|
-
transformedStyleArg.raw = [...styleArg.raw, ...placeholders];
|
|
244
|
-
}
|
|
245
|
-
const Component = defaultStyledResolver(transformedStyleArg, ...expressionsWithDefaultTheme);
|
|
246
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
247
|
-
let displayName;
|
|
248
|
-
if (componentName) {
|
|
249
|
-
displayName = `${componentName}${(0, _capitalize.default)(componentSlot || '')}`;
|
|
250
|
-
}
|
|
251
|
-
if (displayName === undefined) {
|
|
252
|
-
displayName = `Styled(${(0, _getDisplayName.default)(tag)})`;
|
|
253
|
-
}
|
|
254
|
-
Component.displayName = displayName;
|
|
255
|
-
}
|
|
256
|
-
if (tag.muiName) {
|
|
257
|
-
Component.muiName = tag.muiName;
|
|
258
|
-
}
|
|
259
|
-
return Component;
|
|
260
|
-
};
|
|
261
|
-
if (defaultStyledResolver.withConfig) {
|
|
262
|
-
muiStyledResolver.withConfig = defaultStyledResolver.withConfig;
|
|
263
|
-
}
|
|
264
|
-
return muiStyledResolver;
|
|
265
|
-
};
|
|
266
|
-
}
|
|
267
|
-
return createStyled;
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
export { requireCreateStyled as __require };
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import responsivePropType from './responsivePropType.js';
|
|
2
|
-
import style from './style.js';
|
|
3
|
-
import compose from './compose.js';
|
|
4
|
-
import { createUnaryUnit, getValue } from './spacing.js';
|
|
5
|
-
import { handleBreakpoints } from './breakpoints.js';
|
|
6
|
-
|
|
7
|
-
function borderTransform(value) {
|
|
8
|
-
if (typeof value !== 'number') {
|
|
9
|
-
return value;
|
|
10
|
-
}
|
|
11
|
-
return `${value}px solid`;
|
|
12
|
-
}
|
|
13
|
-
function createBorderStyle(prop, transform) {
|
|
14
|
-
return style({
|
|
15
|
-
prop,
|
|
16
|
-
themeKey: 'borders',
|
|
17
|
-
transform
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
const border = createBorderStyle('border', borderTransform);
|
|
21
|
-
const borderTop = createBorderStyle('borderTop', borderTransform);
|
|
22
|
-
const borderRight = createBorderStyle('borderRight', borderTransform);
|
|
23
|
-
const borderBottom = createBorderStyle('borderBottom', borderTransform);
|
|
24
|
-
const borderLeft = createBorderStyle('borderLeft', borderTransform);
|
|
25
|
-
const borderColor = createBorderStyle('borderColor');
|
|
26
|
-
const borderTopColor = createBorderStyle('borderTopColor');
|
|
27
|
-
const borderRightColor = createBorderStyle('borderRightColor');
|
|
28
|
-
const borderBottomColor = createBorderStyle('borderBottomColor');
|
|
29
|
-
const borderLeftColor = createBorderStyle('borderLeftColor');
|
|
30
|
-
const outline = createBorderStyle('outline', borderTransform);
|
|
31
|
-
const outlineColor = createBorderStyle('outlineColor');
|
|
32
|
-
|
|
33
|
-
// false positive
|
|
34
|
-
// eslint-disable-next-line react/function-component-definition
|
|
35
|
-
const borderRadius = props => {
|
|
36
|
-
if (props.borderRadius !== undefined && props.borderRadius !== null) {
|
|
37
|
-
const transformer = createUnaryUnit(props.theme, 'shape.borderRadius', 4, 'borderRadius');
|
|
38
|
-
const styleFromPropValue = propValue => ({
|
|
39
|
-
borderRadius: getValue(transformer, propValue)
|
|
40
|
-
});
|
|
41
|
-
return handleBreakpoints(props, props.borderRadius, styleFromPropValue);
|
|
42
|
-
}
|
|
43
|
-
return null;
|
|
44
|
-
};
|
|
45
|
-
borderRadius.propTypes = process.env.NODE_ENV !== 'production' ? {
|
|
46
|
-
borderRadius: responsivePropType
|
|
47
|
-
} : {};
|
|
48
|
-
borderRadius.filterProps = ['borderRadius'];
|
|
49
|
-
compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
|
|
50
|
-
|
|
51
|
-
export { border, borderBottom, borderBottomColor, borderColor, borderLeft, borderLeftColor, borderRadius, borderRight, borderRightColor, borderTop, borderTopColor, borderTransform, outline, outlineColor };
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
// The breakpoint **start** at this value.
|
|
2
|
-
// For instance with the first breakpoint xs: [xs, sm[.
|
|
3
|
-
const values = {
|
|
4
|
-
xs: 0,
|
|
5
|
-
// phone
|
|
6
|
-
sm: 600,
|
|
7
|
-
// tablet
|
|
8
|
-
md: 900,
|
|
9
|
-
// small laptop
|
|
10
|
-
lg: 1200,
|
|
11
|
-
// desktop
|
|
12
|
-
xl: 1536 // large screen
|
|
13
|
-
};
|
|
14
|
-
const defaultBreakpoints = {
|
|
15
|
-
// Sorted ASC by size. That's important.
|
|
16
|
-
// It can't be configured as it's used statically for propTypes.
|
|
17
|
-
keys: ['xs', 'sm', 'md', 'lg', 'xl'],
|
|
18
|
-
up: key => `@media (min-width:${values[key]}px)`
|
|
19
|
-
};
|
|
20
|
-
function handleBreakpoints(props, propValue, styleFromPropValue) {
|
|
21
|
-
const theme = props.theme || {};
|
|
22
|
-
if (Array.isArray(propValue)) {
|
|
23
|
-
const themeBreakpoints = theme.breakpoints || defaultBreakpoints;
|
|
24
|
-
return propValue.reduce((acc, item, index) => {
|
|
25
|
-
acc[themeBreakpoints.up(themeBreakpoints.keys[index])] = styleFromPropValue(propValue[index]);
|
|
26
|
-
return acc;
|
|
27
|
-
}, {});
|
|
28
|
-
}
|
|
29
|
-
if (typeof propValue === 'object') {
|
|
30
|
-
const themeBreakpoints = theme.breakpoints || defaultBreakpoints;
|
|
31
|
-
return Object.keys(propValue).reduce((acc, breakpoint) => {
|
|
32
|
-
// key is breakpoint
|
|
33
|
-
if (Object.keys(themeBreakpoints.values || values).indexOf(breakpoint) !== -1) {
|
|
34
|
-
const mediaKey = themeBreakpoints.up(breakpoint);
|
|
35
|
-
acc[mediaKey] = styleFromPropValue(propValue[breakpoint], breakpoint);
|
|
36
|
-
} else {
|
|
37
|
-
const cssKey = breakpoint;
|
|
38
|
-
acc[cssKey] = propValue[cssKey];
|
|
39
|
-
}
|
|
40
|
-
return acc;
|
|
41
|
-
}, {});
|
|
42
|
-
}
|
|
43
|
-
const output = styleFromPropValue(propValue);
|
|
44
|
-
return output;
|
|
45
|
-
}
|
|
46
|
-
function createEmptyBreakpointObject(breakpointsInput = {}) {
|
|
47
|
-
var _breakpointsInput$key;
|
|
48
|
-
const breakpointsInOrder = (_breakpointsInput$key = breakpointsInput.keys) == null ? undefined : _breakpointsInput$key.reduce((acc, key) => {
|
|
49
|
-
const breakpointStyleKey = breakpointsInput.up(key);
|
|
50
|
-
acc[breakpointStyleKey] = {};
|
|
51
|
-
return acc;
|
|
52
|
-
}, {});
|
|
53
|
-
return breakpointsInOrder || {};
|
|
54
|
-
}
|
|
55
|
-
function removeUnusedBreakpoints(breakpointKeys, style) {
|
|
56
|
-
return breakpointKeys.reduce((acc, key) => {
|
|
57
|
-
const breakpointOutput = acc[key];
|
|
58
|
-
const isBreakpointUnused = !breakpointOutput || Object.keys(breakpointOutput).length === 0;
|
|
59
|
-
if (isBreakpointUnused) {
|
|
60
|
-
delete acc[key];
|
|
61
|
-
}
|
|
62
|
-
return acc;
|
|
63
|
-
}, style);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
export { createEmptyBreakpointObject, handleBreakpoints, removeUnusedBreakpoints, values };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import merge from './merge.js';
|
|
2
|
-
|
|
3
|
-
function compose(...styles) {
|
|
4
|
-
const handlers = styles.reduce((acc, style) => {
|
|
5
|
-
style.filterProps.forEach(prop => {
|
|
6
|
-
acc[prop] = style;
|
|
7
|
-
});
|
|
8
|
-
return acc;
|
|
9
|
-
}, {});
|
|
10
|
-
|
|
11
|
-
// false positive
|
|
12
|
-
// eslint-disable-next-line react/function-component-definition
|
|
13
|
-
const fn = props => {
|
|
14
|
-
return Object.keys(props).reduce((acc, prop) => {
|
|
15
|
-
if (handlers[prop]) {
|
|
16
|
-
return merge(acc, handlers[prop](props));
|
|
17
|
-
}
|
|
18
|
-
return acc;
|
|
19
|
-
}, {});
|
|
20
|
-
};
|
|
21
|
-
fn.propTypes = process.env.NODE_ENV !== 'production' ? styles.reduce((acc, style) => Object.assign(acc, style.propTypes), {}) : {};
|
|
22
|
-
fn.filterProps = styles.reduce((acc, style) => acc.concat(style.filterProps), []);
|
|
23
|
-
return fn;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export { compose as default };
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* A universal utility to style components with multiple color modes. Always use it from the theme object.
|
|
3
|
-
* It works with:
|
|
4
|
-
* - [Basic theme](https://mui.com/material-ui/customization/dark-mode/)
|
|
5
|
-
* - [CSS theme variables](https://mui.com/material-ui/experimental-api/css-theme-variables/overview/)
|
|
6
|
-
* - Zero-runtime engine
|
|
7
|
-
*
|
|
8
|
-
* Tips: Use an array over object spread and place `theme.applyStyles()` last.
|
|
9
|
-
*
|
|
10
|
-
* ✅ [{ background: '#e5e5e5' }, theme.applyStyles('dark', { background: '#1c1c1c' })]
|
|
11
|
-
*
|
|
12
|
-
* 🚫 { background: '#e5e5e5', ...theme.applyStyles('dark', { background: '#1c1c1c' })}
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* 1. using with `styled`:
|
|
16
|
-
* ```jsx
|
|
17
|
-
* const Component = styled('div')(({ theme }) => [
|
|
18
|
-
* { background: '#e5e5e5' },
|
|
19
|
-
* theme.applyStyles('dark', {
|
|
20
|
-
* background: '#1c1c1c',
|
|
21
|
-
* color: '#fff',
|
|
22
|
-
* }),
|
|
23
|
-
* ]);
|
|
24
|
-
* ```
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* 2. using with `sx` prop:
|
|
28
|
-
* ```jsx
|
|
29
|
-
* <Box sx={theme => [
|
|
30
|
-
* { background: '#e5e5e5' },
|
|
31
|
-
* theme.applyStyles('dark', {
|
|
32
|
-
* background: '#1c1c1c',
|
|
33
|
-
* color: '#fff',
|
|
34
|
-
* }),
|
|
35
|
-
* ]}
|
|
36
|
-
* />
|
|
37
|
-
* ```
|
|
38
|
-
*
|
|
39
|
-
* @example
|
|
40
|
-
* 3. theming a component:
|
|
41
|
-
* ```jsx
|
|
42
|
-
* extendTheme({
|
|
43
|
-
* components: {
|
|
44
|
-
* MuiButton: {
|
|
45
|
-
* styleOverrides: {
|
|
46
|
-
* root: ({ theme }) => [
|
|
47
|
-
* { background: '#e5e5e5' },
|
|
48
|
-
* theme.applyStyles('dark', {
|
|
49
|
-
* background: '#1c1c1c',
|
|
50
|
-
* color: '#fff',
|
|
51
|
-
* }),
|
|
52
|
-
* ],
|
|
53
|
-
* },
|
|
54
|
-
* }
|
|
55
|
-
* }
|
|
56
|
-
* })
|
|
57
|
-
*```
|
|
58
|
-
*/
|
|
59
|
-
function applyStyles(key, styles) {
|
|
60
|
-
// @ts-expect-error this is 'any' type
|
|
61
|
-
const theme = this;
|
|
62
|
-
if (theme.vars && typeof theme.getColorSchemeSelector === 'function') {
|
|
63
|
-
// If CssVarsProvider is used as a provider,
|
|
64
|
-
// returns '* :where([data-mui-color-scheme="light|dark"]) &'
|
|
65
|
-
const selector = theme.getColorSchemeSelector(key).replace(/(\[[^\]]+\])/, '*:where($1)');
|
|
66
|
-
return {
|
|
67
|
-
[selector]: styles
|
|
68
|
-
};
|
|
69
|
-
}
|
|
70
|
-
if (theme.palette.mode === key) {
|
|
71
|
-
return styles;
|
|
72
|
-
}
|
|
73
|
-
return {};
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
export { applyStyles as default };
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import _objectWithoutPropertiesLoose from '../../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js';
|
|
2
|
-
import _extends from '../../../../@babel/runtime/helpers/esm/extends.js';
|
|
3
|
-
|
|
4
|
-
const _excluded = ["values", "unit", "step"];
|
|
5
|
-
const sortBreakpointsValues = values => {
|
|
6
|
-
const breakpointsAsArray = Object.keys(values).map(key => ({
|
|
7
|
-
key,
|
|
8
|
-
val: values[key]
|
|
9
|
-
})) || [];
|
|
10
|
-
// Sort in ascending order
|
|
11
|
-
breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);
|
|
12
|
-
return breakpointsAsArray.reduce((acc, obj) => {
|
|
13
|
-
return _extends({}, acc, {
|
|
14
|
-
[obj.key]: obj.val
|
|
15
|
-
});
|
|
16
|
-
}, {});
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
// Keep in mind that @media is inclusive by the CSS specification.
|
|
20
|
-
function createBreakpoints(breakpoints) {
|
|
21
|
-
const {
|
|
22
|
-
// The breakpoint **start** at this value.
|
|
23
|
-
// For instance with the first breakpoint xs: [xs, sm).
|
|
24
|
-
values = {
|
|
25
|
-
xs: 0,
|
|
26
|
-
// phone
|
|
27
|
-
sm: 600,
|
|
28
|
-
// tablet
|
|
29
|
-
md: 900,
|
|
30
|
-
// small laptop
|
|
31
|
-
lg: 1200,
|
|
32
|
-
// desktop
|
|
33
|
-
xl: 1536 // large screen
|
|
34
|
-
},
|
|
35
|
-
unit = 'px',
|
|
36
|
-
step = 5
|
|
37
|
-
} = breakpoints,
|
|
38
|
-
other = _objectWithoutPropertiesLoose(breakpoints, _excluded);
|
|
39
|
-
const sortedValues = sortBreakpointsValues(values);
|
|
40
|
-
const keys = Object.keys(sortedValues);
|
|
41
|
-
function up(key) {
|
|
42
|
-
const value = typeof values[key] === 'number' ? values[key] : key;
|
|
43
|
-
return `@media (min-width:${value}${unit})`;
|
|
44
|
-
}
|
|
45
|
-
function down(key) {
|
|
46
|
-
const value = typeof values[key] === 'number' ? values[key] : key;
|
|
47
|
-
return `@media (max-width:${value - step / 100}${unit})`;
|
|
48
|
-
}
|
|
49
|
-
function between(start, end) {
|
|
50
|
-
const endIndex = keys.indexOf(end);
|
|
51
|
-
return `@media (min-width:${typeof values[start] === 'number' ? values[start] : start}${unit}) and ` + `(max-width:${(endIndex !== -1 && typeof values[keys[endIndex]] === 'number' ? values[keys[endIndex]] : end) - step / 100}${unit})`;
|
|
52
|
-
}
|
|
53
|
-
function only(key) {
|
|
54
|
-
if (keys.indexOf(key) + 1 < keys.length) {
|
|
55
|
-
return between(key, keys[keys.indexOf(key) + 1]);
|
|
56
|
-
}
|
|
57
|
-
return up(key);
|
|
58
|
-
}
|
|
59
|
-
function not(key) {
|
|
60
|
-
// handle first and last key separately, for better readability
|
|
61
|
-
const keyIndex = keys.indexOf(key);
|
|
62
|
-
if (keyIndex === 0) {
|
|
63
|
-
return up(keys[1]);
|
|
64
|
-
}
|
|
65
|
-
if (keyIndex === keys.length - 1) {
|
|
66
|
-
return down(keys[keyIndex]);
|
|
67
|
-
}
|
|
68
|
-
return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
|
|
69
|
-
}
|
|
70
|
-
return _extends({
|
|
71
|
-
keys,
|
|
72
|
-
values: sortedValues,
|
|
73
|
-
up,
|
|
74
|
-
down,
|
|
75
|
-
between,
|
|
76
|
-
only,
|
|
77
|
-
not,
|
|
78
|
-
unit
|
|
79
|
-
}, other);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
export { createBreakpoints as default };
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { createUnarySpacing } from '../spacing.js';
|
|
2
|
-
|
|
3
|
-
// The different signatures imply different meaning for their arguments that can't be expressed structurally.
|
|
4
|
-
// We express the difference with variable names.
|
|
5
|
-
|
|
6
|
-
function createSpacing(spacingInput = 8) {
|
|
7
|
-
// Already transformed.
|
|
8
|
-
if (spacingInput.mui) {
|
|
9
|
-
return spacingInput;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
// Material Design layouts are visually balanced. Most measurements align to an 8dp grid, which aligns both spacing and the overall layout.
|
|
13
|
-
// Smaller components, such as icons, can align to a 4dp grid.
|
|
14
|
-
// https://m2.material.io/design/layout/understanding-layout.html
|
|
15
|
-
const transform = createUnarySpacing({
|
|
16
|
-
spacing: spacingInput
|
|
17
|
-
});
|
|
18
|
-
const spacing = (...argsInput) => {
|
|
19
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
20
|
-
if (!(argsInput.length <= 4)) {
|
|
21
|
-
console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
const args = argsInput.length === 0 ? [1] : argsInput;
|
|
25
|
-
return args.map(argument => {
|
|
26
|
-
const output = transform(argument);
|
|
27
|
-
return typeof output === 'number' ? `${output}px` : output;
|
|
28
|
-
}).join(' ');
|
|
29
|
-
};
|
|
30
|
-
spacing.mui = true;
|
|
31
|
-
return spacing;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export { createSpacing as default };
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import _extends from '../../../../@babel/runtime/helpers/esm/extends.js';
|
|
2
|
-
import _objectWithoutPropertiesLoose from '../../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js';
|
|
3
|
-
import createBreakpoints from './createBreakpoints.js';
|
|
4
|
-
import shape from './shape.js';
|
|
5
|
-
import createSpacing from './createSpacing.js';
|
|
6
|
-
import styleFunctionSx from '../styleFunctionSx/styleFunctionSx.js';
|
|
7
|
-
import defaultSxConfig from '../styleFunctionSx/defaultSxConfig.js';
|
|
8
|
-
import applyStyles from './applyStyles.js';
|
|
9
|
-
import deepmerge from '../../../utils/deepmerge/deepmerge.js';
|
|
10
|
-
|
|
11
|
-
const _excluded = ["breakpoints", "palette", "spacing", "shape"];
|
|
12
|
-
function createTheme(options = {}, ...args) {
|
|
13
|
-
const {
|
|
14
|
-
breakpoints: breakpointsInput = {},
|
|
15
|
-
palette: paletteInput = {},
|
|
16
|
-
spacing: spacingInput,
|
|
17
|
-
shape: shapeInput = {}
|
|
18
|
-
} = options,
|
|
19
|
-
other = _objectWithoutPropertiesLoose(options, _excluded);
|
|
20
|
-
const breakpoints = createBreakpoints(breakpointsInput);
|
|
21
|
-
const spacing = createSpacing(spacingInput);
|
|
22
|
-
let muiTheme = deepmerge({
|
|
23
|
-
breakpoints,
|
|
24
|
-
direction: 'ltr',
|
|
25
|
-
components: {},
|
|
26
|
-
// Inject component definitions.
|
|
27
|
-
palette: _extends({
|
|
28
|
-
mode: 'light'
|
|
29
|
-
}, paletteInput),
|
|
30
|
-
spacing,
|
|
31
|
-
shape: _extends({}, shape, shapeInput)
|
|
32
|
-
}, other);
|
|
33
|
-
muiTheme.applyStyles = applyStyles;
|
|
34
|
-
muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
|
|
35
|
-
muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig, other == null ? undefined : other.unstable_sxConfig);
|
|
36
|
-
muiTheme.unstable_sx = function sx(props) {
|
|
37
|
-
return styleFunctionSx({
|
|
38
|
-
sx: props,
|
|
39
|
-
theme: this
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
return muiTheme;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export { createTheme as default };
|