@utilitywarehouse/hearth-react 0.0.0

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { BadgeProps } from './Badge.props.js';
+import '../../types/component-props.js';
+import '../../types/responsive.js';
+
+/**
+ * Provide additional context (such as status), or to draw attention to another
+ * interface element.
+ */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge };

package/dist/components/Badge/Badge.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-QV665DP4.js";import"../../chunk-VRFMS5RF.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 Badge};
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/Badge/Badge.props.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkXI6LBQPNcjs = require('../../chunk-XI6LBQPN.cjs');exports.badgePropDefs = _chunkXI6LBQPNcjs.a;
+//# sourceMappingURL=Badge.props.cjs.map

package/dist/components/Badge/Badge.props.cjs.map

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

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

@@ -0,0 +1,44 @@
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
+import { Responsive } from '../../types/responsive.cjs';
+import 'react';
+
+declare const variants: readonly ["soft", "strong", "outline"];
+declare const sizes: readonly ["small", "medium"];
+declare const badgePropDefs: {
+    variant: {
+        className: string;
+        tokens: readonly ["soft", "strong", "outline"];
+        responsive: false;
+        default: string;
+    };
+    size: {
+        className: string;
+        tokens: readonly ["small", "medium"];
+        responsive: true;
+        default: string;
+    };
+};
+interface BadgeProps extends ComponentPropsWithout<'span', RemovedProps> {
+    /**
+     * Sets the badges's visual variant
+     * @default soft
+     */
+    variant?: (typeof variants)[number];
+    /**
+     * Sets the colour scheme.
+     * @default cyan
+     */
+    colorScheme?: 'cyan' | 'green' | 'red' | 'gold' | 'grey';
+    /**
+     * Removes the bottom radius, set when the Badge sits directly above another container
+     * @default false
+     */
+    bottomRadiusZero?: boolean;
+    /**
+     * Set the size of the Badge
+     * @default medium
+     */
+    size?: Responsive<(typeof sizes)[number]>;
+}
+
+export { type BadgeProps, badgePropDefs };

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

@@ -0,0 +1,44 @@
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
+import { Responsive } from '../../types/responsive.js';
+import 'react';
+
+declare const variants: readonly ["soft", "strong", "outline"];
+declare const sizes: readonly ["small", "medium"];
+declare const badgePropDefs: {
+    variant: {
+        className: string;
+        tokens: readonly ["soft", "strong", "outline"];
+        responsive: false;
+        default: string;
+    };
+    size: {
+        className: string;
+        tokens: readonly ["small", "medium"];
+        responsive: true;
+        default: string;
+    };
+};
+interface BadgeProps extends ComponentPropsWithout<'span', RemovedProps> {
+    /**
+     * Sets the badges's visual variant
+     * @default soft
+     */
+    variant?: (typeof variants)[number];
+    /**
+     * Sets the colour scheme.
+     * @default cyan
+     */
+    colorScheme?: 'cyan' | 'green' | 'red' | 'gold' | 'grey';
+    /**
+     * Removes the bottom radius, set when the Badge sits directly above another container
+     * @default false
+     */
+    bottomRadiusZero?: boolean;
+    /**
+     * Set the size of the Badge
+     * @default medium
+     */
+    size?: Responsive<(typeof sizes)[number]>;
+}
+
+export { type BadgeProps, badgePropDefs };

package/dist/components/Badge/Badge.props.js

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

package/dist/components/Badge/Badge.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/Badge/Badge.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkQMEY7EJKcjs = require('../../chunk-QMEY7EJK.cjs');require('../../chunk-XI6LBQPN.cjs');var _chunk6KGSKNZCcjs = require('../../chunk-6KGSKNZC.cjs');var _chunkITEBLI43cjs = require('../../chunk-ITEBLI43.cjs');require('../../chunk-52WQFKVL.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-DJHEPSCN.cjs');require('../../chunk-JLAZMZSL.cjs');require('../../chunk-JLH4NZU7.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');var _react = require('react'); var e = _interopRequireWildcard(_react);var _coloursystem = require('@utilitywarehouse/colour-system');var _reacticons = require('@utilitywarehouse/react-icons');var d=["soft","strong","outline"],n=["cyan","green","red","gold","grey"],m={title:"Stories / Badge",component:_chunkQMEY7EJKcjs.a,argTypes:{children:{control:{type:"text"}},variant:{options:d,control:{type:"radio"}},size:{options:["small","medium"],control:{type:"radio"}},colorScheme:{options:n,control:{type:"radio"}},bottomRadiusZero:{control:{type:"boolean"}}},args:{children:"Badge",variant:"soft",size:"medium",colorScheme:"cyan",bottomRadiusZero:!1}},x= exports.default =m,u= exports.KitchenSink ={parameters:{controls:{hideNoControlsWarning:!0}},render:()=>e.createElement(_chunkITEBLI43cjs.a,{direction:"column"},d.map(o=>e.createElement(_chunkITEBLI43cjs.a,{key:o,gap:"32px",justify:"center",padding:"32px",direction:"column"},n.map(r=>e.createElement(_chunkITEBLI43cjs.a,{key:r,direction:"row",gap:"16px"},e.createElement(_chunkQMEY7EJKcjs.a,{variant:o,colorScheme:r},"Badge"),e.createElement(_chunkQMEY7EJKcjs.a,{size:"small",variant:o,colorScheme:r},"Badge"),e.createElement(_chunkQMEY7EJKcjs.a,{variant:o,colorScheme:r},e.createElement(_reacticons.StarSmallIcon,null),"Badge"),e.createElement(_chunkQMEY7EJKcjs.a,{size:"small",variant:o,colorScheme:r},e.createElement(_reacticons.StarSmallIcon,null),"Badge"),e.createElement(_chunkQMEY7EJKcjs.a,{variant:o,colorScheme:r,bottomRadiusZero:!0},"Badge"),e.createElement(_chunkQMEY7EJKcjs.a,{size:"small",variant:o,colorScheme:r,bottomRadiusZero:!0},"Badge"),e.createElement(_chunkQMEY7EJKcjs.a,{variant:o,colorScheme:r,bottomRadiusZero:!0},e.createElement(_reacticons.StarSmallIcon,null),"Badge"),e.createElement(_chunkQMEY7EJKcjs.a,{size:"small",variant:o,colorScheme:r,bottomRadiusZero:!0},e.createElement(_reacticons.StarSmallIcon,null),"Badge"))))))},S= exports.Workshop ={},f= exports.Variants ={render:()=>e.createElement(_chunkITEBLI43cjs.a,{gap:"16px"},d.map(o=>e.createElement(_chunkQMEY7EJKcjs.a,{key:o,variant:o},o)))},b= exports.ColorSchemes ={render:()=>e.createElement(_chunkITEBLI43cjs.a,{gap:"16px"},n.map(o=>e.createElement(_chunkQMEY7EJKcjs.a,{key:o,colorScheme:o},o)))},h= exports.ResponsiveSize ={render:o=>e.createElement(_chunkQMEY7EJKcjs.a,{...o,size:{mobile:"small",desktop:"medium"}},"Responsive badge size")},R= exports.BottomRadiusZero ={render:()=>e.createElement(_chunk6KGSKNZCcjs.a,null,e.createElement(_chunk6KGSKNZCcjs.a,{style:{marginLeft:"250px"}},e.createElement(_chunkQMEY7EJKcjs.a,{colorScheme:"green",variant:"strong",bottomRadiusZero:!0},"Multi SIM offer")),e.createElement(_chunk6KGSKNZCcjs.a,{width:"400px",height:"200px",backgroundColor:_coloursystem.colors.green100,style:{borderRadius:"8px"}}))};exports.BottomRadiusZero = R; exports.ColorSchemes = b; exports.KitchenSink = u; exports.ResponsiveSize = h; exports.Variants = f; exports.Workshop = S; exports.default = x;
+//# sourceMappingURL=Badge.stories.cjs.map

package/dist/components/Badge/Badge.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/Badge/Badge.stories.cjs","../../../src/components/Badge/Badge.stories.tsx"],"names":["variants","colorSchemes","meta","Badge","Badge_stories_default","KitchenSink","Flex","variant","colorScheme","StarSmallIcon","Workshop","Variants","ColorSchemes","ResponsiveSize","args","BottomRadiusZero","Box","colors"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/Badge/Badge.stories.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { colors } from '@utilitywarehouse/colour-system';\nimport { StarSmallIcon } from '@utilitywarehouse/react-icons';\n\nimport { Badge } from './Badge';\nimport { Flex } from '../Flex/Flex';\nimport { Box } from '../Box/Box';\n\nconst variants = ['soft', 'strong', 'outline'] as const;\nconst colorSchemes = ['cyan', 'green', 'red', 'gold', 'grey'] as const;\n\nconst meta: Meta<typeof Badge> = {\n  title: 'Stories / Badge',\n  component: Badge,\n  argTypes: {\n    children: { control: { type: 'text' } },\n    variant: { options: variants, control: { type: 'radio' } },\n    size: { options: ['small', 'medium'], control: { type: 'radio' } },\n    colorScheme: { options: colorSchemes, control: { type: 'radio' } },\n    bottomRadiusZero: { control: { type: 'boolean' } },\n  },\n  args: {\n    children: 'Badge',\n    variant: 'soft',\n    size: 'medium',\n    colorScheme: 'cyan',\n    bottomRadiusZero: false,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Badge>;\n\nexport const KitchenSink: Story = {\n  parameters: { controls: { hideNoControlsWarning: true } },\n  render: () => {\n    return (\n      <Flex direction=\"column\">\n        {variants.map(variant => (\n          <Flex key={variant} gap=\"32px\" justify=\"center\" padding=\"32px\" direction=\"column\">\n            {colorSchemes.map(colorScheme => (\n              <Flex key={colorScheme} direction=\"row\" gap=\"16px\">\n                <Badge variant={variant} colorScheme={colorScheme}>\n                  Badge\n                </Badge>\n                <Badge size=\"small\" variant={variant} colorScheme={colorScheme}>\n                  Badge\n                </Badge>\n                <Badge variant={variant} colorScheme={colorScheme}>\n                  <StarSmallIcon />\n                  Badge\n                </Badge>\n                <Badge size=\"small\" variant={variant} colorScheme={colorScheme}>\n                  <StarSmallIcon />\n                  Badge\n                </Badge>\n                <Badge variant={variant} colorScheme={colorScheme} bottomRadiusZero>\n                  Badge\n                </Badge>\n                <Badge size=\"small\" variant={variant} colorScheme={colorScheme} bottomRadiusZero>\n                  Badge\n                </Badge>\n                <Badge variant={variant} colorScheme={colorScheme} bottomRadiusZero>\n                  <StarSmallIcon />\n                  Badge\n                </Badge>\n                <Badge size=\"small\" variant={variant} colorScheme={colorScheme} bottomRadiusZero>\n                  <StarSmallIcon />\n                  Badge\n                </Badge>\n              </Flex>\n            ))}\n          </Flex>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const Workshop: Story = {};\n\nexport const Variants: Story = {\n  render: () => (\n    <Flex gap=\"16px\">\n      {variants.map(variant => (\n        <Badge key={variant} variant={variant}>\n          {variant}\n        </Badge>\n      ))}\n    </Flex>\n  ),\n};\n\nexport const ColorSchemes: Story = {\n  render: () => (\n    <Flex gap=\"16px\">\n      {colorSchemes.map(colorScheme => (\n        <Badge key={colorScheme} colorScheme={colorScheme}>\n          {colorScheme}\n        </Badge>\n      ))}\n    </Flex>\n  ),\n};\n\nexport const ResponsiveSize: Story = {\n  render: args => (\n    <Badge {...args} size={{ mobile: 'small', desktop: 'medium' }}>\n      Responsive badge size\n    </Badge>\n  ),\n};\n\nexport const BottomRadiusZero: Story = {\n  render: () => {\n    return (\n      <Box>\n        <Box style={{ marginLeft: '250px' }}>\n          <Badge colorScheme=\"green\" variant=\"strong\" bottomRadiusZero>\n            Multi SIM offer\n          </Badge>\n        </Box>\n        <Box\n          width=\"400px\"\n          height=\"200px\"\n          backgroundColor={colors.green100}\n          style={{ borderRadius: '8px' }}\n        />\n      </Box>\n    );\n  },\n};\n"]}

package/dist/components/Badge/Badge.stories.d.cts

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Badge } from './Badge.cjs';
+import 'react';
+import './Badge.props.cjs';
+import '../../types/component-props.cjs';
+import '../../types/responsive.cjs';
+
+declare const meta: Meta<typeof Badge>;
+
+type Story = StoryObj<typeof Badge>;
+declare const KitchenSink: Story;
+declare const Workshop: Story;
+declare const Variants: Story;
+declare const ColorSchemes: Story;
+declare const ResponsiveSize: Story;
+declare const BottomRadiusZero: Story;
+
+export { BottomRadiusZero, ColorSchemes, KitchenSink, ResponsiveSize, Variants, Workshop, meta as default };

package/dist/components/Badge/Badge.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Badge } from './Badge.js';
+import 'react';
+import './Badge.props.js';
+import '../../types/component-props.js';
+import '../../types/responsive.js';
+
+declare const meta: Meta<typeof Badge>;
+
+type Story = StoryObj<typeof Badge>;
+declare const KitchenSink: Story;
+declare const Workshop: Story;
+declare const Variants: Story;
+declare const ColorSchemes: Story;
+declare const ResponsiveSize: Story;
+declare const BottomRadiusZero: Story;
+
+export { BottomRadiusZero, ColorSchemes, KitchenSink, ResponsiveSize, Variants, Workshop, meta as default };

package/dist/components/Badge/Badge.stories.js

@@ -0,0 +1,2 @@
+import{a as t}from"../../chunk-QV665DP4.js";import"../../chunk-VRFMS5RF.js";import{a as s}from"../../chunk-CK6SNGZR.js";import{a}from"../../chunk-NHLSKOMC.js";import"../../chunk-THEPS73K.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-VOP5EEZY.js";import"../../chunk-7HAAPCMM.js";import"../../chunk-JFGNCCOY.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";import*as e from"react";import{colors as p}from"@utilitywarehouse/colour-system";import{StarSmallIcon as i}from"@utilitywarehouse/react-icons";var d=["soft","strong","outline"],n=["cyan","green","red","gold","grey"],m={title:"Stories / Badge",component:t,argTypes:{children:{control:{type:"text"}},variant:{options:d,control:{type:"radio"}},size:{options:["small","medium"],control:{type:"radio"}},colorScheme:{options:n,control:{type:"radio"}},bottomRadiusZero:{control:{type:"boolean"}}},args:{children:"Badge",variant:"soft",size:"medium",colorScheme:"cyan",bottomRadiusZero:!1}},x=m,u={parameters:{controls:{hideNoControlsWarning:!0}},render:()=>e.createElement(a,{direction:"column"},d.map(o=>e.createElement(a,{key:o,gap:"32px",justify:"center",padding:"32px",direction:"column"},n.map(r=>e.createElement(a,{key:r,direction:"row",gap:"16px"},e.createElement(t,{variant:o,colorScheme:r},"Badge"),e.createElement(t,{size:"small",variant:o,colorScheme:r},"Badge"),e.createElement(t,{variant:o,colorScheme:r},e.createElement(i,null),"Badge"),e.createElement(t,{size:"small",variant:o,colorScheme:r},e.createElement(i,null),"Badge"),e.createElement(t,{variant:o,colorScheme:r,bottomRadiusZero:!0},"Badge"),e.createElement(t,{size:"small",variant:o,colorScheme:r,bottomRadiusZero:!0},"Badge"),e.createElement(t,{variant:o,colorScheme:r,bottomRadiusZero:!0},e.createElement(i,null),"Badge"),e.createElement(t,{size:"small",variant:o,colorScheme:r,bottomRadiusZero:!0},e.createElement(i,null),"Badge"))))))},S={},f={render:()=>e.createElement(a,{gap:"16px"},d.map(o=>e.createElement(t,{key:o,variant:o},o)))},b={render:()=>e.createElement(a,{gap:"16px"},n.map(o=>e.createElement(t,{key:o,colorScheme:o},o)))},h={render:o=>e.createElement(t,{...o,size:{mobile:"small",desktop:"medium"}},"Responsive badge size")},R={render:()=>e.createElement(s,null,e.createElement(s,{style:{marginLeft:"250px"}},e.createElement(t,{colorScheme:"green",variant:"strong",bottomRadiusZero:!0},"Multi SIM offer")),e.createElement(s,{width:"400px",height:"200px",backgroundColor:p.green100,style:{borderRadius:"8px"}}))};export{R as BottomRadiusZero,b as ColorSchemes,u as KitchenSink,h as ResponsiveSize,f as Variants,S as Workshop,x as default};
+//# sourceMappingURL=Badge.stories.js.map

package/dist/components/Badge/Badge.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Badge/Badge.stories.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { colors } from '@utilitywarehouse/colour-system';\nimport { StarSmallIcon } from '@utilitywarehouse/react-icons';\n\nimport { Badge } from './Badge';\nimport { Flex } from '../Flex/Flex';\nimport { Box } from '../Box/Box';\n\nconst variants = ['soft', 'strong', 'outline'] as const;\nconst colorSchemes = ['cyan', 'green', 'red', 'gold', 'grey'] as const;\n\nconst meta: Meta<typeof Badge> = {\n  title: 'Stories / Badge',\n  component: Badge,\n  argTypes: {\n    children: { control: { type: 'text' } },\n    variant: { options: variants, control: { type: 'radio' } },\n    size: { options: ['small', 'medium'], control: { type: 'radio' } },\n    colorScheme: { options: colorSchemes, control: { type: 'radio' } },\n    bottomRadiusZero: { control: { type: 'boolean' } },\n  },\n  args: {\n    children: 'Badge',\n    variant: 'soft',\n    size: 'medium',\n    colorScheme: 'cyan',\n    bottomRadiusZero: false,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Badge>;\n\nexport const KitchenSink: Story = {\n  parameters: { controls: { hideNoControlsWarning: true } },\n  render: () => {\n    return (\n      <Flex direction=\"column\">\n        {variants.map(variant => (\n          <Flex key={variant} gap=\"32px\" justify=\"center\" padding=\"32px\" direction=\"column\">\n            {colorSchemes.map(colorScheme => (\n              <Flex key={colorScheme} direction=\"row\" gap=\"16px\">\n                <Badge variant={variant} colorScheme={colorScheme}>\n                  Badge\n                </Badge>\n                <Badge size=\"small\" variant={variant} colorScheme={colorScheme}>\n                  Badge\n                </Badge>\n                <Badge variant={variant} colorScheme={colorScheme}>\n                  <StarSmallIcon />\n                  Badge\n                </Badge>\n                <Badge size=\"small\" variant={variant} colorScheme={colorScheme}>\n                  <StarSmallIcon />\n                  Badge\n                </Badge>\n                <Badge variant={variant} colorScheme={colorScheme} bottomRadiusZero>\n                  Badge\n                </Badge>\n                <Badge size=\"small\" variant={variant} colorScheme={colorScheme} bottomRadiusZero>\n                  Badge\n                </Badge>\n                <Badge variant={variant} colorScheme={colorScheme} bottomRadiusZero>\n                  <StarSmallIcon />\n                  Badge\n                </Badge>\n                <Badge size=\"small\" variant={variant} colorScheme={colorScheme} bottomRadiusZero>\n                  <StarSmallIcon />\n                  Badge\n                </Badge>\n              </Flex>\n            ))}\n          </Flex>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const Workshop: Story = {};\n\nexport const Variants: Story = {\n  render: () => (\n    <Flex gap=\"16px\">\n      {variants.map(variant => (\n        <Badge key={variant} variant={variant}>\n          {variant}\n        </Badge>\n      ))}\n    </Flex>\n  ),\n};\n\nexport const ColorSchemes: Story = {\n  render: () => (\n    <Flex gap=\"16px\">\n      {colorSchemes.map(colorScheme => (\n        <Badge key={colorScheme} colorScheme={colorScheme}>\n          {colorScheme}\n        </Badge>\n      ))}\n    </Flex>\n  ),\n};\n\nexport const ResponsiveSize: Story = {\n  render: args => (\n    <Badge {...args} size={{ mobile: 'small', desktop: 'medium' }}>\n      Responsive badge size\n    </Badge>\n  ),\n};\n\nexport const BottomRadiusZero: Story = {\n  render: () => {\n    return (\n      <Box>\n        <Box style={{ marginLeft: '250px' }}>\n          <Badge colorScheme=\"green\" variant=\"strong\" bottomRadiusZero>\n            Multi SIM offer\n          </Badge>\n        </Box>\n        <Box\n          width=\"400px\"\n          height=\"200px\"\n          backgroundColor={colors.green100}\n          style={{ borderRadius: '8px' }}\n        />\n      </Box>\n    );\n  },\n};\n"],"mappings":"+hBAAA,UAAYA,MAAW,QAIvB,OAAS,UAAAC,MAAc,kCACvB,OAAS,iBAAAC,MAAqB,gCAM9B,IAAMC,EAAW,CAAC,OAAQ,SAAU,SAAS,EACvCC,EAAe,CAAC,OAAQ,QAAS,MAAO,OAAQ,MAAM,EAEtDC,EAA2B,CAC/B,MAAO,kBACP,UAAWC,EACX,SAAU,CACR,SAAU,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACtC,QAAS,CAAE,QAASH,EAAU,QAAS,CAAE,KAAM,OAAQ,CAAE,EACzD,KAAM,CAAE,QAAS,CAAC,QAAS,QAAQ,EAAG,QAAS,CAAE,KAAM,OAAQ,CAAE,EACjE,YAAa,CAAE,QAASC,EAAc,QAAS,CAAE,KAAM,OAAQ,CAAE,EACjE,iBAAkB,CAAE,QAAS,CAAE,KAAM,SAAU,CAAE,CACnD,EACA,KAAM,CACJ,SAAU,QACV,QAAS,OACT,KAAM,SACN,YAAa,OACb,iBAAkB,EACpB,CACF,EAEOG,EAAQF,EAGFG,EAAqB,CAChC,WAAY,CAAE,SAAU,CAAE,sBAAuB,EAAK,CAAE,EACxD,OAAQ,IAEJ,gBAACC,EAAA,CAAK,UAAU,UACbN,EAAS,IAAIO,GACZ,gBAACD,EAAA,CAAK,IAAKC,EAAS,IAAI,OAAO,QAAQ,SAAS,QAAQ,OAAO,UAAU,UACtEN,EAAa,IAAIO,GAChB,gBAACF,EAAA,CAAK,IAAKE,EAAa,UAAU,MAAM,IAAI,QAC1C,gBAACL,EAAA,CAAM,QAASI,EAAS,YAAaC,GAAa,OAEnD,EACA,gBAACL,EAAA,CAAM,KAAK,QAAQ,QAASI,EAAS,YAAaC,GAAa,OAEhE,EACA,gBAACL,EAAA,CAAM,QAASI,EAAS,YAAaC,GACpC,gBAACC,EAAA,IAAc,EAAE,OAEnB,EACA,gBAACN,EAAA,CAAM,KAAK,QAAQ,QAASI,EAAS,YAAaC,GACjD,gBAACC,EAAA,IAAc,EAAE,OAEnB,EACA,gBAACN,EAAA,CAAM,QAASI,EAAS,YAAaC,EAAa,iBAAgB,IAAC,OAEpE,EACA,gBAACL,EAAA,CAAM,KAAK,QAAQ,QAASI,EAAS,YAAaC,EAAa,iBAAgB,IAAC,OAEjF,EACA,gBAACL,EAAA,CAAM,QAASI,EAAS,YAAaC,EAAa,iBAAgB,IACjE,gBAACC,EAAA,IAAc,EAAE,OAEnB,EACA,gBAACN,EAAA,CAAM,KAAK,QAAQ,QAASI,EAAS,YAAaC,EAAa,iBAAgB,IAC9E,gBAACC,EAAA,IAAc,EAAE,OAEnB,CACF,CACD,CACH,CACD,CACH,CAGN,EAEaC,EAAkB,CAAC,EAEnBC,EAAkB,CAC7B,OAAQ,IACN,gBAACL,EAAA,CAAK,IAAI,QACPN,EAAS,IAAIO,GACZ,gBAACJ,EAAA,CAAM,IAAKI,EAAS,QAASA,GAC3BA,CACH,CACD,CACH,CAEJ,EAEaK,EAAsB,CACjC,OAAQ,IACN,gBAACN,EAAA,CAAK,IAAI,QACPL,EAAa,IAAIO,GAChB,gBAACL,EAAA,CAAM,IAAKK,EAAa,YAAaA,GACnCA,CACH,CACD,CACH,CAEJ,EAEaK,EAAwB,CACnC,OAAQC,GACN,gBAACX,EAAA,CAAO,GAAGW,EAAM,KAAM,CAAE,OAAQ,QAAS,QAAS,QAAS,GAAG,uBAE/D,CAEJ,EAEaC,EAA0B,CACrC,OAAQ,IAEJ,gBAACC,EAAA,KACC,gBAACA,EAAA,CAAI,MAAO,CAAE,WAAY,OAAQ,GAChC,gBAACb,EAAA,CAAM,YAAY,QAAQ,QAAQ,SAAS,iBAAgB,IAAC,iBAE7D,CACF,EACA,gBAACa,EAAA,CACC,MAAM,QACN,OAAO,QACP,gBAAiBC,EAAO,SACxB,MAAO,CAAE,aAAc,KAAM,EAC/B,CACF,CAGN","names":["React","colors","StarSmallIcon","variants","colorSchemes","meta","Badge","Badge_stories_default","KitchenSink","Flex","variant","colorScheme","StarSmallIcon","Workshop","Variants","ColorSchemes","ResponsiveSize","args","BottomRadiusZero","Box","colors"]}

package/dist/components/BodyText/BodyText.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkE4Z5EPLWcjs = require('../../chunk-E4Z5EPLW.cjs');require('../../chunk-OJBKUH5L.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.BodyText = _chunkE4Z5EPLWcjs.a;
+//# sourceMappingURL=BodyText.cjs.map

package/dist/components/BodyText/BodyText.cjs.map

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

package/dist/components/BodyText/BodyText.d.cts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { BodyTextProps } from './BodyText.props.cjs';
+import '../../props/text-align.props.cjs';
+import '../../types/responsive.cjs';
+import '../../types/component-props.cjs';
+
+/**
+ * BodyText renders the secondary UW font, Work Sans, to be used for body text.
+ */
+declare const BodyText: React.ForwardRefExoticComponent<BodyTextProps & React.RefAttributes<HTMLParagraphElement>>;
+
+export { BodyText };

package/dist/components/BodyText/BodyText.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { BodyTextProps } from './BodyText.props.js';
+import '../../props/text-align.props.js';
+import '../../types/responsive.js';
+import '../../types/component-props.js';
+
+/**
+ * BodyText renders the secondary UW font, Work Sans, to be used for body text.
+ */
+declare const BodyText: React.ForwardRefExoticComponent<BodyTextProps & React.RefAttributes<HTMLParagraphElement>>;
+
+export { BodyText };

package/dist/components/BodyText/BodyText.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-L4762CTD.js";import"../../chunk-FQSYNGC6.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 BodyText};
+//# sourceMappingURL=BodyText.js.map

package/dist/components/BodyText/BodyText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/BodyText/BodyText.props.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkOJBKUH5Lcjs = require('../../chunk-OJBKUH5L.cjs');exports.bodyTextPropDefs = _chunkOJBKUH5Lcjs.a;
+//# sourceMappingURL=BodyText.props.cjs.map

package/dist/components/BodyText/BodyText.props.cjs.map

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

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

@@ -0,0 +1,65 @@
+import { TextAlignProps } from '../../props/text-align.props.cjs';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
+import { Responsive } from '../../types/responsive.cjs';
+import 'react';
+
+declare const weights: readonly ["regular", "medium", "semibold"];
+declare const variants: readonly ["subtitle", "body", "legalNote", "caption"];
+declare const bodyTextPropDefs: {
+    weight: {
+        className: string;
+        tokens: readonly ["regular", "medium", "semibold"];
+        responsive: true;
+        default: string;
+    };
+    variant: {
+        className: string;
+        tokens: readonly ["subtitle", "body", "legalNote", "caption"];
+        responsive: false;
+        default: string;
+    };
+    color: {
+        className: string;
+        responsive: false;
+    };
+};
+interface CommonBodyTextProps extends TextAlignProps {
+    /**
+     * @default p
+     */
+    as?: 'p' | 'div' | 'span';
+    /** 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 body
+     */
+    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 regular
+     */
+    weight?: Responsive<(typeof weights)[number]>;
+    /**
+     * If true, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+     * Note that text overflow can only happen with block or inline-block level elements (the element needs to have a width in order to overflow).
+     */
+    truncate?: boolean | undefined;
+}
+type BodyTextDivProps = {
+    as: 'div';
+} & ComponentPropsWithout<'div', RemovedProps>;
+type BodyTextSpanProps = {
+    as: 'span';
+} & ComponentPropsWithout<'span', RemovedProps>;
+type BodyTextPProps = {
+    as?: 'p';
+} & ComponentPropsWithout<'p', RemovedProps>;
+type BodyTextProps = CommonBodyTextProps & (BodyTextSpanProps | BodyTextDivProps | BodyTextPProps);
+
+export { type BodyTextProps, bodyTextPropDefs };

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

@@ -0,0 +1,65 @@
+import { TextAlignProps } from '../../props/text-align.props.js';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
+import { Responsive } from '../../types/responsive.js';
+import 'react';
+
+declare const weights: readonly ["regular", "medium", "semibold"];
+declare const variants: readonly ["subtitle", "body", "legalNote", "caption"];
+declare const bodyTextPropDefs: {
+    weight: {
+        className: string;
+        tokens: readonly ["regular", "medium", "semibold"];
+        responsive: true;
+        default: string;
+    };
+    variant: {
+        className: string;
+        tokens: readonly ["subtitle", "body", "legalNote", "caption"];
+        responsive: false;
+        default: string;
+    };
+    color: {
+        className: string;
+        responsive: false;
+    };
+};
+interface CommonBodyTextProps extends TextAlignProps {
+    /**
+     * @default p
+     */
+    as?: 'p' | 'div' | 'span';
+    /** 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 body
+     */
+    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 regular
+     */
+    weight?: Responsive<(typeof weights)[number]>;
+    /**
+     * If true, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+     * Note that text overflow can only happen with block or inline-block level elements (the element needs to have a width in order to overflow).
+     */
+    truncate?: boolean | undefined;
+}
+type BodyTextDivProps = {
+    as: 'div';
+} & ComponentPropsWithout<'div', RemovedProps>;
+type BodyTextSpanProps = {
+    as: 'span';
+} & ComponentPropsWithout<'span', RemovedProps>;
+type BodyTextPProps = {
+    as?: 'p';
+} & ComponentPropsWithout<'p', RemovedProps>;
+type BodyTextProps = CommonBodyTextProps & (BodyTextSpanProps | BodyTextDivProps | BodyTextPProps);
+
+export { type BodyTextProps, bodyTextPropDefs };

package/dist/components/BodyText/BodyText.props.js

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

package/dist/components/BodyText/BodyText.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/BodyText/BodyText.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkE4Z5EPLWcjs = require('../../chunk-E4Z5EPLW.cjs');require('../../chunk-OJBKUH5L.cjs');var _chunkITEBLI43cjs = require('../../chunk-ITEBLI43.cjs');require('../../chunk-52WQFKVL.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-TWBYN67Y.cjs');require('../../chunk-DJHEPSCN.cjs');require('../../chunk-JLAZMZSL.cjs');require('../../chunk-JLH4NZU7.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');var _react = require('react'); var t = _interopRequireWildcard(_react);var _coloursystem = require('@utilitywarehouse/colour-system');var a=["subtitle","body","legalNote","caption"],c=["regular","medium","semibold"],l={title:"Stories / BodyText",component:_chunkE4Z5EPLWcjs.a,parameters:{layout:"centered"},argTypes:{children:{control:{type:"text"}},as:{options:["span","p","div"],control:{type:"radio"}},variant:{options:a,control:{type:"radio"}},weight:{options:c,control:{type:"radio"}},truncate:{control:{type:"boolean"}}},args:{children:"Hamburgefons",variant:"body",weight:{mobile:"regular",tablet:"medium",desktop:"semibold"},align:{mobile:"left",tablet:"center",desktop:"right"},truncate:!1}},m= exports.default =l,u= exports.KitchenSink ={parameters:{controls:{hideNoControlsWarning:!0}},render:()=>t.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"100"},a.map(e=>t.createElement(_chunkE4Z5EPLWcjs.a,{key:e,variant:e},"Hamburgefons")))},g= exports.Workshop ={render:({color:e=void 0,...r})=>t.createElement(_chunkE4Z5EPLWcjs.a,{color:Object.keys(_coloursystem.colorsCommon).includes(e)?_coloursystem.colorsCommon[e]:_coloursystem.colors[e],...r}),argTypes:{color:{options:[void 0,...Object.keys(_coloursystem.colorsCommon),...Object.keys(_coloursystem.colors)],control:{type:"select"}}},args:{color:void 0}},x= exports.TextVariants ={name:"Variants",render:()=>t.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"100"},a.map(e=>t.createElement(_chunkE4Z5EPLWcjs.a,{key:e,variant:e},e)))},b= exports.TextTruncate ={name:"Truncate",render:e=>t.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"100",width:"200px"},a.map(r=>t.createElement(_chunkE4Z5EPLWcjs.a,{key:r,...e,variant:r},"the quick brown fox jumped over the lazy dog."))),args:{truncate:!0,weight:"regular"}};exports.KitchenSink = u; exports.TextTruncate = b; exports.TextVariants = x; exports.Workshop = g; exports.default = m;
+//# sourceMappingURL=BodyText.stories.cjs.map

package/dist/components/BodyText/BodyText.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/BodyText/BodyText.stories.cjs","../../../src/components/BodyText/BodyText.stories.tsx"],"names":["variants","weights","meta","BodyText","BodyText_stories_default","KitchenSink","Flex","variant","Workshop","color","args","colorsCommon","colors","TextVariants","TextTruncate"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/BodyText/BodyText.stories.cjs","sourcesContent":[null,"import type { Meta, StoryObj } from '@storybook/react';\n\nimport { BodyText } from './BodyText';\nimport { Flex } from '../Flex/Flex';\nimport * as React from 'react';\nimport { colors, colorsCommon } from '@utilitywarehouse/colour-system';\n\nconst variants = ['subtitle', 'body', 'legalNote', 'caption'] as const;\nconst weights = ['regular', 'medium', 'semibold'] as const;\n\nconst meta: Meta<typeof BodyText> = {\n  title: 'Stories / BodyText',\n  component: BodyText,\n  parameters: { layout: 'centered' },\n  argTypes: {\n    children: { control: { type: 'text' } },\n    as: { options: ['span', 'p', 'div'], control: { type: 'radio' } },\n    variant: { options: variants, control: { type: 'radio' } },\n    weight: { options: weights, control: { type: 'radio' } },\n    truncate: { control: { type: 'boolean' } },\n  },\n  args: {\n    children: 'Hamburgefons',\n    variant: 'body',\n    weight: { mobile: 'regular', tablet: 'medium', desktop: 'semibold' },\n    align: { mobile: 'left', tablet: 'center', desktop: 'right' },\n    truncate: false,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BodyText>;\n\nexport const KitchenSink: Story = {\n  parameters: { controls: { hideNoControlsWarning: true } },\n  render: () => {\n    return (\n      <Flex direction=\"column\" gap=\"100\">\n        {variants.map(variant => (\n          <BodyText key={variant} variant={variant}>\n            Hamburgefons\n          </BodyText>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const Workshop: Story = {\n  render: ({ color = undefined, ...args }) => {\n    return (\n      <BodyText\n        // @ts-expect-error story\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        color={Object.keys(colorsCommon).includes(color) ? colorsCommon[color] : colors[color]}\n        {...args}\n      />\n    );\n  },\n  argTypes: {\n    color: {\n      options: [undefined, ...Object.keys(colorsCommon), ...Object.keys(colors)],\n      control: { type: 'select' },\n    },\n  },\n  args: {\n    color: undefined,\n  },\n};\n\nexport const TextVariants: Story = {\n  name: 'Variants',\n  render: () => {\n    return (\n      <Flex direction=\"column\" gap=\"100\">\n        {variants.map(variant => (\n          <BodyText key={variant} variant={variant}>\n            {variant}\n          </BodyText>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const TextTruncate: Story = {\n  name: 'Truncate',\n  render: args => {\n    return (\n      <Flex direction=\"column\" gap=\"100\" width=\"200px\">\n        {variants.map(variant => (\n          <BodyText key={variant} {...args} variant={variant}>\n            the quick brown fox jumped over the lazy dog.\n          </BodyText>\n        ))}\n      </Flex>\n    );\n  },\n  args: {\n    truncate: true,\n    weight: 'regular',\n  },\n};\n"]}

package/dist/components/BodyText/BodyText.stories.d.cts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BodyText } from './BodyText.cjs';
+import 'react';
+import './BodyText.props.cjs';
+import '../../props/text-align.props.cjs';
+import '../../types/responsive.cjs';
+import '../../types/component-props.cjs';
+
+declare const meta: Meta<typeof BodyText>;
+
+type Story = StoryObj<typeof BodyText>;
+declare const KitchenSink: Story;
+declare const Workshop: Story;
+declare const TextVariants: Story;
+declare const TextTruncate: Story;
+
+export { KitchenSink, TextTruncate, TextVariants, Workshop, meta as default };

package/dist/components/BodyText/BodyText.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BodyText } from './BodyText.js';
+import 'react';
+import './BodyText.props.js';
+import '../../props/text-align.props.js';
+import '../../types/responsive.js';
+import '../../types/component-props.js';
+
+declare const meta: Meta<typeof BodyText>;
+
+type Story = StoryObj<typeof BodyText>;
+declare const KitchenSink: Story;
+declare const Workshop: Story;
+declare const TextVariants: Story;
+declare const TextTruncate: Story;
+
+export { KitchenSink, TextTruncate, TextVariants, Workshop, meta as default };

package/dist/components/BodyText/BodyText.stories.js

@@ -0,0 +1,2 @@
+import{a as o}from"../../chunk-L4762CTD.js";import"../../chunk-FQSYNGC6.js";import{a as n}from"../../chunk-NHLSKOMC.js";import"../../chunk-THEPS73K.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-55UJSOEX.js";import"../../chunk-VOP5EEZY.js";import"../../chunk-7HAAPCMM.js";import"../../chunk-JFGNCCOY.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";import*as t from"react";import{colors as s,colorsCommon as i}from"@utilitywarehouse/colour-system";var a=["subtitle","body","legalNote","caption"],c=["regular","medium","semibold"],l={title:"Stories / BodyText",component:o,parameters:{layout:"centered"},argTypes:{children:{control:{type:"text"}},as:{options:["span","p","div"],control:{type:"radio"}},variant:{options:a,control:{type:"radio"}},weight:{options:c,control:{type:"radio"}},truncate:{control:{type:"boolean"}}},args:{children:"Hamburgefons",variant:"body",weight:{mobile:"regular",tablet:"medium",desktop:"semibold"},align:{mobile:"left",tablet:"center",desktop:"right"},truncate:!1}},m=l,u={parameters:{controls:{hideNoControlsWarning:!0}},render:()=>t.createElement(n,{direction:"column",gap:"100"},a.map(e=>t.createElement(o,{key:e,variant:e},"Hamburgefons")))},g={render:({color:e=void 0,...r})=>t.createElement(o,{color:Object.keys(i).includes(e)?i[e]:s[e],...r}),argTypes:{color:{options:[void 0,...Object.keys(i),...Object.keys(s)],control:{type:"select"}}},args:{color:void 0}},x={name:"Variants",render:()=>t.createElement(n,{direction:"column",gap:"100"},a.map(e=>t.createElement(o,{key:e,variant:e},e)))},b={name:"Truncate",render:e=>t.createElement(n,{direction:"column",gap:"100",width:"200px"},a.map(r=>t.createElement(o,{key:r,...e,variant:r},"the quick brown fox jumped over the lazy dog."))),args:{truncate:!0,weight:"regular"}};export{u as KitchenSink,b as TextTruncate,x as TextVariants,g as Workshop,m as default};
+//# sourceMappingURL=BodyText.stories.js.map

package/dist/components/BodyText/BodyText.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BodyText/BodyText.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { BodyText } from './BodyText';\nimport { Flex } from '../Flex/Flex';\nimport * as React from 'react';\nimport { colors, colorsCommon } from '@utilitywarehouse/colour-system';\n\nconst variants = ['subtitle', 'body', 'legalNote', 'caption'] as const;\nconst weights = ['regular', 'medium', 'semibold'] as const;\n\nconst meta: Meta<typeof BodyText> = {\n  title: 'Stories / BodyText',\n  component: BodyText,\n  parameters: { layout: 'centered' },\n  argTypes: {\n    children: { control: { type: 'text' } },\n    as: { options: ['span', 'p', 'div'], control: { type: 'radio' } },\n    variant: { options: variants, control: { type: 'radio' } },\n    weight: { options: weights, control: { type: 'radio' } },\n    truncate: { control: { type: 'boolean' } },\n  },\n  args: {\n    children: 'Hamburgefons',\n    variant: 'body',\n    weight: { mobile: 'regular', tablet: 'medium', desktop: 'semibold' },\n    align: { mobile: 'left', tablet: 'center', desktop: 'right' },\n    truncate: false,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BodyText>;\n\nexport const KitchenSink: Story = {\n  parameters: { controls: { hideNoControlsWarning: true } },\n  render: () => {\n    return (\n      <Flex direction=\"column\" gap=\"100\">\n        {variants.map(variant => (\n          <BodyText key={variant} variant={variant}>\n            Hamburgefons\n          </BodyText>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const Workshop: Story = {\n  render: ({ color = undefined, ...args }) => {\n    return (\n      <BodyText\n        // @ts-expect-error story\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        color={Object.keys(colorsCommon).includes(color) ? colorsCommon[color] : colors[color]}\n        {...args}\n      />\n    );\n  },\n  argTypes: {\n    color: {\n      options: [undefined, ...Object.keys(colorsCommon), ...Object.keys(colors)],\n      control: { type: 'select' },\n    },\n  },\n  args: {\n    color: undefined,\n  },\n};\n\nexport const TextVariants: Story = {\n  name: 'Variants',\n  render: () => {\n    return (\n      <Flex direction=\"column\" gap=\"100\">\n        {variants.map(variant => (\n          <BodyText key={variant} variant={variant}>\n            {variant}\n          </BodyText>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const TextTruncate: Story = {\n  name: 'Truncate',\n  render: args => {\n    return (\n      <Flex direction=\"column\" gap=\"100\" width=\"200px\">\n        {variants.map(variant => (\n          <BodyText key={variant} {...args} variant={variant}>\n            the quick brown fox jumped over the lazy dog.\n          </BodyText>\n        ))}\n      </Flex>\n    );\n  },\n  args: {\n    truncate: true,\n    weight: 'regular',\n  },\n};\n"],"mappings":"wfAIA,UAAYA,MAAW,QACvB,OAAS,UAAAC,EAAQ,gBAAAC,MAAoB,kCAErC,IAAMC,EAAW,CAAC,WAAY,OAAQ,YAAa,SAAS,EACtDC,EAAU,CAAC,UAAW,SAAU,UAAU,EAE1CC,EAA8B,CAClC,MAAO,qBACP,UAAWC,EACX,WAAY,CAAE,OAAQ,UAAW,EACjC,SAAU,CACR,SAAU,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACtC,GAAI,CAAE,QAAS,CAAC,OAAQ,IAAK,KAAK,EAAG,QAAS,CAAE,KAAM,OAAQ,CAAE,EAChE,QAAS,CAAE,QAASH,EAAU,QAAS,CAAE,KAAM,OAAQ,CAAE,EACzD,OAAQ,CAAE,QAASC,EAAS,QAAS,CAAE,KAAM,OAAQ,CAAE,EACvD,SAAU,CAAE,QAAS,CAAE,KAAM,SAAU,CAAE,CAC3C,EACA,KAAM,CACJ,SAAU,eACV,QAAS,OACT,OAAQ,CAAE,OAAQ,UAAW,OAAQ,SAAU,QAAS,UAAW,EACnE,MAAO,CAAE,OAAQ,OAAQ,OAAQ,SAAU,QAAS,OAAQ,EAC5D,SAAU,EACZ,CACF,EAEOG,EAAQF,EAGFG,EAAqB,CAChC,WAAY,CAAE,SAAU,CAAE,sBAAuB,EAAK,CAAE,EACxD,OAAQ,IAEJ,gBAACC,EAAA,CAAK,UAAU,SAAS,IAAI,OAC1BN,EAAS,IAAIO,GACZ,gBAACJ,EAAA,CAAS,IAAKI,EAAS,QAASA,GAAS,cAE1C,CACD,CACH,CAGN,EAEaC,EAAkB,CAC7B,OAAQ,CAAC,CAAE,MAAAC,EAAQ,OAAW,GAAGC,CAAK,IAElC,gBAACP,EAAA,CAGC,MAAO,OAAO,KAAKJ,CAAY,EAAE,SAASU,CAAK,EAAIV,EAAaU,CAAK,EAAIX,EAAOW,CAAK,EACpF,GAAGC,EACN,EAGJ,SAAU,CACR,MAAO,CACL,QAAS,CAAC,OAAW,GAAG,OAAO,KAAKX,CAAY,EAAG,GAAG,OAAO,KAAKD,CAAM,CAAC,EACzE,QAAS,CAAE,KAAM,QAAS,CAC5B,CACF,EACA,KAAM,CACJ,MAAO,MACT,CACF,EAEaa,EAAsB,CACjC,KAAM,WACN,OAAQ,IAEJ,gBAACL,EAAA,CAAK,UAAU,SAAS,IAAI,OAC1BN,EAAS,IAAIO,GACZ,gBAACJ,EAAA,CAAS,IAAKI,EAAS,QAASA,GAC9BA,CACH,CACD,CACH,CAGN,EAEaK,EAAsB,CACjC,KAAM,WACN,OAAQF,GAEJ,gBAACJ,EAAA,CAAK,UAAU,SAAS,IAAI,MAAM,MAAM,SACtCN,EAAS,IAAIO,GACZ,gBAACJ,EAAA,CAAS,IAAKI,EAAU,GAAGG,EAAM,QAASH,GAAS,+CAEpD,CACD,CACH,EAGJ,KAAM,CACJ,SAAU,GACV,OAAQ,SACV,CACF","names":["React","colors","colorsCommon","variants","weights","meta","BodyText","BodyText_stories_default","KitchenSink","Flex","variant","Workshop","color","args","TextVariants","TextTruncate"]}

package/dist/components/Box/Box.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk6KGSKNZCcjs = require('../../chunk-6KGSKNZC.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-DJHEPSCN.cjs');require('../../chunk-JLH4NZU7.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.Box = _chunk6KGSKNZCcjs.a;
+//# sourceMappingURL=Box.cjs.map

package/dist/components/Box/Box.cjs.map

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

package/dist/components/Box/Box.d.cts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { BoxProps } from './Box.props.cjs';
+import '../../props/color.props.cjs';
+import '../../props/padding.props.cjs';
+import '../../types/responsive.cjs';
+import '../../props/size.props.cjs';
+import '../../types/component-props.cjs';
+
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Box };

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { BoxProps } from './Box.props.js';
+import '../../props/color.props.js';
+import '../../props/padding.props.js';
+import '../../types/responsive.js';
+import '../../props/size.props.js';
+import '../../types/component-props.js';
+
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Box };

package/dist/components/Box/Box.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-CK6SNGZR.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-VOP5EEZY.js";import"../../chunk-JFGNCCOY.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 Box};
+//# sourceMappingURL=Box.js.map

package/dist/components/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/Box/Box.props.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=Box.props.cjs.map

package/dist/components/Box/Box.props.cjs.map

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

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

@@ -0,0 +1,23 @@
+import { ColorProps } from '../../props/color.props.cjs';
+import { PaddingProps } from '../../props/padding.props.cjs';
+import { SizeProps } from '../../props/size.props.cjs';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
+import '../../types/responsive.cjs';
+import 'react';
+
+interface CommonBoxProps extends ColorProps, PaddingProps, SizeProps {
+    as?: 'div' | 'span';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+}
+type BoxDivProps = {
+    as?: 'div';
+} & ComponentPropsWithout<'div', RemovedProps>;
+type BoxSpanProps = {
+    as: 'span';
+} & ComponentPropsWithout<'span', RemovedProps>;
+type BoxProps = CommonBoxProps & (BoxSpanProps | BoxDivProps);
+
+export type { BoxProps };

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

@@ -0,0 +1,23 @@
+import { ColorProps } from '../../props/color.props.js';
+import { PaddingProps } from '../../props/padding.props.js';
+import { SizeProps } from '../../props/size.props.js';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
+import '../../types/responsive.js';
+import 'react';
+
+interface CommonBoxProps extends ColorProps, PaddingProps, SizeProps {
+    as?: 'div' | 'span';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+}
+type BoxDivProps = {
+    as?: 'div';
+} & ComponentPropsWithout<'div', RemovedProps>;
+type BoxSpanProps = {
+    as: 'span';
+} & ComponentPropsWithout<'span', RemovedProps>;
+type BoxProps = CommonBoxProps & (BoxSpanProps | BoxDivProps);
+
+export type { BoxProps };

package/dist/components/Box/Box.props.js

@@ -0,0 +1 @@
+//# sourceMappingURL=Box.props.js.map