@wistia/vhs 2.64.1 → 2.65.0

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@wistia/vhs",
-  "version": "2.64.1",
-  "packageManager": "yarn@4.3.1",
+  "version": "2.65.0",
   "description": "Visual Hype System - Wistia's opinionated component library for building React UIs",
   "type": "commonjs",
   "main": "dist/index.cjs",
@@ -28,30 +27,29 @@
     "node": ">=18.0.0 || >=20.0.0"
   },
   "scripts": {
-    "browsers": "./scripts/browserSupport.mjs",
-    "build": "shx rm -rf ./dist && yarn build:src && yarn build:types",
+    "browsers": "node ./scripts/browserSupport.mjs",
+    "build": "yarn build:src && node ./scripts/postBuild.mjs",
     "build:analyze": "yarn build:src --metafile && esbuild-visualizer --metadata ./stats/esbuild-stats.json --filename ./stats/esbuild-stats.html",
     "build:src": "cross-env NODE_ENV=production ./esbuild.config.mjs",
-    "build:types": "tsc --project ../../tsconfig.build.json",
-    "build:types:debug": "tsc --project ../../tsconfig.build.json --showConfig",
-    "build:watch:types": "tsc --watch --project ../../tsconfig.build.json",
-    "build:watch:src": "cross-env NODE_ENV=development ./esbuild.config.mjs --watch",
+    "build:types": "tsc --project tsconfig.build.json",
+    "build:types:debug": "tsc --project tsconfig.build.json --showConfig",
     "build:watch": "concurrently \"yarn build:watch:src\" \"yarn build:watch:types\"",
+    "build:watch:src": "cross-env NODE_ENV=development ./esbuild.config.mjs --watch",
+    "build:watch:types": "tsc --watch --project tsconfig.build.json",
     "bundlewatch": "yarn build:src && bundlewatch --config .bundlewatch.json",
-    "clean": "shx rm -rf ./dist ./coverage ./stats junit.xml ../../storybook-static ../../node_modules/.cache ../../.tsbuildinfo ../../.eslintcache ../../.stylelintcache",
+    "clean": "shx rm -rf ./dist && echo 'dist directory has been removed'",
+    "depcheck": "depcheck",
     "generate": "node ./scripts/generators/generateComponent.mjs",
     "generate:icon": "node ./scripts/generators/generateIcon.mjs",
     "link:test": "node ./scripts/watchAndCopyBuild.mjs",
-    "outdated": "yarn upgrade-interactive",
     "prepublishOnly": "yarn run clean && yarn run build",
-    "publint": "node ./scripts/publint.mjs",
-    "bump-version": "node ./scripts/bumpVersion.mjs",
+    "publint_": "publint-check",
     "test": "cross-env NODE_ENV=test vitest run",
     "test:ci": "yarn run test",
     "test:coverage": "yarn run test --coverage=true && open ./coverage/index.html",
     "test:debug": "echo 'open chrome://inspect/#devices' && cross-env NODE_ENV=test vitest --inspect-brk --no-file-parallelism",
-    "ts:check": "tsc",
-    "ts:generate": "tsx ./scripts/generateTypes.ts"
+    "ts:generate": "tsx ./scripts/generateTypes.ts",
+    "typecheck": "tsc"
   },
   "peerDependencies": {
     "@types/react": "^17.0 || ^18.0",
@@ -64,7 +62,7 @@
   "dependencies": {
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@wistia/type-guards": "^0.5.0",
-    "@wistia/vhs-design-tokens": "^2.1.4",
+    "@wistia/vhs-design-tokens": "2.1.3",
     "date-fns": "^3.6.0",
     "formik": "^2.4.6",
     "framer-motion": "^11.3.21",
@@ -83,6 +81,7 @@
     "uuid": "^10.0.0"
   },
   "devDependencies": {
+    "@repo/config": "workspace:*",
     "@storybook/react": "^8.2.7",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.8",
@@ -97,12 +96,16 @@
     "@types/styled-components": "^5.1.34",
     "@types/throttle-debounce": "^5.0.2",
     "@types/uuid": "^10.0.0",
+    "browserslist": "^4.23.2",
     "bundlewatch": "^0.4.0",
     "concurrently": "^8.2.2",
     "cross-env": "^7.0.3",
+    "depcheck": "^1.4.7",
     "esbuild": "^0.23.0",
     "esbuild-plugin-browserslist": "^0.14.0",
     "esbuild-visualizer": "^0.6.0",
+    "globby": "^14.0.2",
+    "jsdoc-to-markdown": "^8.0.3",
     "jsdom": "^24.1.1",
     "minimist": "^1.2.8",
     "pascalcase": "^2.0.0",
@@ -110,6 +113,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "shx": "^0.3.4",
+    "signale": "^1.4.0",
     "styled-components": "^5.3.11",
     "tsx": "^4.16.5",
     "typescript": "^5.5.4",
@@ -119,11 +123,6 @@
     "vitest-console": "^0.1.1",
     "yup": "^1.4.0"
   },
-  "resolutions": {
-    "axios": "0.28.0",
-    "braces": "3.0.3",
-    "ws": "8.17.1"
-  },
   "author": "Wistia Engineering",
   "license": "UNLICENSED",
   "repository": {

package/dist/@types/shared_types.d.ts

@@ -1,2 +0,0 @@
-export type TextAlignValues = 'center' | 'left' | 'right';
-//# sourceMappingURL=shared_types.d.ts.map

package/dist/@types/shared_types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared_types.d.ts","sourceRoot":"","sources":["../../src/@types/shared_types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC"}

package/dist/components/ActionModal/ActionModal.d.ts

@@ -1,99 +0,0 @@
-import type { MouseEvent, RefObject, ReactNode, ComponentPropsWithoutRef } from 'react';
-import type { OnBeforeHideInterface } from '../ModalBase/ModalBase';
-export type ActionModalProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * Horizontally align modal to the left, center, or right of the container
-     */
-    alignHorizontal?: 'center' | 'left' | 'normal' | 'right';
-    /**
-     * Vertically align modal to the top, center, or bottom of the container
-     */
-    alignVertical?: 'bottom' | 'center' | 'normal' | 'top';
-    /**
-     * Buttons to be shown at the bottom of the modal
-     */
-    buttons?: ReactNode | ((hide: () => void) => ReactNode);
-    /**
-     * Contents of the modal
-     */
-    children?: ReactNode;
-    /**
-     * Class to be applied to the base element of the modal
-     */
-    className?: string;
-    /**
-     * A prop that determines whether the modal will span the entirety of the screen vertically
-     */
-    fullHeight?: boolean;
-    /**
-     * Allows user to override default icon color
-     */
-    closeIconColorOverride?: string;
-    /**
-     * Increase the zIndex of the Modal, this should be used when calling ActionModal from a Menu
-     * this will prevent the Menu from staying above the ActionModal
-     */
-    elevated?: boolean;
-    /**
-     * Optional illustration to display alongside the modal
-     */
-    illustration?: ReactNode;
-    /**
-     * Background color that appears behind the optional illustration
-     * Can be any css background color or "blue", "brandBlue", "green",
-     * "pink", "purple", or "yellow" for theme colors
-     */
-    illustrationBackgroundColor?: string;
-    /**
-     * Render the modal initially in shown state
-     */
-    initialShownState?: boolean;
-    /**
-     * Allow the user to close the modal via x button or backdrop click
-     */
-    isDismissible?: boolean;
-    /**
-     * Callback invoked before the modal is hidden
-     */
-    onBeforeHide?: () => OnBeforeHideInterface;
-    /**
-     * Callback invoked when the modal is dismissed
-     */
-    onHide?: () => void;
-    /**
-     * Callback invoked when the modal is shown
-     */
-    onShow?: () => void;
-    /**
-     * Optional function that exposes the `hide` function at the call site allowing
-     * the option to call the `hide` function from outside of this component
-     */
-    render?: (hide: (event?: MouseEvent) => void) => ReactNode;
-    /**
-     * Title to display in the modal
-     */
-    title: string;
-    /**
-     * function(show, ref) that returns a node to open the modal
-     */
-    toggle?: (show: () => unknown, toggleButtonRef?: RefObject<HTMLElement | undefined> | undefined) => ReactNode;
-    /**
-     * The css width property of the modal. Ex - 'max-content', '532px', '100%', etc
-     */
-    width?: string;
-};
-/**
- * @deprecated Please use Modal component, see [documentation](?path=/docs/components-modal--docs).
- *
- * #### Why ActionModal is being deprecated
- * ActionModal's API tightly couples the modal itself with the button or element that toggles it. This makes it difficult to
- * implement in several scenarios (such as within a Menu) or if it needs to be programatically opened by an external action.
- *
- * [Modal](?path=/docs/components-modal--docs) allows for a separate state control to toggle its visibility and is also more composable
- * allowing for more variation.
- */
-export declare const ActionModal: {
-    ({ alignHorizontal, alignVertical, buttons, children, className, elevated, fullHeight, closeIconColorOverride, illustration, illustrationBackgroundColor, initialShownState, isDismissible, onBeforeHide, onHide, onShow, render, title, toggle, width, ...otherProps }: ActionModalProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=ActionModal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ActionModal.d.ts","sourceRoot":"","sources":["../../../src/components/ActionModal/ActionModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAQxF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AA2FpE,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC/D;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvD;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IAEH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IAErC;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,qBAAqB,CAAC;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,KAAK,SAAS,CAAC;IAC3D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,CACP,IAAI,EAAE,MAAM,OAAO,EACnB,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,GAAG,SAAS,KAC7D,SAAS,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;6QAqBrB,gBAAgB;;CAsFlB,CAAC"}

package/dist/components/ActionModal/getModalBackgroundGradient.d.ts

@@ -1,2 +0,0 @@
-export declare const getModalBackgroundGradient: (illustrationBackgroundColor: string) => import("styled-components").FlattenSimpleInterpolation;
-//# sourceMappingURL=getModalBackgroundGradient.d.ts.map

package/dist/components/ActionModal/getModalBackgroundGradient.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getModalBackgroundGradient.d.ts","sourceRoot":"","sources":["../../../src/components/ActionModal/getModalBackgroundGradient.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,0BAA0B,gCAAiC,MAAM,2DAmB7E,CAAC"}

package/dist/components/ActionModal/index.d.ts

@@ -1,2 +0,0 @@
-export { ActionModal } from './ActionModal';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ActionModal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ActionModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Avatar/Avatar.d.ts

@@ -1,31 +0,0 @@
-import type { JSX, ComponentPropsWithoutRef } from 'react';
-export type AvatarInstanceType = 'image' | 'initials';
-export type AvatarProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * The height and width of the avatar
-     */
-    heightAndWidth?: number;
-    /**
-     * The URL of the image to display
-     */
-    imageUrl?: string | null;
-    /**
-     * Initials to display if no image is provided
-     *
-     * _note: only first initial shown regardless of characters provided_
-     */
-    initials?: string | null;
-    /**
-     * A string that will deterministicly set the background color of the avatar
-     */
-    name?: string | null;
-    /**
-     * A callback that is invoked after the image has loaded or failed to load
-     */
-    onImageLoad?: (avatarType: AvatarInstanceType) => void;
-};
-export declare const Avatar: {
-    ({ imageUrl, heightAndWidth, initials, name, onImageLoad, ...otherProps }: AvatarProps): JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAQ3D,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,UAAU,CAAC;AAatD,MAAM,MAAM,WAAW,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC1D;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACxD,CAAC;AAwDF,eAAO,MAAM,MAAM;+EAOhB,WAAW,GAAG,GAAG,CAAC,OAAO;;CAiD3B,CAAC"}

package/dist/components/Avatar/formatInitialsForDisplay.d.ts

@@ -1,2 +0,0 @@
-export declare const formatInitialsForDisplay: (initials: string | null | undefined) => string;
-//# sourceMappingURL=formatInitialsForDisplay.d.ts.map

package/dist/components/Avatar/formatInitialsForDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatInitialsForDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/formatInitialsForDisplay.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,wBAAwB,aAAc,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MAkB9E,CAAC"}

package/dist/components/Avatar/generateContactAvatarColors.d.ts

@@ -1,14 +0,0 @@
-/**
- * Given an ID this function will return a semi-random color from AVATAR_COLORS
- * that will persist across page loads if given the same ID value
- *
- * Logic for generating a random number from the ID value adapted from:
- * https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0
- */
-type UseContactAvatarColorProps = {
-    seed: string;
-    themeColors: Record<string, string>;
-};
-export declare const generateContactAvatarColors: ({ seed, themeColors, }: UseContactAvatarColorProps) => string[];
-export {};
-//# sourceMappingURL=generateContactAvatarColors.d.ts.map

package/dist/components/Avatar/generateContactAvatarColors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"generateContactAvatarColors.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/generateContactAvatarColors.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC,CAAC;AAiBF,eAAO,MAAM,2BAA2B,2BAGrC,0BAA0B,KAAG,MAAM,EAOrC,CAAC"}

package/dist/components/Avatar/index.d.ts

@@ -1,3 +0,0 @@
-export type { AvatarProps, AvatarInstanceType } from './Avatar';
-export { Avatar } from './Avatar';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Avatar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Backdrop/Backdrop.d.ts

@@ -1,47 +0,0 @@
-import type { ComponentPropsWithoutRef, ReactNode, JSX } from 'react';
-declare const alignVerticalMap: {
-    normal: string;
-    top: string;
-    center: string;
-    bottom: string;
-};
-declare const alignHorizontalMap: {
-    normal: string;
-    left: string;
-    center: string;
-    right: string;
-};
-export type BackdropComponentProps = {
-    alignHorizontal: keyof typeof alignHorizontalMap;
-    alignVertical: keyof typeof alignVerticalMap;
-    backgroundColor: string;
-    elevated: boolean;
-};
-export type BackdropProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * Optional prop to align the child content along the horizontal axis
-     */
-    alignHorizontal?: keyof typeof alignHorizontalMap;
-    /**
-     * Optional prop to align the child content along the vertical axis
-     */
-    alignVertical?: keyof typeof alignVerticalMap;
-    /**
-     * Color of the backdrop
-     */
-    backgroundColor?: string;
-    /**
-     * Pass an arbitrary child node
-     */
-    children?: ReactNode;
-    /**
-     * increase the z-index (workaround for ActionModals called within Menu)
-     */
-    elevated?: boolean;
-};
-export declare const Backdrop: {
-    ({ alignHorizontal, alignVertical, backgroundColor, children, elevated, ...otherProps }: BackdropProps): JSX.Element;
-    displayName: string;
-};
-export {};
-//# sourceMappingURL=Backdrop.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGtE,QAAA,MAAM,gBAAgB;;;;;CAKrB,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;;;CAKvB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,MAAM,OAAO,kBAAkB,CAAC;IACjD,aAAa,EAAE,MAAM,OAAO,gBAAgB,CAAC;IAC7C,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC5D;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,OAAO,kBAAkB,CAAC;IAClD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IAC9C;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAiBF,eAAO,MAAM,QAAQ;6FAOlB,aAAa,GAAG,GAAG,CAAC,OAAO;;CAU7B,CAAC"}

package/dist/components/Backdrop/index.d.ts

@@ -1,2 +0,0 @@
-export { Backdrop } from './Backdrop';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Backdrop/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Backdrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/BackgroundImage/BackgroundImage.d.ts

@@ -1,71 +0,0 @@
-import type { ReactNode, ComponentPropsWithoutRef } from 'react';
-export declare const getBackgroundImageValue: (src: string[] | string | undefined) => string | undefined;
-type OverflowObject = {
-    horizontal: string;
-    vertical: string;
-};
-export type BackgroundImageProps = Omit<ComponentPropsWithoutRef<'img'>, 'src'> & {
-    /**
-     * The content that will be rendered inside
-     */
-    children?: ReactNode;
-    /**
-     * Sets whether a background image's position is fixed within the viewport,
-     * or scrolls with its containing block. [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment).
-     */
-    attachment?: string;
-    /**
-     * Sets whether an element's background extends underneath its border box,
-     * padding box, or content box. [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip).
-     */
-    clip?: string;
-    /**
-     * Color (as hex) of the component
-     */
-    color?: string | undefined;
-    /**
-     * Height of the component
-     */
-    height?: string;
-    /**
-     * Sets the background's origin: from the border start, inside the border, or inside the padding.
-     * _Note: origin is ignored when attachment is `fixed`._
-     * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin).
-     */
-    origin?: string;
-    /**
-     * Sets the desired behavior for an element's overflow (i.e. when an element's content is
-     * too big to fit in its block formatting context).
-     * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow).
-     */
-    overflow?: OverflowObject | string;
-    /**
-     * Sets the initial position for each image; relative to the position layer
-     * set by origin. [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position).
-     */
-    position?: string;
-    /**
-     * Sets how background images are repeated.
-     * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat).
-     */
-    repeat?: string;
-    /**
-     * Sets the size of the element's background image.
-     * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size).
-     */
-    size?: string;
-    /**
-     * URL(s) to image file
-     */
-    src?: string[] | string;
-    /**
-     * Width of the component
-     */
-    width?: string;
-};
-export declare const BackgroundImage: {
-    ({ children, attachment: bgAttachment, clip: bgClip, color: bgColor, height: elHeight, origin: bgOrigin, overflow: elOverflow, position: bgPosition, repeat: bgRepeat, size: bgSize, src: bgImage, width: elWidth, ...otherProps }: BackgroundImageProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};
-//# sourceMappingURL=BackgroundImage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackgroundImage.d.ts","sourceRoot":"","sources":["../../../src/components/BackgroundImage/BackgroundImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AA0BjE,eAAO,MAAM,uBAAuB,QAAS,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAYrF,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AA4DF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAChF;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,eAAe;wOAczB,oBAAoB;;CAiBtB,CAAC"}

package/dist/components/BackgroundImage/index.d.ts

@@ -1,2 +0,0 @@
-export { BackgroundImage } from './BackgroundImage';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/BackgroundImage/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BackgroundImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -1,22 +0,0 @@
-import type { ComponentPropsWithoutRef, JSX } from 'react';
-import type { IconNameType } from '../Icon/iconMap';
-export type BadgeColorScheme = 'brandBlue' | 'error' | 'green' | 'grey' | 'orange' | 'pink' | 'purple' | 'red' | 'success' | 'warning' | 'yellow';
-export type BadgeProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * The color scheme to use for the badge
-     */
-    colorScheme?: BadgeColorScheme;
-    /**
-     * The icon to display in the badge
-     */
-    icon?: IconNameType;
-    /**
-     * The text to display in the badge
-     */
-    label: string;
-};
-export declare const Badge: {
-    ({ colorScheme, label, icon, ...otherProps }: BadgeProps): JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAM3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQpD,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,OAAO,GACP,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACzD;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAgBF,eAAO,MAAM,KAAK;kDAKf,UAAU,GAAG,GAAG,CAAC,OAAO;;CAoB1B,CAAC"}

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

@@ -1,7 +0,0 @@
-import type { DefaultTheme } from 'styled-components';
-import type { BadgeColorScheme } from './Badge';
-export declare const getBadgeColors: (badgeColor: BadgeColorScheme, allThemeColors: DefaultTheme["color"]) => {
-    backgroundColor: string;
-    textColor: string;
-};
-//# sourceMappingURL=getBadgeColors.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getBadgeColors.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/getBadgeColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,cAAc,eACb,gBAAgB,kBACZ,YAAY,CAAC,OAAO,CAAC,KACpC;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CA2D9C,CAAC"}

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

@@ -1,3 +0,0 @@
-export type { BadgeColorScheme } from './Badge';
-export { Badge } from './Badge';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Banner/Banner.d.ts

@@ -1,30 +0,0 @@
-import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-export type BannerProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * color string
-     */
-    backgroundColor?: string;
-    /**
-     * Pass an arbitrary child node
-     */
-    children?: ReactNode;
-    /**
-     * icon name from the icon library to be displayed on left side of banner
-     */
-    icon?: ReactNode;
-};
-export declare const Banner: {
-    ({ backgroundColor, icon, children, ...otherProps }: BannerProps): import("react/jsx-runtime").JSX.Element;
-    Body: ({ children }: {
-        children?: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    RightGutter: ({ verticalAlign, children }: {
-        children?: ReactNode;
-        verticalAlign?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Title: ({ children }: {
-        children?: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=Banner.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmCjE,MAAM,MAAM,WAAW,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC1D;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,MAAM;yDAAwD,WAAW;;;;;;;;;;;;CAQrF,CAAC"}

package/dist/components/Banner/BannerChildComponents.d.ts

@@ -1,16 +0,0 @@
-import type { ReactNode } from 'react';
-type BodyProps = {
-    children?: ReactNode;
-};
-declare const Body: ({ children }: BodyProps) => import("react/jsx-runtime").JSX.Element;
-type TitleProps = {
-    children?: ReactNode;
-};
-declare const Title: ({ children }: TitleProps) => import("react/jsx-runtime").JSX.Element;
-type RightGutterProps = {
-    children?: ReactNode;
-    verticalAlign?: string;
-};
-declare const RightGutter: ({ verticalAlign, children }: RightGutterProps) => import("react/jsx-runtime").JSX.Element;
-export { Body, RightGutter, Title };
-//# sourceMappingURL=BannerChildComponents.d.ts.map

package/dist/components/Banner/BannerChildComponents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerChildComponents.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/BannerChildComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,IAAI,iBAAkB,SAAS,4CAA8C,CAAC;AAapF,KAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,KAAK,iBAAkB,UAAU,4CAAgD,CAAC;AA0CxF,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,WAAW,gCAAiC,gBAAgB,4CAEjE,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Banner/index.d.ts

@@ -1,2 +0,0 @@
-export { Banner } from './Banner';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Banner/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}