@utilitywarehouse/hearth-react 0.29.2 → 0.29.4

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.
@@ -1,1430 +0,0 @@
1
- # Changelog
2
-
3
- ### Patch Changes
4
-
5
- - [#1259](https://github.com/utilitywarehouse/hearth/pull/1259) [`782d1e6`](https://github.com/utilitywarehouse/hearth/commit/782d1e6bac63b706aafc537d88433d3f0cd468d4) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Update tokens
6
-
7
- ### Patch Changes
8
-
9
- - [#1238](https://github.com/utilitywarehouse/hearth/pull/1238) [`4514f71`](https://github.com/utilitywarehouse/hearth/commit/4514f7123c41d0270ac48ae856a5755240c041b1) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `CurrencyInput` `defaultValue` prop renders empty input
10
-
11
- `CurrencyInput` ignored the `defaultValue` prop because the component always
12
- set a controlled `value` on the underlying input, causing uncontrolled usage
13
- with `defaultValue` to render an empty field instead of the provided initial
14
- value.
15
-
16
- - [#1239](https://github.com/utilitywarehouse/hearth/pull/1239) [`eac44c4`](https://github.com/utilitywarehouse/hearth/commit/eac44c4c65c56f4579cee2b1f4cfab387c91f146) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Linear `ProgressBar` width when parent `Flex` has no explicit width
17
-
18
- ### Patch Changes
19
-
20
- - [#1202](https://github.com/utilitywarehouse/hearth/pull/1202) [`9303f88`](https://github.com/utilitywarehouse/hearth/commit/9303f88ee85d9bf9b23af15f2a8b0e5ab61e01c0) Thanks [@robphoenix](https://github.com/robphoenix)! - 🧹 [HOUSEKEEPING]: Build update; insert 'use client' directive
21
-
22
- ### Patch Changes
23
-
24
- - [#1207](https://github.com/utilitywarehouse/hearth/pull/1207) [`b10d0d0`](https://github.com/utilitywarehouse/hearth/commit/b10d0d0e2352666646a1d324e7145e414d25dfc2) Thanks [@robphoenix](https://github.com/robphoenix)! - 🧹 [HOUSEKEEPING]: Improve build pipeline
25
-
26
- CI was failing as it did not have the memory heap to build the react and
27
- react-icons packages. Generation of declarations has been passed to tsc, while
28
- tsup now only bundles the code.
29
-
30
- - [#1207](https://github.com/utilitywarehouse/hearth/pull/1207) [`b10d0d0`](https://github.com/utilitywarehouse/hearth/commit/b10d0d0e2352666646a1d324e7145e414d25dfc2) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Deprecate incorrectly named `wrap` prop
31
-
32
- The `TextWrap` prop was incorrectly named `wrap` in the `Text` component. This
33
- patch deprecates the `wrap` prop and introduces the correctly named `textWrap`
34
- prop. The `wrap` prop will be removed in a future major version.
35
-
36
- ```diff
37
- - <BodyText wrap="pretty">...</BodyText>
38
- + <BodyText textWrap="pretty">...</BodyText>
39
- ```
40
-
41
- ## Components Affected
42
- - `Heading`
43
- - `BodyText`
44
- - `DetailText`
45
- - `Em`
46
- - `Strong`
47
-
48
- - Updated dependencies [[`b10d0d0`](https://github.com/utilitywarehouse/hearth/commit/b10d0d0e2352666646a1d324e7145e414d25dfc2)]:
49
- - @utilitywarehouse/hearth-react-icons@0.8.2
50
-
51
- ### Patch Changes
52
-
53
- - [#1204](https://github.com/utilitywarehouse/hearth/pull/1204) [`d4fb990`](https://github.com/utilitywarehouse/hearth/commit/d4fb990830dec551be624615f1860995f9706e95) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: Add default `data-testid` attributes to all components
54
-
55
- All components now render with a default `data-testid` attribute using the
56
- pattern `h-ComponentName` (e.g. `data-testid="h-Spinner"`), making it easier
57
- to target Hearth components in automated tests without relying on class names
58
- or other selectors.
59
-
60
- The default value can be overridden by passing your own `data-testid` prop:
61
-
62
- ```tsx
63
- <Spinner data-testid="my-custom-spinner" />
64
- ```
65
-
66
- **Developer changes**:
67
-
68
- No changes required. The test IDs are added automatically and are fully
69
- backward-compatible.
70
-
71
- ### Patch Changes
72
-
73
- - [#1192](https://github.com/utilitywarehouse/hearth/pull/1192) [`a74bf02`](https://github.com/utilitywarehouse/hearth/commit/a74bf02c58c12e1b42351e0d7f8e3e79ea0acbd6) Thanks [@robphoenix](https://github.com/robphoenix)! - 🧹 [HOUSEKEEPING]: Fix missing dependencies
74
-
75
- ### Patch Changes
76
-
77
- - [#1185](https://github.com/utilitywarehouse/hearth/pull/1185) [`7393005`](https://github.com/utilitywarehouse/hearth/commit/73930057f6aceb8c46e8ed0ccc9e05bbe2c5e230) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: `forceMount` support for `AccordionContent` and `MenuContent`
78
-
79
- When `forceMount` is set, content remains in the DOM at all times — making it
80
- indexable by search engine crawlers — while still being hidden from view and the
81
- accessibility tree when closed.
82
-
83
- **Components affected**:
84
- - `AccordionContent`
85
- - `MenuContent`
86
-
87
- **Developer changes**:
88
-
89
- No changes required. Pass `forceMount` to opt in:
90
-
91
- ```tsx
92
- <Accordion>
93
- <AccordionItem value="item-1">
94
- <AccordionTrigger>Trigger</AccordionTrigger>
95
- <AccordionContent forceMount>Content</AccordionContent>
96
- </AccordionItem>
97
- </Accordion>
98
- ```
99
-
100
- ```tsx
101
- <Menu>
102
- <MenuTrigger>
103
- <Button>Open</Button>
104
- </MenuTrigger>
105
- <MenuContent forceMount>
106
- <MenuItem>Item</MenuItem>
107
- </MenuContent>
108
- </Menu>
109
- ```
110
-
111
- ### Minor Changes
112
-
113
- - [#1178](https://github.com/utilitywarehouse/hearth/pull/1178) [`7452b83`](https://github.com/utilitywarehouse/hearth/commit/7452b83d5e3860f35fdf328825991f5e3e793aef) Thanks [@robphoenix](https://github.com/robphoenix)! - 💔 [BREAKING CHANGE]: `validationPlacement` prop removed from `DateInput`
114
-
115
- This prop has been removed from the public API as it should not have been
116
- exposed in the first place.
117
-
118
- **Developer changes**:
119
-
120
- Remove any `validationPlacement` usage from `DateInput`:
121
-
122
- ```diff
123
- - <DateInput validationPlacement="bottom" ... />
124
- + <DateInput ... />
125
- ```
126
-
127
- ### Patch Changes
128
-
129
- - [#1174](https://github.com/utilitywarehouse/hearth/pull/1174) [`bc13e50`](https://github.com/utilitywarehouse/hearth/commit/bc13e50880eaaaddfeb8d44654cffb566927f832) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `DatePickerTrigger` ref not forwarded to underlying button element
130
-
131
- - [#1179](https://github.com/utilitywarehouse/hearth/pull/1179) [`d9b40f6`](https://github.com/utilitywarehouse/hearth/commit/d9b40f61133e5b4b2946ea83eda7358f90f5f201) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Do not display the open icon in `AlertLink` as it clashes with the default icon
132
-
133
- This change also removes the `hideOpenIcon` prop from `AlertLink` as it is no
134
- longer needed.
135
-
136
- ### Patch Changes
137
-
138
- - [#1171](https://github.com/utilitywarehouse/hearth/pull/1171) [`2afd1bb`](https://github.com/utilitywarehouse/hearth/commit/2afd1bb3bba60e20be9c0f8edc2c35ac8c418002) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: Add `ExpandableCard` component
139
-
140
- ```tsx
141
- <ExpandableCard
142
- heading="Heading"
143
- helperText="Helper text"
144
- leadingIcon={<SettingsMediumIcon aria-hidden />}
145
- >
146
- <BodyText size="md">
147
- This is the expandable content area. It can contain any content you need to show when the card
148
- is expanded.
149
- </BodyText>
150
- </ExpandableCard>
151
- ```
152
-
153
- ### Patch Changes
154
-
155
- - [#1166](https://github.com/utilitywarehouse/hearth/pull/1166) [`722f4d7`](https://github.com/utilitywarehouse/hearth/commit/722f4d7f0acff331c78959457d4715046c4676b0) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `textAlign` prop to `TableCell` & `TableHeaderCell` components
156
-
157
- - Updated dependencies [[`e4167f2`](https://github.com/utilitywarehouse/hearth/commit/e4167f27325dacc0cbc1feae456697387162aa77)]:
158
- - @utilitywarehouse/hearth-react-icons@0.8.1
159
-
160
- ### Patch Changes
161
-
162
- - [#1162](https://github.com/utilitywarehouse/hearth/pull/1162) [`506088e`](https://github.com/utilitywarehouse/hearth/commit/506088ef414c0caee57597c5e688dd5cba8afde0) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `Modal` position in Safari
163
-
164
- The `Modal` was pushed down beyond the visible scroll area due to redundant CSS
165
- positioning.
166
-
167
- ### Patch Changes
168
-
169
- - [#1157](https://github.com/utilitywarehouse/hearth/pull/1157) [`5874c4b`](https://github.com/utilitywarehouse/hearth/commit/5874c4b1ced9963d1adef92811c4ac4ac4e7541e) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `Modal` close button inaccessible on mobile when browser UI bars are visible
170
-
171
- The modal max height on mobile was calculated using `100vh`, which does not
172
- account for the browser's dynamic UI elements such as the address bar. This
173
- could cause the modal to overflow the visible area, pushing the close button
174
- out of reach.
175
-
176
- The calculation now uses `100dvh` (dynamic viewport height), which correctly
177
- accounts for browser UI bars. A `100vh`-based fallback is included for older
178
- browsers that don't support `dvh`.
179
-
180
- ### Patch Changes
181
-
182
- - [#1151](https://github.com/utilitywarehouse/hearth/pull/1151) [`69532ae`](https://github.com/utilitywarehouse/hearth/commit/69532ae430f863964b12fc576ea901198c61680d) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Fix `Radio` indicator getting squashed when label text is long
183
-
184
- ### Patch Changes
185
-
186
- - [#1148](https://github.com/utilitywarehouse/hearth/pull/1148) [`e392c18`](https://github.com/utilitywarehouse/hearth/commit/e392c18a3df206e3b5b1365450c0bf2b8a9a139b) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `Modal` hidden on Safari and in React Native webviews
187
-
188
- - [#1146](https://github.com/utilitywarehouse/hearth/pull/1146) [`43b56bb`](https://github.com/utilitywarehouse/hearth/commit/43b56bb66138ba3e7d2d28fdd19b6d3b3ea03839) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Prevent `ToggleButtonCard` hover background from triggering when hovering over interactive content inside the card
189
-
190
- ### Patch Changes
191
-
192
- - [#1141](https://github.com/utilitywarehouse/hearth/pull/1141) [`0e6e15e`](https://github.com/utilitywarehouse/hearth/commit/0e6e15ec5908e04044498dcebd1d70d7ea2710fd) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add fallback fonts to `BodyText`, `DetailText`, and `Heading` components
193
-
194
- Add system font fallbacks to the `font-family` declarations so text renders
195
- correctly when custom fonts have not yet loaded or are unavailable.
196
-
197
- **Components affected**:
198
- - `BodyText`
199
- - `DetailText`
200
- - `Heading`
201
-
202
- **Developer changes**:
203
-
204
- No changes required. The fallback fonts are applied automatically.
205
-
206
- - [#1137](https://github.com/utilitywarehouse/hearth/pull/1137) [`782dbba`](https://github.com/utilitywarehouse/hearth/commit/782dbbaa5bfa89cd450b934653e094c2e0e9fb1c) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Modal aria description
207
-
208
- Modal no longer sets `aria-describedby` when no description is provided. [Radix UI docs](https://www.radix-ui.com/primitives/docs/components/dialog#description)
209
-
210
- ### Patch Changes
211
-
212
- - [#1105](https://github.com/utilitywarehouse/hearth/pull/1105) [`557e3c9`](https://github.com/utilitywarehouse/hearth/commit/557e3c90f9a43d8cde6a56c503051ed4a49645dd) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: Add `Tooltip` component
213
-
214
- ```tsx
215
- import { Tooltip } from '@utilitywarehouse/hearth-react';
216
- import { InfoSmallIcon } from '@utilitywarehouse/hearth-react-icons';
217
-
218
- <Tooltip description="Helpful information">
219
- <UnstyledIconButton label="further information">
220
- <InfoSmallIcon />
221
- </UnstyledIconButton>
222
- </Tooltip>;
223
- ```
224
-
225
- - [#1105](https://github.com/utilitywarehouse/hearth/pull/1105) [`557e3c9`](https://github.com/utilitywarehouse/hearth/commit/557e3c90f9a43d8cde6a56c503051ed4a49645dd) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: Add `HearthProvider` component
226
-
227
- This component provides the necessary context for all Hearth components. It
228
- should be used at the root of your application to ensure that all components
229
- have access to the required context.
230
-
231
- Currently it provides context for the `Tooltip` component, but it may also
232
- include other providers in the future, so it is recommended to use
233
- `HearthProvider` instead of individual providers like `TooltipProvider`.
234
-
235
- ```tsx
236
- import { HearthProvider } from '@utilitywarehouse/hearth-react';
237
-
238
- function App({ children }) {
239
- return <HearthProvider>{children}</HearthProvider>;
240
- }
241
- ```
242
-
243
- - [#1131](https://github.com/utilitywarehouse/hearth/pull/1131) [`e0441b8`](https://github.com/utilitywarehouse/hearth/commit/e0441b88607ce2ebd2fc2c78889f730a96a5f25c) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Render only valid `CardActions` children
244
-
245
- We were rendering a `li` element for `null` children of `CardActions`, so we now
246
- filter out any invalid children before rendering. This should prevent any
247
- unexpected elements from being rendered in the DOM and ensure that only valid
248
- `CardActions` children are displayed.
249
-
250
- ### Patch Changes
251
-
252
- - [#1126](https://github.com/utilitywarehouse/hearth/pull/1126) [`fb275b6`](https://github.com/utilitywarehouse/hearth/commit/fb275b639400fa9b94386398eed09b4bf89c6c97) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [BUG]: Fix `InlineLink` inverted visited color
253
-
254
- ### Patch Changes
255
-
256
- - [#1125](https://github.com/utilitywarehouse/hearth/pull/1125) [`f1b992a`](https://github.com/utilitywarehouse/hearth/commit/f1b992a0923814dbfa3c045320366e9a87c1018a) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Long `Modal` content scrolling
257
-
258
- This change ensures that when the content of a `Modal` exceeds the viewport
259
- height, it becomes scrollable, allowing users to access all content without
260
- issues. For this to work correctly, the `fullScreen` prop must be set to `true`
261
- on the `Modal` component.
262
-
263
- - [#1122](https://github.com/utilitywarehouse/hearth/pull/1122) [`7f4c337`](https://github.com/utilitywarehouse/hearth/commit/7f4c337e8452bc05e1e2c2c141c9e0aa2901b620) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Only render `Combobox` popup when there are contents to display
264
-
265
- - [#1122](https://github.com/utilitywarehouse/hearth/pull/1122) [`7f4c337`](https://github.com/utilitywarehouse/hearth/commit/7f4c337e8452bc05e1e2c2c141c9e0aa2901b620) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `Combobox` status text styling
266
-
267
- ### Patch Changes
268
-
269
- - [#1098](https://github.com/utilitywarehouse/hearth/pull/1098) [`bf4a515`](https://github.com/utilitywarehouse/hearth/commit/bf4a515ee856c3bb9b1038c610de7b7ab0917c58) Thanks [@robphoenix](https://github.com/robphoenix)! - 🧹 [HOUSEKEEPING]: Update tokens in Hearth React
270
-
271
- - [#1102](https://github.com/utilitywarehouse/hearth/pull/1102) [`55e82ad`](https://github.com/utilitywarehouse/hearth/commit/55e82ade4afaa85af7f146f4678e7926757fb96e) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add Grid & Flex item props to `Alert`
272
-
273
- - [#1101](https://github.com/utilitywarehouse/hearth/pull/1101) [`97db42d`](https://github.com/utilitywarehouse/hearth/commit/97db42d0282a8f336d9285e409bcb21418b90f6d) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Make `RadioGroup` direction responsive
274
-
275
- ### Patch Changes
276
-
277
- - [#1057](https://github.com/utilitywarehouse/hearth/pull/1057) [`1daead3`](https://github.com/utilitywarehouse/hearth/commit/1daead3dd6ce9931a8c12e87e901441fa48db3cd) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `placeholder prop to `Combobox`
278
-
279
- - [#1058](https://github.com/utilitywarehouse/hearth/pull/1058) [`532fd5f`](https://github.com/utilitywarehouse/hearth/commit/532fd5fad11b82af516085efe18ff6af8195bc30) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: Add `loadingHeading` & `loadingDescription` to `Modal`.
280
-
281
- This change adds two new props, `loadingHeading` and `loadingDescription`, to
282
- the `Modal` component. These props allow developers to specify custom loading
283
- text that will be displayed when the modal is in a loading state.
284
-
285
- This change also deprecates the `loadingText` prop, which was previously used to
286
- display loading text in the modal. The new props provide more flexibility and
287
- allow for a clearer separation of the heading and description in the loading
288
- state.
289
-
290
- Consumers should update their code to use the new `loadingHeading` and
291
- `loadingDescription` props instead of the deprecated `loadingText` prop.
292
-
293
- ```diff
294
- - <Modal loadingText="Loading...">
295
- + <Modal loadingHeading="Loading..." loadingDescription="Please wait while we fetch the data.">
296
- ```
297
-
298
- ### Patch Changes
299
-
300
- - [#1052](https://github.com/utilitywarehouse/hearth/pull/1052) [`9d203e3`](https://github.com/utilitywarehouse/hearth/commit/9d203e3f9beddcd931bfe13a354f9b39e0fe547c) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Remove inconsistent animation override
301
-
302
- - [#1054](https://github.com/utilitywarehouse/hearth/pull/1054) [`ffa4f3b`](https://github.com/utilitywarehouse/hearth/commit/ffa4f3b401a83e965bad5799226f9b68badde70d) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Modal heading alignment
303
-
304
- ### Patch Changes
305
-
306
- - [#1032](https://github.com/utilitywarehouse/hearth/pull/1032) [`c7e9c9c`](https://github.com/utilitywarehouse/hearth/commit/c7e9c9cd34778f3c5fc0e1ae03fb6a68247e6a3d) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `data-current-color` casing on `Spinner`
307
-
308
- ### Minor Changes
309
-
310
- - [#1022](https://github.com/utilitywarehouse/hearth/pull/1022) [`8e25cde`](https://github.com/utilitywarehouse/hearth/commit/8e25cde3f25767d314b9b6a54122daed8f6cc037) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: Add `Skeleton` components
311
-
312
- This update introduces the `Skeleton` components, which provide a visual
313
- placeholder for content that is loading. The `Skeleton` components include:
314
- - `Skeleton`
315
- - `SkeletonHeading`
316
- - `SkeletonBox`
317
- - `SkeletonBodyText`
318
-
319
- These are each designed to mimic the appearance of their respective content
320
- types while data is being fetched.
321
-
322
- ```tsx
323
- <div aria-busy={isLoading}>
324
- {isLoading ? (
325
- <Skeleton loadingTitle="storybook demo">
326
- <Flex direction="column" gap="100">
327
- <SkeletonHeading width="60%" />
328
- <SkeletonBodyText width="80%" lines="3" />
329
- <SkeletonBox width="100%" height="200px" />
330
- <SkeletonBox width="64px" height="64px" borderRadius="full" />
331
- </Flex>
332
- </Skeleton>
333
- ) : (
334
-
335
- {...}
336
-
337
- )}
338
- </div>
339
- ```
340
-
341
- ### Minor Changes
342
-
343
- - [#993](https://github.com/utilitywarehouse/hearth/pull/993) [`2bb6ae7`](https://github.com/utilitywarehouse/hearth/commit/2bb6ae7a530762968aa0b2d82b43cc06134614c8) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: Add `CardAccordion` component
344
-
345
- `CardAccordion` breaks a form journey into multiple collapsible cards, allowing
346
- users to progress step-by-step on a single page while keeping previously
347
- completed steps visible and editable. Each card represents one logical step in
348
- the journey. As the user progresses, completed cards collapse into a summary
349
- view while the next card expands.
350
-
351
- ```tsx
352
- <CardAccordion>
353
- <CardAccordionItem value="step-1" title="Step 1: Personal details">
354
- ...
355
- <CardAccordionFooter>
356
- <CardAccordionButton action="next" />
357
- </CardAccordionFooter>
358
- </CardAccordionItem>
359
- <CardAccordionItem value="step-2" title="Step 2: Address details">
360
- ...
361
- <CardAccordionFooter>
362
- <CardAccordionButton action="previous" />
363
- <CardAccordionButton action="next" />
364
- </CardAccordionFooter>
365
- </CardAccordionItem>
366
- <CardAccordionItem value="step-3" title="Step 3: Payment details">
367
- ...
368
- <CardAccordionFooter>
369
- <CardAccordionButton action="previous" />
370
- </CardAccordionFooter>
371
- </CardAccordionItem>
372
- </CardAccordion>
373
- ```
374
-
375
- ### Patch Changes
376
-
377
- - [#1017](https://github.com/utilitywarehouse/hearth/pull/1017) [`747dd78`](https://github.com/utilitywarehouse/hearth/commit/747dd780862512aab53f7bdf89a8a389926f2e6a) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Ensure `style` prop is passed to `DescriptionList`
378
-
379
- - [#1017](https://github.com/utilitywarehouse/hearth/pull/1017) [`747dd78`](https://github.com/utilitywarehouse/hearth/commit/747dd780862512aab53f7bdf89a8a389926f2e6a) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `width`, `minWidth`, and `maxWidth` props to `DescriptionList`
380
-
381
- ### Patch Changes
382
-
383
- - [#1004](https://github.com/utilitywarehouse/hearth/pull/1004) [`0585a9f`](https://github.com/utilitywarehouse/hearth/commit/0585a9f2a779692f60d1fc26bfa0fe235e5dacf6) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add today indicator
384
-
385
- This change adds a visual indicator for the current day. It can be disabled
386
- with the `disableTodayIndicator` prop.
387
-
388
- ### Patch Changes
389
-
390
- - [#996](https://github.com/utilitywarehouse/hearth/pull/996) [`eb8ab7a`](https://github.com/utilitywarehouse/hearth/commit/eb8ab7a652b963b61b36b458843c40c32506d1dc) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `order` prop
391
-
392
- ## Affected Components
393
- - `Box`
394
- - `Flex`
395
- - `Grid`
396
-
397
- - [#997](https://github.com/utilitywarehouse/hearth/pull/997) [`13d30b6`](https://github.com/utilitywarehouse/hearth/commit/13d30b69dcd717f4c364d431fb9097bb06f360bc) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Modal description text alignment
398
-
399
- - [#1002](https://github.com/utilitywarehouse/hearth/pull/1002) [`7f05ed8`](https://github.com/utilitywarehouse/hearth/commit/7f05ed811e7faa0572f5964faaec07bb03aa7aac) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Broken layout on `Alert` when only children rendered as content
400
-
401
- - [#1001](https://github.com/utilitywarehouse/hearth/pull/1001) [`ddc21c0`](https://github.com/utilitywarehouse/hearth/commit/ddc21c06565e739be31bc2007ce6f1e656ad8bcf) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: incorrect casing for data-attribute on `Alert`
402
-
403
- - [#999](https://github.com/utilitywarehouse/hearth/pull/999) [`8093f0a`](https://github.com/utilitywarehouse/hearth/commit/8093f0aefca8b1677f80e48470569a6b0fc11ff8) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Set `pointer-events: auto` on `Combobox`
404
-
405
- This fixes an issue when using `Combobox` with `Modal` where it would not be
406
- possible to click on the `Combobox` options when the `Modal` is open. This is
407
- because `Modal` sets `pointer-events: none` on all elements outside of the
408
- `Modal` to prevent interaction with them, but this also affects the `Combobox`
409
- options.
410
-
411
- - [#1000](https://github.com/utilitywarehouse/hearth/pull/1000) [`61d834a`](https://github.com/utilitywarehouse/hearth/commit/61d834a91959088dd187abc6a31d8e4655030f32) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `direction` prop to `SectionHeader`
412
-
413
- - [#995](https://github.com/utilitywarehouse/hearth/pull/995) [`f09ef6c`](https://github.com/utilitywarehouse/hearth/commit/f09ef6c165f312c958bfa1ce189b19c412c4c0c8) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `alignSelf` prop
414
-
415
- ## Affected Components
416
- - `Box`
417
- - `Flex`
418
- - `Grid`
419
-
420
- ### Patch Changes
421
-
422
- - [#984](https://github.com/utilitywarehouse/hearth/pull/984) [`8973336`](https://github.com/utilitywarehouse/hearth/commit/89733367c0675953cf189b6986a4c4630fb4a309) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `asChild` prop to link based components for better integration with Next.js
423
-
424
- ## Components affected
425
- - `ListActionLink`
426
- - `ToastActionLink`
427
- - `ProgressStepLink`
428
- - `CardActionLink`
429
-
430
- ### Patch Changes
431
-
432
- - [#976](https://github.com/utilitywarehouse/hearth/pull/976) [`548f925`](https://github.com/utilitywarehouse/hearth/commit/548f925463186ef2736570f9e23bb1228ac20373) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Reinstate `forwardRef` on all components
433
-
434
- ### Patch Changes
435
-
436
- - [#970](https://github.com/utilitywarehouse/hearth/pull/970) [`7829fdc`](https://github.com/utilitywarehouse/hearth/commit/7829fdc8c4accab0f5e25ae121ff457681f1c94c) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `SectionHeader` margin props now applied to the container, not the heading.
437
-
438
- - [#972](https://github.com/utilitywarehouse/hearth/pull/972) [`9914d76`](https://github.com/utilitywarehouse/hearth/commit/9914d7617603777e2dd77823fec7e4c88dee956f) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Disabled button styles
439
-
440
- This change ensures the following button components correctly apply disabled
441
- styles when the `disabled` prop is set.
442
-
443
- ## Components affected
444
- - `CardActionButton`
445
- - `ListActionButton`
446
- - `ListItemButton`
447
-
448
- ### Minor Changes
449
-
450
- - [#964](https://github.com/utilitywarehouse/hearth/pull/964) [`c21e661`](https://github.com/utilitywarehouse/hearth/commit/c21e6610af597b9a252c64032a6ab116f084bfc1) Thanks [@robphoenix](https://github.com/robphoenix)! - 💔 [BREAKING VISUAL CHANGE]: `RadioTile` default layout change
451
-
452
- This change updates the default layout for `RadioTile`, when used in a row, to
453
- hug the content instead of filling the available space. This is a breaking
454
- change as it may affect existing layouts where `RadioTile` was used in a row and
455
- relied on the previous default behaviour of filling the available space. To
456
- restore the previous behaviour, you can set the `flex` prop to `1` on each `RadioTile`:
457
-
458
- ```diff
459
- <RadioGroup direction="row" label="Numbers">
460
- + <RadioTile value="1" label="One" flex="1" />
461
- + <RadioTile value="2" label="Two" flex="1" />
462
- </RadioGroup>
463
- ```
464
-
465
- ### Patch Changes
466
-
467
- - [#964](https://github.com/utilitywarehouse/hearth/pull/964) [`c21e661`](https://github.com/utilitywarehouse/hearth/commit/c21e6610af597b9a252c64032a6ab116f084bfc1) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: Add flex item props to `RadioTile` component
468
-
469
- This change adds all the `flexItem` props to the `RadioTile` component to
470
- support better layout control when using `RadioTile` within flex containers. The
471
- following props have been added:
472
- - `flex`
473
- - `flexBasis`
474
- - `flexGrow`
475
- - `flexShrink`
476
-
477
- ### Patch Changes
478
-
479
- - [#960](https://github.com/utilitywarehouse/hearth/pull/960) [`fd1b98e`](https://github.com/utilitywarehouse/hearth/commit/fd1b98e1ef3a62ca8675b316854e00d4d5a2df93) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `paddingBottomNone` prop to `CardContent`
480
-
481
- - [#951](https://github.com/utilitywarehouse/hearth/pull/951) [`25698c1`](https://github.com/utilitywarehouse/hearth/commit/25698c112ed7f0f2b7c1f814481d00ca74561f4a) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Improve disabled `Link` styles
482
-
483
- The `Link` styles were being displayed when `aria-disabled` was both false &
484
- true. This change ensures that the correct styles are applied only when
485
- `aria-disabled='true'`.
486
-
487
- - [#950](https://github.com/utilitywarehouse/hearth/pull/950) [`680d770`](https://github.com/utilitywarehouse/hearth/commit/680d7708bc85d57263837697eee01e33f574dd01) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Improve labelling of `List`
488
-
489
- This change ensures that the `List` component is properly labelled for assistive
490
- technologies, enhancing accessibility for users relying on screen readers.
491
-
492
- This change also updates the documentation, removing `aria-label` props on list
493
- items, as we are changing the guidance to not include them. This is because the
494
- list items are already labelled by their content, and adding an `aria-label` can
495
- create confusion for screen readers.
496
-
497
- - Updated dependencies [[`25698c1`](https://github.com/utilitywarehouse/hearth/commit/25698c112ed7f0f2b7c1f814481d00ca74561f4a)]:
498
- - @utilitywarehouse/hearth-css-reset@0.1.4
499
-
500
- ### Patch Changes
501
-
502
- - [#945](https://github.com/utilitywarehouse/hearth/pull/945) [`34404fe`](https://github.com/utilitywarehouse/hearth/commit/34404feec4fda152f1670be5f6ac23bc442359b1) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Pass refs to `ListItem*` components
503
-
504
- ## Components affected
505
- - `ListItem`
506
- - `ListItemContent`
507
- - `ListItemButton`
508
- - `ListItemLink`
509
- - `BodyText`
510
- - `Flex`
511
-
512
- - [#942](https://github.com/utilitywarehouse/hearth/pull/942) [`4228cf0`](https://github.com/utilitywarehouse/hearth/commit/4228cf0a34d257f6c3e0fb76b8bfdde37ebba694) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `loading` prop to `Combobox`
513
-
514
- - [#943](https://github.com/utilitywarehouse/hearth/pull/943) [`96c247b`](https://github.com/utilitywarehouse/hearth/commit/96c247bcc36f3190423a0c37f0d7f6ce7b436932) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Ensure refs are forwarded for `Link` & `BreadcrumbItem` components
515
-
516
- - [#945](https://github.com/utilitywarehouse/hearth/pull/945) [`34404fe`](https://github.com/utilitywarehouse/hearth/commit/34404feec4fda152f1670be5f6ac23bc442359b1) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Better support for custom `ListItem*` trailing content
517
-
518
- ## Components affected
519
- - `ListItemContent`
520
- - `ListItemButton`
521
- - `ListItemLink`
522
-
523
- - [#943](https://github.com/utilitywarehouse/hearth/pull/943) [`96c247b`](https://github.com/utilitywarehouse/hearth/commit/96c247bcc36f3190423a0c37f0d7f6ce7b436932) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Add missing `alignContent` prop defs to `Flex` component
524
-
525
- - [#946](https://github.com/utilitywarehouse/hearth/pull/946) [`acacada`](https://github.com/utilitywarehouse/hearth/commit/acacadae520b026179c5e982bfa4c3760ea0a29e) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Scroll area border radius
526
-
527
- ## Components affected
528
- - `Menu`
529
- - `ComboBox`
530
- - `Select`
531
-
532
- ### Patch Changes
533
-
534
- - [#928](https://github.com/utilitywarehouse/hearth/pull/928) [`54baa29`](https://github.com/utilitywarehouse/hearth/commit/54baa29a40a8dd109d455cc23c4ea9bdddc90ca1) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Change `List` items `helperText` type to `ReactNode`
535
-
536
- **Components affected**:
537
- - `ListItemContent`
538
- - `ListItemLink`
539
- - `ListItemButton`
540
-
541
- - [#931](https://github.com/utilitywarehouse/hearth/pull/931) [`6b1d4ba`](https://github.com/utilitywarehouse/hearth/commit/6b1d4bade5119f5a7e9ecce567f7d290ca313007) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Include `modal` prop to change behaviour of `Menu` as needed
542
-
543
- **Components affected**:
544
- - `Menu`
545
-
546
- This change adds a `modal` prop to `Menu` to allow users to change the behaviour
547
- of the `Menu` when multiple `Menu` components are used together. When `modal` is
548
- set to `false`, if a user has an open `Menu` and they click on a different
549
- `MenuTrigger` the second `Menu` opens immediately, closing the first `Menu`
550
- without the need for the user to click outside of the first `Menu` to close it.
551
-
552
- - [#929](https://github.com/utilitywarehouse/hearth/pull/929) [`2bfeeed`](https://github.com/utilitywarehouse/hearth/commit/2bfeeed64d1b670f31ec1d7da209acc09b492ada) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: Add props to `Modal` to control the ability to dismiss
553
-
554
- **Components affected**:
555
- - `Modal`
556
-
557
- This change adds the `onPointerDownOutside`, `onEscapeKeyDown` & `onInteractOutside`
558
- props to `Modal` to allow users to prevent the modal from closing when users
559
- click outside of the modal or press the escape key.
560
-
561
- These props are inherited from the underlying `Dialog.Content` component from
562
- [Radix UI](https://www.radix-ui.com/primitives/docs/components/dialog#content).
563
-
564
- ### Patch Changes
565
-
566
- - [#920](https://github.com/utilitywarehouse/hearth/pull/920) [`9dead1a`](https://github.com/utilitywarehouse/hearth/commit/9dead1a33302b265f54881d6dd00709749660f44) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: Add `opacity` prop to layout components
567
-
568
- **Components affected**:
569
- - `Box`
570
- - `Flex`
571
- - `Grid`
572
-
573
- These components now accept an `opacity` prop that allows you to set the opacity
574
- of the component and its children. The `opacity` prop accepts a string value between
575
- `0` and `1`, as well as Hearth browser tokens and CSS custom properties.
576
-
577
- ```tsx
578
- import {semantic} from '@utilitywarehouse/hearth-tokens/browser';
579
-
580
- <Box opacity="0.5" />
581
- <Box opacity={semantic.opacity.disabled}/>
582
- <Box opacity="var(--h-opacity-disabled)" />
583
-
584
- <Flex opacity="0.5" />
585
- <Flex opacity={semantic.opacity.disabled}/>
586
- <Flex opacity="var(--h-opacity-disabled)" />
587
-
588
- <Grid opacity="0.5" />
589
- <Grid opacity={semantic.opacity.disabled}/>
590
- <Grid opacity="var(--h-opacity-disabled)" />
591
- ```
592
-
593
- - [#921](https://github.com/utilitywarehouse/hearth/pull/921) [`d1b5fce`](https://github.com/utilitywarehouse/hearth/commit/d1b5fceae3f2b01747201cf29995c320878cb5fd) Thanks [@robphoenix](https://github.com/robphoenix)! - 🧹 [HOUSEKEEPING]: Improve `CurrencyInput` ref handling
594
-
595
- - [#924](https://github.com/utilitywarehouse/hearth/pull/924) [`f93901c`](https://github.com/utilitywarehouse/hearth/commit/f93901c878bd21082fdc954778a8f90a543a7fd4) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `CardActions` trailing icon shrink
596
-
597
- - [#919](https://github.com/utilitywarehouse/hearth/pull/919) [`dd5c2ea`](https://github.com/utilitywarehouse/hearth/commit/dd5c2ea63424b3e64a5881bdcbfcaf42444a8d38) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Ensure `CardActions` borders render properly when direction is set responsively
598
-
599
- - [#919](https://github.com/utilitywarehouse/hearth/pull/919) [`dd5c2ea`](https://github.com/utilitywarehouse/hearth/commit/dd5c2ea63424b3e64a5881bdcbfcaf42444a8d38) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Apply correct border width to the `CardActions`. Previously this was
600
- variable depending on the parent `Card` variant, but is now always set to
601
- `--h-border-width-1`.
602
-
603
- ### Patch Changes
604
-
605
- - [#907](https://github.com/utilitywarehouse/hearth/pull/907) [`a9e2a40`](https://github.com/utilitywarehouse/hearth/commit/a9e2a40d0a2ce05284d84aa0f02f7b0618061b07) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `CurrencyInput` styles
606
-
607
- - [#908](https://github.com/utilitywarehouse/hearth/pull/908) [`c870ad4`](https://github.com/utilitywarehouse/hearth/commit/c870ad4f829cfc193d80ec67a87367e91c3d9153) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Ensure refs are forwarded for input components
608
-
609
- - [#915](https://github.com/utilitywarehouse/hearth/pull/915) [`6f29e1e`](https://github.com/utilitywarehouse/hearth/commit/6f29e1eb911d989c1ee0eea85c72a70f72362a4b) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: `CardActions` will now inherit the parent `Card` border styles
610
-
611
- - [#916](https://github.com/utilitywarehouse/hearth/pull/916) [`54248d0`](https://github.com/utilitywarehouse/hearth/commit/54248d07199ea3c427b9d22a8016e1431dc78162) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `CardActions` width
612
-
613
- ### Patch Changes
614
-
615
- - [#895](https://github.com/utilitywarehouse/hearth/pull/895) [`6190fcb`](https://github.com/utilitywarehouse/hearth/commit/6190fcbd23d2f6117f9a23c11c938c79d46325af) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Styles incorrectly applied on `TextInput`, `TextArea` & `VerificationInput`
616
-
617
- Thank you @msrch for finding the issue and pinpointing its cause. 🙌
618
-
619
- ### Patch Changes
620
-
621
- - [#876](https://github.com/utilitywarehouse/hearth/pull/876) [`d956819`](https://github.com/utilitywarehouse/hearth/commit/d956819308578226cd8f6bb70b65922bd924ba50) Thanks [@robphoenix](https://github.com/robphoenix)! - 📦 [DEPS]: Bump @utilitywarehouse/hearth-react-icons peerDependency to 0.8.0
622
-
623
- - [#890](https://github.com/utilitywarehouse/hearth/pull/890) [`9a54516`](https://github.com/utilitywarehouse/hearth/commit/9a54516f8def4dcaa18e8975a777b0e6c69b315d) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `DescriptionListItem` heading width
624
-
625
- Ensure the heading text doesn't wrap unnecessarily, especially when the
626
- direction is set to 'column'.
627
-
628
- ### Patch Changes
629
-
630
- - [#872](https://github.com/utilitywarehouse/hearth/pull/872) [`e870754`](https://github.com/utilitywarehouse/hearth/commit/e8707546773432d3f346d19ade946feb0b64dddd) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add explicit ref forwarding to better support React v18
631
-
632
- **Components affected**:
633
- - `Button`
634
- - `IconButton`
635
-
636
- ### Patch Changes
637
-
638
- - [#863](https://github.com/utilitywarehouse/hearth/pull/863) [`b753e8a`](https://github.com/utilitywarehouse/hearth/commit/b753e8a920420b7f6d48d4ce30d39138a27e600d) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: `ToggleButtonCard` - Add flexbox props, and apply sensible defaults.
639
-
640
- ### Patch Changes
641
-
642
- - [#842](https://github.com/utilitywarehouse/hearth/pull/842) [`c7a530d`](https://github.com/utilitywarehouse/hearth/commit/c7a530d96f7e4d6c533eaa0a3b1c57ccc21730f2) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `CurrencyInput` text styles
643
-
644
- - [#844](https://github.com/utilitywarehouse/hearth/pull/844) [`738a065`](https://github.com/utilitywarehouse/hearth/commit/738a065f8e2c0314cb455a97dc2221000702d803) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Include flex-item props on `ToggleButtonCard`
645
-
646
- ### Patch Changes
647
-
648
- - [#838](https://github.com/utilitywarehouse/hearth/pull/838) [`dc030be`](https://github.com/utilitywarehouse/hearth/commit/dc030be5fe00c02a9fe66014081a8f5d9def2df7) Thanks [@robphoenix](https://github.com/robphoenix)! - 📦 [DEPS]: Bump `hearth-react-icons` peer dep
649
-
650
- - [#840](https://github.com/utilitywarehouse/hearth/pull/840) [`980b503`](https://github.com/utilitywarehouse/hearth/commit/980b5031431989ac203c4b444357832030c10dff) Thanks [@robphoenix](https://github.com/robphoenix)! - 📦 [DEPS]: Bump base-ui
651
-
652
- ### Patch Changes
653
-
654
- - [#830](https://github.com/utilitywarehouse/hearth/pull/830) [`c2a1156`](https://github.com/utilitywarehouse/hearth/commit/c2a1156b1ae9faa484951c77fc8e41d0566d2751) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Refactor `TextArea`.
655
-
656
- This refactor does not affect the external API of the `TextArea` component, but
657
- addresses the sizing issues previously encountered. The component now behaves in
658
- the same way as the `TextInput` component, while keeping the same visual
659
- appearance.
660
-
661
- ### Patch Changes
662
-
663
- - [#822](https://github.com/utilitywarehouse/hearth/pull/822) [`f6e92b0`](https://github.com/utilitywarehouse/hearth/commit/f6e92b00b9d85ea830ea0f2bc271d5af06db8a9e) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add validation to `Checkbox` & `CheckboxTile`
664
-
665
- - [#824](https://github.com/utilitywarehouse/hearth/pull/824) [`4244533`](https://github.com/utilitywarehouse/hearth/commit/4244533d324adda52f145153fb160b647a258d34) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `asChild` to `ListItemLink` component.
666
-
667
- You can use the `ListItemLink` component with Next.js's `Link` component by using the
668
- `asChild` prop. This allows you to wrap the `ListItemLink` around Next.js's `Link`
669
- component, enabling client-side navigation while maintaining the styling and
670
- functionality of the `ListItemLink`.
671
-
672
- ```tsx
673
- import NextLink from 'next/link';
674
- import { List, ListItem, ListItemLink } from '@utilitywarehouse/hearth-react';
675
-
676
- [...]
677
-
678
- <List>
679
- <ListItem>
680
- <ListItemLink heading="Page One" asChild>
681
- <NextLink href="/one" />
682
- </ListItemLink>
683
- </ListItem>
684
- <ListItem>
685
- <ListItemLink heading="Page Two" asChild>
686
- <NextLink href="/two" />
687
- </ListItemLink>
688
- </ListItem>
689
- </List>
690
- ```
691
-
692
- - [#820](https://github.com/utilitywarehouse/hearth/pull/820) [`bfac360`](https://github.com/utilitywarehouse/hearth/commit/bfac3609df812b7d9876f9691ee0e1ff3e8edbb1) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `paddingNone` prop to `List` component.
693
-
694
- Setting this prop on the `List` component will remove the inline padding on
695
- child list item components. This change will not have an effect if either
696
- `variant` or `colorScheme` are set as `undefined`.
697
-
698
- - [#821](https://github.com/utilitywarehouse/hearth/pull/821) [`61cc627`](https://github.com/utilitywarehouse/hearth/commit/61cc6271873f3c55eab427651366c79428f8d9a4) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Don't show `Card` shadows when interactive cards are focused.
699
-
700
- ### Patch Changes
701
-
702
- - [#811](https://github.com/utilitywarehouse/hearth/pull/811) [`2ef3b12`](https://github.com/utilitywarehouse/hearth/commit/2ef3b124cc45284bbe18c0022dc0bf6ccd7a0d5a) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: Add `spacing` prop to `Tabs` to control the space between `TabsList` & `TabContent`.
703
-
704
- You can now customize the spacing between the `TabsList` and `TabContent` in the
705
- `Tabs` component by using the new `spacing` prop. This prop from the `Flex`
706
- component and accepts predefined values (`'none'`, `'2xs'`, `'xs'`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'2xl'`) to
707
- adjust the gap according to your design needs.
708
-
709
- No changes are needed from consumers, however you may find this is a better way
710
- to manage the spacing in your `TabContent` layouts, possibly removing any
711
- `paddingTop` within the `TabContent` component in favour of this approach.
712
-
713
- ### Patch Changes
714
-
715
- - [#802](https://github.com/utilitywarehouse/hearth/pull/802) [`f9a357b`](https://github.com/utilitywarehouse/hearth/commit/f9a357b79e7cbbe871bbc96c26d4729853114079) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Remove default padding from `TabContent`.
716
-
717
- We have removed the default padding on `TabContent`, as it shouldn't have been
718
- there in the first place.
719
-
720
- Consumers will need to visual check and adjust their own padding in response to
721
- this change as `TabContent` layouts will change slightly as a result.
722
-
723
- ### Patch Changes
724
-
725
- - [#797](https://github.com/utilitywarehouse/hearth/pull/797) [`c748148`](https://github.com/utilitywarehouse/hearth/commit/c7481484cef981f0c634e5041a6f76e3b1cc5214) Thanks [@robphoenix](https://github.com/robphoenix)! - 💅 [ENHANCEMENT]: `Select` - truncate selected value.
726
- This change requires no changes from consumers.
727
-
728
- - [#794](https://github.com/utilitywarehouse/hearth/pull/794) [`b09bfa1`](https://github.com/utilitywarehouse/hearth/commit/b09bfa1f690e15437ab6038ec4c92c96c561e753) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Unable to click `Modal` close icon button.
729
- This change requires no changes from consumers.
730
-
731
- ### Patch Changes
732
-
733
- - [#781](https://github.com/utilitywarehouse/hearth/pull/781) [`434854e`](https://github.com/utilitywarehouse/hearth/commit/434854e269bcae2dce647efca667d024b38450c7) Thanks [@robphoenix](https://github.com/robphoenix)! - Ensure long content is handled properly in `Modal`. This change adds a
734
- `ModalContent` component that can be used to wrap long content within a modal,
735
- ensuring it is scrollable and fits within the viewport.
736
-
737
- ### Patch Changes
738
-
739
- - [#777](https://github.com/utilitywarehouse/hearth/pull/777) [`ede161a`](https://github.com/utilitywarehouse/hearth/commit/ede161abb1be82582223f64209b5fa4bdaa57954) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: Modal content spacing when `description` is not used.
740
-
741
- Ideally users should use the `description` prop for modal content, but in cases
742
- where they don't, we need to ensure proper spacing is maintained. This fix
743
- doesn't require any changes from the users' side.
744
-
745
- ### Patch Changes
746
-
747
- - [#765](https://github.com/utilitywarehouse/hearth/pull/765) [`e47f6bf`](https://github.com/utilitywarehouse/hearth/commit/e47f6bfba9f54adf62c034186f696bee1c563acc) Thanks [@robphoenix](https://github.com/robphoenix)! - 🐛 [FIX]: `DatePicker` usage inside `Modal`
748
-
749
- When using the `DatePicker` component inside a `Modal`, users were unable to
750
- select dates properly. This was caused by the Radix UI dialog component we use
751
- in `Modal` setting `pointer-events: none` on the `body` element. This is fixed
752
- by explicitly setting `pointer-events: auto` on the `DatePicker` popper.
753
-
754
- ### Minor Changes
755
-
756
- - [#753](https://github.com/utilitywarehouse/hearth/pull/753) [`a68da7e`](https://github.com/utilitywarehouse/hearth/commit/a68da7ee1eb87270336ee0a2269f082c994926da) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: Display an open icon when links are set to open in a new tab.
757
-
758
- This change enhances user experience by providing a visual cue for links that
759
- open in new tabs. An open icon will now be displayed next to the link text when
760
- `target` is set to `_blank`.
761
-
762
- You can override this behaviour by setting the `hideOpenIcon` prop to true.
763
-
764
- Additionally, "opens in new tab" will be read out by screen readers. This will
765
- happen even when `hideOpenIcon` is set to true.
766
-
767
- **Components affected**:
768
- - `InlineLink`
769
- - `Link`
770
-
771
- **Developer changes**:
772
-
773
- If you already have links that open in new tabs, you don't need to make any
774
- changes. However, if you want to hide the open icon for specific links, you can
775
- do so by adding the `hideOpenIcon` prop:
776
-
777
- ```tsx
778
- <Link href="/faqs" target="_blank" hideOpenIcon>
779
- Visit FAQs
780
- </Link>
781
- ```
782
-
783
- ```tsx
784
- <InlineLink href="/faqs" target="_blank" hideOpenIcon>
785
- Visit FAQs
786
- </InlineLink>
787
- ```
788
-
789
- Remember, use `target="_blank"` sparingly! ([When to use target="\_blank"](https://css-tricks.com/use-target_blank/)).
790
-
791
- ### Patch Changes
792
-
793
- - [#759](https://github.com/utilitywarehouse/hearth/pull/759) [`cdc8063`](https://github.com/utilitywarehouse/hearth/commit/cdc806343e3cdd4002668f5044f804083cb01d38) Thanks [@robphoenix](https://github.com/robphoenix)! - 🪲 [BUGFIX]: Add missing border color CSS classes
794
-
795
- ### Patch Changes
796
-
797
- - [#746](https://github.com/utilitywarehouse/hearth/pull/746) [`8832481`](https://github.com/utilitywarehouse/hearth/commit/88324814f51976cc8e4330199ebe3dbfc69f0656) Thanks [@robphoenix](https://github.com/robphoenix)! - [FEATURE]: Add `minHeight` & `maxHeight` props to `TextArea`
798
-
799
- - [#743](https://github.com/utilitywarehouse/hearth/pull/743) [`f7e8d94`](https://github.com/utilitywarehouse/hearth/commit/f7e8d947cd4150a77b91e42c7620f7486a49b2ed) Thanks [@robphoenix](https://github.com/robphoenix)! - [BUG]: Fix `DatePicker` trigger type
800
-
801
- Explicitly set the `DatePickerTrigger` type to `button` to prevent it from
802
- defaulting to `submit` in forms, which could cause unintended form submissions.
803
-
804
- This update requires no changes to existing code that uses `DatePicker`, as it
805
- only alters the default behaviour of the trigger element.
806
-
807
- - [#748](https://github.com/utilitywarehouse/hearth/pull/748) [`b165e12`](https://github.com/utilitywarehouse/hearth/commit/b165e127b8049bb3784fd345df389d429646d129) Thanks [@robphoenix](https://github.com/robphoenix)! - [BUG]: Fix `TextInput` focus with react-hook-form
808
-
809
- `react-hook-form` was causing the `TextInput` to lose focus when typing, this
810
- has been fixed.
811
-
812
- Be aware that you will probably want to set `noValidate` on your form to prevent
813
- the browser from displaying its own validation messages.
814
-
815
- Otherwise, this shouldn't cause any changes to consumer code.
816
-
817
- ### Patch Changes
818
-
819
- - [#734](https://github.com/utilitywarehouse/hearth/pull/734) [`f5e50ed`](https://github.com/utilitywarehouse/hearth/commit/f5e50ed591170f8313d7435c30387998b90962d2) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `loading` & `loadingText` props to `Modal`
820
-
821
- - [#732](https://github.com/utilitywarehouse/hearth/pull/732) [`3a785c4`](https://github.com/utilitywarehouse/hearth/commit/3a785c4cff2c2f69d4aaa14e9b237c41fb40a195) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `Modal` heading text wrap
822
-
823
- ### Patch Changes
824
-
825
- - [#729](https://github.com/utilitywarehouse/hearth/pull/729) [`40ad6b9`](https://github.com/utilitywarehouse/hearth/commit/40ad6b9c8bf4abae7c0f3772609f88a69c8ebf4f) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `DatePicker` props
826
-
827
- ### Patch Changes
828
-
829
- - [#727](https://github.com/utilitywarehouse/hearth/pull/727) [`58d8f21`](https://github.com/utilitywarehouse/hearth/commit/58d8f21ed9e1875ce9e2b7d4b5fe20c739da776c) Thanks [@robphoenix](https://github.com/robphoenix)! - Multiple fixes
830
- - fix `Box` display prop
831
- - fix `CurrencyInput` styles
832
- - fix `ListItem` trailing content
833
- - fix `Button` loading label
834
- - fix `SearchInput` role
835
- - fix `UnstyledIconButton` label
836
- - fix `ProgressBar` percentage calculation
837
-
838
- ### Minor Changes
839
-
840
- - [#711](https://github.com/utilitywarehouse/hearth/pull/711) [`358c38b`](https://github.com/utilitywarehouse/hearth/commit/358c38b97ce44b86c44c9d2f4c5950833ba11dde) Thanks [@Utakato](https://github.com/Utakato)! - Add `Toast`
841
-
842
- ### Patch Changes
843
-
844
- - [#725](https://github.com/utilitywarehouse/hearth/pull/725) [`59eca05`](https://github.com/utilitywarehouse/hearth/commit/59eca052a823b9dbf582e6dd100fa593d25e13e3) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `asChild` to `InlineLink`
845
-
846
- - [#723](https://github.com/utilitywarehouse/hearth/pull/723) [`097ea5d`](https://github.com/utilitywarehouse/hearth/commit/097ea5dec680cdb02d9e219697d6b66bb71e2308) Thanks [@robphoenix](https://github.com/robphoenix)! - Replace clsx with local helper function
847
-
848
- ### Minor Changes
849
-
850
- - [#710](https://github.com/utilitywarehouse/hearth/pull/710) [`c354913`](https://github.com/utilitywarehouse/hearth/commit/c354913e1bd2e33b615a68b993432e40399d1c16) Thanks [@robphoenix](https://github.com/robphoenix)! - Breaking changes to `borderRadius` props. The following props have been removed:
851
- - `borderTopLeftRadius`
852
- - `borderTopRightRadius`
853
- - `borderBottomLeftRadius`
854
- - `borderBottomRightRadius`
855
-
856
- These have been replaced with the following props:
857
- - `borderRadiusTopLeftNone`
858
- - `borderRadiusTopRightNone`
859
- - `borderRadiusTopNone`
860
- - `borderRadiusBottomLeftNone`
861
- - `borderRadiusBottomRightNone`
862
- - `borderRadiusBottomNone`
863
-
864
- If you were using the above removed props previously, you can now set your
865
- desired border-radius using `borderRadius` and override any sides or corners you
866
- do not need it applied to:
867
-
868
- ```diff
869
- - <Box borderTopLeftRadius='lg' borderTopRightRadius='lg' />
870
- + <Box borderRadius='lg' borderRadiusBottomNone />
871
- ```
872
-
873
- - [#710](https://github.com/utilitywarehouse/hearth/pull/710) [`c354913`](https://github.com/utilitywarehouse/hearth/commit/c354913e1bd2e33b615a68b993432e40399d1c16) Thanks [@robphoenix](https://github.com/robphoenix)! - Breaking changes to padding & margin props. These were made for better
874
- readability and familiarity with prop naming conventions.
875
-
876
- Rename `marginInline` & `marginBlock` to `marginX` & `marginY`
877
- Rename `paddingInline` & `paddingBlock` to `paddingX` & `paddingY`
878
-
879
- ```diff
880
- - <Box marginInline="200" marginBlock="200" paddingInline="200" paddingBlock="200" />
881
- + <Box marginX="200" marginY="200" paddingX="200" paddingY="200" />
882
- ```
883
-
884
- ### Patch Changes
885
-
886
- - [#710](https://github.com/utilitywarehouse/hearth/pull/710) [`c354913`](https://github.com/utilitywarehouse/hearth/commit/c354913e1bd2e33b615a68b993432e40399d1c16) Thanks [@robphoenix](https://github.com/robphoenix)! - Export breakpoints.css
887
-
888
- - [#721](https://github.com/utilitywarehouse/hearth/pull/721) [`eb8a8c1`](https://github.com/utilitywarehouse/hearth/commit/eb8a8c125173cd126794f5737f34e3e1f0011212) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `zIndex` & `overflow` props
889
-
890
- ### Patch Changes
891
-
892
- - [#717](https://github.com/utilitywarehouse/hearth/pull/717) [`36fb968`](https://github.com/utilitywarehouse/hearth/commit/36fb968802bb364d57fd3f99e4be1857e86e9514) Thanks [@robphoenix](https://github.com/robphoenix)! - Add label variant
893
-
894
- - [#718](https://github.com/utilitywarehouse/hearth/pull/718) [`a6ba6b0`](https://github.com/utilitywarehouse/hearth/commit/a6ba6b095f97c903f240e98dc933dbbdc124c7f5) Thanks [@robphoenix](https://github.com/robphoenix)! - Add visible label to `SearchInput`
895
-
896
- - [#716](https://github.com/utilitywarehouse/hearth/pull/716) [`e754226`](https://github.com/utilitywarehouse/hearth/commit/e7542265dea0bdb79d6eb200c811fea75bd4a23d) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `2xl` heading size
897
-
898
- - [#712](https://github.com/utilitywarehouse/hearth/pull/712) [`8a384e0`](https://github.com/utilitywarehouse/hearth/commit/8a384e0b0e994ecb3a281fbbfb614dd8a230a73f) Thanks [@robphoenix](https://github.com/robphoenix)! - Update `Modal` padding
899
-
900
- ### Minor Changes
901
-
902
- - [#700](https://github.com/utilitywarehouse/hearth/pull/700) [`bb556e6`](https://github.com/utilitywarehouse/hearth/commit/bb556e67219e806f0b8ff4fe21d1a7a84a9fa7db) Thanks [@robphoenix](https://github.com/robphoenix)! - Remove usage of `forwardRef`. While this change shouldn't change any public APIs, it's significant enough to warrant a release bump.
903
-
904
- - [#700](https://github.com/utilitywarehouse/hearth/pull/700) [`bb556e6`](https://github.com/utilitywarehouse/hearth/commit/bb556e67219e806f0b8ff4fe21d1a7a84a9fa7db) Thanks [@robphoenix](https://github.com/robphoenix)! - [BREAKING CHANGE] Refactor `ProgressStepper`
905
- - `ProgressStepContent` has been removed.
906
- - `ProgressStepButton` & `ProgressStepLink` should no longer be wrapped in a `ProgressStep` component.
907
-
908
- ### Patch Changes
909
-
910
- - Updated dependencies [[`bb556e6`](https://github.com/utilitywarehouse/hearth/commit/bb556e67219e806f0b8ff4fe21d1a7a84a9fa7db)]:
911
- - @utilitywarehouse/hearth-css-reset@0.1.3
912
-
913
- ### Minor Changes
914
-
915
- - [#703](https://github.com/utilitywarehouse/hearth/pull/703) [`03e4928`](https://github.com/utilitywarehouse/hearth/commit/03e492801f4457d85a7e0fbda322ac6aa5aa28f9) Thanks [@robphoenix](https://github.com/robphoenix)! - BREAKING CHANGE - Rename `TextInputSlot` to `InputSlot`
916
-
917
- ### Patch Changes
918
-
919
- - [#703](https://github.com/utilitywarehouse/hearth/pull/703) [`03e4928`](https://github.com/utilitywarehouse/hearth/commit/03e492801f4457d85a7e0fbda322ac6aa5aa28f9) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `Combobox`
920
-
921
- - [#701](https://github.com/utilitywarehouse/hearth/pull/701) [`99b7f07`](https://github.com/utilitywarehouse/hearth/commit/99b7f0726638fb840d107b52f3968c009e994e09) Thanks [@Utakato](https://github.com/Utakato)! - Add `VerificationInput`
922
-
923
- ### Patch Changes
924
-
925
- - [#698](https://github.com/utilitywarehouse/hearth/pull/698) [`d7095fb`](https://github.com/utilitywarehouse/hearth/commit/d7095fba7a215e742fafdac8b3dd44180b3f312d) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `'use client'` directive where necessary
926
-
927
- ### Minor Changes
928
-
929
- - [#696](https://github.com/utilitywarehouse/hearth/pull/696) [`6ce785d`](https://github.com/utilitywarehouse/hearth/commit/6ce785da957edea98952c3043721aad4e6567dc3) Thanks [@robphoenix](https://github.com/robphoenix)! - Revert `Table` breaking changes with further BREAKING CHANGES
930
- - Remove `TableContainer`
931
- - Add `pagination` prop
932
-
933
- ### Minor Changes
934
-
935
- - [#695](https://github.com/utilitywarehouse/hearth/pull/695) [`1e5f3c4`](https://github.com/utilitywarehouse/hearth/commit/1e5f3c45241fc3893d6b3ead394dcc6cb978a72c) Thanks [@robphoenix](https://github.com/robphoenix)! - `Table` component BREAKING changes
936
- - Remove `footer` prop
937
- - Remove `variant` prop from `Table` component
938
- - Add `TableContainer` component, with `variant` prop
939
- - Add `TablePagination` component
940
-
941
- - [#691](https://github.com/utilitywarehouse/hearth/pull/691) [`d8eba84`](https://github.com/utilitywarehouse/hearth/commit/d8eba847f104c17e0b069e9cf66331a0bd433f88) Thanks [@robphoenix](https://github.com/robphoenix)! - Remove `as` prop from `Card`
942
-
943
- ### Patch Changes
944
-
945
- - [#688](https://github.com/utilitywarehouse/hearth/pull/688) [`b0ff651`](https://github.com/utilitywarehouse/hearth/commit/b0ff6511924989dadeca1ae7ccf0c012424e08e7) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix missing tokens
946
-
947
- - [#689](https://github.com/utilitywarehouse/hearth/pull/689) [`311ab8e`](https://github.com/utilitywarehouse/hearth/commit/311ab8e7dcc3f78136d4b62415f013ed2c0b6b94) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `alignItems` prop to `ToggleButtonCard` to improve layout opportunities
948
-
949
- - [#678](https://github.com/utilitywarehouse/hearth/pull/678) [`a9326cf`](https://github.com/utilitywarehouse/hearth/commit/a9326cf3dad34145b42491ce578a7b13021cb89d) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `DatePicker`
950
-
951
- - [#690](https://github.com/utilitywarehouse/hearth/pull/690) [`461a9a4`](https://github.com/utilitywarehouse/hearth/commit/461a9a42f74a0acaffcfdec2e23bcbd02d016867) Thanks [@robphoenix](https://github.com/robphoenix)! - Ensure spacing between heading & close button in `Modal`
952
-
953
- ### Patch Changes
954
-
955
- - [#681](https://github.com/utilitywarehouse/hearth/pull/681) [`ca261b1`](https://github.com/utilitywarehouse/hearth/commit/ca261b1134233505afa1939e03167c20935989e7) Thanks [@MichalCiesliczka](https://github.com/MichalCiesliczka)! - fix: remove Table min width value
956
-
957
- ### Patch Changes
958
-
959
- - [#679](https://github.com/utilitywarehouse/hearth/pull/679) [`0a9d740`](https://github.com/utilitywarehouse/hearth/commit/0a9d74094f4729f4005f71927b5f25f340314eff) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `footer` prop to `Table`, for use with `Pagination`
960
-
961
- ### Patch Changes
962
-
963
- - [#677](https://github.com/utilitywarehouse/hearth/pull/677) [`e85f3c7`](https://github.com/utilitywarehouse/hearth/commit/e85f3c7abf8eeccdb19c0ef56b8af85b3170ba57) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `Modal` tokens
964
-
965
- ### Patch Changes
966
-
967
- - [#634](https://github.com/utilitywarehouse/hearth/pull/634) [`0f809d3`](https://github.com/utilitywarehouse/hearth/commit/0f809d387d1932b204ba71f84125b2dfc00e52ce) Thanks [@MichalCiesliczka](https://github.com/MichalCiesliczka)! - Add `Table` & `Pagination` components
968
-
969
- ### Minor Changes
970
-
971
- - [#667](https://github.com/utilitywarehouse/hearth/pull/667) [`5439927`](https://github.com/utilitywarehouse/hearth/commit/5439927b0fa52fcf366af44479ed5585174653af) Thanks [@robphoenix](https://github.com/robphoenix)! - Update `DateInput` props
972
-
973
- ### Patch Changes
974
-
975
- - [#640](https://github.com/utilitywarehouse/hearth/pull/640) [`dde0470`](https://github.com/utilitywarehouse/hearth/commit/dde0470250f35f60f35b7cafc82d00c6e59873b0) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `HighlightBanner`, `CardBannerContent` & `CardBannerImage` components.
976
-
977
- - [#664](https://github.com/utilitywarehouse/hearth/pull/664) [`09d3a24`](https://github.com/utilitywarehouse/hearth/commit/09d3a24e2377f2835fa8677969a803d8ea02026a) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `List` actions
978
-
979
- - [#662](https://github.com/utilitywarehouse/hearth/pull/662) [`b0ba9a2`](https://github.com/utilitywarehouse/hearth/commit/b0ba9a260f2236f3094c169cd3fb841392f05b79) Thanks [@robphoenix](https://github.com/robphoenix)! - Add shadow colours to `Card`, extract layout spacing tokens to own file and add shadow tokens.
980
-
981
- ### Patch Changes
982
-
983
- - [#646](https://github.com/utilitywarehouse/hearth/pull/646) [`2f9eb96`](https://github.com/utilitywarehouse/hearth/commit/2f9eb96b7b46f64a9c0ffea2a54f5df497967d31) Thanks [@robphoenix](https://github.com/robphoenix)! - Change `Label` display to support top & bottom margin
984
-
985
- ### Patch Changes
986
-
987
- - [#644](https://github.com/utilitywarehouse/hearth/pull/644) [`0fd7fa4`](https://github.com/utilitywarehouse/hearth/commit/0fd7fa45de32866f6af4472d0a0979846cf65380) Thanks [@robphoenix](https://github.com/robphoenix)! - Update `ToggleGroup` to have responsive direction
988
-
989
- ### Patch Changes
990
-
991
- - [#642](https://github.com/utilitywarehouse/hearth/pull/642) [`fee2d0c`](https://github.com/utilitywarehouse/hearth/commit/fee2d0cb964f7ad9e2e0dd5e18b97b5921b8a33b) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix Button & IconButton polymorphism, again.
992
-
993
- ### Minor Changes
994
-
995
- - [#619](https://github.com/utilitywarehouse/hearth/pull/619) [`62cdffc`](https://github.com/utilitywarehouse/hearth/commit/62cdffc6c789b6815d397db081ae5639331663dd) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `CardActions`.
996
- Split `BorderRadius` props out from `Border` props.
997
- Add `fill` & border props to `IconContainer`.
998
-
999
- ### Patch Changes
1000
-
1001
- - [#637](https://github.com/utilitywarehouse/hearth/pull/637) [`8274c07`](https://github.com/utilitywarehouse/hearth/commit/8274c0791f97602422e6d391164148dffbd68c2d) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `CardActions` border-radius & focus outline
1002
-
1003
- - [#617](https://github.com/utilitywarehouse/hearth/pull/617) [`3397878`](https://github.com/utilitywarehouse/hearth/commit/339787804b7527cd49ceb99d5fe8bb277514f9a3) Thanks [@MichalCiesliczka](https://github.com/MichalCiesliczka)! - Add `ProgressBar` component
1004
-
1005
- ### Minor Changes
1006
-
1007
- - [#574](https://github.com/utilitywarehouse/hearth/pull/574) [`620052d`](https://github.com/utilitywarehouse/hearth/commit/620052d1bf6ad43f98bb182076bff5098fad0cdc) Thanks [@Utakato](https://github.com/Utakato)! - Add `Tabs` component
1008
-
1009
- ### Patch Changes
1010
-
1011
- - [#626](https://github.com/utilitywarehouse/hearth/pull/626) [`5180885`](https://github.com/utilitywarehouse/hearth/commit/51808858e5d8a69084f76c126c10faaa918be23b) Thanks [@robphoenix](https://github.com/robphoenix)! - Bump icons dependency
1012
-
1013
- ### Patch Changes
1014
-
1015
- - [#624](https://github.com/utilitywarehouse/hearth/pull/624) [`493ca22`](https://github.com/utilitywarehouse/hearth/commit/493ca22e6824ccda79ff9e7b8e363b72bdd8ad1a) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `ListItem` trailing content alignment
1016
-
1017
- - Updated dependencies [[`8a5c5ce`](https://github.com/utilitywarehouse/hearth/commit/8a5c5cec7543463c66e54a95cc4677f5bc6fc11e)]:
1018
- - @utilitywarehouse/hearth-react-icons@0.7.2
1019
-
1020
- ### Patch Changes
1021
-
1022
- - [#621](https://github.com/utilitywarehouse/hearth/pull/621) [`134514b`](https://github.com/utilitywarehouse/hearth/commit/134514bca3105077a37b6fc6897a4569182d027b) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `DescriptionList` docs; updating usage of `link` to `trailingContent`
1023
-
1024
- ### Minor Changes
1025
-
1026
- - [#616](https://github.com/utilitywarehouse/hearth/pull/616) [`3d4cbe9`](https://github.com/utilitywarehouse/hearth/commit/3d4cbe94d362838c5ece6fa09fa62dd9876aec56) Thanks [@robphoenix](https://github.com/robphoenix)! - Rename `CardAction` to `CardInteraction`. This is a breaking change.
1027
-
1028
- ### Patch Changes
1029
-
1030
- - [#611](https://github.com/utilitywarehouse/hearth/pull/611) [`60598bf`](https://github.com/utilitywarehouse/hearth/commit/60598bfb2a0a91e2cd70471f3f601a6c3ff33d6c) Thanks [@robphoenix](https://github.com/robphoenix)! - Bump React Icons dependency
1031
-
1032
- - [#615](https://github.com/utilitywarehouse/hearth/pull/615) [`b146891`](https://github.com/utilitywarehouse/hearth/commit/b1468914544938162af5ab0c1b12456c17c38ab1) Thanks [@robphoenix](https://github.com/robphoenix)! - Update tokens
1033
-
1034
- ### Patch Changes
1035
-
1036
- - [#592](https://github.com/utilitywarehouse/hearth/pull/592) [`0e30d9f`](https://github.com/utilitywarehouse/hearth/commit/0e30d9ff4c615fad40591d5a205c9d0e4a9ddd80) Thanks [@MichalCiesliczka](https://github.com/MichalCiesliczka)! - Adds `ProgressStepper` component
1037
-
1038
- - [#608](https://github.com/utilitywarehouse/hearth/pull/608) [`9e26261`](https://github.com/utilitywarehouse/hearth/commit/9e26261ef8679cc2e4fc30a5a1b83bfda17a41b2) Thanks [@robphoenix](https://github.com/robphoenix)! - Bump icons dependency
1039
-
1040
- ### Patch Changes
1041
-
1042
- - [#598](https://github.com/utilitywarehouse/hearth/pull/598) [`d7c19fe`](https://github.com/utilitywarehouse/hearth/commit/d7c19fe459c45d4ac2a7a008c3d48b1a9cc57e5b) Thanks [@robphoenix](https://github.com/robphoenix)! - Update interactive font family
1043
-
1044
- - [#602](https://github.com/utilitywarehouse/hearth/pull/602) [`be72078`](https://github.com/utilitywarehouse/hearth/commit/be72078d5dbbd9319fcd5d82afd799b65ab04722) Thanks [@robphoenix](https://github.com/robphoenix)! - Add flex, gap & size props to `ListItem`
1045
-
1046
- - [#600](https://github.com/utilitywarehouse/hearth/pull/600) [`1a46171`](https://github.com/utilitywarehouse/hearth/commit/1a46171e75e758c7f1b282d1afc75b8547b6749b) Thanks [@robphoenix](https://github.com/robphoenix)! - Visual changes to `Modal` and addition of `fullScreen` prop
1047
-
1048
- ### Patch Changes
1049
-
1050
- - [#595](https://github.com/utilitywarehouse/hearth/pull/595) [`e85d11a`](https://github.com/utilitywarehouse/hearth/commit/e85d11ace270f3ec79bdce7fac1032c878410759) Thanks [@robphoenix](https://github.com/robphoenix)! - Update tokens
1051
-
1052
- - [#593](https://github.com/utilitywarehouse/hearth/pull/593) [`c72a1de`](https://github.com/utilitywarehouse/hearth/commit/c72a1de274ee0a4d538d24d0b70ce6034882037e) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix polymorphism for buttons when loading
1053
-
1054
- - Updated dependencies [[`e707eec`](https://github.com/utilitywarehouse/hearth/commit/e707eec790550cab71f2541c26a38c5691e9cbca)]:
1055
- - @utilitywarehouse/hearth-react-icons@0.7.0
1056
-
1057
- ### Patch Changes
1058
-
1059
- - [#584](https://github.com/utilitywarehouse/hearth/pull/584) [`a2a0434`](https://github.com/utilitywarehouse/hearth/commit/a2a0434b53ab25dd05f22600470cba154cf98681) Thanks [@dorota-uw](https://github.com/dorota-uw)! - Add underline to `Button` `ghost` variant
1060
-
1061
- - Updated dependencies [[`8345d8c`](https://github.com/utilitywarehouse/hearth/commit/8345d8c365167d2bea2875c78430e4a89c216798)]:
1062
- - @utilitywarehouse/hearth-react-icons@0.6.0
1063
-
1064
- ### Patch Changes
1065
-
1066
- - [#578](https://github.com/utilitywarehouse/hearth/pull/578) [`a1c4601`](https://github.com/utilitywarehouse/hearth/commit/a1c4601770ac48533876853b9db0105a3c7ced6f) Thanks [@robphoenix](https://github.com/robphoenix)! - Add flex item props to `Container`
1067
-
1068
- - [#582](https://github.com/utilitywarehouse/hearth/pull/582) [`7c9f09f`](https://github.com/utilitywarehouse/hearth/commit/7c9f09f265828f6c8b2191c57cfc45f5e46e9e65) Thanks [@robphoenix](https://github.com/robphoenix)! - Prevent `onCloseAutoFocus` on `Menu`
1069
-
1070
- - [#577](https://github.com/utilitywarehouse/hearth/pull/577) [`78fd9ff`](https://github.com/utilitywarehouse/hearth/commit/78fd9ffb2916fa994b5304c928874bf4b021e2d7) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `padding` props to `Container` component
1071
-
1072
- - [#580](https://github.com/utilitywarehouse/hearth/pull/580) [`405877e`](https://github.com/utilitywarehouse/hearth/commit/405877eec98db0d03c6fc2b0f0408007f28a6057) Thanks [@robphoenix](https://github.com/robphoenix)! - Add missing `spacing` values
1073
-
1074
- - [#580](https://github.com/utilitywarehouse/hearth/pull/580) [`405877e`](https://github.com/utilitywarehouse/hearth/commit/405877eec98db0d03c6fc2b0f0408007f28a6057) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `rowSpacing` & `columnSpacing` props
1075
-
1076
- - [#576](https://github.com/utilitywarehouse/hearth/pull/576) [`bb2851a`](https://github.com/utilitywarehouse/hearth/commit/bb2851a38980bc352bad8ac6a0cabc50ef01bb2a) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `Menu` dropdown content width
1077
-
1078
- ### Patch Changes
1079
-
1080
- - [#575](https://github.com/utilitywarehouse/hearth/pull/575) [`05f9461`](https://github.com/utilitywarehouse/hearth/commit/05f94610704ddecfdcda1ff93c2c2f20ea2e2fd6) Thanks [@robphoenix](https://github.com/robphoenix)! - Update deps
1081
-
1082
- ### Patch Changes
1083
-
1084
- - [#561](https://github.com/utilitywarehouse/hearth/pull/561) [`866e1be`](https://github.com/utilitywarehouse/hearth/commit/866e1be2b778f778a234f3eecb295e34166945a1) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `inverted` prop to `Breadcrumbs`
1085
-
1086
- - [#562](https://github.com/utilitywarehouse/hearth/pull/562) [`b059a60`](https://github.com/utilitywarehouse/hearth/commit/b059a60ee6e65a6573f329b98e2e2a6c16be5b40) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `Container` component
1087
-
1088
- ### Patch Changes
1089
-
1090
- - [#549](https://github.com/utilitywarehouse/hearth/pull/549) [`5407963`](https://github.com/utilitywarehouse/hearth/commit/54079632cdb4a9c6175c53e86b53a61f79dc30d8) Thanks [@robphoenix](https://github.com/robphoenix)! - Enable Hearth tokens to be used in some props.
1091
-
1092
- ### Patch Changes
1093
-
1094
- - [#551](https://github.com/utilitywarehouse/hearth/pull/551) [`f3740f5`](https://github.com/utilitywarehouse/hearth/commit/f3740f54f802139909bc94f03907c00773387929) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `Avatar` component
1095
-
1096
- - [#554](https://github.com/utilitywarehouse/hearth/pull/554) [`8afecab`](https://github.com/utilitywarehouse/hearth/commit/8afecabbd2d4df61ee43c9bcad038ff01db43d11) Thanks [@robphoenix](https://github.com/robphoenix)! - Enable rendering of `AlertLink` as `button`
1097
-
1098
- - [#556](https://github.com/utilitywarehouse/hearth/pull/556) [`088f801`](https://github.com/utilitywarehouse/hearth/commit/088f80101013360f6c81d2333281ff6f8dab9779) Thanks [@robphoenix](https://github.com/robphoenix)! - Make all component tokens available for the browser
1099
-
1100
- - Updated dependencies [[`a82a29c`](https://github.com/utilitywarehouse/hearth/commit/a82a29c258a6e93d5dd920c0674f0980f492b79a), [`a82a29c`](https://github.com/utilitywarehouse/hearth/commit/a82a29c258a6e93d5dd920c0674f0980f492b79a)]:
1101
- - @utilitywarehouse/hearth-fonts@0.0.4
1102
-
1103
- ### Minor Changes
1104
-
1105
- - [#547](https://github.com/utilitywarehouse/hearth/pull/547) [`0a271dc`](https://github.com/utilitywarehouse/hearth/commit/0a271dcc78818eba089a1395c8a52d43503d6ee0) Thanks [@robphoenix](https://github.com/robphoenix)! - Replace `InlineLink` `inverted` prop with `color` prop
1106
-
1107
- ### Patch Changes
1108
-
1109
- - [#542](https://github.com/utilitywarehouse/hearth/pull/542) [`83f11ab`](https://github.com/utilitywarehouse/hearth/commit/83f11abdd8a04a44baec251dae31afa82aee861c) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `Breadcrumbs` component
1110
-
1111
- ### Minor Changes
1112
-
1113
- - [#543](https://github.com/utilitywarehouse/hearth/pull/543) [`0e3d236`](https://github.com/utilitywarehouse/hearth/commit/0e3d2368c271327d0fb5d4c2d8c3cac9b42e2f5f) Thanks [@robphoenix](https://github.com/robphoenix)! - Change `SectionHeader` `link` prop to `trailingContent` and add validation
1114
-
1115
- ### Patch Changes
1116
-
1117
- - [#535](https://github.com/utilitywarehouse/hearth/pull/535) [`126a8a6`](https://github.com/utilitywarehouse/hearth/commit/126a8a657d1afa2e1e65f880b087a0ae9b10e997) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `RadioCard` alignment
1118
-
1119
- - [#533](https://github.com/utilitywarehouse/hearth/pull/533) [`fc99389`](https://github.com/utilitywarehouse/hearth/commit/fc99389b014a87995b40c88852861b4c533e9982) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `ToggleButtonCard` component
1120
-
1121
- - [#538](https://github.com/utilitywarehouse/hearth/pull/538) [`e4a1cbe`](https://github.com/utilitywarehouse/hearth/commit/e4a1cbee7c7f1a305df4af6354aa213550ff48d5) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `Menu` component
1122
-
1123
- - [#534](https://github.com/utilitywarehouse/hearth/pull/534) [`9860516`](https://github.com/utilitywarehouse/hearth/commit/986051691c3cfec9eded814a2da882dad76dfda4) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `DescriptionList`
1124
-
1125
- - [#537](https://github.com/utilitywarehouse/hearth/pull/537) [`86a6726`](https://github.com/utilitywarehouse/hearth/commit/86a6726139c0ced6f323da65ae0270bb1d2a6558) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `Button` & `Link` font-family, from detail to body text.
1126
-
1127
- - Updated dependencies [[`86a6726`](https://github.com/utilitywarehouse/hearth/commit/86a6726139c0ced6f323da65ae0270bb1d2a6558)]:
1128
- - @utilitywarehouse/hearth-css-reset@0.1.2
1129
-
1130
- ### Minor Changes
1131
-
1132
- - [#532](https://github.com/utilitywarehouse/hearth/pull/532) [`6f87ed8`](https://github.com/utilitywarehouse/hearth/commit/6f87ed8bd9d3874115475880b3e58fca51fd71dd) Thanks [@robphoenix](https://github.com/robphoenix)! - Change colour props to use semantic values. The colour props will no longer use
1133
- the primitive tokens for values, and will instead use a more specific set of
1134
- semantic values.
1135
-
1136
- All colour values are still available via the design tokens, which can be
1137
- accessed via CSS or JS variables in your preferred styling method.
1138
-
1139
- The following props are affected by this change:
1140
- - `color`
1141
- - `backgroundColor`
1142
- - `borderColor`
1143
-
1144
- The following components are affected by this change:
1145
- - `Box`
1146
- - `Flex`
1147
- - `Grid`
1148
- - `BodyText`
1149
- - `Spinner`
1150
-
1151
- ### Patch Changes
1152
-
1153
- - [#529](https://github.com/utilitywarehouse/hearth/pull/529) [`51fe838`](https://github.com/utilitywarehouse/hearth/commit/51fe83850e68d7b218fe292b2d72ad5e507569e9) Thanks [@robphoenix](https://github.com/robphoenix)! - add `disableGroupSeparators` prop to `CurrencyInput`
1154
-
1155
- ### Patch Changes
1156
-
1157
- - [#512](https://github.com/utilitywarehouse/hearth/pull/512) [`59e6167`](https://github.com/utilitywarehouse/hearth/commit/59e6167900ab6750a291ca877967ae0d4db2591e) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `Select` component
1158
-
1159
- - [#526](https://github.com/utilitywarehouse/hearth/pull/526) [`44817ac`](https://github.com/utilitywarehouse/hearth/commit/44817ac80c14f3d38eb7b32f09b63a6831db443e) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `CurrencyInput` height & gap
1160
-
1161
- ### Patch Changes
1162
-
1163
- - [#522](https://github.com/utilitywarehouse/hearth/pull/522) [`3bb77ad`](https://github.com/utilitywarehouse/hearth/commit/3bb77ad8cccc6cf7d42f9dbb5e758813afd07843) Thanks [@robphoenix](https://github.com/robphoenix)! - fix `RadioTile` layout
1164
-
1165
- ### Patch Changes
1166
-
1167
- - [#518](https://github.com/utilitywarehouse/hearth/pull/518) [`c268f77`](https://github.com/utilitywarehouse/hearth/commit/c268f7711fb409151ac089599bc95dd1fe5ce2f6) Thanks [@robphoenix](https://github.com/robphoenix)! - Bump `hearth-react-icons` dependency
1168
-
1169
- - [#520](https://github.com/utilitywarehouse/hearth/pull/520) [`7485349`](https://github.com/utilitywarehouse/hearth/commit/748534919f0ba0267731ba3136055f17ec019953) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `Checkbox` icon colour
1170
-
1171
- - [#521](https://github.com/utilitywarehouse/hearth/pull/521) [`01c25d4`](https://github.com/utilitywarehouse/hearth/commit/01c25d4c6c77471fd5c3ec9df369810bae45c11f) Thanks [@robphoenix](https://github.com/robphoenix)! - Update `Alert` tokens
1172
-
1173
- ### Patch Changes
1174
-
1175
- - [#509](https://github.com/utilitywarehouse/hearth/pull/509) [`f4236b0`](https://github.com/utilitywarehouse/hearth/commit/f4236b02769c6e1b4277e8c23b74537125728d23) Thanks [@robphoenix](https://github.com/robphoenix)! - Revert component displayName change
1176
-
1177
- ### Patch Changes
1178
-
1179
- - [#506](https://github.com/utilitywarehouse/hearth/pull/506) [`ec0c084`](https://github.com/utilitywarehouse/hearth/commit/ec0c0846fee62fcb05e076b99b39b43ed7843550) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix Button styles
1180
-
1181
- - [#506](https://github.com/utilitywarehouse/hearth/pull/506) [`ec0c084`](https://github.com/utilitywarehouse/hearth/commit/ec0c0846fee62fcb05e076b99b39b43ed7843550) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `Accordion` styles
1182
-
1183
- ### Minor Changes
1184
-
1185
- - [#498](https://github.com/utilitywarehouse/hearth/pull/498) [`1fa0828`](https://github.com/utilitywarehouse/hearth/commit/1fa0828d0bd6996963c959646f4f2c5c519755c4) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `Accordion` component
1186
-
1187
- ### Patch Changes
1188
-
1189
- - [#503](https://github.com/utilitywarehouse/hearth/pull/503) [`e1923f6`](https://github.com/utilitywarehouse/hearth/commit/e1923f63c684dc2b3f7fdc0a27f7a188456600e8) Thanks [@robphoenix](https://github.com/robphoenix)! - Update component display names to include `Hearth` prefix
1190
-
1191
- - [#505](https://github.com/utilitywarehouse/hearth/pull/505) [`21c63d5`](https://github.com/utilitywarehouse/hearth/commit/21c63d5100119cd29e23d9ef093958ba849c9f7d) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix input border colours on focus
1192
-
1193
- - Updated dependencies [[`b0cbecb`](https://github.com/utilitywarehouse/hearth/commit/b0cbecbd19556b088475195be4b030a5ea03677a)]:
1194
- - @utilitywarehouse/hearth-css-reset@0.1.1
1195
-
1196
- ### Minor Changes
1197
-
1198
- - [#497](https://github.com/utilitywarehouse/hearth/pull/497) [`f109931`](https://github.com/utilitywarehouse/hearth/commit/f1099315f871a0f68c16679ff164978e3f135166) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `IconContainer` component.
1199
-
1200
- - [#495](https://github.com/utilitywarehouse/hearth/pull/495) [`509deb5`](https://github.com/utilitywarehouse/hearth/commit/509deb5e74f54318aaf94a25e6c5d7733d735923) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `CurrencyInput` component
1201
-
1202
- ### Patch Changes
1203
-
1204
- - [#500](https://github.com/utilitywarehouse/hearth/pull/500) [`cc49e74`](https://github.com/utilitywarehouse/hearth/commit/cc49e74e3736b9647e8c5576ce45020add258625) Thanks [@jordmccord](https://github.com/jordmccord)! - - Updated dependencies [[`8dac8c1`](https://github.com/utilitywarehouse/hearth/commit/8dac8c1def9083d8e4efa1385e0ee7be23428c46)]:
1205
- - @utilitywarehouse/hearth-react-icons@0.4.0
1206
-
1207
- ### Minor Changes
1208
-
1209
- - [#477](https://github.com/utilitywarehouse/hearth/pull/477) [`1e9001d`](https://github.com/utilitywarehouse/hearth/commit/1e9001d7790427f4fe80991093e116b80da58f57) Thanks [@robphoenix](https://github.com/robphoenix)! - Refactor `SectionHeader` & `List` APIs.
1210
-
1211
- Both `SectionHeader` and `List` now have a single `link` prop, which accepts a
1212
- `Link` component to be rendered. All other `link` prefixed props have been
1213
- removed and are now handled directly by the Link component, including the
1214
- rendering of child icons.
1215
-
1216
- ```tsx
1217
- <SectionHeader
1218
- heading="Heading"
1219
- helperText="Helper text"
1220
- link={
1221
- <Link>
1222
- Link text
1223
- <ChevronRightSmallIcon />
1224
- </Link>
1225
- }
1226
- />
1227
- ```
1228
-
1229
- ### Minor Changes
1230
-
1231
- - [#428](https://github.com/utilitywarehouse/hearth/pull/428) [`8486120`](https://github.com/utilitywarehouse/hearth/commit/848612059721f1b524a0c659907b2994c85079ef) Thanks [@dorota-uw](https://github.com/dorota-uw)! - Added image prop to radio/checkbox
1232
-
1233
- - [#470](https://github.com/utilitywarehouse/hearth/pull/470) [`6a27b8b`](https://github.com/utilitywarehouse/hearth/commit/6a27b8b8c6c8b97255801963815f8bbbd015a835) Thanks [@robphoenix](https://github.com/robphoenix)! - Badge updates. This is a breaking change.
1234
- - Add `size` prop
1235
- - Change font family, font size & line-height
1236
- - Rename `solid` variant to `emphasis`
1237
- - Add `subtle` variant
1238
- - Add colorSchemes: `pig`, `highlight`, `energy`, `mobile`, `broadband`,
1239
- `insurance`, `cashback`
1240
-
1241
- - [#438](https://github.com/utilitywarehouse/hearth/pull/438) [`53327a6`](https://github.com/utilitywarehouse/hearth/commit/53327a6011799fb681569c42fc1fcd03bcfb481b) Thanks [@robphoenix](https://github.com/robphoenix)! - Rename `colorScheme` prop values. This is a breaking change.
1242
-
1243
- The values for the `colorScheme` prop have been updated to reflect the
1244
- introduction of semantic design tokens. The values have been renamed as below:
1245
- - `white` -> `neutralStrong`
1246
- - `warmWhite` -> `neutralSubtle`
1247
- - `blue` -> `info`
1248
- - `green` -> `positive`
1249
- - `green` -> `affirmative`
1250
- - `red` -> `danger`
1251
- - `red` -> `destructive`
1252
- - `orange` -> `warning`
1253
- - `yellow` -> `highlight`
1254
- - `grey` -> `functional`
1255
-
1256
- The changes will be dependent on the intent and usage of specific components.
1257
- The following components are included in this change:
1258
- - `Alert`
1259
- - `Badge`
1260
- - `Button`
1261
- - `IconButton`
1262
- - `Card`
1263
- - `List`
1264
-
1265
- You will need to update all usages of the above components.
1266
-
1267
- - [#473](https://github.com/utilitywarehouse/hearth/pull/473) [`dcd34d0`](https://github.com/utilitywarehouse/hearth/commit/dcd34d0b4c1e8223b2b07667cb81407ba2f197eb) Thanks [@robphoenix](https://github.com/robphoenix)! - Refactor token CSS & Browser files. This is a breaking change, only affecting
1268
- usage of CSS and browser JS tokens.
1269
- - Individual component files have been combined into a single components tokens
1270
- file.
1271
- - Typography and Device tokens (mobile, tablet & desktop) have been included in
1272
- the components tokens file.
1273
- - Layout spacing tokens have been included in the space tokens file.
1274
- - Line-height & letter-spacing tokens have been included in the font tokens
1275
- file.
1276
-
1277
- There is now a more concise set of individual tokens files:
1278
- - `border.{css,ts}`
1279
- - `color.{css,ts}`
1280
- - `components.{css,ts}`
1281
- - `font.{css,ts}`
1282
- - `semantic.{css,ts}`
1283
- - `space.{css,ts}`
1284
-
1285
- This change will only affect you if you are importing tokens via specific file
1286
- imports. This change does not affect you if you are importing the complete set
1287
- of design tokens from an index impyou if you are importing the complete set of
1288
- design tokens from an index import.
1289
-
1290
- ### Patch Changes
1291
-
1292
- - [#474](https://github.com/utilitywarehouse/hearth/pull/474) [`e04cb1a`](https://github.com/utilitywarehouse/hearth/commit/e04cb1a8cac1e341f63d116602626accbfbe3778) Thanks [@robphoenix](https://github.com/robphoenix)! - Add 'highlight' & 'pig' colorSchemes to `Card` component.
1293
-
1294
- ### Patch Changes
1295
-
1296
- - [#453](https://github.com/utilitywarehouse/hearth/pull/453) [`4450350`](https://github.com/utilitywarehouse/hearth/commit/445035075c4797de2d7dba942312fea9b6a70850) Thanks [@robphoenix](https://github.com/robphoenix)! - Hearth React Icons has been moved from a peer dependency to a direct dependency.
1297
-
1298
- ### Patch Changes
1299
-
1300
- - [#434](https://github.com/utilitywarehouse/hearth/pull/434) [`9e845f3`](https://github.com/utilitywarehouse/hearth/commit/9e845f3d428ce052547b9aa33e553a2a45abe4a6) Thanks [@robphoenix](https://github.com/robphoenix)! - Update `Alert` component to use semantic tokens.
1301
-
1302
- ### Patch Changes
1303
-
1304
- - Updated dependencies [[`4610349`](https://github.com/utilitywarehouse/hearth/commit/4610349c446ad97851327cac4adc75953ff0234b)]:
1305
- - @utilitywarehouse/hearth-css-reset@0.1.0
1306
-
1307
- ### Minor Changes
1308
-
1309
- - [#409](https://github.com/utilitywarehouse/hearth/pull/409) [`705fabd`](https://github.com/utilitywarehouse/hearth/commit/705fabd5f2eb4e3d810e31b7b0dbd95acf6abc92) Thanks [@dorota-uw](https://github.com/dorota-uw)! - New component: SectionHeader
1310
-
1311
- ### Patch Changes
1312
-
1313
- - [#405](https://github.com/utilitywarehouse/hearth/pull/405) [`53348d8`](https://github.com/utilitywarehouse/hearth/commit/53348d85f7c1761e25608075f1302cdee75f7636) Thanks [@dorota-uw](https://github.com/dorota-uw)! - Aded useMediaQuery to exports
1314
-
1315
- - [#413](https://github.com/utilitywarehouse/hearth/pull/413) [`bb2ec8d`](https://github.com/utilitywarehouse/hearth/commit/bb2ec8d2c959440b765fb15c5563313a4d9194bf) Thanks [@dorota-uw](https://github.com/dorota-uw)! - Additional parameters for SectionHeader
1316
-
1317
- ### Minor Changes
1318
-
1319
- - [#392](https://github.com/utilitywarehouse/hearth/pull/392) [`a5799b5`](https://github.com/utilitywarehouse/hearth/commit/a5799b57eabd594bfc36c4dd88beb3d01f840855) Thanks [@jordmccord](https://github.com/jordmccord)! - Adds `Alert` component
1320
-
1321
- ### Patch Changes
1322
-
1323
- - [#399](https://github.com/utilitywarehouse/hearth/pull/399) [`29e0fad`](https://github.com/utilitywarehouse/hearth/commit/29e0fada11caa73942215e943e27007f252a3510) Thanks [@dorota-uw](https://github.com/dorota-uw)! - Minor CSS fixes
1324
-
1325
- - [#400](https://github.com/utilitywarehouse/hearth/pull/400) [`e24b717`](https://github.com/utilitywarehouse/hearth/commit/e24b717a1ff7b1f82a39d0bf51b53ebfe8c508d0) Thanks [@jordmccord](https://github.com/jordmccord)! - Copies fixed tokens to from tokens package
1326
-
1327
- ### Patch Changes
1328
-
1329
- - [#389](https://github.com/utilitywarehouse/hearth/pull/389) [`7bfe96e`](https://github.com/utilitywarehouse/hearth/commit/7bfe96e2725e0cf28b1dd000113b7b9a8a719ee4) Thanks [@robphoenix](https://github.com/robphoenix)! - Minor `ListItem` updates
1330
-
1331
- ### Minor Changes
1332
-
1333
- - [#384](https://github.com/utilitywarehouse/hearth/pull/384) [`f245ac6`](https://github.com/utilitywarehouse/hearth/commit/f245ac6bf973bea29c75e05ef497b350342ac446) Thanks [@robphoenix](https://github.com/robphoenix)! - Rename `Dialog` to `Modal`
1334
-
1335
- ### Patch Changes
1336
-
1337
- - [#385](https://github.com/utilitywarehouse/hearth/pull/385) [`a299b84`](https://github.com/utilitywarehouse/hearth/commit/a299b8497c1359397d66440101df4079f212aedc) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix opacity on `Modal`
1338
-
1339
- - [#386](https://github.com/utilitywarehouse/hearth/pull/386) [`536c180`](https://github.com/utilitywarehouse/hearth/commit/536c180c4ec9dd258b35c5ab6450493153f84ac3) Thanks [@robphoenix](https://github.com/robphoenix)! - Refactor `ListItem` API to be more ergonomic
1340
-
1341
- - Updated dependencies [[`a299b84`](https://github.com/utilitywarehouse/hearth/commit/a299b8497c1359397d66440101df4079f212aedc)]:
1342
- - @utilitywarehouse/hearth-css-reset@0.0.4
1343
-
1344
- ### Minor Changes
1345
-
1346
- - [#380](https://github.com/utilitywarehouse/hearth/pull/380) [`bcd134d`](https://github.com/utilitywarehouse/hearth/commit/bcd134dd0244610fbe620d61521ec80e4da77432) Thanks [@robphoenix](https://github.com/robphoenix)! - Remove hearth-tokens dependency in favour of copying CSS tokens directly into hearth-react
1347
-
1348
- ### Patch Changes
1349
-
1350
- - [#336](https://github.com/utilitywarehouse/hearth/pull/336) [`bee5a98`](https://github.com/utilitywarehouse/hearth/commit/bee5a98654407abed24c68d46b0ea8a13d109ff3) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `Dialog` component
1351
-
1352
- ### Patch Changes
1353
-
1354
- - [#376](https://github.com/utilitywarehouse/hearth/pull/376) [`15a44b7`](https://github.com/utilitywarehouse/hearth/commit/15a44b72d44f8c938736d3a36f492d0c5c5e12cd) Thanks [@robphoenix](https://github.com/robphoenix)! - This change eases the getting started process, and the tokens release process, by including the CSS Reset and tokens CSS in the React library, making them dependencies rather than peer dependencies.
1355
-
1356
- ### Patch Changes
1357
-
1358
- - [#364](https://github.com/utilitywarehouse/hearth/pull/364) [`b13601c`](https://github.com/utilitywarehouse/hearth/commit/b13601c2fb5514bed981b8d4c5e953e7d0278d90) Thanks [@robphoenix](https://github.com/robphoenix)! - Implement colour tokens changes in Hearth React
1359
-
1360
- - Updated dependencies [[`9209c2c`](https://github.com/utilitywarehouse/hearth/commit/9209c2ca44723bb34530afa04e27345912de8309)]:
1361
- - @utilitywarehouse/hearth-tokens@0.0.4
1362
-
1363
- ### Patch Changes
1364
-
1365
- - [#356](https://github.com/utilitywarehouse/hearth/pull/356) [`9fc957a`](https://github.com/utilitywarehouse/hearth/commit/9fc957ae46165c48cff27b08bfeb9f2384a1d5a1) Thanks [@robphoenix](https://github.com/robphoenix)! - Remove `ListItem` padding when not inside a Card container
1366
-
1367
- ### Patch Changes
1368
-
1369
- - Updated dependencies [[`f15f6b9`](https://github.com/utilitywarehouse/hearth/commit/f15f6b98f9b679fb3953457d53aad056efbde66a)]:
1370
- - @utilitywarehouse/hearth-tokens@0.0.3
1371
-
1372
- ### Minor Changes
1373
-
1374
- - [#344](https://github.com/utilitywarehouse/hearth/pull/344) [`2b00d31`](https://github.com/utilitywarehouse/hearth/commit/2b00d3121bbc8ecd42e1d14fc4bedeb6e8cacd22) Thanks [@robphoenix](https://github.com/robphoenix)! - Remove public `Fieldset` component
1375
-
1376
- ### Patch Changes
1377
-
1378
- - [#340](https://github.com/utilitywarehouse/hearth/pull/340) [`37752fd`](https://github.com/utilitywarehouse/hearth/commit/37752fd19150e8f87de3456ab8e6caea6f7bf031) Thanks [@robphoenix](https://github.com/robphoenix)! - Add `paddingNone` prop to Button component
1379
-
1380
- - [#340](https://github.com/utilitywarehouse/hearth/pull/340) [`37752fd`](https://github.com/utilitywarehouse/hearth/commit/37752fd19150e8f87de3456ab8e6caea6f7bf031) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix full width `emphasis` Button
1381
-
1382
- - [#344](https://github.com/utilitywarehouse/hearth/pull/344) [`2b00d31`](https://github.com/utilitywarehouse/hearth/commit/2b00d3121bbc8ecd42e1d14fc4bedeb6e8cacd22) Thanks [@robphoenix](https://github.com/robphoenix)! - Fix `TextInput` aria-describedby
1383
-
1384
- - [#344](https://github.com/utilitywarehouse/hearth/pull/344) [`2b00d31`](https://github.com/utilitywarehouse/hearth/commit/2b00d3121bbc8ecd42e1d14fc4bedeb6e8cacd22) Thanks [@robphoenix](https://github.com/robphoenix)! - Remove `width` prop from CheckboxGroup & RadioGroup
1385
-
1386
- - [#340](https://github.com/utilitywarehouse/hearth/pull/340) [`37752fd`](https://github.com/utilitywarehouse/hearth/commit/37752fd19150e8f87de3456ab8e6caea6f7bf031) Thanks [@robphoenix](https://github.com/robphoenix)! - Update Solid yellow inverted button appearance
1387
-
1388
- ### Minor Changes
1389
-
1390
- - [#332](https://github.com/utilitywarehouse/hearth/pull/332) [`84fc288`](https://github.com/utilitywarehouse/hearth/commit/84fc2881c8145b3996d8b777bb10f89d3894aca6) Thanks [@robphoenix](https://github.com/robphoenix)! - Remove `FormFieldGroup`, moving functionality into `Fieldset`
1391
-
1392
- ### Patch Changes
1393
-
1394
- - [#335](https://github.com/utilitywarehouse/hearth/pull/335) [`3760552`](https://github.com/utilitywarehouse/hearth/commit/376055238111998b98ceacee8a5188bb0b854604) Thanks [@robphoenix](https://github.com/robphoenix)! - Update radix-ui deps
1395
-
1396
- ### Patch Changes
1397
-
1398
- - [#329](https://github.com/utilitywarehouse/hearth/pull/329) [`7095cb5`](https://github.com/utilitywarehouse/hearth/commit/7095cb58d56a2013d44695900601381832e33a81) Thanks [@robphoenix](https://github.com/robphoenix)! - Update `Button` width
1399
-
1400
- - [#328](https://github.com/utilitywarehouse/hearth/pull/328) [`93d4c42`](https://github.com/utilitywarehouse/hearth/commit/93d4c4255c5c65c301ffe5c6c51e4421536f5ad9) Thanks [@robphoenix](https://github.com/robphoenix)! - Update Radix UI dependencies
1401
-
1402
- ### Patch Changes
1403
-
1404
- - [#323](https://github.com/utilitywarehouse/hearth/pull/323) [`2fe3180`](https://github.com/utilitywarehouse/hearth/commit/2fe31804a1b82816a6883b4b02235c5914696ac2) Thanks [@robphoenix](https://github.com/robphoenix)! - Update `ButtonBase` props to guard against using `asChild` with the emphasis variant
1405
-
1406
- - [#326](https://github.com/utilitywarehouse/hearth/pull/326) [`2b84c74`](https://github.com/utilitywarehouse/hearth/commit/2b84c74ff3c654f335a2586aff87ec162a384d0e) Thanks [@robphoenix](https://github.com/robphoenix)! - Remove responsiveness from `textTransform` prop
1407
-
1408
- - [#322](https://github.com/utilitywarehouse/hearth/pull/322) [`c2f4396`](https://github.com/utilitywarehouse/hearth/commit/c2f439679a181672f259469005336b10e3a1a105) Thanks [@robphoenix](https://github.com/robphoenix)! - Add missing height and width CSS classes
1409
-
1410
- - [#325](https://github.com/utilitywarehouse/hearth/pull/325) [`78724b7`](https://github.com/utilitywarehouse/hearth/commit/78724b7bb9a2fc24364b65341ffcb1f4cec396f2) Thanks [@robphoenix](https://github.com/robphoenix)! - Clarify flex and grid align & justify props
1411
-
1412
- ### Patch Changes
1413
-
1414
- - Updated dependencies [[`227db31`](https://github.com/utilitywarehouse/hearth/commit/227db31e5f07d1377db2fee01196e9342713911d)]:
1415
- - @utilitywarehouse/hearth-tokens@0.0.2
1416
-
1417
- ### Patch Changes
1418
-
1419
- - [#308](https://github.com/utilitywarehouse/hearth/pull/308) [`87b3423`](https://github.com/utilitywarehouse/hearth/commit/87b342367903387b9e170aec16c7b40a05067a4f) Thanks [@robphoenix](https://github.com/robphoenix)! - Update react dependency
1420
-
1421
- - Updated dependencies [[`87b3423`](https://github.com/utilitywarehouse/hearth/commit/87b342367903387b9e170aec16c7b40a05067a4f)]:
1422
- - @utilitywarehouse/hearth-react-icons@0.1.1
1423
-
1424
- ### Patch Changes
1425
-
1426
- - [#304](https://github.com/utilitywarehouse/hearth/pull/304) [`5810141`](https://github.com/utilitywarehouse/hearth/commit/5810141353f0f96c4d651c0679edabd9b7e027d2) Thanks [@robphoenix](https://github.com/robphoenix)! - Release bump
1427
-
1428
- - [#304](https://github.com/utilitywarehouse/hearth/pull/304) [`5810141`](https://github.com/utilitywarehouse/hearth/commit/5810141353f0f96c4d651c0679edabd9b7e027d2) Thanks [@robphoenix](https://github.com/robphoenix)! - Exploring release options
1429
-
1430
- - [#302](https://github.com/utilitywarehouse/hearth/pull/302) [`7ad972a`](https://github.com/utilitywarehouse/hearth/commit/7ad972a504a6b6354fdd24f040031eb6251533c1) Thanks [@robphoenix](https://github.com/robphoenix)! - Initial alpha release