@ultraviolet/ui 2.0.0-beta.9 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionBar/index.cjs +3 -3
- package/dist/components/ActionBar/index.js +3 -3
- package/dist/components/Alert/index.cjs +23 -23
- package/dist/components/Alert/index.js +21 -21
- package/dist/components/{AvatarV2 → Avatar}/constants.cjs +10 -10
- package/dist/components/{AvatarV2 → Avatar}/constants.js +10 -10
- package/dist/components/Avatar/index.cjs +117 -37
- package/dist/components/Avatar/index.d.ts +3 -43
- package/dist/components/Avatar/index.js +119 -39
- package/dist/components/{AvatarV2 → Avatar}/types.d.ts +1 -1
- package/dist/components/Badge/index.cjs +5 -5
- package/dist/components/Badge/index.js +2 -2
- package/dist/components/Banner/index.cjs +24 -24
- package/dist/components/Banner/index.js +21 -21
- package/dist/components/BarChart/Tooltip.cjs +4 -4
- package/dist/components/BarChart/Tooltip.js +4 -4
- package/dist/components/BarChart/index.cjs +6 -6
- package/dist/components/BarChart/index.js +4 -4
- package/dist/components/BarStack/index.cjs +7 -7
- package/dist/components/BarStack/index.js +5 -5
- package/dist/components/Breadcrumbs/components/Item.cjs +4 -4
- package/dist/components/Breadcrumbs/components/Item.js +4 -4
- package/dist/components/Bullet/index.cjs +15 -19
- package/dist/components/Bullet/index.d.ts +4 -6
- package/dist/components/Bullet/index.js +16 -20
- package/dist/components/Button/index.cjs +25 -19
- package/dist/components/Button/index.d.ts +8 -2
- package/dist/components/Button/index.js +20 -14
- package/dist/components/Card/index.cjs +10 -11
- package/dist/components/Card/index.d.ts +0 -4
- package/dist/components/Card/index.js +8 -9
- package/dist/components/Carousel/index.cjs +18 -18
- package/dist/components/Carousel/index.js +13 -13
- package/dist/components/Checkbox/index.cjs +44 -62
- package/dist/components/Checkbox/index.d.ts +0 -8
- package/dist/components/Checkbox/index.js +34 -52
- package/dist/components/CheckboxGroup/index.cjs +16 -15
- package/dist/components/CheckboxGroup/index.d.ts +3 -3
- package/dist/components/CheckboxGroup/index.js +12 -11
- package/dist/components/Chip/ChipContext.cjs +2 -2
- package/dist/components/Chip/ChipIcon.cjs +5 -5
- package/dist/components/Chip/ChipIcon.js +3 -3
- package/dist/components/Chip/index.cjs +14 -14
- package/dist/components/Chip/index.d.ts +2 -2
- package/dist/components/Chip/index.js +5 -5
- package/dist/components/CopyButton/index.cjs +2 -3
- package/dist/components/CopyButton/index.d.ts +1 -5
- package/dist/components/CopyButton/index.js +2 -3
- package/dist/components/DateInput/Context.cjs +12 -12
- package/dist/components/DateInput/Context.js +10 -10
- package/dist/components/DateInput/components/CalendarContent.cjs +9 -9
- package/dist/components/DateInput/components/CalendarContent.js +7 -7
- package/dist/components/DateInput/components/CalendarDaily.cjs +21 -21
- package/dist/components/DateInput/components/CalendarDaily.js +18 -18
- package/dist/components/DateInput/components/CalendarMonthly.cjs +19 -19
- package/dist/components/DateInput/components/CalendarMonthly.js +16 -16
- package/dist/components/DateInput/components/Popup.cjs +5 -5
- package/dist/components/DateInput/components/Popup.js +2 -2
- package/dist/components/DateInput/helpers.cjs +20 -0
- package/dist/components/DateInput/helpers.d.ts +2 -0
- package/dist/components/DateInput/helpers.js +20 -0
- package/dist/components/DateInput/index.cjs +67 -56
- package/dist/components/DateInput/index.js +55 -44
- package/dist/components/Dialog/Context.cjs +3 -3
- package/dist/components/Dialog/components/Button.cjs +1 -1
- package/dist/components/Dialog/components/Button.js +1 -1
- package/dist/components/Dialog/components/CancelButton.cjs +1 -1
- package/dist/components/Dialog/components/CancelButton.js +1 -1
- package/dist/components/Dialog/components/Text.cjs +1 -1
- package/dist/components/Dialog/components/Text.js +1 -1
- package/dist/components/Dialog/index.cjs +6 -6
- package/dist/components/Dialog/index.d.ts +14 -9
- package/dist/components/Dialog/index.js +4 -4
- package/dist/components/Drawer/index.cjs +49 -27
- package/dist/components/Drawer/index.d.ts +16 -4
- package/dist/components/Drawer/index.js +49 -27
- package/dist/components/EmptyState/index.cjs +17 -17
- package/dist/components/EmptyState/index.d.ts +2 -2
- package/dist/components/EmptyState/index.js +17 -17
- package/dist/components/Expandable/index.cjs +24 -15
- package/dist/components/Expandable/index.js +18 -9
- package/dist/components/ExpandableCard/components/Title.cjs +1 -1
- package/dist/components/ExpandableCard/components/Title.js +1 -1
- package/dist/components/ExpandableCard/index.cjs +32 -32
- package/dist/components/ExpandableCard/index.js +18 -18
- package/dist/components/GlobalAlert/GlobalAlertLink.cjs +1 -1
- package/dist/components/GlobalAlert/GlobalAlertLink.js +1 -1
- package/dist/components/GlobalAlert/index.cjs +10 -10
- package/dist/components/GlobalAlert/index.js +8 -8
- package/dist/components/InfiniteScroll/index.cjs +9 -9
- package/dist/components/InfiniteScroll/index.js +2 -2
- package/dist/components/Label/index.cjs +8 -8
- package/dist/components/Label/index.js +8 -8
- package/dist/components/LineChart/CustomLegend.cjs +20 -20
- package/dist/components/LineChart/CustomLegend.js +20 -20
- package/dist/components/LineChart/Tooltip.cjs +4 -4
- package/dist/components/LineChart/Tooltip.js +4 -4
- package/dist/components/LineChart/index.cjs +11 -11
- package/dist/components/LineChart/index.js +8 -8
- package/dist/components/Link/index.cjs +22 -38
- package/dist/components/Link/index.d.ts +3 -12
- package/dist/components/Link/index.js +16 -32
- package/dist/components/List/Cell.cjs +4 -17
- package/dist/components/List/Cell.d.ts +0 -6
- package/dist/components/List/Cell.js +2 -15
- package/dist/components/List/HeaderCell.cjs +5 -5
- package/dist/components/List/HeaderCell.js +6 -6
- package/dist/components/List/HeaderRow.cjs +4 -6
- package/dist/components/List/HeaderRow.js +4 -6
- package/dist/components/List/ListContext.cjs +30 -30
- package/dist/components/List/ListContext.js +7 -7
- package/dist/components/List/Row.cjs +58 -37
- package/dist/components/List/Row.d.ts +8 -1
- package/dist/components/List/Row.js +46 -25
- package/dist/components/List/SelectBar.cjs +3 -3
- package/dist/components/List/SelectBar.js +1 -1
- package/dist/components/List/SkeletonRows.cjs +3 -3
- package/dist/components/List/SkeletonRows.js +3 -3
- package/dist/components/List/index.cjs +15 -14
- package/dist/components/List/index.d.ts +10 -8
- package/dist/components/List/index.js +9 -8
- package/dist/components/Loader/index.cjs +13 -13
- package/dist/components/Loader/index.d.ts +3 -3
- package/dist/components/Loader/index.js +13 -13
- package/dist/components/Menu/MenuContent.cjs +222 -0
- package/dist/components/{MenuV2 → Menu}/MenuContent.d.ts +3 -4
- package/dist/components/Menu/MenuContent.js +220 -0
- package/dist/components/Menu/MenuProvider.cjs +42 -0
- package/dist/components/Menu/MenuProvider.d.ts +24 -0
- package/dist/components/Menu/MenuProvider.js +42 -0
- package/dist/components/Menu/components/Group.cjs +34 -0
- package/dist/components/{MenuV2 → Menu}/components/Group.d.ts +1 -1
- package/dist/components/Menu/components/Group.js +32 -0
- package/dist/components/Menu/components/Item.cjs +172 -0
- package/dist/components/Menu/components/Item.js +171 -0
- package/dist/components/{MenuV2 → Menu}/constants.cjs +2 -3
- package/dist/components/Menu/constants.js +7 -0
- package/dist/components/Menu/helpers.cjs +48 -0
- package/dist/components/{MenuV2 → Menu}/helpers.d.ts +2 -1
- package/dist/components/{MenuV2 → Menu}/helpers.js +17 -0
- package/dist/components/Menu/index.cjs +12 -108
- package/dist/components/Menu/index.d.ts +62 -35
- package/dist/components/Menu/index.js +13 -107
- package/dist/components/{MenuV2 → Menu}/types.d.ts +3 -11
- package/dist/components/Meter/index.cjs +6 -6
- package/dist/components/Meter/index.js +6 -6
- package/dist/components/Modal/ModalContent.cjs +7 -13
- package/dist/components/Modal/ModalContent.d.ts +1 -2
- package/dist/components/Modal/ModalContent.js +7 -13
- package/dist/components/Modal/ModalProvider.cjs +10 -10
- package/dist/components/Modal/ModalProvider.js +2 -2
- package/dist/components/Modal/components/Dialog.cjs +23 -25
- package/dist/components/Modal/components/Dialog.d.ts +1 -1
- package/dist/components/Modal/components/Dialog.js +8 -10
- package/dist/components/Modal/components/Disclosure.cjs +15 -18
- package/dist/components/Modal/components/Disclosure.d.ts +1 -1
- package/dist/components/Modal/components/Disclosure.js +11 -14
- package/dist/components/Modal/index.cjs +14 -16
- package/dist/components/Modal/index.d.ts +1 -18
- package/dist/components/Modal/index.js +8 -10
- package/dist/components/Modal/types.d.ts +2 -16
- package/dist/components/Notice/index.cjs +3 -3
- package/dist/components/Notice/index.js +3 -3
- package/dist/components/Notification/index.cjs +6 -6
- package/dist/components/Notification/index.js +6 -6
- package/dist/components/NumberInput/index.cjs +194 -194
- package/dist/components/NumberInput/index.d.ts +30 -33
- package/dist/components/NumberInput/index.js +190 -190
- package/dist/components/Pagination/PaginationButtons.cjs +13 -13
- package/dist/components/Pagination/PaginationButtons.js +8 -8
- package/dist/components/Pagination/PerPage.cjs +15 -15
- package/dist/components/Pagination/PerPage.js +15 -15
- package/dist/components/Pagination/index.cjs +6 -6
- package/dist/components/Pagination/index.js +2 -2
- package/dist/components/PasswordCheck/index.cjs +3 -3
- package/dist/components/PasswordCheck/index.js +3 -3
- package/dist/components/PieChart/Legends.cjs +13 -13
- package/dist/components/PieChart/Legends.js +13 -13
- package/dist/components/PieChart/Tooltip.cjs +7 -7
- package/dist/components/PieChart/Tooltip.js +7 -7
- package/dist/components/PieChart/index.cjs +11 -11
- package/dist/components/PieChart/index.js +8 -8
- package/dist/components/Popover/index.cjs +17 -17
- package/dist/components/Popover/index.d.ts +6 -4
- package/dist/components/Popover/index.js +9 -9
- package/dist/components/Popup/helpers.cjs +55 -15
- package/dist/components/Popup/helpers.d.ts +3 -3
- package/dist/components/Popup/helpers.js +55 -15
- package/dist/components/Popup/index.cjs +40 -44
- package/dist/components/Popup/index.js +14 -18
- package/dist/components/ProgressBar/index.cjs +9 -9
- package/dist/components/ProgressBar/index.js +9 -9
- package/dist/components/Radio/index.cjs +15 -15
- package/dist/components/Radio/index.d.ts +9 -9
- package/dist/components/Radio/index.js +12 -12
- package/dist/components/RadioGroup/index.cjs +13 -14
- package/dist/components/RadioGroup/index.d.ts +3 -8
- package/dist/components/RadioGroup/index.js +9 -10
- package/dist/components/Row/index.cjs +19 -7
- package/dist/components/Row/index.d.ts +5 -5
- package/dist/components/Row/index.js +19 -7
- package/dist/components/SearchInput/Key.cjs +9 -9
- package/dist/components/SearchInput/Key.d.ts +5 -5
- package/dist/components/SearchInput/Key.js +7 -7
- package/dist/components/SearchInput/KeyGroup.cjs +2 -2
- package/dist/components/SearchInput/KeyGroup.js +2 -2
- package/dist/components/SearchInput/index.cjs +27 -27
- package/dist/components/SearchInput/index.d.ts +1 -1
- package/dist/components/SearchInput/index.js +8 -8
- package/dist/components/SearchInput/types.d.ts +3 -3
- package/dist/components/SelectInput/Dropdown.cjs +477 -0
- package/dist/components/SelectInput/Dropdown.js +475 -0
- package/dist/components/SelectInput/DropdownOption.cjs +91 -0
- package/dist/components/SelectInput/DropdownOption.js +89 -0
- package/dist/components/SelectInput/SearchBarDropdown.cjs +129 -0
- package/dist/components/SelectInput/SearchBarDropdown.js +127 -0
- package/dist/components/SelectInput/SelectBar.cjs +364 -0
- package/dist/components/SelectInput/SelectBar.js +362 -0
- package/dist/components/{SelectInputV2 → SelectInput}/SelectInputProvider.cjs +64 -64
- package/dist/components/{SelectInputV2 → SelectInput}/SelectInputProvider.d.ts +2 -1
- package/dist/components/{SelectInputV2 → SelectInput}/SelectInputProvider.js +50 -50
- package/dist/components/SelectInput/index.cjs +68 -496
- package/dist/components/SelectInput/index.d.ts +119 -63
- package/dist/components/SelectInput/index.js +68 -494
- package/dist/components/{SelectInputV2 → SelectInput}/types.cjs +3 -3
- package/dist/components/{SelectInputV2 → SelectInput}/types.js +3 -3
- package/dist/components/SelectableCard/index.cjs +31 -31
- package/dist/components/SelectableCard/index.js +18 -18
- package/dist/components/SelectableCardGroup/index.cjs +11 -11
- package/dist/components/SelectableCardGroup/index.d.ts +1 -1
- package/dist/components/SelectableCardGroup/index.js +7 -7
- package/dist/components/SelectableCardOptionGroup/Provider.cjs +7 -7
- package/dist/components/SelectableCardOptionGroup/Provider.d.ts +2 -2
- package/dist/components/SelectableCardOptionGroup/Provider.js +4 -4
- package/dist/components/SelectableCardOptionGroup/components/Image.cjs +2 -2
- package/dist/components/SelectableCardOptionGroup/components/Image.js +2 -2
- package/dist/components/SelectableCardOptionGroup/components/Option.cjs +18 -18
- package/dist/components/SelectableCardOptionGroup/components/Option.d.ts +5 -5
- package/dist/components/SelectableCardOptionGroup/components/Option.js +16 -16
- package/dist/components/SelectableCardOptionGroup/index.cjs +8 -8
- package/dist/components/SelectableCardOptionGroup/index.d.ts +3 -3
- package/dist/components/SelectableCardOptionGroup/index.js +6 -6
- package/dist/components/Separator/index.cjs +8 -9
- package/dist/components/Separator/index.d.ts +1 -5
- package/dist/components/Separator/index.js +8 -9
- package/dist/components/Skeleton/Block.cjs +2 -2
- package/dist/components/Skeleton/Slider.cjs +3 -3
- package/dist/components/Skeleton/Slider.js +3 -3
- package/dist/components/Skeleton/index.cjs +4 -4
- package/dist/components/Skeleton/index.js +4 -4
- package/dist/components/Slider/components/DoubleSlider.cjs +36 -36
- package/dist/components/Slider/components/DoubleSlider.js +23 -23
- package/dist/components/Slider/components/Options.cjs +3 -3
- package/dist/components/Slider/components/Options.js +3 -3
- package/dist/components/Slider/components/SingleSlider.cjs +33 -33
- package/dist/components/Slider/components/SingleSlider.js +16 -16
- package/dist/components/Slider/index.cjs +9 -9
- package/dist/components/Slider/index.js +7 -7
- package/dist/components/Slider/styles.d.ts +35 -24
- package/dist/components/Snippet/index.cjs +16 -16
- package/dist/components/Snippet/index.js +14 -14
- package/dist/components/Stack/index.cjs +31 -11
- package/dist/components/Stack/index.d.ts +9 -9
- package/dist/components/Stack/index.js +31 -11
- package/dist/components/Status/index.cjs +4 -4
- package/dist/components/Status/index.js +4 -4
- package/dist/components/StepList/index.cjs +5 -5
- package/dist/components/StepList/index.js +5 -5
- package/dist/components/Stepper/Step.cjs +14 -14
- package/dist/components/Stepper/Step.js +10 -10
- package/dist/components/Stepper/StepperProvider.cjs +17 -17
- package/dist/components/Stepper/StepperProvider.js +10 -10
- package/dist/components/Stepper/index.cjs +13 -13
- package/dist/components/Stepper/index.js +7 -7
- package/dist/components/SwitchButton/FocusOverlay.cjs +3 -3
- package/dist/components/SwitchButton/FocusOverlay.js +3 -3
- package/dist/components/SwitchButton/Option.cjs +30 -9
- package/dist/components/SwitchButton/Option.d.ts +4 -2
- package/dist/components/SwitchButton/Option.js +27 -6
- package/dist/components/SwitchButton/SwitchButtonContext.cjs +3 -3
- package/dist/components/SwitchButton/index.cjs +38 -24
- package/dist/components/SwitchButton/index.d.ts +3 -1
- package/dist/components/SwitchButton/index.js +27 -13
- package/dist/components/Table/Cell.cjs +2 -2
- package/dist/components/Table/Cell.js +2 -2
- package/dist/components/Table/HeaderCell.cjs +6 -6
- package/dist/components/Table/HeaderCell.js +7 -7
- package/dist/components/Table/HeaderRow.cjs +2 -2
- package/dist/components/Table/HeaderRow.js +2 -2
- package/dist/components/Table/Row.cjs +19 -19
- package/dist/components/Table/Row.js +9 -9
- package/dist/components/Table/SelectBar.cjs +3 -3
- package/dist/components/Table/SelectBar.js +1 -1
- package/dist/components/Table/SkeletonRows.cjs +3 -3
- package/dist/components/Table/SkeletonRows.js +3 -3
- package/dist/components/Table/TableContext.cjs +8 -8
- package/dist/components/Table/TableContext.js +3 -3
- package/dist/components/Table/index.cjs +17 -17
- package/dist/components/Table/index.d.ts +12 -12
- package/dist/components/Table/index.js +9 -9
- package/dist/components/Tabs/Tab.cjs +13 -13
- package/dist/components/Tabs/Tab.js +10 -10
- package/dist/components/Tabs/TabMenu.cjs +12 -12
- package/dist/components/Tabs/TabMenu.d.ts +3 -3
- package/dist/components/Tabs/TabMenu.js +10 -10
- package/dist/components/Tabs/TabMenuItem.cjs +7 -7
- package/dist/components/Tabs/TabMenuItem.js +5 -5
- package/dist/components/Tabs/TabsContext.cjs +3 -3
- package/dist/components/Tabs/index.cjs +18 -18
- package/dist/components/Tabs/index.d.ts +3 -3
- package/dist/components/Tabs/index.js +7 -7
- package/dist/components/Tag/index.cjs +12 -12
- package/dist/components/Tag/index.js +10 -10
- package/dist/components/TagInput/index.cjs +24 -26
- package/dist/components/TagInput/index.d.ts +1 -17
- package/dist/components/TagInput/index.js +17 -19
- package/dist/components/TagList/index.cjs +29 -29
- package/dist/components/TagList/index.js +16 -16
- package/dist/components/Text/index.cjs +4 -6
- package/dist/components/Text/index.d.ts +2 -6
- package/dist/components/Text/index.js +2 -4
- package/dist/components/TextArea/index.cjs +23 -23
- package/dist/components/TextArea/index.js +14 -14
- package/dist/components/TextInput/index.cjs +179 -343
- package/dist/components/TextInput/index.d.ts +74 -68
- package/dist/components/TextInput/index.js +177 -340
- package/dist/components/{TimeInputV2 → TimeInput}/constants.cjs +2 -2
- package/dist/components/{TimeInputV2 → TimeInput}/constants.js +2 -2
- package/dist/components/TimeInput/index.cjs +320 -23
- package/dist/components/TimeInput/index.d.ts +44 -20
- package/dist/components/TimeInput/index.js +320 -25
- package/dist/components/Toaster/components/Button.cjs +1 -1
- package/dist/components/Toaster/components/Button.js +1 -1
- package/dist/components/Toaster/index.cjs +4 -12
- package/dist/components/Toaster/index.d.ts +0 -4
- package/dist/components/Toaster/index.js +4 -12
- package/dist/components/Toggle/index.cjs +17 -17
- package/dist/components/Toggle/index.js +11 -11
- package/dist/components/ToggleGroup/index.cjs +13 -13
- package/dist/components/ToggleGroup/index.d.ts +1 -1
- package/dist/components/ToggleGroup/index.js +9 -9
- package/dist/components/Tooltip/index.cjs +4 -4
- package/dist/components/Tooltip/index.d.ts +36 -4
- package/dist/components/Tooltip/index.js +2 -2
- package/dist/components/UnitInput/index.cjs +39 -56
- package/dist/components/UnitInput/index.d.ts +8 -7
- package/dist/components/UnitInput/index.js +34 -51
- package/dist/components/VerificationCode/index.cjs +13 -13
- package/dist/components/VerificationCode/index.js +8 -8
- package/dist/components/index.d.ts +4 -11
- package/dist/helpers/nivoTheme.cjs +2 -2
- package/dist/helpers/nivoTheme.d.ts +2 -2
- package/dist/helpers/nivoTheme.js +2 -2
- package/dist/hooks/useIsOverflowing.cjs +3 -3
- package/dist/index.cjs +124 -140
- package/dist/index.d.ts +3 -3
- package/dist/index.js +6 -22
- package/dist/theme/index.d.ts +14 -19
- package/dist/utils/index.d.ts +3 -3
- package/package.json +8 -12
- package/dist/components/AvatarV2/index.cjs +0 -139
- package/dist/components/AvatarV2/index.d.ts +0 -5
- package/dist/components/AvatarV2/index.js +0 -137
- package/dist/components/Menu/Item.cjs +0 -93
- package/dist/components/Menu/Item.d.ts +0 -15
- package/dist/components/Menu/Item.js +0 -92
- package/dist/components/MenuV2/MenuContent.cjs +0 -163
- package/dist/components/MenuV2/MenuContent.js +0 -161
- package/dist/components/MenuV2/MenuProvider.cjs +0 -31
- package/dist/components/MenuV2/MenuProvider.d.ts +0 -14
- package/dist/components/MenuV2/MenuProvider.js +0 -31
- package/dist/components/MenuV2/components/Group.cjs +0 -34
- package/dist/components/MenuV2/components/Group.js +0 -32
- package/dist/components/MenuV2/components/Item.cjs +0 -135
- package/dist/components/MenuV2/components/Item.js +0 -134
- package/dist/components/MenuV2/constants.js +0 -8
- package/dist/components/MenuV2/helpers.cjs +0 -31
- package/dist/components/MenuV2/index.cjs +0 -20
- package/dist/components/MenuV2/index.d.ts +0 -77
- package/dist/components/MenuV2/index.js +0 -20
- package/dist/components/NumberInput/helpers.cjs +0 -10
- package/dist/components/NumberInput/helpers.d.ts +0 -4
- package/dist/components/NumberInput/helpers.js +0 -10
- package/dist/components/NumberInputV2/index.cjs +0 -262
- package/dist/components/NumberInputV2/index.d.ts +0 -38
- package/dist/components/NumberInputV2/index.js +0 -260
- package/dist/components/PasswordStrengthMeter/index.cjs +0 -98
- package/dist/components/PasswordStrengthMeter/index.d.ts +0 -39
- package/dist/components/PasswordStrengthMeter/index.js +0 -96
- package/dist/components/SelectInputV2/Dropdown.cjs +0 -477
- package/dist/components/SelectInputV2/Dropdown.js +0 -475
- package/dist/components/SelectInputV2/DropdownOption.cjs +0 -91
- package/dist/components/SelectInputV2/DropdownOption.js +0 -89
- package/dist/components/SelectInputV2/SearchBarDropdown.cjs +0 -129
- package/dist/components/SelectInputV2/SearchBarDropdown.js +0 -127
- package/dist/components/SelectInputV2/SelectBar.cjs +0 -364
- package/dist/components/SelectInputV2/SelectBar.js +0 -362
- package/dist/components/SelectInputV2/index.cjs +0 -91
- package/dist/components/SelectInputV2/index.d.ts +0 -126
- package/dist/components/SelectInputV2/index.js +0 -89
- package/dist/components/TextInputV2/index.cjs +0 -223
- package/dist/components/TextInputV2/index.d.ts +0 -81
- package/dist/components/TextInputV2/index.js +0 -221
- package/dist/components/TimeInputV2/index.cjs +0 -326
- package/dist/components/TimeInputV2/index.d.ts +0 -49
- package/dist/components/TimeInputV2/index.js +0 -324
- package/dist/helpers/isJSON.cjs +0 -10
- package/dist/helpers/isJSON.js +0 -11
- package/dist/theme/ThemeRegistry.cjs +0 -56
- package/dist/theme/ThemeRegistry.d.ts +0 -12
- package/dist/theme/ThemeRegistry.js +0 -55
- package/dist/components/{AvatarV2 → Avatar}/constants.d.ts +9 -9
- package/dist/components/{MenuV2 → Menu}/components/Item.d.ts +0 -0
- package/dist/components/{MenuV2 → Menu}/constants.d.ts +2 -2
- package/dist/components/{SelectInputV2 → SelectInput}/Dropdown.d.ts +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/DropdownOption.d.ts +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/SearchBarDropdown.d.ts +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/SelectBar.d.ts +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/findOptionInOptions.cjs +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/findOptionInOptions.d.ts +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/findOptionInOptions.js +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/types.d.ts +2 -2
- package/dist/components/{TimeInputV2 → TimeInput}/constants.d.ts +2 -2
- /package/dist/components/{TimeInputV2 → TimeInput}/helpers.cjs +0 -0
- /package/dist/components/{TimeInputV2 → TimeInput}/helpers.d.ts +0 -0
- /package/dist/components/{TimeInputV2 → TimeInput}/helpers.js +0 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
4
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const _styled = require("@emotion/styled/base");
|
|
6
|
-
const
|
|
6
|
+
const react = require("react");
|
|
7
7
|
const index$1 = require("../Label/index.cjs");
|
|
8
8
|
const index$3 = require("../Radio/index.cjs");
|
|
9
9
|
const index = require("../Stack/index.cjs");
|
|
@@ -13,13 +13,12 @@ const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
|
13
13
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
14
14
|
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
15
15
|
}
|
|
16
|
-
const RadioGroupContext =
|
|
16
|
+
const RadioGroupContext = react.createContext(void 0);
|
|
17
17
|
const RadioGroupRadio = ({
|
|
18
18
|
onFocus,
|
|
19
19
|
onBlur,
|
|
20
20
|
disabled,
|
|
21
21
|
error,
|
|
22
|
-
name,
|
|
23
22
|
value,
|
|
24
23
|
label,
|
|
25
24
|
helper,
|
|
@@ -29,7 +28,7 @@ const RadioGroupRadio = ({
|
|
|
29
28
|
tooltip,
|
|
30
29
|
"data-testid": dataTestId
|
|
31
30
|
}) => {
|
|
32
|
-
const context =
|
|
31
|
+
const context = react.useContext(RadioGroupContext);
|
|
33
32
|
if (!context) {
|
|
34
33
|
throw new Error("RadioGroup.Radio can only be used inside a RadioGroup");
|
|
35
34
|
}
|
|
@@ -39,7 +38,7 @@ const RadioGroupRadio = ({
|
|
|
39
38
|
groupValue,
|
|
40
39
|
error: errorContext
|
|
41
40
|
} = context;
|
|
42
|
-
return /* @__PURE__ */ jsxRuntime.jsx(index$3.Radio, {
|
|
41
|
+
return /* @__PURE__ */ jsxRuntime.jsx(index$3.Radio, { autoFocus, checked: groupValue === value, className, "data-testid": dataTestId, disabled, error: error || errorContext, helper, label, name: groupName, onBlur, onChange, onFocus, onKeyDown, tooltip, value });
|
|
43
42
|
};
|
|
44
43
|
const FieldSet = /* @__PURE__ */ _styled__default.default("fieldset", process.env.NODE_ENV === "production" ? {
|
|
45
44
|
target: "e15shfap0"
|
|
@@ -51,7 +50,7 @@ const FieldSet = /* @__PURE__ */ _styled__default.default("fieldset", process.en
|
|
|
51
50
|
styles: "border:none;padding:0;margin:0"
|
|
52
51
|
} : {
|
|
53
52
|
name: "7o2an9",
|
|
54
|
-
styles: "border:none;padding:0;margin:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
53
|
+
styles: "border:none;padding:0;margin:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1JhZGlvR3JvdXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBJbnB1dEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExhYmVsIH0gZnJvbSAnLi4vTGFiZWwnXG5pbXBvcnQgeyBSYWRpbyB9IGZyb20gJy4uL1JhZGlvJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIFJhZGlvR3JvdXBDb250ZXh0VHlwZSA9IHtcbiAgZ3JvdXBOYW1lPzogc3RyaW5nXG4gIGdyb3VwVmFsdWU6IHN0cmluZyB8IG51bWJlclxuICBlcnJvcjogYm9vbGVhblxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG5jb25zdCBSYWRpb0dyb3VwQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8UmFkaW9Hcm91cENvbnRleHRUeXBlIHwgdW5kZWZpbmVkPihcbiAgdW5kZWZpbmVkLFxuKVxuXG50eXBlIFJhZGlvR3JvdXBSYWRpb1Byb3BzID0gT21pdDxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIFJhZGlvPixcbiAgJ29uQ2hhbmdlJyB8ICdjaGVja2VkJyB8ICdyZXF1aXJlZCcgfCAnbmFtZSdcbj5cbmNvbnN0IFJhZGlvR3JvdXBSYWRpbyA9ICh7XG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgZGlzYWJsZWQsXG4gIGVycm9yLFxuICB2YWx1ZSxcbiAgbGFiZWwsXG4gIGhlbHBlcixcbiAgY2xhc3NOYW1lLFxuICBhdXRvRm9jdXMsXG4gIG9uS2V5RG93bixcbiAgdG9vbHRpcCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFJhZGlvR3JvdXBSYWRpb1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KFJhZGlvR3JvdXBDb250ZXh0KVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcignUmFkaW9Hcm91cC5SYWRpbyBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIFJhZGlvR3JvdXAnKVxuICB9XG5cbiAgY29uc3QgeyBncm91cE5hbWUsIG9uQ2hhbmdlLCBncm91cFZhbHVlLCBlcnJvcjogZXJyb3JDb250ZXh0IH0gPSBjb250ZXh0XG5cbiAgcmV0dXJuIChcbiAgICA8UmFkaW9cbiAgICAgIGF1dG9Gb2N1cz17YXV0b0ZvY3VzfVxuICAgICAgY2hlY2tlZD17Z3JvdXBWYWx1ZSA9PT0gdmFsdWV9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZXJyb3I9e2Vycm9yIHx8IGVycm9yQ29udGV4dH1cbiAgICAgIGhlbHBlcj17aGVscGVyfVxuICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgbmFtZT17Z3JvdXBOYW1lfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICB0b29sdGlwPXt0b29sdGlwfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgIC8+XG4gIClcbn1cblxuY29uc3QgRmllbGRTZXQgPSBzdHlsZWQuZmllbGRzZXRgXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuYFxuXG50eXBlIFJhZGlvR3JvdXBQcm9wcyA9IHtcbiAgbGVnZW5kPzogc3RyaW5nXG4gIGxlZ2VuZERlc2NyaXB0aW9uPzogUmVhY3ROb2RlXG4gIHZhbHVlOiBzdHJpbmcgfCBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhlbHBlcj86IFJlYWN0Tm9kZVxuICBlcnJvcj86IFJlYWN0Tm9kZVxuICBkaXJlY3Rpb24/OiAncm93JyB8ICdjb2x1bW4nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgZGVzY3JpcHRpb24/OiBSZWFjdE5vZGVcbn0gJiBSZXF1aXJlZDxQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdvbkNoYW5nZSc+PiAmXG4gIFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3JlcXVpcmVkJyB8ICduYW1lJz5cblxuLyoqXG4gKiBSYWRpb0dyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHVzZXJzIHRvIHNlbGVjdCBvbmUgb3B0aW9uIGZyb20gYSBsaXN0IG9mIG9wdGlvbnMgdXNpbmcgcmFkaW8uXG4gKi9cbmV4cG9ydCBjb25zdCBSYWRpb0dyb3VwID0gKHtcbiAgbGVnZW5kLFxuICBsZWdlbmREZXNjcmlwdGlvbixcbiAgdmFsdWUsXG4gIGNsYXNzTmFtZSxcbiAgaGVscGVyLFxuICBlcnJvcixcbiAgZGlyZWN0aW9uID0gJ2NvbHVtbicsXG4gIGNoaWxkcmVuLFxuICBvbkNoYW5nZSxcbiAgbmFtZSxcbiAgZGVzY3JpcHRpb24sXG4gIHJlcXVpcmVkID0gZmFsc2UsXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dFZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgZXJyb3I6ICEhZXJyb3IsXG4gICAgICBncm91cE5hbWU6IG5hbWUsXG4gICAgICBncm91cFZhbHVlOiB2YWx1ZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgcmVxdWlyZWQsXG4gICAgfSksXG4gICAgW25hbWUsIHZhbHVlLCBvbkNoYW5nZSwgcmVxdWlyZWQsIGVycm9yXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFJhZGlvR3JvdXBDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPFN0YWNrIGdhcD17MX0+XG4gICAgICAgIDxGaWVsZFNldCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgPFN0YWNrIGdhcD17MS41fT5cbiAgICAgICAgICAgIHtsZWdlbmQgfHwgZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxTdGFjayBnYXA9ezAuNX0+XG4gICAgICAgICAgICAgICAge2xlZ2VuZCA/IChcbiAgICAgICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgICAgICBhcz1cImxlZ2VuZFwiXG4gICAgICAgICAgICAgICAgICAgIGxhYmVsRGVzY3JpcHRpb249e2xlZ2VuZERlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsZWdlbmR9XG4gICAgICAgICAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgIHtkZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIGFzPXt0eXBlb2YgZGVzY3JpcHRpb24gPT09ICdzdHJpbmcnID8gJ3AnIDogJ2Rpdid9XG4gICAgICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxTdGFja1xuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwic3RhcnRcIlxuICAgICAgICAgICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgICAgICAgZ2FwPXtkaXJlY3Rpb24gPT09ICdjb2x1bW4nID8gMSA6IDJ9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9GaWVsZFNldD5cbiAgICAgICAge2hlbHBlciA/IChcbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yID8gKFxuICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIHNlbnRpbWVudD1cImRhbmdlclwiIHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgICAgICB7ZXJyb3J9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9SYWRpb0dyb3VwQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5SYWRpb0dyb3VwLlJhZGlvID0gUmFkaW9Hcm91cFJhZGlvXG4iXX0= */",
|
|
55
54
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
56
55
|
});
|
|
57
56
|
const RadioGroup = ({
|
|
@@ -68,23 +67,23 @@ const RadioGroup = ({
|
|
|
68
67
|
description,
|
|
69
68
|
required = false
|
|
70
69
|
}) => {
|
|
71
|
-
const contextValue =
|
|
70
|
+
const contextValue = react.useMemo(() => ({
|
|
71
|
+
error: !!error,
|
|
72
72
|
groupName: name,
|
|
73
73
|
groupValue: value,
|
|
74
74
|
onChange,
|
|
75
|
-
required
|
|
76
|
-
error: !!error
|
|
75
|
+
required
|
|
77
76
|
}), [name, value, onChange, required, error]);
|
|
78
77
|
return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1, children: [
|
|
79
78
|
/* @__PURE__ */ jsxRuntime.jsx(FieldSet, { className, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1.5, children: [
|
|
80
79
|
legend || description ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, children: [
|
|
81
|
-
legend ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { as: "legend",
|
|
82
|
-
description ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, {
|
|
80
|
+
legend ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { as: "legend", labelDescription: legendDescription, required, children: legend }) : null,
|
|
81
|
+
description ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: typeof description === "string" ? "p" : "div", prominence: "weak", sentiment: "neutral", variant: "bodySmall", children: description }) : null
|
|
83
82
|
] }) : null,
|
|
84
|
-
/* @__PURE__ */ jsxRuntime.jsx(index.Stack, { gap: direction === "column" ? 1 : 2,
|
|
83
|
+
/* @__PURE__ */ jsxRuntime.jsx(index.Stack, { alignItems: "start", direction, gap: direction === "column" ? 1 : 2, children })
|
|
85
84
|
] }) }),
|
|
86
|
-
helper ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span",
|
|
87
|
-
error ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span",
|
|
85
|
+
helper ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null,
|
|
86
|
+
error ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", sentiment: "danger", variant: "caption", children: error }) : null
|
|
88
87
|
] }) });
|
|
89
88
|
};
|
|
90
89
|
RadioGroup.Radio = RadioGroupRadio;
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { ComponentProps, InputHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import { Radio } from '../Radio';
|
|
3
|
-
type RadioGroupRadioProps = Omit<ComponentProps<typeof Radio>, 'onChange' | 'checked' | 'required'
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated you don't need to use `name` anymore, the name will be passed from the parent `RadioGroup`.
|
|
6
|
-
*/
|
|
7
|
-
name?: string;
|
|
8
|
-
};
|
|
3
|
+
type RadioGroupRadioProps = Omit<ComponentProps<typeof Radio>, 'onChange' | 'checked' | 'required' | 'name'>;
|
|
9
4
|
type RadioGroupProps = {
|
|
10
5
|
legend?: string;
|
|
11
6
|
legendDescription?: ReactNode;
|
|
@@ -22,6 +17,6 @@ type RadioGroupProps = {
|
|
|
22
17
|
*/
|
|
23
18
|
export declare const RadioGroup: {
|
|
24
19
|
({ legend, legendDescription, value, className, helper, error, direction, children, onChange, name, description, required, }: RadioGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
25
|
-
Radio: ({ onFocus, onBlur, disabled, error,
|
|
20
|
+
Radio: ({ onFocus, onBlur, disabled, error, value, label, helper, className, autoFocus, onKeyDown, tooltip, "data-testid": dataTestId, }: RadioGroupRadioProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
26
21
|
};
|
|
27
22
|
export {};
|
|
@@ -15,7 +15,6 @@ const RadioGroupRadio = ({
|
|
|
15
15
|
onBlur,
|
|
16
16
|
disabled,
|
|
17
17
|
error,
|
|
18
|
-
name,
|
|
19
18
|
value,
|
|
20
19
|
label,
|
|
21
20
|
helper,
|
|
@@ -35,7 +34,7 @@ const RadioGroupRadio = ({
|
|
|
35
34
|
groupValue,
|
|
36
35
|
error: errorContext
|
|
37
36
|
} = context;
|
|
38
|
-
return /* @__PURE__ */ jsx(Radio, {
|
|
37
|
+
return /* @__PURE__ */ jsx(Radio, { autoFocus, checked: groupValue === value, className, "data-testid": dataTestId, disabled, error: error || errorContext, helper, label, name: groupName, onBlur, onChange, onFocus, onKeyDown, tooltip, value });
|
|
39
38
|
};
|
|
40
39
|
const FieldSet = /* @__PURE__ */ _styled("fieldset", process.env.NODE_ENV === "production" ? {
|
|
41
40
|
target: "e15shfap0"
|
|
@@ -47,7 +46,7 @@ const FieldSet = /* @__PURE__ */ _styled("fieldset", process.env.NODE_ENV === "p
|
|
|
47
46
|
styles: "border:none;padding:0;margin:0"
|
|
48
47
|
} : {
|
|
49
48
|
name: "7o2an9",
|
|
50
|
-
styles: "border:none;padding:0;margin:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
49
|
+
styles: "border:none;padding:0;margin:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1JhZGlvR3JvdXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBJbnB1dEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExhYmVsIH0gZnJvbSAnLi4vTGFiZWwnXG5pbXBvcnQgeyBSYWRpbyB9IGZyb20gJy4uL1JhZGlvJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIFJhZGlvR3JvdXBDb250ZXh0VHlwZSA9IHtcbiAgZ3JvdXBOYW1lPzogc3RyaW5nXG4gIGdyb3VwVmFsdWU6IHN0cmluZyB8IG51bWJlclxuICBlcnJvcjogYm9vbGVhblxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG5jb25zdCBSYWRpb0dyb3VwQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8UmFkaW9Hcm91cENvbnRleHRUeXBlIHwgdW5kZWZpbmVkPihcbiAgdW5kZWZpbmVkLFxuKVxuXG50eXBlIFJhZGlvR3JvdXBSYWRpb1Byb3BzID0gT21pdDxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIFJhZGlvPixcbiAgJ29uQ2hhbmdlJyB8ICdjaGVja2VkJyB8ICdyZXF1aXJlZCcgfCAnbmFtZSdcbj5cbmNvbnN0IFJhZGlvR3JvdXBSYWRpbyA9ICh7XG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgZGlzYWJsZWQsXG4gIGVycm9yLFxuICB2YWx1ZSxcbiAgbGFiZWwsXG4gIGhlbHBlcixcbiAgY2xhc3NOYW1lLFxuICBhdXRvRm9jdXMsXG4gIG9uS2V5RG93bixcbiAgdG9vbHRpcCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFJhZGlvR3JvdXBSYWRpb1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KFJhZGlvR3JvdXBDb250ZXh0KVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcignUmFkaW9Hcm91cC5SYWRpbyBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIFJhZGlvR3JvdXAnKVxuICB9XG5cbiAgY29uc3QgeyBncm91cE5hbWUsIG9uQ2hhbmdlLCBncm91cFZhbHVlLCBlcnJvcjogZXJyb3JDb250ZXh0IH0gPSBjb250ZXh0XG5cbiAgcmV0dXJuIChcbiAgICA8UmFkaW9cbiAgICAgIGF1dG9Gb2N1cz17YXV0b0ZvY3VzfVxuICAgICAgY2hlY2tlZD17Z3JvdXBWYWx1ZSA9PT0gdmFsdWV9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZXJyb3I9e2Vycm9yIHx8IGVycm9yQ29udGV4dH1cbiAgICAgIGhlbHBlcj17aGVscGVyfVxuICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgbmFtZT17Z3JvdXBOYW1lfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICB0b29sdGlwPXt0b29sdGlwfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgIC8+XG4gIClcbn1cblxuY29uc3QgRmllbGRTZXQgPSBzdHlsZWQuZmllbGRzZXRgXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuYFxuXG50eXBlIFJhZGlvR3JvdXBQcm9wcyA9IHtcbiAgbGVnZW5kPzogc3RyaW5nXG4gIGxlZ2VuZERlc2NyaXB0aW9uPzogUmVhY3ROb2RlXG4gIHZhbHVlOiBzdHJpbmcgfCBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhlbHBlcj86IFJlYWN0Tm9kZVxuICBlcnJvcj86IFJlYWN0Tm9kZVxuICBkaXJlY3Rpb24/OiAncm93JyB8ICdjb2x1bW4nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgZGVzY3JpcHRpb24/OiBSZWFjdE5vZGVcbn0gJiBSZXF1aXJlZDxQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdvbkNoYW5nZSc+PiAmXG4gIFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3JlcXVpcmVkJyB8ICduYW1lJz5cblxuLyoqXG4gKiBSYWRpb0dyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHVzZXJzIHRvIHNlbGVjdCBvbmUgb3B0aW9uIGZyb20gYSBsaXN0IG9mIG9wdGlvbnMgdXNpbmcgcmFkaW8uXG4gKi9cbmV4cG9ydCBjb25zdCBSYWRpb0dyb3VwID0gKHtcbiAgbGVnZW5kLFxuICBsZWdlbmREZXNjcmlwdGlvbixcbiAgdmFsdWUsXG4gIGNsYXNzTmFtZSxcbiAgaGVscGVyLFxuICBlcnJvcixcbiAgZGlyZWN0aW9uID0gJ2NvbHVtbicsXG4gIGNoaWxkcmVuLFxuICBvbkNoYW5nZSxcbiAgbmFtZSxcbiAgZGVzY3JpcHRpb24sXG4gIHJlcXVpcmVkID0gZmFsc2UsXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dFZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgZXJyb3I6ICEhZXJyb3IsXG4gICAgICBncm91cE5hbWU6IG5hbWUsXG4gICAgICBncm91cFZhbHVlOiB2YWx1ZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgcmVxdWlyZWQsXG4gICAgfSksXG4gICAgW25hbWUsIHZhbHVlLCBvbkNoYW5nZSwgcmVxdWlyZWQsIGVycm9yXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFJhZGlvR3JvdXBDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPFN0YWNrIGdhcD17MX0+XG4gICAgICAgIDxGaWVsZFNldCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgPFN0YWNrIGdhcD17MS41fT5cbiAgICAgICAgICAgIHtsZWdlbmQgfHwgZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxTdGFjayBnYXA9ezAuNX0+XG4gICAgICAgICAgICAgICAge2xlZ2VuZCA/IChcbiAgICAgICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgICAgICBhcz1cImxlZ2VuZFwiXG4gICAgICAgICAgICAgICAgICAgIGxhYmVsRGVzY3JpcHRpb249e2xlZ2VuZERlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsZWdlbmR9XG4gICAgICAgICAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgIHtkZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIGFzPXt0eXBlb2YgZGVzY3JpcHRpb24gPT09ICdzdHJpbmcnID8gJ3AnIDogJ2Rpdid9XG4gICAgICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxTdGFja1xuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwic3RhcnRcIlxuICAgICAgICAgICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgICAgICAgZ2FwPXtkaXJlY3Rpb24gPT09ICdjb2x1bW4nID8gMSA6IDJ9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9GaWVsZFNldD5cbiAgICAgICAge2hlbHBlciA/IChcbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yID8gKFxuICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIHNlbnRpbWVudD1cImRhbmdlclwiIHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgICAgICB7ZXJyb3J9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9SYWRpb0dyb3VwQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5SYWRpb0dyb3VwLlJhZGlvID0gUmFkaW9Hcm91cFJhZGlvXG4iXX0= */",
|
|
51
50
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
52
51
|
});
|
|
53
52
|
const RadioGroup = ({
|
|
@@ -65,22 +64,22 @@ const RadioGroup = ({
|
|
|
65
64
|
required = false
|
|
66
65
|
}) => {
|
|
67
66
|
const contextValue = useMemo(() => ({
|
|
67
|
+
error: !!error,
|
|
68
68
|
groupName: name,
|
|
69
69
|
groupValue: value,
|
|
70
70
|
onChange,
|
|
71
|
-
required
|
|
72
|
-
error: !!error
|
|
71
|
+
required
|
|
73
72
|
}), [name, value, onChange, required, error]);
|
|
74
73
|
return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
|
|
75
74
|
/* @__PURE__ */ jsx(FieldSet, { className, children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
|
|
76
75
|
legend || description ? /* @__PURE__ */ jsxs(Stack, { gap: 0.5, children: [
|
|
77
|
-
legend ? /* @__PURE__ */ jsx(Label, { as: "legend",
|
|
78
|
-
description ? /* @__PURE__ */ jsx(Text, {
|
|
76
|
+
legend ? /* @__PURE__ */ jsx(Label, { as: "legend", labelDescription: legendDescription, required, children: legend }) : null,
|
|
77
|
+
description ? /* @__PURE__ */ jsx(Text, { as: typeof description === "string" ? "p" : "div", prominence: "weak", sentiment: "neutral", variant: "bodySmall", children: description }) : null
|
|
79
78
|
] }) : null,
|
|
80
|
-
/* @__PURE__ */ jsx(Stack, { gap: direction === "column" ? 1 : 2,
|
|
79
|
+
/* @__PURE__ */ jsx(Stack, { alignItems: "start", direction, gap: direction === "column" ? 1 : 2, children })
|
|
81
80
|
] }) }),
|
|
82
|
-
helper ? /* @__PURE__ */ jsx(Text, { as: "span",
|
|
83
|
-
error ? /* @__PURE__ */ jsx(Text, { as: "span",
|
|
81
|
+
helper ? /* @__PURE__ */ jsx(Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null,
|
|
82
|
+
error ? /* @__PURE__ */ jsx(Text, { as: "span", sentiment: "danger", variant: "caption", children: error }) : null
|
|
84
83
|
] }) });
|
|
85
84
|
};
|
|
86
85
|
RadioGroup.Radio = RadioGroupRadio;
|
|
@@ -20,12 +20,24 @@ const StyledRow = /* @__PURE__ */ _styled__default.default("div", process.env.NO
|
|
|
20
20
|
justifyContent = "normal",
|
|
21
21
|
padding
|
|
22
22
|
}) => `
|
|
23
|
-
|
|
24
|
-
${
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
23
|
+
|
|
24
|
+
${typeof templateColumns === "object" ? Object.entries(templateColumns).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
|
|
25
|
+
grid-template-columns: ${value};
|
|
26
|
+
}`).join(" ") : `${templateColumns ? `grid-template-columns: ${templateColumns};` : ""}`}
|
|
27
|
+
|
|
28
|
+
${gap && typeof gap === "object" ? Object.entries(gap).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
|
|
29
|
+
gap: ${theme.space[value.toString()]};
|
|
30
|
+
}`).join(" ") : `${gap ? `gap: ${theme.space[gap]};` : ""}`}
|
|
31
|
+
${alignItems && typeof alignItems === "object" ? Object.entries(alignItems).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
|
|
32
|
+
align-items: ${value};
|
|
33
|
+
}`).join(" ") : `${alignItems ? `align-items: ${alignItems};` : ""}`}
|
|
34
|
+
${justifyContent && typeof justifyContent === "object" ? Object.entries(justifyContent).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
|
|
35
|
+
justify-content: ${value};
|
|
36
|
+
}`).join(" ") : `${justifyContent ? `justify-content: ${justifyContent};` : ""}`}
|
|
37
|
+
${padding && typeof padding === "object" ? Object.entries(padding).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
|
|
38
|
+
padding: ${value};
|
|
39
|
+
}`).join(" ") : `${padding ? `padding: ${padding};` : ""}`}
|
|
40
|
+
`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1Jvdy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Sb3cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDU1NQcm9wZXJ0aWVzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgVWx0cmF2aW9sZXRVSVRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbnR5cGUgU3R5bGVkUm93UHJvcHMgPSBQaWNrPFxuICBSb3dQcm9wcyxcbiAgJ2dhcCcgfCAndGVtcGxhdGVDb2x1bW5zJyB8ICdhbGlnbkl0ZW1zJyB8ICdqdXN0aWZ5Q29udGVudCcgfCAncGFkZGluZydcbj5cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvdyA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PlxuICAgICFbXG4gICAgICAndGVtcGxhdGVDb2x1bW5zJyxcbiAgICAgICdnYXAnLFxuICAgICAgJ2FsaWduSXRlbXMnLFxuICAgICAgJ2p1c3RpZnlDb250ZW50JyxcbiAgICAgICdwYWRkaW5nJyxcbiAgICBdLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkUm93UHJvcHM+YFxuICBkaXNwbGF5OiBncmlkO1xuICAkeyh7XG4gICAgdGhlbWUsXG4gICAgZ2FwLFxuICAgIGFsaWduSXRlbXMgPSAnbm9ybWFsJyxcbiAgICB0ZW1wbGF0ZUNvbHVtbnMsXG4gICAganVzdGlmeUNvbnRlbnQgPSAnbm9ybWFsJyxcbiAgICBwYWRkaW5nLFxuICB9KSA9PiBgXG5cbiAgICAke1xuICAgICAgdHlwZW9mIHRlbXBsYXRlQ29sdW1ucyA9PT0gJ29iamVjdCdcbiAgICAgICAgPyBPYmplY3QuZW50cmllcyh0ZW1wbGF0ZUNvbHVtbnMpXG4gICAgICAgICAgICAubWFwKFxuICAgICAgICAgICAgICAoW2JyZWFrcG9pbnQsIHZhbHVlXSkgPT5cbiAgICAgICAgICAgICAgICBgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWUuYnJlYWtwb2ludHNbYnJlYWtwb2ludCBhcyBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ2JyZWFrcG9pbnRzJ11dfSkge1xuICAgICAgICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3ZhbHVlfTtcbiAgICAgICAgICAgICAgICB9YCxcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgOiBgJHt0ZW1wbGF0ZUNvbHVtbnMgPyBgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3RlbXBsYXRlQ29sdW1uc307YCA6ICcnfWBcbiAgICB9XG5cbiAgICAke1xuICAgICAgZ2FwICYmIHR5cGVvZiBnYXAgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMoZ2FwKVxuICAgICAgICAgICAgLm1hcChcbiAgICAgICAgICAgICAgKFticmVha3BvaW50LCB2YWx1ZV0pID0+XG4gICAgICAgICAgICAgICAgYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lLmJyZWFrcG9pbnRzW2JyZWFrcG9pbnQgYXMga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddXX0pIHtcbiAgICAgICAgICAgICAgICBnYXA6ICR7dGhlbWUuc3BhY2VbdmFsdWUudG9TdHJpbmcoKSBhcyBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ3NwYWNlJ11dfTtcbiAgICAgICAgICAgICAgfWAsXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuam9pbignICcpXG4gICAgICAgIDogYCR7Z2FwID8gYGdhcDogJHt0aGVtZS5zcGFjZVtnYXAgYXMga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydzcGFjZSddXX07YCA6ICcnfWBcbiAgICB9XG4gICAgJHtcbiAgICAgIGFsaWduSXRlbXMgJiYgdHlwZW9mIGFsaWduSXRlbXMgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMoYWxpZ25JdGVtcylcbiAgICAgICAgICAgIC5tYXAoXG4gICAgICAgICAgICAgIChbYnJlYWtwb2ludCwgdmFsdWVdKSA9PlxuICAgICAgICAgICAgICAgIGBAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZS5icmVha3BvaW50c1ticmVha3BvaW50IGFzIGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnYnJlYWtwb2ludHMnXV19KSB7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6ICR7dmFsdWV9O1xuICAgICAgICAgICAgICB9YCxcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgOiBgJHthbGlnbkl0ZW1zID8gYGFsaWduLWl0ZW1zOiAke2FsaWduSXRlbXN9O2AgOiAnJ31gXG4gICAgfVxuICAgICR7XG4gICAgICBqdXN0aWZ5Q29udGVudCAmJiB0eXBlb2YganVzdGlmeUNvbnRlbnQgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMoanVzdGlmeUNvbnRlbnQpXG4gICAgICAgICAgICAubWFwKFxuICAgICAgICAgICAgICAoW2JyZWFrcG9pbnQsIHZhbHVlXSkgPT5cbiAgICAgICAgICAgICAgICBgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWUuYnJlYWtwb2ludHNbYnJlYWtwb2ludCBhcyBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ2JyZWFrcG9pbnRzJ11dfSkge1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogJHt2YWx1ZX07XG4gICAgICAgICAgICAgIH1gLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKVxuICAgICAgICA6IGAke2p1c3RpZnlDb250ZW50ID8gYGp1c3RpZnktY29udGVudDogJHtqdXN0aWZ5Q29udGVudH07YCA6ICcnfWBcbiAgICB9XG4gICAgJHtcbiAgICAgIHBhZGRpbmcgJiYgdHlwZW9mIHBhZGRpbmcgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMocGFkZGluZylcbiAgICAgICAgICAgIC5tYXAoXG4gICAgICAgICAgICAgIChbYnJlYWtwb2ludCwgdmFsdWVdKSA9PlxuICAgICAgICAgICAgICAgIGBAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZS5icmVha3BvaW50c1ticmVha3BvaW50IGFzIGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnYnJlYWtwb2ludHMnXV19KSB7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogJHt2YWx1ZX07XG4gICAgICAgICAgICAgIH1gLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKVxuICAgICAgICA6IGAke3BhZGRpbmcgPyBgcGFkZGluZzogJHtwYWRkaW5nfTtgIDogJyd9YFxuICAgIH1cbiAgYH1cbmBcblxudHlwZSBSb3dQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICB0ZW1wbGF0ZUNvbHVtbnM6XG4gICAgfCBzdHJpbmdcbiAgICB8IFBhcnRpYWw8UmVjb3JkPGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnYnJlYWtwb2ludHMnXSwgc3RyaW5nPj5cbiAgZ2FwPzpcbiAgICB8IGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnc3BhY2UnXVxuICAgIHwgbnVtYmVyXG4gICAgfCBQYXJ0aWFsPFxuICAgICAgICBSZWNvcmQ8XG4gICAgICAgICAga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddLFxuICAgICAgICAgIGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnc3BhY2UnXSB8IG51bWJlclxuICAgICAgICA+XG4gICAgICA+XG4gIGFsaWduSXRlbXM/OlxuICAgIHwgQ1NTUHJvcGVydGllc1snYWxpZ25JdGVtcyddXG4gICAgfCBQYXJ0aWFsPFxuICAgICAgICBSZWNvcmQ8XG4gICAgICAgICAga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddLFxuICAgICAgICAgIENTU1Byb3BlcnRpZXNbJ2FsaWduSXRlbXMnXVxuICAgICAgICA+XG4gICAgICA+XG4gIGp1c3RpZnlDb250ZW50PzpcbiAgICB8IENTU1Byb3BlcnRpZXNbJ2p1c3RpZnlDb250ZW50J11cbiAgICB8IFBhcnRpYWw8XG4gICAgICAgIFJlY29yZDxcbiAgICAgICAgICBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ2JyZWFrcG9pbnRzJ10sXG4gICAgICAgICAgQ1NTUHJvcGVydGllc1snanVzdGlmeUNvbnRlbnQnXVxuICAgICAgICA+XG4gICAgICA+XG4gIHBhZGRpbmc/OlxuICAgIHwgQ1NTUHJvcGVydGllc1sncGFkZGluZyddXG4gICAgfCBQYXJ0aWFsPFxuICAgICAgICBSZWNvcmQ8XG4gICAgICAgICAga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddLFxuICAgICAgICAgIENTU1Byb3BlcnRpZXNbJ3BhZGRpbmcnXVxuICAgICAgICA+XG4gICAgICA+XG59XG5cbi8qKlxuICogUm93IGNvbXBvbmVudCBpcyBhIHdyYXBwZXIgZm9yIGdyaWQgbGF5b3V0LlxuICovXG5leHBvcnQgY29uc3QgUm93ID0gKHtcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjaGlsZHJlbixcbiAgdGVtcGxhdGVDb2x1bW5zLFxuICBhbGlnbkl0ZW1zLFxuICBqdXN0aWZ5Q29udGVudCxcbiAgZ2FwLFxuICBwYWRkaW5nLFxufTogUm93UHJvcHMpID0+IChcbiAgPFN0eWxlZFJvd1xuICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgZ2FwPXtnYXB9XG4gICAganVzdGlmeUNvbnRlbnQ9e2p1c3RpZnlDb250ZW50fVxuICAgIHBhZGRpbmc9e3BhZGRpbmd9XG4gICAgdGVtcGxhdGVDb2x1bW5zPXt0ZW1wbGF0ZUNvbHVtbnN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkUm93PlxuKVxuIl19 */"));
|
|
29
41
|
const Row = ({
|
|
30
42
|
className,
|
|
31
43
|
"data-testid": dataTestId,
|
|
@@ -35,6 +47,6 @@ const Row = ({
|
|
|
35
47
|
justifyContent,
|
|
36
48
|
gap,
|
|
37
49
|
padding
|
|
38
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(StyledRow, { className, "data-testid": dataTestId, gap,
|
|
50
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(StyledRow, { alignItems, className, "data-testid": dataTestId, gap, justifyContent, padding, templateColumns, children });
|
|
39
51
|
exports.Row = Row;
|
|
40
52
|
exports.StyledRow = StyledRow;
|
|
@@ -9,11 +9,11 @@ type RowProps = {
|
|
|
9
9
|
className?: string;
|
|
10
10
|
'data-testid'?: string;
|
|
11
11
|
children: ReactNode;
|
|
12
|
-
templateColumns: string
|
|
13
|
-
gap?: keyof UltravioletUITheme['space'] | number
|
|
14
|
-
alignItems?: CSSProperties['alignItems']
|
|
15
|
-
justifyContent?: CSSProperties['justifyContent']
|
|
16
|
-
padding?: CSSProperties['padding']
|
|
12
|
+
templateColumns: string | Partial<Record<keyof UltravioletUITheme['breakpoints'], string>>;
|
|
13
|
+
gap?: keyof UltravioletUITheme['space'] | number | Partial<Record<keyof UltravioletUITheme['breakpoints'], keyof UltravioletUITheme['space'] | number>>;
|
|
14
|
+
alignItems?: CSSProperties['alignItems'] | Partial<Record<keyof UltravioletUITheme['breakpoints'], CSSProperties['alignItems']>>;
|
|
15
|
+
justifyContent?: CSSProperties['justifyContent'] | Partial<Record<keyof UltravioletUITheme['breakpoints'], CSSProperties['justifyContent']>>;
|
|
16
|
+
padding?: CSSProperties['padding'] | Partial<Record<keyof UltravioletUITheme['breakpoints'], CSSProperties['padding']>>;
|
|
17
17
|
};
|
|
18
18
|
/**
|
|
19
19
|
* Row component is a wrapper for grid layout.
|
|
@@ -16,12 +16,24 @@ const StyledRow = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "produ
|
|
|
16
16
|
justifyContent = "normal",
|
|
17
17
|
padding
|
|
18
18
|
}) => `
|
|
19
|
-
|
|
20
|
-
${
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
|
|
20
|
+
${typeof templateColumns === "object" ? Object.entries(templateColumns).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
|
|
21
|
+
grid-template-columns: ${value};
|
|
22
|
+
}`).join(" ") : `${templateColumns ? `grid-template-columns: ${templateColumns};` : ""}`}
|
|
23
|
+
|
|
24
|
+
${gap && typeof gap === "object" ? Object.entries(gap).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
|
|
25
|
+
gap: ${theme.space[value.toString()]};
|
|
26
|
+
}`).join(" ") : `${gap ? `gap: ${theme.space[gap]};` : ""}`}
|
|
27
|
+
${alignItems && typeof alignItems === "object" ? Object.entries(alignItems).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
|
|
28
|
+
align-items: ${value};
|
|
29
|
+
}`).join(" ") : `${alignItems ? `align-items: ${alignItems};` : ""}`}
|
|
30
|
+
${justifyContent && typeof justifyContent === "object" ? Object.entries(justifyContent).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
|
|
31
|
+
justify-content: ${value};
|
|
32
|
+
}`).join(" ") : `${justifyContent ? `justify-content: ${justifyContent};` : ""}`}
|
|
33
|
+
${padding && typeof padding === "object" ? Object.entries(padding).map(([breakpoint, value]) => `@media (min-width: ${theme.breakpoints[breakpoint]}) {
|
|
34
|
+
padding: ${value};
|
|
35
|
+
}`).join(" ") : `${padding ? `padding: ${padding};` : ""}`}
|
|
36
|
+
`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1Jvdy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Sb3cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDU1NQcm9wZXJ0aWVzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgVWx0cmF2aW9sZXRVSVRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbnR5cGUgU3R5bGVkUm93UHJvcHMgPSBQaWNrPFxuICBSb3dQcm9wcyxcbiAgJ2dhcCcgfCAndGVtcGxhdGVDb2x1bW5zJyB8ICdhbGlnbkl0ZW1zJyB8ICdqdXN0aWZ5Q29udGVudCcgfCAncGFkZGluZydcbj5cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvdyA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PlxuICAgICFbXG4gICAgICAndGVtcGxhdGVDb2x1bW5zJyxcbiAgICAgICdnYXAnLFxuICAgICAgJ2FsaWduSXRlbXMnLFxuICAgICAgJ2p1c3RpZnlDb250ZW50JyxcbiAgICAgICdwYWRkaW5nJyxcbiAgICBdLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkUm93UHJvcHM+YFxuICBkaXNwbGF5OiBncmlkO1xuICAkeyh7XG4gICAgdGhlbWUsXG4gICAgZ2FwLFxuICAgIGFsaWduSXRlbXMgPSAnbm9ybWFsJyxcbiAgICB0ZW1wbGF0ZUNvbHVtbnMsXG4gICAganVzdGlmeUNvbnRlbnQgPSAnbm9ybWFsJyxcbiAgICBwYWRkaW5nLFxuICB9KSA9PiBgXG5cbiAgICAke1xuICAgICAgdHlwZW9mIHRlbXBsYXRlQ29sdW1ucyA9PT0gJ29iamVjdCdcbiAgICAgICAgPyBPYmplY3QuZW50cmllcyh0ZW1wbGF0ZUNvbHVtbnMpXG4gICAgICAgICAgICAubWFwKFxuICAgICAgICAgICAgICAoW2JyZWFrcG9pbnQsIHZhbHVlXSkgPT5cbiAgICAgICAgICAgICAgICBgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWUuYnJlYWtwb2ludHNbYnJlYWtwb2ludCBhcyBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ2JyZWFrcG9pbnRzJ11dfSkge1xuICAgICAgICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3ZhbHVlfTtcbiAgICAgICAgICAgICAgICB9YCxcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgOiBgJHt0ZW1wbGF0ZUNvbHVtbnMgPyBgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3RlbXBsYXRlQ29sdW1uc307YCA6ICcnfWBcbiAgICB9XG5cbiAgICAke1xuICAgICAgZ2FwICYmIHR5cGVvZiBnYXAgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMoZ2FwKVxuICAgICAgICAgICAgLm1hcChcbiAgICAgICAgICAgICAgKFticmVha3BvaW50LCB2YWx1ZV0pID0+XG4gICAgICAgICAgICAgICAgYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lLmJyZWFrcG9pbnRzW2JyZWFrcG9pbnQgYXMga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddXX0pIHtcbiAgICAgICAgICAgICAgICBnYXA6ICR7dGhlbWUuc3BhY2VbdmFsdWUudG9TdHJpbmcoKSBhcyBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ3NwYWNlJ11dfTtcbiAgICAgICAgICAgICAgfWAsXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuam9pbignICcpXG4gICAgICAgIDogYCR7Z2FwID8gYGdhcDogJHt0aGVtZS5zcGFjZVtnYXAgYXMga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydzcGFjZSddXX07YCA6ICcnfWBcbiAgICB9XG4gICAgJHtcbiAgICAgIGFsaWduSXRlbXMgJiYgdHlwZW9mIGFsaWduSXRlbXMgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMoYWxpZ25JdGVtcylcbiAgICAgICAgICAgIC5tYXAoXG4gICAgICAgICAgICAgIChbYnJlYWtwb2ludCwgdmFsdWVdKSA9PlxuICAgICAgICAgICAgICAgIGBAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZS5icmVha3BvaW50c1ticmVha3BvaW50IGFzIGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnYnJlYWtwb2ludHMnXV19KSB7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6ICR7dmFsdWV9O1xuICAgICAgICAgICAgICB9YCxcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgOiBgJHthbGlnbkl0ZW1zID8gYGFsaWduLWl0ZW1zOiAke2FsaWduSXRlbXN9O2AgOiAnJ31gXG4gICAgfVxuICAgICR7XG4gICAgICBqdXN0aWZ5Q29udGVudCAmJiB0eXBlb2YganVzdGlmeUNvbnRlbnQgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMoanVzdGlmeUNvbnRlbnQpXG4gICAgICAgICAgICAubWFwKFxuICAgICAgICAgICAgICAoW2JyZWFrcG9pbnQsIHZhbHVlXSkgPT5cbiAgICAgICAgICAgICAgICBgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWUuYnJlYWtwb2ludHNbYnJlYWtwb2ludCBhcyBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ2JyZWFrcG9pbnRzJ11dfSkge1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogJHt2YWx1ZX07XG4gICAgICAgICAgICAgIH1gLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKVxuICAgICAgICA6IGAke2p1c3RpZnlDb250ZW50ID8gYGp1c3RpZnktY29udGVudDogJHtqdXN0aWZ5Q29udGVudH07YCA6ICcnfWBcbiAgICB9XG4gICAgJHtcbiAgICAgIHBhZGRpbmcgJiYgdHlwZW9mIHBhZGRpbmcgPT09ICdvYmplY3QnXG4gICAgICAgID8gT2JqZWN0LmVudHJpZXMocGFkZGluZylcbiAgICAgICAgICAgIC5tYXAoXG4gICAgICAgICAgICAgIChbYnJlYWtwb2ludCwgdmFsdWVdKSA9PlxuICAgICAgICAgICAgICAgIGBAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZS5icmVha3BvaW50c1ticmVha3BvaW50IGFzIGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnYnJlYWtwb2ludHMnXV19KSB7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogJHt2YWx1ZX07XG4gICAgICAgICAgICAgIH1gLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKVxuICAgICAgICA6IGAke3BhZGRpbmcgPyBgcGFkZGluZzogJHtwYWRkaW5nfTtgIDogJyd9YFxuICAgIH1cbiAgYH1cbmBcblxudHlwZSBSb3dQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICB0ZW1wbGF0ZUNvbHVtbnM6XG4gICAgfCBzdHJpbmdcbiAgICB8IFBhcnRpYWw8UmVjb3JkPGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnYnJlYWtwb2ludHMnXSwgc3RyaW5nPj5cbiAgZ2FwPzpcbiAgICB8IGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnc3BhY2UnXVxuICAgIHwgbnVtYmVyXG4gICAgfCBQYXJ0aWFsPFxuICAgICAgICBSZWNvcmQ8XG4gICAgICAgICAga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddLFxuICAgICAgICAgIGtleW9mIFVsdHJhdmlvbGV0VUlUaGVtZVsnc3BhY2UnXSB8IG51bWJlclxuICAgICAgICA+XG4gICAgICA+XG4gIGFsaWduSXRlbXM/OlxuICAgIHwgQ1NTUHJvcGVydGllc1snYWxpZ25JdGVtcyddXG4gICAgfCBQYXJ0aWFsPFxuICAgICAgICBSZWNvcmQ8XG4gICAgICAgICAga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddLFxuICAgICAgICAgIENTU1Byb3BlcnRpZXNbJ2FsaWduSXRlbXMnXVxuICAgICAgICA+XG4gICAgICA+XG4gIGp1c3RpZnlDb250ZW50PzpcbiAgICB8IENTU1Byb3BlcnRpZXNbJ2p1c3RpZnlDb250ZW50J11cbiAgICB8IFBhcnRpYWw8XG4gICAgICAgIFJlY29yZDxcbiAgICAgICAgICBrZXlvZiBVbHRyYXZpb2xldFVJVGhlbWVbJ2JyZWFrcG9pbnRzJ10sXG4gICAgICAgICAgQ1NTUHJvcGVydGllc1snanVzdGlmeUNvbnRlbnQnXVxuICAgICAgICA+XG4gICAgICA+XG4gIHBhZGRpbmc/OlxuICAgIHwgQ1NTUHJvcGVydGllc1sncGFkZGluZyddXG4gICAgfCBQYXJ0aWFsPFxuICAgICAgICBSZWNvcmQ8XG4gICAgICAgICAga2V5b2YgVWx0cmF2aW9sZXRVSVRoZW1lWydicmVha3BvaW50cyddLFxuICAgICAgICAgIENTU1Byb3BlcnRpZXNbJ3BhZGRpbmcnXVxuICAgICAgICA+XG4gICAgICA+XG59XG5cbi8qKlxuICogUm93IGNvbXBvbmVudCBpcyBhIHdyYXBwZXIgZm9yIGdyaWQgbGF5b3V0LlxuICovXG5leHBvcnQgY29uc3QgUm93ID0gKHtcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjaGlsZHJlbixcbiAgdGVtcGxhdGVDb2x1bW5zLFxuICBhbGlnbkl0ZW1zLFxuICBqdXN0aWZ5Q29udGVudCxcbiAgZ2FwLFxuICBwYWRkaW5nLFxufTogUm93UHJvcHMpID0+IChcbiAgPFN0eWxlZFJvd1xuICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgZ2FwPXtnYXB9XG4gICAganVzdGlmeUNvbnRlbnQ9e2p1c3RpZnlDb250ZW50fVxuICAgIHBhZGRpbmc9e3BhZGRpbmd9XG4gICAgdGVtcGxhdGVDb2x1bW5zPXt0ZW1wbGF0ZUNvbHVtbnN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkUm93PlxuKVxuIl19 */"));
|
|
25
37
|
const Row = ({
|
|
26
38
|
className,
|
|
27
39
|
"data-testid": dataTestId,
|
|
@@ -31,7 +43,7 @@ const Row = ({
|
|
|
31
43
|
justifyContent,
|
|
32
44
|
gap,
|
|
33
45
|
padding
|
|
34
|
-
}) => /* @__PURE__ */ jsx(StyledRow, { className, "data-testid": dataTestId, gap,
|
|
46
|
+
}) => /* @__PURE__ */ jsx(StyledRow, { alignItems, className, "data-testid": dataTestId, gap, justifyContent, padding, templateColumns, children });
|
|
35
47
|
export {
|
|
36
48
|
Row,
|
|
37
49
|
StyledRow
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
4
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
5
5
|
const _styled = require("@emotion/styled/base");
|
|
6
|
-
const
|
|
6
|
+
const react = require("react");
|
|
7
7
|
const index = require("../Text/index.cjs");
|
|
8
8
|
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
9
9
|
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
@@ -28,28 +28,28 @@ const Container = /* @__PURE__ */ _styled__default.default("div", process.env.NO
|
|
|
28
28
|
theme
|
|
29
29
|
}) => theme.colors.neutral.borderDisabled, ";}&[data-children-length='true']{width:auto;padding:0 ", ({
|
|
30
30
|
theme
|
|
31
|
-
}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgY3Vyc29yOiB0ZXh0O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+
|
|
31
|
+
}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgY3Vyc29yOiB0ZXh0O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIG1pbi13aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgbWluLWhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgJltkYXRhLWNoaWxkcmVuLWxlbmd0aD0ndHJ1ZSddIHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19OyAvLyBUaGlzIHBhcnQgaXMgdG8gbGVhdmUgc29tZSBzcGFjZSBiZXR3ZWVuIHRoZSB0ZXh0IGFuZCB0aGUgYm9yZGVyIHdoZW4gdGV4dCBpcyBsb25nXG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEtFWVNfTUFUQ0ggPSB7XG4gICcgJzogJ+KQoycsXG4gIEFsdDogJ0FsdCcsXG4gIEFycm93RG93bjogJ+KGkycsXG4gIEFycm93TGVmdDogJ+KGkCcsXG4gIEFycm93UmlnaHQ6ICfihpInLFxuICBBcnJvd1VwOiAn4oaRJyxcbiAgQmFja3NwYWNlOiAn4oyrJyxcbiAgQ2Fwc0xvY2s6ICdDYXBzJyxcbiAgQ29udHJvbDogJ0N0cmwnLFxuICBEZWxldGU6ICfijKYnLFxuICBFbnRlcjogJ+KGtScsXG4gIEVzY2FwZTogJ0VzYycsXG4gIE1ldGE6ICfijJgnLFxufSBhcyBjb25zdFxuXG50eXBlIEtleVByb3BzID0ge1xuICBjaGlsZHJlbjogS2V5Ym9hcmRFdmVudFsna2V5J11cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBLZXkgPSAoeyBjaGlsZHJlbiwgZGlzYWJsZWQgfTogS2V5UHJvcHMpID0+IHtcbiAgY29uc3QgaXNTcGVjaWFsS2V5ID0gdXNlTWVtbyhcbiAgICAoKSA9PiBPYmplY3Qua2V5cyhLRVlTX01BVENIKS5maW5kKGtleSA9PiBrZXkgPT09IGNoaWxkcmVuKSxcbiAgICBbY2hpbGRyZW5dLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICBkYXRhLWNoaWxkcmVuLWxlbmd0aD17Y2hpbGRyZW4ubGVuZ3RoID4gMX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS10ZXN0aWQ9e2BrZXktJHtjaGlsZHJlbn1gfVxuICAgID5cbiAgICAgIDxUZXh0IGFzPVwic3BhblwiIGRpc2FibGVkPXtkaXNhYmxlZH0gc2VudGltZW50PVwibmV1dHJhbFwiIHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgIHtpc1NwZWNpYWxLZXlcbiAgICAgICAgICA/IEtFWVNfTUFUQ0hbY2hpbGRyZW4gYXMga2V5b2YgdHlwZW9mIEtFWVNfTUFUQ0hdXG4gICAgICAgICAgOiBjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKVxufVxuIl19 */"));
|
|
32
32
|
const KEYS_MATCH = {
|
|
33
|
-
Enter: "↵",
|
|
34
33
|
" ": "␣",
|
|
35
|
-
Meta: "⌘",
|
|
36
|
-
Control: "Ctrl",
|
|
37
34
|
Alt: "Alt",
|
|
38
|
-
ArrowUp: "↑",
|
|
39
35
|
ArrowDown: "↓",
|
|
40
36
|
ArrowLeft: "←",
|
|
41
37
|
ArrowRight: "→",
|
|
38
|
+
ArrowUp: "↑",
|
|
42
39
|
Backspace: "⌫",
|
|
40
|
+
CapsLock: "Caps",
|
|
41
|
+
Control: "Ctrl",
|
|
43
42
|
Delete: "⌦",
|
|
43
|
+
Enter: "↵",
|
|
44
44
|
Escape: "Esc",
|
|
45
|
-
|
|
45
|
+
Meta: "⌘"
|
|
46
46
|
};
|
|
47
47
|
const Key = ({
|
|
48
48
|
children,
|
|
49
49
|
disabled
|
|
50
50
|
}) => {
|
|
51
|
-
const isSpecialKey =
|
|
52
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Container, { "data-
|
|
51
|
+
const isSpecialKey = react.useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children), [children]);
|
|
52
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Container, { "data-children-length": children.length > 1, "data-disabled": disabled, "data-testid": `key-${children}`, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", disabled, sentiment: "neutral", variant: "caption", children: isSpecialKey ? KEYS_MATCH[children] : children }) });
|
|
53
53
|
};
|
|
54
54
|
exports.KEYS_MATCH = KEYS_MATCH;
|
|
55
55
|
exports.Key = Key;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
export declare const KEYS_MATCH: {
|
|
2
|
-
readonly Enter: "↵";
|
|
3
2
|
readonly ' ': "␣";
|
|
4
|
-
readonly Meta: "⌘";
|
|
5
|
-
readonly Control: "Ctrl";
|
|
6
3
|
readonly Alt: "Alt";
|
|
7
|
-
readonly ArrowUp: "↑";
|
|
8
4
|
readonly ArrowDown: "↓";
|
|
9
5
|
readonly ArrowLeft: "←";
|
|
10
6
|
readonly ArrowRight: "→";
|
|
7
|
+
readonly ArrowUp: "↑";
|
|
11
8
|
readonly Backspace: "⌫";
|
|
9
|
+
readonly CapsLock: "Caps";
|
|
10
|
+
readonly Control: "Ctrl";
|
|
12
11
|
readonly Delete: "⌦";
|
|
12
|
+
readonly Enter: "↵";
|
|
13
13
|
readonly Escape: "Esc";
|
|
14
|
-
readonly
|
|
14
|
+
readonly Meta: "⌘";
|
|
15
15
|
};
|
|
16
16
|
type KeyProps = {
|
|
17
17
|
children: KeyboardEvent['key'];
|
|
@@ -24,28 +24,28 @@ const Container = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "produ
|
|
|
24
24
|
theme
|
|
25
25
|
}) => theme.colors.neutral.borderDisabled, ";}&[data-children-length='true']{width:auto;padding:0 ", ({
|
|
26
26
|
theme
|
|
27
|
-
}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgY3Vyc29yOiB0ZXh0O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+
|
|
27
|
+
}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgY3Vyc29yOiB0ZXh0O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIG1pbi13aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgbWluLWhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgJltkYXRhLWNoaWxkcmVuLWxlbmd0aD0ndHJ1ZSddIHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19OyAvLyBUaGlzIHBhcnQgaXMgdG8gbGVhdmUgc29tZSBzcGFjZSBiZXR3ZWVuIHRoZSB0ZXh0IGFuZCB0aGUgYm9yZGVyIHdoZW4gdGV4dCBpcyBsb25nXG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEtFWVNfTUFUQ0ggPSB7XG4gICcgJzogJ+KQoycsXG4gIEFsdDogJ0FsdCcsXG4gIEFycm93RG93bjogJ+KGkycsXG4gIEFycm93TGVmdDogJ+KGkCcsXG4gIEFycm93UmlnaHQ6ICfihpInLFxuICBBcnJvd1VwOiAn4oaRJyxcbiAgQmFja3NwYWNlOiAn4oyrJyxcbiAgQ2Fwc0xvY2s6ICdDYXBzJyxcbiAgQ29udHJvbDogJ0N0cmwnLFxuICBEZWxldGU6ICfijKYnLFxuICBFbnRlcjogJ+KGtScsXG4gIEVzY2FwZTogJ0VzYycsXG4gIE1ldGE6ICfijJgnLFxufSBhcyBjb25zdFxuXG50eXBlIEtleVByb3BzID0ge1xuICBjaGlsZHJlbjogS2V5Ym9hcmRFdmVudFsna2V5J11cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBLZXkgPSAoeyBjaGlsZHJlbiwgZGlzYWJsZWQgfTogS2V5UHJvcHMpID0+IHtcbiAgY29uc3QgaXNTcGVjaWFsS2V5ID0gdXNlTWVtbyhcbiAgICAoKSA9PiBPYmplY3Qua2V5cyhLRVlTX01BVENIKS5maW5kKGtleSA9PiBrZXkgPT09IGNoaWxkcmVuKSxcbiAgICBbY2hpbGRyZW5dLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICBkYXRhLWNoaWxkcmVuLWxlbmd0aD17Y2hpbGRyZW4ubGVuZ3RoID4gMX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS10ZXN0aWQ9e2BrZXktJHtjaGlsZHJlbn1gfVxuICAgID5cbiAgICAgIDxUZXh0IGFzPVwic3BhblwiIGRpc2FibGVkPXtkaXNhYmxlZH0gc2VudGltZW50PVwibmV1dHJhbFwiIHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgIHtpc1NwZWNpYWxLZXlcbiAgICAgICAgICA/IEtFWVNfTUFUQ0hbY2hpbGRyZW4gYXMga2V5b2YgdHlwZW9mIEtFWVNfTUFUQ0hdXG4gICAgICAgICAgOiBjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKVxufVxuIl19 */"));
|
|
28
28
|
const KEYS_MATCH = {
|
|
29
|
-
Enter: "↵",
|
|
30
29
|
" ": "␣",
|
|
31
|
-
Meta: "⌘",
|
|
32
|
-
Control: "Ctrl",
|
|
33
30
|
Alt: "Alt",
|
|
34
|
-
ArrowUp: "↑",
|
|
35
31
|
ArrowDown: "↓",
|
|
36
32
|
ArrowLeft: "←",
|
|
37
33
|
ArrowRight: "→",
|
|
34
|
+
ArrowUp: "↑",
|
|
38
35
|
Backspace: "⌫",
|
|
36
|
+
CapsLock: "Caps",
|
|
37
|
+
Control: "Ctrl",
|
|
39
38
|
Delete: "⌦",
|
|
39
|
+
Enter: "↵",
|
|
40
40
|
Escape: "Esc",
|
|
41
|
-
|
|
41
|
+
Meta: "⌘"
|
|
42
42
|
};
|
|
43
43
|
const Key = ({
|
|
44
44
|
children,
|
|
45
45
|
disabled
|
|
46
46
|
}) => {
|
|
47
47
|
const isSpecialKey = useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children), [children]);
|
|
48
|
-
return /* @__PURE__ */ jsx(Container, { "data-
|
|
48
|
+
return /* @__PURE__ */ jsx(Container, { "data-children-length": children.length > 1, "data-disabled": disabled, "data-testid": `key-${children}`, children: /* @__PURE__ */ jsx(Text, { as: "span", disabled, sentiment: "neutral", variant: "caption", children: isSpecialKey ? KEYS_MATCH[children] : children }) });
|
|
49
49
|
};
|
|
50
50
|
export {
|
|
51
51
|
KEYS_MATCH,
|
|
@@ -20,12 +20,12 @@ const ClickableStack = /* @__PURE__ */ _styled__default.default(index.Stack, pro
|
|
|
20
20
|
styles: "cursor:text"
|
|
21
21
|
} : {
|
|
22
22
|
name: "1jbm2s3",
|
|
23
|
-
styles: "cursor:text/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
styles: "cursor:text/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleUdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VhcmNoSW5wdXQvS2V5R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IEtleSB9IGZyb20gJy4vS2V5J1xuXG5jb25zdCBDbGlja2FibGVTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIGN1cnNvcjogdGV4dDtcbmBcblxudHlwZSBLZXlHcm91cFByb3BzID0ge1xuICBrZXlzOiBDb21wb25lbnRQcm9wczx0eXBlb2YgS2V5PlsnY2hpbGRyZW4nXVtdXG4gIGRpc2FibGVkOiBDb21wb25lbnRQcm9wczx0eXBlb2YgS2V5PlsnZGlzYWJsZWQnXVxuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgS2V5R3JvdXAgPSAoeyBrZXlzLCBkaXNhYmxlZCwgb25DbGljayB9OiBLZXlHcm91cFByb3BzKSA9PiAoXG4gIDxDbGlja2FibGVTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezAuNX0gb25DbGljaz17b25DbGlja30+XG4gICAge2tleXMubWFwKGtleSA9PiAoXG4gICAgICA8S2V5IGRpc2FibGVkPXtkaXNhYmxlZH0ga2V5PXtrZXl9PlxuICAgICAgICB7a2V5fVxuICAgICAgPC9LZXk+XG4gICAgKSl9XG4gIDwvQ2xpY2thYmxlU3RhY2s+XG4pXG4iXX0= */",
|
|
24
24
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
25
25
|
});
|
|
26
26
|
const KeyGroup = ({
|
|
27
27
|
keys,
|
|
28
28
|
disabled,
|
|
29
29
|
onClick
|
|
30
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(ClickableStack, { gap: 0.5,
|
|
30
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(ClickableStack, { direction: "row", gap: 0.5, onClick, children: keys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(Key.Key, { disabled, children: key }, key)) });
|
|
31
31
|
exports.KeyGroup = KeyGroup;
|
|
@@ -16,14 +16,14 @@ const ClickableStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "
|
|
|
16
16
|
styles: "cursor:text"
|
|
17
17
|
} : {
|
|
18
18
|
name: "1jbm2s3",
|
|
19
|
-
styles: "cursor:text/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
19
|
+
styles: "cursor:text/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleUdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VhcmNoSW5wdXQvS2V5R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IEtleSB9IGZyb20gJy4vS2V5J1xuXG5jb25zdCBDbGlja2FibGVTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIGN1cnNvcjogdGV4dDtcbmBcblxudHlwZSBLZXlHcm91cFByb3BzID0ge1xuICBrZXlzOiBDb21wb25lbnRQcm9wczx0eXBlb2YgS2V5PlsnY2hpbGRyZW4nXVtdXG4gIGRpc2FibGVkOiBDb21wb25lbnRQcm9wczx0eXBlb2YgS2V5PlsnZGlzYWJsZWQnXVxuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgS2V5R3JvdXAgPSAoeyBrZXlzLCBkaXNhYmxlZCwgb25DbGljayB9OiBLZXlHcm91cFByb3BzKSA9PiAoXG4gIDxDbGlja2FibGVTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezAuNX0gb25DbGljaz17b25DbGlja30+XG4gICAge2tleXMubWFwKGtleSA9PiAoXG4gICAgICA8S2V5IGRpc2FibGVkPXtkaXNhYmxlZH0ga2V5PXtrZXl9PlxuICAgICAgICB7a2V5fVxuICAgICAgPC9LZXk+XG4gICAgKSl9XG4gIDwvQ2xpY2thYmxlU3RhY2s+XG4pXG4iXX0= */",
|
|
20
20
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
21
21
|
});
|
|
22
22
|
const KeyGroup = ({
|
|
23
23
|
keys,
|
|
24
24
|
disabled,
|
|
25
25
|
onClick
|
|
26
|
-
}) => /* @__PURE__ */ jsx(ClickableStack, { gap: 0.5,
|
|
26
|
+
}) => /* @__PURE__ */ jsx(ClickableStack, { direction: "row", gap: 0.5, onClick, children: keys.map((key) => /* @__PURE__ */ jsx(Key, { disabled, children: key }, key)) });
|
|
27
27
|
export {
|
|
28
28
|
KeyGroup
|
|
29
29
|
};
|