td-stylekit 24.8.0 → 25.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.babelrc.js +8 -23
- package/CHANGELOG.md +35 -0
- package/dist/es/ActionBar/ActionBar.js +42 -18
- package/dist/es/ActionBar/components/ActionMenu.js +41 -17
- package/dist/es/ActionBar/components/Container.d.ts +4 -126
- package/dist/es/ActionBar/components/Container.js +20 -5
- package/dist/es/ActionBar/components/IconButton.d.ts +7 -133
- package/dist/es/ActionBar/components/IconButton.js +22 -6
- package/dist/es/ActionBar/components/Prefix.js +24 -8
- package/dist/es/ActionBar/components/index.js +58 -5
- package/dist/es/ActionBar/index.js +17 -2
- package/dist/es/ActionBar/types.js +5 -0
- package/dist/es/Badge/Badge.d.ts +4 -126
- package/dist/es/Badge/Badge.js +42 -26
- package/dist/es/Badge/constants.js +9 -2
- package/dist/es/Badge/index.js +25 -3
- package/dist/es/BarChart/BarChart.d.ts +6 -7
- package/dist/es/BarChart/BarChart.js +67 -39
- package/dist/es/BarChart/index.js +17 -2
- package/dist/es/Box/Box.d.ts +4 -126
- package/dist/es/Box/Box.js +37 -12
- package/dist/es/Box/index.js +17 -2
- package/dist/es/Button/Button.js +130 -79
- package/dist/es/Button/elements.d.ts +4 -126
- package/dist/es/Button/elements.js +17 -3
- package/dist/es/Button/index.js +35 -3
- package/dist/es/Canvas/Canvas.js +31 -12
- package/dist/es/Canvas/elements.d.ts +55 -2537
- package/dist/es/Canvas/elements.js +84 -33
- package/dist/es/Canvas/index.js +17 -2
- package/dist/es/Card/Card.d.ts +4 -126
- package/dist/es/Card/Card.js +20 -7
- package/dist/es/Card/index.js +17 -2
- package/dist/es/ChartPrimitives/ChartLegend.d.ts +22 -635
- package/dist/es/ChartPrimitives/ChartLegend.js +62 -25
- package/dist/es/ChartPrimitives/Container.d.ts +4 -126
- package/dist/es/ChartPrimitives/Container.js +17 -5
- package/dist/es/ChartPrimitives/Defs.js +73 -41
- package/dist/es/ChartPrimitives/Noop.js +8 -1
- package/dist/es/ChartPrimitives/Tooltip.d.ts +2 -3
- package/dist/es/ChartPrimitives/Tooltip.js +96 -32
- package/dist/es/ChartPrimitives/index.d.ts +6 -126
- package/dist/es/ChartPrimitives/index.js +67 -14
- package/dist/es/ChartPrimitives/utils.d.ts +26 -277
- package/dist/es/ChartPrimitives/utils.js +112 -69
- package/dist/es/Checkbox/Checkbox.js +104 -48
- package/dist/es/Checkbox/index.js +17 -2
- package/dist/es/CheckboxField/CheckboxField.js +57 -26
- package/dist/es/CheckboxField/index.js +17 -2
- package/dist/es/CollapsibleToggle/CollapsibleToggle.js +53 -28
- package/dist/es/CollapsibleToggle/constants.js +8 -1
- package/dist/es/CollapsibleToggle/index.js +17 -2
- package/dist/es/Column/Column.js +30 -10
- package/dist/es/Column/index.js +17 -2
- package/dist/es/ComparisonChart/ComparisonChart.d.ts +41 -1
- package/dist/es/ComparisonChart/ComparisonChart.js +74 -44
- package/dist/es/ComparisonChart/constants.js +9 -2
- package/dist/es/ComparisonChart/index.js +17 -2
- package/dist/es/ComponentGroup/ComponentGroup.js +28 -7
- package/dist/es/ComponentGroup/index.js +17 -2
- package/dist/es/DataGrid/DataGrid.js +127 -67
- package/dist/es/DataGrid/components/BasicColumn.js +43 -21
- package/dist/es/DataGrid/components/CategoryFilter.js +42 -16
- package/dist/es/DataGrid/components/CollapsibleCell.d.ts +5 -128
- package/dist/es/DataGrid/components/CollapsibleCell.js +81 -33
- package/dist/es/DataGrid/components/ColumnHeader.js +73 -39
- package/dist/es/DataGrid/components/ColumnHeaderActions.js +71 -37
- package/dist/es/DataGrid/components/FocusableRow.js +53 -20
- package/dist/es/DataGrid/components/InputCell.js +63 -31
- package/dist/es/DataGrid/components/ScrollableTable.d.ts +7 -7
- package/dist/es/DataGrid/components/ScrollableTable.js +95 -56
- package/dist/es/DataGrid/components/index.js +73 -9
- package/dist/es/DataGrid/constants.js +15 -4
- package/dist/es/DataGrid/elements.d.ts +352 -2543
- package/dist/es/DataGrid/elements.js +214 -92
- package/dist/es/DataGrid/index.js +17 -2
- package/dist/es/DataGrid/renderers.js +138 -96
- package/dist/es/DataGrid/sampleData.js +24 -9
- package/dist/es/DataGrid/utils.js +43 -24
- package/dist/es/DateControl/DateControl.js +113 -60
- package/dist/es/DateControl/elements.d.ts +180 -887
- package/dist/es/DateControl/elements.js +58 -22
- package/dist/es/DateControl/index.js +17 -2
- package/dist/es/DateField/DateField.js +105 -53
- package/dist/es/DateField/elements.d.ts +9 -251
- package/dist/es/DateField/elements.js +34 -12
- package/dist/es/DateField/index.js +17 -2
- package/dist/es/DatePicker/DatePicker.js +97 -56
- package/dist/es/DatePicker/index.js +28 -4
- package/dist/es/DatePicker/utils.js +47 -19
- package/dist/es/DetailPanel/DetailPanel.js +31 -17
- package/dist/es/DetailPanel/elements.d.ts +20 -505
- package/dist/es/DetailPanel/elements.js +92 -50
- package/dist/es/DetailPanel/index.js +17 -2
- package/dist/es/DistributionChart/DistributionChart.js +36 -14
- package/dist/es/DistributionChart/index.js +21 -3
- package/dist/es/DistributionChart/utils.js +10 -2
- package/dist/es/Drawer/Drawer.js +37 -17
- package/dist/es/Drawer/elements.d.ts +30 -1015
- package/dist/es/Drawer/elements.js +120 -67
- package/dist/es/Drawer/index.js +17 -2
- package/dist/es/DropdownButton/DropdownButton.d.ts +1 -125
- package/dist/es/DropdownButton/DropdownButton.js +90 -44
- package/dist/es/DropdownButton/DropdownButtonElements.d.ts +22 -776
- package/dist/es/DropdownButton/DropdownButtonElements.js +129 -59
- package/dist/es/DropdownButton/DropdownButtonUtils.js +19 -4
- package/dist/es/DropdownButton/index.js +17 -2
- package/dist/es/FileInput/FileInput.js +66 -26
- package/dist/es/FileInput/index.js +17 -2
- package/dist/es/FormControl/FormControl.d.ts +4 -17
- package/dist/es/FormControl/FormControl.js +105 -63
- package/dist/es/FormControl/components/CheckboxGroup.js +43 -17
- package/dist/es/FormControl/components/RadioGroup.js +31 -16
- package/dist/es/FormControl/components/Textarea.js +24 -7
- package/dist/es/FormControl/components/index.js +31 -4
- package/dist/es/FormControl/elements.d.ts +57 -1770
- package/dist/es/FormControl/elements.js +107 -46
- package/dist/es/FormControl/index.js +17 -2
- package/dist/es/FormField/FormField.d.ts +1 -11
- package/dist/es/FormField/FormField.js +112 -67
- package/dist/es/FormField/elements.d.ts +13 -377
- package/dist/es/FormField/elements.js +54 -20
- package/dist/es/FormField/index.js +31 -3
- package/dist/es/FormField/utils.js +29 -5
- package/dist/es/FormFieldAddon/FormFieldAddon.js +65 -28
- package/dist/es/FormFieldAddon/FormFieldAddonElements.d.ts +15 -1266
- package/dist/es/FormFieldAddon/FormFieldAddonElements.js +47 -16
- package/dist/es/FormFieldAddon/index.js +17 -2
- package/dist/es/FormLabel/FormLabel.js +18 -5
- package/dist/es/FormLabel/elements.d.ts +5 -127
- package/dist/es/FormLabel/elements.js +19 -4
- package/dist/es/FormLabel/index.js +17 -2
- package/dist/es/FormModal/FormModal.js +47 -22
- package/dist/es/FormModal/index.js +17 -2
- package/dist/es/Grid/Grid.d.ts +4 -126
- package/dist/es/Grid/Grid.js +17 -4
- package/dist/es/Grid/GridItem.d.ts +4 -126
- package/dist/es/Grid/GridItem.js +17 -5
- package/dist/es/Grid/index.js +25 -4
- package/dist/es/GrowthRateChart/GrowthRateChart.d.ts +2 -2
- package/dist/es/GrowthRateChart/GrowthRateChart.js +40 -18
- package/dist/es/GrowthRateChart/index.js +17 -2
- package/dist/es/Heading/Heading.js +37 -11
- package/dist/es/Heading/index.js +17 -2
- package/dist/es/Highlighter/Highlighter.js +25 -11
- package/dist/es/Highlighter/index.js +17 -2
- package/dist/es/Histogram/Data.js +9 -2
- package/dist/es/Histogram/Histogram.js +85 -46
- package/dist/es/Histogram/index.js +17 -2
- package/dist/es/Icon/Icon.js +68 -30
- package/dist/es/Icon/index.js +33 -2
- package/dist/es/Icon/staticTypes.d.ts +4 -2
- package/dist/es/Icon/staticTypes.js +5 -0
- package/dist/es/Icon/types.js +7 -0
- package/dist/es/IconBar/IconBar.d.ts +33 -1272
- package/dist/es/IconBar/IconBar.js +74 -45
- package/dist/es/IconBar/IconItem.d.ts +16 -507
- package/dist/es/IconBar/IconItem.js +64 -31
- package/dist/es/IconBar/LogoItem.js +27 -14
- package/dist/es/IconBar/index.js +17 -2
- package/dist/es/IconBar/variants.js +24 -7
- package/dist/es/InfiniteList/InfiniteList.js +65 -24
- package/dist/es/InfiniteList/index.js +17 -2
- package/dist/es/Input/Input.d.ts +15 -391
- package/dist/es/Input/Input.js +139 -72
- package/dist/es/Input/index.js +17 -2
- package/dist/es/LeftTruncatedText/LeftTruncatedText.js +43 -22
- package/dist/es/LeftTruncatedText/index.js +17 -2
- package/dist/es/Link/Link.d.ts +8 -126
- package/dist/es/Link/Link.js +31 -7
- package/dist/es/Link/index.js +17 -2
- package/dist/es/Loader/Loader.js +21 -7
- package/dist/es/Loader/LoaderDiamond.js +96 -73
- package/dist/es/Loader/LoaderDots.js +41 -21
- package/dist/es/Loader/index.js +17 -2
- package/dist/es/Logo/Logo.d.ts +9 -2
- package/dist/es/Logo/Logo.js +79 -248
- package/dist/es/Logo/LogoDark.d.ts +11 -0
- package/dist/es/Logo/LogoDark.js +126 -0
- package/dist/es/Logo/LogoLight.d.ts +11 -0
- package/dist/es/Logo/LogoLight.js +123 -0
- package/dist/es/Logo/LogoV4.d.ts +11 -0
- package/dist/es/Logo/LogoV4.js +168 -0
- package/dist/es/Logo/index.js +17 -2
- package/dist/es/Menu/Menu.js +104 -74
- package/dist/es/Menu/MenuElements.d.ts +1 -126
- package/dist/es/Menu/MenuElements.js +87 -32
- package/dist/es/Menu/index.js +17 -2
- package/dist/es/MiddleTruncatedText/MiddleTruncatedText.js +34 -25
- package/dist/es/MiddleTruncatedText/index.js +17 -2
- package/dist/es/Modal/Modal.d.ts +9 -254
- package/dist/es/Modal/Modal.js +78 -35
- package/dist/es/Modal/components/Body.js +27 -8
- package/dist/es/Modal/components/Footer.d.ts +3 -125
- package/dist/es/Modal/components/Footer.js +34 -16
- package/dist/es/Modal/components/FooterConfirmation.js +30 -10
- package/dist/es/Modal/components/Header.js +37 -19
- package/dist/es/Modal/components/MenuBody.d.ts +16 -638
- package/dist/es/Modal/components/MenuBody.js +146 -75
- package/dist/es/Modal/components/ModalMessage.d.ts +37 -1026
- package/dist/es/Modal/components/ModalMessage.js +125 -45
- package/dist/es/Modal/components/ModalOverlay.js +26 -11
- package/dist/es/Modal/components/elements.d.ts +50 -1765
- package/dist/es/Modal/components/elements.js +142 -60
- package/dist/es/Modal/components/index.js +79 -9
- package/dist/es/Modal/constants.js +17 -5
- package/dist/es/Modal/context.js +12 -3
- package/dist/es/Modal/index.js +13 -2
- package/dist/es/MultiSelect/MultiSelect.d.ts +5 -2
- package/dist/es/MultiSelect/MultiSelect.js +86 -38
- package/dist/es/MultiSelect/elements.d.ts +25 -1762
- package/dist/es/MultiSelect/elements.js +136 -58
- package/dist/es/MultiSelect/index.js +35 -3
- package/dist/es/NavigationBar/LogoItem.js +21 -10
- package/dist/es/NavigationBar/NavigationBar.d.ts +16 -379
- package/dist/es/NavigationBar/NavigationBar.js +49 -24
- package/dist/es/NavigationBar/NavigationItem.d.ts +8 -254
- package/dist/es/NavigationBar/NavigationItem.js +81 -32
- package/dist/es/NavigationBar/index.js +17 -2
- package/dist/es/NavigationPopover/NavigationPopover.d.ts +16 -632
- package/dist/es/NavigationPopover/NavigationPopover.js +50 -28
- package/dist/es/NavigationPopover/index.js +17 -2
- package/dist/es/Overlay/Overlay.js +30 -13
- package/dist/es/Overlay/OverlayBody.d.ts +8 -382
- package/dist/es/Overlay/OverlayBody.js +28 -9
- package/dist/es/Overlay/OverlayHeader.d.ts +37 -508
- package/dist/es/Overlay/OverlayHeader.js +94 -52
- package/dist/es/Overlay/index.js +33 -4
- package/dist/es/Paragraph/Paragraph.d.ts +4 -126
- package/dist/es/Paragraph/Paragraph.js +22 -8
- package/dist/es/Paragraph/index.js +17 -2
- package/dist/es/PieChart/PieChart.js +77 -43
- package/dist/es/PieChart/index.js +15 -2
- package/dist/es/Popover/Popover.d.ts +9 -252
- package/dist/es/Popover/Popover.js +57 -22
- package/dist/es/Popover/index.js +17 -2
- package/dist/es/PositiveNegativeBarChart/PositiveNegativeBarChart.js +65 -41
- package/dist/es/PositiveNegativeBarChart/index.js +23 -3
- package/dist/es/PositiveNegativeBarChart/utils.js +10 -2
- package/dist/es/Radio/Radio.js +85 -40
- package/dist/es/Radio/index.js +17 -2
- package/dist/es/RatioPieChart/RatioPieChart.js +20 -6
- package/dist/es/RatioPieChart/index.js +15 -2
- package/dist/es/RightTruncatedText/RightTruncatedText.js +30 -12
- package/dist/es/RightTruncatedText/index.js +17 -2
- package/dist/es/Row/Row.js +23 -8
- package/dist/es/Row/index.js +17 -2
- package/dist/es/SecondaryNavigation/SecondaryNavigation.js +48 -22
- package/dist/es/SecondaryNavigation/elements/Item.d.ts +4 -126
- package/dist/es/SecondaryNavigation/elements/Item.js +17 -5
- package/dist/es/SecondaryNavigation/elements/Section.js +53 -22
- package/dist/es/SecondaryNavigation/elements/Title.d.ts +4 -126
- package/dist/es/SecondaryNavigation/elements/Title.js +17 -5
- package/dist/es/SecondaryNavigation/elements/Wrapper.d.ts +5 -127
- package/dist/es/SecondaryNavigation/elements/Wrapper.js +17 -5
- package/dist/es/SecondaryNavigation/index.d.ts +9 -251
- package/dist/es/SecondaryNavigation/index.js +24 -10
- package/dist/es/Section/Section.js +67 -27
- package/dist/es/Section/elements.d.ts +193 -1046
- package/dist/es/Section/elements.js +73 -30
- package/dist/es/Section/index.js +17 -2
- package/dist/es/Select/Select.d.ts +1 -1
- package/dist/es/Select/Select.js +110 -57
- package/dist/es/Select/components/CreatableSelect.js +41 -11
- package/dist/es/Select/components/MenuList.js +65 -26
- package/dist/es/Select/components/MenuPortal.js +27 -18
- package/dist/es/Select/components/Option.d.ts +2 -2
- package/dist/es/Select/components/Option.js +59 -18
- package/dist/es/Select/components/OptionTypes.js +5 -0
- package/dist/es/Select/components/index.js +41 -5
- package/dist/es/Select/elements.d.ts +10 -503
- package/dist/es/Select/elements.js +45 -16
- package/dist/es/Select/index.js +42 -4
- package/dist/es/Select/types.js +5 -0
- package/dist/es/Select/utils.js +82 -52
- package/dist/es/Select/variantProps.js +78 -37
- package/dist/es/Shuttle/Shuttle.js +70 -33
- package/dist/es/Shuttle/elements.d.ts +21 -751
- package/dist/es/Shuttle/elements.js +78 -36
- package/dist/es/Shuttle/index.js +17 -2
- package/dist/es/SimpleModal/SimpleModal.js +30 -11
- package/dist/es/SimpleModal/index.js +17 -2
- package/dist/es/Slider/Slider.js +60 -29
- package/dist/es/Slider/elements.d.ts +39 -388
- package/dist/es/Slider/elements.js +34 -10
- package/dist/es/Slider/index.js +17 -2
- package/dist/es/StatCard/StatCard.js +46 -26
- package/dist/es/StatCard/elements.d.ts +47 -1513
- package/dist/es/StatCard/elements.js +74 -24
- package/dist/es/StatCard/index.js +17 -2
- package/dist/es/Tabs/Tabs.js +36 -15
- package/dist/es/Tabs/elements.d.ts +34 -508
- package/dist/es/Tabs/elements.js +52 -17
- package/dist/es/Tabs/index.js +17 -2
- package/dist/es/Tagger/Tagger.d.ts +8 -126
- package/dist/es/Tagger/Tagger.js +77 -34
- package/dist/es/Tagger/TaggerElements.d.ts +22 -757
- package/dist/es/Tagger/TaggerElements.js +74 -33
- package/dist/es/Tagger/components/PopupSelector.js +124 -75
- package/dist/es/Tagger/components/PopupSelectorElements.d.ts +66 -2081
- package/dist/es/Tagger/components/PopupSelectorElements.js +108 -43
- package/dist/es/Tagger/components/constants.js +10 -2
- package/dist/es/Tagger/index.js +17 -2
- package/dist/es/Tagger/variantProps.js +116 -82
- package/dist/es/Text/Text.d.ts +4 -126
- package/dist/es/Text/Text.js +38 -10
- package/dist/es/Text/index.js +17 -2
- package/dist/es/ThemeProvider/ThemeProvider.d.ts +3403 -220
- package/dist/es/ThemeProvider/ThemeProvider.js +47 -24
- package/dist/es/ThemeProvider/accessibility.js +21 -11
- package/dist/es/ThemeProvider/icons.js +13 -4
- package/dist/es/ThemeProvider/index.js +80 -7
- package/dist/es/ThemeProvider/overridable.js +8 -1
- package/dist/es/ThemeProvider/theme.js +18 -6
- package/dist/es/ThemeProvider/types.d.ts +8 -29
- package/dist/es/ThemeProvider/types.js +5 -0
- package/dist/es/ThemeProvider/utils/themeUtils.js +8 -1
- package/dist/es/ThemeProvider/v4/Badge.js +18 -5
- package/dist/es/ThemeProvider/v4/Button.js +24 -9
- package/dist/es/ThemeProvider/v4/Card.js +19 -5
- package/dist/es/ThemeProvider/v4/Checkbox.js +18 -5
- package/dist/es/ThemeProvider/v4/CollapsibleToggle.js +18 -5
- package/dist/es/ThemeProvider/v4/Color.d.ts +1 -1
- package/dist/es/ThemeProvider/v4/Color.js +16 -4
- package/dist/es/ThemeProvider/v4/DataGrid.d.ts +2 -8
- package/dist/es/ThemeProvider/v4/DataGrid.js +18 -5
- package/dist/es/ThemeProvider/v4/DatePicker.js +29 -16
- package/dist/es/ThemeProvider/v4/DropdownButton.js +21 -7
- package/dist/es/ThemeProvider/v4/FormFieldAddon.js +18 -5
- package/dist/es/ThemeProvider/v4/FormLabel.d.ts +1 -5
- package/dist/es/ThemeProvider/v4/FormLabel.js +19 -5
- package/dist/es/ThemeProvider/v4/Icon.js +19 -5
- package/dist/es/ThemeProvider/v4/Input.d.ts +1 -1
- package/dist/es/ThemeProvider/v4/Input.js +17 -6
- package/dist/es/ThemeProvider/v4/Link.js +19 -5
- package/dist/es/ThemeProvider/v4/Menu.d.ts +1 -5
- package/dist/es/ThemeProvider/v4/Menu.js +21 -7
- package/dist/es/ThemeProvider/v4/Modal.d.ts +14 -42
- package/dist/es/ThemeProvider/v4/Modal.js +21 -7
- package/dist/es/ThemeProvider/v4/MultiSelect.d.ts +2 -24
- package/dist/es/ThemeProvider/v4/MultiSelect.js +18 -5
- package/dist/es/ThemeProvider/v4/Popover.js +15 -4
- package/dist/es/ThemeProvider/v4/Radio.d.ts +2 -30
- package/dist/es/ThemeProvider/v4/Radio.js +18 -5
- package/dist/es/ThemeProvider/v4/Section.d.ts +3 -39
- package/dist/es/ThemeProvider/v4/Section.js +18 -5
- package/dist/es/ThemeProvider/v4/Select.d.ts +1 -4
- package/dist/es/ThemeProvider/v4/Select.js +18 -5
- package/dist/es/ThemeProvider/v4/Shuttle.js +18 -5
- package/dist/es/ThemeProvider/v4/Tagger.d.ts +1 -12
- package/dist/es/ThemeProvider/v4/Tagger.js +18 -5
- package/dist/es/ThemeProvider/v4/Toast.js +18 -5
- package/dist/es/ThemeProvider/v4/Toggle.d.ts +4 -38
- package/dist/es/ThemeProvider/v4/Toggle.js +18 -5
- package/dist/es/ThemeProvider/v4/UserAvatar.js +18 -5
- package/dist/es/ThemeProvider/v4/View.js +19 -5
- package/dist/es/ThemeProvider/v4/index.d.ts +3403 -220
- package/dist/es/ThemeProvider/v4/index.js +69 -33
- package/dist/es/TimeControl/TimeControl.js +63 -26
- package/dist/es/TimeControl/elements.d.ts +186 -378
- package/dist/es/TimeControl/elements.js +41 -14
- package/dist/es/TimeControl/index.js +17 -2
- package/dist/es/TimeControl/utils.js +41 -18
- package/dist/es/TimeField/TimeField.d.ts +5 -1
- package/dist/es/TimeField/TimeField.js +40 -14
- package/dist/es/TimeField/index.js +17 -2
- package/dist/es/TimePicker/TimePicker.js +60 -30
- package/dist/es/TimePicker/components/Container.d.ts +5 -127
- package/dist/es/TimePicker/components/Container.js +20 -5
- package/dist/es/TimePicker/components/PeriodSelector.js +68 -38
- package/dist/es/TimePicker/components/Separator.d.ts +4 -126
- package/dist/es/TimePicker/components/Separator.js +17 -3
- package/dist/es/TimePicker/components/Spinner.d.ts +4 -126
- package/dist/es/TimePicker/components/Spinner.js +60 -26
- package/dist/es/TimePicker/components/index.js +58 -5
- package/dist/es/TimePicker/index.js +17 -2
- package/dist/es/TimePicker/utils.js +38 -14
- package/dist/es/Toast/Toast.js +71 -36
- package/dist/es/Toast/constants.js +9 -2
- package/dist/es/Toast/elements.d.ts +39 -1512
- package/dist/es/Toast/elements.js +118 -53
- package/dist/es/Toast/index.js +21 -3
- package/dist/es/Toggle/Toggle.d.ts +10 -252
- package/dist/es/Toggle/Toggle.js +87 -32
- package/dist/es/Toggle/index.js +17 -2
- package/dist/es/TooltipPopover/TooltipPopover.js +59 -22
- package/dist/es/TooltipPopover/index.js +17 -2
- package/dist/es/TooltipPopover/useWaitForDOMRef.js +25 -9
- package/dist/es/Tree/NodeContent.js +43 -23
- package/dist/es/Tree/NodeContextMenu.js +29 -11
- package/dist/es/Tree/Tree.js +66 -26
- package/dist/es/Tree/TreeNode.js +40 -16
- package/dist/es/Tree/elements.d.ts +40 -1268
- package/dist/es/Tree/elements.js +80 -31
- package/dist/es/Tree/index.js +38 -20
- package/dist/es/Tree/mockData.js +9 -2
- package/dist/es/UserAvatar/UserAvatar.d.ts +8 -254
- package/dist/es/UserAvatar/UserAvatar.js +62 -30
- package/dist/es/UserAvatar/index.js +17 -2
- package/dist/es/View/View.d.ts +4 -126
- package/dist/es/View/View.js +38 -10
- package/dist/es/View/index.js +17 -2
- package/dist/es/VisuallyHidden/VisuallyHidden.js +60 -19
- package/dist/es/VisuallyHidden/index.js +17 -2
- package/dist/es/VolumeChart/VolumeChart.d.ts +7 -6
- package/dist/es/VolumeChart/VolumeChart.js +55 -34
- package/dist/es/VolumeChart/index.js +17 -2
- package/dist/es/index.d.ts +3 -3
- package/dist/es/index.js +727 -86
- package/dist/es/mixins/border.js +15 -5
- package/dist/es/mixins/color.js +8 -1
- package/dist/es/mixins/index.js +33 -4
- package/dist/es/mixins/spacing.js +8 -1
- package/dist/es/utils/CloseWrapper.js +21 -7
- package/dist/es/utils/cloneElementWithCss.js +14 -6
- package/dist/es/utils/comparison.js +8 -1
- package/dist/es/utils/createChainedFunction.js +7 -1
- package/dist/es/utils/css.d.ts +2 -2
- package/dist/es/utils/css.js +33 -8
- package/dist/es/utils/enzyme.d.ts +0 -1
- package/dist/es/utils/enzyme.js +54 -31
- package/dist/es/utils/form.js +21 -2
- package/dist/es/utils/globalcss.d.ts +1 -1
- package/dist/es/utils/globalcss.js +12 -3
- package/dist/es/utils/hooks.js +33 -11
- package/dist/es/utils/isPropValid.js +14 -4
- package/dist/es/utils/resetcss.d.ts +1 -1
- package/dist/es/utils/resetcss.js +18 -7
- package/package.json +13 -12
- package/types/@emotion/styled.d.ts +0 -8
package/dist/es/Toast/index.js
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "TOAST_TYPES", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _constants.TOAST_TYPES;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
exports["default"] = void 0;
|
|
13
|
+
|
|
14
|
+
var _Toast = _interopRequireDefault(require("./Toast"));
|
|
15
|
+
|
|
16
|
+
var _constants = require("./constants");
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
1
20
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
2
21
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export default Toast;
|
|
22
|
+
var _default = _Toast["default"];
|
|
23
|
+
exports["default"] = _default;
|
|
@@ -1,258 +1,16 @@
|
|
|
1
|
-
/// <reference types="types/@emotion/styled" />
|
|
2
1
|
import React, { Component } from 'react';
|
|
3
2
|
import type { BoxProps } from '../Box';
|
|
4
|
-
export declare const ToggleBackground: import("@emotion/styled
|
|
3
|
+
export declare const ToggleBackground: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: React.ElementType<any> | undefined;
|
|
6
|
+
} & ToggleProps & {
|
|
5
7
|
focused?: boolean | undefined;
|
|
6
|
-
}, {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
primary: string[];
|
|
13
|
-
secondary: string[];
|
|
14
|
-
neutral: string[];
|
|
15
|
-
};
|
|
16
|
-
readonly fontFamily: {
|
|
17
|
-
body: string;
|
|
18
|
-
monospace: string;
|
|
19
|
-
};
|
|
20
|
-
readonly fontSize: string[];
|
|
21
|
-
readonly lineHeight: number[];
|
|
22
|
-
readonly radius: string[];
|
|
23
|
-
readonly borderWidth: string[];
|
|
24
|
-
readonly grid: number[];
|
|
25
|
-
readonly shadows: {
|
|
26
|
-
small: string;
|
|
27
|
-
big: string;
|
|
28
|
-
pill: string;
|
|
29
|
-
bigCentered: string;
|
|
30
|
-
popover: string;
|
|
31
|
-
secondaryNavActiveItem: string;
|
|
32
|
-
};
|
|
33
|
-
readonly sizes: {
|
|
34
|
-
PageHeaderIcon: number;
|
|
35
|
-
};
|
|
36
|
-
readonly zIndex: {
|
|
37
|
-
Base: number;
|
|
38
|
-
Overlay: number;
|
|
39
|
-
FormControl: number;
|
|
40
|
-
SecondaryNav: number;
|
|
41
|
-
SecondaryNavActiveItem: number;
|
|
42
|
-
PrimaryNav: number;
|
|
43
|
-
PopOver: number;
|
|
44
|
-
PageHeaderSearch: number;
|
|
45
|
-
Modal: number;
|
|
46
|
-
Tether: number;
|
|
47
|
-
GlobalNav: number;
|
|
48
|
-
Toast: number;
|
|
49
|
-
};
|
|
50
|
-
readonly color: {
|
|
51
|
-
Dune: string;
|
|
52
|
-
CuriousBlue: string;
|
|
53
|
-
FlushMahogany: string;
|
|
54
|
-
Maroon: string;
|
|
55
|
-
PinkSwan: string;
|
|
56
|
-
Matisse: string;
|
|
57
|
-
HummingBird: string;
|
|
58
|
-
Primary: string;
|
|
59
|
-
PrimaryContrast: string;
|
|
60
|
-
PrimaryFade: string;
|
|
61
|
-
PrimaryLight: string;
|
|
62
|
-
PrimaryLightFade: string;
|
|
63
|
-
PrimaryLightHighlight: string;
|
|
64
|
-
PrimaryAccent: string;
|
|
65
|
-
DarkBackground: string;
|
|
66
|
-
DarkBar: string;
|
|
67
|
-
DarkHover: string;
|
|
68
|
-
DarkPrimary: string;
|
|
69
|
-
DarkSecondary: string;
|
|
70
|
-
LightBackground: string;
|
|
71
|
-
LightBar: string;
|
|
72
|
-
LightDisabled: string;
|
|
73
|
-
LightDivider: string;
|
|
74
|
-
LightDividerNew: string;
|
|
75
|
-
LightHint: string;
|
|
76
|
-
LightHover: string;
|
|
77
|
-
LightPrimary: string;
|
|
78
|
-
LightSecondary: string;
|
|
79
|
-
BorderGrey: string;
|
|
80
|
-
Blue: string;
|
|
81
|
-
BlueFade: string;
|
|
82
|
-
Green: string;
|
|
83
|
-
GreenFade: string;
|
|
84
|
-
GreenBackground: string;
|
|
85
|
-
Red: string;
|
|
86
|
-
RedFade: string;
|
|
87
|
-
Yellow: string;
|
|
88
|
-
YellowFade: string;
|
|
89
|
-
YellowHighlight: string;
|
|
90
|
-
Orange: string;
|
|
91
|
-
OrangeFill: string;
|
|
92
|
-
OrangeBackground: string;
|
|
93
|
-
Error: string;
|
|
94
|
-
ErrorFade: string;
|
|
95
|
-
ErrorBackground: string;
|
|
96
|
-
DraggableDraggingBackground: string;
|
|
97
|
-
Aquamarine: string;
|
|
98
|
-
Azure: string;
|
|
99
|
-
AzureNew: string;
|
|
100
|
-
AzureFade: string;
|
|
101
|
-
AzureHighlight: string;
|
|
102
|
-
Silver: string;
|
|
103
|
-
BlueNavy: string;
|
|
104
|
-
Black: string;
|
|
105
|
-
TurquoiseBlue: string;
|
|
106
|
-
SummerSky: string;
|
|
107
|
-
Mondo: string;
|
|
108
|
-
HeavyMetal: string;
|
|
109
|
-
BokaraGrey: string;
|
|
110
|
-
Cyan: string;
|
|
111
|
-
Eucalyptus: string;
|
|
112
|
-
Flamingo: string;
|
|
113
|
-
Zorba: string;
|
|
114
|
-
Flint: string;
|
|
115
|
-
Maya: string;
|
|
116
|
-
Bondi: string;
|
|
117
|
-
Emerald: string;
|
|
118
|
-
Carissma: string;
|
|
119
|
-
Solitude: string;
|
|
120
|
-
WhiteSmoke: string;
|
|
121
|
-
Violet: string;
|
|
122
|
-
FireBrick: string;
|
|
123
|
-
Purple: string;
|
|
124
|
-
Buckthorn: string;
|
|
125
|
-
};
|
|
126
|
-
readonly gradient: {
|
|
127
|
-
main: string;
|
|
128
|
-
neutral: string;
|
|
129
|
-
};
|
|
130
|
-
}>;
|
|
131
|
-
export declare const ToggleKnob: import("@emotion/styled-base").StyledComponent<React.PropsWithChildren<BoxProps>, ToggleProps, {
|
|
132
|
-
readonly space: string[];
|
|
133
|
-
readonly palette: {
|
|
134
|
-
success: string[];
|
|
135
|
-
warning: string[];
|
|
136
|
-
error: string[];
|
|
137
|
-
primary: string[];
|
|
138
|
-
secondary: string[];
|
|
139
|
-
neutral: string[];
|
|
140
|
-
};
|
|
141
|
-
readonly fontFamily: {
|
|
142
|
-
body: string;
|
|
143
|
-
monospace: string;
|
|
144
|
-
};
|
|
145
|
-
readonly fontSize: string[];
|
|
146
|
-
readonly lineHeight: number[];
|
|
147
|
-
readonly radius: string[];
|
|
148
|
-
readonly borderWidth: string[];
|
|
149
|
-
readonly grid: number[];
|
|
150
|
-
readonly shadows: {
|
|
151
|
-
small: string;
|
|
152
|
-
big: string;
|
|
153
|
-
pill: string;
|
|
154
|
-
bigCentered: string;
|
|
155
|
-
popover: string;
|
|
156
|
-
secondaryNavActiveItem: string;
|
|
157
|
-
};
|
|
158
|
-
readonly sizes: {
|
|
159
|
-
PageHeaderIcon: number;
|
|
160
|
-
};
|
|
161
|
-
readonly zIndex: {
|
|
162
|
-
Base: number;
|
|
163
|
-
Overlay: number;
|
|
164
|
-
FormControl: number;
|
|
165
|
-
SecondaryNav: number;
|
|
166
|
-
SecondaryNavActiveItem: number;
|
|
167
|
-
PrimaryNav: number;
|
|
168
|
-
PopOver: number;
|
|
169
|
-
PageHeaderSearch: number;
|
|
170
|
-
Modal: number;
|
|
171
|
-
Tether: number;
|
|
172
|
-
GlobalNav: number;
|
|
173
|
-
Toast: number;
|
|
174
|
-
};
|
|
175
|
-
readonly color: {
|
|
176
|
-
Dune: string;
|
|
177
|
-
CuriousBlue: string;
|
|
178
|
-
FlushMahogany: string;
|
|
179
|
-
Maroon: string;
|
|
180
|
-
PinkSwan: string;
|
|
181
|
-
Matisse: string;
|
|
182
|
-
HummingBird: string;
|
|
183
|
-
Primary: string;
|
|
184
|
-
PrimaryContrast: string;
|
|
185
|
-
PrimaryFade: string;
|
|
186
|
-
PrimaryLight: string;
|
|
187
|
-
PrimaryLightFade: string;
|
|
188
|
-
PrimaryLightHighlight: string;
|
|
189
|
-
PrimaryAccent: string;
|
|
190
|
-
DarkBackground: string;
|
|
191
|
-
DarkBar: string;
|
|
192
|
-
DarkHover: string;
|
|
193
|
-
DarkPrimary: string;
|
|
194
|
-
DarkSecondary: string;
|
|
195
|
-
LightBackground: string;
|
|
196
|
-
LightBar: string;
|
|
197
|
-
LightDisabled: string;
|
|
198
|
-
LightDivider: string;
|
|
199
|
-
LightDividerNew: string;
|
|
200
|
-
LightHint: string;
|
|
201
|
-
LightHover: string;
|
|
202
|
-
LightPrimary: string;
|
|
203
|
-
LightSecondary: string;
|
|
204
|
-
BorderGrey: string;
|
|
205
|
-
Blue: string;
|
|
206
|
-
BlueFade: string;
|
|
207
|
-
Green: string;
|
|
208
|
-
GreenFade: string;
|
|
209
|
-
GreenBackground: string;
|
|
210
|
-
Red: string;
|
|
211
|
-
RedFade: string;
|
|
212
|
-
Yellow: string;
|
|
213
|
-
YellowFade: string;
|
|
214
|
-
YellowHighlight: string;
|
|
215
|
-
Orange: string;
|
|
216
|
-
OrangeFill: string;
|
|
217
|
-
OrangeBackground: string;
|
|
218
|
-
Error: string;
|
|
219
|
-
ErrorFade: string;
|
|
220
|
-
ErrorBackground: string;
|
|
221
|
-
DraggableDraggingBackground: string;
|
|
222
|
-
Aquamarine: string;
|
|
223
|
-
Azure: string;
|
|
224
|
-
AzureNew: string;
|
|
225
|
-
AzureFade: string;
|
|
226
|
-
AzureHighlight: string;
|
|
227
|
-
Silver: string;
|
|
228
|
-
BlueNavy: string;
|
|
229
|
-
Black: string;
|
|
230
|
-
TurquoiseBlue: string;
|
|
231
|
-
SummerSky: string;
|
|
232
|
-
Mondo: string;
|
|
233
|
-
HeavyMetal: string;
|
|
234
|
-
BokaraGrey: string;
|
|
235
|
-
Cyan: string;
|
|
236
|
-
Eucalyptus: string;
|
|
237
|
-
Flamingo: string;
|
|
238
|
-
Zorba: string;
|
|
239
|
-
Flint: string;
|
|
240
|
-
Maya: string;
|
|
241
|
-
Bondi: string;
|
|
242
|
-
Emerald: string;
|
|
243
|
-
Carissma: string;
|
|
244
|
-
Solitude: string;
|
|
245
|
-
WhiteSmoke: string;
|
|
246
|
-
Violet: string;
|
|
247
|
-
FireBrick: string;
|
|
248
|
-
Purple: string;
|
|
249
|
-
Buckthorn: string;
|
|
250
|
-
};
|
|
251
|
-
readonly gradient: {
|
|
252
|
-
main: string;
|
|
253
|
-
neutral: string;
|
|
254
|
-
};
|
|
255
|
-
}>;
|
|
8
|
+
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
+
export declare const ToggleKnob: import("@emotion/styled").StyledComponent<BoxProps & {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
} & {
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
} & ToggleProps, {}, {}>;
|
|
256
14
|
export declare type ToggleProps = {
|
|
257
15
|
on: boolean;
|
|
258
16
|
disabled?: boolean;
|
package/dist/es/Toggle/Toggle.js
CHANGED
|
@@ -1,27 +1,73 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.ToggleKnob = exports.ToggleBackground = void 0;
|
|
7
|
+
|
|
8
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _Box = _interopRequireDefault(require("../Box"));
|
|
13
|
+
|
|
14
|
+
var _VisuallyHidden = _interopRequireDefault(require("../VisuallyHidden"));
|
|
15
|
+
|
|
16
|
+
var _ThemeProvider = require("../ThemeProvider");
|
|
17
|
+
|
|
18
|
+
var _isPropValid = _interopRequireDefault(require("../utils/isPropValid"));
|
|
19
|
+
|
|
20
|
+
var _react2 = require("@emotion/react");
|
|
21
|
+
|
|
22
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
23
|
+
|
|
24
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
+
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
|
+
|
|
28
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
29
|
+
|
|
30
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
31
|
+
|
|
32
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
33
|
+
|
|
34
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
35
|
+
|
|
36
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
37
|
+
|
|
38
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
39
|
+
|
|
40
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
41
|
+
|
|
42
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
43
|
+
|
|
44
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
45
|
+
|
|
46
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
47
|
+
|
|
48
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
49
|
+
|
|
50
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
51
|
+
|
|
52
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
53
|
+
|
|
11
54
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
12
55
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
13
|
-
|
|
14
|
-
import Box from '../Box';
|
|
15
|
-
import VisuallyHidden from '../VisuallyHidden';
|
|
16
|
-
import { getOverrides, Overridable } from '../ThemeProvider';
|
|
17
|
-
import isPropValid from '../utils/isPropValid';
|
|
18
|
-
export var ToggleBackground = /*#__PURE__*/_styled('div', {
|
|
56
|
+
var ToggleBackground = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
|
|
19
57
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
20
|
-
return
|
|
58
|
+
return (0, _isPropValid["default"])(prop, {
|
|
21
59
|
exclude: ['on', 'focused']
|
|
22
60
|
});
|
|
23
61
|
},
|
|
24
|
-
target: "
|
|
62
|
+
target: "e1i9hm8k1"
|
|
63
|
+
} : {
|
|
64
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
65
|
+
return (0, _isPropValid["default"])(prop, {
|
|
66
|
+
exclude: ['on', 'focused']
|
|
67
|
+
});
|
|
68
|
+
},
|
|
69
|
+
target: "e1i9hm8k1",
|
|
70
|
+
label: "ToggleBackground"
|
|
25
71
|
})(function (_ref) {
|
|
26
72
|
var theme = _ref.theme;
|
|
27
73
|
return {
|
|
@@ -65,11 +111,12 @@ export var ToggleBackground = /*#__PURE__*/_styled('div', {
|
|
|
65
111
|
background: color || "linear-gradient(to right, ".concat(theme.color.DarkHover, ", ").concat(theme.color.DarkSecondary, ")"),
|
|
66
112
|
borderColor: color || theme.color.DarkHover
|
|
67
113
|
};
|
|
68
|
-
}, getOverrides(Overridable.Toggle.Root), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
114
|
+
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Toggle.Root), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ub2dnbGUvVG9nZ2xlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRZ0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RvZ2dsZS9Ub2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCdcbmltcG9ydCBWaXN1YWxseUhpZGRlbiBmcm9tICcuLi9WaXN1YWxseUhpZGRlbidcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tICcuLi9Cb3gnXG5pbXBvcnQgeyBnZXRPdmVycmlkZXMsIE92ZXJyaWRhYmxlIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tICcuLi91dGlscy9pc1Byb3BWYWxpZCdcblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUJhY2tncm91bmQgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wOiBzdHJpbmcpID0+XG4gICAgaXNQcm9wVmFsaWQocHJvcCwgeyBleGNsdWRlOiBbJ29uJywgJ2ZvY3VzZWQnXSB9KVxufSk8XG4gIFRvZ2dsZVByb3BzICYge1xuICAgIGZvY3VzZWQ/OiBib29sZWFuXG4gIH1cbj4oXG4gICh7IHRoZW1lIH0pID0+ICh7XG4gICAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzRdLFxuICAgIHdpZHRoOiAzMixcbiAgICBoZWlnaHQ6IDE2LFxuICAgIG1hcmdpbjogMCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGJvcmRlclJhZGl1czogMTAwLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snXG4gIH0pLFxuICAoeyB0aGVtZSwgb24sIGNvbG9yIH0pID0+XG4gICAgb24gJiYge1xuICAgICAgYmFja2dyb3VuZDogY29sb3IgfHwgdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdXG4gICAgfSxcbiAgKHsgdGhlbWUsIGRpc2FibGVkLCBvbiB9KSA9PlxuICAgIGRpc2FibGVkICYmIHtcbiAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJyxcbiAgICAgIGJhY2tncm91bmQ6IG9uID8gdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdIDogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzNdLFxuICAgICAgb3BhY2l0eTogb24gPyAwLjMgOiAxXG4gICAgfSxcbiAgKHsgdGhlbWUsIGZvY3VzZWQgfSkgPT5cbiAgICBmb2N1c2VkICYmIHtcbiAgICAgIGJveFNoYWRvdzogYDBweCAwcHggMHB4IDNweCAke3RoZW1lLnBhbGV0dGUucHJpbWFyeVsyXX1gLFxuICAgICAgb3V0bGluZTogJ25vbmUnXG4gICAgfSxcbiAgKHsgdGhlbWUsIHRvZ2dsZVN3aXRjaCwgY29sb3IgfSkgPT5cbiAgICB0b2dnbGVTd2l0Y2ggJiYge1xuICAgICAgYmFja2dyb3VuZDpcbiAgICAgICAgY29sb3IgfHxcbiAgICAgICAgYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHt0aGVtZS5jb2xvci5EYXJrSG92ZXJ9LCAke3RoZW1lLmNvbG9yLkRhcmtTZWNvbmRhcnl9KWAsXG4gICAgICBib3JkZXJDb2xvcjogY29sb3IgfHwgdGhlbWUuY29sb3IuRGFya0hvdmVyXG4gICAgfSxcblxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuVG9nZ2xlLlJvb3QpXG4pXG5cblRvZ2dsZUJhY2tncm91bmQuZGlzcGxheU5hbWUgPSAnVG9nZ2xlQmFja2dyb3VuZCdcblxuY29uc3QgQ2VudGVyZWRCb3g6IFJlYWN0LkZDPEJveFByb3BzPiA9IHByb3BzID0+IChcbiAgPEJveCB7Li4ucHJvcHN9IGFsaWduPVwiY2VudGVyXCIganVzdGlmeT1cImNlbnRlclwiIC8+XG4pXG5leHBvcnQgY29uc3QgVG9nZ2xlS25vYiA9IHN0eWxlZChDZW50ZXJlZEJveCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiBwcm9wICE9PSAnb24nXG59KTxUb2dnbGVQcm9wcz4oXG4gICh7IHRoZW1lIH0pID0+ICh7XG4gICAgd2lkdGg6IDEwLFxuICAgIGhlaWdodDogMTAsXG4gICAgbGVmdDogMyxcbiAgICB0b3A6IDMsXG4gICAgbWFyZ2luOiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYm9yZGVyUmFkaXVzOiAxMyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFswXSxcbiAgICBib3hTaGFkb3c6ICcwcHggMXB4IDJweCByZ2IoODUsIDg1LCA4NSwgMC4yNSknLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHRyYW5zaXRpb246ICdhbGwgLjJzIGVhc2UtaW4tb3V0J1xuICB9KSxcbiAgKHsgb24gfSkgPT5cbiAgICBvbiAmJiB7XG4gICAgICBsZWZ0OiAxOVxuICAgIH0sXG4gICh7IGRpc2FibGVkIH0pID0+XG4gICAgZGlzYWJsZWQgJiYge1xuICAgICAgYm94U2hhZG93OiAnbm9uZSdcbiAgICB9LFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuVG9nZ2xlLlRvZ2dsZUtub2IpXG4pXG5cblRvZ2dsZUtub2IuZGlzcGxheU5hbWUgPSAnVG9nZ2xlS25vYidcblxuZXhwb3J0IHR5cGUgVG9nZ2xlUHJvcHMgPSB7XG4gIG9uOiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAnZGF0YS1pbnN0cnVtZW50YXRpb24nPzogc3RyaW5nXG4gIG9uVG9nZ2xlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICB0b29sdGlwPzogc3RyaW5nXG4gIGNvbG9yPzogc3RyaW5nXG4gIHRvZ2dsZVN3aXRjaD86IGJvb2xlYW5cbn1cblxudHlwZSBUb2dnbGVTdGF0ZSA9IHtcbiAgaXNGb2N1c2VkOiBib29sZWFuXG59XG5cbmNsYXNzIFRvZ2dsZSBleHRlbmRzIENvbXBvbmVudDxUb2dnbGVQcm9wcywgVG9nZ2xlU3RhdGU+IHtcbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICAnZGF0YS1pbnN0cnVtZW50YXRpb24nOiAndG9nZ2xlJ1xuICB9XG5cbiAgc3RhdGUgPSB7XG4gICAgaXNGb2N1c2VkOiBmYWxzZVxuICB9XG5cbiAgb25Gb2N1cyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgaXNGb2N1c2VkOiB0cnVlIH0pXG4gIH1cblxuICBvbkJsdXIgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogZmFsc2UgfSlcbiAgfVxuXG4gIG9uQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PGFueT4pID0+IHtcbiAgICBjb25zdCB7IGRpc2FibGVkLCBvblRvZ2dsZSB9ID0gdGhpcy5wcm9wc1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgaWYgKGRpc2FibGVkIHx8ICFvblRvZ2dsZSkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIG9uVG9nZ2xlKClcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBvbixcbiAgICAgIGRpc2FibGVkLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICAnZGF0YS1pbnN0cnVtZW50YXRpb24nOiBkYXRhSW5zdHJ1bWVudGF0aW9uLFxuICAgICAgdG9vbHRpcCxcbiAgICAgIGNvbG9yLFxuICAgICAgdG9nZ2xlU3dpdGNoXG4gICAgfSA9IHRoaXMucHJvcHNcbiAgICBjb25zdCB7IGlzRm9jdXNlZCB9ID0gdGhpcy5zdGF0ZVxuICAgIHJldHVybiAoXG4gICAgICA8VG9nZ2xlQmFja2dyb3VuZFxuICAgICAgICBvbj17b259XG4gICAgICAgIHRpdGxlPXt0b29sdGlwfVxuICAgICAgICBmb2N1c2VkPXtpc0ZvY3VzZWR9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgZGF0YS1pbnN0cnVtZW50YXRpb249e2RhdGFJbnN0cnVtZW50YXRpb259XG4gICAgICAgIG9uQ2xpY2s9e3RoaXMub25DbGlja31cbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICB0b2dnbGVTd2l0Y2g9e3RvZ2dsZVN3aXRjaH1cbiAgICAgID5cbiAgICAgICAgPFRvZ2dsZUtub2JcbiAgICAgICAgICBvbj17b259XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgICB0b2dnbGVTd2l0Y2g9e3RvZ2dsZVN3aXRjaH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9Ub2dnbGVLbm9iPlxuICAgICAgICA8VmlzdWFsbHlIaWRkZW4+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBvbkZvY3VzPXt0aGlzLm9uRm9jdXN9XG4gICAgICAgICAgICBvbkJsdXI9e3RoaXMub25CbHVyfVxuICAgICAgICAgICAgY2hlY2tlZD17b259XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMub25DbGlja31cbiAgICAgICAgICAgIGRhdGEtaW5zdHJ1bWVudGF0aW9uPXtgJHtkYXRhSW5zdHJ1bWVudGF0aW9ufS1zY3JlZW5yZWFkZXJjaGVja2JveGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9WaXN1YWxseUhpZGRlbj5cbiAgICAgIDwvVG9nZ2xlQmFja2dyb3VuZD5cbiAgICApXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9nZ2xlXG4iXX0= */");
|
|
115
|
+
exports.ToggleBackground = ToggleBackground;
|
|
69
116
|
ToggleBackground.displayName = 'ToggleBackground';
|
|
70
117
|
|
|
71
118
|
var CenteredBox = function CenteredBox(props) {
|
|
72
|
-
return
|
|
119
|
+
return (0, _react2.jsx)(_Box["default"], _extends({
|
|
73
120
|
"data-gs": gs("src", "toggle", "toggle.tsx", "box")
|
|
74
121
|
}, props, {
|
|
75
122
|
align: "center",
|
|
@@ -77,11 +124,17 @@ var CenteredBox = function CenteredBox(props) {
|
|
|
77
124
|
}));
|
|
78
125
|
};
|
|
79
126
|
|
|
80
|
-
|
|
127
|
+
var ToggleKnob = ( /*#__PURE__*/0, _base["default"])(CenteredBox, process.env.NODE_ENV === "production" ? {
|
|
81
128
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
82
129
|
return prop !== 'on';
|
|
83
130
|
},
|
|
84
|
-
target: "
|
|
131
|
+
target: "e1i9hm8k0"
|
|
132
|
+
} : {
|
|
133
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
134
|
+
return prop !== 'on';
|
|
135
|
+
},
|
|
136
|
+
target: "e1i9hm8k0",
|
|
137
|
+
label: "ToggleKnob"
|
|
85
138
|
})(function (_ref6) {
|
|
86
139
|
var theme = _ref6.theme;
|
|
87
140
|
return {
|
|
@@ -107,15 +160,16 @@ export var ToggleKnob = /*#__PURE__*/_styled(CenteredBox, {
|
|
|
107
160
|
return disabled && {
|
|
108
161
|
boxShadow: 'none'
|
|
109
162
|
};
|
|
110
|
-
}, getOverrides(Overridable.Toggle.ToggleKnob), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
163
|
+
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Toggle.ToggleKnob), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ub2dnbGUvVG9nZ2xlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RDBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ub2dnbGUvVG9nZ2xlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnXG5pbXBvcnQgVmlzdWFsbHlIaWRkZW4gZnJvbSAnLi4vVmlzdWFsbHlIaWRkZW4nXG5pbXBvcnQgdHlwZSB7IEJveFByb3BzIH0gZnJvbSAnLi4vQm94J1xuaW1wb3J0IHsgZ2V0T3ZlcnJpZGVzLCBPdmVycmlkYWJsZSB9IGZyb20gJy4uL1RoZW1lUHJvdmlkZXInXG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnLi4vdXRpbHMvaXNQcm9wVmFsaWQnXG5cbmV4cG9ydCBjb25zdCBUb2dnbGVCYWNrZ3JvdW5kID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcDogc3RyaW5nKSA9PlxuICAgIGlzUHJvcFZhbGlkKHByb3AsIHsgZXhjbHVkZTogWydvbicsICdmb2N1c2VkJ10gfSlcbn0pPFxuICBUb2dnbGVQcm9wcyAmIHtcbiAgICBmb2N1c2VkPzogYm9vbGVhblxuICB9XG4+KFxuICAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFs0XSxcbiAgICB3aWR0aDogMzIsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBtYXJnaW46IDAsXG4gICAgcGFkZGluZzogMCxcbiAgICBib3JkZXJSYWRpdXM6IDEwMCxcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJ1xuICB9KSxcbiAgKHsgdGhlbWUsIG9uLCBjb2xvciB9KSA9PlxuICAgIG9uICYmIHtcbiAgICAgIGJhY2tncm91bmQ6IGNvbG9yIHx8IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs0XVxuICAgIH0sXG4gICh7IHRoZW1lLCBkaXNhYmxlZCwgb24gfSkgPT5cbiAgICBkaXNhYmxlZCAmJiB7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kOiBvbiA/IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs0XSA6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFszXSxcbiAgICAgIG9wYWNpdHk6IG9uID8gMC4zIDogMVxuICAgIH0sXG4gICh7IHRoZW1lLCBmb2N1c2VkIH0pID0+XG4gICAgZm9jdXNlZCAmJiB7XG4gICAgICBib3hTaGFkb3c6IGAwcHggMHB4IDBweCAzcHggJHt0aGVtZS5wYWxldHRlLnByaW1hcnlbMl19YCxcbiAgICAgIG91dGxpbmU6ICdub25lJ1xuICAgIH0sXG4gICh7IHRoZW1lLCB0b2dnbGVTd2l0Y2gsIGNvbG9yIH0pID0+XG4gICAgdG9nZ2xlU3dpdGNoICYmIHtcbiAgICAgIGJhY2tncm91bmQ6XG4gICAgICAgIGNvbG9yIHx8XG4gICAgICAgIGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsICR7dGhlbWUuY29sb3IuRGFya0hvdmVyfSwgJHt0aGVtZS5jb2xvci5EYXJrU2Vjb25kYXJ5fSlgLFxuICAgICAgYm9yZGVyQ29sb3I6IGNvbG9yIHx8IHRoZW1lLmNvbG9yLkRhcmtIb3ZlclxuICAgIH0sXG5cbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlRvZ2dsZS5Sb290KVxuKVxuXG5Ub2dnbGVCYWNrZ3JvdW5kLmRpc3BsYXlOYW1lID0gJ1RvZ2dsZUJhY2tncm91bmQnXG5cbmNvbnN0IENlbnRlcmVkQm94OiBSZWFjdC5GQzxCb3hQcm9wcz4gPSBwcm9wcyA9PiAoXG4gIDxCb3ggey4uLnByb3BzfSBhbGlnbj1cImNlbnRlclwiIGp1c3RpZnk9XCJjZW50ZXJcIiAvPlxuKVxuZXhwb3J0IGNvbnN0IFRvZ2dsZUtub2IgPSBzdHlsZWQoQ2VudGVyZWRCb3gsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gcHJvcCAhPT0gJ29uJ1xufSk8VG9nZ2xlUHJvcHM+KFxuICAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIHdpZHRoOiAxMCxcbiAgICBoZWlnaHQ6IDEwLFxuICAgIGxlZnQ6IDMsXG4gICAgdG9wOiAzLFxuICAgIG1hcmdpbjogMCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGJvcmRlclJhZGl1czogMTMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbMF0sXG4gICAgYm94U2hhZG93OiAnMHB4IDFweCAycHggcmdiKDg1LCA4NSwgODUsIDAuMjUpJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB0cmFuc2l0aW9uOiAnYWxsIC4ycyBlYXNlLWluLW91dCdcbiAgfSksXG4gICh7IG9uIH0pID0+XG4gICAgb24gJiYge1xuICAgICAgbGVmdDogMTlcbiAgICB9LFxuICAoeyBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkICYmIHtcbiAgICAgIGJveFNoYWRvdzogJ25vbmUnXG4gICAgfSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlRvZ2dsZS5Ub2dnbGVLbm9iKVxuKVxuXG5Ub2dnbGVLbm9iLmRpc3BsYXlOYW1lID0gJ1RvZ2dsZUtub2InXG5cbmV4cG9ydCB0eXBlIFRvZ2dsZVByb3BzID0ge1xuICBvbjogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJz86IHN0cmluZ1xuICBvblRvZ2dsZT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgdG9vbHRpcD86IHN0cmluZ1xuICBjb2xvcj86IHN0cmluZ1xuICB0b2dnbGVTd2l0Y2g/OiBib29sZWFuXG59XG5cbnR5cGUgVG9nZ2xlU3RhdGUgPSB7XG4gIGlzRm9jdXNlZDogYm9vbGVhblxufVxuXG5jbGFzcyBUb2dnbGUgZXh0ZW5kcyBDb21wb25lbnQ8VG9nZ2xlUHJvcHMsIFRvZ2dsZVN0YXRlPiB7XG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJzogJ3RvZ2dsZSdcbiAgfVxuXG4gIHN0YXRlID0ge1xuICAgIGlzRm9jdXNlZDogZmFsc2VcbiAgfVxuXG4gIG9uRm9jdXMgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogdHJ1ZSB9KVxuICB9XG5cbiAgb25CbHVyID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBpc0ZvY3VzZWQ6IGZhbHNlIH0pXG4gIH1cblxuICBvbkNsaWNrID0gKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxhbnk+KSA9PiB7XG4gICAgY29uc3QgeyBkaXNhYmxlZCwgb25Ub2dnbGUgfSA9IHRoaXMucHJvcHNcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgIGlmIChkaXNhYmxlZCB8fCAhb25Ub2dnbGUpIHtcbiAgICAgIHJldHVyblxuICAgIH1cbiAgICBvblRvZ2dsZSgpXG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge1xuICAgICAgb24sXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJzogZGF0YUluc3RydW1lbnRhdGlvbixcbiAgICAgIHRvb2x0aXAsXG4gICAgICBjb2xvcixcbiAgICAgIHRvZ2dsZVN3aXRjaFxuICAgIH0gPSB0aGlzLnByb3BzXG4gICAgY29uc3QgeyBpc0ZvY3VzZWQgfSA9IHRoaXMuc3RhdGVcbiAgICByZXR1cm4gKFxuICAgICAgPFRvZ2dsZUJhY2tncm91bmRcbiAgICAgICAgb249e29ufVxuICAgICAgICB0aXRsZT17dG9vbHRpcH1cbiAgICAgICAgZm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtaW5zdHJ1bWVudGF0aW9uPXtkYXRhSW5zdHJ1bWVudGF0aW9ufVxuICAgICAgICBvbkNsaWNrPXt0aGlzLm9uQ2xpY2t9XG4gICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgdG9nZ2xlU3dpdGNoPXt0b2dnbGVTd2l0Y2h9XG4gICAgICA+XG4gICAgICAgIDxUb2dnbGVLbm9iXG4gICAgICAgICAgb249e29ufVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgICAgdG9nZ2xlU3dpdGNoPXt0b2dnbGVTd2l0Y2h9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvVG9nZ2xlS25vYj5cbiAgICAgICAgPFZpc3VhbGx5SGlkZGVuPlxuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgb25Gb2N1cz17dGhpcy5vbkZvY3VzfVxuICAgICAgICAgICAgb25CbHVyPXt0aGlzLm9uQmx1cn1cbiAgICAgICAgICAgIGNoZWNrZWQ9e29ufVxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLm9uQ2xpY2t9XG4gICAgICAgICAgICBkYXRhLWluc3RydW1lbnRhdGlvbj17YCR7ZGF0YUluc3RydW1lbnRhdGlvbn0tc2NyZWVucmVhZGVyY2hlY2tib3hgfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvVmlzdWFsbHlIaWRkZW4+XG4gICAgICA8L1RvZ2dsZUJhY2tncm91bmQ+XG4gICAgKVxuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvZ2dsZVxuIl19 */");
|
|
164
|
+
exports.ToggleKnob = ToggleKnob;
|
|
111
165
|
ToggleKnob.displayName = 'ToggleKnob';
|
|
112
166
|
|
|
113
167
|
var Toggle = /*#__PURE__*/function (_Component) {
|
|
114
168
|
_inherits(Toggle, _Component);
|
|
115
169
|
|
|
116
|
-
|
|
117
|
-
var _getPrototypeOf2;
|
|
170
|
+
var _super = _createSuper(Toggle);
|
|
118
171
|
|
|
172
|
+
function Toggle() {
|
|
119
173
|
var _this;
|
|
120
174
|
|
|
121
175
|
_classCallCheck(this, Toggle);
|
|
@@ -124,7 +178,7 @@ var Toggle = /*#__PURE__*/function (_Component) {
|
|
|
124
178
|
args[_key] = arguments[_key];
|
|
125
179
|
}
|
|
126
180
|
|
|
127
|
-
_this =
|
|
181
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
128
182
|
|
|
129
183
|
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
130
184
|
isFocused: false
|
|
@@ -170,7 +224,7 @@ var Toggle = /*#__PURE__*/function (_Component) {
|
|
|
170
224
|
color = _this$props2.color,
|
|
171
225
|
toggleSwitch = _this$props2.toggleSwitch;
|
|
172
226
|
var isFocused = this.state.isFocused;
|
|
173
|
-
return
|
|
227
|
+
return (0, _react2.jsx)(ToggleBackground, {
|
|
174
228
|
"data-gs-c": gsC(tooltip),
|
|
175
229
|
"data-gs": gs("src", "toggle", "toggle.tsx", "toggle-background"),
|
|
176
230
|
on: on,
|
|
@@ -181,16 +235,16 @@ var Toggle = /*#__PURE__*/function (_Component) {
|
|
|
181
235
|
onClick: this.onClick,
|
|
182
236
|
color: color,
|
|
183
237
|
toggleSwitch: toggleSwitch
|
|
184
|
-
},
|
|
238
|
+
}, (0, _react2.jsx)(ToggleKnob, {
|
|
185
239
|
"data-gs-c": gsC(children),
|
|
186
240
|
"data-gs": gs("src", "toggle", "toggle.tsx", "toggle-background", "toggle-knob"),
|
|
187
241
|
on: on,
|
|
188
242
|
disabled: disabled,
|
|
189
243
|
color: color,
|
|
190
244
|
toggleSwitch: toggleSwitch
|
|
191
|
-
}, children),
|
|
245
|
+
}, children), (0, _react2.jsx)(_VisuallyHidden["default"], {
|
|
192
246
|
"data-gs": gs("src", "toggle", "toggle.tsx", "toggle-background", "visually-hidden")
|
|
193
|
-
},
|
|
247
|
+
}, (0, _react2.jsx)("input", {
|
|
194
248
|
"data-gs": gs("src", "toggle", "toggle.tsx", "toggle-background", "visually-hidden", "input"),
|
|
195
249
|
onFocus: this.onFocus,
|
|
196
250
|
onBlur: this.onBlur,
|
|
@@ -203,10 +257,11 @@ var Toggle = /*#__PURE__*/function (_Component) {
|
|
|
203
257
|
}]);
|
|
204
258
|
|
|
205
259
|
return Toggle;
|
|
206
|
-
}(Component);
|
|
260
|
+
}(_react.Component);
|
|
207
261
|
|
|
208
262
|
_defineProperty(Toggle, "defaultProps", {
|
|
209
263
|
'data-instrumentation': 'toggle'
|
|
210
264
|
});
|
|
211
265
|
|
|
212
|
-
|
|
266
|
+
var _default = Toggle;
|
|
267
|
+
exports["default"] = _default;
|
package/dist/es/Toggle/index.js
CHANGED
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "default", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Toggle["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _Toggle = _interopRequireDefault(require("./Toggle"));
|
|
14
|
+
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
|
+
|
|
1
17
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
2
|
-
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
3
|
-
export { default } from './Toggle';
|
|
18
|
+
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|