@autoguru/overdrive 4.43.6-next.0 → 4.43.6-next.10

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

@@ -1 +1 @@
-{"version":3,"file":"useBoxStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useBoxStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.ts"],"names":[],"mappings":"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"}

package/dist/components/BulletText/BulletText.js

@@ -18,7 +18,7 @@ export const BulletText = _ref => {
     as: as,
     noWrap: true,
     space: "3",
-    alignX: "flex-start",
+    alignX: "start",
     alignY: "center",
     children: [isValidElement(Bullet) ? _jsx(Box, {
       position: "relative",

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASN,KAAK,cAAc,EAEnB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAEhB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAc,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAElE,KAAK,eAAe,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AACvD,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAIzC,QAAA,MAAM,cAAc;;CAEV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAE/C,MAAM,WAAW,WAChB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,EACrE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,EAClC,iBAAiB;IAClB,QAAQ,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAI9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAI3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CAC5C;AAgCD,eAAO,MAAM,MAAM,sHA6KlB,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASN,KAAK,cAAc,EAEnB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAEhB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAc,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAElE,KAAK,eAAe,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AACvD,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAIzC,QAAA,MAAM,cAAc;;CAEV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAE/C,MAAM,WAAW,WAChB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,EACrE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,EAClC,iBAAiB;IAClB,QAAQ,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAI9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAI3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CAC5C;AA2BD,eAAO,MAAM,MAAM,sHA6KlB,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/components/Button/Button.js

@@ -6,9 +6,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import clsx from 'clsx';
 import * as React from 'react';
 import { cloneElement, createElement, forwardRef, isValidElement, useCallback, useEffect, useMemo, useState } from 'react';
+import { componentStyles } from "../../styles/index.js";
 import { dataAttrs } from "../../utils/dataAttrs.js";
 import { Box } from "../Box/Box.js";
-import { useBoxStyles } from "../Box/useBoxStyles.js";
 import { Icon } from "../Icon/Icon.js";
 import { ProgressSpinner } from "../ProgressSpinner/ProgressSpinner.js";
 import { useTextStyles } from "../Text/useTextStyles.js";
@@ -85,17 +85,17 @@ export const Button = forwardRef((_ref, ref) => {
     disabled: disabled || isLoading,
     'aria-label': isLoading ? language.loading : ariaLabel,
     'data-loading': isLoading ? '' : undefined,
-    className: clsx(useBoxStyles({
-      is: typeof Component === 'string' ? Component : undefined,
-      display: 'inlineBlock',
+    className: clsx(componentStyles({
+      as: Component,
+      display: 'inline-block',
       overflow: 'hidden',
       borderRadius: getBorderRadius(rounded),
       textAlign: 'center',
       borderWidth: 'none',
       paddingY: 'none',
       paddingX: getPadding(size, isLoading),
-      width: isFullWidth ? 'full' : void 0,
-      pointerEvents: functionallyDisabled ? 'none' : void 0
+      width: isFullWidth ? 'full' : undefined,
+      pointerEvents: functionallyDisabled ? 'none' : undefined
     }), useTextStyles({
       colour: 'white',
       fontWeight: fontWeight[size],

package/dist/components/ColourInput/ColourInput.js

@@ -8,8 +8,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { warning } from '@autoguru/utilities';
 import clsx from 'clsx';
 import * as React from 'react';
+import { sprinkles } from "../../styles/index.js";
 import { Box } from "../Box/Box.js";
-import { boxStyles } from "../Box/newBox/boxStyles.js";
 import { Text } from "../Text/Text.js";
 import { withEnhancedInput } from "../private/InputBase/index.js";
 import * as styles from "./ColourInput.css.js";
@@ -50,7 +50,7 @@ export const ColourInput = withEnhancedInput(_ref => {
       })
     }), _jsx(Text, {
       display: "block",
-      className: clsx(styles.valueText, styles.valueTextSize[size], boxStyles({
+      className: clsx(styles.valueText, styles.valueTextSize[size], sprinkles({
         position: 'absolute'
       })),
       children: field.value

package/dist/components/Columns/Column.css.d.ts

@@ -14,21 +14,16 @@ export declare const columnStyle: import("@vanilla-extract/recipes").RuntimeFn<{
     alignSelf: {
         bottom: string;
         center: string;
+        centre: string;
         stretch: string;
         top: string;
     };
     grow: {
-        true: {
-            flexGrow: number;
-        };
-        false: {
-            flexGrow: number;
-        };
+        true: string;
+        false: string;
     };
     noShrink: {
-        true: {
-            flexShrink: number;
-        };
+        true: string;
         false: {};
     };
 }>;

package/dist/components/Columns/Column.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Column.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Column.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AA8BvE,eAAO,MAAM,8BAA8B;;;;;;;;;CAE1C,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAC5C,OAAO,8BAA8B,CACrC,CAAC,CAAC,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;EAsBtB,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAC7C,cAAc,CAAC,OAAO,WAAW,CAAC,CAClC,CAAC"}
+{"version":3,"file":"Column.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Column.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AA8BvE,eAAO,MAAM,8BAA8B;;;;;;;;;CAE1C,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAC5C,OAAO,8BAA8B,CACrC,CAAC,CAAC,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAuBtB,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAC7C,cAAc,CAAC,OAAO,WAAW,CAAC,CAClC,CAAC"}

package/dist/components/Columns/Column.css.js

@@ -34,30 +34,33 @@ export const columnStyle = recipe({
   variants: {
     alignSelf: {
       bottom: sprinkles({
-        alignSelf: 'flex-end'
+        alignSelf: 'end'
       }),
       center: sprinkles({
         alignSelf: 'center'
       }),
+      centre: sprinkles({
+        alignSelf: 'center'
+      }),
       stretch: sprinkles({
         alignSelf: 'stretch'
       }),
       top: sprinkles({
-        alignSelf: 'flex-start'
+        alignSelf: 'start'
       })
     },
     grow: {
-      true: {
-        flexGrow: 1
-      },
-      false: {
-        flexGrow: 0
-      }
+      true: sprinkles({
+        flexGrow: '1'
+      }),
+      false: sprinkles({
+        flexGrow: '0'
+      })
     },
     noShrink: {
-      true: {
-        flexShrink: 0
-      },
+      true: sprinkles({
+        flexShrink: '0'
+      }),
       false: {}
     }
   },

package/dist/components/Columns/ColumnGrid.css.js

@@ -36,16 +36,16 @@ export const columnGridStyle = recipe({
         alignContent: 'stretch'
       }),
       top: sprinkles({
-        alignItems: 'flex-start',
-        alignContent: 'flex-start'
+        alignItems: 'start',
+        alignContent: 'start'
       }),
       center: sprinkles({
         alignItems: 'center',
         alignContent: 'center'
       }),
       bottom: sprinkles({
-        alignItems: 'flex-end',
-        alignContent: 'flex-end'
+        alignItems: 'end',
+        alignContent: 'end'
       })
     },
     noWrap: {

package/dist/components/Columns/Columns.css.d.ts

@@ -5,36 +5,19 @@ export declare const space: {
 };
 export declare const columnsStyle: import("@vanilla-extract/recipes").RuntimeFn<{
     align: {
-        stretch: {
-            alignContent: "stretch";
-            alignItems: "stretch";
-        };
-        top: {
-            alignContent: "flex-start";
-            alignItems: "flex-start";
-        };
-        center: {
-            alignContent: "center";
-            alignItems: "center";
-        };
-        bottom: {
-            alignContent: "flex-end";
-            alignItems: "flex-end";
-        };
+        stretch: string;
+        top: string;
+        center: string;
+        centre: string;
+        bottom: string;
     };
     noWrap: {
-        false: {
-            flexWrap: "wrap";
-        };
-        true: {
-            flexWrap: "nowrap";
-        };
+        false: string;
+        true: string;
     };
     wrappingDirection: {
         default: {};
-        reverse: {
-            flexWrap: "wrap-reverse";
-        };
+        reverse: string;
     };
 }>;
 export type ColumnsStyle = NonNullable<RecipeVariants<typeof columnsStyle>>;

package/dist/components/Columns/Columns.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Columns.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAKvE,eAAO,MAAM,KAAK;;;CAGjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Columns.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAMvE,eAAO,MAAM,KAAK;;;CAGjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;EAuCvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC"}

package/dist/components/Columns/Columns.css.js

@@ -3,6 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Columns/Columns.css.ts", "@autoguru/overdrive");
 import { recipe } from '@vanilla-extract/recipes';
+import { sprinkles } from "../../styles/sprinkles.css.js";
 import { overdriveTokens as tokens } from "../../themes/index.js";
 import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
 export const space = {
@@ -10,42 +11,46 @@ export const space = {
   spaceY: makeResponsiveStyle(tokens.space, 'paddingTop')
 };
 export const columnsStyle = recipe({
-  base: {
+  base: sprinkles({
     display: 'flex',
     flexDirection: 'row'
-  },
+  }),
   variants: {
     align: {
-      stretch: {
+      stretch: sprinkles({
         alignContent: 'stretch',
         alignItems: 'stretch'
-      },
-      top: {
-        alignContent: 'flex-start',
-        alignItems: 'flex-start'
-      },
-      center: {
+      }),
+      top: sprinkles({
+        alignContent: 'start',
+        alignItems: 'start'
+      }),
+      center: sprinkles({
+        alignContent: 'center',
+        alignItems: 'center'
+      }),
+      centre: sprinkles({
         alignContent: 'center',
         alignItems: 'center'
-      },
-      bottom: {
-        alignContent: 'flex-end',
-        alignItems: 'flex-end'
-      }
+      }),
+      bottom: sprinkles({
+        alignContent: 'end',
+        alignItems: 'end'
+      })
     },
     noWrap: {
-      false: {
+      false: sprinkles({
         flexWrap: 'wrap'
-      },
-      true: {
+      }),
+      true: sprinkles({
         flexWrap: 'nowrap'
-      }
+      })
     },
     wrappingDirection: {
       default: {},
-      reverse: {
+      reverse: sprinkles({
         flexWrap: 'wrap-reverse'
-      }
+      })
     }
   },
   defaultVariants: {

package/dist/components/DatePicker/DatePicker.js

@@ -8,8 +8,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { CalendarIcon } from '@autoguru/icons';
 import clsx from 'clsx';
 import * as React from 'react';
+import { sprinkles } from "../../styles/index.js";
 import { Box } from "../Box/Box.js";
-import { boxStyles } from "../Box/newBox/boxStyles.js";
 import { Icon } from "../Icon/Icon.js";
 import { ProgressSpinner } from "../ProgressSpinner/ProgressSpinner.js";
 import { Text } from "../Text/Text.js";
@@ -59,7 +59,7 @@ export const DatePicker = _ref => {
         [styles.contents.withLabel]: Boolean(valueLabel)
       }),
       children: [isLoading ? _jsx(ProgressSpinner, {
-        className: clsx(styles.spinner, boxStyles({
+        className: clsx(styles.spinner, sprinkles({
           position: 'absolute'
         })),
         size: size

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

@@ -4,6 +4,8 @@ import { type TextStylesProps } from '../Text/textStyles';
 export type HeadingTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export interface HeadingProps extends Omit<BoxProps, keyof TextStylesProps>, Omit<TextStylesProps, 'as'> {
     as?: HeadingTags;
+    align?: TextStylesProps['textAlign'];
+    is?: HeadingTags;
 }
-export declare const Heading: ({ as, breakWord, children, className, color, colour, fontWeight, noWrap, size, transform, ...props }: HeadingProps) => React.JSX.Element;
+export declare const Heading: ({ is, as, align, breakWord, children, className, color, colour, fontWeight, noWrap, size, transform, ...props }: HeadingProps) => React.JSX.Element;
 //# sourceMappingURL=Heading.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,YAChB,SAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,eAAe,CAAC,EAC5C,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAC5B,EAAE,CAAC,EAAE,WAAW,CAAC;CACjB;AAcD,eAAO,MAAM,OAAO,GAAI,sGAYrB,YAAY,sBAmBd,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,YAChB,SAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,eAAe,CAAC,EAC5C,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAC5B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAErC,EAAE,CAAC,EAAE,WAAW,CAAC;CACjB;AAcD,eAAO,MAAM,OAAO,GAAI,iHAcrB,YAAY,sBAoBd,CAAC"}

package/dist/components/Heading/Heading.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["as", "breakWord", "children", "className", "color", "colour", "fontWeight", "noWrap", "size", "transform"];
+const _excluded = ["is", "as", "align", "breakWord", "children", "className", "color", "colour", "fontWeight", "noWrap", "size", "transform"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -19,7 +19,9 @@ const defaultSizeMap = {
 };
 export const Heading = _ref => {
   let {
-      as = 'h1',
+      is = 'h1',
+      as = is,
+      align,
       breakWord,
       children,
       className,
@@ -40,6 +42,7 @@ export const Heading = _ref => {
       fontWeight,
       noWrap,
       size,
+      textAlign: align,
       transform
     }), className],
     children: children

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

@@ -3,9 +3,16 @@ import React from 'react';
 import { Heading, type HeadingProps } from './Heading';
 declare const meta: {
     title: string;
-    component: ({ as, breakWord, children, className, color, colour, fontWeight, noWrap, size, transform, ...props }: HeadingProps) => React.JSX.Element;
+    component: ({ is, as, align, breakWord, children, className, color, colour, fontWeight, noWrap, size, transform, ...props }: HeadingProps) => React.JSX.Element;
     decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
         as?: import("./Heading").HeadingTags | undefined;
+        align?: ("left" | "right" | "center" | "centre" | {
+            mobile?: "left" | "right" | "center" | "centre" | undefined;
+            tablet?: "left" | "right" | "center" | "centre" | undefined;
+            desktop?: "left" | "right" | "center" | "centre" | undefined;
+            largeDesktop?: "left" | "right" | "center" | "centre" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | "centre" | null>;
+        is?: import("./Heading").HeadingTags | undefined;
         backgroundColour?: "white" | "black900" | "black800" | "black700" | "black600" | "black500" | "black400" | "black300" | "black200" | "black100" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "transparent" | undefined;
         content?: string | undefined | undefined;
         placeholder?: string | undefined | undefined;
@@ -21,24 +28,24 @@ declare const meta: {
         muted?: boolean | undefined | undefined;
         opacity?: number | "1" | "0" | undefined;
         name?: string | undefined | undefined;
-        alignContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | {
-            mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | undefined;
-            tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | undefined;
-            desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | undefined;
-            largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | null>;
-        alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | {
-            mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | undefined;
-            tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | undefined;
-            desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | undefined;
-            largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "flexEnd" | "flexStart" | null>;
-        alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | {
-            mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-            tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-            desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-            largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null>;
+        alignContent?: ("space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
+            mobile?: "space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
+        alignItems?: ("stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | {
+            mobile?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
+        alignSelf?: ("stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | {
+            mobile?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | null>;
         backgroundColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
         borderBottomColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
         borderBottomStyle?: "none" | "solid" | undefined;
@@ -133,18 +140,12 @@ declare const meta: {
             desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
             largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
         } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null>;
-        justifyContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | {
-            mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | undefined;
-            tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | undefined;
-            desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | undefined;
-            largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | null>;
-        justifySelf?: ("center" | "flex-end" | "flex-start" | {
-            mobile?: "center" | "flex-end" | "flex-start" | undefined;
-            tablet?: "center" | "flex-end" | "flex-start" | undefined;
-            desktop?: "center" | "flex-end" | "flex-start" | undefined;
-            largeDesktop?: "center" | "flex-end" | "flex-start" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-end" | "flex-start" | null>;
+        justifyContent?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null> | ("space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
+            mobile?: "space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+        } | undefined);
         marginBottom?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
             mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
             tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -236,12 +237,6 @@ declare const meta: {
             desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
             largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
         } | undefined);
-        textAlign?: ("left" | "right" | "center" | {
-            mobile?: "left" | "right" | "center" | undefined;
-            tablet?: "left" | "right" | "center" | undefined;
-            desktop?: "left" | "right" | "center" | undefined;
-            largeDesktop?: "left" | "right" | "center" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | null>;
         textWrap?: "balance" | "nowrap" | "stable" | "pretty" | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         userSelect?: "none" | "auto" | "text" | undefined;
@@ -283,12 +278,12 @@ declare const meta: {
             desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
             largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
         } | undefined);
-        placeItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | {
-            mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | undefined;
-            tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | undefined;
-            desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | undefined;
-            largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "flexEnd" | "flexStart" | null>;
+        placeItems?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | null> | ("stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | {
+            mobile?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+        } | undefined);
         start?: number | undefined | undefined;
         hidden?: boolean | undefined | undefined;
         style?: React.CSSProperties | undefined;
@@ -299,20 +294,22 @@ declare const meta: {
         multiple?: boolean | undefined | undefined;
         disabled?: boolean | undefined | undefined;
         value?: string | number | readonly string[] | undefined;
-        borderColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
-        borderColourX?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
-        borderColourY?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
         borderBottomColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
         borderLeftColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
         borderRightColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
         borderTopColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
-        borderColourBottom?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
-        borderColourLeft?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
-        borderColourRight?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
-        borderColourTop?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
         useVar?: "gap" | undefined;
         bg?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
         fg?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
+        borderColorX?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderColorY?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderColourX?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderColourY?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderStyleBottom?: "none" | "solid" | undefined;
+        borderStyleLeft?: "none" | "solid" | undefined;
+        borderStyleRight?: "none" | "solid" | undefined;
+        borderStyleTop?: "none" | "solid" | undefined;
         gridColumns?: (string | {
             mobile?: string | undefined;
             tablet?: string | undefined;
@@ -465,10 +462,6 @@ declare const meta: {
         } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
         span?: number | undefined | undefined;
         label?: string | undefined | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
-        id?: string | undefined | undefined;
-        children?: React.ReactNode;
         cite?: string | undefined | undefined;
         data?: string | undefined | undefined;
         form?: string | undefined | undefined;
@@ -476,8 +469,11 @@ declare const meta: {
         summary?: string | undefined | undefined;
         title?: string | undefined | undefined;
         pattern?: string | undefined | undefined;
+        onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
+        id?: string | undefined | undefined;
+        children?: React.ReactNode;
         className?: import("clsx").ClassValue;
-        is?: React.ElementType | undefined;
         accept?: string | undefined | undefined;
         acceptCharset?: string | undefined | undefined;
         action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -825,10 +821,18 @@ declare const meta: {
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+        odComponent?: string | undefined;
+        testId?: string | undefined;
         colour?: "link" | "white" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | "muted" | "unset" | undefined;
         color?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
         size?: {} | undefined;
         fontWeight?: "bold" | "normal" | "semiBold" | undefined;
+        textAlign?: ("left" | "right" | "center" | "centre" | {
+            mobile?: "left" | "right" | "center" | "centre" | undefined;
+            tablet?: "left" | "right" | "center" | "centre" | undefined;
+            desktop?: "left" | "right" | "center" | "centre" | undefined;
+            largeDesktop?: "left" | "right" | "center" | "centre" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | "centre" | null>;
         transform?: "capitalize" | "uppercase" | undefined;
         noWrap?: boolean | undefined;
         breakWord?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAWvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAasB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC"}
+{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAWvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAasB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC"}