@basic-ui/material 1.0.0-alpha.51 → 1.0.0-alpha.54
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/README.md +3 -3
- package/build/cjs/index.js +520 -447
- package/build/cjs/index.js.map +1 -1
- package/build/esm/Alert/Alert.d.ts +5 -6
- package/build/esm/Alert/Alert.js +14 -16
- package/build/esm/Alert/Alert.js.map +1 -1
- package/build/esm/Alert/index.d.ts +1 -1
- package/build/esm/Alert/index.js.map +1 -1
- package/build/esm/AppBar/AppBar.d.ts +9 -9
- package/build/esm/AppBar/AppBar.js +25 -34
- package/build/esm/AppBar/AppBar.js.map +1 -1
- package/build/esm/AppBar/AppBarButton.d.ts +3 -4
- package/build/esm/AppBar/AppBarButton.js +12 -14
- package/build/esm/AppBar/AppBarButton.js.map +1 -1
- package/build/esm/AppBar/context.d.ts +4 -5
- package/build/esm/AppBar/context.js +8 -6
- package/build/esm/AppBar/context.js.map +1 -1
- package/build/esm/AppBar/index.d.ts +3 -3
- package/build/esm/AppBar/index.js.map +1 -1
- package/build/esm/Badge/Badge.d.ts +5 -6
- package/build/esm/Badge/Badge.js +25 -26
- package/build/esm/Badge/Badge.js.map +1 -1
- package/build/esm/Badge/index.d.ts +1 -1
- package/build/esm/Badge/index.js.map +1 -1
- package/build/esm/BaseLine/BaseLine.d.ts +1 -1
- package/build/esm/BaseLine/BaseLine.js +4 -6
- package/build/esm/BaseLine/BaseLine.js.map +1 -1
- package/build/esm/BaseLine/index.d.ts +1 -1
- package/build/esm/BaseLine/index.js.map +1 -1
- package/build/esm/BottomSheet/BottomSheet.d.ts +6 -7
- package/build/esm/BottomSheet/BottomSheet.js +17 -21
- package/build/esm/BottomSheet/BottomSheet.js.map +1 -1
- package/build/esm/BottomSheet/BottomSheetSurface.d.ts +4 -5
- package/build/esm/BottomSheet/BottomSheetSurface.js +14 -14
- package/build/esm/BottomSheet/BottomSheetSurface.js.map +1 -1
- package/build/esm/BottomSheet/index.d.ts +1 -1
- package/build/esm/BottomSheet/index.js.map +1 -1
- package/build/esm/Box/Box.d.ts +23 -23
- package/build/esm/Box/Box.js +26 -26
- package/build/esm/Box/Box.js.map +1 -1
- package/build/esm/Box/index.d.ts +1 -1
- package/build/esm/Box/index.js.map +1 -1
- package/build/esm/Button/BaseButton.d.ts +14 -7
- package/build/esm/Button/BaseButton.js +107 -36
- package/build/esm/Button/BaseButton.js.map +1 -1
- package/build/esm/Button/Button.d.ts +14 -13
- package/build/esm/Button/Button.js +66 -48
- package/build/esm/Button/Button.js.map +1 -1
- package/build/esm/Button/ButtonGroup.d.ts +4 -5
- package/build/esm/Button/ButtonGroup.js +119 -21
- package/build/esm/Button/ButtonGroup.js.map +1 -1
- package/build/esm/Button/FilledButton.d.ts +10 -11
- package/build/esm/Button/FilledButton.js +18 -60
- package/build/esm/Button/FilledButton.js.map +1 -1
- package/build/esm/Button/FloatingActionButton.d.ts +9 -7
- package/build/esm/Button/FloatingActionButton.js +5 -4
- package/build/esm/Button/FloatingActionButton.js.map +1 -1
- package/build/esm/Button/IconButton.d.ts +8 -8
- package/build/esm/Button/IconButton.js +3 -3
- package/build/esm/Button/IconButton.js.map +1 -1
- package/build/esm/Button/IconFilledButton.d.ts +2 -0
- package/build/esm/Button/IconFilledButton.js +3 -0
- package/build/esm/Button/IconFilledButton.js.map +1 -0
- package/build/esm/Button/IconOutlinedButton.d.ts +2 -0
- package/build/esm/Button/IconOutlinedButton.js +3 -0
- package/build/esm/Button/IconOutlinedButton.js.map +1 -0
- package/build/esm/Button/OutlinedButton.d.ts +3 -4
- package/build/esm/Button/OutlinedButton.js +3 -43
- package/build/esm/Button/OutlinedButton.js.map +1 -1
- package/build/esm/Button/SplitButton.d.ts +9 -0
- package/build/esm/Button/SplitButton.js +32 -0
- package/build/esm/Button/SplitButton.js.map +1 -0
- package/build/esm/Button/TransparentButton.d.ts +10 -11
- package/build/esm/Button/TransparentButton.js +11 -54
- package/build/esm/Button/TransparentButton.js.map +1 -1
- package/build/esm/Button/context.d.ts +9 -8
- package/build/esm/Button/context.js +5 -4
- package/build/esm/Button/context.js.map +1 -1
- package/build/esm/Button/index.d.ts +3 -2
- package/build/esm/Button/index.js +1 -0
- package/build/esm/Button/index.js.map +1 -1
- package/build/esm/CheckBox/CheckBox.d.ts +13 -13
- package/build/esm/CheckBox/CheckBox.js +45 -61
- package/build/esm/CheckBox/CheckBox.js.map +1 -1
- package/build/esm/CheckBox/CheckBoxIcon.d.ts +10 -10
- package/build/esm/CheckBox/CheckBoxIcon.js +19 -24
- package/build/esm/CheckBox/CheckBoxIcon.js.map +1 -1
- package/build/esm/CheckBox/CheckPath.d.ts +3 -3
- package/build/esm/CheckBox/CheckPath.js +15 -16
- package/build/esm/CheckBox/CheckPath.js.map +1 -1
- package/build/esm/CheckBox/IndeterminatePath.d.ts +3 -3
- package/build/esm/CheckBox/IndeterminatePath.js +14 -16
- package/build/esm/CheckBox/IndeterminatePath.js.map +1 -1
- package/build/esm/CheckBox/index.d.ts +1 -1
- package/build/esm/CheckBox/index.js.map +1 -1
- package/build/esm/Chip/ButtonChip.d.ts +9 -9
- package/build/esm/Chip/ButtonChip.js +20 -24
- package/build/esm/Chip/ButtonChip.js.map +1 -1
- package/build/esm/Chip/Chip.d.ts +4 -4
- package/build/esm/Chip/Chip.js.map +1 -1
- package/build/esm/Chip/ChipBase.d.ts +10 -10
- package/build/esm/Chip/ChipBase.js +50 -54
- package/build/esm/Chip/ChipBase.js.map +1 -1
- package/build/esm/Chip/ChoiceChip.d.ts +10 -10
- package/build/esm/Chip/ChoiceChip.js +34 -38
- package/build/esm/Chip/ChoiceChip.js.map +1 -1
- package/build/esm/Chip/index.d.ts +2 -2
- package/build/esm/Chip/index.js.map +1 -1
- package/build/esm/Combobox/Combobox.d.ts +23 -23
- package/build/esm/Combobox/Combobox.js +126 -107
- package/build/esm/Combobox/Combobox.js.map +1 -1
- package/build/esm/Combobox/index.d.ts +1 -1
- package/build/esm/Combobox/index.js.map +1 -1
- package/build/esm/Dialog/Dialog.d.ts +19 -20
- package/build/esm/Dialog/Dialog.js +38 -42
- package/build/esm/Dialog/Dialog.js.map +1 -1
- package/build/esm/Dialog/DialogBackdrop.d.ts +6 -7
- package/build/esm/Dialog/DialogBackdrop.js +18 -17
- package/build/esm/Dialog/DialogBackdrop.js.map +1 -1
- package/build/esm/Dialog/DialogContainer.d.ts +3 -4
- package/build/esm/Dialog/DialogContainer.js +12 -12
- package/build/esm/Dialog/DialogContainer.js.map +1 -1
- package/build/esm/Dialog/DialogSurface.d.ts +6 -7
- package/build/esm/Dialog/DialogSurface.js +26 -26
- package/build/esm/Dialog/DialogSurface.js.map +1 -1
- package/build/esm/Dialog/Scrim.d.ts +3 -4
- package/build/esm/Dialog/Scrim.js +12 -12
- package/build/esm/Dialog/Scrim.js.map +1 -1
- package/build/esm/Dialog/index.d.ts +2 -2
- package/build/esm/Dialog/index.js.map +1 -1
- package/build/esm/Dialog/useDialogAnimation.d.ts +57 -824
- package/build/esm/Dialog/useDialogAnimation.js +23 -24
- package/build/esm/Dialog/useDialogAnimation.js.map +1 -1
- package/build/esm/Divider/Divider.d.ts +7 -7
- package/build/esm/Divider/Divider.js +27 -28
- package/build/esm/Divider/Divider.js.map +1 -1
- package/build/esm/Divider/index.d.ts +1 -1
- package/build/esm/Divider/index.js.map +1 -1
- package/build/esm/FloatingLabel/FloatingLabel.d.ts +13 -13
- package/build/esm/FloatingLabel/FloatingLabel.js +27 -33
- package/build/esm/FloatingLabel/FloatingLabel.js.map +1 -1
- package/build/esm/FloatingLabel/index.d.ts +1 -1
- package/build/esm/FloatingLabel/index.js.map +1 -1
- package/build/esm/LineRipple/LineRipple.d.ts +9 -9
- package/build/esm/LineRipple/LineRipple.js +30 -38
- package/build/esm/LineRipple/LineRipple.js.map +1 -1
- package/build/esm/LineRipple/index.d.ts +1 -1
- package/build/esm/LineRipple/index.js.map +1 -1
- package/build/esm/Link/Link.d.ts +9 -9
- package/build/esm/Link/Link.js +15 -17
- package/build/esm/Link/Link.js.map +1 -1
- package/build/esm/Link/index.d.ts +1 -1
- package/build/esm/Link/index.js.map +1 -1
- package/build/esm/List/List.d.ts +8 -8
- package/build/esm/List/List.js +19 -26
- package/build/esm/List/List.js.map +1 -1
- package/build/esm/List/index.d.ts +1 -1
- package/build/esm/List/index.js.map +1 -1
- package/build/esm/ListItem/ListItem.d.ts +14 -14
- package/build/esm/ListItem/ListItem.js +28 -31
- package/build/esm/ListItem/ListItem.js.map +1 -1
- package/build/esm/ListItem/ListItemText.d.ts +7 -7
- package/build/esm/ListItem/ListItemText.js +12 -16
- package/build/esm/ListItem/ListItemText.js.map +1 -1
- package/build/esm/ListItem/index.d.ts +2 -2
- package/build/esm/ListItem/index.js.map +1 -1
- package/build/esm/Menu/Menu.d.ts +18 -18
- package/build/esm/Menu/Menu.js +70 -60
- package/build/esm/Menu/Menu.js.map +1 -1
- package/build/esm/Menu/animation.d.ts +2 -2
- package/build/esm/Menu/animation.js +3 -3
- package/build/esm/Menu/animation.js.map +1 -1
- package/build/esm/Menu/index.d.ts +2 -2
- package/build/esm/Menu/index.js.map +1 -1
- package/build/esm/NavRail/NavRailItem.d.ts +15 -15
- package/build/esm/NavRail/NavRailItem.js +82 -86
- package/build/esm/NavRail/NavRailItem.js.map +1 -1
- package/build/esm/NavRail/icons/test-icons.d.ts +4 -4
- package/build/esm/NavRail/icons/test-icons.js +33 -40
- package/build/esm/NavRail/icons/test-icons.js.map +1 -1
- package/build/esm/NavRail/index.d.ts +1 -1
- package/build/esm/NavRail/index.js.map +1 -1
- package/build/esm/NotchedOutline/NotchedOutline.d.ts +14 -14
- package/build/esm/NotchedOutline/NotchedOutline.js +26 -34
- package/build/esm/NotchedOutline/NotchedOutline.js.map +1 -1
- package/build/esm/NotchedOutline/context.d.ts +5 -6
- package/build/esm/NotchedOutline/context.js +8 -7
- package/build/esm/NotchedOutline/context.js.map +1 -1
- package/build/esm/NotchedOutline/index.d.ts +1 -1
- package/build/esm/NotchedOutline/index.js.map +1 -1
- package/build/esm/NotchedOutline/styledComponents.d.ts +15 -575
- package/build/esm/NotchedOutline/styledComponents.js +65 -64
- package/build/esm/NotchedOutline/styledComponents.js.map +1 -1
- package/build/esm/Paper/Paper.d.ts +11 -11
- package/build/esm/Paper/Paper.js +25 -25
- package/build/esm/Paper/Paper.js.map +1 -1
- package/build/esm/Paper/index.d.ts +1 -1
- package/build/esm/Paper/index.js.map +1 -1
- package/build/esm/Popover/Popover.d.ts +13 -14
- package/build/esm/Popover/Popover.js +33 -39
- package/build/esm/Popover/Popover.js.map +1 -1
- package/build/esm/Popover/PopoverContainer.d.ts +3 -4
- package/build/esm/Popover/PopoverContainer.js +12 -12
- package/build/esm/Popover/PopoverContainer.js.map +1 -1
- package/build/esm/Popover/PopoverSurface.d.ts +4 -5
- package/build/esm/Popover/PopoverSurface.js +15 -15
- package/build/esm/Popover/PopoverSurface.js.map +1 -1
- package/build/esm/Popover/index.d.ts +1 -1
- package/build/esm/Popover/index.js.map +1 -1
- package/build/esm/ProgressSpinner/ProgressSpinner.d.ts +7 -8
- package/build/esm/ProgressSpinner/ProgressSpinner.js +31 -33
- package/build/esm/ProgressSpinner/ProgressSpinner.js.map +1 -1
- package/build/esm/ProgressSpinner/index.d.ts +1 -1
- package/build/esm/ProgressSpinner/index.js.map +1 -1
- package/build/esm/RadioButton/RadioButton.d.ts +3 -4
- package/build/esm/RadioButton/RadioButton.js +29 -32
- package/build/esm/RadioButton/RadioButton.js.map +1 -1
- package/build/esm/RadioButton/RadioButtonIcon.d.ts +6 -6
- package/build/esm/RadioButton/RadioButtonIcon.js +10 -12
- package/build/esm/RadioButton/RadioButtonIcon.js.map +1 -1
- package/build/esm/RadioButton/RadioGroup.d.ts +4 -5
- package/build/esm/RadioButton/RadioGroup.js +9 -11
- package/build/esm/RadioButton/RadioGroup.js.map +1 -1
- package/build/esm/RadioButton/index.d.ts +2 -2
- package/build/esm/RadioButton/index.js.map +1 -1
- package/build/esm/Ripple/Ripple.d.ts +10 -11
- package/build/esm/Ripple/Ripple.js +12 -10
- package/build/esm/Ripple/Ripple.js.map +1 -1
- package/build/esm/Ripple/RippleBox.d.ts +5 -5
- package/build/esm/Ripple/RippleBox.js +32 -29
- package/build/esm/Ripple/RippleBox.js.map +1 -1
- package/build/esm/Ripple/constants.d.ts +7 -7
- package/build/esm/Ripple/constants.js +7 -7
- package/build/esm/Ripple/constants.js.map +1 -1
- package/build/esm/Ripple/index.d.ts +5 -5
- package/build/esm/Ripple/index.js.map +1 -1
- package/build/esm/Ripple/keyframes.d.ts +4 -4
- package/build/esm/Ripple/keyframes.js +7 -7
- package/build/esm/Ripple/keyframes.js.map +1 -1
- package/build/esm/Ripple/useRipple.d.ts +14 -14
- package/build/esm/Ripple/useRipple.js +79 -84
- package/build/esm/Ripple/useRipple.js.map +1 -1
- package/build/esm/Ripple/useRippleHandlers.d.ts +8 -8
- package/build/esm/Ripple/useRippleHandlers.js +21 -30
- package/build/esm/Ripple/useRippleHandlers.js.map +1 -1
- package/build/esm/Ripple/useRippleSurface.d.ts +22 -787
- package/build/esm/Ripple/useRippleSurface.js +87 -88
- package/build/esm/Ripple/useRippleSurface.js.map +1 -1
- package/build/esm/SearchBar/SearchBar.d.ts +15 -15
- package/build/esm/SearchBar/SearchBar.js +48 -63
- package/build/esm/SearchBar/SearchBar.js.map +1 -1
- package/build/esm/SearchBar/index.d.ts +1 -1
- package/build/esm/SearchBar/index.js.map +1 -1
- package/build/esm/Select/CustomContainerExample.d.ts +2 -3
- package/build/esm/Select/CustomContainerExample.js +29 -34
- package/build/esm/Select/CustomContainerExample.js.map +1 -1
- package/build/esm/Select/Select.d.ts +33 -32
- package/build/esm/Select/Select.js +68 -113
- package/build/esm/Select/Select.js.map +1 -1
- package/build/esm/Select/SelectIcon.d.ts +6 -6
- package/build/esm/Select/SelectIcon.js +11 -13
- package/build/esm/Select/SelectIcon.js.map +1 -1
- package/build/esm/Select/context.d.ts +9 -9
- package/build/esm/Select/context.js +10 -8
- package/build/esm/Select/context.js.map +1 -1
- package/build/esm/Select/defaultRender.d.ts +3 -3
- package/build/esm/Select/defaultRender.js +33 -38
- package/build/esm/Select/defaultRender.js.map +1 -1
- package/build/esm/Select/index.d.ts +1 -1
- package/build/esm/Select/index.js.map +1 -1
- package/build/esm/Select/styledComponents.d.ts +15 -15
- package/build/esm/Select/styledComponents.js +20 -23
- package/build/esm/Select/styledComponents.js.map +1 -1
- package/build/esm/SelectItem/SelectItem.d.ts +11 -11
- package/build/esm/SelectItem/SelectItem.js +37 -47
- package/build/esm/SelectItem/SelectItem.js.map +1 -1
- package/build/esm/SelectItem/index.d.ts +1 -1
- package/build/esm/SelectItem/index.js.map +1 -1
- package/build/esm/SelectionControl/SelectionControlLabel.d.ts +7 -7
- package/build/esm/SelectionControl/SelectionControlLabel.js +13 -14
- package/build/esm/SelectionControl/SelectionControlLabel.js.map +1 -1
- package/build/esm/SelectionControl/SelectionControlText.d.ts +8 -8
- package/build/esm/SelectionControl/SelectionControlText.js +20 -20
- package/build/esm/SelectionControl/SelectionControlText.js.map +1 -1
- package/build/esm/SelectionControl/index.d.ts +2 -2
- package/build/esm/SelectionControl/index.js.map +1 -1
- package/build/esm/Skeleton/DelayAppearance.d.ts +13 -13
- package/build/esm/Skeleton/DelayAppearance.js +18 -20
- package/build/esm/Skeleton/DelayAppearance.js.map +1 -1
- package/build/esm/Skeleton/Skeleton.d.ts +9 -9
- package/build/esm/Skeleton/Skeleton.js +18 -19
- package/build/esm/Skeleton/Skeleton.js.map +1 -1
- package/build/esm/Skeleton/animation.d.ts +8 -8
- package/build/esm/Skeleton/animation.js +11 -11
- package/build/esm/Skeleton/animation.js.map +1 -1
- package/build/esm/Skeleton/index.d.ts +2 -2
- package/build/esm/Skeleton/index.js.map +1 -1
- package/build/esm/Slider/Slider.d.ts +17 -17
- package/build/esm/Slider/Slider.js +93 -85
- package/build/esm/Slider/Slider.js.map +1 -1
- package/build/esm/Slider/index.d.ts +1 -1
- package/build/esm/Slider/index.js.map +1 -1
- package/build/esm/Snackbar/Snackbar.d.ts +10 -8
- package/build/esm/Snackbar/Snackbar.js +33 -33
- package/build/esm/Snackbar/Snackbar.js.map +1 -1
- package/build/esm/Snackbar/Stack.d.ts +31 -31
- package/build/esm/Snackbar/Stack.js +74 -106
- package/build/esm/Snackbar/Stack.js.map +1 -1
- package/build/esm/Snackbar/index.d.ts +3 -3
- package/build/esm/Snackbar/index.js.map +1 -1
- package/build/esm/Snackbar/useSnackbarAnimation.d.ts +6 -6
- package/build/esm/Snackbar/useSnackbarAnimation.js +103 -132
- package/build/esm/Snackbar/useSnackbarAnimation.js.map +1 -1
- package/build/esm/Switch/Switch.d.ts +13 -13
- package/build/esm/Switch/Switch.js +59 -56
- package/build/esm/Switch/Switch.js.map +1 -1
- package/build/esm/Switch/index.d.ts +1 -1
- package/build/esm/Switch/index.js.map +1 -1
- package/build/esm/Switch/styledComponents.d.ts +13 -13
- package/build/esm/Switch/styledComponents.js +47 -47
- package/build/esm/Switch/styledComponents.js.map +1 -1
- package/build/esm/Tab/Tab.d.ts +5 -5
- package/build/esm/Tab/Tab.js +47 -55
- package/build/esm/Tab/Tab.js.map +1 -1
- package/build/esm/Tab/TabList.d.ts +9 -10
- package/build/esm/Tab/TabList.js +28 -32
- package/build/esm/Tab/TabList.js.map +1 -1
- package/build/esm/Tab/TabPanel.d.ts +4 -5
- package/build/esm/Tab/TabPanel.js +18 -19
- package/build/esm/Tab/TabPanel.js.map +1 -1
- package/build/esm/Tab/TabPanels.d.ts +4 -4
- package/build/esm/Tab/TabPanels.js.map +1 -1
- package/build/esm/Tab/Tabs.d.ts +4 -4
- package/build/esm/Tab/Tabs.js.map +1 -1
- package/build/esm/Tab/context.d.ts +8 -9
- package/build/esm/Tab/context.js +8 -7
- package/build/esm/Tab/context.js.map +1 -1
- package/build/esm/Tab/index.d.ts +5 -5
- package/build/esm/Tab/index.js.map +1 -1
- package/build/esm/TabIndicator/TabIndicator.d.ts +9 -9
- package/build/esm/TabIndicator/TabIndicator.js +69 -86
- package/build/esm/TabIndicator/TabIndicator.js.map +1 -1
- package/build/esm/TabIndicator/context.d.ts +6 -6
- package/build/esm/TabIndicator/context.js +8 -7
- package/build/esm/TabIndicator/context.js.map +1 -1
- package/build/esm/TabIndicator/index.d.ts +2 -2
- package/build/esm/TabIndicator/index.js.map +1 -1
- package/build/esm/Table/Table.d.ts +3 -4
- package/build/esm/Table/Table.js +13 -14
- package/build/esm/Table/Table.js.map +1 -1
- package/build/esm/Table/TableBody.d.ts +3 -4
- package/build/esm/Table/TableBody.js +9 -11
- package/build/esm/Table/TableBody.js.map +1 -1
- package/build/esm/Table/TableCell.d.ts +3 -4
- package/build/esm/Table/TableCell.js +14 -15
- package/build/esm/Table/TableCell.js.map +1 -1
- package/build/esm/Table/TableHead.d.ts +3 -4
- package/build/esm/Table/TableHead.js +13 -14
- package/build/esm/Table/TableHead.js.map +1 -1
- package/build/esm/Table/TableRow.d.ts +3 -4
- package/build/esm/Table/TableRow.js +13 -14
- package/build/esm/Table/TableRow.js.map +1 -1
- package/build/esm/Table/context.d.ts +2 -3
- package/build/esm/Table/context.js +7 -7
- package/build/esm/Table/context.js.map +1 -1
- package/build/esm/Table/index.d.ts +5 -5
- package/build/esm/Table/index.js.map +1 -1
- package/build/esm/Text/LoremIpsum.d.ts +4 -4
- package/build/esm/Text/LoremIpsum.js +10 -12
- package/build/esm/Text/LoremIpsum.js.map +1 -1
- package/build/esm/Text/Text.d.ts +10 -11
- package/build/esm/Text/Text.js +15 -19
- package/build/esm/Text/Text.js.map +1 -1
- package/build/esm/Text/index.d.ts +1 -1
- package/build/esm/Text/index.js.map +1 -1
- package/build/esm/TextField/FilledContainer.d.ts +18 -18
- package/build/esm/TextField/FilledContainer.js +75 -80
- package/build/esm/TextField/FilledContainer.js.map +1 -1
- package/build/esm/TextField/HelperText.d.ts +10 -10
- package/build/esm/TextField/HelperText.js +19 -26
- package/build/esm/TextField/HelperText.js.map +1 -1
- package/build/esm/TextField/IconContainer.d.ts +5 -5
- package/build/esm/TextField/IconContainer.js +21 -9
- package/build/esm/TextField/IconContainer.js.map +1 -1
- package/build/esm/TextField/Input.d.ts +11 -11
- package/build/esm/TextField/Input.js +39 -40
- package/build/esm/TextField/Input.js.map +1 -1
- package/build/esm/TextField/OutlinedContainer.d.ts +17 -17
- package/build/esm/TextField/OutlinedContainer.js +30 -47
- package/build/esm/TextField/OutlinedContainer.js.map +1 -1
- package/build/esm/TextField/TextField.d.ts +19 -19
- package/build/esm/TextField/TextField.js +50 -77
- package/build/esm/TextField/TextField.js.map +1 -1
- package/build/esm/TextField/consts.d.ts +5 -5
- package/build/esm/TextField/consts.js +5 -5
- package/build/esm/TextField/consts.js.map +1 -1
- package/build/esm/TextField/index.d.ts +4 -4
- package/build/esm/TextField/index.js.map +1 -1
- package/build/esm/ThemeExplorer/BorderSlider.d.ts +7 -7
- package/build/esm/ThemeExplorer/BorderSlider.js +8 -14
- package/build/esm/ThemeExplorer/BorderSlider.js.map +1 -1
- package/build/esm/ThemeExplorer/ColorPicker.d.ts +8 -8
- package/build/esm/ThemeExplorer/ColorPicker.js +19 -24
- package/build/esm/ThemeExplorer/ColorPicker.js.map +1 -1
- package/build/esm/ThemeExplorer/ColorSchemePicker.d.ts +10 -10
- package/build/esm/ThemeExplorer/ColorSchemePicker.js +16 -21
- package/build/esm/ThemeExplorer/ColorSchemePicker.js.map +1 -1
- package/build/esm/ThemeExplorer/FontAutoComplete.d.ts +9 -9
- package/build/esm/ThemeExplorer/FontAutoComplete.js +28 -48
- package/build/esm/ThemeExplorer/FontAutoComplete.js.map +1 -1
- package/build/esm/ThemeExplorer/TextFieldColorPicker.d.ts +8 -9
- package/build/esm/ThemeExplorer/TextFieldColorPicker.js +29 -60
- package/build/esm/ThemeExplorer/TextFieldColorPicker.js.map +1 -1
- package/build/esm/ThemeExplorer/ThemeBuilder.d.ts +11 -11
- package/build/esm/ThemeExplorer/ThemeBuilder.js +155 -184
- package/build/esm/ThemeExplorer/ThemeBuilder.js.map +1 -1
- package/build/esm/ThemeExplorer/ThemeColors.d.ts +4 -5
- package/build/esm/ThemeExplorer/ThemeColors.js +54 -54
- package/build/esm/ThemeExplorer/ThemeColors.js.map +1 -1
- package/build/esm/ThemeExplorer/components.d.ts +31 -31
- package/build/esm/ThemeExplorer/components.js +52 -61
- package/build/esm/ThemeExplorer/components.js.map +1 -1
- package/build/esm/ThemeExplorer/googleFonts.d.ts +1 -1
- package/build/esm/ThemeExplorer/googleFonts.js +1 -1
- package/build/esm/ThemeExplorer/googleFonts.js.map +1 -1
- package/build/esm/ThemeExplorer/index.d.ts +1 -1
- package/build/esm/ThemeExplorer/index.js.map +1 -1
- package/build/esm/ThemeExplorer/makeColorScheme.d.ts +98 -98
- package/build/esm/ThemeExplorer/makeColorScheme.js +0 -1
- package/build/esm/ThemeExplorer/makeColorScheme.js.map +1 -1
- package/build/esm/ThemeExplorer/makeTailwindTheme.d.ts +2 -2
- package/build/esm/ThemeExplorer/makeTailwindTheme.js +20 -20
- package/build/esm/ThemeExplorer/makeTailwindTheme.js.map +1 -1
- package/build/esm/ThemeExplorer/updateGoogleFonts.js +23 -64
- package/build/esm/ThemeExplorer/updateGoogleFonts.js.map +1 -1
- package/build/esm/ThemeExplorer/useDeferredColor.d.ts +3 -3
- package/build/esm/ThemeExplorer/useDeferredColor.js +2 -9
- package/build/esm/ThemeExplorer/useDeferredColor.js.map +1 -1
- package/build/esm/ThemeExplorer/useLocalStorageCachedState.d.ts +1 -1
- package/build/esm/ThemeExplorer/useLocalStorageCachedState.js +2 -10
- package/build/esm/ThemeExplorer/useLocalStorageCachedState.js.map +1 -1
- package/build/esm/Tooltip/Tooltip.d.ts +8 -8
- package/build/esm/Tooltip/Tooltip.js +21 -25
- package/build/esm/Tooltip/Tooltip.js.map +1 -1
- package/build/esm/Tooltip/index.d.ts +1 -1
- package/build/esm/Tooltip/index.js.map +1 -1
- package/build/esm/color.d.ts +8 -8
- package/build/esm/color.js +23 -31
- package/build/esm/color.js.map +1 -1
- package/build/esm/css.d.ts +1 -1
- package/build/esm/css.js.map +1 -1
- package/build/esm/hooks/useAnimation.d.ts +20 -20
- package/build/esm/hooks/useAnimation.js +42 -53
- package/build/esm/hooks/useAnimation.js.map +1 -1
- package/build/esm/index.d.ts +42 -42
- package/build/esm/index.js.map +1 -1
- package/build/esm/motion.d.ts +7 -7
- package/build/esm/motion.js +7 -7
- package/build/esm/motion.js.map +1 -1
- package/build/esm/tailwind/extendColors.d.ts +5 -5
- package/build/esm/tailwind/extendColors.js +17 -29
- package/build/esm/tailwind/extendColors.js.map +1 -1
- package/build/esm/tailwind/index.d.ts +8 -8
- package/build/esm/tailwind/index.js +17 -29
- package/build/esm/tailwind/index.js.map +1 -1
- package/build/esm/theme/index.d.ts +2 -2
- package/build/esm/theme/index.js.map +1 -1
- package/build/esm/theme/theme.d.ts +590 -562
- package/build/esm/theme/theme.js +49 -22
- package/build/esm/theme/theme.js.map +1 -1
- package/build/esm/theme/typography-raleway.d.ts +112 -112
- 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 +111 -111
- 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 +594 -566
- package/build/esm/theme/useTheme.js +1 -3
- package/build/esm/theme/useTheme.js.map +1 -1
- package/build/tsconfig-build.tsbuildinfo +1 -1
- package/package.json +12 -11
- package/src/Alert/index.ts +1 -1
- package/src/AppBar/AppBar.story.tsx +69 -69
- package/src/AppBar/AppBar.tsx +85 -85
- package/src/AppBar/AppBarButton.tsx +25 -25
- package/src/AppBar/context.ts +13 -13
- package/src/AppBar/index.ts +3 -3
- package/src/Badge/Badge.story.tsx +68 -68
- package/src/Badge/Badge.tsx +47 -47
- package/src/Badge/index.ts +1 -1
- package/src/BaseLine/BaseLine.tsx +100 -100
- package/src/BaseLine/index.ts +1 -1
- package/src/BottomSheet/BottomSheet.story.tsx +35 -35
- package/src/BottomSheet/BottomSheet.tsx +39 -39
- package/src/BottomSheet/BottomSheetSurface.tsx +49 -49
- package/src/BottomSheet/index.ts +1 -1
- package/src/Box/Box.tsx +133 -127
- package/src/Box/index.ts +1 -1
- package/src/Button/BaseButton.tsx +123 -18
- package/src/Button/Button.story.tsx +236 -72
- package/src/Button/Button.tsx +44 -15
- package/src/Button/ButtonGroup.story.tsx +263 -101
- package/src/Button/ButtonGroup.tsx +103 -7
- package/src/Button/FilledButton.tsx +2 -43
- package/src/Button/FloatingActionButton.tsx +14 -9
- package/src/Button/IconFilledButton.tsx +3 -0
- package/src/Button/IconOutlinedButton.tsx +3 -0
- package/src/Button/OutlinedButton.tsx +2 -41
- package/src/Button/SpinnerButton.story.tsx +91 -91
- package/src/Button/SplitButton.story.tsx +110 -0
- package/src/Button/SplitButton.tsx +40 -0
- package/src/Button/TransparentButton.tsx +1 -43
- package/src/Button/context.tsx +19 -17
- package/src/Button/index.ts +3 -2
- package/src/CheckBox/CheckBox.story.tsx +155 -155
- package/src/CheckBox/CheckBox.tsx +170 -170
- package/src/CheckBox/CheckBoxIcon.tsx +63 -64
- package/src/CheckBox/CheckPath.tsx +18 -18
- package/src/CheckBox/IndeterminatePath.tsx +16 -16
- package/src/CheckBox/index.ts +1 -1
- package/src/Chip/ButtonChip.tsx +86 -86
- package/src/Chip/Chip.story.tsx +242 -242
- package/src/Chip/Chip.tsx +5 -5
- package/src/Chip/ChipBase.tsx +141 -141
- package/src/Chip/ChoiceChip.tsx +127 -127
- package/src/Chip/index.ts +2 -2
- package/src/Combobox/Combobox.tsx +274 -274
- package/src/Combobox/index.ts +1 -1
- package/src/Dialog/Dialog.story.tsx +53 -53
- package/src/Dialog/Dialog.tsx +73 -73
- package/src/Dialog/DialogBackdrop.tsx +42 -42
- package/src/Dialog/DialogContainer.tsx +31 -31
- package/src/Dialog/DialogSurface.tsx +55 -55
- package/src/Dialog/Scrim.tsx +35 -35
- package/src/Dialog/index.ts +2 -2
- package/src/Dialog/useDialogAnimation.tsx +59 -49
- package/src/Divider/Divider.story.tsx +39 -39
- package/src/Divider/Divider.tsx +48 -48
- package/src/Divider/index.ts +1 -1
- package/src/FloatingLabel/FloatingLabel.story.tsx +55 -55
- package/src/FloatingLabel/FloatingLabel.tsx +77 -77
- package/src/FloatingLabel/index.ts +1 -1
- package/src/LineRipple/LineRipple.story.tsx +43 -43
- package/src/LineRipple/LineRipple.tsx +81 -81
- package/src/LineRipple/index.ts +1 -1
- package/src/Link/Link.story.tsx +14 -14
- package/src/Link/Link.tsx +65 -65
- package/src/Link/index.ts +1 -1
- package/src/List/List.tsx +46 -46
- package/src/List/index.ts +1 -1
- package/src/ListItem/ListItem.story.tsx +43 -43
- package/src/ListItem/ListItem.tsx +104 -104
- package/src/ListItem/ListItemText.tsx +35 -35
- package/src/ListItem/index.ts +2 -2
- package/src/Menu/ContextMenu.story.tsx +34 -34
- package/src/Menu/Menu.story.tsx +54 -54
- package/src/Menu/Menu.tsx +124 -124
- package/src/Menu/animation.ts +16 -16
- package/src/Menu/index.ts +2 -2
- package/src/NavRail/NavRail.story.tsx +146 -146
- package/src/NavRail/NavRailItem.tsx +176 -175
- package/src/NavRail/icons/test-icons.tsx +46 -46
- package/src/NavRail/index.ts +1 -1
- package/src/NotchedOutline/NotchedOutline.story.tsx +99 -99
- package/src/NotchedOutline/NotchedOutline.tsx +80 -80
- package/src/NotchedOutline/context.ts +12 -12
- package/src/NotchedOutline/index.ts +1 -1
- package/src/NotchedOutline/styledComponents.ts +122 -122
- package/src/Paper/Paper.story.tsx +50 -50
- package/src/Paper/Paper.tsx +67 -67
- package/src/Paper/index.ts +1 -1
- package/src/Popover/PopoverSurface.tsx +51 -51
- package/src/Popover/index.ts +1 -1
- package/src/ProgressSpinner/ProgressSpinner.story.tsx +35 -35
- package/src/ProgressSpinner/ProgressSpinner.tsx +119 -119
- package/src/ProgressSpinner/index.ts +1 -1
- package/src/RadioButton/RadioButton.story.tsx +109 -109
- package/src/RadioButton/RadioButton.tsx +112 -112
- package/src/RadioButton/RadioButtonIcon.tsx +44 -44
- package/src/RadioButton/RadioGroup.tsx +26 -27
- package/src/RadioButton/index.ts +2 -2
- package/src/Ripple/Ripple.story.tsx +78 -78
- package/src/Ripple/Ripple.tsx +33 -33
- package/src/Ripple/RippleBox.tsx +52 -52
- package/src/Ripple/constants.ts +15 -15
- package/src/Ripple/index.ts +5 -5
- package/src/Ripple/keyframes.ts +36 -36
- package/src/Ripple/useRipple.ts +209 -209
- package/src/Ripple/useRippleHandlers.ts +54 -54
- package/src/Ripple/useRippleSurface.ts +162 -155
- package/src/SearchBar/SearchBar.tsx +5 -6
- package/src/Select/CustomContainerExample.tsx +59 -59
- package/src/Select/PaymentMethodSelect.story.tsx +320 -316
- package/src/Select/Select.story.tsx +225 -225
- package/src/Select/Select.tsx +284 -283
- package/src/Select/SelectIcon.tsx +43 -43
- package/src/Select/SelectMultiple.story.tsx +214 -215
- package/src/Select/context.ts +22 -22
- package/src/Select/defaultRender.tsx +60 -49
- package/src/Select/index.ts +1 -1
- package/src/Select/styledComponents.tsx +38 -38
- package/src/SelectItem/SelectItem.tsx +92 -92
- package/src/SelectItem/index.ts +1 -1
- package/src/SelectionControl/SelectionControlLabel.tsx +34 -34
- package/src/SelectionControl/SelectionControlText.tsx +37 -37
- package/src/SelectionControl/index.ts +2 -2
- package/src/Skeleton/DelayAppearance.tsx +41 -41
- package/src/Skeleton/Skeleton.story.tsx +57 -57
- package/src/Skeleton/Skeleton.tsx +40 -40
- package/src/Skeleton/animation.ts +54 -54
- package/src/Skeleton/index.ts +2 -2
- package/src/Slider/Slider.story.tsx +36 -36
- package/src/Slider/Slider.tsx +275 -275
- package/src/Slider/index.ts +1 -1
- package/src/Snackbar/Snackbar.story.tsx +99 -99
- package/src/Snackbar/Snackbar.tsx +19 -16
- package/src/Switch/Switch.story.tsx +97 -98
- package/src/Switch/Switch.tsx +170 -170
- package/src/Switch/index.ts +1 -1
- package/src/Switch/styledComponents.tsx +117 -117
- package/src/Tab/Tab.story.tsx +209 -209
- package/src/Tab/Tab.tsx +120 -120
- package/src/Tab/TabList.tsx +61 -61
- package/src/Tab/TabPanel.tsx +31 -31
- package/src/Tab/TabPanels.tsx +5 -5
- package/src/Tab/Tabs.tsx +5 -5
- package/src/Tab/context.ts +17 -17
- package/src/Tab/index.ts +5 -5
- package/src/TabIndicator/TabIndicator.tsx +146 -146
- package/src/TabIndicator/context.ts +13 -13
- package/src/TabIndicator/index.ts +2 -2
- package/src/Table/context.ts +6 -6
- package/src/Text/LoremIpsum.tsx +18 -18
- package/src/Text/Text.story.tsx +79 -75
- package/src/Text/Text.tsx +84 -84
- package/src/Text/index.ts +1 -1
- package/src/TextField/FilledContainer.tsx +173 -173
- package/src/TextField/HelperText.tsx +63 -63
- package/src/TextField/OutlinedContainer.tsx +116 -116
- package/src/TextField/consts.ts +7 -7
- package/src/TextField/index.ts +4 -4
- package/src/ThemeExplorer/BorderSlider.tsx +73 -73
- package/src/ThemeExplorer/ColorPicker.tsx +104 -104
- package/src/ThemeExplorer/ColorSchemePicker.tsx +55 -55
- package/src/ThemeExplorer/FontAutoComplete.tsx +139 -139
- package/src/ThemeExplorer/TextFieldColorPicker.tsx +112 -115
- package/src/ThemeExplorer/ThemeBuilder.story.tsx +8 -8
- package/src/ThemeExplorer/ThemeBuilder.tsx +437 -353
- package/src/ThemeExplorer/ThemeColors.tsx +122 -118
- package/src/ThemeExplorer/components.tsx +195 -195
- package/src/ThemeExplorer/googleFonts.ts +1436 -1436
- package/src/ThemeExplorer/index.ts +1 -1
- package/src/ThemeExplorer/makeColorScheme.tsx +111 -111
- package/src/ThemeExplorer/makeTailwindTheme.ts +44 -44
- package/src/ThemeExplorer/updateGoogleFonts.js +32 -33
- package/src/ThemeExplorer/useDeferredColor.tsx +21 -21
- package/src/ThemeExplorer/useLocalStorageCachedState.ts +18 -18
- package/src/Tooltip/Tooltip.story.tsx +35 -35
- package/src/Tooltip/Tooltip.tsx +67 -67
- package/src/Tooltip/index.ts +1 -1
- package/src/css.ts +2 -2
- package/src/hooks/useAnimation.ts +111 -111
- package/src/motion.ts +7 -7
- package/src/tailwind/extendColors.ts +51 -51
- package/src/tailwind/index.ts +57 -56
- package/src/tailwind/tests/extendColors.test.ts +123 -123
- package/src/theme/index.ts +2 -2
- package/src/theme/theme.ts +36 -8
- package/src/theme/typography-raleway.ts +114 -114
- package/src/theme/typography-roboto.ts +113 -113
- package/src/theme/useTheme.ts +17 -18
- package/tailwind/package.json +5 -5
- package/theme-explorer/package.json +5 -5
package/build/esm/theme/theme.js
CHANGED
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
// material theme preset
|
|
2
2
|
// work-in-progress
|
|
3
|
+
|
|
3
4
|
// references
|
|
4
5
|
// - https://material.io/design/typography/the-type-system.html#type-scale
|
|
5
6
|
import { rem, em } from 'polished';
|
|
6
7
|
import { EASING_STANDARD } from '../motion';
|
|
7
|
-
|
|
8
8
|
function font(fontFamily, lineHeight, fontSize, letterSpacing, weight) {
|
|
9
9
|
return {
|
|
10
|
-
fontFamily
|
|
10
|
+
fontFamily,
|
|
11
11
|
lineHeight: rem(lineHeight),
|
|
12
12
|
fontSize: rem(fontSize),
|
|
13
13
|
letterSpacing: rem(letterSpacing),
|
|
14
14
|
fontWeight: weight
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
|
-
|
|
18
|
-
export var theme = {
|
|
17
|
+
export const theme = {
|
|
19
18
|
googleFonts: 'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',
|
|
20
19
|
colors: {
|
|
21
20
|
primary: '#934078',
|
|
@@ -26,11 +25,18 @@ export var theme = {
|
|
|
26
25
|
'secondary-container': '#fbd9ea',
|
|
27
26
|
'tertiary-container': '#ffdbc9',
|
|
28
27
|
'error-container': '#ffdad4',
|
|
29
|
-
background: '#
|
|
30
|
-
surface: '#fcfcfc',
|
|
28
|
+
background: '#fff8fa',
|
|
31
29
|
'surface-variant': '#efdee5',
|
|
32
30
|
outline: '#81747a',
|
|
33
31
|
'outline-variant': '#d3c2c9',
|
|
32
|
+
'surface-dim': '#e4d6db',
|
|
33
|
+
surface: '#fff8fa',
|
|
34
|
+
'surface-bright': '#fff8fa',
|
|
35
|
+
'surface-container-lowest': '#ffffff',
|
|
36
|
+
'surface-container-low': '#fef0f5',
|
|
37
|
+
'surface-container': '#f8eaef',
|
|
38
|
+
'surface-container-high': '#f3e5ea',
|
|
39
|
+
'surface-container-highest': '#eddfe4',
|
|
34
40
|
on: {
|
|
35
41
|
primary: '#ffffff',
|
|
36
42
|
secondary: '#ffffff',
|
|
@@ -40,11 +46,18 @@ export var theme = {
|
|
|
40
46
|
'secondary-container': '#291521',
|
|
41
47
|
'tertiary-container': '#321303',
|
|
42
48
|
'error-container': '#410001',
|
|
43
|
-
background: '#
|
|
44
|
-
surface: '#1f1a1c',
|
|
49
|
+
background: '#21191d',
|
|
45
50
|
'surface-variant': '#4f4349',
|
|
46
51
|
outline: '#feecf3',
|
|
47
|
-
'outline-variant': '#22191e'
|
|
52
|
+
'outline-variant': '#22191e',
|
|
53
|
+
'surface-dim': '#21191d',
|
|
54
|
+
surface: '#21191d',
|
|
55
|
+
'surface-bright': '#21191d',
|
|
56
|
+
'surface-container-lowest': '#21191d',
|
|
57
|
+
'surface-container-low': '#21191d',
|
|
58
|
+
'surface-container': '#21191d',
|
|
59
|
+
'surface-container-high': '#21191d',
|
|
60
|
+
'surface-container-highest': '#21191d'
|
|
48
61
|
},
|
|
49
62
|
modes: {
|
|
50
63
|
dark: {
|
|
@@ -56,11 +69,18 @@ export var theme = {
|
|
|
56
69
|
'secondary-container': '#57404d',
|
|
57
70
|
'tertiary-container': '#653d28',
|
|
58
71
|
'error-container': '#930006',
|
|
59
|
-
background: '#
|
|
60
|
-
surface: '#1f1a1c',
|
|
72
|
+
background: '#181215',
|
|
61
73
|
'surface-variant': '#4f4349',
|
|
62
74
|
outline: '#9b8d93',
|
|
63
75
|
'outline-variant': '#4f4349',
|
|
76
|
+
'surface-dim': '#181215',
|
|
77
|
+
surface: '#181215',
|
|
78
|
+
'surface-bright': '#3f373b',
|
|
79
|
+
'surface-container-lowest': '#130c10',
|
|
80
|
+
'surface-container-low': '#21191d',
|
|
81
|
+
'surface-container': '#251d21',
|
|
82
|
+
'surface-container-high': '#30282c',
|
|
83
|
+
'surface-container-highest': '#3b3236',
|
|
64
84
|
on: {
|
|
65
85
|
primary: '#5b0e47',
|
|
66
86
|
secondary: '#402a37',
|
|
@@ -70,11 +90,18 @@ export var theme = {
|
|
|
70
90
|
'secondary-container': '#fbd9ea',
|
|
71
91
|
'tertiary-container': '#ffdbc9',
|
|
72
92
|
'error-container': '#ffdad4',
|
|
73
|
-
background: '#
|
|
74
|
-
surface: '#eae0e3',
|
|
93
|
+
background: '#eddfe4',
|
|
75
94
|
'surface-variant': '#d3c2c9',
|
|
76
95
|
outline: '#22191e',
|
|
77
|
-
'outline-variant': '#efdee5'
|
|
96
|
+
'outline-variant': '#efdee5',
|
|
97
|
+
'surface-dim': '#eddfe4',
|
|
98
|
+
surface: '#eddfe4',
|
|
99
|
+
'surface-bright': '#eddfe4',
|
|
100
|
+
'surface-container-lowest': '#eddfe4',
|
|
101
|
+
'surface-container-low': '#eddfe4',
|
|
102
|
+
'surface-container': '#eddfe4',
|
|
103
|
+
'surface-container-high': '#eddfe4',
|
|
104
|
+
'surface-container-highest': '#eddfe4'
|
|
78
105
|
}
|
|
79
106
|
}
|
|
80
107
|
}
|
|
@@ -87,14 +114,14 @@ export var theme = {
|
|
|
87
114
|
none: 0,
|
|
88
115
|
default: "0.25rem",
|
|
89
116
|
'extra-small': "0.25rem",
|
|
90
|
-
'extra-small_top': "0.25rem"
|
|
117
|
+
'extra-small_top': `${"0.25rem"} ${"0.25rem"} 0 0`,
|
|
91
118
|
small: "0.5rem",
|
|
92
119
|
medium: "0.75rem",
|
|
93
120
|
large: "1rem",
|
|
94
|
-
large_end:
|
|
95
|
-
large_top: "1rem"
|
|
121
|
+
large_end: `0 ${"1rem"} ${"1rem"} 0`,
|
|
122
|
+
large_top: `${"1rem"} ${"1rem"} 0 0`,
|
|
96
123
|
'extra-large': "1.75rem",
|
|
97
|
-
'extra-large_top': "1.75rem"
|
|
124
|
+
'extra-large_top': `${"1.75rem"} ${"1.75rem"} 0 0`,
|
|
98
125
|
full: "6249.9375rem",
|
|
99
126
|
circle: '100%'
|
|
100
127
|
},
|
|
@@ -365,7 +392,7 @@ export var theme = {
|
|
|
365
392
|
elevations: {
|
|
366
393
|
none: {},
|
|
367
394
|
default: {
|
|
368
|
-
transition:
|
|
395
|
+
transition: `box-shadow .28s ${EASING_STANDARD}`,
|
|
369
396
|
'&:hover': {
|
|
370
397
|
boxShadow: 1
|
|
371
398
|
},
|
|
@@ -374,7 +401,7 @@ export var theme = {
|
|
|
374
401
|
}
|
|
375
402
|
},
|
|
376
403
|
elevated: {
|
|
377
|
-
transition:
|
|
404
|
+
transition: `box-shadow .28s ${EASING_STANDARD}`,
|
|
378
405
|
boxShadow: 1,
|
|
379
406
|
'&:hover': {
|
|
380
407
|
boxShadow: 2
|
|
@@ -387,7 +414,7 @@ export var theme = {
|
|
|
387
414
|
}
|
|
388
415
|
},
|
|
389
416
|
floating: {
|
|
390
|
-
transition:
|
|
417
|
+
transition: `box-shadow .28s ${EASING_STANDARD}`,
|
|
391
418
|
boxShadow: 3,
|
|
392
419
|
':hover': {
|
|
393
420
|
boxShadow: 4
|
|
@@ -435,7 +462,7 @@ export var theme = {
|
|
|
435
462
|
height: "2rem",
|
|
436
463
|
borderRadius: 'small',
|
|
437
464
|
outline: 'none',
|
|
438
|
-
transition:
|
|
465
|
+
transition: `box-shadow .28s ${EASING_STANDARD}`
|
|
439
466
|
},
|
|
440
467
|
filled: {
|
|
441
468
|
variant: 'chips.variants.base',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","names":["rem","em","EASING_STANDARD","font","fontFamily","lineHeight","fontSize","letterSpacing","weight","fontWeight","theme","googleFonts","colors","primary","secondary","tertiary","error","background","surface","outline","on","modes","dark","sizes","icon","avatar","radii","none","default","small","medium","large","large_end","large_top","full","circle","shadows","fonts","body","heading","brand","plain","monospace","fontSizes","fontWeights","light","regular","lineHeights","space","text","caps","textTransform","display","h1","variant","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline","appbar","variants","base","backgroundColor","color","transparent","elevations","elevated","boxShadow","height","p","dense","buttons","py","px","borderRadius","cursor","filled","outlined","fab","maxHeight","width","maxWidth","transition","floating","overlays","hover","opacity","focus","pressed","chips","dialogs","backgroundColorOverlay","paper","zIndices","appBar","drawer","dialog","snackbar","tooltip","styles","root"],"sources":["../../../src/theme/theme.ts"],"sourcesContent":["// material theme preset\n// work-in-progress\n\n// references\n// - https://material.io/design/typography/the-type-system.html#type-scale\nimport { rem, em } from 'polished';\n\nimport { EASING_STANDARD } from '../motion';\n\nfunction font(\n fontFamily: 'plain' | 'brand',\n lineHeight: number,\n fontSize: number,\n letterSpacing: number,\n weight: number\n) {\n return {\n fontFamily,\n lineHeight: rem(lineHeight),\n fontSize: rem(fontSize),\n letterSpacing: rem(letterSpacing),\n fontWeight: weight,\n };\n}\n\nexport const theme = {\n googleFonts:\n 'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',\n colors: {\n primary: '#934078',\n secondary: '#705765',\n tertiary: '#80543e',\n error: '#ba1b1b',\n 'primary-container': '#ffd7ed',\n 'secondary-container': '#fbd9ea',\n 'tertiary-container': '#ffdbc9',\n 'error-container': '#ffdad4',\n background: '#fcfcfc',\n surface: '#fcfcfc',\n 'surface-variant': '#efdee5',\n outline: '#81747a',\n 'outline-variant': '#d3c2c9',\n on: {\n primary: '#ffffff',\n secondary: '#ffffff',\n tertiary: '#ffffff',\n error: '#ffffff',\n 'primary-container': '#3b002d',\n 'secondary-container': '#291521',\n 'tertiary-container': '#321303',\n 'error-container': '#410001',\n background: '#1f1a1c',\n surface: '#1f1a1c',\n 'surface-variant': '#4f4349',\n outline: '#feecf3',\n 'outline-variant': '#22191e',\n },\n modes: {\n dark: {\n primary: '#ffade0',\n secondary: '#debece',\n tertiary: '#f4ba9e',\n error: '#ffb4a9',\n 'primary-container': '#77285f',\n 'secondary-container': '#57404d',\n 'tertiary-container': '#653d28',\n 'error-container': '#930006',\n background: '#1f1a1c',\n surface: '#1f1a1c',\n 'surface-variant': '#4f4349',\n outline: '#9b8d93',\n 'outline-variant': '#4f4349',\n on: {\n primary: '#5b0e47',\n secondary: '#402a37',\n tertiary: '#4b2714',\n error: '#680003',\n 'primary-container': '#ffd7ed',\n 'secondary-container': '#fbd9ea',\n 'tertiary-container': '#ffdbc9',\n 'error-container': '#ffdad4',\n background: '#eae0e3',\n surface: '#eae0e3',\n 'surface-variant': '#d3c2c9',\n outline: '#22191e',\n 'outline-variant': '#efdee5',\n },\n },\n },\n },\n sizes: {\n icon: rem(24),\n avatar: rem(48),\n },\n radii: {\n none: 0,\n default: rem(4),\n 'extra-small': rem(4),\n 'extra-small_top': `${rem(4)} ${rem(4)} 0 0`,\n small: rem(8),\n medium: rem(12),\n large: rem(16),\n large_end: `0 ${rem(16)} ${rem(16)} 0`,\n large_top: `${rem(16)} ${rem(16)} 0 0`,\n 'extra-large': rem(28),\n 'extra-large_top': `${rem(28)} ${rem(28)} 0 0`,\n full: rem(99999),\n circle: '100%',\n },\n shadows: {\n 0: '0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12)',\n 1: '0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)',\n 2: '0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15)',\n 3: '0 1px 3px rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15)',\n 4: '0 2px 3px rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15)',\n 5: '0 4px 4px rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15)',\n },\n fonts: {\n body: 'Roboto, sans-serif',\n heading: 'Roboto, sans-serif',\n brand: 'Roboto, sans-serif',\n plain: 'Roboto, sans-serif',\n monospace: '\"Roboto Mono\", monospace',\n },\n fontSizes: {\n 0: rem(10),\n 1: rem(12),\n 2: rem(14),\n 3: rem(16),\n 4: rem(20),\n 5: rem(24),\n 6: rem(34),\n 7: rem(48),\n 8: rem(60),\n 9: rem(96),\n },\n fontWeights: {\n light: 300,\n regular: 400,\n medium: 500,\n },\n lineHeights: {\n body: 1.43,\n heading: 1.2,\n },\n space: {\n 0: rem(0),\n 1: rem(4),\n 2: rem(8),\n 3: rem(16),\n 4: rem(32),\n 5: rem(64),\n 6: rem(128),\n 7: rem(256),\n 8: rem(512),\n },\n text: {\n caps: {\n textTransform: 'uppercase',\n fontFamily: 'body',\n lineHeight: 'body',\n letterSpacing: '0.1em',\n },\n heading: {\n fontFamily: 'heading',\n lineHeight: 'heading',\n },\n display: {\n fontFamily: 'body',\n lineHeight: 'body',\n },\n 'display-large': font('brand', 64, 57, -0.25, 400),\n 'display-medium': font('brand', 52, 45, 0, 400),\n 'display-small': font('brand', 44, 36, 0, 400),\n 'headline-large': font('brand', 40, 32, 0, 400),\n 'headline-medium': font('brand', 36, 28, 0, 400),\n 'headline-small': font('brand', 32, 24, 0, 400),\n 'title-large': font('brand', 28, 22, 0, 400),\n 'title-medium': font('plain', 24, 16, 0.15, 500),\n 'title-small': font('plain', 20, 14, 0.1, 500),\n 'label-large': font('plain', 20, 14, 0.1, 500),\n 'label-medium': font('plain', 16, 12, 0.5, 500),\n 'label-small': font('plain', 15, 11, 0.5, 500),\n 'body-large': font('plain', 24, 16, 0.5, 400),\n 'body-medium': font('plain', 20, 14, 0.25, 400),\n 'body-small': font('plain', 16, 12, 0.4, 400),\n h1: {\n variant: 'text.heading',\n fontWeight: 'light',\n fontSize: 9,\n letterSpacing: em(-1.5, 96),\n },\n h2: {\n variant: 'text.heading',\n fontWeight: 'light',\n fontSize: 8,\n letterSpacing: em(-0.5, 60),\n },\n h3: {\n variant: 'text.heading',\n fontWeight: 'regular',\n fontSize: 7,\n letterSpacing: em(0, 48),\n },\n h4: {\n variant: 'text.heading',\n fontWeight: 'regular',\n fontSize: 6,\n letterSpacing: em(0.25, 34),\n },\n h5: {\n variant: 'text.heading',\n fontWeight: 'regular',\n fontSize: 5,\n letterSpacing: em(0, 24),\n },\n h6: {\n variant: 'text.heading',\n fontWeight: 'medium',\n fontSize: 4,\n letterSpacing: em(0.15, 20),\n },\n subtitle1: {\n variant: 'text.heading',\n fontWeight: 'regular',\n fontSize: 3,\n letterSpacing: em(0.15, 16),\n },\n subtitle2: {\n variant: 'text.heading',\n fontWeight: 'medium',\n fontSize: 2,\n letterSpacing: em(0.1, 14),\n },\n body1: {\n variant: 'text.display',\n fontWeight: 'regular',\n fontSize: 3,\n letterSpacing: em(0.5, 16),\n },\n body2: {\n variant: 'text.display',\n fontWeight: 'regular',\n fontSize: 2,\n letterSpacing: em(0.25, 14),\n },\n button: {\n variant: 'text.display',\n fontSize: 2,\n letterSpacing: em(1.2, 14),\n fontWeight: 'medium',\n },\n caption: {\n variant: 'text.display',\n fontWeight: 'regular',\n fontSize: 1,\n letterSpacing: em(0.4, 12),\n },\n overline: {\n variant: 'text.caps',\n fontWeight: 'medium',\n fontSize: 0,\n letterSpacing: em(1.5, 10),\n },\n },\n appbar: {\n variants: {\n base: {\n fontFamily: 'body',\n fontSize: 4,\n },\n default: {\n variant: 'appbar.variants.base',\n backgroundColor: 'surface',\n color: 'on.surface',\n },\n primary: {\n variant: 'appbar.variants.base',\n backgroundColor: 'primary',\n color: 'on.primary',\n },\n secondary: {\n variant: 'appbar.variants.base',\n backgroundColor: 'secondary',\n color: 'on.secondary',\n },\n transparent: {\n variant: 'appbar.variants.base',\n backgroundColor: 'transparent',\n color: 'inherit',\n },\n },\n elevations: {\n default: {},\n elevated: {\n boxShadow: 2,\n },\n },\n sizes: {\n default: {\n height: rem(64),\n p: 3,\n },\n dense: {\n height: rem(56),\n },\n },\n },\n buttons: {\n variants: {\n base: {\n variant: 'text.label-large',\n boxShadow: 'none',\n py: 0,\n px: rem(24),\n height: rem(40),\n borderRadius: 'full',\n cursor: 'pointer',\n outline: 'none',\n },\n text: {\n variant: 'buttons.variants.base',\n px: rem(12),\n },\n filled: {\n variant: 'buttons.variants.base',\n },\n outlined: {\n variant: 'buttons.variants.base',\n },\n fab: {\n variant: 'buttons.variants.base',\n height: rem(56),\n maxHeight: rem(56),\n width: rem(56),\n maxWidth: rem(56),\n borderRadius: 'large',\n px: 0,\n },\n 'fab-mini': {\n variant: 'buttons.variants.fab',\n height: rem(40),\n maxHeight: rem(40),\n width: rem(40),\n maxWidth: rem(40),\n borderRadius: 'medium',\n px: 0,\n },\n 'fab-large': {\n variant: 'buttons.variants.fab',\n height: rem(96),\n maxHeight: rem(96),\n width: rem(96),\n maxWidth: rem(96),\n borderRadius: 'extra-large',\n px: 0,\n },\n 'fab-extended': {\n variant: 'buttons.variants.base',\n height: rem(56),\n px: rem(16),\n borderRadius: 'large',\n },\n icon: {\n variant: 'buttons.variants.base',\n height: rem(48),\n maxHeight: rem(48),\n width: rem(48),\n maxWidth: rem(48),\n px: rem(12),\n borderRadius: 'full',\n },\n },\n elevations: {\n none: {},\n default: {\n transition: `box-shadow .28s ${EASING_STANDARD}`,\n '&:hover': {\n boxShadow: 1,\n },\n '&:active,&:focus-visible,&:disabled': {\n boxShadow: 0,\n },\n },\n elevated: {\n transition: `box-shadow .28s ${EASING_STANDARD}`,\n boxShadow: 1,\n '&:hover': {\n boxShadow: 2,\n },\n '&:active,&:focus-visible': {\n boxShadow: 1,\n },\n '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n boxShadow: 0,\n },\n },\n floating: {\n transition: `box-shadow .28s ${EASING_STANDARD}`,\n boxShadow: 3,\n ':hover': {\n boxShadow: 4,\n },\n '&:active,&:focus-visible': {\n boxShadow: 3,\n },\n '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n boxShadow: 0,\n },\n },\n },\n overlays: {\n transparent: {\n hover: {\n opacity: 0.08,\n },\n focus: {\n opacity: 0.12,\n },\n pressed: {\n opacity: 0.16,\n },\n },\n filled: {\n hover: {\n opacity: 0.08,\n },\n focus: {\n opacity: 0.12,\n },\n pressed: {\n opacity: 0.16,\n },\n },\n },\n },\n chips: {\n variants: {\n base: {\n variant: 'text.body2',\n boxShadow: 'none',\n py: 0,\n px: 0,\n height: rem(32),\n borderRadius: 'small',\n outline: 'none',\n transition: `box-shadow .28s ${EASING_STANDARD}`,\n },\n filled: {\n variant: 'chips.variants.base',\n boxShadow: 1,\n ':active:not([data-disabled])': {\n boxShadow: 2,\n },\n },\n outlined: {\n variant: 'chips.variants.base',\n },\n },\n },\n dialogs: {\n variants: {\n base: {\n borderRadius: 'extra-large',\n },\n },\n backgroundColorOverlay: 3,\n },\n paper: {\n overlays: {\n 0: 0,\n 1: 0.05,\n 2: 0.08,\n 3: 0.11,\n 4: 0.12,\n 5: 0.14,\n },\n },\n zIndices: {\n appBar: 1100,\n drawer: 1200,\n dialog: 1300,\n snackbar: 1400,\n tooltip: 1500,\n },\n styles: {\n root: {\n body: {\n fontFamily: 'plain',\n fontWeight: 'regular',\n lineHeight: 'body',\n backgroundColor: 'surface',\n color: 'on.surface',\n },\n },\n },\n};\n\nexport type Theme = typeof theme;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"theme.js","names":["rem","em","EASING_STANDARD","font","fontFamily","lineHeight","fontSize","letterSpacing","weight","fontWeight","theme","googleFonts","colors","primary","secondary","tertiary","error","background","outline","surface","on","modes","dark","sizes","icon","avatar","radii","none","default","small","medium","large","large_end","large_top","full","circle","shadows","fonts","body","heading","brand","plain","monospace","fontSizes","fontWeights","light","regular","lineHeights","space","text","caps","textTransform","display","h1","variant","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline","appbar","variants","base","backgroundColor","color","transparent","elevations","elevated","boxShadow","height","p","dense","buttons","py","px","borderRadius","cursor","filled","outlined","fab","maxHeight","width","maxWidth","transition","floating","overlays","hover","opacity","focus","pressed","chips","dialogs","backgroundColorOverlay","paper","zIndices","appBar","drawer","dialog","snackbar","tooltip","styles","root"],"sources":["../../../src/theme/theme.ts"],"sourcesContent":["// material theme preset\n// work-in-progress\n\n// references\n// - https://material.io/design/typography/the-type-system.html#type-scale\nimport { rem, em } from 'polished';\n\nimport { EASING_STANDARD } from '../motion';\n\nfunction font(\n fontFamily: 'plain' | 'brand',\n lineHeight: number,\n fontSize: number,\n letterSpacing: number,\n weight: number\n) {\n return {\n fontFamily,\n lineHeight: rem(lineHeight),\n fontSize: rem(fontSize),\n letterSpacing: rem(letterSpacing),\n fontWeight: weight,\n };\n}\n\nexport const theme = {\n googleFonts:\n 'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',\n colors: {\n primary: '#934078',\n secondary: '#705765',\n tertiary: '#80543e',\n error: '#ba1b1b',\n 'primary-container': '#ffd7ed',\n 'secondary-container': '#fbd9ea',\n 'tertiary-container': '#ffdbc9',\n 'error-container': '#ffdad4',\n background: '#fff8fa',\n 'surface-variant': '#efdee5',\n outline: '#81747a',\n 'outline-variant': '#d3c2c9',\n 'surface-dim': '#e4d6db',\n surface: '#fff8fa',\n 'surface-bright': '#fff8fa',\n 'surface-container-lowest': '#ffffff',\n 'surface-container-low': '#fef0f5',\n 'surface-container': '#f8eaef',\n 'surface-container-high': '#f3e5ea',\n 'surface-container-highest': '#eddfe4',\n on: {\n primary: '#ffffff',\n secondary: '#ffffff',\n tertiary: '#ffffff',\n error: '#ffffff',\n 'primary-container': '#3b002d',\n 'secondary-container': '#291521',\n 'tertiary-container': '#321303',\n 'error-container': '#410001',\n background: '#21191d',\n 'surface-variant': '#4f4349',\n outline: '#feecf3',\n 'outline-variant': '#22191e',\n 'surface-dim': '#21191d',\n surface: '#21191d',\n 'surface-bright': '#21191d',\n 'surface-container-lowest': '#21191d',\n 'surface-container-low': '#21191d',\n 'surface-container': '#21191d',\n 'surface-container-high': '#21191d',\n 'surface-container-highest': '#21191d',\n },\n modes: {\n dark: {\n primary: '#ffade0',\n secondary: '#debece',\n tertiary: '#f4ba9e',\n error: '#ffb4a9',\n 'primary-container': '#77285f',\n 'secondary-container': '#57404d',\n 'tertiary-container': '#653d28',\n 'error-container': '#930006',\n background: '#181215',\n 'surface-variant': '#4f4349',\n outline: '#9b8d93',\n 'outline-variant': '#4f4349',\n 'surface-dim': '#181215',\n surface: '#181215',\n 'surface-bright': '#3f373b',\n 'surface-container-lowest': '#130c10',\n 'surface-container-low': '#21191d',\n 'surface-container': '#251d21',\n 'surface-container-high': '#30282c',\n 'surface-container-highest': '#3b3236',\n on: {\n primary: '#5b0e47',\n secondary: '#402a37',\n tertiary: '#4b2714',\n error: '#680003',\n 'primary-container': '#ffd7ed',\n 'secondary-container': '#fbd9ea',\n 'tertiary-container': '#ffdbc9',\n 'error-container': '#ffdad4',\n background: '#eddfe4',\n 'surface-variant': '#d3c2c9',\n outline: '#22191e',\n 'outline-variant': '#efdee5',\n 'surface-dim': '#eddfe4',\n surface: '#eddfe4',\n 'surface-bright': '#eddfe4',\n 'surface-container-lowest': '#eddfe4',\n 'surface-container-low': '#eddfe4',\n 'surface-container': '#eddfe4',\n 'surface-container-high': '#eddfe4',\n 'surface-container-highest': '#eddfe4',\n },\n },\n },\n },\n sizes: {\n icon: rem(24),\n avatar: rem(48),\n },\n radii: {\n none: 0,\n default: rem(4),\n 'extra-small': rem(4),\n 'extra-small_top': `${rem(4)} ${rem(4)} 0 0`,\n small: rem(8),\n medium: rem(12),\n large: rem(16),\n large_end: `0 ${rem(16)} ${rem(16)} 0`,\n large_top: `${rem(16)} ${rem(16)} 0 0`,\n 'extra-large': rem(28),\n 'extra-large_top': `${rem(28)} ${rem(28)} 0 0`,\n full: rem(99999),\n circle: '100%',\n },\n shadows: {\n 0: '0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12)',\n 1: '0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)',\n 2: '0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15)',\n 3: '0 1px 3px rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15)',\n 4: '0 2px 3px rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15)',\n 5: '0 4px 4px rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15)',\n },\n fonts: {\n body: 'Roboto, sans-serif',\n heading: 'Roboto, sans-serif',\n brand: 'Roboto, sans-serif',\n plain: 'Roboto, sans-serif',\n monospace: '\"Roboto Mono\", monospace',\n },\n fontSizes: {\n 0: rem(10),\n 1: rem(12),\n 2: rem(14),\n 3: rem(16),\n 4: rem(20),\n 5: rem(24),\n 6: rem(34),\n 7: rem(48),\n 8: rem(60),\n 9: rem(96),\n },\n fontWeights: {\n light: 300,\n regular: 400,\n medium: 500,\n },\n lineHeights: {\n body: 1.43,\n heading: 1.2,\n },\n space: {\n 0: rem(0),\n 1: rem(4),\n 2: rem(8),\n 3: rem(16),\n 4: rem(32),\n 5: rem(64),\n 6: rem(128),\n 7: rem(256),\n 8: rem(512),\n },\n text: {\n caps: {\n textTransform: 'uppercase',\n fontFamily: 'body',\n lineHeight: 'body',\n letterSpacing: '0.1em',\n },\n heading: {\n fontFamily: 'heading',\n lineHeight: 'heading',\n },\n display: {\n fontFamily: 'body',\n lineHeight: 'body',\n },\n 'display-large': font('brand', 64, 57, -0.25, 400),\n 'display-medium': font('brand', 52, 45, 0, 400),\n 'display-small': font('brand', 44, 36, 0, 400),\n 'headline-large': font('brand', 40, 32, 0, 400),\n 'headline-medium': font('brand', 36, 28, 0, 400),\n 'headline-small': font('brand', 32, 24, 0, 400),\n 'title-large': font('brand', 28, 22, 0, 400),\n 'title-medium': font('plain', 24, 16, 0.15, 500),\n 'title-small': font('plain', 20, 14, 0.1, 500),\n 'label-large': font('plain', 20, 14, 0.1, 500),\n 'label-medium': font('plain', 16, 12, 0.5, 500),\n 'label-small': font('plain', 15, 11, 0.5, 500),\n 'body-large': font('plain', 24, 16, 0.5, 400),\n 'body-medium': font('plain', 20, 14, 0.25, 400),\n 'body-small': font('plain', 16, 12, 0.4, 400),\n h1: {\n variant: 'text.heading',\n fontWeight: 'light',\n fontSize: 9,\n letterSpacing: em(-1.5, 96),\n },\n h2: {\n variant: 'text.heading',\n fontWeight: 'light',\n fontSize: 8,\n letterSpacing: em(-0.5, 60),\n },\n h3: {\n variant: 'text.heading',\n fontWeight: 'regular',\n fontSize: 7,\n letterSpacing: em(0, 48),\n },\n h4: {\n variant: 'text.heading',\n fontWeight: 'regular',\n fontSize: 6,\n letterSpacing: em(0.25, 34),\n },\n h5: {\n variant: 'text.heading',\n fontWeight: 'regular',\n fontSize: 5,\n letterSpacing: em(0, 24),\n },\n h6: {\n variant: 'text.heading',\n fontWeight: 'medium',\n fontSize: 4,\n letterSpacing: em(0.15, 20),\n },\n subtitle1: {\n variant: 'text.heading',\n fontWeight: 'regular',\n fontSize: 3,\n letterSpacing: em(0.15, 16),\n },\n subtitle2: {\n variant: 'text.heading',\n fontWeight: 'medium',\n fontSize: 2,\n letterSpacing: em(0.1, 14),\n },\n body1: {\n variant: 'text.display',\n fontWeight: 'regular',\n fontSize: 3,\n letterSpacing: em(0.5, 16),\n },\n body2: {\n variant: 'text.display',\n fontWeight: 'regular',\n fontSize: 2,\n letterSpacing: em(0.25, 14),\n },\n button: {\n variant: 'text.display',\n fontSize: 2,\n letterSpacing: em(1.2, 14),\n fontWeight: 'medium',\n },\n caption: {\n variant: 'text.display',\n fontWeight: 'regular',\n fontSize: 1,\n letterSpacing: em(0.4, 12),\n },\n overline: {\n variant: 'text.caps',\n fontWeight: 'medium',\n fontSize: 0,\n letterSpacing: em(1.5, 10),\n },\n },\n appbar: {\n variants: {\n base: {\n fontFamily: 'body',\n fontSize: 4,\n },\n default: {\n variant: 'appbar.variants.base',\n backgroundColor: 'surface',\n color: 'on.surface',\n },\n primary: {\n variant: 'appbar.variants.base',\n backgroundColor: 'primary',\n color: 'on.primary',\n },\n secondary: {\n variant: 'appbar.variants.base',\n backgroundColor: 'secondary',\n color: 'on.secondary',\n },\n transparent: {\n variant: 'appbar.variants.base',\n backgroundColor: 'transparent',\n color: 'inherit',\n },\n },\n elevations: {\n default: {},\n elevated: {\n boxShadow: 2,\n },\n },\n sizes: {\n default: {\n height: rem(64),\n p: 3,\n },\n dense: {\n height: rem(56),\n },\n },\n },\n buttons: {\n variants: {\n base: {\n variant: 'text.label-large',\n boxShadow: 'none',\n py: 0,\n px: rem(24),\n height: rem(40),\n borderRadius: 'full',\n cursor: 'pointer',\n outline: 'none',\n },\n text: {\n variant: 'buttons.variants.base',\n px: rem(12),\n },\n filled: {\n variant: 'buttons.variants.base',\n },\n outlined: {\n variant: 'buttons.variants.base',\n },\n fab: {\n variant: 'buttons.variants.base',\n height: rem(56),\n maxHeight: rem(56),\n width: rem(56),\n maxWidth: rem(56),\n borderRadius: 'large',\n px: 0,\n },\n 'fab-mini': {\n variant: 'buttons.variants.fab',\n height: rem(40),\n maxHeight: rem(40),\n width: rem(40),\n maxWidth: rem(40),\n borderRadius: 'medium',\n px: 0,\n },\n 'fab-large': {\n variant: 'buttons.variants.fab',\n height: rem(96),\n maxHeight: rem(96),\n width: rem(96),\n maxWidth: rem(96),\n borderRadius: 'extra-large',\n px: 0,\n },\n 'fab-extended': {\n variant: 'buttons.variants.base',\n height: rem(56),\n px: rem(16),\n borderRadius: 'large',\n },\n icon: {\n variant: 'buttons.variants.base',\n height: rem(48),\n maxHeight: rem(48),\n width: rem(48),\n maxWidth: rem(48),\n px: rem(12),\n borderRadius: 'full',\n },\n },\n elevations: {\n none: {},\n default: {\n transition: `box-shadow .28s ${EASING_STANDARD}`,\n '&:hover': {\n boxShadow: 1,\n },\n '&:active,&:focus-visible,&:disabled': {\n boxShadow: 0,\n },\n },\n elevated: {\n transition: `box-shadow .28s ${EASING_STANDARD}`,\n boxShadow: 1,\n '&:hover': {\n boxShadow: 2,\n },\n '&:active,&:focus-visible': {\n boxShadow: 1,\n },\n '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n boxShadow: 0,\n },\n },\n floating: {\n transition: `box-shadow .28s ${EASING_STANDARD}`,\n boxShadow: 3,\n ':hover': {\n boxShadow: 4,\n },\n '&:active,&:focus-visible': {\n boxShadow: 3,\n },\n '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n boxShadow: 0,\n },\n },\n },\n overlays: {\n transparent: {\n hover: {\n opacity: 0.08,\n },\n focus: {\n opacity: 0.12,\n },\n pressed: {\n opacity: 0.16,\n },\n },\n filled: {\n hover: {\n opacity: 0.08,\n },\n focus: {\n opacity: 0.12,\n },\n pressed: {\n opacity: 0.16,\n },\n },\n },\n },\n chips: {\n variants: {\n base: {\n variant: 'text.body2',\n boxShadow: 'none',\n py: 0,\n px: 0,\n height: rem(32),\n borderRadius: 'small',\n outline: 'none',\n transition: `box-shadow .28s ${EASING_STANDARD}`,\n },\n filled: {\n variant: 'chips.variants.base',\n boxShadow: 1,\n ':active:not([data-disabled])': {\n boxShadow: 2,\n },\n },\n outlined: {\n variant: 'chips.variants.base',\n },\n },\n },\n dialogs: {\n variants: {\n base: {\n borderRadius: 'extra-large',\n },\n },\n backgroundColorOverlay: 3,\n },\n paper: {\n overlays: {\n 0: 0,\n 1: 0.05,\n 2: 0.08,\n 3: 0.11,\n 4: 0.12,\n 5: 0.14,\n },\n },\n zIndices: {\n appBar: 1100,\n drawer: 1200,\n dialog: 1300,\n snackbar: 1400,\n tooltip: 1500,\n },\n styles: {\n root: {\n body: {\n fontFamily: 'plain',\n fontWeight: 'regular',\n lineHeight: 'body',\n backgroundColor: 'surface',\n color: 'on.surface',\n },\n },\n },\n};\n\nexport type Theme = typeof theme;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,112 +1,112 @@
|
|
|
1
|
-
export declare const typography: {
|
|
2
|
-
googleFonts: string;
|
|
3
|
-
fonts: {
|
|
4
|
-
body: string;
|
|
5
|
-
heading: string;
|
|
6
|
-
monospace: string;
|
|
7
|
-
};
|
|
8
|
-
fontWeights: {
|
|
9
|
-
light: string;
|
|
10
|
-
regular: string;
|
|
11
|
-
medium: string;
|
|
12
|
-
};
|
|
13
|
-
lineHeights: {
|
|
14
|
-
body: number;
|
|
15
|
-
heading: number;
|
|
16
|
-
};
|
|
17
|
-
text: {
|
|
18
|
-
caps: {
|
|
19
|
-
textTransform: string;
|
|
20
|
-
fontFamily: string;
|
|
21
|
-
lineHeight: string;
|
|
22
|
-
letterSpacing: string;
|
|
23
|
-
};
|
|
24
|
-
heading: {
|
|
25
|
-
fontFamily: string;
|
|
26
|
-
lineHeight: string;
|
|
27
|
-
};
|
|
28
|
-
display: {
|
|
29
|
-
fontFamily: string;
|
|
30
|
-
lineHeight: string;
|
|
31
|
-
};
|
|
32
|
-
h1: {
|
|
33
|
-
variant: string;
|
|
34
|
-
fontWeight: string;
|
|
35
|
-
fontSize: string;
|
|
36
|
-
letterSpacing: string;
|
|
37
|
-
};
|
|
38
|
-
h2: {
|
|
39
|
-
variant: string;
|
|
40
|
-
fontWeight: string;
|
|
41
|
-
fontSize: string;
|
|
42
|
-
letterSpacing: string;
|
|
43
|
-
};
|
|
44
|
-
h3: {
|
|
45
|
-
variant: string;
|
|
46
|
-
fontWeight: string;
|
|
47
|
-
fontSize: string;
|
|
48
|
-
letterSpacing: string;
|
|
49
|
-
};
|
|
50
|
-
h4: {
|
|
51
|
-
variant: string;
|
|
52
|
-
fontWeight: string;
|
|
53
|
-
fontSize: string;
|
|
54
|
-
letterSpacing: string;
|
|
55
|
-
};
|
|
56
|
-
h5: {
|
|
57
|
-
variant: string;
|
|
58
|
-
fontWeight: string;
|
|
59
|
-
fontSize: string;
|
|
60
|
-
letterSpacing: string;
|
|
61
|
-
};
|
|
62
|
-
h6: {
|
|
63
|
-
variant: string;
|
|
64
|
-
fontWeight: string;
|
|
65
|
-
fontSize: string;
|
|
66
|
-
letterSpacing: string;
|
|
67
|
-
};
|
|
68
|
-
subtitle1: {
|
|
69
|
-
variant: string;
|
|
70
|
-
fontWeight: string;
|
|
71
|
-
fontSize: string;
|
|
72
|
-
letterSpacing: string;
|
|
73
|
-
};
|
|
74
|
-
subtitle2: {
|
|
75
|
-
variant: string;
|
|
76
|
-
fontWeight: string;
|
|
77
|
-
fontSize: string;
|
|
78
|
-
letterSpacing: string;
|
|
79
|
-
};
|
|
80
|
-
body1: {
|
|
81
|
-
variant: string;
|
|
82
|
-
fontWeight: string;
|
|
83
|
-
fontSize: string;
|
|
84
|
-
letterSpacing: string;
|
|
85
|
-
};
|
|
86
|
-
body2: {
|
|
87
|
-
variant: string;
|
|
88
|
-
fontWeight: string;
|
|
89
|
-
fontSize: string;
|
|
90
|
-
letterSpacing: string;
|
|
91
|
-
};
|
|
92
|
-
button: {
|
|
93
|
-
variant: string;
|
|
94
|
-
fontSize: string;
|
|
95
|
-
fontWeight: string;
|
|
96
|
-
letterSpacing: string;
|
|
97
|
-
lineHeight: string;
|
|
98
|
-
};
|
|
99
|
-
caption: {
|
|
100
|
-
variant: string;
|
|
101
|
-
fontWeight: string;
|
|
102
|
-
fontSize: string;
|
|
103
|
-
letterSpacing: string;
|
|
104
|
-
};
|
|
105
|
-
overline: {
|
|
106
|
-
variant: string;
|
|
107
|
-
fontWeight: string;
|
|
108
|
-
fontSize: string;
|
|
109
|
-
letterSpacing: string;
|
|
110
|
-
};
|
|
111
|
-
};
|
|
112
|
-
};
|
|
1
|
+
export declare const typography: {
|
|
2
|
+
googleFonts: string;
|
|
3
|
+
fonts: {
|
|
4
|
+
body: string;
|
|
5
|
+
heading: string;
|
|
6
|
+
monospace: string;
|
|
7
|
+
};
|
|
8
|
+
fontWeights: {
|
|
9
|
+
light: string;
|
|
10
|
+
regular: string;
|
|
11
|
+
medium: string;
|
|
12
|
+
};
|
|
13
|
+
lineHeights: {
|
|
14
|
+
body: number;
|
|
15
|
+
heading: number;
|
|
16
|
+
};
|
|
17
|
+
text: {
|
|
18
|
+
caps: {
|
|
19
|
+
textTransform: string;
|
|
20
|
+
fontFamily: string;
|
|
21
|
+
lineHeight: string;
|
|
22
|
+
letterSpacing: string;
|
|
23
|
+
};
|
|
24
|
+
heading: {
|
|
25
|
+
fontFamily: string;
|
|
26
|
+
lineHeight: string;
|
|
27
|
+
};
|
|
28
|
+
display: {
|
|
29
|
+
fontFamily: string;
|
|
30
|
+
lineHeight: string;
|
|
31
|
+
};
|
|
32
|
+
h1: {
|
|
33
|
+
variant: string;
|
|
34
|
+
fontWeight: string;
|
|
35
|
+
fontSize: string;
|
|
36
|
+
letterSpacing: string;
|
|
37
|
+
};
|
|
38
|
+
h2: {
|
|
39
|
+
variant: string;
|
|
40
|
+
fontWeight: string;
|
|
41
|
+
fontSize: string;
|
|
42
|
+
letterSpacing: string;
|
|
43
|
+
};
|
|
44
|
+
h3: {
|
|
45
|
+
variant: string;
|
|
46
|
+
fontWeight: string;
|
|
47
|
+
fontSize: string;
|
|
48
|
+
letterSpacing: string;
|
|
49
|
+
};
|
|
50
|
+
h4: {
|
|
51
|
+
variant: string;
|
|
52
|
+
fontWeight: string;
|
|
53
|
+
fontSize: string;
|
|
54
|
+
letterSpacing: string;
|
|
55
|
+
};
|
|
56
|
+
h5: {
|
|
57
|
+
variant: string;
|
|
58
|
+
fontWeight: string;
|
|
59
|
+
fontSize: string;
|
|
60
|
+
letterSpacing: string;
|
|
61
|
+
};
|
|
62
|
+
h6: {
|
|
63
|
+
variant: string;
|
|
64
|
+
fontWeight: string;
|
|
65
|
+
fontSize: string;
|
|
66
|
+
letterSpacing: string;
|
|
67
|
+
};
|
|
68
|
+
subtitle1: {
|
|
69
|
+
variant: string;
|
|
70
|
+
fontWeight: string;
|
|
71
|
+
fontSize: string;
|
|
72
|
+
letterSpacing: string;
|
|
73
|
+
};
|
|
74
|
+
subtitle2: {
|
|
75
|
+
variant: string;
|
|
76
|
+
fontWeight: string;
|
|
77
|
+
fontSize: string;
|
|
78
|
+
letterSpacing: string;
|
|
79
|
+
};
|
|
80
|
+
body1: {
|
|
81
|
+
variant: string;
|
|
82
|
+
fontWeight: string;
|
|
83
|
+
fontSize: string;
|
|
84
|
+
letterSpacing: string;
|
|
85
|
+
};
|
|
86
|
+
body2: {
|
|
87
|
+
variant: string;
|
|
88
|
+
fontWeight: string;
|
|
89
|
+
fontSize: string;
|
|
90
|
+
letterSpacing: string;
|
|
91
|
+
};
|
|
92
|
+
button: {
|
|
93
|
+
variant: string;
|
|
94
|
+
fontSize: string;
|
|
95
|
+
fontWeight: string;
|
|
96
|
+
letterSpacing: string;
|
|
97
|
+
lineHeight: string;
|
|
98
|
+
};
|
|
99
|
+
caption: {
|
|
100
|
+
variant: string;
|
|
101
|
+
fontWeight: string;
|
|
102
|
+
fontSize: string;
|
|
103
|
+
letterSpacing: string;
|
|
104
|
+
};
|
|
105
|
+
overline: {
|
|
106
|
+
variant: string;
|
|
107
|
+
fontWeight: string;
|
|
108
|
+
fontSize: string;
|
|
109
|
+
letterSpacing: string;
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography-raleway.js","names":["em","typography","googleFonts","fonts","body","heading","monospace","fontWeights","light","regular","medium","lineHeights","text","caps","textTransform","fontFamily","lineHeight","letterSpacing","display","h1","variant","fontWeight","fontSize","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline"],"sources":["../../../src/theme/typography-raleway.ts"],"sourcesContent":["import { rem, em } from 'polished';\
|
|
1
|
+
{"version":3,"file":"typography-raleway.js","names":["em","typography","googleFonts","fonts","body","heading","monospace","fontWeights","light","regular","medium","lineHeights","text","caps","textTransform","fontFamily","lineHeight","letterSpacing","display","h1","variant","fontWeight","fontSize","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline"],"sources":["../../../src/theme/typography-raleway.ts"],"sourcesContent":["import { rem, em } from 'polished';\n\nexport const typography = {\n googleFonts: 'https://fonts.googleapis.com/css?family=Raleway',\n fonts: {\n body: 'Raleway, sans-serif',\n heading: 'Raleway, sans-serif',\n monospace: '\"Roboto Mono\", monospace',\n },\n fontWeights: {\n light: 'lighter',\n regular: 'normal',\n medium: '600',\n },\n lineHeights: {\n body: 1.5,\n heading: 1.2,\n },\n text: {\n caps: {\n textTransform: 'uppercase',\n fontFamily: 'body',\n lineHeight: 'body',\n letterSpacing: '0.1em',\n },\n heading: {\n fontFamily: 'heading',\n lineHeight: 'heading',\n },\n display: {\n fontFamily: 'body',\n lineHeight: 'body',\n },\n h1: {\n variant: 'text.heading',\n fontWeight: 'light',\n fontSize: rem(98),\n letterSpacing: em(-1.5, 98),\n },\n h2: {\n variant: 'text.heading',\n fontWeight: 'light',\n fontSize: rem(61),\n letterSpacing: em(-0.5, 61),\n },\n h3: {\n variant: 'text.heading',\n fontWeight: 'regular',\n fontSize: rem(49),\n letterSpacing: em(0, 49),\n },\n h4: {\n variant: 'text.heading',\n fontWeight: 'regular',\n fontSize: rem(35),\n letterSpacing: em(0.25, 35),\n },\n h5: {\n variant: 'text.heading',\n fontWeight: 'regular',\n fontSize: rem(24),\n letterSpacing: em(0, 24),\n },\n h6: {\n variant: 'text.heading',\n fontWeight: 'medium',\n fontSize: rem(20),\n letterSpacing: em(0.15, 20),\n },\n subtitle1: {\n variant: 'text.display',\n fontWeight: 'regular',\n fontSize: rem(16),\n letterSpacing: em(0.15, 16),\n },\n subtitle2: {\n variant: 'text.display',\n fontWeight: 'medium',\n fontSize: rem(14),\n letterSpacing: em(0.1, 14),\n },\n body1: {\n variant: 'text.display',\n fontWeight: 'regular',\n fontSize: rem(16),\n letterSpacing: em(0.5, 16),\n },\n body2: {\n variant: 'text.display',\n fontWeight: 'regular',\n fontSize: rem(14),\n letterSpacing: em(0.25, 14),\n },\n button: {\n variant: 'text.display',\n fontSize: rem(14),\n fontWeight: 'medium',\n letterSpacing: em(1.25, 14),\n lineHeight: 'normal',\n },\n caption: {\n variant: 'text.display',\n fontWeight: 'regular',\n fontSize: rem(12),\n letterSpacing: em(0.4, 12),\n },\n overline: {\n variant: 'text.caps',\n fontWeight: 'medium',\n fontSize: rem(10),\n letterSpacing: em(1.5, 10),\n },\n },\n};\n"],"mappings":"AAAA,SAAcA,EAAE,QAAQ,UAAU;AAElC,OAAO,MAAMC,UAAU,GAAG;EACxBC,WAAW,EAAE,iDAAiD;EAC9DC,KAAK,EAAE;IACLC,IAAI,EAAE,qBAAqB;IAC3BC,OAAO,EAAE,qBAAqB;IAC9BC,SAAS,EAAE;EACb,CAAC;EACDC,WAAW,EAAE;IACXC,KAAK,EAAE,SAAS;IAChBC,OAAO,EAAE,QAAQ;IACjBC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXP,IAAI,EAAE,GAAG;IACTC,OAAO,EAAE;EACX,CAAC;EACDO,IAAI,EAAE;IACJC,IAAI,EAAE;MACJC,aAAa,EAAE,WAAW;MAC1BC,UAAU,EAAE,MAAM;MAClBC,UAAU,EAAE,MAAM;MAClBC,aAAa,EAAE;IACjB,CAAC;IACDZ,OAAO,EAAE;MACPU,UAAU,EAAE,SAAS;MACrBC,UAAU,EAAE;IACd,CAAC;IACDE,OAAO,EAAE;MACPH,UAAU,EAAE,MAAM;MAClBC,UAAU,EAAE;IACd,CAAC;IACDG,EAAE,EAAE;MACFC,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,OAAO;MACnBC,QAAQ,YAAS;MACjBL,aAAa,EAAEjB,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE;IAC5B,CAAC;IACDuB,EAAE,EAAE;MACFH,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,OAAO;MACnBC,QAAQ,aAAS;MACjBL,aAAa,EAAEjB,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE;IAC5B,CAAC;IACDwB,EAAE,EAAE;MACFJ,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,SAAS;MACrBC,QAAQ,aAAS;MACjBL,aAAa;IACf,CAAC;IACDQ,EAAE,EAAE;MACFL,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,SAAS;MACrBC,QAAQ,aAAS;MACjBL,aAAa;IACf,CAAC;IACDS,EAAE,EAAE;MACFN,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,SAAS;MACrBC,QAAQ,UAAS;MACjBL,aAAa;IACf,CAAC;IACDU,EAAE,EAAE;MACFP,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,WAAS;MACjBL,aAAa;IACf,CAAC;IACDW,SAAS,EAAE;MACTR,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,SAAS;MACrBC,QAAQ,QAAS;MACjBL,aAAa;IACf,CAAC;IACDY,SAAS,EAAE;MACTT,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,YAAS;MACjBL,aAAa;IACf,CAAC;IACDa,KAAK,EAAE;MACLV,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,SAAS;MACrBC,QAAQ,QAAS;MACjBL,aAAa;IACf,CAAC;IACDc,KAAK,EAAE;MACLX,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,SAAS;MACrBC,QAAQ,YAAS;MACjBL,aAAa;IACf,CAAC;IACDe,MAAM,EAAE;MACNZ,OAAO,EAAE,cAAc;MACvBE,QAAQ,YAAS;MACjBD,UAAU,EAAE,QAAQ;MACpBJ,aAAa,yBAAc;MAC3BD,UAAU,EAAE;IACd,CAAC;IACDiB,OAAO,EAAE;MACPb,OAAO,EAAE,cAAc;MACvBC,UAAU,EAAE,SAAS;MACrBC,QAAQ,WAAS;MACjBL,aAAa;IACf,CAAC;IACDiB,QAAQ,EAAE;MACRd,OAAO,EAAE,WAAW;MACpBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,YAAS;MACjBL,aAAa;IACf;EACF;AACF,CAAC","ignoreList":[]}
|