@veeqo/ui 14.9.0-beta-2 → 14.9.1

package/dist/components/ViewTab/ViewTab.d.ts

@@ -6,7 +6,7 @@ export interface ClassNamesReturnPayload {
     active?: string;
     counter?: string;
 }
-export declare const ViewTab: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "id" | "onClick" | "name" | "type"> & {
+export declare const ViewTab: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "id" | "onClick" | "type" | "name"> & {
     colourPalette?: import("../../theme/modules/colors").ColourPalette | undefined;
     customTextColour?: string | undefined;
     active?: boolean | undefined;

package/dist/components/index.d.ts

@@ -13,7 +13,7 @@ export { BaseContainer, type BaseContainerProps } from './BaseContainer';
 export { Breadcrumbs } from './Breadcrumbs';
 export { Button, type ButtonProps } from './Button';
 export { RangeCalendar, Calendar, useIsDateUnavailable } from './Calendars';
-export { Card, type CardElevation, type SurfaceProps } from './Card';
+export { Card } from './Card';
 export { CardHeader } from './CardHeader';
 export { Checkbox } from './Checkbox';
 export { Choice } from './Choice';
@@ -60,7 +60,7 @@ export { Tag } from './Tag';
 export { Text } from './Text';
 export type { TextProps, TextVariant, ValidTextTag } from './Text';
 export { TextField, type TextFieldType } from './TextField';
-export { ToastsLayout, type Notification } from './ToastsLayout';
+export { ToastsLayout, type Notification, type ToastsLayoutPropTypes } from './ToastsLayout';
 export { Toggle } from './Toggle';
 export { ToggleButton } from './ToggleButton';
 export { Tooltip } from './Tooltip';

package/dist/hoc/withLabels/BlockTooltip.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var React = require('react');
+var Tooltip = require('../../components/Tooltip/Tooltip.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+require('uid/secure');
+var BlockTooltip_module = require('./BlockTooltip.module.scss.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const BlockTooltip = ({ className, ...rest }) => (React__default.default.createElement(Tooltip.Tooltip, { ...rest, className: buildClassnames.buildClassnames([BlockTooltip_module.block, className]), hoverableClassName: BlockTooltip_module.hoverableFlex }));
+
+exports.BlockTooltip = BlockTooltip;
+//# sourceMappingURL=BlockTooltip.cjs.map

package/dist/hoc/withLabels/BlockTooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTooltip.cjs","sources":["../../../src/hoc/withLabels/BlockTooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../../components/Tooltip';\nimport { TooltipProps } from '../../components/Tooltip/types';\nimport { buildClassnames } from '../../utils';\nimport blockTooltipStyles from './BlockTooltip.module.scss';\n\nexport const BlockTooltip = ({ className, ...rest }: TooltipProps) => (\n  <Tooltip\n    {...rest}\n    className={buildClassnames([blockTooltipStyles.block, className])}\n    hoverableClassName={blockTooltipStyles.hoverableFlex}\n  />\n);\n"],"names":["React","Tooltip","buildClassnames","blockTooltipStyles"],"mappings":";;;;;;;;;;;;AAMO,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAgB,MAC/DA,sBAAA,CAAA,aAAA,CAACC,eAAO,OACF,IAAI,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,mBAAkB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EACjE,kBAAkB,EAAEA,mBAAkB,CAAC,aAAa,EAAA,CACpD;;;;"}

package/dist/hoc/withLabels/BlockTooltip.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TooltipProps } from '../../components/Tooltip/types';
+export declare const BlockTooltip: ({ className, ...rest }: TooltipProps) => React.JSX.Element;

package/dist/hoc/withLabels/BlockTooltip.js

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { Tooltip } from '../../components/Tooltip/Tooltip.js';
+import { buildClassnames } from '../../utils/buildClassnames.js';
+import 'uid/secure';
+import blockTooltipStyles from './BlockTooltip.module.scss.js';
+
+const BlockTooltip = ({ className, ...rest }) => (React__default.createElement(Tooltip, { ...rest, className: buildClassnames([blockTooltipStyles.block, className]), hoverableClassName: blockTooltipStyles.hoverableFlex }));
+
+export { BlockTooltip };
+//# sourceMappingURL=BlockTooltip.js.map

package/dist/hoc/withLabels/BlockTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTooltip.js","sources":["../../../src/hoc/withLabels/BlockTooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../../components/Tooltip';\nimport { TooltipProps } from '../../components/Tooltip/types';\nimport { buildClassnames } from '../../utils';\nimport blockTooltipStyles from './BlockTooltip.module.scss';\n\nexport const BlockTooltip = ({ className, ...rest }: TooltipProps) => (\n  <Tooltip\n    {...rest}\n    className={buildClassnames([blockTooltipStyles.block, className])}\n    hoverableClassName={blockTooltipStyles.hoverableFlex}\n  />\n);\n"],"names":["React"],"mappings":";;;;;;AAMO,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAgB,MAC/DA,cAAA,CAAA,aAAA,CAAC,OAAO,OACF,IAAI,EACR,SAAS,EAAE,eAAe,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EACjE,kBAAkB,EAAE,kBAAkB,CAAC,aAAa,EAAA,CACpD;;;;"}

package/dist/hoc/withLabels/BlockTooltip.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._block_10obo_1 {\n  display: block;\n}\n\n._hoverableFlex_10obo_5 {\n  display: flex;\n}");
+var blockTooltipStyles = {"block":"_block_10obo_1","hoverableFlex":"_hoverableFlex_10obo_5"};
+
+module.exports = blockTooltipStyles;
+//# sourceMappingURL=BlockTooltip.module.scss.cjs.map

package/dist/hoc/withLabels/BlockTooltip.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTooltip.module.scss.cjs","sources":["../../../src/hoc/withLabels/BlockTooltip.module.scss"],"sourcesContent":[".block {\n  display: block;\n}\n\n.hoverableFlex {\n  display: flex;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,2FAAA;;;;;"}

package/dist/hoc/withLabels/BlockTooltip.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._block_10obo_1 {\n  display: block;\n}\n\n._hoverableFlex_10obo_5 {\n  display: flex;\n}");
+var blockTooltipStyles = {"block":"_block_10obo_1","hoverableFlex":"_hoverableFlex_10obo_5"};
+
+export { blockTooltipStyles as default };
+//# sourceMappingURL=BlockTooltip.module.scss.js.map

package/dist/hoc/withLabels/BlockTooltip.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTooltip.module.scss.js","sources":["../../../src/hoc/withLabels/BlockTooltip.module.scss"],"sourcesContent":[".block {\n  display: block;\n}\n\n.hoverableFlex {\n  display: flex;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,2FAAA;;;;;"}

package/dist/hoc/withLabels/withLabels.cjs

@@ -9,7 +9,7 @@ var CriticalIcon = require('../../icons/design-system/components/CriticalIcon.cj
 var HelpIcon = require('../../icons/design-system/components/HelpIcon.cjs');
 var LockIcon = require('../../icons/design-system/components/LockIcon.cjs');
 var index = require('../../theme/index.cjs');
-var styled = require('./styled.cjs');
+var BlockTooltip = require('./BlockTooltip.cjs');
 var withLabels_module = require('./withLabels.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -25,7 +25,7 @@ const withLabels = (Component) => {
         return (React__default.default.createElement(FlexCol.FlexCol, { className: withLabels_module.rootStack },
             React__default.default.createElement(FlexRow.FlexRow, null,
                 React__default.default.createElement(Text.Text, { variant: "inputLabel", id: `${componentId}-label`, htmlFor: componentId }, label),
-                (tooltip || tooltipContent) && (React__default.default.createElement(styled.BlockTooltip, { text: tooltip, content: tooltipContent },
+                (tooltip || tooltipContent) && (React__default.default.createElement(BlockTooltip.BlockTooltip, { text: tooltip, content: tooltipContent },
                     React__default.default.createElement(HelpIcon.ReactComponent, { "data-testid": "tooltip-help", width: index.theme.sizes.base, height: index.theme.sizes.base, color: index.theme.colors.neutral.ink.light })))),
             hint && (React__default.default.createElement(Text.Text, { variant: "hintText", as: "span", className: withLabels_module.hint, id: `${componentId}-hint` }, hint)),
             React__default.default.createElement(Component, { ref: ref, id: componentId, hasError: !!error, disabled: !!disabledMessage, disabledMessage: disabledMessage, ...otherProps }),

package/dist/hoc/withLabels/withLabels.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withLabels.cjs","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexCol } from '../../components/Flex/FlexCol';\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { Text } from '../../components/Text';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { BlockTooltip } from './styled';\nimport styles from './withLabels.module.scss';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <FlexCol className={styles.rootStack}>\n          <FlexRow>\n            <Text variant=\"inputLabel\" id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Text>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </FlexRow>\n          {hint && (\n            <Text variant=\"hintText\" as=\"span\" className={styles.hint} id={`${componentId}-hint`}>\n              {hint}\n            </Text>\n          )}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Text variant=\"error\" as=\"span\" className={styles.error}>\n                {error}\n              </Text>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Text variant=\"bodyBold\" as=\"span\">\n                {disabledMessage}\n              </Text>\n            </FlexRow>\n          )}\n        </FlexCol>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["forwardRef","useId","React","FlexCol","styles","FlexRow","Text","BlockTooltip","HelpIcon","theme","CriticalIcon","LockIcon"],"mappings":"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"}
+{"version":3,"file":"withLabels.cjs","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexCol } from '../../components/Flex/FlexCol';\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { Text } from '../../components/Text';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { BlockTooltip } from './BlockTooltip';\nimport styles from './withLabels.module.scss';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <FlexCol className={styles.rootStack}>\n          <FlexRow>\n            <Text variant=\"inputLabel\" id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Text>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </FlexRow>\n          {hint && (\n            <Text variant=\"hintText\" as=\"span\" className={styles.hint} id={`${componentId}-hint`}>\n              {hint}\n            </Text>\n          )}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Text variant=\"error\" as=\"span\" className={styles.error}>\n                {error}\n              </Text>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Text variant=\"bodyBold\" as=\"span\">\n                {disabledMessage}\n              </Text>\n            </FlexRow>\n          )}\n        </FlexCol>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["forwardRef","useId","React","FlexCol","styles","FlexRow","Text","BlockTooltip","HelpIcon","theme","CriticalIcon","LockIcon"],"mappings":"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"}

package/dist/hoc/withLabels/withLabels.js

@@ -7,7 +7,7 @@ import { ReactComponent as CriticalIcon } from '../../icons/design-system/compon
 import { ReactComponent as HelpIcon } from '../../icons/design-system/components/HelpIcon.js';
 import { ReactComponent as LockIcon } from '../../icons/design-system/components/LockIcon.js';
 import { theme } from '../../theme/index.js';
-import { BlockTooltip } from './styled.js';
+import { BlockTooltip } from './BlockTooltip.js';
 import labelStyles from './withLabels.module.scss.js';
 
 // eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX

package/dist/hoc/withLabels/withLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexCol } from '../../components/Flex/FlexCol';\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { Text } from '../../components/Text';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { BlockTooltip } from './styled';\nimport styles from './withLabels.module.scss';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <FlexCol className={styles.rootStack}>\n          <FlexRow>\n            <Text variant=\"inputLabel\" id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Text>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </FlexRow>\n          {hint && (\n            <Text variant=\"hintText\" as=\"span\" className={styles.hint} id={`${componentId}-hint`}>\n              {hint}\n            </Text>\n          )}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Text variant=\"error\" as=\"span\" className={styles.error}>\n                {error}\n              </Text>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Text variant=\"bodyBold\" as=\"span\">\n                {disabledMessage}\n              </Text>\n            </FlexRow>\n          )}\n        </FlexCol>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["React","styles"],"mappings":"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"}
+{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexCol } from '../../components/Flex/FlexCol';\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { Text } from '../../components/Text';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { BlockTooltip } from './BlockTooltip';\nimport styles from './withLabels.module.scss';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <FlexCol className={styles.rootStack}>\n          <FlexRow>\n            <Text variant=\"inputLabel\" id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Text>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </FlexRow>\n          {hint && (\n            <Text variant=\"hintText\" as=\"span\" className={styles.hint} id={`${componentId}-hint`}>\n              {hint}\n            </Text>\n          )}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Text variant=\"error\" as=\"span\" className={styles.error}>\n                {error}\n              </Text>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Text variant=\"bodyBold\" as=\"span\">\n                {disabledMessage}\n              </Text>\n            </FlexRow>\n          )}\n        </FlexCol>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["React","styles"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "14.9.0-beta-2",
+  "version": "14.9.1",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",

package/dist/components/Accordion/Accordion.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._details_1n935_1 summary {\n  list-style-type: none;\n}\n._details_1n935_1 summary::-webkit-details-marker {\n  display: none;\n}\n\n/* Default styled summary */\n._summary_1n935_9 {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  border-radius: 4px;\n  user-select: none;\n  cursor: pointer;\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n}\n._summary_1n935_9:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n._summary_1n935_9:active {\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n\n/* Unstyled summary: minimal, only focus ring */\n._unstyledSummary_1n935_27:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n\n/* Top row: icon + label + arrow */\n._top_1n935_33 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 16px;\n}\n\n/* Left section: icon + text */\n._left_1n935_41 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n._left_1n935_41 svg {\n  margin-right: 12px;\n  height: var(--sizes-base);\n  width: var(--sizes-base);\n  color: var(--glyph-color);\n}\n\n/* Right section: arrow */\n._right_1n935_54 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  flex-grow: 2;\n}\n\n/* Description text below summary */\n._description_1n935_63 {\n  margin-top: 8px;\n}\n\n/* Default content area */\n._content_1n935_68 {\n  margin-top: 4px;\n  /* Intentionally hardcoded: 50% transparent tint of blue.lightest with no theme token equivalent */\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n}\n\n/* Unstyled content: no additional styles, motion wrapper only */\n._unstyledContent_1n935_76 {\n  /* Motion wrapper for unstyled variant */\n}");
-var styles = {"details":"_details_1n935_1","summary":"_summary_1n935_9","unstyledSummary":"_unstyledSummary_1n935_27","top":"_top_1n935_33","left":"_left_1n935_41","right":"_right_1n935_54","description":"_description_1n935_63","content":"_content_1n935_68","unstyledContent":"_unstyledContent_1n935_76"};
-
-module.exports = styles;
-//# sourceMappingURL=Accordion.module.scss.cjs.map

package/dist/components/Accordion/Accordion.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.module.scss.cjs","sources":["../../../src/components/Accordion/Accordion.module.scss"],"sourcesContent":[".details summary {\n  list-style-type: none;\n\n  &::-webkit-details-marker {\n    display: none;\n  }\n}\n\n/* Default styled summary */\n.summary {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  border-radius: 4px;\n  user-select: none;\n  cursor: pointer;\n\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n\n  &:active {\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n}\n\n/* Unstyled summary: minimal, only focus ring */\n.unstyledSummary {\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n}\n\n/* Top row: icon + label + arrow */\n.top {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 16px;\n}\n\n/* Left section: icon + text */\n.left {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  svg {\n    margin-right: 12px;\n    height: var(--sizes-base);\n    width: var(--sizes-base);\n    color: var(--glyph-color);\n  }\n}\n\n/* Right section: arrow */\n.right {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  flex-grow: 2;\n}\n\n/* Description text below summary */\n.description {\n  margin-top: 8px;\n}\n\n/* Default content area */\n.content {\n  margin-top: 4px;\n  /* Intentionally hardcoded: 50% transparent tint of blue.lightest with no theme token equivalent */\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n}\n\n/* Unstyled content: no additional styles, motion wrapper only */\n.unstyledContent {\n  /* Motion wrapper for unstyled variant */\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,2wDAAA;;;;;"}

package/dist/components/Accordion/Accordion.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../_virtual/____insertStyle.js';
-
-insertStyle("._details_1n935_1 summary {\n  list-style-type: none;\n}\n._details_1n935_1 summary::-webkit-details-marker {\n  display: none;\n}\n\n/* Default styled summary */\n._summary_1n935_9 {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  border-radius: 4px;\n  user-select: none;\n  cursor: pointer;\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n}\n._summary_1n935_9:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n._summary_1n935_9:active {\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n\n/* Unstyled summary: minimal, only focus ring */\n._unstyledSummary_1n935_27:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n\n/* Top row: icon + label + arrow */\n._top_1n935_33 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 16px;\n}\n\n/* Left section: icon + text */\n._left_1n935_41 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n._left_1n935_41 svg {\n  margin-right: 12px;\n  height: var(--sizes-base);\n  width: var(--sizes-base);\n  color: var(--glyph-color);\n}\n\n/* Right section: arrow */\n._right_1n935_54 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  flex-grow: 2;\n}\n\n/* Description text below summary */\n._description_1n935_63 {\n  margin-top: 8px;\n}\n\n/* Default content area */\n._content_1n935_68 {\n  margin-top: 4px;\n  /* Intentionally hardcoded: 50% transparent tint of blue.lightest with no theme token equivalent */\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n}\n\n/* Unstyled content: no additional styles, motion wrapper only */\n._unstyledContent_1n935_76 {\n  /* Motion wrapper for unstyled variant */\n}");
-var styles = {"details":"_details_1n935_1","summary":"_summary_1n935_9","unstyledSummary":"_unstyledSummary_1n935_27","top":"_top_1n935_33","left":"_left_1n935_41","right":"_right_1n935_54","description":"_description_1n935_63","content":"_content_1n935_68","unstyledContent":"_unstyledContent_1n935_76"};
-
-export { styles as default };
-//# sourceMappingURL=Accordion.module.scss.js.map

package/dist/components/Accordion/Accordion.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.module.scss.js","sources":["../../../src/components/Accordion/Accordion.module.scss"],"sourcesContent":[".details summary {\n  list-style-type: none;\n\n  &::-webkit-details-marker {\n    display: none;\n  }\n}\n\n/* Default styled summary */\n.summary {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  border-radius: 4px;\n  user-select: none;\n  cursor: pointer;\n\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n\n  &:active {\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n}\n\n/* Unstyled summary: minimal, only focus ring */\n.unstyledSummary {\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n}\n\n/* Top row: icon + label + arrow */\n.top {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 16px;\n}\n\n/* Left section: icon + text */\n.left {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  svg {\n    margin-right: 12px;\n    height: var(--sizes-base);\n    width: var(--sizes-base);\n    color: var(--glyph-color);\n  }\n}\n\n/* Right section: arrow */\n.right {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  flex-grow: 2;\n}\n\n/* Description text below summary */\n.description {\n  margin-top: 8px;\n}\n\n/* Default content area */\n.content {\n  margin-top: 4px;\n  /* Intentionally hardcoded: 50% transparent tint of blue.lightest with no theme token equivalent */\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n}\n\n/* Unstyled content: no additional styles, motion wrapper only */\n.unstyledContent {\n  /* Motion wrapper for unstyled variant */\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,2wDAAA;;;;;"}

package/dist/components/AnimatedDropdown/components/styled.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var BaseContainer = require('../../BaseContainer/BaseContainer.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--r1m0qe" }) `display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`;
-
-exports.Container = Container;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/AnimatedDropdown/components/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/AnimatedDropdown/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BaseContainer } from '../../BaseContainer/BaseContainer';\n\nexport const Container = styled(BaseContainer)`\n  display: inline-flex;\n  background-color: #ffffff;\n  box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n  border-radius: 4px;\n  overflow: hidden;\n`;\n"],"names":["styled","BaseContainer"],"mappings":";;;;;;;;;MAIa,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8HAAA;;;;"}

package/dist/components/AnimatedDropdown/components/styled.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/components/AnimatedDropdown/components/styled.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-import { BaseContainer } from '../../BaseContainer/BaseContainer.js';
-
-const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--r1m0qe" }) `display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`;
-
-export { Container };
-//# sourceMappingURL=styled.js.map

package/dist/components/AnimatedDropdown/components/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/AnimatedDropdown/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BaseContainer } from '../../BaseContainer/BaseContainer';\n\nexport const Container = styled(BaseContainer)`\n  display: inline-flex;\n  background-color: #ffffff;\n  box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n  border-radius: 4px;\n  overflow: hidden;\n`;\n"],"names":[],"mappings":";;;MAIa,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8HAAA;;;;"}

package/dist/components/AnimatedDropdown/styled.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var BasicDropdown = require('./components/BasicDropdown.cjs');
-var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
-var index = require('../../theme/index.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--q4276w" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`;
-const Wrap = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Wrap", componentId: "vui--cfebb1" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`;
-const Dropdown = styled__default.default(BasicDropdown.BasicDropdown).withConfig({ displayName: "vui--Dropdown", componentId: "vui--u4w0zl" }) `flex-direction:column;position:absolute;z-index:${index.theme.layers.popup};${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')} &.dropdown-enter{opacity:0;transform:translateY(-6px);}&.dropdown-enter-active{opacity:1;transition:all 200ms;transform:translateY(0px);}&.dropdown-exit{opacity:1;transform:translateY(0px);}&.dropdown-exit-active{opacity:0;transition:all 200ms;transform:translateY(-6px);}`;
-
-exports.Container = Container;
-exports.Dropdown = Dropdown;
-exports.Wrap = Wrap;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/AnimatedDropdown/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/AnimatedDropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BasicDropdown } from './components/BasicDropdown';\nimport { BaseContainer as BasicContainer } from '../BaseContainer/BaseContainer';\nimport { theme } from '../../theme';\n\nconst Container = styled(BasicContainer)`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n`;\n\nconst Wrap = styled(BasicContainer)`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  min-width: 100%;\n`;\n\nconst Dropdown = styled(BasicDropdown)<{ reversed?: boolean }>`\n  flex-direction: column;\n  position: absolute;\n  z-index: ${theme.layers.popup};\n\n  ${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')}\n\n  &.dropdown-enter {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n\n  &.dropdown-enter-active {\n    opacity: 1;\n    transition: all 200ms;\n    transform: translateY(0px);\n  }\n\n  &.dropdown-exit {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n\n  &.dropdown-exit-active {\n    opacity: 0;\n    transition: all 200ms;\n    transform: translateY(-6px);\n  }\n`;\n\nexport { Wrap, Dropdown, Container };\n"],"names":["styled","BasicContainer","BasicDropdown","theme"],"mappings":";;;;;;;;;;;AAMA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAc,CAAC;AAOxC,MAAM,IAAI,GAAGD,uBAAM,CAACC,2BAAc,CAAC;AAQnC,MAAM,QAAQ,GAAGD,uBAAM,CAACE,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,gDAAA,EAGzBC,WAAK,CAAC,MAAM,CAAC,KAAK,CAAA,CAAA,EAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,cAAc,GAAG,WAAW,CAAC;;;;;;"}

package/dist/components/AnimatedDropdown/styled.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-declare const Wrap: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-declare const Dropdown: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../types").EventHandlerProps & {
-    className?: string | undefined;
-    children: import("react").ReactNode;
-    role?: import("react").AriaRole | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>, any, {
-    reversed?: boolean | undefined;
-}, never>;
-export { Wrap, Dropdown, Container };

package/dist/components/AnimatedDropdown/styled.js

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-import { BasicDropdown } from './components/BasicDropdown.js';
-import { BaseContainer } from '../BaseContainer/BaseContainer.js';
-import { theme } from '../../theme/index.js';
-
-const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--q4276w" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`;
-const Wrap = styled(BaseContainer).withConfig({ displayName: "vui--Wrap", componentId: "vui--cfebb1" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`;
-const Dropdown = styled(BasicDropdown).withConfig({ displayName: "vui--Dropdown", componentId: "vui--u4w0zl" }) `flex-direction:column;position:absolute;z-index:${theme.layers.popup};${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')} &.dropdown-enter{opacity:0;transform:translateY(-6px);}&.dropdown-enter-active{opacity:1;transition:all 200ms;transform:translateY(0px);}&.dropdown-exit{opacity:1;transform:translateY(0px);}&.dropdown-exit-active{opacity:0;transition:all 200ms;transform:translateY(-6px);}`;
-
-export { Container, Dropdown, Wrap };
-//# sourceMappingURL=styled.js.map

package/dist/components/AnimatedDropdown/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/AnimatedDropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BasicDropdown } from './components/BasicDropdown';\nimport { BaseContainer as BasicContainer } from '../BaseContainer/BaseContainer';\nimport { theme } from '../../theme';\n\nconst Container = styled(BasicContainer)`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n`;\n\nconst Wrap = styled(BasicContainer)`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  min-width: 100%;\n`;\n\nconst Dropdown = styled(BasicDropdown)<{ reversed?: boolean }>`\n  flex-direction: column;\n  position: absolute;\n  z-index: ${theme.layers.popup};\n\n  ${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')}\n\n  &.dropdown-enter {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n\n  &.dropdown-enter-active {\n    opacity: 1;\n    transition: all 200ms;\n    transform: translateY(0px);\n  }\n\n  &.dropdown-exit {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n\n  &.dropdown-exit-active {\n    opacity: 0;\n    transition: all 200ms;\n    transform: translateY(-6px);\n  }\n`;\n\nexport { Wrap, Dropdown, Container };\n"],"names":["BasicContainer"],"mappings":";;;;;AAMA,MAAM,SAAS,GAAG,MAAM,CAACA,aAAc,CAAC;AAOxC,MAAM,IAAI,GAAG,MAAM,CAACA,aAAc,CAAC;AAQnC,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,gDAAA,EAGzB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,CAAA,EAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,cAAc,GAAG,WAAW,CAAC;;;;"}

package/dist/components/Card/Card.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._surface_1a6rc_1 {\n  position: relative;\n  width: 100%;\n  background-color: white;\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-md);\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n/* Elevation levels */\n._elevation-0_1a6rc_12 {\n  box-shadow: none;\n}\n\n._elevation-1_1a6rc_16 {\n  box-shadow: var(--shadows-sm);\n}\n\n._elevation-2_1a6rc_20 {\n  box-shadow: var(--shadows-base);\n}\n\n._elevation-3_1a6rc_24 {\n  box-shadow: var(--shadows-md);\n}\n\n._elevation-4_1a6rc_28 {\n  box-shadow: var(--shadows-lg);\n}\n\n/* Accent bar via pseudo-element */\n._accent-info_1a6rc_33::after,\n._accent-success_1a6rc_34::after,\n._accent-error_1a6rc_35::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: var(--sizes-xs);\n}\n\n._accent-info_1a6rc_33::after {\n  background-color: var(--colors-secondary-blue-base);\n}\n\n._accent-success_1a6rc_34::after {\n  background-color: var(--colors-secondary-green-base);\n}\n\n._accent-error_1a6rc_35::after {\n  background-color: var(--colors-secondary-red-base);\n}\n\n/* Body: motion.div wrapper for collapse */\n._body_1a6rc_57 {\n  overflow-y: hidden;\n}\n._body_1a6rc_57:not(:first-child) > ._section_1a6rc_60:first-child {\n  margin-top: 0;\n}\n\n/* Section */\n._section_1a6rc_60 {\n  padding-right: var(--sizes-md);\n  padding-left: var(--sizes-md);\n  margin-top: var(--sizes-md);\n  margin-bottom: var(--sizes-md);\n  font-family: var(--text-body-font-family);\n  font-size: var(--text-body-font-size);\n  font-weight: var(--text-body-font-weight);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n}\n._section_1a6rc_60 + ._section_1a6rc_60 {\n  border-top: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  padding-top: var(--sizes-md);\n}\n\n/* FullBleed */\n._fullBleed_1a6rc_82 {\n  margin-left: calc(-1 * var(--sizes-md));\n  margin-right: calc(-1 * var(--sizes-md));\n}\n\n/* Footer */\n._footer_1a6rc_88 {\n  margin-top: var(--sizes-base);\n  padding: var(--sizes-md);\n  z-index: 2;\n}");
-var styles = {"surface":"_surface_1a6rc_1","elevation-0":"_elevation-0_1a6rc_12","elevation-1":"_elevation-1_1a6rc_16","elevation-2":"_elevation-2_1a6rc_20","elevation-3":"_elevation-3_1a6rc_24","elevation-4":"_elevation-4_1a6rc_28","accent-info":"_accent-info_1a6rc_33","accent-success":"_accent-success_1a6rc_34","accent-error":"_accent-error_1a6rc_35","body":"_body_1a6rc_57","section":"_section_1a6rc_60","fullBleed":"_fullBleed_1a6rc_82","footer":"_footer_1a6rc_88"};
-
-module.exports = styles;
-//# sourceMappingURL=Card.module.scss.cjs.map

package/dist/components/Card/Card.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.module.scss.cjs","sources":["../../../src/components/Card/Card.module.scss"],"sourcesContent":[".surface {\n  position: relative;\n  width: 100%;\n  background-color: white;\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-md);\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n/* Elevation levels */\n.elevation-0 {\n  box-shadow: none;\n}\n\n.elevation-1 {\n  box-shadow: var(--shadows-sm);\n}\n\n.elevation-2 {\n  box-shadow: var(--shadows-base);\n}\n\n.elevation-3 {\n  box-shadow: var(--shadows-md);\n}\n\n.elevation-4 {\n  box-shadow: var(--shadows-lg);\n}\n\n/* Accent bar via pseudo-element */\n.accent-info::after,\n.accent-success::after,\n.accent-error::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: var(--sizes-xs);\n}\n\n.accent-info::after {\n  background-color: var(--colors-secondary-blue-base);\n}\n\n.accent-success::after {\n  background-color: var(--colors-secondary-green-base);\n}\n\n.accent-error::after {\n  background-color: var(--colors-secondary-red-base);\n}\n\n/* Body: motion.div wrapper for collapse */\n.body {\n  overflow-y: hidden;\n\n  &:not(:first-child) > .section:first-child {\n    margin-top: 0;\n  }\n}\n\n/* Section */\n.section {\n  padding-right: var(--sizes-md);\n  padding-left: var(--sizes-md);\n  margin-top: var(--sizes-md);\n  margin-bottom: var(--sizes-md);\n\n  font-family: var(--text-body-font-family);\n  font-size: var(--text-body-font-size);\n  font-weight: var(--text-body-font-weight);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n\n  & + & {\n    border-top: var(--sizes-line) solid var(--colors-neutral-grey-base);\n    padding-top: var(--sizes-md);\n  }\n}\n\n/* FullBleed */\n.fullBleed {\n  margin-left: calc(-1 * var(--sizes-md));\n  margin-right: calc(-1 * var(--sizes-md));\n}\n\n/* Footer */\n.footer {\n  margin-top: var(--sizes-base);\n  padding: var(--sizes-md);\n  z-index: 2;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,8iEAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,kBAAA;;;;"}

package/dist/components/Card/Card.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../_virtual/____insertStyle.js';
-
-insertStyle("._surface_1a6rc_1 {\n  position: relative;\n  width: 100%;\n  background-color: white;\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-md);\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n/* Elevation levels */\n._elevation-0_1a6rc_12 {\n  box-shadow: none;\n}\n\n._elevation-1_1a6rc_16 {\n  box-shadow: var(--shadows-sm);\n}\n\n._elevation-2_1a6rc_20 {\n  box-shadow: var(--shadows-base);\n}\n\n._elevation-3_1a6rc_24 {\n  box-shadow: var(--shadows-md);\n}\n\n._elevation-4_1a6rc_28 {\n  box-shadow: var(--shadows-lg);\n}\n\n/* Accent bar via pseudo-element */\n._accent-info_1a6rc_33::after,\n._accent-success_1a6rc_34::after,\n._accent-error_1a6rc_35::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: var(--sizes-xs);\n}\n\n._accent-info_1a6rc_33::after {\n  background-color: var(--colors-secondary-blue-base);\n}\n\n._accent-success_1a6rc_34::after {\n  background-color: var(--colors-secondary-green-base);\n}\n\n._accent-error_1a6rc_35::after {\n  background-color: var(--colors-secondary-red-base);\n}\n\n/* Body: motion.div wrapper for collapse */\n._body_1a6rc_57 {\n  overflow-y: hidden;\n}\n._body_1a6rc_57:not(:first-child) > ._section_1a6rc_60:first-child {\n  margin-top: 0;\n}\n\n/* Section */\n._section_1a6rc_60 {\n  padding-right: var(--sizes-md);\n  padding-left: var(--sizes-md);\n  margin-top: var(--sizes-md);\n  margin-bottom: var(--sizes-md);\n  font-family: var(--text-body-font-family);\n  font-size: var(--text-body-font-size);\n  font-weight: var(--text-body-font-weight);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n}\n._section_1a6rc_60 + ._section_1a6rc_60 {\n  border-top: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  padding-top: var(--sizes-md);\n}\n\n/* FullBleed */\n._fullBleed_1a6rc_82 {\n  margin-left: calc(-1 * var(--sizes-md));\n  margin-right: calc(-1 * var(--sizes-md));\n}\n\n/* Footer */\n._footer_1a6rc_88 {\n  margin-top: var(--sizes-base);\n  padding: var(--sizes-md);\n  z-index: 2;\n}");
-var styles = {"surface":"_surface_1a6rc_1","elevation-0":"_elevation-0_1a6rc_12","elevation-1":"_elevation-1_1a6rc_16","elevation-2":"_elevation-2_1a6rc_20","elevation-3":"_elevation-3_1a6rc_24","elevation-4":"_elevation-4_1a6rc_28","accent-info":"_accent-info_1a6rc_33","accent-success":"_accent-success_1a6rc_34","accent-error":"_accent-error_1a6rc_35","body":"_body_1a6rc_57","section":"_section_1a6rc_60","fullBleed":"_fullBleed_1a6rc_82","footer":"_footer_1a6rc_88"};
-
-export { styles as default };
-//# sourceMappingURL=Card.module.scss.js.map

package/dist/components/Card/Card.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.module.scss.js","sources":["../../../src/components/Card/Card.module.scss"],"sourcesContent":[".surface {\n  position: relative;\n  width: 100%;\n  background-color: white;\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-md);\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n/* Elevation levels */\n.elevation-0 {\n  box-shadow: none;\n}\n\n.elevation-1 {\n  box-shadow: var(--shadows-sm);\n}\n\n.elevation-2 {\n  box-shadow: var(--shadows-base);\n}\n\n.elevation-3 {\n  box-shadow: var(--shadows-md);\n}\n\n.elevation-4 {\n  box-shadow: var(--shadows-lg);\n}\n\n/* Accent bar via pseudo-element */\n.accent-info::after,\n.accent-success::after,\n.accent-error::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: var(--sizes-xs);\n}\n\n.accent-info::after {\n  background-color: var(--colors-secondary-blue-base);\n}\n\n.accent-success::after {\n  background-color: var(--colors-secondary-green-base);\n}\n\n.accent-error::after {\n  background-color: var(--colors-secondary-red-base);\n}\n\n/* Body: motion.div wrapper for collapse */\n.body {\n  overflow-y: hidden;\n\n  &:not(:first-child) > .section:first-child {\n    margin-top: 0;\n  }\n}\n\n/* Section */\n.section {\n  padding-right: var(--sizes-md);\n  padding-left: var(--sizes-md);\n  margin-top: var(--sizes-md);\n  margin-bottom: var(--sizes-md);\n\n  font-family: var(--text-body-font-family);\n  font-size: var(--text-body-font-size);\n  font-weight: var(--text-body-font-weight);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n\n  & + & {\n    border-top: var(--sizes-line) solid var(--colors-neutral-grey-base);\n    padding-top: var(--sizes-md);\n  }\n}\n\n/* FullBleed */\n.fullBleed {\n  margin-left: calc(-1 * var(--sizes-md));\n  margin-right: calc(-1 * var(--sizes-md));\n}\n\n/* Footer */\n.footer {\n  margin-top: var(--sizes-base);\n  padding: var(--sizes-md);\n  z-index: 2;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,8iEAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,kBAAA;;;;"}

package/dist/components/CardHeader/CardHeader.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._header_pke2d_1 {\n  padding-top: var(--sizes-md);\n  padding-right: var(--sizes-md);\n  padding-left: var(--sizes-md);\n  margin-bottom: var(--sizes-md);\n}\n._header_pke2d_1 > * + * {\n  margin-top: var(--sizes-xs);\n}\n\n._headerGrid_pke2d_11 {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n}\n._headerGrid_pke2d_11 > *:first-child {\n  flex: 1;\n}");
-var styles = {"header":"_header_pke2d_1","headerGrid":"_headerGrid_pke2d_11"};
-
-module.exports = styles;
-//# sourceMappingURL=CardHeader.module.scss.cjs.map

package/dist/components/CardHeader/CardHeader.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.module.scss.cjs","sources":["../../../src/components/CardHeader/CardHeader.module.scss"],"sourcesContent":[".header {\n  padding-top: var(--sizes-md);\n  padding-right: var(--sizes-md);\n  padding-left: var(--sizes-md);\n  margin-bottom: var(--sizes-md);\n\n  & > * + * {\n    margin-top: var(--sizes-xs);\n  }\n}\n\n.headerGrid {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n\n  & > *:first-child {\n    flex: 1;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,6XAAA;AACA,aAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,sBAAA;;;;"}

package/dist/components/CardHeader/CardHeader.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../_virtual/____insertStyle.js';
-
-insertStyle("._header_pke2d_1 {\n  padding-top: var(--sizes-md);\n  padding-right: var(--sizes-md);\n  padding-left: var(--sizes-md);\n  margin-bottom: var(--sizes-md);\n}\n._header_pke2d_1 > * + * {\n  margin-top: var(--sizes-xs);\n}\n\n._headerGrid_pke2d_11 {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n}\n._headerGrid_pke2d_11 > *:first-child {\n  flex: 1;\n}");
-var styles = {"header":"_header_pke2d_1","headerGrid":"_headerGrid_pke2d_11"};
-
-export { styles as default };
-//# sourceMappingURL=CardHeader.module.scss.js.map

package/dist/components/CardHeader/CardHeader.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.module.scss.js","sources":["../../../src/components/CardHeader/CardHeader.module.scss"],"sourcesContent":[".header {\n  padding-top: var(--sizes-md);\n  padding-right: var(--sizes-md);\n  padding-left: var(--sizes-md);\n  margin-bottom: var(--sizes-md);\n\n  & > * + * {\n    margin-top: var(--sizes-xs);\n  }\n}\n\n.headerGrid {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n\n  & > *:first-child {\n    flex: 1;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,6XAAA;AACA,aAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,sBAAA;;;;"}

package/dist/components/Dropdown/styled.cjs

@@ -1,26 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var framerMotion = require('framer-motion');
-var index = require('../../theme/index.cjs');
-var Card = require('../Card/Card.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const DropdownContainer = styled__default.default(framerMotion.motion(Card.Card.Surface)).withConfig({
-    shouldForwardProp: (prop) => !['useAnchorWidth', 'reversed'].includes(prop),
-}) `
-  display: inline-flex;
-  flex-direction: column;
-  overflow: hidden;
-
-  background-color: white;
-  box-shadow: ${index.theme.shadows.md};
-  border-radius: ${index.theme.radius.base};
-  padding: ${index.theme.sizes.base};
-`;
-
-exports.DropdownContainer = DropdownContainer;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/Dropdown/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface)).withConfig({\n  shouldForwardProp: (prop) => !['useAnchorWidth', 'reversed'].includes(prop),\n})<{ useAnchorWidth?: boolean; reversed?: boolean }>`\n  display: inline-flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  background-color: white;\n  box-shadow: ${theme.shadows.md};\n  border-radius: ${theme.radius.base};\n  padding: ${theme.sizes.base};\n`;\n"],"names":["styled","motion","Card","theme"],"mappings":";;;;;;;;;;;AAMO,MAAM,iBAAiB,GAAGA,uBAAM,CAACC,mBAAM,CAACC,SAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;AACvE,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC5E,CAAA,CAAC,CAAkD;;;;;;gBAMpCC,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA;mBACbA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA;aACvBA,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA;;;;;"}

package/dist/components/Dropdown/styled.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const DropdownContainer: import("styled-components").StyledComponent<import("framer-motion").CustomDomComponent<import("../Card").SurfaceProps & import("react").RefAttributes<HTMLDivElement>>, any, {
-    useAnchorWidth?: boolean | undefined;
-    reversed?: boolean | undefined;
-}, never>;

package/dist/components/Dropdown/styled.js

@@ -1,20 +0,0 @@
-import styled from 'styled-components';
-import { motion } from 'framer-motion';
-import { theme } from '../../theme/index.js';
-import { Card } from '../Card/Card.js';
-
-const DropdownContainer = styled(motion(Card.Surface)).withConfig({
-    shouldForwardProp: (prop) => !['useAnchorWidth', 'reversed'].includes(prop),
-}) `
-  display: inline-flex;
-  flex-direction: column;
-  overflow: hidden;
-
-  background-color: white;
-  box-shadow: ${theme.shadows.md};
-  border-radius: ${theme.radius.base};
-  padding: ${theme.sizes.base};
-`;
-
-export { DropdownContainer };
-//# sourceMappingURL=styled.js.map

package/dist/components/Dropdown/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface)).withConfig({\n  shouldForwardProp: (prop) => !['useAnchorWidth', 'reversed'].includes(prop),\n})<{ useAnchorWidth?: boolean; reversed?: boolean }>`\n  display: inline-flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  background-color: white;\n  box-shadow: ${theme.shadows.md};\n  border-radius: ${theme.radius.base};\n  padding: ${theme.sizes.base};\n`;\n"],"names":[],"mappings":";;;;;AAMO,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;AACvE,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC5E,CAAA,CAAC,CAAkD;;;;;;gBAMpC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;mBACb,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;aACvB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;;;;;"}

package/dist/components/Image/components/styled.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const Container = styled__default.default.div.withConfig({ displayName: "vui--Container", componentId: "vui--yyvmx7" }) ``;
-const CommonImage = styled__default.default.img.withConfig({ displayName: "vui--CommonImage", componentId: "vui--exntyx" }) `box-sizing:border-box;cursor:${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};`;
-const PreviewImageContainer = styled__default.default.div.withConfig({ displayName: "vui--PreviewImageContainer", componentId: "vui--jt8oew" }) `z-index:10;background-color:transparent;`;
-const PreviewImage = styled__default.default.img.withConfig({ displayName: "vui--PreviewImage", componentId: "vui--xulm2g" }) `box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`;
-
-exports.CommonImage = CommonImage;
-exports.Container = Container;
-exports.PreviewImage = PreviewImage;
-exports.PreviewImageContainer = PreviewImageContainer;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/Image/components/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Image/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div``;\n\nexport const CommonImage = styled.img<{ previewEnabled?: boolean }>`\n  box-sizing: border-box;\n  cursor: ${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};\n`;\n\nexport const PreviewImageContainer = styled.div`\n  z-index: 10;\n  background-color: transparent;\n`;\n\nexport const PreviewImage = styled.img`\n  box-shadow: 0 4px 12px rgba(27, 33, 38, 0.2);\n`;\n"],"names":["styled"],"mappings":";;;;;;;;MAEa,SAAS,GAAGA,uBAAM,CAAC,GAAG;AAE5B,MAAM,WAAW,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAEzB,CAAC,EAAE,cAAc,EAAE,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,CAAA;MAG/D,qBAAqB,GAAGA,uBAAM,CAAC,GAAG;MAKlC,YAAY,GAAGA,uBAAM,CAAC,GAAG;;;;;;;"}

package/dist/components/Image/components/styled.d.ts

@@ -1,6 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CommonImage: import("styled-components").StyledComponent<"img", any, {
-    previewEnabled?: boolean | undefined;
-}, never>;
-export declare const PreviewImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PreviewImage: import("styled-components").StyledComponent<"img", any, {}, never>;

package/dist/components/Image/components/styled.js

@@ -1,9 +0,0 @@
-import styled from 'styled-components';
-
-const Container = styled.div.withConfig({ displayName: "vui--Container", componentId: "vui--yyvmx7" }) ``;
-const CommonImage = styled.img.withConfig({ displayName: "vui--CommonImage", componentId: "vui--exntyx" }) `box-sizing:border-box;cursor:${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};`;
-const PreviewImageContainer = styled.div.withConfig({ displayName: "vui--PreviewImageContainer", componentId: "vui--jt8oew" }) `z-index:10;background-color:transparent;`;
-const PreviewImage = styled.img.withConfig({ displayName: "vui--PreviewImage", componentId: "vui--xulm2g" }) `box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`;
-
-export { CommonImage, Container, PreviewImage, PreviewImageContainer };
-//# sourceMappingURL=styled.js.map

package/dist/components/Image/components/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Image/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div``;\n\nexport const CommonImage = styled.img<{ previewEnabled?: boolean }>`\n  box-sizing: border-box;\n  cursor: ${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};\n`;\n\nexport const PreviewImageContainer = styled.div`\n  z-index: 10;\n  background-color: transparent;\n`;\n\nexport const PreviewImage = styled.img`\n  box-shadow: 0 4px 12px rgba(27, 33, 38, 0.2);\n`;\n"],"names":[],"mappings":";;MAEa,SAAS,GAAG,MAAM,CAAC,GAAG;AAE5B,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAEzB,CAAC,EAAE,cAAc,EAAE,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,CAAA;MAG/D,qBAAqB,GAAG,MAAM,CAAC,GAAG;MAKlC,YAAY,GAAG,MAAM,CAAC,GAAG;;;;"}