@utilitywarehouse/hearth-react-native 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.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 +20 -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 +86 -27
- package/build/components/Badge/Badge.props.d.ts +2 -1
- package/build/components/Badge/BadgeIcon.js +102 -18
- package/build/components/Badge/BadgeText.js +102 -17
- 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.props.d.ts +7 -7
- 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 +1 -1
- 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/DetailText/DetailText.js +2 -2
- package/build/components/Divider/Divider.js +1 -1
- 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/InlineLink/InlineLinkRoot.js +2 -2
- package/build/components/Input/Input.d.ts +9 -3
- package/build/components/Input/Input.js +13 -13
- package/build/components/Input/Input.props.d.ts +1 -0
- package/build/components/Input/InputField.d.ts +3 -1
- package/build/components/Input/InputField.js +9 -39
- 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 +164 -0
- package/build/components/Modal/Modal.props.d.ts +24 -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 +19 -0
- package/build/components/{List/ListHeading/ListHeading.props.d.ts → SectionHeader/SectionHeader.props.d.ts} +7 -9
- 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/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 +5 -3
- package/build/components/index.js +5 -3
- package/build/core/themes.d.ts +1094 -178
- package/build/core/themes.js +2 -2
- package/build/tokens/color.d.ts +1002 -86
- package/build/tokens/color.js +501 -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 +0 -86
- package/build/tokens/components/dark/button.js +0 -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 +1 -10
- package/build/tokens/components/dark/checkbox.js +1 -10
- 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 +1 -8
- package/build/tokens/components/dark/radio.js +1 -8
- 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 +24 -0
- package/build/tokens/components/dark/tabs.js +23 -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 +0 -86
- package/build/tokens/components/light/button.js +0 -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 +0 -9
- package/build/tokens/components/light/checkbox.js +0 -9
- 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 +0 -7
- package/build/tokens/components/light/radio.js +0 -7
- 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 +24 -0
- package/build/tokens/components/light/tabs.js +23 -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/semantic-dark.d.ts +240 -13
- package/build/tokens/semantic-dark.js +240 -13
- package/build/tokens/semantic-light.d.ts +240 -13
- package/build/tokens/semantic-light.js +240 -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 +10 -6
- package/build/utils/coloursAsArray.d.ts +8 -0
- package/build/utils/coloursAsArray.js +37 -2
- 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 +2 -1
- package/build/utils/index.js +2 -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 +39 -2
- package/docs/components/BadgeList.tsx +8 -8
- package/docs/components/ViewFigmaButton.tsx +3 -3
- package/docs/introduction.mdx +2 -2
- package/docs/llm-docs/unistyles-llms-full.txt +1 -1
- package/docs/theme-tokens.mdx +49 -26
- package/package.json +20 -17
- 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 +13 -1
- package/src/components/Badge/Badge.stories.tsx +106 -48
- package/src/components/Badge/Badge.tsx +96 -29
- package/src/components/Badge/BadgeIcon.tsx +102 -18
- package/src/components/Badge/BadgeText.tsx +102 -17
- 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/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 +9 -9
- 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/DetailText/DetailText.tsx +3 -3
- package/src/components/Divider/Divider.tsx +1 -1
- 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/InlineLink/InlineLinkRoot.tsx +2 -2
- package/src/components/Input/Input.docs.mdx +16 -14
- package/src/components/Input/Input.props.ts +1 -0
- package/src/components/Input/Input.stories.tsx +5 -4
- package/src/components/Input/Input.tsx +15 -13
- package/src/components/Input/InputField.tsx +25 -52
- 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 +333 -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} +16 -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/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 +7 -5
- package/src/core/themes.ts +2 -2
- package/src/tokens/color.ts +501 -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 +0 -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 +1 -10
- 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 +1 -8
- 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 +24 -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 +0 -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 +0 -9
- 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 +0 -7
- 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 +24 -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/semantic-dark.ts +240 -13
- package/src/tokens/semantic-light.ts +240 -13
- package/src/tokens/semantic.ts +9 -0
- package/src/types/values.ts +28 -6
- package/src/utils/coloursAsArray.ts +44 -2
- package/src/utils/getFlattenedColorValue.ts +1 -1
- package/src/utils/hexWithOpacity.ts +19 -0
- package/src/utils/index.ts +2 -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 → Modal/Modal.props.js} +0 -0
- /package/build/components/{List/ListHeading/ListHeading.props.js → SectionHeader/SectionHeader.props.js} +0 -0
package/build/core/themes.js
CHANGED
|
@@ -200,7 +200,7 @@ const lightHelpers = {
|
|
|
200
200
|
focusVisible: {
|
|
201
201
|
outlineStyle: 'solid',
|
|
202
202
|
outlineWidth: 2,
|
|
203
|
-
outlineColor:
|
|
203
|
+
outlineColor: color.light.focus.primary,
|
|
204
204
|
outlineOffset: 1,
|
|
205
205
|
},
|
|
206
206
|
};
|
|
@@ -223,7 +223,7 @@ const darkHelpers = {
|
|
|
223
223
|
focusVisible: {
|
|
224
224
|
outlineStyle: 'solid',
|
|
225
225
|
outlineWidth: 2,
|
|
226
|
-
outlineColor:
|
|
226
|
+
outlineColor: color.dark.focus.primary,
|
|
227
227
|
outlineOffset: 1,
|
|
228
228
|
},
|
|
229
229
|
};
|