@utilitywarehouse/hearth-react 0.0.0 → 0.0.1

package/dist/components/Alert/Alert.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { AlertProps } from './Alert.props.js';
-import '../../types/component-props.js';
-
-/**
- * Provide feedback messages to users. Alerts are dynamic content that is
- * injected into the page when it changes and should be used sparingly.
- */
-declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Alert };

package/dist/components/Alert/Alert.js

@@ -1,2 +0,0 @@
-import{a}from"../../chunk-TGM2VG3N.js";import"../../chunk-AYMFX4MT.js";import"../../chunk-SAP66ZQD.js";import"../../chunk-HQC7YX4H.js";import"../../chunk-3CPOIXM2.js";import"../../chunk-QSEFHTZN.js";import"../../chunk-GKXV2DGV.js";import"../../chunk-DFYEG37P.js";import"../../chunk-EO2Y3SY5.js";import"../../chunk-L4762CTD.js";import"../../chunk-FQSYNGC6.js";import"../../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-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 Alert};
-//# sourceMappingURL=Alert.js.map

package/dist/components/Alert/Alert.props.cjs

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

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

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

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

@@ -1,37 +0,0 @@
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
-import 'react';
-
-interface AlertProps extends ComponentPropsWithout<'div', RemovedProps> {
-    /**
-     * Sets the colour scheme.
-     * @default cyan
-     */
-    colorScheme?: 'cyan' | 'green' | 'gold' | 'red';
-    /**
-     * Sets the function to be called when the alert is closed.
-     */
-    onClose?: () => void;
-    /**
-     * Sets the direction of the alert content.
-     * @default column
-     */
-    direction?: 'row' | 'column';
-    /**
-     * Sets the title of the alert.
-     */
-    title?: string;
-    /**
-     * Sets the text of the alert.
-     */
-    text?: React.ReactNode;
-    /**
-     * Sets the link text of the alert.
-     */
-    linkText?: string;
-    /**
-     * Sets the link href of the alert.
-     */
-    linkHref?: string;
-}
-
-export type { AlertProps };

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

@@ -1,37 +0,0 @@
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
-import 'react';
-
-interface AlertProps extends ComponentPropsWithout<'div', RemovedProps> {
-    /**
-     * Sets the colour scheme.
-     * @default cyan
-     */
-    colorScheme?: 'cyan' | 'green' | 'gold' | 'red';
-    /**
-     * Sets the function to be called when the alert is closed.
-     */
-    onClose?: () => void;
-    /**
-     * Sets the direction of the alert content.
-     * @default column
-     */
-    direction?: 'row' | 'column';
-    /**
-     * Sets the title of the alert.
-     */
-    title?: string;
-    /**
-     * Sets the text of the alert.
-     */
-    text?: React.ReactNode;
-    /**
-     * Sets the link text of the alert.
-     */
-    linkText?: string;
-    /**
-     * Sets the link href of the alert.
-     */
-    linkHref?: string;
-}
-
-export type { AlertProps };

package/dist/components/Alert/Alert.props.js

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

package/dist/components/Alert/Alert.stories.cjs

@@ -1,2 +0,0 @@
-"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 _chunkZRV4VAYHcjs = require('../../chunk-ZRV4VAYH.cjs');var _chunkA4FWJGQCcjs = require('../../chunk-A4FWJGQC.cjs');require('../../chunk-EUMVWYBJ.cjs');var _chunkT4MH3W4Rcjs = require('../../chunk-T4MH3W4R.cjs');require('../../chunk-VRUVAWAV.cjs');require('../../chunk-5VDTARSR.cjs');require('../../chunk-NR6ACHVA.cjs');require('../../chunk-3N5KGSAI.cjs');require('../../chunk-STSBIRL4.cjs');require('../../chunk-Z4HPARJN.cjs');var _chunkWVHDWAUOcjs = require('../../chunk-WVHDWAUO.cjs');require('../../chunk-VKQFYHIG.cjs');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-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 s=["cyan","red","green","gold"],a={title:"Stories / Alert",component:_chunkT4MH3W4Rcjs.a,argTypes:{children:{control:{type:"text"}},colorScheme:{options:s,control:{type:"radio"}},direction:{options:["column","row"],control:{type:"radio"}}},args:{title:"Did you know?",text:"The quick brown fox jumps over the lazy dog.",linkText:"Learn more",linkHref:"#"}},f= exports.default =a,g= exports.KitchenSink ={parameters:{controls:{hideNoControlsWarning:!0}},render:r=>e.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"800",width:"800px",padding:"400"},s.map(t=>e.createElement(_chunkITEBLI43cjs.a,{key:t,direction:"column",gap:"200"},e.createElement(_chunkT4MH3W4Rcjs.a,{...r,colorScheme:t,direction:"row"}),e.createElement(_chunkT4MH3W4Rcjs.a,{...r,colorScheme:t,direction:"column"}),e.createElement(_chunkT4MH3W4Rcjs.a,{...r,colorScheme:t,direction:"row",onClose:()=>alert("closed")}),e.createElement(_chunkT4MH3W4Rcjs.a,{...r,colorScheme:t,direction:"column",onClose:()=>alert("closed")}),e.createElement(_chunkT4MH3W4Rcjs.a,{...r,colorScheme:t,direction:"row",linkText:void 0}),e.createElement(_chunkT4MH3W4Rcjs.a,{...r,colorScheme:t,direction:"column",linkText:void 0}))))},S= exports.Workshop ={},w= exports.ToggleAlert ={parameters:{layout:"none"},render:()=>{let[r,t]=e.useState(!1);return e.createElement(_chunkITEBLI43cjs.a,{direction:"column",align:"start",gap:"200",width:"fit-content",padding:"400"},e.createElement(_chunkA4FWJGQCcjs.a,{size:"small",variant:"outline",onClick:()=>t(!0)},"Open alert"),r?e.createElement(_chunkT4MH3W4Rcjs.a,{direction:"row",text:"This is for your information.",onClose:()=>t(!1)}):null)}},k= exports.AlertColorSchemes ={name:"Alert ColorSchemes",render:()=>e.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"200",width:"fit-content"},e.createElement(_chunkT4MH3W4Rcjs.a,{colorScheme:"cyan",direction:"row",text:"Cyan colour scheme for informational messages"}),e.createElement(_chunkT4MH3W4Rcjs.a,{colorScheme:"green",direction:"row",text:"Green colour scheme for positive or success messages"}),e.createElement(_chunkT4MH3W4Rcjs.a,{colorScheme:"gold",direction:"row",text:"Gold colour scheme for warning messages"}),e.createElement(_chunkT4MH3W4Rcjs.a,{colorScheme:"red",direction:"row",text:"Red colour scheme for errors and higher warnings"}))},A= exports.AlertAdvancedUsage ={render:()=>e.createElement(_chunkITEBLI43cjs.a,{align:"start"},e.createElement(_chunkT4MH3W4Rcjs.a,{colorScheme:"red",title:"Delete account",text:e.createElement(_chunkWVHDWAUOcjs.a,null,"Are you ",e.createElement(_chunkZRV4VAYHcjs.a,null,"sure")," you want to do this?"),linkHref:"#",linkText:"Delete",onClose:()=>{},direction:"row"}))};exports.AlertAdvancedUsage = A; exports.AlertColorSchemes = k; exports.KitchenSink = g; exports.ToggleAlert = w; exports.Workshop = S; exports.default = f;
-//# sourceMappingURL=Alert.stories.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/Alert/Alert.stories.cjs","../../../src/components/Alert/Alert.stories.tsx"],"names":["colorSchemes","meta","Alert","Alert_stories_default","KitchenSink","args","Flex","colorScheme","Workshop","ToggleAlert","open","setOpen","Button","AlertColorSchemes","AlertAdvancedUsage","AlertText","Strong"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/Alert/Alert.stories.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { Alert } from './Alert';\nimport { Flex } from '../Flex/Flex';\nimport { Button } from '../Button/Button';\nimport { AlertText } from './AlertText';\nimport { Strong } from '../Strong/Strong';\n\nconst colorSchemes = ['cyan', 'red', 'green', 'gold'] as const;\n\nconst meta: Meta<typeof Alert> = {\n  title: 'Stories / Alert',\n  component: Alert,\n  argTypes: {\n    children: { control: { type: 'text' } },\n    colorScheme: { options: colorSchemes, control: { type: 'radio' } },\n    direction: { options: ['column', 'row'], control: { type: 'radio' } },\n  },\n  args: {\n    title: 'Did you know?',\n    text: 'The quick brown fox jumps over the lazy dog.',\n    linkText: 'Learn more',\n    linkHref: '#',\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Alert>;\n\nexport const KitchenSink: Story = {\n  parameters: { controls: { hideNoControlsWarning: true } },\n  render: args => {\n    return (\n      <Flex direction=\"column\" gap=\"800\" width=\"800px\" padding=\"400\">\n        {colorSchemes.map(colorScheme => (\n          <Flex key={colorScheme} direction=\"column\" gap=\"200\">\n            <Alert {...args} colorScheme={colorScheme} direction=\"row\" />\n            <Alert {...args} colorScheme={colorScheme} direction=\"column\" />\n            <Alert\n              {...args}\n              colorScheme={colorScheme}\n              direction=\"row\"\n              onClose={() => alert('closed')}\n            />\n            <Alert\n              {...args}\n              colorScheme={colorScheme}\n              direction=\"column\"\n              onClose={() => alert('closed')}\n            />\n            <Alert {...args} colorScheme={colorScheme} direction=\"row\" linkText={undefined} />\n            <Alert {...args} colorScheme={colorScheme} direction=\"column\" linkText={undefined} />\n          </Flex>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const Workshop: Story = {};\n\nexport const ToggleAlert: Story = {\n  parameters: { layout: 'none' },\n  render: () => {\n    const [open, setOpen] = React.useState(false);\n    const handleOpen = () => setOpen(true);\n    const handleClose = () => setOpen(false);\n\n    return (\n      <Flex direction=\"column\" align=\"start\" gap=\"200\" width=\"fit-content\" padding=\"400\">\n        <Button size=\"small\" variant=\"outline\" onClick={handleOpen}>\n          Open alert\n        </Button>\n        {open ? (\n          <Alert direction=\"row\" text=\"This is for your information.\" onClose={handleClose} />\n        ) : null}\n      </Flex>\n    );\n  },\n};\n\nexport const AlertColorSchemes: Story = {\n  name: 'Alert ColorSchemes',\n  render: () => {\n    return (\n      <Flex direction=\"column\" gap=\"200\" width=\"fit-content\">\n        <Alert\n          colorScheme=\"cyan\"\n          direction=\"row\"\n          text=\"Cyan colour scheme for informational messages\"\n        />\n        <Alert\n          colorScheme=\"green\"\n          direction=\"row\"\n          text=\"Green colour scheme for positive or success messages\"\n        />\n        <Alert colorScheme=\"gold\" direction=\"row\" text=\"Gold colour scheme for warning messages\" />\n        <Alert\n          colorScheme=\"red\"\n          direction=\"row\"\n          text=\"Red colour scheme for errors and higher warnings\"\n        />\n      </Flex>\n    );\n  },\n};\n\nexport const AlertAdvancedUsage: Story = {\n  render: () => {\n    return (\n      <Flex align=\"start\">\n        <Alert\n          colorScheme=\"red\"\n          title=\"Delete account\"\n          text={\n            <AlertText>\n              Are you <Strong>sure</Strong> you want to do this?\n            </AlertText>\n          }\n          linkHref=\"#\"\n          linkText=\"Delete\"\n          onClose={() => {}}\n          direction=\"row\"\n        />\n      </Flex>\n    );\n  },\n};\n"]}

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

@@ -1,16 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Alert } from './Alert.cjs';
-import 'react';
-import './Alert.props.cjs';
-import '../../types/component-props.cjs';
-
-declare const meta: Meta<typeof Alert>;
-
-type Story = StoryObj<typeof Alert>;
-declare const KitchenSink: Story;
-declare const Workshop: Story;
-declare const ToggleAlert: Story;
-declare const AlertColorSchemes: Story;
-declare const AlertAdvancedUsage: Story;
-
-export { AlertAdvancedUsage, AlertColorSchemes, KitchenSink, ToggleAlert, Workshop, meta as default };

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

@@ -1,16 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Alert } from './Alert.js';
-import 'react';
-import './Alert.props.js';
-import '../../types/component-props.js';
-
-declare const meta: Meta<typeof Alert>;
-
-type Story = StoryObj<typeof Alert>;
-declare const KitchenSink: Story;
-declare const Workshop: Story;
-declare const ToggleAlert: Story;
-declare const AlertColorSchemes: Story;
-declare const AlertAdvancedUsage: Story;
-
-export { AlertAdvancedUsage, AlertColorSchemes, KitchenSink, ToggleAlert, Workshop, meta as default };

package/dist/components/Alert/Alert.stories.js

@@ -1,2 +0,0 @@
-import{a as c}from"../../chunk-5JEMUZQ2.js";import{a as l}from"../../chunk-IWAQJ4AL.js";import"../../chunk-4D4QQU2B.js";import{a as o}from"../../chunk-TGM2VG3N.js";import"../../chunk-AYMFX4MT.js";import"../../chunk-SAP66ZQD.js";import"../../chunk-HQC7YX4H.js";import"../../chunk-3CPOIXM2.js";import"../../chunk-QSEFHTZN.js";import"../../chunk-GKXV2DGV.js";import{a as i}from"../../chunk-DFYEG37P.js";import"../../chunk-EO2Y3SY5.js";import"../../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-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";var s=["cyan","red","green","gold"],a={title:"Stories / Alert",component:o,argTypes:{children:{control:{type:"text"}},colorScheme:{options:s,control:{type:"radio"}},direction:{options:["column","row"],control:{type:"radio"}}},args:{title:"Did you know?",text:"The quick brown fox jumps over the lazy dog.",linkText:"Learn more",linkHref:"#"}},f=a,g={parameters:{controls:{hideNoControlsWarning:!0}},render:r=>e.createElement(n,{direction:"column",gap:"800",width:"800px",padding:"400"},s.map(t=>e.createElement(n,{key:t,direction:"column",gap:"200"},e.createElement(o,{...r,colorScheme:t,direction:"row"}),e.createElement(o,{...r,colorScheme:t,direction:"column"}),e.createElement(o,{...r,colorScheme:t,direction:"row",onClose:()=>alert("closed")}),e.createElement(o,{...r,colorScheme:t,direction:"column",onClose:()=>alert("closed")}),e.createElement(o,{...r,colorScheme:t,direction:"row",linkText:void 0}),e.createElement(o,{...r,colorScheme:t,direction:"column",linkText:void 0}))))},S={},w={parameters:{layout:"none"},render:()=>{let[r,t]=e.useState(!1);return e.createElement(n,{direction:"column",align:"start",gap:"200",width:"fit-content",padding:"400"},e.createElement(l,{size:"small",variant:"outline",onClick:()=>t(!0)},"Open alert"),r?e.createElement(o,{direction:"row",text:"This is for your information.",onClose:()=>t(!1)}):null)}},k={name:"Alert ColorSchemes",render:()=>e.createElement(n,{direction:"column",gap:"200",width:"fit-content"},e.createElement(o,{colorScheme:"cyan",direction:"row",text:"Cyan colour scheme for informational messages"}),e.createElement(o,{colorScheme:"green",direction:"row",text:"Green colour scheme for positive or success messages"}),e.createElement(o,{colorScheme:"gold",direction:"row",text:"Gold colour scheme for warning messages"}),e.createElement(o,{colorScheme:"red",direction:"row",text:"Red colour scheme for errors and higher warnings"}))},A={render:()=>e.createElement(n,{align:"start"},e.createElement(o,{colorScheme:"red",title:"Delete account",text:e.createElement(i,null,"Are you ",e.createElement(c,null,"sure")," you want to do this?"),linkHref:"#",linkText:"Delete",onClose:()=>{},direction:"row"}))};export{A as AlertAdvancedUsage,k as AlertColorSchemes,g as KitchenSink,w as ToggleAlert,S as Workshop,f as default};
-//# sourceMappingURL=Alert.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Alert/Alert.stories.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { Alert } from './Alert';\nimport { Flex } from '../Flex/Flex';\nimport { Button } from '../Button/Button';\nimport { AlertText } from './AlertText';\nimport { Strong } from '../Strong/Strong';\n\nconst colorSchemes = ['cyan', 'red', 'green', 'gold'] as const;\n\nconst meta: Meta<typeof Alert> = {\n  title: 'Stories / Alert',\n  component: Alert,\n  argTypes: {\n    children: { control: { type: 'text' } },\n    colorScheme: { options: colorSchemes, control: { type: 'radio' } },\n    direction: { options: ['column', 'row'], control: { type: 'radio' } },\n  },\n  args: {\n    title: 'Did you know?',\n    text: 'The quick brown fox jumps over the lazy dog.',\n    linkText: 'Learn more',\n    linkHref: '#',\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Alert>;\n\nexport const KitchenSink: Story = {\n  parameters: { controls: { hideNoControlsWarning: true } },\n  render: args => {\n    return (\n      <Flex direction=\"column\" gap=\"800\" width=\"800px\" padding=\"400\">\n        {colorSchemes.map(colorScheme => (\n          <Flex key={colorScheme} direction=\"column\" gap=\"200\">\n            <Alert {...args} colorScheme={colorScheme} direction=\"row\" />\n            <Alert {...args} colorScheme={colorScheme} direction=\"column\" />\n            <Alert\n              {...args}\n              colorScheme={colorScheme}\n              direction=\"row\"\n              onClose={() => alert('closed')}\n            />\n            <Alert\n              {...args}\n              colorScheme={colorScheme}\n              direction=\"column\"\n              onClose={() => alert('closed')}\n            />\n            <Alert {...args} colorScheme={colorScheme} direction=\"row\" linkText={undefined} />\n            <Alert {...args} colorScheme={colorScheme} direction=\"column\" linkText={undefined} />\n          </Flex>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const Workshop: Story = {};\n\nexport const ToggleAlert: Story = {\n  parameters: { layout: 'none' },\n  render: () => {\n    const [open, setOpen] = React.useState(false);\n    const handleOpen = () => setOpen(true);\n    const handleClose = () => setOpen(false);\n\n    return (\n      <Flex direction=\"column\" align=\"start\" gap=\"200\" width=\"fit-content\" padding=\"400\">\n        <Button size=\"small\" variant=\"outline\" onClick={handleOpen}>\n          Open alert\n        </Button>\n        {open ? (\n          <Alert direction=\"row\" text=\"This is for your information.\" onClose={handleClose} />\n        ) : null}\n      </Flex>\n    );\n  },\n};\n\nexport const AlertColorSchemes: Story = {\n  name: 'Alert ColorSchemes',\n  render: () => {\n    return (\n      <Flex direction=\"column\" gap=\"200\" width=\"fit-content\">\n        <Alert\n          colorScheme=\"cyan\"\n          direction=\"row\"\n          text=\"Cyan colour scheme for informational messages\"\n        />\n        <Alert\n          colorScheme=\"green\"\n          direction=\"row\"\n          text=\"Green colour scheme for positive or success messages\"\n        />\n        <Alert colorScheme=\"gold\" direction=\"row\" text=\"Gold colour scheme for warning messages\" />\n        <Alert\n          colorScheme=\"red\"\n          direction=\"row\"\n          text=\"Red colour scheme for errors and higher warnings\"\n        />\n      </Flex>\n    );\n  },\n};\n\nexport const AlertAdvancedUsage: Story = {\n  render: () => {\n    return (\n      <Flex align=\"start\">\n        <Alert\n          colorScheme=\"red\"\n          title=\"Delete account\"\n          text={\n            <AlertText>\n              Are you <Strong>sure</Strong> you want to do this?\n            </AlertText>\n          }\n          linkHref=\"#\"\n          linkText=\"Delete\"\n          onClose={() => {}}\n          direction=\"row\"\n        />\n      </Flex>\n    );\n  },\n};\n"],"mappings":"47BAAA,UAAYA,MAAW,QAUvB,IAAMC,EAAe,CAAC,OAAQ,MAAO,QAAS,MAAM,EAE9CC,EAA2B,CAC/B,MAAO,kBACP,UAAWC,EACX,SAAU,CACR,SAAU,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACtC,YAAa,CAAE,QAASF,EAAc,QAAS,CAAE,KAAM,OAAQ,CAAE,EACjE,UAAW,CAAE,QAAS,CAAC,SAAU,KAAK,EAAG,QAAS,CAAE,KAAM,OAAQ,CAAE,CACtE,EACA,KAAM,CACJ,MAAO,gBACP,KAAM,+CACN,SAAU,aACV,SAAU,GACZ,CACF,EAEOG,EAAQF,EAGFG,EAAqB,CAChC,WAAY,CAAE,SAAU,CAAE,sBAAuB,EAAK,CAAE,EACxD,OAAQC,GAEJ,gBAACC,EAAA,CAAK,UAAU,SAAS,IAAI,MAAM,MAAM,QAAQ,QAAQ,OACtDN,EAAa,IAAIO,GAChB,gBAACD,EAAA,CAAK,IAAKC,EAAa,UAAU,SAAS,IAAI,OAC7C,gBAACL,EAAA,CAAO,GAAGG,EAAM,YAAaE,EAAa,UAAU,MAAM,EAC3D,gBAACL,EAAA,CAAO,GAAGG,EAAM,YAAaE,EAAa,UAAU,SAAS,EAC9D,gBAACL,EAAA,CACE,GAAGG,EACJ,YAAaE,EACb,UAAU,MACV,QAAS,IAAM,MAAM,QAAQ,EAC/B,EACA,gBAACL,EAAA,CACE,GAAGG,EACJ,YAAaE,EACb,UAAU,SACV,QAAS,IAAM,MAAM,QAAQ,EAC/B,EACA,gBAACL,EAAA,CAAO,GAAGG,EAAM,YAAaE,EAAa,UAAU,MAAM,SAAU,OAAW,EAChF,gBAACL,EAAA,CAAO,GAAGG,EAAM,YAAaE,EAAa,UAAU,SAAS,SAAU,OAAW,CACrF,CACD,CACH,CAGN,EAEaC,EAAkB,CAAC,EAEnBC,EAAqB,CAChC,WAAY,CAAE,OAAQ,MAAO,EAC7B,OAAQ,IAAM,CACZ,GAAM,CAACC,EAAMC,CAAO,EAAU,WAAS,EAAK,EAI5C,OACE,gBAACL,EAAA,CAAK,UAAU,SAAS,MAAM,QAAQ,IAAI,MAAM,MAAM,cAAc,QAAQ,OAC3E,gBAACM,EAAA,CAAO,KAAK,QAAQ,QAAQ,UAAU,QALxB,IAAMD,EAAQ,EAAI,GAK2B,YAE5D,EACCD,EACC,gBAACR,EAAA,CAAM,UAAU,MAAM,KAAK,gCAAgC,QAR9C,IAAMS,EAAQ,EAAK,EAQiD,EAChF,IACN,CAEJ,CACF,EAEaE,EAA2B,CACtC,KAAM,qBACN,OAAQ,IAEJ,gBAACP,EAAA,CAAK,UAAU,SAAS,IAAI,MAAM,MAAM,eACvC,gBAACJ,EAAA,CACC,YAAY,OACZ,UAAU,MACV,KAAK,gDACP,EACA,gBAACA,EAAA,CACC,YAAY,QACZ,UAAU,MACV,KAAK,uDACP,EACA,gBAACA,EAAA,CAAM,YAAY,OAAO,UAAU,MAAM,KAAK,0CAA0C,EACzF,gBAACA,EAAA,CACC,YAAY,MACZ,UAAU,MACV,KAAK,mDACP,CACF,CAGN,EAEaY,EAA4B,CACvC,OAAQ,IAEJ,gBAACR,EAAA,CAAK,MAAM,SACV,gBAACJ,EAAA,CACC,YAAY,MACZ,MAAM,iBACN,KACE,gBAACa,EAAA,KAAU,WACD,gBAACC,EAAA,KAAO,MAAI,EAAS,uBAC/B,EAEF,SAAS,IACT,SAAS,SACT,QAAS,IAAM,CAAC,EAChB,UAAU,MACZ,CACF,CAGN","names":["React","colorSchemes","meta","Alert","Alert_stories_default","KitchenSink","args","Flex","colorScheme","Workshop","ToggleAlert","open","setOpen","Button","AlertColorSchemes","AlertAdvancedUsage","AlertText","Strong"]}

package/dist/components/Alert/AlertLink.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkSTSBIRL4cjs = require('../../chunk-STSBIRL4.cjs');require('../../chunk-Z4HPARJN.cjs');require('../../chunk-5PHEU2LX.cjs');exports.AlertLink = _chunkSTSBIRL4cjs.a;
-//# sourceMappingURL=AlertLink.cjs.map

package/dist/components/Alert/AlertLink.cjs.map

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

package/dist/components/Alert/AlertLink.d.cts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { TextLinkProps } from '../TextLink/TextLink.props.cjs';
-import '../../types/component-props.cjs';
-
-/**
- * An `AlertLink` is a component that is used to display the link of an `Alert`.
- */
-declare const AlertLink: React.ForwardRefExoticComponent<TextLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-
-export { AlertLink };

package/dist/components/Alert/AlertLink.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { TextLinkProps } from '../TextLink/TextLink.props.js';
-import '../../types/component-props.js';
-
-/**
- * An `AlertLink` is a component that is used to display the link of an `Alert`.
- */
-declare const AlertLink: React.ForwardRefExoticComponent<TextLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-
-export { AlertLink };

package/dist/components/Alert/AlertLink.js

@@ -1,2 +0,0 @@
-import{a}from"../../chunk-QSEFHTZN.js";import"../../chunk-GKXV2DGV.js";import"../../chunk-B2Z6W4M6.js";export{a as AlertLink};
-//# sourceMappingURL=AlertLink.js.map

package/dist/components/Alert/AlertText.cjs

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

package/dist/components/Alert/AlertText.cjs.map

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

package/dist/components/Alert/AlertText.d.cts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { BodyTextProps } from '../BodyText/BodyText.props.cjs';
-import '../../props/text-align.props.cjs';
-import '../../types/responsive.cjs';
-import '../../types/component-props.cjs';
-
-/**
- * An `AlertText` is a component that is used to display the text of an `Alert`.
- */
-declare const AlertText: React.ForwardRefExoticComponent<BodyTextProps & React.RefAttributes<HTMLHeadingElement>>;
-
-export { AlertText };

package/dist/components/Alert/AlertText.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { BodyTextProps } from '../BodyText/BodyText.props.js';
-import '../../props/text-align.props.js';
-import '../../types/responsive.js';
-import '../../types/component-props.js';
-
-/**
- * An `AlertText` is a component that is used to display the text of an `Alert`.
- */
-declare const AlertText: React.ForwardRefExoticComponent<BodyTextProps & React.RefAttributes<HTMLHeadingElement>>;
-
-export { AlertText };

package/dist/components/Alert/AlertText.js

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

package/dist/components/Alert/AlertTitle.cjs

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

package/dist/components/Alert/AlertTitle.cjs.map

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

package/dist/components/Alert/AlertTitle.d.cts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { BodyTextProps } from '../BodyText/BodyText.props.cjs';
-import '../../props/text-align.props.cjs';
-import '../../types/responsive.cjs';
-import '../../types/component-props.cjs';
-
-/**
- * An `AlertTitle` is a component that is used to display the title of an `Alert`.
- */
-declare const AlertTitle: React.ForwardRefExoticComponent<BodyTextProps & React.RefAttributes<HTMLHeadingElement>>;
-
-export { AlertTitle };

package/dist/components/Alert/AlertTitle.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { BodyTextProps } from '../BodyText/BodyText.props.js';
-import '../../props/text-align.props.js';
-import '../../types/responsive.js';
-import '../../types/component-props.js';
-
-/**
- * An `AlertTitle` is a component that is used to display the title of an `Alert`.
- */
-declare const AlertTitle: React.ForwardRefExoticComponent<BodyTextProps & React.RefAttributes<HTMLHeadingElement>>;
-
-export { AlertTitle };

package/dist/components/Alert/AlertTitle.js

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

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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,18 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":"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","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.stories.cjs

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.stories.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk6KGSKNZCcjs = require('../../chunk-6KGSKNZC.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-DJHEPSCN.cjs');var _chunkJLH4NZU7cjs = 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 e={title:"Stories / Box",component:_chunk6KGSKNZCcjs.a,parameters:{layout:"centered"},argTypes:{children:{control:{type:"text"}},as:{options:["div","span"],control:{type:"radio"}},padding:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingInline:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingBlock:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingTop:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingRight:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingBottom:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingLeft:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},width:{control:{type:"text"}},minWidth:{control:{type:"text"}},maxWidth:{control:{type:"text"}},height:{control:{type:"text"}},minHeight:{control:{type:"text"}},maxHeight:{control:{type:"text"}},color:{control:{type:"text"}},backgroundColor:{control:{type:"text"}}},args:{children:"Box",style:{border:"1px solid rebeccapurple"}}},n= exports.default =e,i= exports.Workshop ={},l= exports.ResponsiveProps ={args:{children:"Responsive props",padding:{mobile:"4px",tablet:"200",desktop:"16px",wide:"0"},width:{mobile:"100px",tablet:"200px",desktop:"300px",wide:"400px"}}};exports.ResponsiveProps = l; exports.Workshop = i; exports.default = n;
-//# sourceMappingURL=Box.stories.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/Box/Box.stories.cjs","../../../src/components/Box/Box.stories.tsx"],"names":["meta","Box","paddingTokens","Box_stories_default","Workshop","ResponsiveProps"],"mappings":"AAAA,qIAA4C,oCAAiC,oCAAiC,4DAA6C,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,ICK3VA,CAAAA,CAAyB,CAC7B,KAAA,CAAO,eAAA,CACP,SAAA,CAAWC,mBAAAA,CACX,UAAA,CAAY,CAAE,MAAA,CAAQ,UAAW,CAAA,CACjC,QAAA,CAAU,CACR,QAAA,CAAU,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACtC,EAAA,CAAI,CAAE,OAAA,CAAS,CAAC,KAAA,CAAO,MAAM,CAAA,CAAG,OAAA,CAAS,CAAE,IAAA,CAAM,OAAQ,CAAE,CAAA,CAC3D,OAAA,CAAS,CAAE,OAAA,CAASC,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CAC/D,aAAA,CAAe,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CACrE,YAAA,CAAc,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CACpE,UAAA,CAAY,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CAClE,YAAA,CAAc,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CACpE,aAAA,CAAe,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CACrE,WAAA,CAAa,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CACnE,KAAA,CAAO,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACnC,QAAA,CAAU,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACtC,QAAA,CAAU,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACtC,MAAA,CAAQ,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACpC,SAAA,CAAW,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACvC,SAAA,CAAW,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACvC,KAAA,CAAO,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACnC,eAAA,CAAiB,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAC/C,CAAA,CACA,IAAA,CAAM,CACJ,QAAA,CAAU,KAAA,CACV,KAAA,CAAO,CAAE,MAAA,CAAQ,yBAA0B,CAC7C,CACF,CAAA,CAEOC,CAAAA,mBAAQH,CAAAA,CAGFI,CAAAA,oBAAkB,CAAC,CAAA,CAEnBC,CAAAA,2BAAyB,CACpC,IAAA,CAAM,CACJ,QAAA,CAAU,kBAAA,CACV,OAAA,CAAS,CACP,MAAA,CAAQ,KAAA,CACR,MAAA,CAAQ,KAAA,CACR,OAAA,CAAS,MAAA,CACT,IAAA,CAAM,GACR,CAAA,CACA,KAAA,CAAO,CACL,MAAA,CAAQ,OAAA,CACR,MAAA,CAAQ,OAAA,CACR,OAAA,CAAS,OAAA,CACT,IAAA,CAAM,OACR,CACF,CACF,CAAA,CAAA,uEAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/Box/Box.stories.cjs","sourcesContent":[null,"import type { Meta, StoryObj } from '@storybook/react';\nimport { Box } from './Box';\nimport { paddingTokens } from '../../props/padding.props';\n\n// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export\nconst meta: Meta<typeof Box> = {\n  title: 'Stories / Box',\n  component: Box,\n  parameters: { layout: 'centered' },\n  argTypes: {\n    children: { control: { type: 'text' } },\n    as: { options: ['div', 'span'], control: { type: 'radio' } },\n    padding: { options: paddingTokens, control: { type: 'select' } },\n    paddingInline: { options: paddingTokens, control: { type: 'select' } },\n    paddingBlock: { options: paddingTokens, control: { type: 'select' } },\n    paddingTop: { options: paddingTokens, control: { type: 'select' } },\n    paddingRight: { options: paddingTokens, control: { type: 'select' } },\n    paddingBottom: { options: paddingTokens, control: { type: 'select' } },\n    paddingLeft: { options: paddingTokens, control: { type: 'select' } },\n    width: { control: { type: 'text' } },\n    minWidth: { control: { type: 'text' } },\n    maxWidth: { control: { type: 'text' } },\n    height: { control: { type: 'text' } },\n    minHeight: { control: { type: 'text' } },\n    maxHeight: { control: { type: 'text' } },\n    color: { control: { type: 'text' } },\n    backgroundColor: { control: { type: 'text' } },\n  },\n  args: {\n    children: 'Box',\n    style: { border: '1px solid rebeccapurple' },\n  },\n} satisfies Meta<typeof Box>;\n\nexport default meta;\ntype Story = StoryObj<typeof Box>;\n\nexport const Workshop: Story = {};\n\nexport const ResponsiveProps: Story = {\n  args: {\n    children: 'Responsive props',\n    padding: {\n      mobile: '4px',\n      tablet: '200',\n      desktop: '16px',\n      wide: '0',\n    },\n    width: {\n      mobile: '100px',\n      tablet: '200px',\n      desktop: '300px',\n      wide: '400px',\n    },\n  },\n};\n"]}

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

@@ -1,17 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Box } from './Box.cjs';
-import 'react';
-import './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 meta: Meta<typeof Box>;
-
-type Story = StoryObj<typeof Box>;
-declare const Workshop: Story;
-declare const ResponsiveProps: Story;
-
-export { ResponsiveProps, Workshop, meta as default };

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

@@ -1,17 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Box } from './Box.js';
-import 'react';
-import './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 meta: Meta<typeof Box>;
-
-type Story = StoryObj<typeof Box>;
-declare const Workshop: Story;
-declare const ResponsiveProps: Story;
-
-export { ResponsiveProps, Workshop, meta as default };

package/dist/components/Box/Box.stories.js

@@ -1,2 +0,0 @@
-import{a as o}from"../../chunk-CK6SNGZR.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-VOP5EEZY.js";import{a as t}from"../../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";var e={title:"Stories / Box",component:o,parameters:{layout:"centered"},argTypes:{children:{control:{type:"text"}},as:{options:["div","span"],control:{type:"radio"}},padding:{options:t,control:{type:"select"}},paddingInline:{options:t,control:{type:"select"}},paddingBlock:{options:t,control:{type:"select"}},paddingTop:{options:t,control:{type:"select"}},paddingRight:{options:t,control:{type:"select"}},paddingBottom:{options:t,control:{type:"select"}},paddingLeft:{options:t,control:{type:"select"}},width:{control:{type:"text"}},minWidth:{control:{type:"text"}},maxWidth:{control:{type:"text"}},height:{control:{type:"text"}},minHeight:{control:{type:"text"}},maxHeight:{control:{type:"text"}},color:{control:{type:"text"}},backgroundColor:{control:{type:"text"}}},args:{children:"Box",style:{border:"1px solid rebeccapurple"}}},n=e,i={},l={args:{children:"Responsive props",padding:{mobile:"4px",tablet:"200",desktop:"16px",wide:"0"},width:{mobile:"100px",tablet:"200px",desktop:"300px",wide:"400px"}}};export{l as ResponsiveProps,i as Workshop,n as default};
-//# sourceMappingURL=Box.stories.js.map