@utilitywarehouse/hearth-react 0.33.0 → 0.34.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/dist/{chunk-A5H4YOM6.cjs → chunk-2SARAHFU.cjs} +2 -2
- package/dist/{chunk-A5H4YOM6.cjs.map → chunk-2SARAHFU.cjs.map} +1 -1
- package/dist/{chunk-TTW4NON4.cjs → chunk-4MHZWLS2.cjs} +2 -2
- package/dist/{chunk-TTW4NON4.cjs.map → chunk-4MHZWLS2.cjs.map} +1 -1
- package/dist/chunk-5DXUL2KU.js +4 -0
- package/dist/chunk-5DXUL2KU.js.map +1 -0
- package/dist/{chunk-IPBCLSDB.cjs → chunk-5QRJL6UW.cjs} +2 -2
- package/dist/{chunk-IPBCLSDB.cjs.map → chunk-5QRJL6UW.cjs.map} +1 -1
- package/dist/{chunk-U65H447D.js → chunk-6IRARDPS.js} +2 -2
- package/dist/{chunk-YAI34QHN.cjs → chunk-6KXYZVJN.cjs} +2 -2
- package/dist/{chunk-YAI34QHN.cjs.map → chunk-6KXYZVJN.cjs.map} +1 -1
- package/dist/{chunk-2MQ6FGCP.js → chunk-7NJTXQHW.js} +2 -2
- package/dist/{chunk-VME2FDDL.cjs → chunk-7WXDYJ5U.cjs} +2 -2
- package/dist/{chunk-VME2FDDL.cjs.map → chunk-7WXDYJ5U.cjs.map} +1 -1
- package/dist/{chunk-IEKB4IRY.js → chunk-7XIK7LLA.js} +2 -2
- package/dist/{chunk-FSOQCT7B.js → chunk-CJY6YNF5.js} +2 -2
- package/dist/{chunk-YEZ6N62U.cjs → chunk-D3FV2G2K.cjs} +2 -2
- package/dist/{chunk-YEZ6N62U.cjs.map → chunk-D3FV2G2K.cjs.map} +1 -1
- package/dist/{chunk-RVXQZ4CI.cjs → chunk-DMSNZZQN.cjs} +2 -2
- package/dist/{chunk-RVXQZ4CI.cjs.map → chunk-DMSNZZQN.cjs.map} +1 -1
- package/dist/{chunk-XIAQD5M3.js → chunk-DVLDTXUF.js} +1 -1
- package/dist/chunk-DVLDTXUF.js.map +1 -0
- package/dist/{chunk-YMTA7AWP.cjs → chunk-E5YFELWJ.cjs} +2 -2
- package/dist/{chunk-YMTA7AWP.cjs.map → chunk-E5YFELWJ.cjs.map} +1 -1
- package/dist/{chunk-ORVVLS3D.cjs → chunk-E7RWLZ6B.cjs} +2 -2
- package/dist/{chunk-ORVVLS3D.cjs.map → chunk-E7RWLZ6B.cjs.map} +1 -1
- package/dist/{chunk-Q4GDPLX2.cjs → chunk-EP4MMAP6.cjs} +2 -2
- package/dist/{chunk-Q4GDPLX2.cjs.map → chunk-EP4MMAP6.cjs.map} +1 -1
- package/dist/{chunk-WAS47BSQ.js → chunk-HNEATDAD.js} +2 -2
- package/dist/{chunk-GLKPD2GP.cjs → chunk-HTOFU56R.cjs} +2 -2
- package/dist/{chunk-GLKPD2GP.cjs.map → chunk-HTOFU56R.cjs.map} +1 -1
- package/dist/{chunk-6VZAQBWM.js → chunk-I4T6DB7C.js} +2 -2
- package/dist/{chunk-XDTM63KX.js → chunk-IUDPPU6Y.js} +2 -2
- package/dist/chunk-JQCRVBOS.cjs +4 -0
- package/dist/chunk-JQCRVBOS.cjs.map +1 -0
- package/dist/chunk-JR7ICHKY.js +4 -0
- package/dist/chunk-JR7ICHKY.js.map +1 -0
- package/dist/{chunk-R6KCU4S7.cjs → chunk-JX2VGWJ3.cjs} +2 -2
- package/dist/{chunk-R6KCU4S7.cjs.map → chunk-JX2VGWJ3.cjs.map} +1 -1
- package/dist/{chunk-Y2YBHHIX.js → chunk-KIIFWAVB.js} +2 -2
- package/dist/{chunk-BXDF7Z4R.js → chunk-KQ3JAXE7.js} +2 -2
- package/dist/{chunk-L3VPQN5T.js → chunk-MPISYSSZ.js} +2 -2
- package/dist/{chunk-SQYBDCZ2.js → chunk-MW7SI5T2.js} +2 -2
- package/dist/{chunk-QVE4N4F2.js → chunk-ORELQCOQ.js} +2 -2
- package/dist/{chunk-5ZMW3NVB.cjs → chunk-PJ75GGDC.cjs} +2 -2
- package/dist/{chunk-5ZMW3NVB.cjs.map → chunk-PJ75GGDC.cjs.map} +1 -1
- package/dist/{chunk-LRFEHB5Y.js → chunk-QMEEGJCL.js} +2 -2
- package/dist/{chunk-BVXR3BGZ.cjs → chunk-RCYT6RC3.cjs} +2 -2
- package/dist/{chunk-BVXR3BGZ.cjs.map → chunk-RCYT6RC3.cjs.map} +1 -1
- package/dist/{chunk-H5WVT3CU.cjs → chunk-RF5NDA46.cjs} +2 -2
- package/dist/{chunk-H5WVT3CU.cjs.map → chunk-RF5NDA46.cjs.map} +1 -1
- package/dist/{chunk-CVKTRCKW.js → chunk-VBDGOOQY.js} +2 -2
- package/dist/{chunk-BB2SOLJS.cjs → chunk-VLUEL3DZ.cjs} +2 -2
- package/dist/{chunk-BB2SOLJS.cjs.map → chunk-VLUEL3DZ.cjs.map} +1 -1
- package/dist/{chunk-VZM5CVIO.js → chunk-W35QJTJH.js} +2 -2
- package/dist/{chunk-BDJRXINR.js → chunk-W5ILI7GF.js} +2 -2
- package/dist/{chunk-RG53XPCM.cjs → chunk-WDL4OS5J.cjs} +2 -2
- package/dist/{chunk-RG53XPCM.cjs.map → chunk-WDL4OS5J.cjs.map} +1 -1
- package/dist/{chunk-HE73I4VO.cjs → chunk-WZK6FJX2.cjs} +2 -2
- package/dist/{chunk-HE73I4VO.cjs.map → chunk-WZK6FJX2.cjs.map} +1 -1
- package/dist/chunk-X6LQNBB5.cjs +4 -0
- package/dist/chunk-X6LQNBB5.cjs.map +1 -0
- package/dist/{chunk-TWRSAJ3F.cjs → chunk-XX6G7GZM.cjs} +1 -1
- package/dist/{chunk-TWRSAJ3F.cjs.map → chunk-XX6G7GZM.cjs.map} +1 -1
- package/dist/{chunk-JCNQCBO7.cjs → chunk-Y4F4NDRZ.cjs} +2 -2
- package/dist/{chunk-JCNQCBO7.cjs.map → chunk-Y4F4NDRZ.cjs.map} +1 -1
- package/dist/{chunk-QUPHSWAC.js → chunk-YABVOAPK.js} +2 -2
- package/dist/{chunk-VVBUEPWH.js → chunk-YGXTCDT6.js} +2 -2
- package/dist/{chunk-PEG7JY2N.js → chunk-YJ4SM4XE.js} +2 -2
- package/dist/components/Breadcrumbs/BreadcrumbItem.cjs +1 -1
- package/dist/components/Breadcrumbs/BreadcrumbItem.js +1 -1
- package/dist/components/Button/Button.cjs +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/CardAccordion/CardAccordion.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordion.js +1 -1
- package/dist/components/CardAccordion/CardAccordionButton.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordionButton.js +1 -1
- package/dist/components/CardAccordion/CardAccordionItem.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordionItem.js +1 -1
- package/dist/components/Combobox/Combobox.cjs +1 -1
- package/dist/components/Combobox/Combobox.js +1 -1
- package/dist/components/CurrencyInput/CurrencyInput.cjs +1 -1
- package/dist/components/CurrencyInput/CurrencyInput.js +1 -1
- package/dist/components/DatePicker/DatePicker.cjs +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/IconButton/IconButton.cjs +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/List/ListItemButton.cjs +1 -1
- package/dist/components/List/ListItemButton.js +1 -1
- package/dist/components/List/ListItemContent.cjs +1 -1
- package/dist/components/List/ListItemContent.d.ts.map +1 -1
- package/dist/components/List/ListItemContent.js +1 -1
- package/dist/components/List/ListItemLink.cjs +1 -1
- package/dist/components/List/ListItemLink.js +1 -1
- package/dist/components/Pagination/Pagination.cjs +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.cjs +1 -1
- package/dist/components/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/ProgressBar/ProgressBarCircular.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBarCircular.js +1 -1
- package/dist/components/ProgressBar/ProgressBarLinear.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBarLinear.js +1 -1
- package/dist/components/ProgressStepper/ProgressStepperText.cjs +4 -0
- package/dist/components/ProgressStepper/ProgressStepperText.cjs.map +1 -0
- package/dist/components/ProgressStepper/ProgressStepperText.d.ts +10 -0
- package/dist/components/ProgressStepper/ProgressStepperText.d.ts.map +1 -0
- package/dist/components/ProgressStepper/ProgressStepperText.js +4 -0
- package/dist/components/ProgressStepper/ProgressStepperText.js.map +1 -0
- package/dist/components/ProgressStepper/ProgressStepperText.props.cjs +3 -0
- package/dist/components/ProgressStepper/ProgressStepperText.props.cjs.map +1 -0
- package/dist/components/ProgressStepper/ProgressStepperText.props.d.ts +13 -0
- package/dist/components/ProgressStepper/ProgressStepperText.props.d.ts.map +1 -0
- package/dist/components/ProgressStepper/ProgressStepperText.props.js +3 -0
- package/dist/components/ProgressStepper/ProgressStepperText.props.js.map +1 -0
- package/dist/components/SearchInput/SearchInput.cjs +1 -1
- package/dist/components/SearchInput/SearchInput.js +1 -1
- package/dist/components/Table/TablePagination.cjs +1 -1
- package/dist/components/Table/TablePagination.js +1 -1
- package/dist/components/TextInput/TextInput.cjs +1 -1
- package/dist/components/TextInput/TextInput.js +1 -1
- package/dist/components/Toast/ToastActionButton.cjs +1 -1
- package/dist/components/Toast/ToastActionButton.d.ts +6 -0
- package/dist/components/Toast/ToastActionButton.d.ts.map +1 -1
- package/dist/components/Toast/ToastActionButton.js +1 -1
- package/dist/components/Toast/ToastActionButton.props.d.ts +7 -1
- package/dist/components/Toast/ToastActionButton.props.d.ts.map +1 -1
- package/dist/components/VerificationInput/VerificationInput.cjs +1 -1
- package/dist/components/VerificationInput/VerificationInput.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +5 -5
- package/public/llms/components/accordion.md +0 -10
- package/public/llms/components/breadcrumbs.md +0 -5
- package/public/llms/components/button.md +0 -14
- package/public/llms/components/card-accordion.md +0 -10
- package/public/llms/components/card.md +0 -11
- package/public/llms/components/checkbox-tile.md +1 -1
- package/public/llms/components/checkbox.md +1 -1
- package/public/llms/components/chip.md +1 -8
- package/public/llms/components/combobox.md +0 -8
- package/public/llms/components/description-list.md +0 -7
- package/public/llms/components/expandable-card.md +3 -12
- package/public/llms/components/highlight-banner.md +1 -1
- package/public/llms/components/icon-button.md +0 -11
- package/public/llms/components/icon-container.md +0 -9
- package/public/llms/components/inline-link.md +0 -7
- package/public/llms/components/label.md +1 -1
- package/public/llms/components/link.md +0 -8
- package/public/llms/components/list.md +0 -12
- package/public/llms/components/menu.md +0 -9
- package/public/llms/components/modal.md +0 -10
- package/public/llms/components/pagination.md +0 -11
- package/public/llms/components/progress-stepper.md +73 -5
- package/public/llms/components/radio-group.md +1 -40
- package/public/llms/components/search-input.md +0 -8
- package/public/llms/components/segmented-control.md +0 -5
- package/public/llms/components/skeleton.md +0 -8
- package/public/llms/components/table.md +0 -6
- package/public/llms/components/tabs.md +0 -10
- package/public/llms/components/text-area.md +0 -9
- package/public/llms/components/text-input.md +0 -9
- package/public/llms/components/timeline.md +1 -7
- package/public/llms/components/toast.md +0 -11
- package/public/llms/components/toggle-button-card.md +1 -9
- package/public/llms/components/toggle-button.md +0 -7
- package/public/llms/components/tooltip.md +0 -8
- package/public/llms/components/unstyled-icon-button.md +0 -8
- package/public/llms/docs/getting-started.md +1 -9
- package/public/llms/docs/migration/v0.md +0 -21
- package/styles.css +2 -2
- package/dist/chunk-4WLYFPTV.cjs +0 -4
- package/dist/chunk-4WLYFPTV.cjs.map +0 -1
- package/dist/chunk-HDCOVVAG.js +0 -4
- package/dist/chunk-HDCOVVAG.js.map +0 -1
- package/dist/chunk-XIAQD5M3.js.map +0 -1
- /package/dist/{chunk-U65H447D.js.map → chunk-6IRARDPS.js.map} +0 -0
- /package/dist/{chunk-2MQ6FGCP.js.map → chunk-7NJTXQHW.js.map} +0 -0
- /package/dist/{chunk-IEKB4IRY.js.map → chunk-7XIK7LLA.js.map} +0 -0
- /package/dist/{chunk-FSOQCT7B.js.map → chunk-CJY6YNF5.js.map} +0 -0
- /package/dist/{chunk-WAS47BSQ.js.map → chunk-HNEATDAD.js.map} +0 -0
- /package/dist/{chunk-6VZAQBWM.js.map → chunk-I4T6DB7C.js.map} +0 -0
- /package/dist/{chunk-XDTM63KX.js.map → chunk-IUDPPU6Y.js.map} +0 -0
- /package/dist/{chunk-Y2YBHHIX.js.map → chunk-KIIFWAVB.js.map} +0 -0
- /package/dist/{chunk-BXDF7Z4R.js.map → chunk-KQ3JAXE7.js.map} +0 -0
- /package/dist/{chunk-L3VPQN5T.js.map → chunk-MPISYSSZ.js.map} +0 -0
- /package/dist/{chunk-SQYBDCZ2.js.map → chunk-MW7SI5T2.js.map} +0 -0
- /package/dist/{chunk-QVE4N4F2.js.map → chunk-ORELQCOQ.js.map} +0 -0
- /package/dist/{chunk-LRFEHB5Y.js.map → chunk-QMEEGJCL.js.map} +0 -0
- /package/dist/{chunk-CVKTRCKW.js.map → chunk-VBDGOOQY.js.map} +0 -0
- /package/dist/{chunk-VZM5CVIO.js.map → chunk-W35QJTJH.js.map} +0 -0
- /package/dist/{chunk-BDJRXINR.js.map → chunk-W5ILI7GF.js.map} +0 -0
- /package/dist/{chunk-QUPHSWAC.js.map → chunk-YABVOAPK.js.map} +0 -0
- /package/dist/{chunk-VVBUEPWH.js.map → chunk-YGXTCDT6.js.map} +0 -0
- /package/dist/{chunk-PEG7JY2N.js.map → chunk-YJ4SM4XE.js.map} +0 -0
|
@@ -6,12 +6,6 @@ it with TableHeader, TableBody, TableRow, TableHeaderCell, and TableCell.
|
|
|
6
6
|
Pass `variant` to wrap the table in a Card container; omit it for a minimal,
|
|
7
7
|
unwrapped table.
|
|
8
8
|
|
|
9
|
-
- [Usage](#usage)
|
|
10
|
-
- [Variants](#variants)
|
|
11
|
-
- [Pagination](#pagination)
|
|
12
|
-
- [Header cells](#header-cells)
|
|
13
|
-
- [API](#api)
|
|
14
|
-
|
|
15
9
|
```tsx
|
|
16
10
|
<Table {...args}>
|
|
17
11
|
<TableHeader>
|
|
@@ -4,16 +4,6 @@ Use Tabs to organize and navigate between content sections within the same
|
|
|
4
4
|
page context, without leaving the page. Must be used together with
|
|
5
5
|
TabsList, Tab, and TabContent.
|
|
6
6
|
|
|
7
|
-
- [Usage](#usage)
|
|
8
|
-
- [Examples](#examples)
|
|
9
|
-
- [Controlled](#controlled)
|
|
10
|
-
- [Overflow & Scrolling](#overflow--scrolling)
|
|
11
|
-
- [With icons](#with-icons)
|
|
12
|
-
- [Size variants](#size-variants)
|
|
13
|
-
- [Activation mode](#activation-mode)
|
|
14
|
-
- [Accessibility](#accessibility)
|
|
15
|
-
- [API](#api)
|
|
16
|
-
|
|
17
7
|
```tsx
|
|
18
8
|
<Tabs {...args}>
|
|
19
9
|
<TabsList>
|
|
@@ -8,15 +8,6 @@ is required and should clearly describe the purpose of the field.
|
|
|
8
8
|
<TextArea {...args} />
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
-
- [Label](#label)
|
|
12
|
-
- [Helper Text](#helper-text)
|
|
13
|
-
- [Validation](#validation)
|
|
14
|
-
- [Disabled and Read-only](#disabled-and-read-only)
|
|
15
|
-
- [Custom Rows](#custom-rows)
|
|
16
|
-
- [Height](#height)
|
|
17
|
-
- [Controlled Usage](#controlled-usage)
|
|
18
|
-
- [API](#api)
|
|
19
|
-
|
|
20
11
|
## Label
|
|
21
12
|
|
|
22
13
|
A label is required for the `TextArea` component. It should clearly describe
|
|
@@ -9,15 +9,6 @@ SearchInput, CurrencyInput, VerificationInput, or DateInput instead. A
|
|
|
9
9
|
<TextInput {...args} />
|
|
10
10
|
```
|
|
11
11
|
|
|
12
|
-
- [Alternatives](#alternatives)
|
|
13
|
-
- [Label](#label)
|
|
14
|
-
- [Required](#required)
|
|
15
|
-
- [Disabled and Read-only](#disabled-and-read-only)
|
|
16
|
-
- [Validation](#validation)
|
|
17
|
-
- [Prefix and Suffix](#prefix-and-suffix)
|
|
18
|
-
- [Grouping inputs](#grouping-inputs)
|
|
19
|
-
- [API](#api)
|
|
20
|
-
|
|
21
12
|
## Alternatives
|
|
22
13
|
|
|
23
14
|
- PasswordInput - For entering
|
|
@@ -6,14 +6,8 @@ the sequence represents the user's advancement through it; use `static`
|
|
|
6
6
|
for a purely informational history or schedule. For a multi-step process
|
|
7
7
|
the user actively navigates, use ProgressStepper instead.
|
|
8
8
|
|
|
9
|
-
- [Usage](#usage)
|
|
10
|
-
- [Variants](#variants)
|
|
11
|
-
- [States](#states)
|
|
12
|
-
- [Dangling rail](#dangling-rail)
|
|
13
|
-
- [API](#api)
|
|
14
|
-
|
|
15
9
|
```tsx
|
|
16
|
-
<Flex direction="
|
|
10
|
+
<Flex direction="row" gap="600">
|
|
17
11
|
{variants.map(variant => (
|
|
18
12
|
<Timeline key={variant} variant={variant}>
|
|
19
13
|
<TimelineItem state="complete" label="Direct debit set up" helperText="1 March 2026" />
|
|
@@ -5,17 +5,6 @@ action or notifies users of important information, auto-dismissing after a
|
|
|
5
5
|
set duration. It must be rendered inside a ToastProvider. For messages that
|
|
6
6
|
require the user to make a decision, use Alert instead.
|
|
7
7
|
|
|
8
|
-
- [Usage](#usage)
|
|
9
|
-
- [Icon](#icon)
|
|
10
|
-
- [Dismiss toast](#dismiss-toast)
|
|
11
|
-
- [Actions](#actions)
|
|
12
|
-
- [Custom duration](#custom-duration)
|
|
13
|
-
- [Accessibility](#accessibility)
|
|
14
|
-
- [Sensitivity](#sensitivity)
|
|
15
|
-
- [Keyboard interactions](#keyboard-interactions)
|
|
16
|
-
- [Duplicate toasts](#duplicate-toasts)
|
|
17
|
-
- [API](#api)
|
|
18
|
-
|
|
19
8
|
```tsx
|
|
20
9
|
<div>
|
|
21
10
|
<Button
|
|
@@ -58,14 +58,6 @@
|
|
|
58
58
|
</Box>
|
|
59
59
|
```
|
|
60
60
|
|
|
61
|
-
- [Usage](#usage)
|
|
62
|
-
- [ToggleGroup type](#togglegroup-type)
|
|
63
|
-
- [Layout](#layout)
|
|
64
|
-
- [Interactive content](#interactive-content)
|
|
65
|
-
- [Accessibility](#accessibility)
|
|
66
|
-
- [ToggleButtonCard API](#togglebuttoncard-api)
|
|
67
|
-
- [ToggleGroup API](#togglegroup-api)
|
|
68
|
-
|
|
69
61
|
## Usage
|
|
70
62
|
|
|
71
63
|
Use the `ToggleGroup` to wrap `ToggleButtonCard` components.
|
|
@@ -141,7 +133,7 @@ return (
|
|
|
141
133
|
>
|
|
142
134
|
{['One', 'Two', 'Three', 'Four'].map((label, value) => (
|
|
143
135
|
<ToggleButtonCard key={value} value={`${value}`} label={label} aria-labelledby="">
|
|
144
|
-
<Placeholder borderColor="subtle" backgroundColor="primary"
|
|
136
|
+
<Placeholder borderColor="subtle" backgroundColor="primary" height="50px" />
|
|
145
137
|
</ToggleButtonCard>
|
|
146
138
|
))}
|
|
147
139
|
</ToggleGroup>
|
|
@@ -14,13 +14,6 @@ ToggleGroup, and requires a unique `value` prop.
|
|
|
14
14
|
</ToggleGroup>
|
|
15
15
|
```
|
|
16
16
|
|
|
17
|
-
- [Usage](#usage)
|
|
18
|
-
- [ToggleGroup type](#togglegroup-type)
|
|
19
|
-
- [Custom layout](#custom-layout)
|
|
20
|
-
- [Accessibility](#accessibility)
|
|
21
|
-
- [ToggleButton API](#togglebutton-api)
|
|
22
|
-
- [ToggleGroup API](#togglegroup-api)
|
|
23
|
-
|
|
24
17
|
## Usage
|
|
25
18
|
|
|
26
19
|
Wrap `ToggleButton` components in a `ToggleGroup`. The `value` prop on each
|
|
@@ -5,14 +5,6 @@ related to an element when it receives keyboard focus or is hovered. It
|
|
|
5
5
|
requires a single child element as its trigger, and must be used within a
|
|
6
6
|
TooltipProvider (or the global HearthProvider).
|
|
7
7
|
|
|
8
|
-
- [Setup](#setup)
|
|
9
|
-
- [Usage](#usage)
|
|
10
|
-
- [Alignment](#alignment)
|
|
11
|
-
- [Heading](#heading)
|
|
12
|
-
- [Accessibility](#accessibility)
|
|
13
|
-
- [Keyboard interactions](#keyboard-interactions)
|
|
14
|
-
- [API](#api)
|
|
15
|
-
|
|
16
8
|
```tsx
|
|
17
9
|
<Flex justifyContent="center" padding="800">
|
|
18
10
|
<Tooltip {...args}>
|
|
@@ -5,14 +5,6 @@ its own: a plain, unstyled base for building custom icon button variants.
|
|
|
5
5
|
For a fully-styled icon button, use IconButton instead. A `label` is
|
|
6
6
|
required, since the button contains only an icon with no visible text.
|
|
7
7
|
|
|
8
|
-
- [Icons](#icons)
|
|
9
|
-
- [Accessibility](#accessibility)
|
|
10
|
-
- [Disabled buttons](#disabled-buttons)
|
|
11
|
-
- [Size](#size)
|
|
12
|
-
- [Responsive icon sizes](#responsive-icon-sizes)
|
|
13
|
-
- [Semantic HTML](#semantic-html)
|
|
14
|
-
- [API](#api)
|
|
15
|
-
|
|
16
8
|
```tsx
|
|
17
9
|
<Flex direction="column">
|
|
18
10
|
<Box padding="200">
|
|
@@ -1,14 +1,6 @@
|
|
|
1
1
|
# Hearth React
|
|
2
2
|
|
|
3
|
-
Current version: v0.
|
|
4
|
-
|
|
5
|
-
- [Install Hearth](#install-hearth)
|
|
6
|
-
- [Import CSS](#import-css)
|
|
7
|
-
- [HearthProvider](#hearthprovider)
|
|
8
|
-
- [Start building](#start-building)
|
|
9
|
-
- [CSS reset](#css-reset)
|
|
10
|
-
- [Portals](#portals)
|
|
11
|
-
- [React DevTools](#react-devtools)
|
|
3
|
+
Current version: v0.34.0
|
|
12
4
|
|
|
13
5
|
## Install Hearth
|
|
14
6
|
|
|
@@ -1,26 +1,5 @@
|
|
|
1
1
|
# Migration from Web UI
|
|
2
2
|
|
|
3
|
-
- [Components](#components)
|
|
4
|
-
- [Stack](#stack)
|
|
5
|
-
- [Grid](#grid)
|
|
6
|
-
- [Spacer](#spacer)
|
|
7
|
-
- [CheckboxGridGroup and RadioGridGroup](#checkboxgridgroup-and-radiogridgroup)
|
|
8
|
-
- [Typography](#typography)
|
|
9
|
-
- [Button](#button)
|
|
10
|
-
- [Link](#link)
|
|
11
|
-
- [Badge](#badge)
|
|
12
|
-
- [Inputs](#inputs)
|
|
13
|
-
- [Polymorphism](#polymorphism)
|
|
14
|
-
- [Styling](#styling)
|
|
15
|
-
- [Interoperability](#interoperability)
|
|
16
|
-
- [ThemeProvider](#themeprovider)
|
|
17
|
-
- [Portals](#portals)
|
|
18
|
-
- [The sx prop and styled method API](#the-sx-prop-and-styled-method-api)
|
|
19
|
-
- [Tokens](#tokens)
|
|
20
|
-
- [Responsive props](#responsive-props)
|
|
21
|
-
- [Common props](#common-props)
|
|
22
|
-
- [Contextual colours](#contextual-colours)
|
|
23
|
-
|
|
24
3
|
### Stack
|
|
25
4
|
|
|
26
5
|
This component from Web UI has not been implemented in **Hearth React**. We
|