@utilitywarehouse/hearth-react 0.0.0 → 0.0.2

package/dist/components/Grid/Grid.props.d.cts

@@ -0,0 +1,103 @@
+import { BackgroundColorProps } from '../../props/background-color.props.cjs';
+import { BorderProps } from '../../props/border.props.cjs';
+import { ColorProps } from '../../props/color.props.cjs';
+import { FlexItemProps } from '../../props/flex-item.props.cjs';
+import { GapProps } from '../../props/gap.props.cjs';
+import { GridItemProps } from '../../props/grid-item.props.cjs';
+import { MarginProps } from '../../props/margin.props.cjs';
+import { PaddingProps } from '../../props/padding.props.cjs';
+import { PositionProps } from '../../props/position.props.cjs';
+import { SizeProps } from '../../props/size.props.cjs';
+import { SpacingProps } from '../../props/spacing.props.cjs';
+import { TextAlignProps } from '../../props/text-align.props.cjs';
+import { TextTransformProps } from '../../props/text-transform.props.cjs';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
+import { Responsive, Union } from '../../types/responsive.cjs';
+import '../../helpers/transform-color-value.cjs';
+import '../../tokens/space.cjs';
+import 'react';
+
+declare const displayValues: readonly ["none", "inline-grid", "grid"];
+declare const columnsValues: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+declare const flowValues: readonly ["row", "column", "dense", "row-dense", "column-dense"];
+declare const alignValues: readonly ["start", "center", "end", "baseline", "stretch"];
+declare const justifyValues: readonly ["start", "center", "end", "between"];
+declare const gridPropDefs: {
+    display: {
+        className: string;
+        tokens: readonly ["none", "inline-grid", "grid"];
+        responsive: true;
+    };
+    columns: {
+        className: string;
+        tokens: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        responsive: true;
+    };
+    template: {
+        className: string;
+        responsive: true;
+    };
+    templateColumns: {
+        className: string;
+        responsive: true;
+    };
+    templateRows: {
+        className: string;
+        responsive: true;
+    };
+    templateAreas: {
+        className: string;
+        responsive: true;
+    };
+    autoFlow: {
+        className: string;
+        tokens: readonly ["row", "column", "dense", "row-dense", "column-dense"];
+        responsive: true;
+    };
+    autoColumns: {
+        className: string;
+        responsive: true;
+    };
+    autoRows: {
+        className: string;
+        responsive: true;
+    };
+    align: {
+        className: string;
+        tokens: readonly ["start", "center", "end", "baseline", "stretch"];
+        responsive: true;
+    };
+    justify: {
+        className: string;
+        tokens: readonly ["start", "center", "end", "between"];
+        responsive: true;
+    };
+};
+interface CommonGridProps extends PositionProps, ColorProps, BackgroundColorProps, PaddingProps, MarginProps, GapProps, SpacingProps, SizeProps, BorderProps, GridItemProps, FlexItemProps, TextAlignProps, TextTransformProps {
+    as?: 'div' | 'span';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    defaultResponsiveColumns?: boolean;
+    display?: Responsive<(typeof displayValues)[number]>;
+    columns?: Responsive<Union<string, (typeof columnsValues)[number]>>;
+    template?: Responsive<string>;
+    templateColumns?: Responsive<string>;
+    templateRows?: Responsive<string>;
+    templateAreas?: Responsive<string>;
+    autoFlow?: Responsive<(typeof flowValues)[number]>;
+    autoRows?: Responsive<string>;
+    autoColumns?: Responsive<string>;
+    align?: Responsive<(typeof alignValues)[number]>;
+    justify?: Responsive<(typeof justifyValues)[number]>;
+}
+type GridDivProps = {
+    as?: 'div';
+} & ComponentPropsWithout<'div', RemovedProps>;
+type GridSpanProps = {
+    as: 'span';
+} & ComponentPropsWithout<'span', RemovedProps>;
+type GridProps = CommonGridProps & (GridSpanProps | GridDivProps);
+
+export { type GridProps, gridPropDefs };

package/dist/components/Grid/Grid.props.d.ts

@@ -0,0 +1,103 @@
+import { BackgroundColorProps } from '../../props/background-color.props.js';
+import { BorderProps } from '../../props/border.props.js';
+import { ColorProps } from '../../props/color.props.js';
+import { FlexItemProps } from '../../props/flex-item.props.js';
+import { GapProps } from '../../props/gap.props.js';
+import { GridItemProps } from '../../props/grid-item.props.js';
+import { MarginProps } from '../../props/margin.props.js';
+import { PaddingProps } from '../../props/padding.props.js';
+import { PositionProps } from '../../props/position.props.js';
+import { SizeProps } from '../../props/size.props.js';
+import { SpacingProps } from '../../props/spacing.props.js';
+import { TextAlignProps } from '../../props/text-align.props.js';
+import { TextTransformProps } from '../../props/text-transform.props.js';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
+import { Responsive, Union } from '../../types/responsive.js';
+import '../../helpers/transform-color-value.js';
+import '../../tokens/space.js';
+import 'react';
+
+declare const displayValues: readonly ["none", "inline-grid", "grid"];
+declare const columnsValues: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+declare const flowValues: readonly ["row", "column", "dense", "row-dense", "column-dense"];
+declare const alignValues: readonly ["start", "center", "end", "baseline", "stretch"];
+declare const justifyValues: readonly ["start", "center", "end", "between"];
+declare const gridPropDefs: {
+    display: {
+        className: string;
+        tokens: readonly ["none", "inline-grid", "grid"];
+        responsive: true;
+    };
+    columns: {
+        className: string;
+        tokens: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        responsive: true;
+    };
+    template: {
+        className: string;
+        responsive: true;
+    };
+    templateColumns: {
+        className: string;
+        responsive: true;
+    };
+    templateRows: {
+        className: string;
+        responsive: true;
+    };
+    templateAreas: {
+        className: string;
+        responsive: true;
+    };
+    autoFlow: {
+        className: string;
+        tokens: readonly ["row", "column", "dense", "row-dense", "column-dense"];
+        responsive: true;
+    };
+    autoColumns: {
+        className: string;
+        responsive: true;
+    };
+    autoRows: {
+        className: string;
+        responsive: true;
+    };
+    align: {
+        className: string;
+        tokens: readonly ["start", "center", "end", "baseline", "stretch"];
+        responsive: true;
+    };
+    justify: {
+        className: string;
+        tokens: readonly ["start", "center", "end", "between"];
+        responsive: true;
+    };
+};
+interface CommonGridProps extends PositionProps, ColorProps, BackgroundColorProps, PaddingProps, MarginProps, GapProps, SpacingProps, SizeProps, BorderProps, GridItemProps, FlexItemProps, TextAlignProps, TextTransformProps {
+    as?: 'div' | 'span';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    defaultResponsiveColumns?: boolean;
+    display?: Responsive<(typeof displayValues)[number]>;
+    columns?: Responsive<Union<string, (typeof columnsValues)[number]>>;
+    template?: Responsive<string>;
+    templateColumns?: Responsive<string>;
+    templateRows?: Responsive<string>;
+    templateAreas?: Responsive<string>;
+    autoFlow?: Responsive<(typeof flowValues)[number]>;
+    autoRows?: Responsive<string>;
+    autoColumns?: Responsive<string>;
+    align?: Responsive<(typeof alignValues)[number]>;
+    justify?: Responsive<(typeof justifyValues)[number]>;
+}
+type GridDivProps = {
+    as?: 'div';
+} & ComponentPropsWithout<'div', RemovedProps>;
+type GridSpanProps = {
+    as: 'span';
+} & ComponentPropsWithout<'span', RemovedProps>;
+type GridProps = CommonGridProps & (GridSpanProps | GridDivProps);
+
+export { type GridProps, gridPropDefs };

package/dist/components/Grid/Grid.props.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-L5LUMAWU.js";export{a as gridPropDefs};
+//# sourceMappingURL=Grid.props.js.map

package/dist/components/Heading/Heading.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQEYJGYXYcjs = require('../../chunk-QEYJGYXY.cjs');require('../../chunk-LIUK2QUP.cjs');require('../../chunk-TWBYN67Y.cjs');require('../../chunk-RRY2OIRE.cjs');require('../../chunk-UKQ5LR4P.cjs');require('../../chunk-5PHEU2LX.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-JHPCQWHT.cjs');exports.Heading = _chunkQEYJGYXYcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkEFPTOFMUcjs = require('../../chunk-EFPTOFMU.cjs');require('../../chunk-LYALP2SH.cjs');require('../../chunk-6XA5OQRT.cjs');require('../../chunk-6CX43AED.cjs');require('../../chunk-3Q4XWRAL.cjs');require('../../chunk-LAVQWQP2.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-5DRU6TDW.cjs');require('../../chunk-3DNRI5YZ.cjs');require('../../chunk-4H5JT5OR.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-JHPCQWHT.cjs');exports.Heading = _chunkEFPTOFMUcjs.a;
 //# sourceMappingURL=Heading.cjs.map

package/dist/components/Heading/Heading.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/Heading/Heading.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,sCAAqB","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/Heading/Heading.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/Heading/Heading.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,sCAAqB","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/Heading/Heading.cjs"}

package/dist/components/Heading/Heading.d.cts

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import { HeadingProps } from './Heading.props.cjs';
-import '../../props/text-align.props.cjs';
+import '../../props/margin.props.cjs';
 import '../../types/responsive.cjs';
+import '../../props/text-align.props.cjs';
+import '../../props/text-transform.props.cjs';
+import '../../props/text-wrap.props.cjs';
 import '../../types/component-props.cjs';
 
 declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/Heading/Heading.d.ts

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import { HeadingProps } from './Heading.props.js';
-import '../../props/text-align.props.js';
+import '../../props/margin.props.js';
 import '../../types/responsive.js';
+import '../../props/text-align.props.js';
+import '../../props/text-transform.props.js';
+import '../../props/text-wrap.props.js';
 import '../../types/component-props.js';
 
 declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/Heading/Heading.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-HAL3QGEC.js";import"../../chunk-JYGJOFRB.js";import"../../chunk-55UJSOEX.js";import"../../chunk-6KSHJIV6.js";import"../../chunk-BB3ZYDDF.js";import"../../chunk-B2Z6W4M6.js";import"../../chunk-FSK5FGWM.js";import"../../chunk-AJUKXCDS.js";import"../../chunk-4IJEOHER.js";export{a as Heading};
+import{a}from"../../chunk-QPIBUVHD.js";import"../../chunk-63I5YSQU.js";import"../../chunk-LFUFY26R.js";import"../../chunk-XE2VBTS5.js";import"../../chunk-VV7AHCQF.js";import"../../chunk-XQ5A24NX.js";import"../../chunk-NMHPABLW.js";import"../../chunk-RTGGS5XX.js";import"../../chunk-TOUF44PN.js";import"../../chunk-4PEMW3UE.js";import"../../chunk-FSK5FGWM.js";import"../../chunk-AJUKXCDS.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-4IJEOHER.js";export{a as Heading};
 //# sourceMappingURL=Heading.js.map

package/dist/components/Heading/Heading.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLIUK2QUPcjs = require('../../chunk-LIUK2QUP.cjs');exports.headingPropDefs = _chunkLIUK2QUPcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLYALP2SHcjs = require('../../chunk-LYALP2SH.cjs');exports.headingPropDefs = _chunkLYALP2SHcjs.a;
 //# sourceMappingURL=Heading.props.cjs.map

package/dist/components/Heading/Heading.props.d.cts

@@ -1,29 +1,21 @@
+import { MarginProps } from '../../props/margin.props.cjs';
 import { TextAlignProps } from '../../props/text-align.props.cjs';
+import { TextTransformProps } from '../../props/text-transform.props.cjs';
+import { TextWrapProps } from '../../props/text-wrap.props.cjs';
 import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
-import { Responsive } from '../../types/responsive.cjs';
+import '../../types/responsive.cjs';
 import 'react';
 
-declare const weights: readonly ["regular", "bold"];
-declare const variants: readonly ["displayHeading", "h1", "h2", "h3", "h4"];
+declare const sizes: readonly ["sm", "md", "lg", "xl"];
 declare const headingPropDefs: {
-    weight: {
+    size: {
         className: string;
-        tokens: readonly ["regular", "bold"];
-        responsive: true;
-        default: string;
-    };
-    variant: {
-        className: string;
-        tokens: readonly ["displayHeading", "h1", "h2", "h3", "h4"];
+        tokens: readonly ["sm", "md", "lg", "xl"];
         responsive: false;
         default: string;
     };
-    color: {
-        className: string;
-        responsive: false;
-    };
 };
-interface HeadingProps extends TextAlignProps, ComponentPropsWithout<'h2', RemovedProps> {
+interface HeadingProps extends ComponentPropsWithout<'h2', RemovedProps>, TextAlignProps, TextTransformProps, TextWrapProps, MarginProps {
     /**
      * @default h2
      */
@@ -31,24 +23,12 @@ interface HeadingProps extends TextAlignProps, ComponentPropsWithout<'h2', Remov
     /** Change the default rendered element for the one passed as a child, merging their props and behavior. */
     asChild?: boolean;
     /**
-     * Applies the text font styles.
-     * @default h2
-     */
-    variant?: (typeof variants)[number];
-    /**
-     * Set the text color
-     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
-     */
-    color?: string;
-    /**
-     * Set the font-weight
-     * @default 'bold'
-     */
-    weight?: Responsive<(typeof weights)[number]>;
-    /**
-     * Set the text-align on the component.
+     * Set the text size styles.
+     * @default md
      */
-    align?: Responsive<'left' | 'center' | 'right'>;
+    size?: (typeof sizes)[number];
+    /** Inverts the component colours, for use on darker surface colours. */
+    inverted?: boolean;
 }
 
 export { type HeadingProps, headingPropDefs };

package/dist/components/Heading/Heading.props.d.ts

@@ -1,29 +1,21 @@
+import { MarginProps } from '../../props/margin.props.js';
 import { TextAlignProps } from '../../props/text-align.props.js';
+import { TextTransformProps } from '../../props/text-transform.props.js';
+import { TextWrapProps } from '../../props/text-wrap.props.js';
 import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
-import { Responsive } from '../../types/responsive.js';
+import '../../types/responsive.js';
 import 'react';
 
-declare const weights: readonly ["regular", "bold"];
-declare const variants: readonly ["displayHeading", "h1", "h2", "h3", "h4"];
+declare const sizes: readonly ["sm", "md", "lg", "xl"];
 declare const headingPropDefs: {
-    weight: {
+    size: {
         className: string;
-        tokens: readonly ["regular", "bold"];
-        responsive: true;
-        default: string;
-    };
-    variant: {
-        className: string;
-        tokens: readonly ["displayHeading", "h1", "h2", "h3", "h4"];
+        tokens: readonly ["sm", "md", "lg", "xl"];
         responsive: false;
         default: string;
     };
-    color: {
-        className: string;
-        responsive: false;
-    };
 };
-interface HeadingProps extends TextAlignProps, ComponentPropsWithout<'h2', RemovedProps> {
+interface HeadingProps extends ComponentPropsWithout<'h2', RemovedProps>, TextAlignProps, TextTransformProps, TextWrapProps, MarginProps {
     /**
      * @default h2
      */
@@ -31,24 +23,12 @@ interface HeadingProps extends TextAlignProps, ComponentPropsWithout<'h2', Remov
     /** Change the default rendered element for the one passed as a child, merging their props and behavior. */
     asChild?: boolean;
     /**
-     * Applies the text font styles.
-     * @default h2
-     */
-    variant?: (typeof variants)[number];
-    /**
-     * Set the text color
-     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
-     */
-    color?: string;
-    /**
-     * Set the font-weight
-     * @default 'bold'
-     */
-    weight?: Responsive<(typeof weights)[number]>;
-    /**
-     * Set the text-align on the component.
+     * Set the text size styles.
+     * @default md
      */
-    align?: Responsive<'left' | 'center' | 'right'>;
+    size?: (typeof sizes)[number];
+    /** Inverts the component colours, for use on darker surface colours. */
+    inverted?: boolean;
 }
 
 export { type HeadingProps, headingPropDefs };

package/dist/components/Heading/Heading.props.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-JYGJOFRB.js";export{a as headingPropDefs};
+import{a}from"../../chunk-63I5YSQU.js";export{a as headingPropDefs};
 //# sourceMappingURL=Heading.props.js.map

package/dist/components/HelperText/HelperText.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk6YPEQ4NScjs = require('../../chunk-6YPEQ4NS.cjs');require('../../chunk-H4TBSJ2Y.cjs');exports.HelperText = _chunk6YPEQ4NScjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk7Z2AP6U3cjs = require('../../chunk-7Z2AP6U3.cjs');require('../../chunk-HLW3FUGQ.cjs');require('../../chunk-XZD2I4TZ.cjs');require('../../chunk-6XA5OQRT.cjs');require('../../chunk-6CX43AED.cjs');require('../../chunk-3Q4XWRAL.cjs');require('../../chunk-LAVQWQP2.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-5DRU6TDW.cjs');require('../../chunk-3DNRI5YZ.cjs');require('../../chunk-4H5JT5OR.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-JHPCQWHT.cjs');exports.HelperText = _chunk7Z2AP6U3cjs.a;
 //# sourceMappingURL=HelperText.cjs.map

package/dist/components/HelperText/HelperText.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/HelperText/HelperText.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,yCAAwB","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/HelperText/HelperText.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/HelperText/HelperText.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,yCAAwB","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/HelperText/HelperText.cjs"}

package/dist/components/HelperText/HelperText.d.cts

@@ -1,5 +1,9 @@
 import * as React from 'react';
 import { HelperTextProps } from './HelperText.props.cjs';
+import '../../props/margin.props.cjs';
+import '../../types/responsive.cjs';
+import '../../props/text-align.props.cjs';
+import '../../props/text-transform.props.cjs';
 import '../../types/component-props.cjs';
 
 declare const HelperText: React.ForwardRefExoticComponent<HelperTextProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/HelperText/HelperText.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
 import { HelperTextProps } from './HelperText.props.js';
+import '../../props/margin.props.js';
+import '../../types/responsive.js';
+import '../../props/text-align.props.js';
+import '../../props/text-transform.props.js';
 import '../../types/component-props.js';
 
 declare const HelperText: React.ForwardRefExoticComponent<HelperTextProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/HelperText/HelperText.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-S35UBSDU.js";import"../../chunk-QOOUH3JB.js";export{a as HelperText};
+import{a}from"../../chunk-QQSAEQVH.js";import"../../chunk-QNQWQMVL.js";import"../../chunk-6TDZE7FX.js";import"../../chunk-LFUFY26R.js";import"../../chunk-XE2VBTS5.js";import"../../chunk-VV7AHCQF.js";import"../../chunk-XQ5A24NX.js";import"../../chunk-NMHPABLW.js";import"../../chunk-RTGGS5XX.js";import"../../chunk-TOUF44PN.js";import"../../chunk-4PEMW3UE.js";import"../../chunk-FSK5FGWM.js";import"../../chunk-AJUKXCDS.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-4IJEOHER.js";export{a as HelperText};
 //# sourceMappingURL=HelperText.js.map

package/dist/components/HelperText/HelperText.props.d.cts

@@ -1,27 +1,18 @@
+import { MarginProps } from '../../props/margin.props.cjs';
+import { TextAlignProps } from '../../props/text-align.props.cjs';
+import { TextTransformProps } from '../../props/text-transform.props.cjs';
 import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
+import '../../types/responsive.cjs';
 import 'react';
 
-interface CommonHelperTextProps {
+interface HelperTextProps extends ComponentPropsWithout<'span', RemovedProps>, MarginProps, TextAlignProps, TextTransformProps {
     /**
      * Set the helper text appearance to disabled.
      * This will be overriden by the validation status.
      */
     disabled?: boolean;
-    /**
-     * Set the helper text appearance to show the validation status.
-     * This will override the disabled styles.
-     *
-     * @default undefined
-     */
-    validationStatus?: 'valid' | 'invalid';
-    /**
-     * Show the relevant pre-defined icon.
-     */
-    showIcon?: boolean;
     /** Make the text unselectable, for use when associated with input elements. */
     disableUserSelect?: boolean;
 }
-interface HelperTextProps extends CommonHelperTextProps, ComponentPropsWithout<'span', RemovedProps> {
-}
 
 export type { HelperTextProps };

package/dist/components/HelperText/HelperText.props.d.ts

@@ -1,27 +1,18 @@
+import { MarginProps } from '../../props/margin.props.js';
+import { TextAlignProps } from '../../props/text-align.props.js';
+import { TextTransformProps } from '../../props/text-transform.props.js';
 import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
+import '../../types/responsive.js';
 import 'react';
 
-interface CommonHelperTextProps {
+interface HelperTextProps extends ComponentPropsWithout<'span', RemovedProps>, MarginProps, TextAlignProps, TextTransformProps {
     /**
      * Set the helper text appearance to disabled.
      * This will be overriden by the validation status.
      */
     disabled?: boolean;
-    /**
-     * Set the helper text appearance to show the validation status.
-     * This will override the disabled styles.
-     *
-     * @default undefined
-     */
-    validationStatus?: 'valid' | 'invalid';
-    /**
-     * Show the relevant pre-defined icon.
-     */
-    showIcon?: boolean;
     /** Make the text unselectable, for use when associated with input elements. */
     disableUserSelect?: boolean;
 }
-interface HelperTextProps extends CommonHelperTextProps, ComponentPropsWithout<'span', RemovedProps> {
-}
 
 export type { HelperTextProps };

package/dist/components/IconButton/IconButton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkVRUVAWAVcjs = require('../../chunk-VRUVAWAV.cjs');require('../../chunk-5VDTARSR.cjs');require('../../chunk-NR6ACHVA.cjs');require('../../chunk-3N5KGSAI.cjs');require('../../chunk-H4TBSJ2Y.cjs');require('../../chunk-RRY2OIRE.cjs');require('../../chunk-UKQ5LR4P.cjs');require('../../chunk-5PHEU2LX.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-JHPCQWHT.cjs');exports.IconButton = _chunkVRUVAWAVcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk7TZQL4HNcjs = require('../../chunk-7TZQL4HN.cjs');require('../../chunk-FNQSPLEH.cjs');require('../../chunk-3EVYXZRL.cjs');require('../../chunk-ZV5ATJ4R.cjs');require('../../chunk-OYNI6NBP.cjs');require('../../chunk-ZC5ZC34U.cjs');require('../../chunk-LAVQWQP2.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-4TDWQANL.cjs');require('../../chunk-GBMJ5JAI.cjs');require('../../chunk-LAITMUFB.cjs');require('../../chunk-H2TDV2BL.cjs');require('../../chunk-5DRU6TDW.cjs');require('../../chunk-3DNRI5YZ.cjs');require('../../chunk-4H5JT5OR.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-JHPCQWHT.cjs');exports.IconButton = _chunk7TZQL4HNcjs.a;
 //# sourceMappingURL=IconButton.cjs.map

package/dist/components/IconButton/IconButton.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/IconButton/IconButton.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,yCAAwB","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/IconButton/IconButton.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/IconButton/IconButton.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,yCAAwB","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/IconButton/IconButton.cjs"}

package/dist/components/IconButton/IconButton.d.cts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { IconButtonProps } from './IconButton.props.cjs';
 import '../../types/responsive.cjs';
 import '../ButtonBase/ButtonBase.props.cjs';
+import '../../props/margin.props.cjs';
 import '../../types/component-props.cjs';
 
 declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/IconButton/IconButton.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { IconButtonProps } from './IconButton.props.js';
 import '../../types/responsive.js';
 import '../ButtonBase/ButtonBase.props.js';
+import '../../props/margin.props.js';
 import '../../types/component-props.js';
 
 declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/IconButton/IconButton.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-AYMFX4MT.js";import"../../chunk-SAP66ZQD.js";import"../../chunk-HQC7YX4H.js";import"../../chunk-3CPOIXM2.js";import"../../chunk-QOOUH3JB.js";import"../../chunk-6KSHJIV6.js";import"../../chunk-BB3ZYDDF.js";import"../../chunk-B2Z6W4M6.js";import"../../chunk-FSK5FGWM.js";import"../../chunk-AJUKXCDS.js";import"../../chunk-4IJEOHER.js";export{a as IconButton};
+import{a}from"../../chunk-EKBBZTZ4.js";import"../../chunk-X5H7DCWE.js";import"../../chunk-E2FMYLM2.js";import"../../chunk-7MDJE2ZA.js";import"../../chunk-YX2LQGPK.js";import"../../chunk-UVA4WAIN.js";import"../../chunk-XQ5A24NX.js";import"../../chunk-NMHPABLW.js";import"../../chunk-RBXZRE4M.js";import"../../chunk-NO5CYWTB.js";import"../../chunk-5LFE33FH.js";import"../../chunk-6D6OHJRG.js";import"../../chunk-RTGGS5XX.js";import"../../chunk-TOUF44PN.js";import"../../chunk-4PEMW3UE.js";import"../../chunk-FSK5FGWM.js";import"../../chunk-AJUKXCDS.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-4IJEOHER.js";export{a as IconButton};
 //# sourceMappingURL=IconButton.js.map

package/dist/components/IconButton/IconButton.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5VDTARSRcjs = require('../../chunk-5VDTARSR.cjs');exports.iconButtonPropDefs = _chunk5VDTARSRcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkFNQSPLEHcjs = require('../../chunk-FNQSPLEH.cjs');exports.iconButtonPropDefs = _chunkFNQSPLEHcjs.a;
 //# sourceMappingURL=IconButton.props.cjs.map

package/dist/components/IconButton/IconButton.props.d.cts

@@ -1,13 +1,14 @@
 import { Responsive } from '../../types/responsive.cjs';
 import { ButtonBaseProps } from '../ButtonBase/ButtonBase.props.cjs';
+import '../../props/margin.props.cjs';
 import '../../types/component-props.cjs';
 import 'react';
 
-declare const sizes: readonly ["xsmall", "small", "medium"];
+declare const sizes: readonly ["sm", "md"];
 declare const iconButtonPropDefs: {
     size: {
         className: string;
-        tokens: readonly ["xsmall", "small", "medium"];
+        tokens: readonly ["sm", "md"];
         responsive: true;
         default: string;
     };
@@ -20,7 +21,7 @@ type IconButtonProps = ButtonBaseProps & {
     label: string;
     /**
      * Sets the button height.
-     * @default medium
+     * @default md
      */
     size?: Responsive<(typeof sizes)[number]>;
 };

package/dist/components/IconButton/IconButton.props.d.ts

@@ -1,13 +1,14 @@
 import { Responsive } from '../../types/responsive.js';
 import { ButtonBaseProps } from '../ButtonBase/ButtonBase.props.js';
+import '../../props/margin.props.js';
 import '../../types/component-props.js';
 import 'react';
 
-declare const sizes: readonly ["xsmall", "small", "medium"];
+declare const sizes: readonly ["sm", "md"];
 declare const iconButtonPropDefs: {
     size: {
         className: string;
-        tokens: readonly ["xsmall", "small", "medium"];
+        tokens: readonly ["sm", "md"];
         responsive: true;
         default: string;
     };
@@ -20,7 +21,7 @@ type IconButtonProps = ButtonBaseProps & {
     label: string;
     /**
      * Sets the button height.
-     * @default medium
+     * @default md
      */
     size?: Responsive<(typeof sizes)[number]>;
 };

package/dist/components/IconButton/IconButton.props.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-SAP66ZQD.js";export{a as iconButtonPropDefs};
+import{a}from"../../chunk-X5H7DCWE.js";export{a as iconButtonPropDefs};
 //# sourceMappingURL=IconButton.props.js.map

package/dist/components/InlineLink/InlineLink.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkKVQGPZW3cjs = require('../../chunk-KVQGPZW3.cjs');require('../../chunk-6CX43AED.cjs');require('../../chunk-LAVQWQP2.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-5DRU6TDW.cjs');require('../../chunk-3DNRI5YZ.cjs');require('../../chunk-4H5JT5OR.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-JHPCQWHT.cjs');exports.InlineLink = _chunkKVQGPZW3cjs.a;
+//# sourceMappingURL=InlineLink.cjs.map

package/dist/components/InlineLink/InlineLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/InlineLink/InlineLink.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,yCAAwB","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/InlineLink/InlineLink.cjs"}