@basic-ui/material 1.0.0-alpha.0 → 1.0.0-alpha.3
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/build/cjs/index.js +24 -18
- package/build/cjs/index.js.map +1 -1
- package/build/esm/Alert/Alert.d.ts +2 -2
- package/build/esm/Alert/Alert.js +8 -8
- package/build/esm/Alert/Alert.js.map +1 -1
- package/build/esm/Alert/index.d.ts +0 -0
- package/build/esm/Alert/index.js.map +0 -0
- package/build/esm/AppBar/AppBar.d.ts +3 -3
- package/build/esm/AppBar/AppBar.js +24 -16
- package/build/esm/AppBar/AppBar.js.map +1 -1
- package/build/esm/AppBar/AppBarButton.d.ts +2 -2
- package/build/esm/AppBar/AppBarButton.js +8 -9
- package/build/esm/AppBar/AppBarButton.js.map +1 -1
- package/build/esm/AppBar/context.d.ts +1 -1
- package/build/esm/AppBar/context.js +6 -5
- package/build/esm/AppBar/context.js.map +1 -1
- package/build/esm/AppBar/index.d.ts +0 -0
- package/build/esm/AppBar/index.js.map +0 -0
- package/build/esm/Badge/Badge.d.ts +2 -2
- package/build/esm/Badge/Badge.js +2 -2
- package/build/esm/Badge/Badge.js.map +1 -1
- package/build/esm/Badge/index.d.ts +0 -0
- package/build/esm/Badge/index.js.map +0 -0
- package/build/esm/BaseLine/BaseLine.d.ts +0 -0
- package/build/esm/BaseLine/BaseLine.js +4 -4
- package/build/esm/BaseLine/BaseLine.js.map +1 -1
- package/build/esm/BaseLine/index.d.ts +0 -0
- package/build/esm/BaseLine/index.js.map +0 -0
- package/build/esm/BottomSheet/BottomSheet.d.ts +2 -2
- package/build/esm/BottomSheet/BottomSheet.js +11 -13
- package/build/esm/BottomSheet/BottomSheet.js.map +1 -1
- package/build/esm/BottomSheet/BottomSheetSurface.d.ts +4 -4
- package/build/esm/BottomSheet/BottomSheetSurface.js +9 -9
- package/build/esm/BottomSheet/BottomSheetSurface.js.map +1 -1
- package/build/esm/BottomSheet/index.d.ts +0 -0
- package/build/esm/BottomSheet/index.js.map +0 -0
- package/build/esm/Box/Box.d.ts +5 -5
- package/build/esm/Box/Box.js +27 -19
- package/build/esm/Box/Box.js.map +1 -1
- package/build/esm/Box/index.d.ts +0 -0
- package/build/esm/Box/index.js.map +0 -0
- package/build/esm/Button/BaseButton.d.ts +3 -3
- package/build/esm/Button/BaseButton.js +11 -12
- package/build/esm/Button/BaseButton.js.map +1 -1
- package/build/esm/Button/Button.d.ts +3 -3
- package/build/esm/Button/Button.js +27 -22
- package/build/esm/Button/Button.js.map +1 -1
- package/build/esm/Button/ButtonGroup.d.ts +3 -3
- package/build/esm/Button/ButtonGroup.js +15 -12
- package/build/esm/Button/ButtonGroup.js.map +1 -1
- package/build/esm/Button/FilledButton.d.ts +2 -2
- package/build/esm/Button/FilledButton.js +57 -49
- package/build/esm/Button/FilledButton.js.map +1 -1
- package/build/esm/Button/FloatingActionButton.d.ts +1 -1
- package/build/esm/Button/FloatingActionButton.js.map +1 -1
- package/build/esm/Button/IconButton.d.ts +1 -1
- package/build/esm/Button/IconButton.js.map +1 -1
- package/build/esm/Button/OutlinedButton.d.ts +1 -1
- package/build/esm/Button/OutlinedButton.js +27 -25
- package/build/esm/Button/OutlinedButton.js.map +1 -1
- package/build/esm/Button/TransparentButton.d.ts +2 -2
- package/build/esm/Button/TransparentButton.js +45 -41
- package/build/esm/Button/TransparentButton.js.map +1 -1
- package/build/esm/Button/context.js +4 -2
- package/build/esm/Button/context.js.map +1 -1
- package/build/esm/Button/index.d.ts +0 -0
- package/build/esm/Button/index.js.map +0 -0
- package/build/esm/CheckBox/CheckBox.d.ts +3 -3
- package/build/esm/CheckBox/CheckBox.js +42 -35
- package/build/esm/CheckBox/CheckBox.js.map +1 -1
- package/build/esm/CheckBox/CheckBoxIcon.d.ts +3 -3
- package/build/esm/CheckBox/CheckBoxIcon.js +15 -13
- package/build/esm/CheckBox/CheckBoxIcon.js.map +1 -1
- package/build/esm/CheckBox/CheckPath.d.ts +0 -0
- package/build/esm/CheckBox/CheckPath.js +15 -14
- package/build/esm/CheckBox/CheckPath.js.map +1 -1
- package/build/esm/CheckBox/IndeterminatePath.d.ts +0 -0
- package/build/esm/CheckBox/IndeterminatePath.js +14 -13
- package/build/esm/CheckBox/IndeterminatePath.js.map +1 -1
- package/build/esm/CheckBox/index.d.ts +0 -0
- package/build/esm/CheckBox/index.js.map +0 -0
- package/build/esm/Chip/ButtonChip.d.ts +3 -3
- package/build/esm/Chip/ButtonChip.js +15 -15
- package/build/esm/Chip/ButtonChip.js.map +1 -1
- package/build/esm/Chip/Chip.d.ts +0 -0
- package/build/esm/Chip/Chip.js.map +0 -0
- package/build/esm/Chip/ChipBase.d.ts +3 -3
- package/build/esm/Chip/ChipBase.js +24 -19
- package/build/esm/Chip/ChipBase.js.map +1 -1
- package/build/esm/Chip/ChoiceChip.d.ts +3 -3
- package/build/esm/Chip/ChoiceChip.js +25 -26
- package/build/esm/Chip/ChoiceChip.js.map +1 -1
- package/build/esm/Chip/index.d.ts +0 -0
- package/build/esm/Chip/index.js.map +0 -0
- package/build/esm/ColorMode/ColorModeProvider.d.ts +1 -1
- package/build/esm/ColorMode/ColorModeProvider.js +32 -19
- package/build/esm/ColorMode/ColorModeProvider.js.map +1 -1
- package/build/esm/ColorMode/color-mode.d.ts +0 -0
- package/build/esm/ColorMode/color-mode.js +3 -3
- package/build/esm/ColorMode/color-mode.js.map +1 -1
- package/build/esm/ColorMode/color-vars.d.ts +0 -0
- package/build/esm/ColorMode/color-vars.js +20 -12
- package/build/esm/ColorMode/color-vars.js.map +1 -1
- package/build/esm/ColorMode/constants.d.ts +0 -0
- package/build/esm/ColorMode/constants.js +3 -3
- package/build/esm/ColorMode/constants.js.map +1 -1
- package/build/esm/ColorMode/index.d.ts +0 -0
- package/build/esm/ColorMode/index.js.map +0 -0
- package/build/esm/Combobox/Combobox.d.ts +15 -15
- package/build/esm/Combobox/Combobox.js +50 -56
- package/build/esm/Combobox/Combobox.js.map +1 -1
- package/build/esm/Combobox/index.d.ts +0 -0
- package/build/esm/Combobox/index.js.map +0 -0
- package/build/esm/Dialog/Dialog.d.ts +5 -5
- package/build/esm/Dialog/Dialog.js +22 -23
- package/build/esm/Dialog/Dialog.js.map +1 -1
- package/build/esm/Dialog/DialogBackdrop.d.ts +4 -4
- package/build/esm/Dialog/DialogBackdrop.js +10 -11
- package/build/esm/Dialog/DialogBackdrop.js.map +1 -1
- package/build/esm/Dialog/DialogContainer.d.ts +2 -2
- package/build/esm/Dialog/DialogContainer.js +4 -6
- package/build/esm/Dialog/DialogContainer.js.map +1 -1
- package/build/esm/Dialog/DialogSurface.d.ts +4 -4
- package/build/esm/Dialog/DialogSurface.js +14 -14
- package/build/esm/Dialog/DialogSurface.js.map +1 -1
- package/build/esm/Dialog/Scrim.d.ts +2 -2
- package/build/esm/Dialog/Scrim.js +4 -6
- package/build/esm/Dialog/Scrim.js.map +1 -1
- package/build/esm/Dialog/index.d.ts +0 -0
- package/build/esm/Dialog/index.js.map +0 -0
- package/build/esm/Dialog/useDialogAnimation.d.ts +0 -0
- package/build/esm/Dialog/useDialogAnimation.js +19 -20
- package/build/esm/Dialog/useDialogAnimation.js.map +1 -1
- package/build/esm/Divider/Divider.d.ts +3 -3
- package/build/esm/Divider/Divider.js +9 -8
- package/build/esm/Divider/Divider.js.map +1 -1
- package/build/esm/Divider/index.d.ts +0 -0
- package/build/esm/Divider/index.js.map +0 -0
- package/build/esm/FloatingLabel/FloatingLabel.d.ts +1 -1
- package/build/esm/FloatingLabel/FloatingLabel.js +26 -22
- package/build/esm/FloatingLabel/FloatingLabel.js.map +1 -1
- package/build/esm/FloatingLabel/index.d.ts +0 -0
- package/build/esm/FloatingLabel/index.js.map +0 -0
- package/build/esm/LineRipple/LineRipple.d.ts +3 -3
- package/build/esm/LineRipple/LineRipple.js +27 -18
- package/build/esm/LineRipple/LineRipple.js.map +1 -1
- package/build/esm/LineRipple/index.d.ts +0 -0
- package/build/esm/LineRipple/index.js.map +0 -0
- package/build/esm/Link/Link.d.ts +3 -3
- package/build/esm/Link/Link.js +10 -9
- package/build/esm/Link/Link.js.map +1 -1
- package/build/esm/Link/index.d.ts +0 -0
- package/build/esm/Link/index.js.map +0 -0
- package/build/esm/List/List.d.ts +3 -3
- package/build/esm/List/List.js +20 -13
- package/build/esm/List/List.js.map +1 -1
- package/build/esm/List/index.d.ts +0 -0
- package/build/esm/List/index.js.map +0 -0
- package/build/esm/ListItem/ListItem.d.ts +3 -3
- package/build/esm/ListItem/ListItem.js +25 -21
- package/build/esm/ListItem/ListItem.js.map +1 -1
- package/build/esm/ListItem/ListItemText.d.ts +1 -1
- package/build/esm/ListItem/ListItemText.js +8 -8
- package/build/esm/ListItem/ListItemText.js.map +1 -1
- package/build/esm/ListItem/context.d.ts +0 -0
- package/build/esm/ListItem/context.js.map +0 -0
- package/build/esm/ListItem/index.d.ts +0 -0
- package/build/esm/ListItem/index.js.map +0 -0
- package/build/esm/Menu/Menu.d.ts +10 -10
- package/build/esm/Menu/Menu.js +22 -25
- package/build/esm/Menu/Menu.js.map +1 -1
- package/build/esm/Menu/animation.d.ts +1 -1
- package/build/esm/Menu/animation.js +1 -1
- package/build/esm/Menu/animation.js.map +1 -1
- package/build/esm/Menu/index.d.ts +0 -0
- package/build/esm/Menu/index.js.map +0 -0
- package/build/esm/NotchedOutline/NotchedOutline.d.ts +1 -1
- package/build/esm/NotchedOutline/NotchedOutline.js +25 -21
- package/build/esm/NotchedOutline/NotchedOutline.js.map +1 -1
- package/build/esm/NotchedOutline/context.d.ts +0 -0
- package/build/esm/NotchedOutline/context.js +6 -5
- package/build/esm/NotchedOutline/context.js.map +1 -1
- package/build/esm/NotchedOutline/index.d.ts +0 -0
- package/build/esm/NotchedOutline/index.js.map +0 -0
- package/build/esm/NotchedOutline/styledComponents.d.ts +0 -0
- package/build/esm/NotchedOutline/styledComponents.js +53 -58
- package/build/esm/NotchedOutline/styledComponents.js.map +1 -1
- package/build/esm/Paper/Paper.d.ts +4 -3
- package/build/esm/Paper/Paper.js +15 -13
- package/build/esm/Paper/Paper.js.map +1 -1
- package/build/esm/Paper/index.d.ts +0 -0
- package/build/esm/Paper/index.js.map +0 -0
- package/build/esm/ProgressSpinner/ProgressSpinner.d.ts +2 -2
- package/build/esm/ProgressSpinner/ProgressSpinner.js +16 -16
- package/build/esm/ProgressSpinner/ProgressSpinner.js.map +1 -1
- package/build/esm/ProgressSpinner/index.d.ts +0 -0
- package/build/esm/ProgressSpinner/index.js.map +0 -0
- package/build/esm/RadioButton/RadioButton.d.ts +1 -1
- package/build/esm/RadioButton/RadioButton.js +16 -19
- package/build/esm/RadioButton/RadioButton.js.map +1 -1
- package/build/esm/RadioButton/RadioButtonIcon.d.ts +1 -1
- package/build/esm/RadioButton/RadioButtonIcon.js +5 -6
- package/build/esm/RadioButton/RadioButtonIcon.js.map +1 -1
- package/build/esm/RadioButton/RadioGroup.d.ts +3 -3
- package/build/esm/RadioButton/RadioGroup.js +5 -4
- package/build/esm/RadioButton/RadioGroup.js.map +1 -1
- package/build/esm/RadioButton/index.d.ts +0 -0
- package/build/esm/RadioButton/index.js.map +0 -0
- package/build/esm/Ripple/Ripple.d.ts +1 -1
- package/build/esm/Ripple/Ripple.js +21 -20
- package/build/esm/Ripple/Ripple.js.map +1 -1
- package/build/esm/Ripple/RippleBox.d.ts +4 -4
- package/build/esm/Ripple/RippleBox.js +22 -15
- package/build/esm/Ripple/RippleBox.js.map +1 -1
- package/build/esm/Ripple/constants.d.ts +0 -0
- package/build/esm/Ripple/constants.js +7 -7
- package/build/esm/Ripple/constants.js.map +1 -1
- package/build/esm/Ripple/index.d.ts +0 -0
- package/build/esm/Ripple/index.js.map +0 -0
- package/build/esm/Ripple/keyframes.d.ts +1 -1
- package/build/esm/Ripple/keyframes.js +3 -3
- package/build/esm/Ripple/keyframes.js.map +1 -1
- package/build/esm/Ripple/useRipple.d.ts +0 -0
- package/build/esm/Ripple/useRipple.js +55 -48
- package/build/esm/Ripple/useRipple.js.map +1 -1
- package/build/esm/Ripple/useRippleHandlers.d.ts +1 -1
- package/build/esm/Ripple/useRippleHandlers.js +13 -15
- package/build/esm/Ripple/useRippleHandlers.js.map +1 -1
- package/build/esm/Ripple/useRippleSurface.d.ts +1 -1
- package/build/esm/Ripple/useRippleSurface.js +39 -38
- package/build/esm/Ripple/useRippleSurface.js.map +1 -1
- package/build/esm/Select/Select.d.ts +4 -4
- package/build/esm/Select/Select.js +69 -47
- package/build/esm/Select/Select.js.map +1 -1
- package/build/esm/Select/SelectIcon.d.ts +3 -3
- package/build/esm/Select/SelectIcon.js +6 -7
- package/build/esm/Select/SelectIcon.js.map +1 -1
- package/build/esm/Select/context.d.ts +0 -0
- package/build/esm/Select/context.js +7 -6
- package/build/esm/Select/context.js.map +1 -1
- package/build/esm/Select/defaultRender.d.ts +0 -0
- package/build/esm/Select/defaultRender.js +12 -10
- package/build/esm/Select/defaultRender.js.map +1 -1
- package/build/esm/Select/index.d.ts +0 -0
- package/build/esm/Select/index.js.map +0 -0
- package/build/esm/Select/styledComponents.d.ts +2 -2
- package/build/esm/Select/styledComponents.js +16 -19
- package/build/esm/Select/styledComponents.js.map +1 -1
- package/build/esm/SelectItem/SelectItem.d.ts +2 -2
- package/build/esm/SelectItem/SelectItem.js +18 -19
- package/build/esm/SelectItem/SelectItem.js.map +1 -1
- package/build/esm/SelectItem/index.d.ts +0 -0
- package/build/esm/SelectItem/index.js.map +0 -0
- package/build/esm/SelectionControl/SelectionControlLabel.d.ts +3 -3
- package/build/esm/SelectionControl/SelectionControlLabel.js +7 -7
- package/build/esm/SelectionControl/SelectionControlLabel.js.map +1 -1
- package/build/esm/SelectionControl/SelectionControlText.d.ts +3 -3
- package/build/esm/SelectionControl/SelectionControlText.js +8 -8
- package/build/esm/SelectionControl/SelectionControlText.js.map +1 -1
- package/build/esm/SelectionControl/index.d.ts +0 -0
- package/build/esm/SelectionControl/index.js.map +0 -0
- package/build/esm/Skeleton/DelayAppearance.d.ts +4 -4
- package/build/esm/Skeleton/DelayAppearance.js +9 -9
- package/build/esm/Skeleton/DelayAppearance.js.map +1 -1
- package/build/esm/Skeleton/Skeleton.d.ts +3 -3
- package/build/esm/Skeleton/Skeleton.js +11 -10
- package/build/esm/Skeleton/Skeleton.js.map +1 -1
- package/build/esm/Skeleton/animation.d.ts +2 -2
- package/build/esm/Skeleton/animation.js +25 -22
- package/build/esm/Skeleton/animation.js.map +1 -1
- package/build/esm/Skeleton/index.d.ts +0 -0
- package/build/esm/Skeleton/index.js.map +0 -0
- package/build/esm/Snackbar/Snackbar.d.ts +3 -3
- package/build/esm/Snackbar/Snackbar.js +21 -21
- package/build/esm/Snackbar/Snackbar.js.map +1 -1
- package/build/esm/Snackbar/Stack.d.ts +2 -3
- package/build/esm/Snackbar/Stack.js +78 -65
- package/build/esm/Snackbar/Stack.js.map +1 -1
- package/build/esm/Snackbar/index.d.ts +0 -0
- package/build/esm/Snackbar/index.js.map +0 -0
- package/build/esm/Snackbar/useSnackbarAnimation.d.ts +1 -1
- package/build/esm/Snackbar/useSnackbarAnimation.js +113 -78
- package/build/esm/Snackbar/useSnackbarAnimation.js.map +1 -1
- package/build/esm/Switch/Switch.d.ts +3 -3
- package/build/esm/Switch/Switch.js +21 -22
- package/build/esm/Switch/Switch.js.map +1 -1
- package/build/esm/Switch/index.d.ts +0 -0
- package/build/esm/Switch/index.js.map +0 -0
- package/build/esm/Switch/styledComponents.d.ts +0 -0
- package/build/esm/Switch/styledComponents.js +23 -25
- package/build/esm/Switch/styledComponents.js.map +1 -1
- package/build/esm/Tab/Tab.d.ts +4 -4
- package/build/esm/Tab/Tab.js +17 -19
- package/build/esm/Tab/Tab.js.map +1 -1
- package/build/esm/Tab/TabList.d.ts +3 -3
- package/build/esm/Tab/TabList.js +18 -19
- package/build/esm/Tab/TabList.js.map +1 -1
- package/build/esm/Tab/TabPanel.d.ts +3 -3
- package/build/esm/Tab/TabPanel.js +8 -11
- package/build/esm/Tab/TabPanel.js.map +1 -1
- package/build/esm/Tab/TabPanels.d.ts +0 -0
- package/build/esm/Tab/TabPanels.js.map +0 -0
- package/build/esm/Tab/Tabs.d.ts +0 -0
- package/build/esm/Tab/Tabs.js.map +0 -0
- package/build/esm/Tab/context.d.ts +0 -0
- package/build/esm/Tab/context.js +6 -5
- package/build/esm/Tab/context.js.map +1 -1
- package/build/esm/Tab/index.d.ts +0 -0
- package/build/esm/Tab/index.js.map +0 -0
- package/build/esm/TabIndicator/TabIndicator.d.ts +2 -2
- package/build/esm/TabIndicator/TabIndicator.js +22 -21
- package/build/esm/TabIndicator/TabIndicator.js.map +1 -1
- package/build/esm/TabIndicator/context.d.ts +0 -0
- package/build/esm/TabIndicator/context.js +6 -5
- package/build/esm/TabIndicator/context.js.map +1 -1
- package/build/esm/TabIndicator/index.d.ts +0 -0
- package/build/esm/TabIndicator/index.js.map +0 -0
- package/build/esm/Table/Table.d.ts +2 -2
- package/build/esm/Table/Table.js +8 -8
- package/build/esm/Table/Table.js.map +1 -1
- package/build/esm/Table/TableBody.d.ts +2 -2
- package/build/esm/Table/TableBody.js +4 -6
- package/build/esm/Table/TableBody.js.map +1 -1
- package/build/esm/Table/TableCell.d.ts +2 -2
- package/build/esm/Table/TableCell.js +6 -8
- package/build/esm/Table/TableCell.js.map +1 -1
- package/build/esm/Table/TableHead.d.ts +2 -2
- package/build/esm/Table/TableHead.js +5 -7
- package/build/esm/Table/TableHead.js.map +1 -1
- package/build/esm/Table/TableRow.d.ts +2 -2
- package/build/esm/Table/TableRow.js +5 -7
- package/build/esm/Table/TableRow.js.map +1 -1
- package/build/esm/Table/context.d.ts +0 -0
- package/build/esm/Table/context.js +6 -5
- package/build/esm/Table/context.js.map +1 -1
- package/build/esm/Table/index.d.ts +0 -0
- package/build/esm/Table/index.js.map +0 -0
- package/build/esm/Text/LoremIpsum.d.ts +1 -1
- package/build/esm/Text/LoremIpsum.js +6 -6
- package/build/esm/Text/LoremIpsum.js.map +1 -1
- package/build/esm/Text/Text.d.ts +3 -3
- package/build/esm/Text/Text.js +9 -9
- package/build/esm/Text/Text.js.map +1 -1
- package/build/esm/Text/index.d.ts +0 -0
- package/build/esm/Text/index.js.map +0 -0
- package/build/esm/TextField/FilledContainer.d.ts +3 -3
- package/build/esm/TextField/FilledContainer.js +56 -53
- package/build/esm/TextField/FilledContainer.js.map +1 -1
- package/build/esm/TextField/HelperText.d.ts +3 -3
- package/build/esm/TextField/HelperText.js +14 -13
- package/build/esm/TextField/HelperText.js.map +1 -1
- package/build/esm/TextField/IconContainer.d.ts +2 -2
- package/build/esm/TextField/IconContainer.js +15 -23
- package/build/esm/TextField/IconContainer.js.map +1 -1
- package/build/esm/TextField/Input.d.ts +3 -3
- package/build/esm/TextField/Input.js +13 -13
- package/build/esm/TextField/Input.js.map +1 -1
- package/build/esm/TextField/OutlinedContainer.d.ts +4 -4
- package/build/esm/TextField/OutlinedContainer.js +28 -22
- package/build/esm/TextField/OutlinedContainer.js.map +1 -1
- package/build/esm/TextField/TextField.d.ts +4 -4
- package/build/esm/TextField/TextField.js +59 -41
- package/build/esm/TextField/TextField.js.map +1 -1
- package/build/esm/TextField/consts.js +5 -5
- package/build/esm/TextField/consts.js.map +1 -1
- package/build/esm/TextField/index.d.ts +0 -0
- package/build/esm/TextField/index.js.map +0 -0
- package/build/esm/ThemeExplorer/ColorPicker.d.ts +4 -4
- package/build/esm/ThemeExplorer/ColorPicker.js +14 -14
- package/build/esm/ThemeExplorer/ColorPicker.js.map +1 -1
- package/build/esm/ThemeExplorer/TextFieldColorPicker.d.ts +2 -2
- package/build/esm/ThemeExplorer/TextFieldColorPicker.js +44 -24
- package/build/esm/ThemeExplorer/TextFieldColorPicker.js.map +1 -1
- package/build/esm/ThemeExplorer/ThemeColors.d.ts +1 -1
- package/build/esm/ThemeExplorer/ThemeColors.js +3 -3
- package/build/esm/ThemeExplorer/ThemeColors.js.map +1 -1
- package/build/esm/ThemeExplorer/components.d.ts +2 -1
- package/build/esm/ThemeExplorer/components.js +64 -56
- package/build/esm/ThemeExplorer/components.js.map +1 -1
- package/build/esm/ThemeExplorer/makeColorScheme.d.ts +1 -1
- package/build/esm/ThemeExplorer/makeColorScheme.js.map +1 -1
- package/build/esm/ThemeExplorer/useDeferredColor.d.ts +1 -1
- package/build/esm/ThemeExplorer/useDeferredColor.js +10 -3
- package/build/esm/ThemeExplorer/useDeferredColor.js.map +1 -1
- package/build/esm/ThemeExplorer/useLocalStorageCachedState.js +9 -2
- package/build/esm/ThemeExplorer/useLocalStorageCachedState.js.map +1 -1
- package/build/esm/Tooltip/Tooltip.d.ts +3 -3
- package/build/esm/Tooltip/Tooltip.js +7 -8
- package/build/esm/Tooltip/Tooltip.js.map +1 -1
- package/build/esm/Tooltip/index.d.ts +0 -0
- package/build/esm/Tooltip/index.js.map +0 -0
- package/build/esm/color.d.ts +3 -3
- package/build/esm/color.js +19 -13
- package/build/esm/color.js.map +1 -1
- package/build/esm/css.d.ts +0 -0
- package/build/esm/css.js.map +0 -0
- package/build/esm/hooks/useAnimation.d.ts +1 -1
- package/build/esm/hooks/useAnimation.js +54 -41
- package/build/esm/hooks/useAnimation.js.map +1 -1
- package/build/esm/index.d.ts +0 -0
- package/build/esm/index.js.map +0 -0
- package/build/esm/theme/index.d.ts +0 -0
- package/build/esm/theme/index.js.map +0 -0
- package/build/esm/theme/theme.d.ts +0 -0
- package/build/esm/theme/theme.js +1 -1
- package/build/esm/theme/theme.js.map +1 -1
- package/build/esm/theme/typography-raleway.d.ts +0 -0
- package/build/esm/theme/typography-raleway.js +1 -1
- package/build/esm/theme/typography-raleway.js.map +1 -1
- package/build/esm/theme/typography-roboto.d.ts +0 -0
- package/build/esm/theme/typography-roboto.js +1 -1
- package/build/esm/theme/typography-roboto.js.map +1 -1
- package/build/esm/theme/useTheme.d.ts +2 -472
- package/build/esm/theme/useTheme.js +1 -1
- package/build/esm/theme/useTheme.js.map +1 -1
- package/build/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -5
- package/src/Alert/Alert.tsx +3 -1
- package/src/AppBar/AppBar.story.tsx +7 -6
- package/src/AppBar/AppBar.tsx +5 -3
- package/src/AppBar/AppBarButton.tsx +3 -1
- package/src/AppBar/context.ts +2 -1
- package/src/Badge/Badge.tsx +3 -1
- package/src/BaseLine/BaseLine.tsx +15 -11
- package/src/BottomSheet/BottomSheet.story.tsx +1 -0
- package/src/BottomSheet/BottomSheet.tsx +2 -1
- package/src/BottomSheet/BottomSheetSurface.tsx +9 -5
- package/src/Box/Box.tsx +21 -18
- package/src/Button/BaseButton.tsx +4 -2
- package/src/Button/Button.story.tsx +16 -3
- package/src/Button/Button.tsx +3 -2
- package/src/Button/ButtonGroup.tsx +4 -2
- package/src/Button/FilledButton.tsx +3 -2
- package/src/Button/FloatingActionButton.tsx +1 -1
- package/src/Button/IconButton.tsx +1 -1
- package/src/Button/OutlinedButton.tsx +3 -2
- package/src/Button/SpinnerButton.story.tsx +9 -10
- package/src/Button/TransparentButton.tsx +4 -4
- package/src/Button/context.tsx +1 -0
- package/src/CheckBox/CheckBox.story.tsx +3 -2
- package/src/CheckBox/CheckBox.tsx +9 -5
- package/src/CheckBox/CheckBoxIcon.tsx +4 -2
- package/src/Chip/ButtonChip.tsx +6 -4
- package/src/Chip/Chip.story.tsx +0 -1
- package/src/Chip/ChipBase.tsx +7 -5
- package/src/Chip/ChoiceChip.tsx +10 -7
- package/src/ColorMode/ColorModeProvider.tsx +4 -2
- package/src/Combobox/Combobox.story.tsx +2 -1
- package/src/Combobox/Combobox.tsx +29 -17
- package/src/Dialog/Dialog.story.tsx +3 -1
- package/src/Dialog/Dialog.tsx +9 -4
- package/src/Dialog/DialogBackdrop.tsx +6 -6
- package/src/Dialog/DialogContainer.tsx +3 -1
- package/src/Dialog/DialogSurface.tsx +8 -6
- package/src/Dialog/Scrim.tsx +3 -1
- package/src/Divider/Divider.tsx +4 -2
- package/src/FloatingLabel/FloatingLabel.story.tsx +1 -0
- package/src/FloatingLabel/FloatingLabel.tsx +3 -2
- package/src/LineRipple/LineRipple.story.tsx +1 -0
- package/src/LineRipple/LineRipple.tsx +6 -3
- package/src/Link/Link.tsx +4 -2
- package/src/List/List.tsx +5 -2
- package/src/ListItem/ListItem.story.tsx +1 -0
- package/src/ListItem/ListItem.tsx +6 -3
- package/src/ListItem/ListItemText.tsx +2 -1
- package/src/Menu/Menu.tsx +20 -12
- package/src/Menu/animation.ts +1 -1
- package/src/NotchedOutline/NotchedOutline.story.tsx +2 -1
- package/src/NotchedOutline/NotchedOutline.tsx +2 -1
- package/src/NotchedOutline/styledComponents.ts +3 -2
- package/src/Paper/Paper.story.tsx +2 -1
- package/src/Paper/Paper.tsx +22 -9
- package/src/ProgressSpinner/ProgressSpinner.story.tsx +1 -0
- package/src/ProgressSpinner/ProgressSpinner.tsx +5 -2
- package/src/RadioButton/RadioButton.story.tsx +2 -1
- package/src/RadioButton/RadioButton.tsx +9 -7
- package/src/RadioButton/RadioButtonIcon.tsx +2 -1
- package/src/RadioButton/RadioGroup.tsx +5 -5
- package/src/Ripple/Ripple.story.tsx +8 -2
- package/src/Ripple/Ripple.tsx +2 -1
- package/src/Ripple/RippleBox.tsx +8 -4
- package/src/Ripple/keyframes.ts +2 -1
- package/src/Ripple/useRipple.ts +1 -0
- package/src/Ripple/useRippleHandlers.ts +3 -1
- package/src/Ripple/useRippleSurface.ts +9 -7
- package/src/Select/PaymentMethodSelect.story.tsx +3 -1
- package/src/Select/Select.story.tsx +1 -0
- package/src/Select/Select.tsx +6 -4
- package/src/Select/SelectIcon.tsx +6 -3
- package/src/Select/defaultRender.ts +13 -13
- package/src/Select/styledComponents.tsx +5 -3
- package/src/SelectItem/SelectItem.tsx +4 -2
- package/src/SelectionControl/SelectionControlLabel.tsx +6 -3
- package/src/SelectionControl/SelectionControlText.tsx +4 -2
- package/src/Skeleton/DelayAppearance.tsx +5 -3
- package/src/Skeleton/Skeleton.tsx +4 -2
- package/src/Skeleton/animation.ts +3 -2
- package/src/Snackbar/Snackbar.story.tsx +1 -0
- package/src/Snackbar/Snackbar.tsx +5 -3
- package/src/Snackbar/Stack.tsx +3 -3
- package/src/Snackbar/useSnackbarAnimation.ts +3 -1
- package/src/Switch/Switch.tsx +9 -5
- package/src/Switch/styledComponents.tsx +14 -11
- package/src/Tab/Tab.tsx +8 -4
- package/src/Tab/TabList.tsx +5 -5
- package/src/Tab/TabPanel.tsx +5 -5
- package/src/TabIndicator/TabIndicator.tsx +6 -3
- package/src/Table/Table.tsx +4 -1
- package/src/Table/TableBody.tsx +3 -1
- package/src/Table/TableCell.tsx +3 -1
- package/src/Table/TableHead.tsx +4 -2
- package/src/Table/TableRow.tsx +4 -2
- package/src/Text/LoremIpsum.tsx +2 -1
- package/src/Text/Text.tsx +4 -2
- package/src/TextField/FilledContainer.tsx +5 -3
- package/src/TextField/HelperText.tsx +3 -2
- package/src/TextField/IconContainer.tsx +3 -2
- package/src/TextField/Input.tsx +5 -3
- package/src/TextField/OutlinedContainer.tsx +5 -3
- package/src/TextField/TextField.story.tsx +1 -0
- package/src/TextField/TextField.tsx +6 -3
- package/src/ThemeExplorer/ColorPicker.tsx +19 -16
- package/src/ThemeExplorer/TextFieldColorPicker.tsx +5 -2
- package/src/ThemeExplorer/ThemeBuilder.story.tsx +8 -12
- package/src/ThemeExplorer/ThemeColors.tsx +2 -1
- package/src/ThemeExplorer/ThemeExplorer.story.tsx +1 -0
- package/src/ThemeExplorer/components.tsx +5 -18
- package/src/ThemeExplorer/makeColorScheme.tsx +2 -1
- package/src/ThemeExplorer/useDeferredColor.tsx +2 -1
- package/src/Tooltip/Tooltip.story.tsx +1 -0
- package/src/Tooltip/Tooltip.tsx +8 -4
- package/src/color.ts +18 -16
- package/src/hooks/useAnimation.ts +2 -1
- package/src/theme/useTheme.ts +3 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TextProps } from '../Text';
|
|
2
|
+
import type { TextProps } from '../Text';
|
|
3
3
|
export declare type AlertProps = TextProps & {
|
|
4
4
|
color?: string;
|
|
5
5
|
};
|
|
6
|
-
export declare const Alert: import("react").ForwardRefExoticComponent<Pick<AlertProps, "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "
|
|
6
|
+
export declare const Alert: import("react").ForwardRefExoticComponent<Pick<AlertProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
|
package/build/esm/Alert/Alert.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { alpha } from '../color';
|
|
5
5
|
import { Text } from '../Text';
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
export var Alert = /*#__PURE__*/forwardRef(function Alert(props, forwardedRef) {
|
|
8
|
+
var _props$as = props.as,
|
|
9
|
+
as = _props$as === void 0 ? 'div' : _props$as,
|
|
10
|
+
_props$color = props.color,
|
|
11
|
+
color = _props$color === void 0 ? 'secondary' : _props$color,
|
|
12
|
+
__css = props.__css,
|
|
13
|
+
otherProps = _objectWithoutProperties(props, ["as", "color", "__css"]);
|
|
14
14
|
|
|
15
15
|
return /*#__PURE__*/_jsx(Text, _extends({
|
|
16
16
|
ref: forwardedRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Alert/Alert.tsx"],"names":["forwardRef","alpha","Text","Alert","props","forwardedRef","as","color","__css","otherProps","p","bg","borderRadius","borderColor","borderStyle","borderWidth"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;
|
|
1
|
+
{"version":3,"sources":["../../../src/Alert/Alert.tsx"],"names":["forwardRef","alpha","Text","Alert","props","forwardedRef","as","color","__css","otherProps","p","bg","borderRadius","borderColor","borderStyle","borderWidth"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,KAAT,QAAsB,UAAtB;AAEA,SAASC,IAAT,QAAqB,SAArB;;AAIA,OAAO,IAAMC,KAAK,gBAAGH,UAAU,CAA6B,SAASG,KAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;AAAA,kBACkED,KADlE,CACQE,EADR;AAAA,MACQA,EADR,0BACa,KADb;AAAA,qBACkEF,KADlE,CACoBG,KADpB;AAAA,MACoBA,KADpB,6BAC4B,WAD5B;AAAA,MACyCC,KADzC,GACkEJ,KADlE,CACyCI,KADzC;AAAA,MACmDC,UADnD,4BACkEL,KADlE;;AAGA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,EAAE,EAAEC,EAFN;AAGE,IAAA,OAAO,EAAC,OAHV;AAIE,IAAA,KAAK;AACHI,MAAAA,CAAC,EAAE,CADA;AAEHC,MAAAA,EAAE,EAAEV,KAAK,CAACM,KAAD,EAAQ,GAAR,CAFN;AAGHK,MAAAA,YAAY,EAAE,aAHX;AAIHC,MAAAA,WAAW,EAAEZ,KAAK,CAACM,KAAD,EAAQ,GAAR,CAJf;AAKHO,MAAAA,WAAW,EAAE,OALV;AAMHC,MAAAA,WAAW;AANR,OAOAP,KAPA;AAJP,KAaMC,UAbN,EADF;AAiBD,CAvB8B,CAAxB","sourcesContent":["import { rem } from 'polished';\nimport { forwardRef } from 'react';\n\nimport { alpha } from '../color';\nimport type { TextProps } from '../Text';\nimport { Text } from '../Text';\n\nexport type AlertProps = TextProps & { color?: string };\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n props,\n forwardedRef\n) {\n const { as = 'div', color = 'secondary', __css, ...otherProps } = props;\n\n return (\n <Text\n ref={forwardedRef}\n as={as}\n variant=\"body1\"\n __css={{\n p: 3,\n bg: alpha(color, 0.1),\n borderRadius: 'extra-small',\n borderColor: alpha(color, 0.2),\n borderStyle: 'solid',\n borderWidth: rem(1),\n ...__css,\n }}\n {...otherProps}\n />\n );\n});\n"],"file":"Alert.js"}
|
|
File without changes
|
|
File without changes
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { PaperProps } from '../Paper';
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { PaperProps } from '../Paper';
|
|
3
3
|
export interface AppBarProps extends Omit<PaperProps, 'color' | 'elevation'> {
|
|
4
4
|
as?: React.ElementType<any>;
|
|
5
5
|
elevation?: 'default' | 'elevated' | 'dynamic';
|
|
6
6
|
variant?: 'default' | 'primary' | 'secondary' | 'transparent';
|
|
7
7
|
size?: 'default' | 'dense';
|
|
8
8
|
}
|
|
9
|
-
export declare const AppBar: React.ForwardRefExoticComponent<Pick<AppBarProps, "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "
|
|
9
|
+
export declare const AppBar: React.ForwardRefExoticComponent<Pick<AppBarProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,24 +1,32 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import
|
|
2
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
4
|
import { forwardRef, useEffect, useState } from 'react';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { get } from '@styled-system/css';
|
|
4
7
|
import { useTheme } from '../theme';
|
|
5
8
|
import { AppBarProvider } from './context';
|
|
6
|
-
import { get } from '@styled-system/css';
|
|
7
9
|
import { Paper } from '../Paper';
|
|
8
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
export var AppBar = /*#__PURE__*/forwardRef(function AppBar(props, forwardedRef) {
|
|
12
|
+
var _props$elevation = props.elevation,
|
|
13
|
+
elevationProp = _props$elevation === void 0 ? 'default' : _props$elevation,
|
|
14
|
+
_props$variant = props.variant,
|
|
15
|
+
variantProp = _props$variant === void 0 ? 'default' : _props$variant,
|
|
16
|
+
_props$size = props.size,
|
|
17
|
+
size = _props$size === void 0 ? 'default' : _props$size,
|
|
18
|
+
_props$__css = props.__css,
|
|
19
|
+
__css = _props$__css === void 0 ? {} : _props$__css,
|
|
20
|
+
otherProps = _objectWithoutProperties(props, ["elevation", "variant", "size", "__css"]);
|
|
21
|
+
|
|
22
|
+
var _useState = useState(elevationProp),
|
|
23
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
+
elevation = _useState2[0],
|
|
25
|
+
setElevation = _useState2[1];
|
|
17
26
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
const onScroll = function () {
|
|
27
|
+
var theme = useTheme();
|
|
28
|
+
useEffect(function () {
|
|
29
|
+
var onScroll = function onScroll() {
|
|
22
30
|
if (window.scrollY > 10) {
|
|
23
31
|
setElevation('elevated');
|
|
24
32
|
} else {
|
|
@@ -28,7 +36,7 @@ export const AppBar = /*#__PURE__*/forwardRef(function AppBar(props, forwardedRe
|
|
|
28
36
|
|
|
29
37
|
if (elevationProp === 'dynamic') {
|
|
30
38
|
window.addEventListener('scroll', onScroll);
|
|
31
|
-
return ()
|
|
39
|
+
return function () {
|
|
32
40
|
window.removeEventListener('scroll', onScroll);
|
|
33
41
|
};
|
|
34
42
|
} else {
|
|
@@ -40,7 +48,7 @@ export const AppBar = /*#__PURE__*/forwardRef(function AppBar(props, forwardedRe
|
|
|
40
48
|
return /*#__PURE__*/_jsx(AppBarProvider, {
|
|
41
49
|
value: {
|
|
42
50
|
variant: variantProp,
|
|
43
|
-
size
|
|
51
|
+
size: size
|
|
44
52
|
},
|
|
45
53
|
children: /*#__PURE__*/_jsx(Paper, _extends({
|
|
46
54
|
ref: forwardedRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/AppBar/AppBar.tsx"],"names":["forwardRef","useEffect","useState","
|
|
1
|
+
{"version":3,"sources":["../../../src/AppBar/AppBar.tsx"],"names":["forwardRef","useEffect","useState","React","get","useTheme","AppBarProvider","Paper","AppBar","props","forwardedRef","elevation","elevationProp","variant","variantProp","size","__css","otherProps","setElevation","theme","onScroll","window","scrollY","addEventListener","removeEventListener","boxSizing","display","alignItems","width","overflow","transition"],"mappings":";;;AAAA,SAASA,UAAT,EAAqBC,SAArB,EAAgCC,QAAhC,QAAgD,OAAhD;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,oBAApB;AAEA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,cAAT,QAA+B,WAA/B;AAEA,SAASC,KAAT,QAAsB,UAAtB;;AASA,OAAO,IAAMC,MAAM,gBAAGR,UAAU,CAA8B,SAASQ,MAAT,CAC5DC,KAD4D,EAE5DC,YAF4D,EAG5D;AAAA,yBAOID,KAPJ,CAEEE,SAFF;AAAA,MAEaC,aAFb,iCAE6B,SAF7B;AAAA,uBAOIH,KAPJ,CAGEI,OAHF;AAAA,MAGWC,WAHX,+BAGyB,SAHzB;AAAA,oBAOIL,KAPJ,CAIEM,IAJF;AAAA,MAIEA,IAJF,4BAIS,SAJT;AAAA,qBAOIN,KAPJ,CAKEO,KALF;AAAA,MAKEA,KALF,6BAKU,EALV;AAAA,MAMKC,UANL,4BAOIR,KAPJ;;AAAA,kBAQkCP,QAAQ,CAACU,aAAD,CAR1C;AAAA;AAAA,MAQOD,SARP;AAAA,MAQkBO,YARlB;;AASA,MAAMC,KAAK,GAAGd,QAAQ,EAAtB;AAEAJ,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMmB,QAAQ,GAAG,SAAXA,QAAW,GAAY;AAC3B,UAAIC,MAAM,CAACC,OAAP,GAAiB,EAArB,EAAyB;AACvBJ,QAAAA,YAAY,CAAC,UAAD,CAAZ;AACD,OAFD,MAEO;AACLA,QAAAA,YAAY,CAAC,SAAD,CAAZ;AACD;AACF,KAND;;AAQA,QAAIN,aAAa,KAAK,SAAtB,EAAiC;AAC/BS,MAAAA,MAAM,CAACE,gBAAP,CAAwB,QAAxB,EAAkCH,QAAlC;AAEA,aAAO,YAAM;AACXC,QAAAA,MAAM,CAACG,mBAAP,CAA2B,QAA3B,EAAqCJ,QAArC;AACD,OAFD;AAGD,KAND,MAMO;AACLF,MAAAA,YAAY,CAACN,aAAD,CAAZ;AACD;;AAED;AACD,GApBQ,EAoBN,CAACA,aAAD,CApBM,CAAT;AAsBA,sBACE,KAAC,cAAD;AAAgB,IAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAEC,WAAX;AAAwBC,MAAAA,IAAI,EAAJA;AAAxB,KAAvB;AAAA,2BACE,KAAC,KAAD;AACE,MAAA,GAAG,EAAEL,YADP;AAEE,MAAA,KAAK,EAAES,KAFT;AAGE,MAAA,OAAO,EAAC,QAHV;AAIE,MAAA,iBAAiB,EACfR,SAAS,KAAK,UAAd,IAA4BG,WAAW,KAAK,SAA5C,GACIV,GAAG,CAACe,KAAD,8BAA6BR,SAA7B,iBAAoD,CAApD,CADP,GAEI,CAPR;AASE,MAAA,KAAK,EACHG,WAAW,KAAK,SAAhB,IAA6BA,WAAW,KAAK,aAA7C,GACI,YADJ,gBAEUA,WAFV,CAVJ;AAcE,MAAA,KAAK;AACHW,QAAAA,SAAS,EAAE,YADR;AAEHC,QAAAA,OAAO,EAAE,aAFN;AAGHC,QAAAA,UAAU,EAAE,QAHT;AAIHC,QAAAA,KAAK,EAAE,MAJJ;AAKHC,QAAAA,QAAQ,EAAE,QALP;AAMHC,QAAAA,UAAU,EAAE;AANT,SAOA1B,GAAG,CAACe,KAAD,yBAAwBJ,IAAxB,EAPH,EAQAX,GAAG,CAACe,KAAD,4BAA2BL,WAA3B,EARH,EASAE,KATA;AAdP,OAyBMC,UAzBN;AADF,IADF;AA+BD,CAnE+B,CAAzB","sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport * as React from 'react';\nimport { get } from '@styled-system/css';\n\nimport { useTheme } from '../theme';\nimport { AppBarProvider } from './context';\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\n\nexport interface AppBarProps extends Omit<PaperProps, 'color' | 'elevation'> {\n as?: React.ElementType<any>;\n elevation?: 'default' | 'elevated' | 'dynamic';\n variant?: 'default' | 'primary' | 'secondary' | 'transparent';\n size?: 'default' | 'dense';\n}\n\nexport const AppBar = forwardRef<HTMLDivElement, AppBarProps>(function AppBar(\n props,\n forwardedRef\n) {\n const {\n elevation: elevationProp = 'default',\n variant: variantProp = 'default',\n size = 'default',\n __css = {},\n ...otherProps\n } = props;\n const [elevation, setElevation] = useState(elevationProp);\n const theme = useTheme();\n\n useEffect(() => {\n const onScroll = function () {\n if (window.scrollY > 10) {\n setElevation('elevated');\n } else {\n setElevation('default');\n }\n };\n\n if (elevationProp === 'dynamic') {\n window.addEventListener('scroll', onScroll);\n\n return () => {\n window.removeEventListener('scroll', onScroll);\n };\n } else {\n setElevation(elevationProp);\n }\n\n return;\n }, [elevationProp]);\n\n return (\n <AppBarProvider value={{ variant: variantProp, size }}>\n <Paper\n ref={forwardedRef}\n theme={theme}\n variant=\"square\"\n backgroundOverlay={\n elevation === 'elevated' && variantProp === 'default'\n ? get(theme, `appbar.elevations.${elevation}.boxShadow`, 2)\n : 0\n }\n color={\n variantProp === 'default' || variantProp === 'transparent'\n ? 'on.surface'\n : `on.${variantProp}`\n }\n __css={{\n boxSizing: 'border-box',\n display: 'inline-flex',\n alignItems: 'center',\n width: '100%',\n overflow: 'hidden',\n transition: 'box-shadow .28s cubic-bezier(.4,0,.2,1)',\n ...get(theme, `appbar.sizes.${size}`),\n ...get(theme, `appbar.variants.${variantProp}`),\n ...__css,\n }}\n {...otherProps}\n />\n </AppBarProvider>\n );\n});\n"],"file":"AppBar.js"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ButtonProps } from '../Button';
|
|
2
|
+
import type { ButtonProps } from '../Button';
|
|
3
3
|
export declare type AppBarButtonProps = ButtonProps;
|
|
4
|
-
export declare const AppBarButton: import("react").ForwardRefExoticComponent<Pick<ButtonProps, "
|
|
4
|
+
export declare const AppBarButton: import("react").ForwardRefExoticComponent<Pick<ButtonProps, "children" | "form" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "value" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "name" | "type" | "elevation" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isGroupedButton"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { Button } from '../Button';
|
|
5
5
|
import { useAppBarContext } from './context';
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
export var AppBarButton = /*#__PURE__*/forwardRef(function AppBarButton(props, forwardedRef) {
|
|
8
|
+
var _props$variant = props.variant,
|
|
9
|
+
variant = _props$variant === void 0 ? 'icon' : _props$variant,
|
|
10
|
+
otherProps = _objectWithoutProperties(props, ["variant"]);
|
|
11
|
+
|
|
12
|
+
var _useAppBarContext = useAppBarContext(),
|
|
13
|
+
appbarVariant = _useAppBarContext.variant;
|
|
12
14
|
|
|
13
|
-
const {
|
|
14
|
-
variant: appbarVariant
|
|
15
|
-
} = useAppBarContext();
|
|
16
15
|
return /*#__PURE__*/_jsx(Button, _extends({
|
|
17
16
|
ref: forwardedRef,
|
|
18
17
|
variant: variant,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/AppBar/AppBarButton.tsx"],"names":["forwardRef","Button","useAppBarContext","AppBarButton","props","forwardedRef","variant","otherProps","appbarVariant"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;
|
|
1
|
+
{"version":3,"sources":["../../../src/AppBar/AppBarButton.tsx"],"names":["forwardRef","Button","useAppBarContext","AppBarButton","props","forwardedRef","variant","otherProps","appbarVariant"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,gBAAT,QAAiC,WAAjC;;AAIA,OAAO,IAAMC,YAAY,gBAAGH,UAAU,CACpC,SAASG,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;AAAA,uBACGD,KADH,CACjCE,OADiC;AAAA,MACjCA,OADiC,+BACvB,MADuB;AAAA,MACZC,UADY,4BACGH,KADH;;AAAA,0BAENF,gBAAgB,EAFV;AAAA,MAExBM,aAFwB,qBAEjCF,OAFiC;;AAIzC,sBACE,KAAC,MAAD;AACE,IAAA,GAAG,EAAED,YADP;AAEE,IAAA,OAAO,EAAEC,OAFX;AAGE,IAAA,KAAK,EACHE,aAAa,KAAK,SAAlB,GAA8B,YAA9B,gBAAmDA,aAAnD;AAJJ,KAMMD,UANN,EADF;AAUD,CAfmC,CAA/B","sourcesContent":["import { forwardRef } from 'react';\n\nimport type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\nimport { useAppBarContext } from './context';\n\nexport type AppBarButtonProps = ButtonProps;\n\nexport const AppBarButton = forwardRef<HTMLButtonElement, AppBarButtonProps>(\n function AppBarButton(props, forwardedRef) {\n const { variant = 'icon', ...otherProps } = props;\n const { variant: appbarVariant } = useAppBarContext();\n\n return (\n <Button\n ref={forwardedRef}\n variant={variant}\n color={\n appbarVariant === 'default' ? 'on.surface' : `on.${appbarVariant}`\n }\n {...otherProps}\n />\n );\n }\n);\n"],"file":"AppBarButton.js"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AppBarProps } from './AppBar';
|
|
2
|
+
import type { AppBarProps } from './AppBar';
|
|
3
3
|
export declare type AppBarContextProps = Pick<AppBarProps, 'variant' | 'size'>;
|
|
4
4
|
export declare const AppBarProvider: import("react").Provider<AppBarContextProps>;
|
|
5
5
|
export declare const useAppBarContext: () => AppBarContextProps;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { createContext, useContext } from 'react';
|
|
2
|
-
|
|
2
|
+
var appbarContext = /*#__PURE__*/createContext({
|
|
3
3
|
variant: 'default',
|
|
4
4
|
size: 'default'
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
var AppBarProvider = appbarContext.Provider;
|
|
7
|
+
export { AppBarProvider };
|
|
8
|
+
export var useAppBarContext = function useAppBarContext() {
|
|
9
|
+
return useContext(appbarContext);
|
|
10
|
+
};
|
|
10
11
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/AppBar/context.ts"],"names":["createContext","useContext","appbarContext","variant","size","
|
|
1
|
+
{"version":3,"sources":["../../../src/AppBar/context.ts"],"names":["createContext","useContext","appbarContext","variant","size","AppBarProvider","Provider","useAppBarContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAOA,IAAMC,aAAa,gBAAGF,aAAa,CAAqB;AACtDG,EAAAA,OAAO,EAAE,SAD6C;AAEtDC,EAAAA,IAAI,EAAE;AAFgD,CAArB,CAAnC;IAIyBC,c,GAAmBH,a,CAA7BI,Q;;AACf,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAMN,UAAU,CAACC,aAAD,CAAhB;AAAA,CAAzB","sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { AppBarProps } from './AppBar';\n\n// AppBar Component\nexport type AppBarContextProps = Pick<AppBarProps, 'variant' | 'size'>;\n\nconst appbarContext = createContext<AppBarContextProps>({\n variant: 'default',\n size: 'default',\n});\nexport const { Provider: AppBarProvider } = appbarContext;\nexport const useAppBarContext = () => useContext(appbarContext);\n"],"file":"context.js"}
|
|
File without changes
|
|
File without changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { BoxProps } from '../Box';
|
|
2
|
+
import type { BoxProps } from '../Box';
|
|
3
3
|
export interface BadgeProps extends BoxProps {
|
|
4
4
|
placement: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
5
5
|
}
|
|
6
|
-
export declare const Badge: import("react").ForwardRefExoticComponent<Pick<BadgeProps, "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "
|
|
6
|
+
export declare const Badge: import("react").ForwardRefExoticComponent<Pick<BadgeProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "placement"> & import("react").RefAttributes<HTMLDivElement>>;
|
package/build/esm/Badge/Badge.js
CHANGED
|
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { Box } from '../Box';
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
export
|
|
6
|
-
|
|
5
|
+
export var Badge = /*#__PURE__*/forwardRef(function Badge(props, forwardedRef) {
|
|
6
|
+
var otherProps = _extends({}, props);
|
|
7
7
|
|
|
8
8
|
return /*#__PURE__*/_jsx(Box, _extends({
|
|
9
9
|
ref: forwardedRef
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Badge/Badge.tsx"],"names":["forwardRef","Box","Badge","props","forwardedRef","otherProps"],"mappings":";AAAA,SAASA,UAAT,QAA2B,OAA3B;
|
|
1
|
+
{"version":3,"sources":["../../../src/Badge/Badge.tsx"],"names":["forwardRef","Box","Badge","props","forwardedRef","otherProps"],"mappings":";AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAMA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAA6B,SAASE,KAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;AAAA,MACWC,UADX,gBAC0BF,KAD1B;;AAGA,sBAAO,KAAC,GAAD;AAAK,IAAA,GAAG,EAAEC;AAAV,KAA4BC,UAA5B,EAAP;AACD,CAP8B,CAAxB","sourcesContent":["import { forwardRef } from 'react';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport interface BadgeProps extends BoxProps {\n placement: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n}\n\nexport const Badge = forwardRef<HTMLDivElement, BadgeProps>(function Badge(\n props,\n forwardedRef\n) {\n const { ...otherProps } = props;\n\n return <Box ref={forwardedRef} {...otherProps} />;\n});\n"],"file":"Badge.js"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { css as _css } from "@emotion/react";
|
|
2
2
|
import { Global } from '@emotion/react';
|
|
3
|
-
import { useTheme } from '../theme';
|
|
4
3
|
import { css, get } from '@styled-system/css';
|
|
4
|
+
import { useTheme } from '../theme';
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
7
7
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
-
export
|
|
9
|
-
|
|
8
|
+
export var BaseLine = function BaseLine() {
|
|
9
|
+
var theme = useTheme();
|
|
10
10
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
11
11
|
children: [/*#__PURE__*/_jsx(Global, {
|
|
12
12
|
styles: css(get(theme, 'styles.root', {}))
|
|
@@ -136,7 +136,7 @@ export const BaseLine = () => {
|
|
|
136
136
|
'[hidden]': {
|
|
137
137
|
display: 'none'
|
|
138
138
|
}
|
|
139
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:BaseLine;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
139
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:BaseLine;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXNlTGluZS9CYXNlTGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWVEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Jhc2VMaW5lL0Jhc2VMaW5lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcywgZ2V0IH0gZnJvbSAnQHN0eWxlZC1zeXN0ZW0vY3NzJztcblxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBCYXNlTGluZSA9ICgpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17Y3NzKGdldCh0aGVtZSwgJ3N0eWxlcy5yb290Jywge30pKX0gLz5cbiAgICAgIHsvKiBub3JtYWxpemUuY3NzICovfVxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e3tcbiAgICAgICAgICBodG1sOiB7IGxpbmVIZWlnaHQ6ICcxLjE1JywgV2Via2l0VGV4dFNpemVBZGp1c3Q6ICcxMDAlJyB9LFxuICAgICAgICAgIGJvZHk6IHtcbiAgICAgICAgICAgIG1hcmdpbjogJzAnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgbWFpbjogeyBkaXNwbGF5OiAnYmxvY2snIH0sXG4gICAgICAgICAgaDE6IHsgZm9udFNpemU6ICcyZW0nLCBtYXJnaW46ICcwLjY3ZW0gMCcgfSxcbiAgICAgICAgICBocjogeyBib3hTaXppbmc6ICdjb250ZW50LWJveCcsIGhlaWdodDogJzAnLCBvdmVyZmxvdzogJ3Zpc2libGUnIH0sXG4gICAgICAgICAgcHJlOiB7IGZvbnRGYW1pbHk6ICdtb25vc3BhY2UsIG1vbm9zcGFjZScsIGZvbnRTaXplOiAnMWVtJyB9LFxuICAgICAgICAgIGE6IHsgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH0sXG4gICAgICAgICAgJ2FiYnJbdGl0bGVdJzoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tOiAnbm9uZScsXG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogWyd1bmRlcmxpbmUnLCAndW5kZXJsaW5lIGRvdHRlZCddLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJ2Isc3Ryb25nJzogeyBmb250V2VpZ2h0OiAnYm9sZGVyJyB9LFxuICAgICAgICAgICdjb2RlLGtiZCxzYW1wJzoge1xuICAgICAgICAgICAgZm9udEZhbWlseTogJ21vbm9zcGFjZSwgbW9ub3NwYWNlJyxcbiAgICAgICAgICAgIGZvbnRTaXplOiAnMWVtJyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIHNtYWxsOiB7IGZvbnRTaXplOiAnODAlJyB9LFxuICAgICAgICAgICdzdWIsc3VwJzoge1xuICAgICAgICAgICAgZm9udFNpemU6ICc3NSUnLFxuICAgICAgICAgICAgbGluZUhlaWdodDogJzAnLFxuICAgICAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgICAgICB2ZXJ0aWNhbEFsaWduOiAnYmFzZWxpbmUnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgc3ViOiB7IGJvdHRvbTogJy0wLjI1ZW0nIH0sXG4gICAgICAgICAgc3VwOiB7IHRvcDogJy0wLjVlbScgfSxcbiAgICAgICAgICBpbWc6IHsgYm9yZGVyU3R5bGU6ICdub25lJyB9LFxuICAgICAgICAgICdidXR0b24saW5wdXQsb3B0Z3JvdXAsc2VsZWN0LHRleHRhcmVhJzoge1xuICAgICAgICAgICAgZm9udEZhbWlseTogJ2luaGVyaXQnLFxuICAgICAgICAgICAgZm9udFNpemU6ICcxMDAlJyxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICcxLjE1JyxcbiAgICAgICAgICAgIG1hcmdpbjogJzAnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJ2J1dHRvbixpbnB1dCc6IHsgb3ZlcmZsb3c6ICd2aXNpYmxlJyB9LFxuICAgICAgICAgICdidXR0b24sc2VsZWN0JzogeyB0ZXh0VHJhbnNmb3JtOiAnbm9uZScgfSxcbiAgICAgICAgICAnYnV0dG9uLFt0eXBlPVwiYnV0dG9uXCJdLFt0eXBlPVwicmVzZXRcIl0sW3R5cGU9XCJzdWJtaXRcIl0nOiB7XG4gICAgICAgICAgICBXZWJraXRBcHBlYXJhbmNlOiAnYnV0dG9uJyxcbiAgICAgICAgICB9LFxuICAgICAgICAgICdidXR0b246Oi1tb3otZm9jdXMtaW5uZXIsW3R5cGU9XCJidXR0b25cIl06Oi1tb3otZm9jdXMtaW5uZXIsW3R5cGU9XCJyZXNldFwiXTo6LW1vei1mb2N1cy1pbm5lcixbdHlwZT1cInN1Ym1pdFwiXTo6LW1vei1mb2N1cy1pbm5lcic6XG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGJvcmRlclN0eWxlOiAnbm9uZScsXG4gICAgICAgICAgICAgIHBhZGRpbmc6ICcwJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgJ2J1dHRvbjotbW96LWZvY3VzcmluZyxbdHlwZT1cImJ1dHRvblwiXTotbW96LWZvY3VzcmluZyxbdHlwZT1cInJlc2V0XCJdOi1tb3otZm9jdXNyaW5nLFt0eXBlPVwic3VibWl0XCJdOi1tb3otZm9jdXNyaW5nJzpcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgb3V0bGluZTogJzFweCBkb3R0ZWQgQnV0dG9uVGV4dCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIGZpZWxkc2V0OiB7IHBhZGRpbmc6ICcwLjM1ZW0gMC43NWVtIDAuNjI1ZW0nIH0sXG4gICAgICAgICAgbGVnZW5kOiB7XG4gICAgICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgICAgIGNvbG9yOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBkaXNwbGF5OiAndGFibGUnLFxuICAgICAgICAgICAgbWF4V2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgIHBhZGRpbmc6ICcwJyxcbiAgICAgICAgICAgIHdoaXRlU3BhY2U6ICdub3JtYWwnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgcHJvZ3Jlc3M6IHsgdmVydGljYWxBbGlnbjogJ2Jhc2VsaW5lJyB9LFxuICAgICAgICAgIHRleHRhcmVhOiB7IG92ZXJmbG93OiAnYXV0bycgfSxcbiAgICAgICAgICAnW3R5cGU9XCJjaGVja2JveFwiXSxbdHlwZT1cInJhZGlvXCJdJzoge1xuICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICBwYWRkaW5nOiAnMCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnW3R5cGU9XCJudW1iZXJcIl06Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sW3R5cGU9XCJudW1iZXJcIl06Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24nOlxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgJ1t0eXBlPVwic2VhcmNoXCJdJzoge1xuICAgICAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogJ3RleHRmaWVsZCcsXG4gICAgICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTJweCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnW3R5cGU9XCJzZWFyY2hcIl06Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb24nOiB7XG4gICAgICAgICAgICBXZWJraXRBcHBlYXJhbmNlOiAnbm9uZScsXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnOjotd2Via2l0LWZpbGUtdXBsb2FkLWJ1dHRvbic6IHtcbiAgICAgICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6ICdidXR0b24nLFxuICAgICAgICAgICAgZm9udDogJ2luaGVyaXQnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgZGV0YWlsczogeyBkaXNwbGF5OiAnYmxvY2snIH0sXG4gICAgICAgICAgc3VtbWFyeTogeyBkaXNwbGF5OiAnbGlzdC1pdGVtJyB9LFxuICAgICAgICAgIHRlbXBsYXRlOiB7IGRpc3BsYXk6ICdub25lJyB9LFxuICAgICAgICAgICdbaGlkZGVuXSc6IHsgZGlzcGxheTogJ25vbmUnIH0sXG4gICAgICAgIH19XG4gICAgICAvPlxuICAgIDwvPlxuICApO1xufTtcbiJdfQ== */")
|
|
140
140
|
})]
|
|
141
141
|
});
|
|
142
142
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/BaseLine/BaseLine.tsx"],"names":["Global","
|
|
1
|
+
{"version":3,"sources":["../../../src/BaseLine/BaseLine.tsx"],"names":["Global","css","get","useTheme","BaseLine","theme","html","lineHeight","WebkitTextSizeAdjust","body","margin","main","display","h1","fontSize","hr","boxSizing","height","overflow","pre","fontFamily","a","backgroundColor","borderBottom","textDecoration","fontWeight","small","position","verticalAlign","sub","bottom","sup","top","img","borderStyle","textTransform","WebkitAppearance","padding","outline","fieldset","legend","color","maxWidth","whiteSpace","progress","textarea","outlineOffset","font","details","summary","template"],"mappings":";AAAA,SAASA,MAAT,QAAuB,gBAAvB;AACA,SAASC,GAAT,EAAcC,GAAd,QAAyB,oBAAzB;AAEA,SAASC,QAAT,QAAyB,UAAzB;;;;AAEA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,GAAM;AAC5B,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;AACA,sBACE;AAAA,4BACE,KAAC,MAAD;AAAQ,MAAA,MAAM,EAAEF,GAAG,CAACC,GAAG,CAACG,KAAD,EAAQ,aAAR,EAAuB,EAAvB,CAAJ;AAAnB,MADF,eAGE,KAAC,MAAD;AACE,MAAA,MAAM,oBAAE;AACNC,QAAAA,IAAI,EAAE;AAAEC,UAAAA,UAAU,EAAE,MAAd;AAAsBC,UAAAA,oBAAoB,EAAE;AAA5C,SADA;AAENC,QAAAA,IAAI,EAAE;AACJC,UAAAA,MAAM,EAAE;AADJ,SAFA;AAKNC,QAAAA,IAAI,EAAE;AAAEC,UAAAA,OAAO,EAAE;AAAX,SALA;AAMNC,QAAAA,EAAE,EAAE;AAAEC,UAAAA,QAAQ,EAAE,KAAZ;AAAmBJ,UAAAA,MAAM,EAAE;AAA3B,SANE;AAONK,QAAAA,EAAE,EAAE;AAAEC,UAAAA,SAAS,EAAE,aAAb;AAA4BC,UAAAA,MAAM,EAAE,GAApC;AAAyCC,UAAAA,QAAQ,EAAE;AAAnD,SAPE;AAQNC,QAAAA,GAAG,EAAE;AAAEC,UAAAA,UAAU,EAAE,sBAAd;AAAsCN,UAAAA,QAAQ,EAAE;AAAhD,SARC;AASNO,QAAAA,CAAC,EAAE;AAAEC,UAAAA,eAAe,EAAE;AAAnB,SATG;AAUN,uBAAe;AACbC,UAAAA,YAAY,EAAE,MADD;AAEbC,UAAAA,cAAc,EAAE,CAAC,WAAD,EAAc,kBAAd;AAFH,SAVT;AAcN,oBAAY;AAAEC,UAAAA,UAAU,EAAE;AAAd,SAdN;AAeN,yBAAiB;AACfL,UAAAA,UAAU,EAAE,sBADG;AAEfN,UAAAA,QAAQ,EAAE;AAFK,SAfX;AAmBNY,QAAAA,KAAK,EAAE;AAAEZ,UAAAA,QAAQ,EAAE;AAAZ,SAnBD;AAoBN,mBAAW;AACTA,UAAAA,QAAQ,EAAE,KADD;AAETP,UAAAA,UAAU,EAAE,GAFH;AAGToB,UAAAA,QAAQ,EAAE,UAHD;AAITC,UAAAA,aAAa,EAAE;AAJN,SApBL;AA0BNC,QAAAA,GAAG,EAAE;AAAEC,UAAAA,MAAM,EAAE;AAAV,SA1BC;AA2BNC,QAAAA,GAAG,EAAE;AAAEC,UAAAA,GAAG,EAAE;AAAP,SA3BC;AA4BNC,QAAAA,GAAG,EAAE;AAAEC,UAAAA,WAAW,EAAE;AAAf,SA5BC;AA6BN,iDAAyC;AACvCd,UAAAA,UAAU,EAAE,SAD2B;AAEvCN,UAAAA,QAAQ,EAAE,MAF6B;AAGvCP,UAAAA,UAAU,EAAE,MAH2B;AAIvCG,UAAAA,MAAM,EAAE;AAJ+B,SA7BnC;AAmCN,wBAAgB;AAAEQ,UAAAA,QAAQ,EAAE;AAAZ,SAnCV;AAoCN,yBAAiB;AAAEiB,UAAAA,aAAa,EAAE;AAAjB,SApCX;AAqCN,iEAAyD;AACvDC,UAAAA,gBAAgB,EAAE;AADqC,SArCnD;AAwCN,yIACE;AACEF,UAAAA,WAAW,EAAE,MADf;AAEEG,UAAAA,OAAO,EAAE;AAFX,SAzCI;AA6CN,6HACE;AACEC,UAAAA,OAAO,EAAE;AADX,SA9CI;AAiDNC,QAAAA,QAAQ,EAAE;AAAEF,UAAAA,OAAO,EAAE;AAAX,SAjDJ;AAkDNG,QAAAA,MAAM,EAAE;AACNxB,UAAAA,SAAS,EAAE,YADL;AAENyB,UAAAA,KAAK,EAAE,SAFD;AAGN7B,UAAAA,OAAO,EAAE,OAHH;AAIN8B,UAAAA,QAAQ,EAAE,MAJJ;AAKNL,UAAAA,OAAO,EAAE,GALH;AAMNM,UAAAA,UAAU,EAAE;AANN,SAlDF;AA0DNC,QAAAA,QAAQ,EAAE;AAAEhB,UAAAA,aAAa,EAAE;AAAjB,SA1DJ;AA2DNiB,QAAAA,QAAQ,EAAE;AAAE3B,UAAAA,QAAQ,EAAE;AAAZ,SA3DJ;AA4DN,4CAAoC;AAClCF,UAAAA,SAAS,EAAE,YADuB;AAElCqB,UAAAA,OAAO,EAAE;AAFyB,SA5D9B;AAgEN,iGACE;AACEpB,UAAAA,MAAM,EAAE;AADV,SAjEI;AAoEN,2BAAmB;AACjBmB,UAAAA,gBAAgB,EAAE,WADD;AAEjBU,UAAAA,aAAa,EAAE;AAFE,SApEb;AAwEN,sDAA8C;AAC5CV,UAAAA,gBAAgB,EAAE;AAD0B,SAxExC;AA2EN,wCAAgC;AAC9BA,UAAAA,gBAAgB,EAAE,QADY;AAE9BW,UAAAA,IAAI,EAAE;AAFwB,SA3E1B;AA+ENC,QAAAA,OAAO,EAAE;AAAEpC,UAAAA,OAAO,EAAE;AAAX,SA/EH;AAgFNqC,QAAAA,OAAO,EAAE;AAAErC,UAAAA,OAAO,EAAE;AAAX,SAhFH;AAiFNsC,QAAAA,QAAQ,EAAE;AAAEtC,UAAAA,OAAO,EAAE;AAAX,SAjFJ;AAkFN,oBAAY;AAAEA,UAAAA,OAAO,EAAE;AAAX;AAlFN,OAAF;AADR,MAHF;AAAA,IADF;AA4FD,CA9FM","sourcesContent":["import { Global } from '@emotion/react';\nimport { css, get } from '@styled-system/css';\n\nimport { useTheme } from '../theme';\n\nexport const BaseLine = () => {\n const theme = useTheme();\n return (\n <>\n <Global styles={css(get(theme, 'styles.root', {}))} />\n {/* normalize.css */}\n <Global\n styles={{\n html: { lineHeight: '1.15', WebkitTextSizeAdjust: '100%' },\n body: {\n margin: '0',\n },\n main: { display: 'block' },\n h1: { fontSize: '2em', margin: '0.67em 0' },\n hr: { boxSizing: 'content-box', height: '0', overflow: 'visible' },\n pre: { fontFamily: 'monospace, monospace', fontSize: '1em' },\n a: { backgroundColor: 'transparent' },\n 'abbr[title]': {\n borderBottom: 'none',\n textDecoration: ['underline', 'underline dotted'],\n },\n 'b,strong': { fontWeight: 'bolder' },\n 'code,kbd,samp': {\n fontFamily: 'monospace, monospace',\n fontSize: '1em',\n },\n small: { fontSize: '80%' },\n 'sub,sup': {\n fontSize: '75%',\n lineHeight: '0',\n position: 'relative',\n verticalAlign: 'baseline',\n },\n sub: { bottom: '-0.25em' },\n sup: { top: '-0.5em' },\n img: { borderStyle: 'none' },\n 'button,input,optgroup,select,textarea': {\n fontFamily: 'inherit',\n fontSize: '100%',\n lineHeight: '1.15',\n margin: '0',\n },\n 'button,input': { overflow: 'visible' },\n 'button,select': { textTransform: 'none' },\n 'button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]': {\n WebkitAppearance: 'button',\n },\n 'button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner':\n {\n borderStyle: 'none',\n padding: '0',\n },\n 'button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring':\n {\n outline: '1px dotted ButtonText',\n },\n fieldset: { padding: '0.35em 0.75em 0.625em' },\n legend: {\n boxSizing: 'border-box',\n color: 'inherit',\n display: 'table',\n maxWidth: '100%',\n padding: '0',\n whiteSpace: 'normal',\n },\n progress: { verticalAlign: 'baseline' },\n textarea: { overflow: 'auto' },\n '[type=\"checkbox\"],[type=\"radio\"]': {\n boxSizing: 'border-box',\n padding: '0',\n },\n '[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button':\n {\n height: 'auto',\n },\n '[type=\"search\"]': {\n WebkitAppearance: 'textfield',\n outlineOffset: '-2px',\n },\n '[type=\"search\"]::-webkit-search-decoration': {\n WebkitAppearance: 'none',\n },\n '::-webkit-file-upload-button': {\n WebkitAppearance: 'button',\n font: 'inherit',\n },\n details: { display: 'block' },\n summary: { display: 'list-item' },\n template: { display: 'none' },\n '[hidden]': { display: 'none' },\n }}\n />\n </>\n );\n};\n"],"file":"BaseLine.js"}
|
|
File without changes
|
|
File without changes
|