@utilitywarehouse/hearth-react 0.0.0 → 0.0.1

package/dist/components/TextLink/TextLink.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { TextLinkProps } from './TextLink.props.js';
-import '../../types/component-props.js';
-
-/**
- * A semantic element for navigating between pages. The `TextLink` component is
- * intended to be used within a block of text, and should be nested in a `Text`
- * component. This should happen even when using as a standalone link element
- * as it will inherit many styles from the parent `Text` component.
- */
-declare const TextLink: React.ForwardRefExoticComponent<TextLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-
-export { TextLink };

package/dist/components/TextLink/TextLink.js

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

package/dist/components/TextLink/TextLink.props.cjs

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

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

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

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

@@ -1,18 +0,0 @@
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
-import 'react';
-
-interface TextLinkProps extends ComponentPropsWithout<'a', RemovedProps> {
-    /**
-     * Sets the text colour.
-     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
-     *
-     * @default color.cyan600
-     */
-    color?: string;
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behaviour.
-     */
-    asChild?: boolean;
-}
-
-export type { TextLinkProps };

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

@@ -1,18 +0,0 @@
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
-import 'react';
-
-interface TextLinkProps extends ComponentPropsWithout<'a', RemovedProps> {
-    /**
-     * Sets the text colour.
-     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
-     *
-     * @default color.cyan600
-     */
-    color?: string;
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behaviour.
-     */
-    asChild?: boolean;
-}
-
-export type { TextLinkProps };

package/dist/components/TextLink/TextLink.props.js

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

package/dist/components/TextLink/TextLink.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 _chunkZ4HPARJNcjs = require('../../chunk-Z4HPARJN.cjs');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 _reacticons = require('@utilitywarehouse/react-icons');var c={title:"Stories / TextLink",component:_chunkZ4HPARJNcjs.a,argTypes:{children:{control:{type:"text"}},href:{control:{type:"text"}},color:{control:{type:"text"}}}},h= exports.default =c,a=["subtitle","body","legalNote","caption"],T= exports.Workshop ={render:e=>t.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"32px",width:"500px",padding:"32px",backgroundColor:_coloursystem.colors.grey50,align:"center",justify:"center"},t.createElement(_chunkE4Z5EPLWcjs.a,null,t.createElement(_chunkZ4HPARJNcjs.a,{...e})),t.createElement(_chunkE4Z5EPLWcjs.a,null,"Agnes Martin was an American ",t.createElement(_chunkZ4HPARJNcjs.a,{...e},"abstract painter")," known for her"," ",t.createElement(_chunkZ4HPARJNcjs.a,{...e},"minimalist")," style. Martin's art was characterized by serene compositions featuring ",t.createElement(_chunkZ4HPARJNcjs.a,{...e},"grids and lines"),". Martin's minimalist approach conveyed tranquility and ",t.createElement(_chunkZ4HPARJNcjs.a,{...e},"spirituality"),", and her paintings often carried positive names reflective of her"," ",t.createElement(_chunkZ4HPARJNcjs.a,{...e},"philosophy"),".")),args:{children:"TextLink",href:"#"}},k= exports.KitchenSink ={render:()=>t.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"8px"},a.map(e=>t.createElement(_chunkE4Z5EPLWcjs.a,{key:e,variant:e},t.createElement(_chunkZ4HPARJNcjs.a,{href:"#",style:{textTransform:"capitalize"}},e," TextLink"))))},f= exports.WithinText ={name:"In a block of text",render:()=>t.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"8px"},a.map(e=>t.createElement(_chunkE4Z5EPLWcjs.a,{key:e,variant:e},"This is the ",e," text style, and it contains"," ",t.createElement(_chunkZ4HPARJNcjs.a,{href:"#"},"an embedded link")," within this text.")))},u= exports.WithIcons ={render:e=>t.createElement(_chunkITEBLI43cjs.a,{gap:"48px"},t.createElement(_chunkZ4HPARJNcjs.a,{...e},"Learn More",t.createElement(_reacticons.ChevronRightMediumIcon,null)),t.createElement(_chunkZ4HPARJNcjs.a,{...e},"Open in a new tab",t.createElement(_reacticons.OpenMediumIcon,null)))},L= exports.AsButton ={render:()=>t.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"16px",align:"start"},t.createElement(_chunkZ4HPARJNcjs.a,{asChild:!0},t.createElement("button",{onClick:()=>alert("Hello world!")},"View benefits",t.createElement(_reacticons.ChevronRightMediumIcon,null))))},g= exports.LengthyContent ={render:e=>t.createElement(_chunkITEBLI43cjs.a,{width:"800px"},t.createElement(_chunkE4Z5EPLWcjs.a,null,"To limit spend on international calls, turn on Budget Control and then"," ",t.createElement(_chunkZ4HPARJNcjs.a,{...e},e.children),".")),args:{children:"follow our handy guide to set your International call cap"}};exports.AsButton = L; exports.KitchenSink = k; exports.LengthyContent = g; exports.WithIcons = u; exports.WithinText = f; exports.Workshop = T; exports.default = h;
-//# sourceMappingURL=TextLink.stories.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/TextLink/TextLink.stories.cjs","../../../src/components/TextLink/TextLink.stories.tsx"],"names":["meta","TextLink","TextLink_stories_default","variants","Workshop","args","Flex","colors","BodyText","KitchenSink","variant","WithinText","WithIcons","ChevronRightMediumIcon","OpenMediumIcon","AsButton","LengthyContent"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/TextLink/TextLink.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 { ChevronRightMediumIcon, OpenMediumIcon } from '@utilitywarehouse/react-icons';\n\nimport { TextLink } from './TextLink';\nimport { Flex } from '../Flex/Flex';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst meta: Meta<typeof TextLink> = {\n  title: 'Stories / TextLink',\n  component: TextLink,\n  argTypes: {\n    children: { control: { type: 'text' } },\n    href: { control: { type: 'text' } },\n    color: { control: { type: 'text' } },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TextLink>;\n\nconst variants = ['subtitle', 'body', 'legalNote', 'caption'] as const;\n\nexport const Workshop: Story = {\n  render: args => (\n    <Flex\n      direction=\"column\"\n      gap=\"32px\"\n      width=\"500px\"\n      padding=\"32px\"\n      backgroundColor={colors.grey50}\n      align=\"center\"\n      justify=\"center\"\n    >\n      <BodyText>\n        <TextLink {...args} />\n      </BodyText>\n      <BodyText>\n        Agnes Martin was an American <TextLink {...args}>abstract painter</TextLink> known for her{' '}\n        <TextLink {...args}>minimalist</TextLink> style. Martin&apos;s art was characterized by\n        serene compositions featuring <TextLink {...args}>grids and lines</TextLink>. Martin&apos;s\n        minimalist approach conveyed tranquility and <TextLink {...args}>spirituality</TextLink>,\n        and her paintings often carried positive names reflective of her{' '}\n        <TextLink {...args}>philosophy</TextLink>.\n      </BodyText>\n    </Flex>\n  ),\n  args: {\n    children: 'TextLink',\n    href: '#',\n  },\n};\n\nexport const KitchenSink: Story = {\n  render: () => {\n    return (\n      <Flex direction=\"column\" gap=\"8px\">\n        {variants.map(variant => (\n          <BodyText key={variant} variant={variant}>\n            <TextLink href=\"#\" style={{ textTransform: 'capitalize' }}>\n              {variant} TextLink\n            </TextLink>\n          </BodyText>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const WithinText: Story = {\n  name: 'In a block of text',\n  render: () => {\n    return (\n      <Flex direction=\"column\" gap=\"8px\">\n        {variants.map(variant => (\n          <BodyText key={variant} variant={variant}>\n            This is the {variant} text style, and it contains{' '}\n            <TextLink href=\"#\">an embedded link</TextLink> within this text.\n          </BodyText>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const WithIcons: Story = {\n  render: args => (\n    <Flex gap=\"48px\">\n      <TextLink {...args}>\n        Learn More\n        <ChevronRightMediumIcon />\n      </TextLink>\n      <TextLink {...args}>\n        Open in a new tab\n        <OpenMediumIcon />\n      </TextLink>\n    </Flex>\n  ),\n};\n\nexport const AsButton: Story = {\n  render: () => (\n    <Flex direction=\"column\" gap=\"16px\" align=\"start\">\n      <TextLink asChild>\n        <button onClick={() => alert('Hello world!')}>\n          View benefits\n          <ChevronRightMediumIcon />\n        </button>\n      </TextLink>\n    </Flex>\n  ),\n};\n\nexport const LengthyContent: Story = {\n  render: args => (\n    <Flex width=\"800px\">\n      <BodyText>\n        To limit spend on international calls, turn on Budget Control and then{' '}\n        <TextLink {...args}>{args.children}</TextLink>.\n      </BodyText>\n    </Flex>\n  ),\n  args: { children: 'follow our handy guide to set your International call cap' },\n};\n"]}

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

@@ -1,17 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TextLink } from './TextLink.cjs';
-import 'react';
-import './TextLink.props.cjs';
-import '../../types/component-props.cjs';
-
-declare const meta: Meta<typeof TextLink>;
-
-type Story = StoryObj<typeof TextLink>;
-declare const Workshop: Story;
-declare const KitchenSink: Story;
-declare const WithinText: Story;
-declare const WithIcons: Story;
-declare const AsButton: Story;
-declare const LengthyContent: Story;
-
-export { AsButton, KitchenSink, LengthyContent, WithIcons, WithinText, Workshop, meta as default };

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

@@ -1,17 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TextLink } from './TextLink.js';
-import 'react';
-import './TextLink.props.js';
-import '../../types/component-props.js';
-
-declare const meta: Meta<typeof TextLink>;
-
-type Story = StoryObj<typeof TextLink>;
-declare const Workshop: Story;
-declare const KitchenSink: Story;
-declare const WithinText: Story;
-declare const WithIcons: Story;
-declare const AsButton: Story;
-declare const LengthyContent: Story;
-
-export { AsButton, KitchenSink, LengthyContent, WithIcons, WithinText, Workshop, meta as default };

package/dist/components/TextLink/TextLink.stories.js

@@ -1,2 +0,0 @@
-import{a as n}from"../../chunk-GKXV2DGV.js";import{a as i}from"../../chunk-L4762CTD.js";import"../../chunk-FQSYNGC6.js";import{a as o}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 l}from"@utilitywarehouse/colour-system";import{ChevronRightMediumIcon as r,OpenMediumIcon as p}from"@utilitywarehouse/react-icons";var c={title:"Stories / TextLink",component:n,argTypes:{children:{control:{type:"text"}},href:{control:{type:"text"}},color:{control:{type:"text"}}}},h=c,a=["subtitle","body","legalNote","caption"],T={render:e=>t.createElement(o,{direction:"column",gap:"32px",width:"500px",padding:"32px",backgroundColor:l.grey50,align:"center",justify:"center"},t.createElement(i,null,t.createElement(n,{...e})),t.createElement(i,null,"Agnes Martin was an American ",t.createElement(n,{...e},"abstract painter")," known for her"," ",t.createElement(n,{...e},"minimalist")," style. Martin's art was characterized by serene compositions featuring ",t.createElement(n,{...e},"grids and lines"),". Martin's minimalist approach conveyed tranquility and ",t.createElement(n,{...e},"spirituality"),", and her paintings often carried positive names reflective of her"," ",t.createElement(n,{...e},"philosophy"),".")),args:{children:"TextLink",href:"#"}},k={render:()=>t.createElement(o,{direction:"column",gap:"8px"},a.map(e=>t.createElement(i,{key:e,variant:e},t.createElement(n,{href:"#",style:{textTransform:"capitalize"}},e," TextLink"))))},f={name:"In a block of text",render:()=>t.createElement(o,{direction:"column",gap:"8px"},a.map(e=>t.createElement(i,{key:e,variant:e},"This is the ",e," text style, and it contains"," ",t.createElement(n,{href:"#"},"an embedded link")," within this text.")))},u={render:e=>t.createElement(o,{gap:"48px"},t.createElement(n,{...e},"Learn More",t.createElement(r,null)),t.createElement(n,{...e},"Open in a new tab",t.createElement(p,null)))},L={render:()=>t.createElement(o,{direction:"column",gap:"16px",align:"start"},t.createElement(n,{asChild:!0},t.createElement("button",{onClick:()=>alert("Hello world!")},"View benefits",t.createElement(r,null))))},g={render:e=>t.createElement(o,{width:"800px"},t.createElement(i,null,"To limit spend on international calls, turn on Budget Control and then"," ",t.createElement(n,{...e},e.children),".")),args:{children:"follow our handy guide to set your International call cap"}};export{L as AsButton,k as KitchenSink,g as LengthyContent,u as WithIcons,f as WithinText,T as Workshop,h as default};
-//# sourceMappingURL=TextLink.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/TextLink/TextLink.stories.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { colors } from '@utilitywarehouse/colour-system';\nimport { ChevronRightMediumIcon, OpenMediumIcon } from '@utilitywarehouse/react-icons';\n\nimport { TextLink } from './TextLink';\nimport { Flex } from '../Flex/Flex';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst meta: Meta<typeof TextLink> = {\n  title: 'Stories / TextLink',\n  component: TextLink,\n  argTypes: {\n    children: { control: { type: 'text' } },\n    href: { control: { type: 'text' } },\n    color: { control: { type: 'text' } },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TextLink>;\n\nconst variants = ['subtitle', 'body', 'legalNote', 'caption'] as const;\n\nexport const Workshop: Story = {\n  render: args => (\n    <Flex\n      direction=\"column\"\n      gap=\"32px\"\n      width=\"500px\"\n      padding=\"32px\"\n      backgroundColor={colors.grey50}\n      align=\"center\"\n      justify=\"center\"\n    >\n      <BodyText>\n        <TextLink {...args} />\n      </BodyText>\n      <BodyText>\n        Agnes Martin was an American <TextLink {...args}>abstract painter</TextLink> known for her{' '}\n        <TextLink {...args}>minimalist</TextLink> style. Martin&apos;s art was characterized by\n        serene compositions featuring <TextLink {...args}>grids and lines</TextLink>. Martin&apos;s\n        minimalist approach conveyed tranquility and <TextLink {...args}>spirituality</TextLink>,\n        and her paintings often carried positive names reflective of her{' '}\n        <TextLink {...args}>philosophy</TextLink>.\n      </BodyText>\n    </Flex>\n  ),\n  args: {\n    children: 'TextLink',\n    href: '#',\n  },\n};\n\nexport const KitchenSink: Story = {\n  render: () => {\n    return (\n      <Flex direction=\"column\" gap=\"8px\">\n        {variants.map(variant => (\n          <BodyText key={variant} variant={variant}>\n            <TextLink href=\"#\" style={{ textTransform: 'capitalize' }}>\n              {variant} TextLink\n            </TextLink>\n          </BodyText>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const WithinText: Story = {\n  name: 'In a block of text',\n  render: () => {\n    return (\n      <Flex direction=\"column\" gap=\"8px\">\n        {variants.map(variant => (\n          <BodyText key={variant} variant={variant}>\n            This is the {variant} text style, and it contains{' '}\n            <TextLink href=\"#\">an embedded link</TextLink> within this text.\n          </BodyText>\n        ))}\n      </Flex>\n    );\n  },\n};\n\nexport const WithIcons: Story = {\n  render: args => (\n    <Flex gap=\"48px\">\n      <TextLink {...args}>\n        Learn More\n        <ChevronRightMediumIcon />\n      </TextLink>\n      <TextLink {...args}>\n        Open in a new tab\n        <OpenMediumIcon />\n      </TextLink>\n    </Flex>\n  ),\n};\n\nexport const AsButton: Story = {\n  render: () => (\n    <Flex direction=\"column\" gap=\"16px\" align=\"start\">\n      <TextLink asChild>\n        <button onClick={() => alert('Hello world!')}>\n          View benefits\n          <ChevronRightMediumIcon />\n        </button>\n      </TextLink>\n    </Flex>\n  ),\n};\n\nexport const LengthyContent: Story = {\n  render: args => (\n    <Flex width=\"800px\">\n      <BodyText>\n        To limit spend on international calls, turn on Budget Control and then{' '}\n        <TextLink {...args}>{args.children}</TextLink>.\n      </BodyText>\n    </Flex>\n  ),\n  args: { children: 'follow our handy guide to set your International call cap' },\n};\n"],"mappings":"oiBAAA,UAAYA,MAAW,QAIvB,OAAS,UAAAC,MAAc,kCACvB,OAAS,0BAAAC,EAAwB,kBAAAC,MAAsB,gCAMvD,IAAMC,EAA8B,CAClC,MAAO,qBACP,UAAWC,EACX,SAAU,CACR,SAAU,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACtC,KAAM,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EAClC,MAAO,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,CACrC,CACF,EAEOC,EAAQF,EAGTG,EAAW,CAAC,WAAY,OAAQ,YAAa,SAAS,EAE/CC,EAAkB,CAC7B,OAAQC,GACN,gBAACC,EAAA,CACC,UAAU,SACV,IAAI,OACJ,MAAM,QACN,QAAQ,OACR,gBAAiBC,EAAO,OACxB,MAAM,SACN,QAAQ,UAER,gBAACC,EAAA,KACC,gBAACP,EAAA,CAAU,GAAGI,EAAM,CACtB,EACA,gBAACG,EAAA,KAAS,gCACqB,gBAACP,EAAA,CAAU,GAAGI,GAAM,kBAAgB,EAAW,iBAAe,IAC3F,gBAACJ,EAAA,CAAU,GAAGI,GAAM,YAAU,EAAW,2EACX,gBAACJ,EAAA,CAAU,GAAGI,GAAM,iBAAe,EAAW,2DAC/B,gBAACJ,EAAA,CAAU,GAAGI,GAAM,cAAY,EAAW,qEACvB,IACjE,gBAACJ,EAAA,CAAU,GAAGI,GAAM,YAAU,EAAW,GAC3C,CACF,EAEF,KAAM,CACJ,SAAU,WACV,KAAM,GACR,CACF,EAEaI,EAAqB,CAChC,OAAQ,IAEJ,gBAACH,EAAA,CAAK,UAAU,SAAS,IAAI,OAC1BH,EAAS,IAAIO,GACZ,gBAACF,EAAA,CAAS,IAAKE,EAAS,QAASA,GAC/B,gBAACT,EAAA,CAAS,KAAK,IAAI,MAAO,CAAE,cAAe,YAAa,GACrDS,EAAQ,WACX,CACF,CACD,CACH,CAGN,EAEaC,EAAoB,CAC/B,KAAM,qBACN,OAAQ,IAEJ,gBAACL,EAAA,CAAK,UAAU,SAAS,IAAI,OAC1BH,EAAS,IAAIO,GACZ,gBAACF,EAAA,CAAS,IAAKE,EAAS,QAASA,GAAS,eAC3BA,EAAQ,+BAA6B,IAClD,gBAACT,EAAA,CAAS,KAAK,KAAI,kBAAgB,EAAW,oBAChD,CACD,CACH,CAGN,EAEaW,EAAmB,CAC9B,OAAQP,GACN,gBAACC,EAAA,CAAK,IAAI,QACR,gBAACL,EAAA,CAAU,GAAGI,GAAM,aAElB,gBAACQ,EAAA,IAAuB,CAC1B,EACA,gBAACZ,EAAA,CAAU,GAAGI,GAAM,oBAElB,gBAACS,EAAA,IAAe,CAClB,CACF,CAEJ,EAEaC,EAAkB,CAC7B,OAAQ,IACN,gBAACT,EAAA,CAAK,UAAU,SAAS,IAAI,OAAO,MAAM,SACxC,gBAACL,EAAA,CAAS,QAAO,IACf,gBAAC,UAAO,QAAS,IAAM,MAAM,cAAc,GAAG,gBAE5C,gBAACY,EAAA,IAAuB,CAC1B,CACF,CACF,CAEJ,EAEaG,EAAwB,CACnC,OAAQX,GACN,gBAACC,EAAA,CAAK,MAAM,SACV,gBAACE,EAAA,KAAS,yEAC+D,IACvE,gBAACP,EAAA,CAAU,GAAGI,GAAOA,EAAK,QAAS,EAAW,GAChD,CACF,EAEF,KAAM,CAAE,SAAU,2DAA4D,CAChF","names":["React","colors","ChevronRightMediumIcon","OpenMediumIcon","meta","TextLink","TextLink_stories_default","variants","Workshop","args","Flex","colors","BodyText","KitchenSink","variant","WithinText","WithIcons","ChevronRightMediumIcon","OpenMediumIcon","AsButton","LengthyContent"]}

package/dist/components/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-IMPJM3RI.cjs');var _chunk5OGC3PIUcjs = require('../chunk-5OGC3PIU.cjs');require('../chunk-USCOQVJ6.cjs');var _chunkE4Z5EPLWcjs = require('../chunk-E4Z5EPLW.cjs');require('../chunk-OJBKUH5L.cjs');var _chunk6KGSKNZCcjs = require('../chunk-6KGSKNZC.cjs');var _chunkITEBLI43cjs = require('../chunk-ITEBLI43.cjs');require('../chunk-52WQFKVL.cjs');require('../chunk-IYSVQSPG.cjs');require('../chunk-TWBYN67Y.cjs');require('../chunk-UI4O6XL6.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');exports.BodyText = _chunkE4Z5EPLWcjs.a; exports.Box = _chunk6KGSKNZCcjs.a; exports.Divider = _chunk5OGC3PIUcjs.a; exports.Flex = _chunkITEBLI43cjs.a;
-//# sourceMappingURL=index.cjs.map

package/dist/components/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/index.cjs"],"names":[],"mappings":"AAAA,0GAA6B,yDAA0C,iCAA8B,yDAA0C,iCAA8B,yDAAqC,yDAA0C,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,qJAAsD","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/index.cjs"}

package/dist/components/index.d.cts

@@ -1,17 +0,0 @@
-export { Box } from './Box/Box.cjs';
-export { BoxProps } from './Box/Box.props.cjs';
-export { BodyText } from './BodyText/BodyText.cjs';
-export { BodyTextProps } from './BodyText/BodyText.props.cjs';
-export { Flex } from './Flex/Flex.cjs';
-export { FlexProps } from './Flex/Flex.props.cjs';
-export { Divider } from './Divider/Divider.cjs';
-export { DividerProps } from './Divider/Divider.props.cjs';
-import 'react';
-import '../props/color.props.cjs';
-import '../props/padding.props.cjs';
-import '../types/responsive.cjs';
-import '../props/size.props.cjs';
-import '../types/component-props.cjs';
-import '../props/text-align.props.cjs';
-import '../props/gap.props.cjs';
-import '../types/orientation.cjs';

package/dist/components/index.d.ts

@@ -1,17 +0,0 @@
-export { Box } from './Box/Box.js';
-export { BoxProps } from './Box/Box.props.js';
-export { BodyText } from './BodyText/BodyText.js';
-export { BodyTextProps } from './BodyText/BodyText.props.js';
-export { Flex } from './Flex/Flex.js';
-export { FlexProps } from './Flex/Flex.props.js';
-export { Divider } from './Divider/Divider.js';
-export { DividerProps } from './Divider/Divider.props.js';
-import 'react';
-import '../props/color.props.js';
-import '../props/padding.props.js';
-import '../types/responsive.js';
-import '../props/size.props.js';
-import '../types/component-props.js';
-import '../props/text-align.props.js';
-import '../props/gap.props.js';
-import '../types/orientation.js';

package/dist/components/index.js

@@ -1,2 +0,0 @@
-import"../chunk-IHX6VMAQ.js";import{a as d}from"../chunk-WPL5YDIT.js";import"../chunk-CHWPEBR7.js";import{a as b}from"../chunk-L4762CTD.js";import"../chunk-FQSYNGC6.js";import{a}from"../chunk-CK6SNGZR.js";import{a as c}from"../chunk-NHLSKOMC.js";import"../chunk-THEPS73K.js";import"../chunk-EUTKQ2DV.js";import"../chunk-55UJSOEX.js";import"../chunk-ZJFVVCQ7.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";export{b as BodyText,a as Box,d as Divider,c as Flex};
-//# sourceMappingURL=index.js.map

package/dist/helpers/data-attributes.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkH4TBSJ2Ycjs = require('../chunk-H4TBSJ2Y.cjs');exports.DATA_ATTRIBUTES = _chunkH4TBSJ2Ycjs.a;
-//# sourceMappingURL=data-attributes.cjs.map

package/dist/helpers/data-attributes.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/helpers/data-attributes.cjs"],"names":[],"mappings":"AAAA,kIAAoC,8CAA6B","file":"/home/runner/work/hearth/hearth/packages/react/dist/helpers/data-attributes.cjs"}

package/dist/helpers/data-attributes.d.cts

@@ -1,6 +0,0 @@
-declare const DATA_ATTRIBUTES: {
-    colorscheme: string;
-    disableUserSelect: string;
-};
-
-export { DATA_ATTRIBUTES };

package/dist/helpers/data-attributes.d.ts

@@ -1,6 +0,0 @@
-declare const DATA_ATTRIBUTES: {
-    colorscheme: string;
-    disableUserSelect: string;
-};
-
-export { DATA_ATTRIBUTES };

package/dist/helpers/data-attributes.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-QOOUH3JB.js";export{a as DATA_ATTRIBUTES};
-//# sourceMappingURL=data-attributes.js.map

package/dist/props/columns.props.cjs

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

package/dist/props/columns.props.cjs.map

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

package/dist/props/columns.props.d.cts

@@ -1,14 +0,0 @@
-import { Responsive } from '../types/responsive.cjs';
-
-declare const columnsPropDefs: {
-    columns: {
-        className: string;
-        responsive: true;
-    };
-};
-interface ColumnsProps {
-    /** Sets the number of columns to display the contents in. */
-    columns?: Responsive<number>;
-}
-
-export { type ColumnsProps, columnsPropDefs };

package/dist/props/columns.props.d.ts

@@ -1,14 +0,0 @@
-import { Responsive } from '../types/responsive.js';
-
-declare const columnsPropDefs: {
-    columns: {
-        className: string;
-        responsive: true;
-    };
-};
-interface ColumnsProps {
-    /** Sets the number of columns to display the contents in. */
-    columns?: Responsive<number>;
-}
-
-export { type ColumnsProps, columnsPropDefs };

package/dist/props/columns.props.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-6BYUP5SF.js";export{a as columnsPropDefs};
-//# sourceMappingURL=columns.props.js.map

package/dist/storybook/DocsHeader.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 _chunkVS4CPPKTcjs = require('../chunk-VS4CPPKT.cjs');require('../chunk-DJC6NVFO.cjs');var _chunkQEYJGYXYcjs = require('../chunk-QEYJGYXY.cjs');require('../chunk-LIUK2QUP.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 e = _interopRequireWildcard(_react);var _blocks = require('@storybook/blocks');var h=({componentName:o,figmaLink:i,stories:a})=>e.createElement(_blocks.Unstyled,null,e.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"24px"},e.createElement(_chunkITEBLI43cjs.a,{width:"100%",align:"center",justify:"space-between"},e.createElement(_chunkQEYJGYXYcjs.a,{variant:"h1"},o),e.createElement(_chunkITEBLI43cjs.a,{gap:"24px"},e.createElement(_chunkVS4CPPKTcjs.a,{href:`/?path=/story/stories-${o}`},"Stories"),e.createElement(_chunkVS4CPPKTcjs.a,{href:`https://github.com/utilitywarehouse/hearth/blob/main/packages/react/src/components/${o}`},"Source"),i?e.createElement(_chunkVS4CPPKTcjs.a,{href:i},"Design"):null)),e.createElement(_blocks.Description,{of:a})));exports.DocsHeader = h;
-//# sourceMappingURL=DocsHeader.cjs.map

package/dist/storybook/DocsHeader.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/storybook/DocsHeader.cjs","../../src/storybook/DocsHeader.tsx"],"names":["DocsHeader","componentName","figmaLink","stories","Unstyled","Flex","Heading","Link"],"mappings":"AAAA,oZAAyC,iCAA8B,yDAA0C,iCAA8B,yDAA0C,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,uECA1gB,2CAEe,IAYzBA,CAAAA,CAAa,CAAC,CAAE,aAAA,CAAAC,CAAAA,CAAe,SAAA,CAAAC,CAAAA,CAAW,OAAA,CAAAC,CAAQ,CAAA,CAAA,EAC7D,CAAA,CAAA,aAAA,CAACC,gBAAAA,CAAA,IAAA,CACC,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAK,SAAA,CAAU,QAAA,CAAS,GAAA,CAAI,MAAA,CAAA,CAC3B,CAAA,CAAA,aAAA,CAACA,mBAAAA,CAAA,CAAK,KAAA,CAAM,MAAA,CAAO,KAAA,CAAM,QAAA,CAAS,OAAA,CAAQ,eAAA,CAAA,CACxC,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAQ,OAAA,CAAQ,IAAA,CAAA,CAAML,CAAc,CAAA,CACrC,CAAA,CAAA,aAAA,CAACI,mBAAAA,CAAA,CAAK,GAAA,CAAI,MAAA,CAAA,CACR,CAAA,CAAA,aAAA,CAACE,mBAAAA,CAAA,CAAK,IAAA,CAAM,CAAA,sBAAA,EAAyBN,CAAa,CAAA,CAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/storybook/DocsHeader.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport { Unstyled, Description } from '@storybook/blocks';\nimport { Flex } from '../components/Flex/Flex';\nimport { Heading } from '../components/Heading/Heading';\nimport { Link } from '../components/Link/Link';\n\ninterface DocsHeaderProps {\n  componentName: string;\n  figmaLink?: string;\n  themeProviderRequired?: boolean;\n  stories: React.ReactNode;\n}\n\nexport const DocsHeader = ({ componentName, figmaLink, stories }: DocsHeaderProps) => (\n  <Unstyled>\n    <Flex direction=\"column\" gap=\"24px\">\n      <Flex width=\"100%\" align=\"center\" justify=\"space-between\">\n        <Heading variant=\"h1\">{componentName}</Heading>\n        <Flex gap=\"24px\">\n          <Link href={`/?path=/story/stories-${componentName}`}>Stories</Link>\n          <Link\n            href={`https://github.com/utilitywarehouse/hearth/blob/main/packages/react/src/components/${componentName}`}\n          >\n            Source\n          </Link>\n          {figmaLink ? <Link href={figmaLink}>Design</Link> : null}\n        </Flex>\n      </Flex>\n      <Description of={stories} />\n    </Flex>\n  </Unstyled>\n);\n"]}

package/dist/storybook/DocsHeader.d.cts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-
-interface DocsHeaderProps {
-    componentName: string;
-    figmaLink?: string;
-    themeProviderRequired?: boolean;
-    stories: React.ReactNode;
-}
-declare const DocsHeader: ({ componentName, figmaLink, stories }: DocsHeaderProps) => React.JSX.Element;
-
-export { DocsHeader };

package/dist/storybook/DocsHeader.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-
-interface DocsHeaderProps {
-    componentName: string;
-    figmaLink?: string;
-    themeProviderRequired?: boolean;
-    stories: React.ReactNode;
-}
-declare const DocsHeader: ({ componentName, figmaLink, stories }: DocsHeaderProps) => React.JSX.Element;
-
-export { DocsHeader };

package/dist/storybook/DocsHeader.js

@@ -1,2 +0,0 @@
-import{a as t}from"../chunk-KYWPOYPM.js";import"../chunk-676RA2PU.js";import{a as s}from"../chunk-HAL3QGEC.js";import"../chunk-JYGJOFRB.js";import{a as r}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 e from"react";import{Unstyled as n,Description as c}from"@storybook/blocks";var h=({componentName:o,figmaLink:i,stories:a})=>e.createElement(n,null,e.createElement(r,{direction:"column",gap:"24px"},e.createElement(r,{width:"100%",align:"center",justify:"space-between"},e.createElement(s,{variant:"h1"},o),e.createElement(r,{gap:"24px"},e.createElement(t,{href:`/?path=/story/stories-${o}`},"Stories"),e.createElement(t,{href:`https://github.com/utilitywarehouse/hearth/blob/main/packages/react/src/components/${o}`},"Source"),i?e.createElement(t,{href:i},"Design"):null)),e.createElement(c,{of:a})));export{h as DocsHeader};
-//# sourceMappingURL=DocsHeader.js.map

package/dist/storybook/DocsHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/storybook/DocsHeader.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Unstyled, Description } from '@storybook/blocks';\nimport { Flex } from '../components/Flex/Flex';\nimport { Heading } from '../components/Heading/Heading';\nimport { Link } from '../components/Link/Link';\n\ninterface DocsHeaderProps {\n  componentName: string;\n  figmaLink?: string;\n  themeProviderRequired?: boolean;\n  stories: React.ReactNode;\n}\n\nexport const DocsHeader = ({ componentName, figmaLink, stories }: DocsHeaderProps) => (\n  <Unstyled>\n    <Flex direction=\"column\" gap=\"24px\">\n      <Flex width=\"100%\" align=\"center\" justify=\"space-between\">\n        <Heading variant=\"h1\">{componentName}</Heading>\n        <Flex gap=\"24px\">\n          <Link href={`/?path=/story/stories-${componentName}`}>Stories</Link>\n          <Link\n            href={`https://github.com/utilitywarehouse/hearth/blob/main/packages/react/src/components/${componentName}`}\n          >\n            Source\n          </Link>\n          {figmaLink ? <Link href={figmaLink}>Design</Link> : null}\n        </Flex>\n      </Flex>\n      <Description of={stories} />\n    </Flex>\n  </Unstyled>\n);\n"],"mappings":"ihBAAA,UAAYA,MAAW,QAEvB,OAAS,YAAAC,EAAU,eAAAC,MAAmB,oBAY/B,IAAMC,EAAa,CAAC,CAAE,cAAAC,EAAe,UAAAC,EAAW,QAAAC,CAAQ,IAC7D,gBAACC,EAAA,KACC,gBAACC,EAAA,CAAK,UAAU,SAAS,IAAI,QAC3B,gBAACA,EAAA,CAAK,MAAM,OAAO,MAAM,SAAS,QAAQ,iBACxC,gBAACC,EAAA,CAAQ,QAAQ,MAAML,CAAc,EACrC,gBAACI,EAAA,CAAK,IAAI,QACR,gBAACE,EAAA,CAAK,KAAM,yBAAyBN,CAAa,IAAI,SAAO,EAC7D,gBAACM,EAAA,CACC,KAAM,sFAAsFN,CAAa,IAC1G,QAED,EACCC,EAAY,gBAACK,EAAA,CAAK,KAAML,GAAW,QAAM,EAAU,IACtD,CACF,EACA,gBAACM,EAAA,CAAY,GAAIL,EAAS,CAC5B,CACF","names":["React","Unstyled","Description","DocsHeader","componentName","figmaLink","stories","Unstyled","Flex","Heading","Link","Description"]}