@simplybusiness/mobius 3.9.2 → 3.9.4

package/CHANGELOG.md

@@ -5,6 +5,19 @@ All notable changes to this project will be documented in this file, or link in
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.9.4] - 2023-08-17
+
+### Added
+
+- Add docs for `<NumberField>` `formatOptions` prop with example
+- Exclude tests and stories from ESM build
+
+## [3.9.3] - 2023-08-17
+
+### Added
+
+- Added explicit types export to mobius package.json
+
 ## [3.9.0] - 2023-08-14
 
 ### Changed
@@ -296,6 +309,8 @@ Additionally, mobius and themes are available on the public NPM registry and can
 
 ## Github Links
 
+[3.9.4]: https://github.com/simplybusiness/mobius/releases/tag/v3.9.4
+[3.9.3]: https://github.com/simplybusiness/mobius/releases/tag/v3.9.3
 [3.9.2]: https://github.com/simplybusiness/mobius/releases/tag/v3.9.2
 [3.9.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.9.1
 [3.9.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.9.0

package/dist/cjs/components/Button/Button.stories.d.ts

@@ -1,8 +1,10 @@
+/// <reference types="react" />
 import type { Meta } from "@storybook/react";
 import { Button, ButtonProps } from "./Button";
 declare const _default: {
     title: string;
     component: import("../..").ForwardedRefComponent<ButtonProps, HTMLButtonElement>;
+    excludeStories: string[];
     argTypes: {
         icon: {
             options: string[];
@@ -65,3 +67,5 @@ export declare const Success: Meta<typeof Button>;
 export declare const Disabled: Meta<typeof Button>;
 export declare const WithIcon: Meta<typeof Button>;
 export declare const Themed: Meta<typeof Button>;
+export declare const Counter: () => JSX.Element;
+export declare const PressButton: () => JSX.Element;

package/dist/cjs/components/Button/Button.stories.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Themed = exports.WithIcon = exports.Disabled = exports.Success = exports.Loading = exports.Link = exports.Large = exports.Basic = exports.Ghost = exports.Secondary = exports.Normal = void 0;
+exports.PressButton = exports.Counter = exports.Themed = exports.WithIcon = exports.Disabled = exports.Success = exports.Loading = exports.Link = exports.Large = exports.Basic = exports.Ghost = exports.Secondary = exports.Normal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const Button_1 = require("./Button");
 const excludeControls_1 = require("../../utils/excludeControls");
 exports.default = {
     title: "Components/Button",
     component: Button_1.Button,
+    excludeStories: ["Counter", "PressButton"],
     argTypes: Object.assign({ icon: {
             options: ["", "menu", "rightArrow", "leftArrow", "dropdown", "home"],
             control: { type: "select" },
@@ -198,4 +200,19 @@ exports.Themed = {
         type: "button",
     },
 };
+const Counter = () => {
+    const [count, setCount] = (0, react_1.useState)(0);
+    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, Object.assign({ onPress: () => setCount(c => c + 1) }, { children: ["Pressed ", count, " times"] })));
+};
+exports.Counter = Counter;
+const PressButton = () => {
+    const [pressLogs, setPressLogs] = (0, react_1.useState)([]);
+    const log = (e) => {
+        setPressLogs(logs => [...logs.slice(-5), e]);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ onPress: () => log("onPress") }, { children: "Press me" })), (0, jsx_runtime_1.jsx)("ul", { children: pressLogs.map((pressLog, i) => (
+                // eslint-disable-next-line react/no-array-index-key
+                (0, jsx_runtime_1.jsx)("li", { children: pressLog }, i))) })] }));
+};
+exports.PressButton = PressButton;
 //# sourceMappingURL=Button.stories.js.map

package/dist/cjs/components/Button/Button.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Segment/Segment.stories.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         (props: SegmentProps): JSX.Element;
         displayName: string;
     };
+    excludeStories: string[];
     argTypes: {
         colour: {
             control: {
@@ -30,3 +31,12 @@ export declare const Single: Meta<typeof Segment>;
 export declare const VerticalStack: Meta<typeof Segment>;
 export declare const HorizontalStack: Meta<typeof SegmentGroup>;
 export declare const Nested: Meta<typeof Segment>;
+export declare const Nested2: () => JSX.Element;
+export declare const Nested3: () => JSX.Element;
+export declare const ColouredBackground: () => JSX.Element;
+export declare const HorizontalStack2: () => JSX.Element;
+export declare const HorizontalStack3: () => JSX.Element;
+export declare const BottomMarginRemoved: () => JSX.Element;
+export declare const CompoundLayout: () => JSX.Element;
+export declare const MarginAround: () => JSX.Element;
+export declare const PaymentDetails: () => JSX.Element;

package/dist/cjs/components/Segment/Segment.stories.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Nested = exports.HorizontalStack = exports.VerticalStack = exports.Single = void 0;
+exports.PaymentDetails = exports.MarginAround = exports.CompoundLayout = exports.BottomMarginRemoved = exports.HorizontalStack3 = exports.HorizontalStack2 = exports.ColouredBackground = exports.Nested3 = exports.Nested2 = exports.Nested = exports.HorizontalStack = exports.VerticalStack = exports.Single = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Segment_1 = require("./Segment");
 const SegmentGroup_1 = require("./SegmentGroup");
@@ -20,6 +20,17 @@ const sizeOptions = [
 exports.default = {
     title: "Layout/Segment",
     component: Segment_1.Segment,
+    excludeStories: [
+        "ColouredBackground",
+        "HorizontalStack2",
+        "HorizontalStack3",
+        "Nested2",
+        "Nested3",
+        "BottomMarginRemoved",
+        "CompoundLayout",
+        "MarginAround",
+        "PaymentDetails",
+    ],
     argTypes: Object.assign({ colour: {
             control: { type: "select" },
             options: ["", "primary", "secondary", "grey", "subtle"],
@@ -75,4 +86,39 @@ exports.Nested = {
         inverted: false,
     },
 };
+const Nested2 = () => ((0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" })] }) }));
+exports.Nested2 = Nested2;
+const Nested3 = () => ((0, jsx_runtime_1.jsx)(Segment_1.Segment, Object.assign({ heading: "Today's Payment" }, { children: (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }) })));
+exports.Nested3 = Nested3;
+const ColouredBackground = () => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { display: "flex", flexDirection: "column", gap: "16px" } }, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, Object.assign({ colour: "subtle" }, { children: "Subtle" })), (0, jsx_runtime_1.jsx)(Segment_1.Segment, Object.assign({ colour: "secondary" }, { children: "Secondary" })), (0, jsx_runtime_1.jsx)(Segment_1.Segment, Object.assign({ inverted: true, colour: "primary" }, { children: "Primary" })), (0, jsx_runtime_1.jsx)(Segment_1.Segment, Object.assign({ inverted: true, colour: "secondary" }, { children: "Secondary" }))] })));
+exports.ColouredBackground = ColouredBackground;
+const HorizontalStack2 = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, Object.assign({ horizontal: true }, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" })] })));
+exports.HorizontalStack2 = HorizontalStack2;
+const HorizontalStack3 = () => ((0, jsx_runtime_1.jsx)(SegmentGroup_1.SegmentGroup, Object.assign({ horizontal: true }, { children: (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }) })));
+exports.HorizontalStack3 = HorizontalStack3;
+const BottomMarginRemoved = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, Object.assign({ horizontal: true }, { children: [(0, jsx_runtime_1.jsxs)(Segment_1.Segment, { children: [(0, jsx_runtime_1.jsx)(__1.TextField, { label: "First name" }), (0, jsx_runtime_1.jsx)(__1.TextArea, { label: "Address" })] }), (0, jsx_runtime_1.jsxs)(Segment_1.Segment, Object.assign({ colour: "subtle" }, { children: [(0, jsx_runtime_1.jsxs)(__1.RadioGroup, Object.assign({ label: "Colour" }, { children: [(0, jsx_runtime_1.jsx)(__1.Radio, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(__1.Radio, { value: "blue", label: "Blue" })] })), (0, jsx_runtime_1.jsxs)(__1.Select, Object.assign({ label: "Selection" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Please select a color" }), (0, jsx_runtime_1.jsx)(__1.Option, Object.assign({ value: "red" }, { children: "Red" }), "red"), (0, jsx_runtime_1.jsx)(__1.Option, Object.assign({ value: "blue" }, { children: "Blue" }), "blue"), (0, jsx_runtime_1.jsx)(__1.Option, Object.assign({ value: "green" }, { children: "Green" }), "green")] }))] }))] })));
+exports.BottomMarginRemoved = BottomMarginRemoved;
+const CompoundLayout = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, Object.assign({ horizontal: true }, { children: [(0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "General liability" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Business property and equipment" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Total" })] }), (0, jsx_runtime_1.jsx)(SegmentGroup_1.SegmentGroup, { children: (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Payment Options" }) })] })));
+exports.CompoundLayout = CompoundLayout;
+const MarginAround = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Top" }), (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, Object.assign({ margin: "size-30" }, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Top" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Middle" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Bottom" })] })), (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, Object.assign({ horizontal: true }, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Top" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Middle" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Bottom" })] })), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Bottom" })] }));
+exports.MarginAround = MarginAround;
+const PaymentDetails = () => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: { width: "340px" } }, { children: (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsxs)(Segment_1.Segment, Object.assign({ heading: "Today's Payment" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: {
+                            display: "grid",
+                            gridTemplateColumns: "2fr 1fr",
+                            alignItems: "flex-end",
+                            rowGap: "8px",
+                        } }, { children: [(0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption" }, { children: "General liability\\*" })), (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "$300.00" })), (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption" }, { children: "Contractor's equipment and small tools" })), (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "$80.00" })), (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption" }, { children: "Cyber insurance" })), (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "$250.00" }))] })), (0, jsx_runtime_1.jsx)(__1.Divider, {}), (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: {
+                            display: "grid",
+                            gridTemplateColumns: "2fr 1fr",
+                            alignItems: "flex-end",
+                            rowGap: "8px",
+                            width: "100%",
+                        } }, { children: [(0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption" }, { children: (0, jsx_runtime_1.jsx)("strong", { children: "To pay today" }) })), (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: (0, jsx_runtime_1.jsx)("strong", { children: "$630.00" }) }))] }))] })), (0, jsx_runtime_1.jsx)(Segment_1.Segment, Object.assign({ heading: "Monthly Payments" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: {
+                        display: "grid",
+                        gridTemplateColumns: "2fr 1fr",
+                        alignItems: "flex-end",
+                        rowGap: "8px",
+                        width: "100%",
+                    } }, { children: [(0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption" }, { children: (0, jsx_runtime_1.jsx)("strong", { children: "First monthly payment taken" }) })), (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "01/01/2022" })), (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption" }, { children: "8 monthly payments of" })), (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "$120.00" })), (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption" }, { children: "Then 2 monthly payments of" })), (0, jsx_runtime_1.jsx)(__1.Text, Object.assign({ variant: "caption", style: { justifySelf: "flex-end" } }, { children: "$90.00" }))] })) })), (0, jsx_runtime_1.jsx)(Segment_1.Segment, Object.assign({ colour: "subtle" }, { children: (0, jsx_runtime_1.jsxs)(__1.Flex, Object.assign({ style: { width: "100%" }, justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(__1.Text, { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total" }), " (inc. tax + fees)"] }), (0, jsx_runtime_1.jsx)(__1.Text, { children: (0, jsx_runtime_1.jsx)("strong", { children: "$1,770.00" }) })] })) }))] }) })));
+exports.PaymentDetails = PaymentDetails;
 //# sourceMappingURL=Segment.stories.js.map

package/dist/cjs/components/Segment/Segment.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Segment.stories.js","sourceRoot":"","sources":["../../../../src/components/Segment/Segment.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Segment.stories.js","sourceRoot":"","sources":["../../../../src/components/Segment/Segment.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Text/Text.stories.d.ts

@@ -1,10 +1,15 @@
+/// <reference types="react" />
 import type { Meta } from "@storybook/react";
 import { Text, TextProps } from "./Text";
 declare const _default: {
     title: string;
     component: import("../..").ForwardedRefComponent<TextProps, import("./Text").TextElementType>;
+    excludeStories: string[];
     argTypes: {};
 };
 export default _default;
 export declare const Normal: Meta<typeof Text>;
 export declare const Themed: Meta<typeof Text>;
+export declare const Example: () => JSX.Element;
+export declare const ExampleVariant: () => JSX.Element;
+export declare const ExampleSpacing: () => JSX.Element;

package/dist/cjs/components/Text/Text.stories.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Themed = exports.Normal = void 0;
+exports.ExampleSpacing = exports.ExampleVariant = exports.Example = exports.Themed = exports.Normal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Text_1 = require("./Text");
 const excludeControls_1 = require("../../utils/excludeControls");
+const Box_1 = require("../Box");
 exports.default = {
     title: "Components/Text",
     component: Text_1.Text,
+    excludeStories: ["Example", "ExampleSpacing", "ExampleVariant"],
     argTypes: (0, excludeControls_1.excludeControls)("className", "style"),
 };
 exports.Normal = {
@@ -26,4 +28,10 @@ exports.Themed = {
         },
     },
 };
+const Example = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ elementType: "h1" }, { children: "Heading 1" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ elementType: "h2" }, { children: "Heading 2" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ elementType: "h3" }, { children: "Heading 3" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ elementType: "h4" }, { children: "Heading 4" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ elementType: "h5" }, { children: "Heading 5" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ elementType: "h6" }, { children: "Heading 6" })), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Paragraph" })] }), (0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ elementType: "h1" }, { children: "First Heading" })), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id turpis nisl. In hac habitasse platea dictumst. Morbi blandit sodales nibh, auctor dapibus orci pellentesque sit amet. Etiam posuere massa vel imperdiet dapibus. Morbi sed tempor neque, sit amet viverra magna. Etiam efficitur augue accumsan, feugiat libero id, tincidunt turpis. Nam ullamcorper enim in leo dapibus aliquam eu sit amet erat. Morbi iaculis magna ut tincidunt rhoncus." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Proin at vehicula ligula, ut semper sapien. Donec felis elit, pretium vitae viverra eget, venenatis id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit et erat nec placerat. Vestibulum vitae risus pellentesque, semper odio eget, elementum orci. Nam pulvinar metus sed sapien gravida bibendum. Praesent a malesuada ipsum. Vivamus ac congue odio." }), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ elementType: "h2" }, { children: "Second Heading" })), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi. Etiam sollicitudin, elit eu dapibus pharetra, purus turpis egestas enim, vel pulvinar leo libero ac ante. Sed posuere, mi a commodo bibendum, dui lacus ullamcorper dolor, ut dapibus nunc libero vel felis. Morbi quis porttitor nisi. Aenean ac elit ipsum. Curabitur nunc nibh, tristique non purus vel, efficitur vulputate massa. Donec eget risus venenatis turpis tempor venenatis. Nam aliquet ipsum non faucibus tempus. Vestibulum efficitur ex erat, eget varius urna venenatis vel. Aenean mollis arcu purus, id pretium ligula facilisis et." })] })] }));
+exports.Example = Example;
+const ExampleVariant = () => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { display: "flex", flexDirection: "column" } }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ variant: "h1" }, { children: "variant h1" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ variant: "h2" }, { children: "variant h2" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ variant: "h3" }, { children: "variant h3" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ variant: "h4" }, { children: "variant h4" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ variant: "h5" }, { children: "variant h5" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ variant: "lead" }, { children: "variant lead" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ variant: "body" }, { children: "variant body" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ variant: "caption" }, { children: "variant caption" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ variant: "legal" }, { children: "variant legal" }))] })));
+exports.ExampleVariant = ExampleVariant;
+const ExampleSpacing = () => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ variant: "h3" }, { children: "Tight Spacing" })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ spacing: "tight" }, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ spacing: "tight" }, { children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ spacing: "tight" }, { children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi." })), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ variant: "h3" }, { children: "Loose Spacing" })), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi." })] }));
+exports.ExampleSpacing = ExampleSpacing;
 //# sourceMappingURL=Text.stories.js.map

package/dist/cjs/components/Text/Text.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAyC;AACzC,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,OAAO,CAAC;CAChD,CAAC;AAEW,QAAA,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEW,QAAA,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;SACf;KACF;CACF,CAAC"}
+{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/TextField/TextField.stories.d.ts

@@ -1,8 +1,10 @@
+/// <reference types="react" />
 import type { Meta } from "@storybook/react";
 import { TextField, TextFieldProps } from "./TextField";
 declare const _default: {
     title: string;
     component: import("../..").ForwardedRefComponent<TextFieldProps, HTMLInputElement>;
+    excludeStories: string[];
     argTypes: {
         validationState: {
             options: string[];
@@ -34,3 +36,4 @@ export declare const Disabled: Meta<typeof TextField>;
 export declare const Valid: Meta<typeof TextField>;
 export declare const Hidden: Meta<typeof TextField>;
 export declare const Invalid: Meta<typeof TextField>;
+export declare const ExampleHorizontal: () => JSX.Element;

package/dist/cjs/components/TextField/TextField.stories.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Invalid = exports.Hidden = exports.Valid = exports.Disabled = exports.ControlledValue = exports.Placeholder = exports.Normal = void 0;
+exports.ExampleHorizontal = exports.Invalid = exports.Hidden = exports.Valid = exports.Disabled = exports.ControlledValue = exports.Placeholder = exports.Normal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TextField_1 = require("./TextField");
 const excludeControls_1 = require("../../utils/excludeControls");
+const Segment_1 = require("../Segment");
 exports.default = {
     title: "Forms/TextField",
     component: TextField_1.TextField,
+    excludeStories: ["ExampleHorizontal"],
     argTypes: Object.assign({ validationState: {
             options: ["valid", "invalid", "neither"],
             control: { type: "radio" },
@@ -100,4 +102,6 @@ exports.Invalid = {
         errorMessage: "This is an error message",
     },
 };
+const ExampleHorizontal = () => ((0, jsx_runtime_1.jsxs)(Segment_1.SegmentGroup, Object.assign({ horizontal: true }, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "First name" }) }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Last name" }) })] })));
+exports.ExampleHorizontal = ExampleHorizontal;
 //# sourceMappingURL=TextField.stories.js.map

package/dist/cjs/components/TextField/TextField.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.stories.js","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextField.stories.js","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.stories.tsx"],"names":[],"mappings":"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"}