@utilitywarehouse/hearth-react-native 0.1.0 → 0.3.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/.storybook/preview.tsx +5 -0
- package/.storybook/prism-setup.ts +104 -0
- package/.turbo/turbo-build.log +1 -1
- package/.turbo/turbo-lint.log +1 -1
- package/CHANGELOG.md +42 -0
- package/build/components/Accordion/Accordion.d.ts +1 -1
- package/build/components/Accordion/Accordion.js +7 -7
- package/build/components/Accordion/Accordion.props.d.ts +2 -2
- package/build/components/Accordion/AccordionIcon.js +2 -2
- package/build/components/Accordion/AccordionItemRoot.js +2 -2
- package/build/components/Accordion/AccordionTrigger.js +4 -4
- package/build/components/Accordion/index.d.ts +1 -2
- package/build/components/Accordion/index.js +1 -2
- package/build/components/Alert/Alert.js +21 -21
- package/build/components/Alert/Alert.props.d.ts +3 -3
- package/build/components/Alert/AlertCloseButton.js +2 -2
- package/build/components/Alert/AlertIcon.js +5 -5
- package/build/components/Badge/Badge.context.d.ts +4 -0
- package/build/components/Badge/Badge.js +179 -33
- package/build/components/Badge/Badge.props.d.ts +3 -2
- package/build/components/Badge/BadgeIcon.js +29 -19
- package/build/components/Badge/BadgeText.js +30 -19
- package/build/components/BodyText/BodyText.js +2 -2
- package/build/components/BottomSheet/BottomSheet.d.ts +1 -1
- package/build/components/BottomSheet/BottomSheet.js +3 -3
- package/build/components/BottomSheet/BottomSheetHandle.js +1 -1
- package/build/components/BottomSheet/BottomSheetModal.js +1 -1
- package/build/components/BottomSheet/BottomSheetScrollView.js +3 -1
- package/build/components/BottomSheet/BottomSheetView.js +1 -1
- package/build/components/Button/Button.d.ts +2 -2
- package/build/components/Button/Button.props.d.ts +7 -7
- package/build/components/Button/ButtonGroupRoot.d.ts +3 -2
- package/build/components/Button/ButtonGroupRoot.js +9 -0
- package/build/components/Button/ButtonIcon.js +29 -29
- package/build/components/Button/ButtonRoot.js +79 -88
- package/build/components/Button/ButtonSpinner.js +28 -31
- package/build/components/Button/ButtonText.js +40 -26
- package/build/components/Card/Card.props.d.ts +3 -3
- package/build/components/Card/CardRoot.js +56 -56
- package/build/components/Checkbox/CheckboxIcon.js +3 -3
- package/build/components/Checkbox/CheckboxIndicator.js +3 -3
- package/build/components/Checkbox/CheckboxTileRoot.js +3 -3
- package/build/components/CurrencyInput/CurrencyInput.d.ts +6 -0
- package/build/components/CurrencyInput/CurrencyInput.js +47 -0
- package/build/components/CurrencyInput/CurrencyInput.props.d.ts +14 -0
- package/build/components/CurrencyInput/index.d.ts +1 -0
- package/build/components/CurrencyInput/index.js +1 -0
- package/build/components/DescriptionList/DescriptionList.context.d.ts +6 -0
- package/build/components/DescriptionList/DescriptionList.context.js +9 -0
- package/build/components/DescriptionList/DescriptionList.d.ts +6 -0
- package/build/components/DescriptionList/DescriptionList.js +25 -0
- package/build/components/DescriptionList/DescriptionList.props.d.ts +18 -0
- package/build/components/DescriptionList/DescriptionListItem.d.ts +6 -0
- package/build/components/DescriptionList/DescriptionListItem.js +49 -0
- package/build/components/DescriptionList/DescriptionListItem.props.d.ts +17 -0
- package/build/components/DescriptionList/DescriptionListItem.props.js +1 -0
- package/build/components/DescriptionList/index.d.ts +4 -0
- package/build/components/DescriptionList/index.js +2 -0
- package/build/components/DetailText/DetailText.js +2 -2
- package/build/components/Divider/Divider.js +47 -1
- package/build/components/Divider/Divider.props.d.ts +2 -2
- package/build/components/Flex/Flex.props.d.ts +3 -2
- package/build/components/Grid/Grid.props.d.ts +2 -2
- package/build/components/Heading/Heading.js +2 -2
- package/build/components/Heading/Heading.props.d.ts +3 -1
- package/build/components/Helper/HelperIcon.js +3 -3
- package/build/components/Helper/HelperText.js +4 -4
- package/build/components/IconButton/IconButtonIcon.js +29 -29
- package/build/components/IconButton/IconButtonRoot.js +94 -88
- package/build/components/IconButton/IconButtonSpinner.js +27 -30
- package/build/components/IconContainer/IconContainer.d.ts +5 -0
- package/build/components/IconContainer/IconContainer.js +161 -0
- package/build/components/IconContainer/IconContainer.props.d.ts +15 -0
- package/build/components/IconContainer/IconContainer.props.js +1 -0
- package/build/components/IconContainer/index.d.ts +2 -0
- package/build/components/IconContainer/index.js +1 -0
- package/build/components/Icons/CircleIcon.js +3 -3
- package/build/components/InlineLink/InlineLinkRoot.js +2 -2
- package/build/components/Input/Input.d.ts +9 -3
- package/build/components/Input/Input.js +11 -43
- package/build/components/Input/Input.props.d.ts +2 -17
- package/build/components/Input/InputField.d.ts +3 -1
- package/build/components/Input/InputField.js +9 -46
- package/build/components/Input/InputIcon.js +1 -1
- package/build/components/Input/InputRoot.js +9 -9
- package/build/components/Label/Label.js +1 -1
- package/build/components/Link/LinkRoot.js +2 -2
- package/build/components/List/List.d.ts +1 -1
- package/build/components/List/List.js +6 -4
- package/build/components/List/List.props.d.ts +9 -10
- package/build/components/List/ListItem/ListItemHelperText.js +1 -1
- package/build/components/List/ListItem/ListItemIcon.js +1 -1
- package/build/components/List/ListItem/ListItemRoot.js +15 -6
- package/build/components/List/ListItem/ListItemTrailingIcon.js +1 -1
- package/build/components/List/index.d.ts +0 -1
- package/build/components/List/index.js +0 -1
- package/build/components/Modal/Modal.d.ts +7 -0
- package/build/components/Modal/Modal.js +180 -0
- package/build/components/Modal/Modal.props.d.ts +24 -0
- package/build/components/Modal/Modal.props.js +1 -0
- package/build/components/Modal/Modal.web.d.ts +7 -0
- package/build/components/Modal/Modal.web.js +164 -0
- package/build/components/Modal/index.d.ts +2 -0
- package/build/components/Modal/index.js +1 -0
- package/build/components/Radio/RadioIndicator.js +2 -2
- package/build/components/Radio/RadioTileRoot.js +3 -3
- package/build/components/RadioCard/RadioCardIndicator.js +2 -2
- package/build/components/RadioCard/RadioCardRoot.js +3 -3
- package/build/components/SectionHeader/SectionHeader.d.ts +6 -0
- package/build/components/SectionHeader/SectionHeader.js +20 -0
- package/build/components/{List/ListHeading/ListHeading.props.d.ts → SectionHeader/SectionHeader.props.d.ts} +7 -9
- package/build/components/SectionHeader/SectionHeader.props.js +1 -0
- package/build/components/SectionHeader/SectionHeaderHeading.d.ts +6 -0
- package/build/components/SectionHeader/SectionHeaderHeading.js +7 -0
- package/build/components/SectionHeader/SectionHeaderHelperText.d.ts +6 -0
- package/build/components/{List/ListHeading/ListHeadingHelperText.js → SectionHeader/SectionHeaderHelperText.js} +5 -5
- package/build/components/{List/ListHeading/ListHeadingTextContent.d.ts → SectionHeader/SectionHeaderTextContent.d.ts} +2 -2
- package/build/components/{List/ListHeading/ListHeadingTextContent.js → SectionHeader/SectionHeaderTextContent.js} +4 -4
- package/build/components/SectionHeader/index.d.ts +4 -0
- package/build/components/SectionHeader/index.js +4 -0
- package/build/components/Select/Select.js +10 -10
- package/build/components/Select/SelectOption.js +6 -6
- package/build/components/Spinner/Spinner.web.js +3 -3
- package/build/components/Switch/Switch.js +10 -7
- package/build/components/Switch/Switch.web.js +10 -8
- package/build/components/Tabs/Tab.d.ts +18 -0
- package/build/components/Tabs/Tab.js +74 -0
- package/build/components/Tabs/Tab.props.d.ts +14 -0
- package/build/components/Tabs/Tab.props.js +1 -0
- package/build/components/Tabs/TabPanel.d.ts +3 -0
- package/build/components/Tabs/TabPanel.js +34 -0
- package/build/components/Tabs/TabPanel.props.d.ts +8 -0
- package/build/components/Tabs/TabPanel.props.js +1 -0
- package/build/components/Tabs/Tabs.context.d.ts +23 -0
- package/build/components/Tabs/Tabs.context.js +8 -0
- package/build/components/Tabs/Tabs.d.ts +6 -0
- package/build/components/Tabs/Tabs.js +114 -0
- package/build/components/Tabs/Tabs.props.d.ts +19 -0
- package/build/components/Tabs/Tabs.props.js +1 -0
- package/build/components/Tabs/TabsList.d.ts +6 -0
- package/build/components/Tabs/TabsList.js +112 -0
- package/build/components/Tabs/TabsList.props.d.ts +6 -0
- package/build/components/Tabs/TabsList.props.js +1 -0
- package/build/components/Tabs/index.d.ts +8 -0
- package/build/components/Tabs/index.js +4 -0
- package/build/components/Textarea/TextareaField.js +5 -5
- package/build/components/Textarea/TextareaRoot.js +9 -9
- package/build/components/ToggleButton/ToggleButtonIcon.js +3 -3
- package/build/components/ToggleButton/ToggleButtonRoot.js +9 -9
- package/build/components/ToggleButton/ToggleButtonText.js +2 -2
- package/build/components/ToggleButtonCard/ToggleButtonCardRoot.js +3 -3
- package/build/components/index.d.ts +9 -3
- package/build/components/index.js +9 -3
- package/build/core/themes.d.ts +1442 -258
- package/build/core/themes.js +59 -3
- package/build/tokens/color.d.ts +1010 -86
- package/build/tokens/color.js +505 -43
- package/build/tokens/components/dark/accordion.d.ts +0 -2
- package/build/tokens/components/dark/accordion.js +0 -2
- package/build/tokens/components/dark/alert.d.ts +0 -16
- package/build/tokens/components/dark/alert.js +0 -16
- package/build/tokens/components/dark/avatar.d.ts +19 -0
- package/build/tokens/components/dark/avatar.js +18 -0
- package/build/tokens/components/dark/badge.d.ts +7 -34
- package/build/tokens/components/dark/badge.js +7 -34
- package/build/tokens/components/dark/banner.d.ts +1 -10
- package/build/tokens/components/dark/banner.js +1 -10
- package/build/tokens/components/dark/bottom-navigation.d.ts +2 -7
- package/build/tokens/components/dark/bottom-navigation.js +2 -7
- package/build/tokens/components/dark/bottom-sheet.d.ts +1 -2
- package/build/tokens/components/dark/bottom-sheet.js +1 -2
- package/build/tokens/components/dark/breadcrumb.d.ts +0 -1
- package/build/tokens/components/dark/breadcrumb.js +0 -1
- package/build/tokens/components/dark/button.d.ts +1 -86
- package/build/tokens/components/dark/button.js +1 -86
- package/build/tokens/components/dark/card.d.ts +0 -28
- package/build/tokens/components/dark/card.js +0 -28
- package/build/tokens/components/dark/carousel-control.d.ts +0 -8
- package/build/tokens/components/dark/carousel-control.js +0 -8
- package/build/tokens/components/dark/checkbox.d.ts +2 -11
- package/build/tokens/components/dark/checkbox.js +2 -11
- package/build/tokens/components/dark/date-picker.d.ts +0 -12
- package/build/tokens/components/dark/date-picker.js +0 -12
- package/build/tokens/components/dark/description-list.d.ts +20 -0
- package/build/tokens/components/dark/description-list.js +19 -0
- package/build/tokens/components/dark/dialog.d.ts +0 -1
- package/build/tokens/components/dark/dialog.js +0 -1
- package/build/tokens/components/dark/divider.d.ts +4 -1
- package/build/tokens/components/dark/divider.js +4 -1
- package/build/tokens/components/dark/expandable-card.d.ts +11 -0
- package/build/tokens/components/dark/expandable-card.js +10 -0
- package/build/tokens/components/dark/icon-button.d.ts +5 -5
- package/build/tokens/components/dark/icon-button.js +5 -5
- package/build/tokens/components/dark/icon-container.d.ts +0 -17
- package/build/tokens/components/dark/icon-container.js +0 -17
- package/build/tokens/components/dark/index.d.ts +10 -4
- package/build/tokens/components/dark/index.js +10 -4
- package/build/tokens/components/dark/indicator-icon-button.d.ts +11 -0
- package/build/tokens/components/dark/indicator-icon-button.js +10 -0
- package/build/tokens/components/dark/inline-link.d.ts +1 -1
- package/build/tokens/components/dark/inline-link.js +1 -1
- package/build/tokens/components/dark/input.d.ts +1 -9
- package/build/tokens/components/dark/input.js +1 -9
- package/build/tokens/components/dark/link.d.ts +2 -2
- package/build/tokens/components/dark/link.js +2 -2
- package/build/tokens/components/dark/list.d.ts +20 -20
- package/build/tokens/components/dark/list.js +20 -20
- package/build/tokens/components/dark/menu.d.ts +0 -12
- package/build/tokens/components/dark/menu.js +0 -12
- package/build/tokens/components/dark/modal.d.ts +0 -1
- package/build/tokens/components/dark/modal.js +0 -1
- package/build/tokens/components/dark/navigation.d.ts +1 -6
- package/build/tokens/components/dark/navigation.js +1 -6
- package/build/tokens/components/dark/pagination.d.ts +12 -0
- package/build/tokens/components/dark/pagination.js +11 -0
- package/build/tokens/components/dark/parts.d.ts +14 -4
- package/build/tokens/components/dark/parts.js +14 -4
- package/build/tokens/components/dark/pill.d.ts +0 -10
- package/build/tokens/components/dark/pill.js +0 -10
- package/build/tokens/components/dark/progress-stepper.d.ts +0 -8
- package/build/tokens/components/dark/progress-stepper.js +0 -8
- package/build/tokens/components/dark/radio.d.ts +2 -9
- package/build/tokens/components/dark/radio.js +2 -9
- package/build/tokens/components/dark/{focus.d.ts → section-header.d.ts} +4 -2
- package/build/tokens/components/dark/{focus.js → section-header.js} +4 -2
- package/build/tokens/components/dark/segmented-control.d.ts +0 -8
- package/build/tokens/components/dark/segmented-control.js +0 -8
- package/build/tokens/components/dark/select.d.ts +0 -10
- package/build/tokens/components/dark/select.js +0 -10
- package/build/tokens/components/dark/spinner.d.ts +1 -1
- package/build/tokens/components/dark/spinner.js +1 -1
- package/build/tokens/components/dark/switch.d.ts +1 -11
- package/build/tokens/components/dark/switch.js +1 -11
- package/build/tokens/components/dark/table.d.ts +23 -0
- package/build/tokens/components/dark/table.js +22 -0
- package/build/tokens/components/dark/tabs.d.ts +26 -0
- package/build/tokens/components/dark/tabs.js +25 -0
- package/build/tokens/components/dark/toast.d.ts +10 -0
- package/build/tokens/components/dark/toast.js +9 -0
- package/build/tokens/components/dark/toggle-button.d.ts +0 -11
- package/build/tokens/components/dark/toggle-button.js +0 -11
- package/build/tokens/components/dark/tooltip.d.ts +12 -0
- package/build/tokens/components/dark/tooltip.js +11 -0
- package/build/tokens/components/dark/top-navigation.d.ts +0 -8
- package/build/tokens/components/dark/top-navigation.js +0 -8
- package/build/tokens/components/light/accordion.d.ts +0 -2
- package/build/tokens/components/light/accordion.js +0 -2
- package/build/tokens/components/light/alert.d.ts +0 -16
- package/build/tokens/components/light/alert.js +0 -16
- package/build/tokens/components/light/avatar.d.ts +19 -0
- package/build/tokens/components/light/avatar.js +18 -0
- package/build/tokens/components/light/badge.d.ts +7 -34
- package/build/tokens/components/light/badge.js +7 -34
- package/build/tokens/components/light/banner.d.ts +2 -11
- package/build/tokens/components/light/banner.js +2 -11
- package/build/tokens/components/light/bottom-navigation.d.ts +0 -5
- package/build/tokens/components/light/bottom-navigation.js +0 -5
- package/build/tokens/components/light/bottom-sheet.d.ts +1 -2
- package/build/tokens/components/light/bottom-sheet.js +1 -2
- package/build/tokens/components/light/breadcrumb.d.ts +0 -1
- package/build/tokens/components/light/breadcrumb.js +0 -1
- package/build/tokens/components/light/button.d.ts +1 -86
- package/build/tokens/components/light/button.js +1 -86
- package/build/tokens/components/light/card.d.ts +0 -28
- package/build/tokens/components/light/card.js +0 -28
- package/build/tokens/components/light/carousel-control.d.ts +0 -8
- package/build/tokens/components/light/carousel-control.js +0 -8
- package/build/tokens/components/light/checkbox.d.ts +3 -12
- package/build/tokens/components/light/checkbox.js +3 -12
- package/build/tokens/components/light/date-picker.d.ts +0 -12
- package/build/tokens/components/light/date-picker.js +0 -12
- package/build/tokens/components/light/description-list.d.ts +20 -0
- package/build/tokens/components/light/description-list.js +19 -0
- package/build/tokens/components/light/dialog.d.ts +0 -1
- package/build/tokens/components/light/dialog.js +0 -1
- package/build/tokens/components/light/divider.d.ts +4 -1
- package/build/tokens/components/light/divider.js +4 -1
- package/build/tokens/components/light/expandable-card.d.ts +11 -0
- package/build/tokens/components/light/expandable-card.js +10 -0
- package/build/tokens/components/light/icon-button.d.ts +5 -5
- package/build/tokens/components/light/icon-button.js +5 -5
- package/build/tokens/components/light/icon-container.d.ts +0 -17
- package/build/tokens/components/light/icon-container.js +0 -17
- package/build/tokens/components/light/index.d.ts +10 -4
- package/build/tokens/components/light/index.js +10 -4
- package/build/tokens/components/light/indicator-icon-button.d.ts +11 -0
- package/build/tokens/components/light/indicator-icon-button.js +10 -0
- package/build/tokens/components/light/input.d.ts +1 -9
- package/build/tokens/components/light/input.js +1 -9
- package/build/tokens/components/light/link.d.ts +2 -2
- package/build/tokens/components/light/link.js +2 -2
- package/build/tokens/components/light/list.d.ts +20 -20
- package/build/tokens/components/light/list.js +20 -20
- package/build/tokens/components/light/menu.d.ts +0 -12
- package/build/tokens/components/light/menu.js +0 -12
- package/build/tokens/components/light/modal.d.ts +0 -1
- package/build/tokens/components/light/modal.js +0 -1
- package/build/tokens/components/light/navigation.d.ts +1 -6
- package/build/tokens/components/light/navigation.js +1 -6
- package/build/tokens/components/light/pagination.d.ts +12 -0
- package/build/tokens/components/light/pagination.js +11 -0
- package/build/tokens/components/light/parts.d.ts +11 -1
- package/build/tokens/components/light/parts.js +11 -1
- package/build/tokens/components/light/pill.d.ts +0 -10
- package/build/tokens/components/light/pill.js +0 -10
- package/build/tokens/components/light/progress-stepper.d.ts +0 -8
- package/build/tokens/components/light/progress-stepper.js +0 -8
- package/build/tokens/components/light/radio.d.ts +3 -10
- package/build/tokens/components/light/radio.js +3 -10
- package/build/tokens/components/light/section-header.d.ts +10 -0
- package/build/tokens/components/light/section-header.js +9 -0
- package/build/tokens/components/light/segmented-control.d.ts +0 -8
- package/build/tokens/components/light/segmented-control.js +0 -8
- package/build/tokens/components/light/select.d.ts +0 -10
- package/build/tokens/components/light/select.js +0 -10
- package/build/tokens/components/light/switch.d.ts +1 -11
- package/build/tokens/components/light/switch.js +1 -11
- package/build/tokens/components/light/table.d.ts +23 -0
- package/build/tokens/components/light/table.js +22 -0
- package/build/tokens/components/light/tabs.d.ts +26 -0
- package/build/tokens/components/light/tabs.js +25 -0
- package/build/tokens/components/light/toast.d.ts +10 -0
- package/build/tokens/components/light/toast.js +9 -0
- package/build/tokens/components/light/toggle-button.d.ts +0 -11
- package/build/tokens/components/light/toggle-button.js +0 -11
- package/build/tokens/components/light/tooltip.d.ts +12 -0
- package/build/tokens/components/light/tooltip.js +11 -0
- package/build/tokens/components/light/top-navigation.d.ts +0 -8
- package/build/tokens/components/light/top-navigation.js +0 -8
- package/build/tokens/index.d.ts +1 -0
- package/build/tokens/index.js +1 -0
- package/build/tokens/layout.d.ts +48 -30
- package/build/tokens/layout.js +24 -15
- package/build/tokens/semantic-dark.d.ts +242 -13
- package/build/tokens/semantic-dark.js +242 -13
- package/build/tokens/semantic-light.d.ts +242 -13
- package/build/tokens/semantic-light.js +242 -13
- package/build/tokens/{components/light/focus.d.ts → semantic.d.ts} +3 -2
- package/build/tokens/{components/light/focus.js → semantic.js} +3 -2
- package/build/types/values.d.ts +12 -7
- package/build/utils/coloursAsArray.d.ts +8 -0
- package/build/utils/coloursAsArray.js +37 -2
- package/build/utils/formatThousands.d.ts +2 -0
- package/build/utils/formatThousands.js +16 -0
- package/build/utils/getFlattenedColorValue.d.ts +3 -1
- package/build/utils/hexWithOpacity.d.ts +2 -0
- package/build/utils/hexWithOpacity.js +15 -0
- package/build/utils/index.d.ts +3 -1
- package/build/utils/index.js +3 -1
- package/build/utils/styleUtils.js +33 -1
- package/docs/assets/modal-android.mp4 +0 -0
- package/docs/assets/modal-ios.mp4 +0 -0
- package/docs/assets/pigs.png +0 -0
- package/docs/components/AllComponents.web.tsx +135 -9
- package/docs/components/BadgeList.tsx +8 -8
- package/docs/components/NextPrevPage.tsx +11 -3
- package/docs/components/UsageWrap.tsx +2 -2
- package/docs/components/ViewFigmaButton.tsx +3 -3
- package/docs/heplers/addReactNativePrefix.ts +8 -0
- package/docs/heplers/index.ts +1 -0
- package/docs/introduction.mdx +2 -2
- package/docs/llm-docs/unistyles-llms-full.txt +1 -1
- package/docs/theme-tokens.mdx +91 -26
- package/package.json +21 -19
- package/src/components/Accordion/Accordion.docs.mdx +25 -39
- package/src/components/Accordion/Accordion.props.ts +2 -2
- package/src/components/Accordion/Accordion.stories.tsx +10 -10
- package/src/components/Accordion/Accordion.tsx +14 -14
- package/src/components/Accordion/AccordionIcon.tsx +2 -2
- package/src/components/Accordion/AccordionItemRoot.tsx +3 -3
- package/src/components/Accordion/AccordionTrigger.tsx +4 -4
- package/src/components/Accordion/index.ts +3 -4
- package/src/components/Alert/Alert.docs.mdx +25 -25
- package/src/components/Alert/Alert.props.ts +3 -3
- package/src/components/Alert/Alert.stories.tsx +11 -11
- package/src/components/Alert/Alert.tsx +22 -22
- package/src/components/Alert/AlertCloseButton.tsx +3 -3
- package/src/components/Alert/AlertIcon.tsx +7 -7
- package/src/components/Badge/Badge.context.ts +2 -0
- package/src/components/Badge/Badge.docs.mdx +16 -15
- package/src/components/Badge/Badge.props.ts +15 -2
- package/src/components/Badge/Badge.stories.tsx +101 -54
- package/src/components/Badge/Badge.tsx +189 -35
- package/src/components/Badge/BadgeIcon.tsx +29 -19
- package/src/components/Badge/BadgeText.tsx +30 -19
- package/src/components/BodyText/BodyText.tsx +4 -4
- package/src/components/BottomSheet/BottomSheet.docs.mdx +23 -5
- package/src/components/BottomSheet/BottomSheet.stories.tsx +9 -9
- package/src/components/BottomSheet/BottomSheet.tsx +5 -5
- package/src/components/BottomSheet/BottomSheetHandle.tsx +1 -1
- package/src/components/BottomSheet/BottomSheetModal.tsx +1 -1
- package/src/components/BottomSheet/BottomSheetScrollView.tsx +4 -2
- package/src/components/BottomSheet/BottomSheetView.tsx +1 -1
- package/src/components/Box/Box.stories.tsx +3 -3
- package/src/components/Button/Button.docs.mdx +35 -35
- package/src/components/Button/Button.props.tsx +7 -7
- package/src/components/Button/Button.stories.tsx +16 -16
- package/src/components/Button/ButtonGroupRoot.tsx +12 -2
- package/src/components/Button/ButtonIcon.tsx +29 -29
- package/src/components/Button/ButtonRoot.tsx +79 -89
- package/src/components/Button/ButtonSpinner.tsx +30 -33
- package/src/components/Button/ButtonText.tsx +40 -26
- package/src/components/Card/Card.docs.mdx +22 -22
- package/src/components/Card/Card.props.ts +11 -11
- package/src/components/Card/Card.stories.tsx +34 -34
- package/src/components/Card/CardRoot.tsx +56 -56
- package/src/components/Checkbox/CheckboxIcon.tsx +4 -4
- package/src/components/Checkbox/CheckboxIndicator.tsx +3 -3
- package/src/components/Checkbox/CheckboxTileRoot.tsx +3 -3
- package/src/components/CurrencyInput/CurrencyInput.docs.mdx +120 -0
- package/src/components/CurrencyInput/CurrencyInput.props.ts +19 -0
- package/src/components/CurrencyInput/CurrencyInput.stories.tsx +116 -0
- package/src/components/CurrencyInput/CurrencyInput.tsx +91 -0
- package/src/components/CurrencyInput/index.ts +1 -0
- package/src/components/DescriptionList/DescriptionList.context.ts +18 -0
- package/src/components/DescriptionList/DescriptionList.docs.mdx +98 -0
- package/src/components/DescriptionList/DescriptionList.props.ts +20 -0
- package/src/components/DescriptionList/DescriptionList.stories.tsx +154 -0
- package/src/components/DescriptionList/DescriptionList.tsx +64 -0
- package/src/components/DescriptionList/DescriptionListItem.props.ts +19 -0
- package/src/components/DescriptionList/DescriptionListItem.tsx +101 -0
- package/src/components/DescriptionList/index.ts +4 -0
- package/src/components/DetailText/DetailText.tsx +3 -3
- package/src/components/Divider/Divider.props.ts +2 -2
- package/src/components/Divider/Divider.stories.tsx +3 -3
- package/src/components/Divider/Divider.tsx +47 -1
- package/src/components/Flex/Flex.docs.mdx +4 -4
- package/src/components/Flex/Flex.props.ts +3 -2
- package/src/components/Flex/Flex.stories.tsx +1 -1
- package/src/components/Grid/Grid.docs.mdx +12 -12
- package/src/components/Grid/Grid.props.ts +2 -2
- package/src/components/Grid/Grid.stories.tsx +2 -2
- package/src/components/Heading/Heading.props.ts +3 -1
- package/src/components/Heading/Heading.tsx +2 -2
- package/src/components/Helper/HelperIcon.tsx +3 -3
- package/src/components/Helper/HelperText.tsx +4 -4
- package/src/components/Icon/Icon.stories.tsx +2 -2
- package/src/components/IconButton/IconButton.docs.mdx +21 -16
- package/src/components/IconButton/IconButton.figma.tsx +1 -1
- package/src/components/IconButton/IconButton.stories.tsx +14 -14
- package/src/components/IconButton/IconButtonIcon.tsx +29 -29
- package/src/components/IconButton/IconButtonRoot.tsx +94 -88
- package/src/components/IconButton/IconButtonSpinner.tsx +27 -30
- package/src/components/IconContainer/IconContainer.docs.mdx +90 -0
- package/src/components/IconContainer/IconContainer.props.ts +17 -0
- package/src/components/IconContainer/IconContainer.stories.tsx +130 -0
- package/src/components/IconContainer/IconContainer.tsx +180 -0
- package/src/components/IconContainer/index.tsx +2 -0
- package/src/components/Icons/CircleIcon.tsx +9 -11
- package/src/components/InlineLink/InlineLinkRoot.tsx +2 -2
- package/src/components/Input/Input.docs.mdx +19 -17
- package/src/components/Input/Input.props.ts +1 -20
- package/src/components/Input/Input.stories.tsx +5 -10
- package/src/components/Input/Input.tsx +16 -61
- package/src/components/Input/InputField.tsx +25 -59
- package/src/components/Input/InputIcon.tsx +1 -1
- package/src/components/Input/InputRoot.tsx +10 -10
- package/src/components/Label/Label.tsx +2 -2
- package/src/components/Link/LinkRoot.tsx +2 -2
- package/src/components/List/List.docs.mdx +35 -56
- package/src/components/List/List.props.ts +9 -10
- package/src/components/List/List.stories.tsx +8 -8
- package/src/components/List/List.tsx +25 -25
- package/src/components/List/ListItem/ListItemHelperText.tsx +1 -1
- package/src/components/List/ListItem/ListItemIcon.tsx +1 -1
- package/src/components/List/ListItem/ListItemRoot.tsx +15 -6
- package/src/components/List/ListItem/ListItemTrailingIcon.tsx +1 -1
- package/src/components/List/index.ts +0 -1
- package/src/components/Modal/Modal.docs.mdx +547 -0
- package/src/components/Modal/Modal.props.ts +26 -0
- package/src/components/Modal/Modal.stories.tsx +222 -0
- package/src/components/Modal/Modal.tsx +351 -0
- package/src/components/Modal/Modal.web.tsx +333 -0
- package/src/components/Modal/index.ts +2 -0
- package/src/components/Radio/RadioIndicator.tsx +2 -2
- package/src/components/Radio/RadioTileRoot.tsx +3 -3
- package/src/components/RadioCard/RadioCardIndicator.tsx +2 -2
- package/src/components/RadioCard/RadioCardRoot.tsx +3 -3
- package/src/components/{List/ListHeading/ListHeading.figma.tsx → SectionHeader/SectionHeader.figma.tsx} +3 -3
- package/src/components/{List/ListHeading/ListHeading.props.ts → SectionHeader/SectionHeader.props.ts} +7 -9
- package/src/components/SectionHeader/SectionHeader.stories.tsx +76 -0
- package/src/components/{List/ListHeading/ListHeading.tsx → SectionHeader/SectionHeader.tsx} +17 -19
- package/src/components/SectionHeader/SectionHeaderHeading.tsx +14 -0
- package/src/components/SectionHeader/SectionHeaderHelperText.tsx +21 -0
- package/src/components/{List/ListHeading/ListHeadingTextContent.tsx → SectionHeader/SectionHeaderTextContent.tsx} +4 -4
- package/src/components/SectionHeader/Sectionheader.docs.mdx +83 -0
- package/src/components/SectionHeader/index.ts +4 -0
- package/src/components/Select/Select.tsx +10 -10
- package/src/components/Select/SelectOption.tsx +7 -7
- package/src/components/Spinner/Spinner.tsx +3 -3
- package/src/components/Spinner/Spinner.web.tsx +12 -12
- package/src/components/Switch/Switch.tsx +10 -7
- package/src/components/Switch/Switch.web.tsx +10 -12
- package/src/components/Tabs/Tab.props.ts +16 -0
- package/src/components/Tabs/Tab.tsx +113 -0
- package/src/components/Tabs/TabPanel.props.ts +10 -0
- package/src/components/Tabs/TabPanel.tsx +46 -0
- package/src/components/Tabs/Tabs.context.ts +26 -0
- package/src/components/Tabs/Tabs.docs.mdx +214 -0
- package/src/components/Tabs/Tabs.props.ts +21 -0
- package/src/components/Tabs/Tabs.stories.tsx +270 -0
- package/src/components/Tabs/Tabs.tsx +139 -0
- package/src/components/Tabs/TabsList.props.ts +8 -0
- package/src/components/Tabs/TabsList.tsx +194 -0
- package/src/components/Tabs/index.ts +8 -0
- package/src/components/Textarea/TextareaField.tsx +5 -5
- package/src/components/Textarea/TextareaRoot.tsx +10 -10
- package/src/components/ToggleButton/ToggleButtonIcon.tsx +3 -3
- package/src/components/ToggleButton/ToggleButtonRoot.tsx +11 -11
- package/src/components/ToggleButton/ToggleButtonText.tsx +2 -2
- package/src/components/ToggleButtonCard/ToggleButtonCardRoot.tsx +3 -3
- package/src/components/index.ts +11 -5
- package/src/core/themes.ts +59 -3
- package/src/tokens/color.ts +505 -43
- package/src/tokens/components/dark/accordion.ts +0 -2
- package/src/tokens/components/dark/alert.ts +0 -16
- package/src/tokens/components/dark/avatar.ts +19 -0
- package/src/tokens/components/dark/badge.ts +7 -34
- package/src/tokens/components/dark/banner.ts +1 -10
- package/src/tokens/components/dark/bottom-navigation.ts +2 -7
- package/src/tokens/components/dark/bottom-sheet.ts +1 -2
- package/src/tokens/components/dark/breadcrumb.ts +0 -1
- package/src/tokens/components/dark/button.ts +1 -86
- package/src/tokens/components/dark/card.ts +0 -28
- package/src/tokens/components/dark/carousel-control.ts +0 -8
- package/src/tokens/components/dark/checkbox.ts +2 -11
- package/src/tokens/components/dark/date-picker.ts +0 -12
- package/src/tokens/components/dark/description-list.ts +20 -0
- package/src/tokens/components/dark/dialog.ts +0 -1
- package/src/tokens/components/dark/divider.ts +4 -1
- package/src/tokens/components/{light/footer.ts → dark/expandable-card.ts} +4 -5
- package/src/tokens/components/dark/icon-button.ts +5 -5
- package/src/tokens/components/dark/icon-container.ts +0 -17
- package/src/tokens/components/dark/index.ts +10 -4
- package/src/tokens/components/dark/{footer.ts → indicator-icon-button.ts} +4 -5
- package/src/tokens/components/dark/inline-link.ts +1 -1
- package/src/tokens/components/dark/input.ts +1 -9
- package/src/tokens/components/dark/link.ts +2 -2
- package/src/tokens/components/dark/list.ts +20 -20
- package/src/tokens/components/dark/menu.ts +0 -12
- package/src/tokens/components/dark/modal.ts +0 -1
- package/src/tokens/components/dark/navigation.ts +1 -6
- package/src/tokens/components/dark/pagination.ts +12 -0
- package/src/tokens/components/dark/parts.ts +14 -4
- package/src/tokens/components/dark/pill.ts +0 -10
- package/src/tokens/components/dark/progress-stepper.ts +0 -8
- package/src/tokens/components/dark/radio.ts +2 -9
- package/src/tokens/components/dark/{focus.ts → section-header.ts} +4 -2
- package/src/tokens/components/dark/segmented-control.ts +0 -8
- package/src/tokens/components/dark/select.ts +0 -10
- package/src/tokens/components/dark/spinner.ts +1 -1
- package/src/tokens/components/dark/switch.ts +1 -11
- package/src/tokens/components/dark/table.ts +23 -0
- package/src/tokens/components/dark/tabs.ts +26 -0
- package/src/tokens/components/dark/toast.ts +10 -0
- package/src/tokens/components/dark/toggle-button.ts +0 -11
- package/src/tokens/components/dark/tooltip.ts +12 -0
- package/src/tokens/components/dark/top-navigation.ts +0 -8
- package/src/tokens/components/light/accordion.ts +0 -2
- package/src/tokens/components/light/alert.ts +0 -16
- package/src/tokens/components/light/avatar.ts +19 -0
- package/src/tokens/components/light/badge.ts +7 -34
- package/src/tokens/components/light/banner.ts +2 -11
- package/src/tokens/components/light/bottom-navigation.ts +0 -5
- package/src/tokens/components/light/bottom-sheet.ts +1 -2
- package/src/tokens/components/light/breadcrumb.ts +0 -1
- package/src/tokens/components/light/button.ts +1 -86
- package/src/tokens/components/light/card.ts +0 -28
- package/src/tokens/components/light/carousel-control.ts +0 -8
- package/src/tokens/components/light/checkbox.ts +3 -12
- package/src/tokens/components/light/date-picker.ts +0 -12
- package/src/tokens/components/light/description-list.ts +20 -0
- package/src/tokens/components/light/dialog.ts +0 -1
- package/src/tokens/components/light/divider.ts +4 -1
- package/src/tokens/components/light/expandable-card.ts +11 -0
- package/src/tokens/components/light/icon-button.ts +5 -5
- package/src/tokens/components/light/icon-container.ts +0 -17
- package/src/tokens/components/light/index.ts +10 -4
- package/src/tokens/components/light/indicator-icon-button.ts +11 -0
- package/src/tokens/components/light/input.ts +1 -9
- package/src/tokens/components/light/link.ts +2 -2
- package/src/tokens/components/light/list.ts +20 -20
- package/src/tokens/components/light/menu.ts +0 -12
- package/src/tokens/components/light/modal.ts +0 -1
- package/src/tokens/components/light/navigation.ts +1 -6
- package/src/tokens/components/light/pagination.ts +12 -0
- package/src/tokens/components/light/parts.ts +11 -1
- package/src/tokens/components/light/pill.ts +0 -10
- package/src/tokens/components/light/progress-stepper.ts +0 -8
- package/src/tokens/components/light/radio.ts +3 -10
- package/src/tokens/components/light/{focus.ts → section-header.ts} +4 -2
- package/src/tokens/components/light/segmented-control.ts +0 -8
- package/src/tokens/components/light/select.ts +0 -10
- package/src/tokens/components/light/switch.ts +1 -11
- package/src/tokens/components/light/table.ts +23 -0
- package/src/tokens/components/light/tabs.ts +26 -0
- package/src/tokens/components/light/toast.ts +10 -0
- package/src/tokens/components/light/toggle-button.ts +0 -11
- package/src/tokens/components/light/tooltip.ts +12 -0
- package/src/tokens/components/light/top-navigation.ts +0 -8
- package/src/tokens/index.ts +1 -0
- package/src/tokens/layout.ts +24 -15
- package/src/tokens/semantic-dark.ts +242 -13
- package/src/tokens/semantic-light.ts +242 -13
- package/src/tokens/semantic.ts +9 -0
- package/src/types/values.ts +31 -7
- package/src/utils/coloursAsArray.ts +44 -2
- package/src/utils/formatThousands.ts +14 -0
- package/src/utils/getFlattenedColorValue.ts +1 -1
- package/src/utils/hexWithOpacity.ts +19 -0
- package/src/utils/index.ts +3 -1
- package/src/utils/styleUtils.ts +39 -1
- package/src/vite-env.d.ts +5 -0
- package/build/components/Accordion/AccordionHeading/AccordionHeading.d.ts +0 -6
- package/build/components/Accordion/AccordionHeading/AccordionHeading.js +0 -16
- package/build/components/Accordion/AccordionHeading/AccordionHeading.props.d.ts +0 -14
- package/build/components/Accordion/AccordionHeading/AccordionHeadingHelperText.d.ts +0 -6
- package/build/components/Accordion/AccordionHeading/AccordionHeadingHelperText.js +0 -13
- package/build/components/Accordion/AccordionHeading/AccordionHeadingTextContent.d.ts +0 -6
- package/build/components/Accordion/AccordionHeading/AccordionHeadingTextContent.js +0 -14
- package/build/components/Accordion/AccordionHeading/AccordionHeadingTitle.d.ts +0 -6
- package/build/components/Accordion/AccordionHeading/AccordionHeadingTitle.js +0 -7
- package/build/components/Accordion/AccordionHeading/index.d.ts +0 -4
- package/build/components/Accordion/AccordionHeading/index.js +0 -4
- package/build/components/List/ListHeading/ListHeading.d.ts +0 -6
- package/build/components/List/ListHeading/ListHeading.js +0 -20
- package/build/components/List/ListHeading/ListHeadingHelperText.d.ts +0 -6
- package/build/components/List/ListHeading/ListHeadingTitle.d.ts +0 -6
- package/build/components/List/ListHeading/ListHeadingTitle.js +0 -7
- package/build/components/List/ListHeading/index.d.ts +0 -4
- package/build/components/List/ListHeading/index.js +0 -4
- package/build/tokens/components/dark/footer.d.ts +0 -12
- package/build/tokens/components/dark/footer.js +0 -11
- package/build/tokens/components/dark/icon.d.ts +0 -15
- package/build/tokens/components/dark/icon.js +0 -14
- package/build/tokens/components/dark/text.d.ts +0 -11
- package/build/tokens/components/dark/text.js +0 -10
- package/build/tokens/components/light/footer.d.ts +0 -12
- package/build/tokens/components/light/footer.js +0 -11
- package/build/tokens/components/light/icon.d.ts +0 -15
- package/build/tokens/components/light/icon.js +0 -14
- package/build/tokens/components/light/text.d.ts +0 -11
- package/build/tokens/components/light/text.js +0 -10
- package/src/components/Accordion/AccordionHeading/AccordionHeading.props.ts +0 -19
- package/src/components/Accordion/AccordionHeading/AccordionHeading.tsx +0 -38
- package/src/components/Accordion/AccordionHeading/AccordionHeadingHelperText.tsx +0 -22
- package/src/components/Accordion/AccordionHeading/AccordionHeadingTextContent.tsx +0 -21
- package/src/components/Accordion/AccordionHeading/AccordionHeadingTitle.tsx +0 -14
- package/src/components/Accordion/AccordionHeading/index.ts +0 -4
- package/src/components/List/ListHeading/ListHeadingHelperText.tsx +0 -21
- package/src/components/List/ListHeading/ListHeadingTitle.tsx +0 -14
- package/src/components/List/ListHeading/index.ts +0 -4
- package/src/tokens/components/dark/icon.ts +0 -15
- package/src/tokens/components/dark/text.ts +0 -11
- package/src/tokens/components/light/icon.ts +0 -15
- package/src/tokens/components/light/text.ts +0 -11
- /package/build/components/{Accordion/AccordionHeading/AccordionHeading.props.js → CurrencyInput/CurrencyInput.props.js} +0 -0
- /package/build/components/{List/ListHeading/ListHeading.props.js → DescriptionList/DescriptionList.props.js} +0 -0
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { default as AccordionHeading } from './AccordionHeading';
|
|
2
|
-
export { default as AccordionHeadingTitle } from './AccordionHeadingTitle';
|
|
3
|
-
export { default as AccordionHeadingHelperText } from './AccordionHeadingHelperText';
|
|
4
|
-
export { default as AccordionHeadingTextContent } from './AccordionHeadingTextContent';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { StyleSheet } from 'react-native-unistyles';
|
|
2
|
-
import TextProps from '../../BodyText/BodyText.props';
|
|
3
|
-
import { BodyText } from '../../BodyText';
|
|
4
|
-
|
|
5
|
-
const ListHeadingHelperText = ({ children, ...props }: TextProps) => {
|
|
6
|
-
return (
|
|
7
|
-
<BodyText size="md" {...props} style={[styles.helperText, props.style]}>
|
|
8
|
-
{children}
|
|
9
|
-
</BodyText>
|
|
10
|
-
);
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
ListHeadingHelperText.displayName = 'ListHeadingHelperText';
|
|
14
|
-
|
|
15
|
-
const styles = StyleSheet.create(theme => ({
|
|
16
|
-
helperText: {
|
|
17
|
-
color: theme.components.text.colorSecondary,
|
|
18
|
-
},
|
|
19
|
-
}));
|
|
20
|
-
|
|
21
|
-
export default ListHeadingHelperText;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import TextProps from '../../DetailText/DetailText.props';
|
|
2
|
-
import { DetailText } from '../../DetailText';
|
|
3
|
-
|
|
4
|
-
const ListHeadingTitle = ({ children, ...props }: TextProps) => {
|
|
5
|
-
return (
|
|
6
|
-
<DetailText size="lg" {...props}>
|
|
7
|
-
{children}
|
|
8
|
-
</DetailText>
|
|
9
|
-
);
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
ListHeadingTitle.displayName = 'ListHeadingTitle';
|
|
13
|
-
|
|
14
|
-
export default ListHeadingTitle;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { default as ListHeading } from './ListHeading';
|
|
2
|
-
export { default as ListHeadingTitle } from './ListHeadingTitle';
|
|
3
|
-
export { default as ListHeadingHelperText } from './ListHeadingHelperText';
|
|
4
|
-
export { default as ListHeadingTextContent } from './ListHeadingTextContent';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
export default {
|
|
6
|
-
item: {
|
|
7
|
-
icon: {
|
|
8
|
-
colorActive: '#7a42c8',
|
|
9
|
-
colorDefault: '#e7e6e6',
|
|
10
|
-
},
|
|
11
|
-
},
|
|
12
|
-
color: '#e7e6e6',
|
|
13
|
-
colorInvalid: '#ff7964',
|
|
14
|
-
colorValid: '#58ca93',
|
|
15
|
-
} as const;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
export default {
|
|
6
|
-
item: {
|
|
7
|
-
icon: {
|
|
8
|
-
colorActive: '#7a42c8',
|
|
9
|
-
colorDefault: '#101010',
|
|
10
|
-
},
|
|
11
|
-
},
|
|
12
|
-
color: '#101010',
|
|
13
|
-
colorInvalid: '#de2612',
|
|
14
|
-
colorValid: '#0f834a',
|
|
15
|
-
} as const;
|
|
File without changes
|
|
File without changes
|