@veeqo/ui 13.19.0-beta-1 → 13.19.0

package/dist/components/ToastsLayout/components/styled.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import { Stack } from '../../Stack/Stack.js';
+import { BaseContainer } from '../../BaseContainer/BaseContainer.js';
+import { Text } from '../../Text/Text.js';
+import { theme } from '../../../theme/index.js';
+import { sizes } from '../../../theme/modules/sizes.js';
+
+const ToastsLayoutContainer = styled(Stack).withConfig({ displayName: "vui--ToastsLayoutContainer", componentId: "vui--1iztsl9" }) `position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${theme.layers.tooltip};`;
+const Toast = styled(Stack).withConfig({ displayName: "vui--Toast", componentId: "vui--1o64628" }) `background-color:${theme.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${theme.shadows.lg};border-radius:${theme.radius.md};pointer-events:auto;z-index:40;min-width:${({ minWidth }) => minWidth};max-width:80vw;&.veeqo-components-toast-enter{transform:translateY(12px);opacity:0;}&.veeqo-components-toast-enter-active{transform:translateY(0);opacity:1;transition:500ms ease;}&.veeqo-components-toast-exit{transform:${({ last }) => (last ? 'translateY(0)' : 'translateX(0)')};opacity:1;}&.veeqo-components-toast-exit-active{transform:${({ last }) => (last ? 'translateY(12px)' : 'translateX(12px)')};opacity:0;transition:500ms ease;}`;
+const IconWrap = styled(BaseContainer).withConfig({ displayName: "vui--IconWrap", componentId: "vui--1nmtetq" }) `display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${theme.radius.md};background-color:${({ color }) => color};color:#fff;svg{width:${sizes.md};height:${sizes.md};}`;
+const ContentStack = styled(Stack).withConfig({ displayName: "vui--ContentStack", componentId: "vui--fvpujj" }) `flex-grow:1;`;
+const StyledText = styled(Text).withConfig({ displayName: "vui--StyledText", componentId: "vui--ppieao" }) `color:white;font-size:16px;`;
+
+export { ContentStack, IconWrap, StyledText, Toast, ToastsLayoutContainer };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/components/ToastsLayout/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { Stack } from '../../Stack';\nimport { BaseContainer } from '../../BaseContainer';\nimport { Text } from '../../Text';\nimport { theme } from '../../../theme';\nimport { sizes } from '../../../theme/modules/sizes';\n\nexport const ToastsLayoutContainer = styled(Stack)`\n  position: fixed;\n  bottom: 24px;\n  width: 100%;\n  pointer-events: none;\n  z-index: ${theme.layers.tooltip};\n`;\n\nexport const Toast = styled(Stack)<{\n  minWidth: number | string;\n  last: boolean;\n}>`\n  background-color: ${theme.colors.neutral.ink.dark};\n  padding: 12px 24px 12px 12px;\n  box-shadow: ${theme.shadows.lg};\n  border-radius: ${theme.radius.md};\n  pointer-events: auto;\n  z-index: 40;\n  min-width: ${({ minWidth }) => minWidth};\n  max-width: 80vw;\n\n  &.veeqo-components-toast-enter {\n    transform: translateY(12px);\n    opacity: 0;\n  }\n\n  &.veeqo-components-toast-enter-active {\n    transform: translateY(0);\n    opacity: 1;\n    transition: 500ms ease;\n  }\n\n  &.veeqo-components-toast-exit {\n    transform: ${({ last }) => (last ? 'translateY(0)' : 'translateX(0)')};\n    opacity: 1;\n  }\n\n  &.veeqo-components-toast-exit-active {\n    transform: ${({ last }) => (last ? 'translateY(12px)' : 'translateX(12px)')};\n    opacity: 0;\n    transition: 500ms ease;\n  }\n`;\n\nexport const IconWrap = styled(BaseContainer)<{ color: string }>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  width: 40px;\n  border-radius: ${theme.radius.md};\n  background-color: ${({ color }) => color};\n  color: #fff;\n\n  svg {\n    width: ${sizes.md};\n    height: ${sizes.md};\n  }\n`;\n\nexport const ContentStack = styled(Stack)`\n  flex-grow: 1;\n`;\n\nexport const StyledText = styled(Text)`\n  color: white;\n  font-size: 16px;\n`;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,4BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,kEAAA,EAKrC,KAAK,CAAC,MAAM,CAAC,OAAO;AAGpB,MAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAIZ,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAEnC,wCAAA,EAAA,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACb,KAAK,CAAC,MAAM,CAAC,EAAE,6CAGnB,CAAC,EAAE,QAAQ,EAAE,KAAK,QAAQ,CAexB,4NAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,eAAe,GAAG,eAAe,CAAC,CAAA,2DAAA,EAKxD,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAMxE,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAO1B,KAAK,CAAC,MAAM,CAAC,EAAE,CACZ,kBAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAI7B,sBAAA,EAAA,KAAK,CAAC,EAAE,CACP,QAAA,EAAA,KAAK,CAAC,EAAE;MAIT,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA;MAI5B,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2BAAA;;;;"}

package/dist/components/ToastsLayout/types.d.ts

@@ -2,22 +2,22 @@ import { ReactElement } from 'react';
 export declare enum ToastTypes {
     info = "info",
     error = "error",
-    warning = "warning",
     success = "success",
-    merge = "merge",
-    custom = "custom"
+    merge = "merge"
 }
 export type ToastType = Record<ToastTypes, {
     accentColor: string;
-    icon?: ReactElement;
+    icon: ReactElement;
 }>;
 export type ToastPropTypes = Omit<Notification, 'key'> & {
+    className?: string;
     e2eClassName?: string;
     last: boolean;
     minWidth: number | string;
     onClose: () => void;
 };
 export type ToastsLayoutPropTypes = {
+    className?: string;
     e2eClassName?: string;
     toasts: Notification[];
     minWidth?: number | string;
@@ -34,8 +34,5 @@ export type Notification = {
     type: keyof typeof ToastTypes;
     iconSlot?: ReactElement;
     text: string;
-    subMessage?: string;
-    ctaSlot?: React.ReactNode;
-    /** @deprecated Use ctaSlot instead */
     cta?: React.ReactNode;
 };

package/dist/components/TokenProvider/TokenProvider.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var TokenProvider_module = require('./TokenProvider.module.scss.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const TokenProvider = ({ theme, children }) => {
+    return (React__default.default.createElement("div", { className: TokenProvider_module[theme], style: { display: 'contents' } }, children));
+};
+
+exports.TokenProvider = TokenProvider;
+//# sourceMappingURL=TokenProvider.cjs.map

package/dist/components/TokenProvider/TokenProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenProvider.cjs","sources":["../../../src/components/TokenProvider/TokenProvider.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './TokenProvider.module.scss';\n\nexport type ThemeType = 'default' | 'purple' | 'teal';\n\ntype TokenProviderProps = {\n  theme: ThemeType;\n  children: React.ReactNode;\n};\n\nexport const TokenProvider = ({ theme, children }: TokenProviderProps) => {\n  return (\n    <div className={styles[theme]} style={{ display: 'contents' }}>\n      {children}\n    </div>\n  );\n};\n"],"names":["React","styles"],"mappings":";;;;;;;;;AAUa,MAAA,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAsB,KAAI;IACvE,QACEA,8CAAK,SAAS,EAAEC,oBAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IAC1D,QAAQ,CACL;AAEV;;;;"}

package/dist/components/TokenProvider/TokenProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type ThemeType = 'default' | 'purple' | 'teal';
+type TokenProviderProps = {
+    theme: ThemeType;
+    children: React.ReactNode;
+};
+export declare const TokenProvider: ({ theme, children }: TokenProviderProps) => React.JSX.Element;
+export {};

package/dist/components/TokenProvider/TokenProvider.js

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import styles from './TokenProvider.module.scss.js';
+
+const TokenProvider = ({ theme, children }) => {
+    return (React__default.createElement("div", { className: styles[theme], style: { display: 'contents' } }, children));
+};
+
+export { TokenProvider };
+//# sourceMappingURL=TokenProvider.js.map

package/dist/components/TokenProvider/TokenProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenProvider.js","sources":["../../../src/components/TokenProvider/TokenProvider.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './TokenProvider.module.scss';\n\nexport type ThemeType = 'default' | 'purple' | 'teal';\n\ntype TokenProviderProps = {\n  theme: ThemeType;\n  children: React.ReactNode;\n};\n\nexport const TokenProvider = ({ theme, children }: TokenProviderProps) => {\n  return (\n    <div className={styles[theme]} style={{ display: 'contents' }}>\n      {children}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;AAUa,MAAA,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAsB,KAAI;IACvE,QACEA,sCAAK,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IAC1D,QAAQ,CACL;AAEV;;;;"}

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

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._default_1ad7m_1 {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-hover: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-link: var(--colors-secondary-blue-dark);\n  --theme-icon: var(--colors-secondary-blue-base);\n  --theme-action-bg: var(--colors-secondary-blue-base);\n  --theme-action-bg-hover: var(--colors-secondary-blue-dark);\n  --theme-action-text: #ffffff;\n}\n\n._purple_1ad7m_14 {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-hover: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-link: var(--colors-secondary-purple-dark);\n  --theme-icon: var(--colors-secondary-purple-dark);\n  --theme-action-bg: var(--colors-secondary-purple-base);\n  --theme-action-bg-hover: var(--colors-secondary-purple-dark);\n  --theme-action-text: #ffffff;\n}\n\n._teal_1ad7m_27 {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-hover: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-link: var(--colors-secondary-teal-dark);\n  --theme-icon: var(--colors-secondary-teal-dark);\n  --theme-action-bg: var(--colors-secondary-teal-base);\n  --theme-action-bg-hover: var(--colors-secondary-teal-dark);\n  --theme-action-text: #ffffff;\n}");
+var styles = {"default":"_default_1ad7m_1","purple":"_purple_1ad7m_14","teal":"_teal_1ad7m_27"};
+
+module.exports = styles;
+//# sourceMappingURL=TokenProvider.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenProvider.module.scss.cjs","sources":["../../../src/components/TokenProvider/TokenProvider.module.scss"],"sourcesContent":[".default {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-hover: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-link: var(--colors-secondary-blue-dark);\n  --theme-icon: var(--colors-secondary-blue-base);\n  --theme-action-bg: var(--colors-secondary-blue-base);\n  --theme-action-bg-hover: var(--colors-secondary-blue-dark);\n  --theme-action-text: #ffffff;\n}\n\n.purple {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-hover: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-link: var(--colors-secondary-purple-dark);\n  --theme-icon: var(--colors-secondary-purple-dark);\n  --theme-action-bg: var(--colors-secondary-purple-base);\n  --theme-action-bg-hover: var(--colors-secondary-purple-dark);\n  --theme-action-text: #ffffff;\n}\n\n.teal {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-hover: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-link: var(--colors-secondary-teal-dark);\n  --theme-icon: var(--colors-secondary-teal-dark);\n  --theme-action-bg: var(--colors-secondary-teal-base);\n  --theme-action-bg-hover: var(--colors-secondary-teal-dark);\n  --theme-action-text: #ffffff;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,4tDAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}

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

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._default_1ad7m_1 {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-hover: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-link: var(--colors-secondary-blue-dark);\n  --theme-icon: var(--colors-secondary-blue-base);\n  --theme-action-bg: var(--colors-secondary-blue-base);\n  --theme-action-bg-hover: var(--colors-secondary-blue-dark);\n  --theme-action-text: #ffffff;\n}\n\n._purple_1ad7m_14 {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-hover: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-link: var(--colors-secondary-purple-dark);\n  --theme-icon: var(--colors-secondary-purple-dark);\n  --theme-action-bg: var(--colors-secondary-purple-base);\n  --theme-action-bg-hover: var(--colors-secondary-purple-dark);\n  --theme-action-text: #ffffff;\n}\n\n._teal_1ad7m_27 {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-hover: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-link: var(--colors-secondary-teal-dark);\n  --theme-icon: var(--colors-secondary-teal-dark);\n  --theme-action-bg: var(--colors-secondary-teal-base);\n  --theme-action-bg-hover: var(--colors-secondary-teal-dark);\n  --theme-action-text: #ffffff;\n}");
+var styles = {"default":"_default_1ad7m_1","purple":"_purple_1ad7m_14","teal":"_teal_1ad7m_27"};
+
+export { styles as default };
+//# sourceMappingURL=TokenProvider.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenProvider.module.scss.js","sources":["../../../src/components/TokenProvider/TokenProvider.module.scss"],"sourcesContent":[".default {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-hover: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-link: var(--colors-secondary-blue-dark);\n  --theme-icon: var(--colors-secondary-blue-base);\n  --theme-action-bg: var(--colors-secondary-blue-base);\n  --theme-action-bg-hover: var(--colors-secondary-blue-dark);\n  --theme-action-text: #ffffff;\n}\n\n.purple {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-hover: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-link: var(--colors-secondary-purple-dark);\n  --theme-icon: var(--colors-secondary-purple-dark);\n  --theme-action-bg: var(--colors-secondary-purple-base);\n  --theme-action-bg-hover: var(--colors-secondary-purple-dark);\n  --theme-action-text: #ffffff;\n}\n\n.teal {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-hover: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-link: var(--colors-secondary-teal-dark);\n  --theme-icon: var(--colors-secondary-teal-dark);\n  --theme-action-bg: var(--colors-secondary-teal-base);\n  --theme-action-bg-hover: var(--colors-secondary-teal-dark);\n  --theme-action-text: #ffffff;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,4tDAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}

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

@@ -0,0 +1,2 @@
+export { TokenProvider } from './TokenProvider';
+export type { ThemeType } from './TokenProvider';

package/dist/components/index.d.ts

@@ -72,6 +72,7 @@ export { WeightInput } from './WeightInput';
 export { Indicator } from './Indicator';
 export { SelectDropdown } from './SelectDropdown';
 export { ThemeInjector } from './ThemeInjector';
+export { TokenProvider, type ThemeType } from './TokenProvider';
 export { DataGrid, type ColumnDefinition, type RowExpansion, type RowGroupingConfiguration, type SortState, } from './DataGrid';
 export { FlexCol } from './Flex/FlexCol';
 export { FlexRow } from './Flex/FlexRow';

package/dist/hoc/index.d.ts

@@ -1,3 +1,4 @@
 export { withLabels } from './withLabels';
 export { withDeprecated } from './withDeprecated';
 export { withClassNames } from './withClassNames';
+export { withTokens } from './withTokens';

package/dist/hoc/withTokens/index.d.ts

@@ -0,0 +1,2 @@
+export { withTokens } from './withTokens';
+export type { WithTokensProps } from './withTokens';

package/dist/hoc/withTokens/withTokens.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var TokenProvider = require('../../components/TokenProvider/TokenProvider.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const withTokens = (Component) => {
+    const ComponentWithTokens = ({ theme = 'default', ...props }) => (React__default.default.createElement(TokenProvider.TokenProvider, { theme: theme },
+        React__default.default.createElement(Component, { ...props })));
+    ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;
+    return ComponentWithTokens;
+};
+
+exports.withTokens = withTokens;
+//# sourceMappingURL=withTokens.cjs.map

package/dist/hoc/withTokens/withTokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTokens.cjs","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n  theme?: ThemeType;\n};\n\nexport const withTokens = <P extends object>(Component: ComponentType<P>) => {\n  const ComponentWithTokens = ({ theme = 'default', ...props }: P & WithTokensProps) => (\n    <TokenProvider theme={theme}>\n      <Component {...(props as P)} />\n    </TokenProvider>\n  );\n\n  ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithTokens;\n};\n"],"names":["React","TokenProvider"],"mappings":";;;;;;;;;AAQa,MAAA,UAAU,GAAG,CAAmB,SAA2B,KAAI;IAC1E,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,EAAuB,MAC/EA,sBAAA,CAAA,aAAA,CAACC,2BAAa,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;AACzB,QAAAD,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAM,EAAA,GAAA,KAAW,EAAI,CAAA,CACjB,CACjB;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}

package/dist/hoc/withTokens/withTokens.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentType } from 'react';
+import { ThemeType } from '../../components/TokenProvider/TokenProvider';
+export type WithTokensProps = {
+    theme?: ThemeType;
+};
+export declare const withTokens: <P extends object>(Component: React.ComponentType<P>) => {
+    ({ theme, ...props }: P & WithTokensProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/hoc/withTokens/withTokens.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { TokenProvider } from '../../components/TokenProvider/TokenProvider.js';
+
+const withTokens = (Component) => {
+    const ComponentWithTokens = ({ theme = 'default', ...props }) => (React__default.createElement(TokenProvider, { theme: theme },
+        React__default.createElement(Component, { ...props })));
+    ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;
+    return ComponentWithTokens;
+};
+
+export { withTokens };
+//# sourceMappingURL=withTokens.js.map

package/dist/hoc/withTokens/withTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTokens.js","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n  theme?: ThemeType;\n};\n\nexport const withTokens = <P extends object>(Component: ComponentType<P>) => {\n  const ComponentWithTokens = ({ theme = 'default', ...props }: P & WithTokensProps) => (\n    <TokenProvider theme={theme}>\n      <Component {...(props as P)} />\n    </TokenProvider>\n  );\n\n  ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithTokens;\n};\n"],"names":["React"],"mappings":";;;AAQa,MAAA,UAAU,GAAG,CAAmB,SAA2B,KAAI;IAC1E,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,EAAuB,MAC/EA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;AACzB,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAM,EAAA,GAAA,KAAW,EAAI,CAAA,CACjB,CACjB;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}

package/dist/index.cjs

@@ -83,6 +83,7 @@ var WeightInput = require('./components/WeightInput/WeightInput.cjs');
 var Indicator = require('./components/Indicator/Indicator.cjs');
 var index$4 = require('./components/SelectDropdown/index.cjs');
 var ThemeInjector = require('./components/ThemeInjector/ThemeInjector.cjs');
+var TokenProvider = require('./components/TokenProvider/TokenProvider.cjs');
 var DataGrid = require('./components/DataGrid/DataGrid.cjs');
 var FlexCol = require('./components/Flex/FlexCol/FlexCol.cjs');
 var FlexRow = require('./components/Flex/FlexRow/FlexRow.cjs');
@@ -106,6 +107,7 @@ var useScrollPosition = require('./hooks/useScrollPosition/useScrollPosition.cjs
 var withLabels = require('./hoc/withLabels/withLabels.cjs');
 var withDeprecated = require('./hoc/withDeprecated.cjs');
 var withClassNames = require('./hoc/withClassNames/withClassNames.cjs');
+var withTokens = require('./hoc/withTokens/withTokens.cjs');
 var buildClassnames = require('./utils/buildClassnames.cjs');
 var color = require('./utils/color.cjs');
 var generateId = require('./utils/generateId.cjs');
@@ -443,6 +445,7 @@ exports.WeightInput = WeightInput.WeightInput;
 exports.Indicator = Indicator.Indicator;
 exports.SelectDropdown = index$4.SelectDropdown;
 exports.ThemeInjector = ThemeInjector.ThemeInjector;
+exports.TokenProvider = TokenProvider.TokenProvider;
 exports.DataGrid = DataGrid.DataGrid;
 exports.FlexCol = FlexCol.FlexCol;
 exports.FlexRow = FlexRow.FlexRow;
@@ -467,6 +470,7 @@ exports.useScrollPosition = useScrollPosition.useScrollPosition;
 exports.withLabels = withLabels.withLabels;
 exports.withDeprecated = withDeprecated.withDeprecated;
 exports.withClassNames = withClassNames.withClassNames;
+exports.withTokens = withTokens.withTokens;
 exports.buildClassnames = buildClassnames.buildClassnames;
 exports.getOpaqueHexColor = color.getOpaqueHexColor;
 exports.hexToRgb = color.hexToRgb;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -81,6 +81,7 @@ export { WeightInput } from './components/WeightInput/WeightInput.js';
 export { Indicator } from './components/Indicator/Indicator.js';
 export { SelectDropdown } from './components/SelectDropdown/index.js';
 export { ThemeInjector } from './components/ThemeInjector/ThemeInjector.js';
+export { TokenProvider } from './components/TokenProvider/TokenProvider.js';
 export { DataGrid } from './components/DataGrid/DataGrid.js';
 export { FlexCol } from './components/Flex/FlexCol/FlexCol.js';
 export { FlexRow } from './components/Flex/FlexRow/FlexRow.js';
@@ -104,6 +105,7 @@ export { useScrollPosition } from './hooks/useScrollPosition/useScrollPosition.j
 export { withLabels } from './hoc/withLabels/withLabels.js';
 export { withDeprecated } from './hoc/withDeprecated.js';
 export { withClassNames } from './hoc/withClassNames/withClassNames.js';
+export { withTokens } from './hoc/withTokens/withTokens.js';
 export { buildClassnames } from './utils/buildClassnames.js';
 export { getOpaqueHexColor, hexToRgb } from './utils/color.js';
 export { generateId } from './utils/generateId.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

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

package/dist/components/Anchor/styled.cjs

@@ -1,38 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var utils = require('../../theme/utils.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 sizeMappings = {
-    lg: index.theme.sizes.md,
-    md: index.theme.sizes[5],
-    base: index.theme.sizes.base,
-    sm: index.theme.sizes[3],
-};
-const styleMappings = {
-    lg: 'linkLarge',
-    md: 'linkMedium',
-    base: 'link',
-    sm: 'linkSmall',
-};
-const UnstyledAnchor = styled__default.default.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1af0loc" }) ``;
-// Standard variant styling
-const StandardAnchor = styled__default.default(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--k5ndq9" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => utils.getTextStyles(index.theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${index.theme.colors.secondary.blue.dark};border-radius:${index.theme.radius.base};box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}&:hover{color:${index.theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;flex-shrink:0;}`;
-// Inherit font size and line height from parent
-const InheritAnchor = styled__default.default(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--ut8az0" }) `font-size:inherit;line-height:inherit;`;
-const AnchorMapping = {
-    base: StandardAnchor,
-    unstyled: UnstyledAnchor,
-    inherit: InheritAnchor,
-};
-
-exports.AnchorMapping = AnchorMapping;
-exports.InheritAnchor = InheritAnchor;
-exports.StandardAnchor = StandardAnchor;
-exports.UnstyledAnchor = UnstyledAnchor;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport { getTextStyles } from '../../theme/utils';\nimport { theme } from '../../theme';\nimport { AnchorProps, AnchorSize } from './types';\n\ntype StyledAnchorProps = {\n  size: AnchorSize;\n};\n\nconst sizeMappings: Record<StyledAnchorProps['size'], string> = {\n  lg: theme.sizes.md,\n  md: theme.sizes[5],\n  base: theme.sizes.base,\n  sm: theme.sizes[3],\n};\n\nconst styleMappings: Record<StyledAnchorProps['size'], string> = {\n  lg: 'linkLarge',\n  md: 'linkMedium',\n  base: 'link',\n  sm: 'linkSmall',\n};\n\nexport const UnstyledAnchor = styled.a<StyledAnchorProps>``;\n\n// Standard variant styling\nexport const StandardAnchor = styled(UnstyledAnchor)<StyledAnchorProps>`\n  display: inline-flex;\n  align-items: center;\n\n  cursor: pointer;\n  transition: color 0.1s ease;\n  text-decoration: none;\n  padding: 0 2px;\n\n  ${({ size }) => getTextStyles(theme.text[styleMappings[size]])};\n\n  &:focus {\n    outline: 0;\n    border-color: ${theme.colors.secondary.blue.dark};\n    border-radius: ${theme.radius.base};\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n\n  svg {\n    width: ${({ size }) => sizeMappings[size]};\n    height: ${({ size }) => sizeMappings[size]};\n    vertical-align: middle;\n    flex-shrink: 0;\n  }\n`;\n\n// Inherit font size and line height from parent\nexport const InheritAnchor = styled(StandardAnchor)<StyledAnchorProps>`\n  font-size: inherit;\n  line-height: inherit;\n`;\n\nexport const AnchorMapping: Record<\n  NonNullable<AnchorProps['variant']>,\n  StyledComponent<'a', any, StyledAnchorProps>\n> = {\n  base: StandardAnchor,\n  unstyled: UnstyledAnchor,\n  inherit: InheritAnchor,\n};\n"],"names":["theme","styled","getTextStyles"],"mappings":";;;;;;;;;;AASA,MAAM,YAAY,GAA8C;AAC9D,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,EAAE;AAClB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,IAAI,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;CACnB;AAED,MAAM,aAAa,GAA8C;AAC/D,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,WAAW;CAChB;MAEY,cAAc,GAAGC,uBAAM,CAAC,CAAC;AAEtC;AACa,MAAA,cAAc,GAAGA,uBAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oHAAA,EAShD,CAAC,EAAE,IAAI,EAAE,KAAKC,mBAAa,CAACF,WAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,gCAAA,EAI5CA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kBAC/BA,WAAK,CAAC,MAAM,CAAC,IAAI,CACV,sBAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gBAAA,EAIhDA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,eAIhC,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,WAC/B,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC;AAM9C;MACa,aAAa,GAAGC,uBAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;AAKtC,MAAA,aAAa,GAGtB;AACF,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,OAAO,EAAE,aAAa;;;;;;;;"}

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

@@ -1,10 +0,0 @@
-import { StyledComponent } from 'styled-components';
-import { AnchorProps, AnchorSize } from './types';
-type StyledAnchorProps = {
-    size: AnchorSize;
-};
-export declare const UnstyledAnchor: StyledComponent<"a", any, StyledAnchorProps, never>;
-export declare const StandardAnchor: StyledComponent<"a", any, StyledAnchorProps, never>;
-export declare const InheritAnchor: StyledComponent<"a", any, StyledAnchorProps, never>;
-export declare const AnchorMapping: Record<NonNullable<AnchorProps['variant']>, StyledComponent<'a', any, StyledAnchorProps>>;
-export {};

package/dist/components/Anchor/styled.js

@@ -1,29 +0,0 @@
-import styled from 'styled-components';
-import { getTextStyles } from '../../theme/utils.js';
-import { theme } from '../../theme/index.js';
-
-const sizeMappings = {
-    lg: theme.sizes.md,
-    md: theme.sizes[5],
-    base: theme.sizes.base,
-    sm: theme.sizes[3],
-};
-const styleMappings = {
-    lg: 'linkLarge',
-    md: 'linkMedium',
-    base: 'link',
-    sm: 'linkSmall',
-};
-const UnstyledAnchor = styled.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1af0loc" }) ``;
-// Standard variant styling
-const StandardAnchor = styled(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--k5ndq9" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => getTextStyles(theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${theme.colors.secondary.blue.dark};border-radius:${theme.radius.base};box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}&:hover{color:${theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;flex-shrink:0;}`;
-// Inherit font size and line height from parent
-const InheritAnchor = styled(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--ut8az0" }) `font-size:inherit;line-height:inherit;`;
-const AnchorMapping = {
-    base: StandardAnchor,
-    unstyled: UnstyledAnchor,
-    inherit: InheritAnchor,
-};
-
-export { AnchorMapping, InheritAnchor, StandardAnchor, UnstyledAnchor };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport { getTextStyles } from '../../theme/utils';\nimport { theme } from '../../theme';\nimport { AnchorProps, AnchorSize } from './types';\n\ntype StyledAnchorProps = {\n  size: AnchorSize;\n};\n\nconst sizeMappings: Record<StyledAnchorProps['size'], string> = {\n  lg: theme.sizes.md,\n  md: theme.sizes[5],\n  base: theme.sizes.base,\n  sm: theme.sizes[3],\n};\n\nconst styleMappings: Record<StyledAnchorProps['size'], string> = {\n  lg: 'linkLarge',\n  md: 'linkMedium',\n  base: 'link',\n  sm: 'linkSmall',\n};\n\nexport const UnstyledAnchor = styled.a<StyledAnchorProps>``;\n\n// Standard variant styling\nexport const StandardAnchor = styled(UnstyledAnchor)<StyledAnchorProps>`\n  display: inline-flex;\n  align-items: center;\n\n  cursor: pointer;\n  transition: color 0.1s ease;\n  text-decoration: none;\n  padding: 0 2px;\n\n  ${({ size }) => getTextStyles(theme.text[styleMappings[size]])};\n\n  &:focus {\n    outline: 0;\n    border-color: ${theme.colors.secondary.blue.dark};\n    border-radius: ${theme.radius.base};\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n\n  svg {\n    width: ${({ size }) => sizeMappings[size]};\n    height: ${({ size }) => sizeMappings[size]};\n    vertical-align: middle;\n    flex-shrink: 0;\n  }\n`;\n\n// Inherit font size and line height from parent\nexport const InheritAnchor = styled(StandardAnchor)<StyledAnchorProps>`\n  font-size: inherit;\n  line-height: inherit;\n`;\n\nexport const AnchorMapping: Record<\n  NonNullable<AnchorProps['variant']>,\n  StyledComponent<'a', any, StyledAnchorProps>\n> = {\n  base: StandardAnchor,\n  unstyled: UnstyledAnchor,\n  inherit: InheritAnchor,\n};\n"],"names":[],"mappings":";;;;AASA,MAAM,YAAY,GAA8C;AAC9D,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;AAClB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;CACnB;AAED,MAAM,aAAa,GAA8C;AAC/D,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,WAAW;CAChB;MAEY,cAAc,GAAG,MAAM,CAAC,CAAC;AAEtC;AACa,MAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oHAAA,EAShD,CAAC,EAAE,IAAI,EAAE,KAAK,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,gCAAA,EAI5C,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kBAC/B,KAAK,CAAC,MAAM,CAAC,IAAI,CACV,sBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gBAAA,EAIhD,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,eAIhC,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,WAC/B,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC;AAM9C;MACa,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;AAKtC,MAAA,aAAa,GAGtB;AACF,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,OAAO,EAAE,aAAa;;;;;"}

package/dist/components/ToastsLayout/components/constants.cjs

@@ -1,42 +0,0 @@
-'use strict';
-
-var React = require('react');
-var colors = require('../../../theme/modules/colors.cjs');
-var AttentionIcon = require('../../../icons/design-system/components/AttentionIcon.cjs');
-var InfoIcon = require('../../../icons/design-system/components/InfoIcon.cjs');
-var MergeIcon = require('../../../icons/design-system/components/MergeIcon.cjs');
-var SuccessIcon = require('../../../icons/design-system/components/SuccessIcon.cjs');
-var WarningOutlineIcon = require('../../../icons/design-system/components/WarningOutlineIcon.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-const ToastTypeConfig = {
-    info: {
-        accentColor: colors.colors.secondary.blue.base,
-        icon: React__default.default.createElement(InfoIcon.ReactComponent, null),
-    },
-    success: {
-        accentColor: colors.colors.secondary.green.base,
-        icon: React__default.default.createElement(SuccessIcon.ReactComponent, null),
-    },
-    error: {
-        accentColor: colors.colors.secondary.red.base,
-        icon: React__default.default.createElement(AttentionIcon.ReactComponent, null),
-    },
-    warning: {
-        accentColor: colors.colors.secondary.orange.base,
-        icon: React__default.default.createElement(WarningOutlineIcon.ReactComponent, null),
-    },
-    merge: {
-        accentColor: colors.colors.secondary.purple.base,
-        icon: React__default.default.createElement(MergeIcon.ReactComponent, null),
-    },
-    custom: {
-        accentColor: colors.colors.secondary.blue.base,
-    },
-};
-
-exports.ToastTypeConfig = ToastTypeConfig;
-//# sourceMappingURL=constants.cjs.map

package/dist/components/ToastsLayout/components/constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.cjs","sources":["../../../../src/components/ToastsLayout/components/constants.tsx"],"sourcesContent":["import React from 'react';\n\nimport { colors } from 'Theme/modules/colors';\nimport { ToastType } from '../types';\nimport {\n  SuccessIcon,\n  InfoIcon,\n  AttentionIcon,\n  MergeIcon,\n  WarningOutlineIcon,\n} from '../../../icons';\n\nexport const ToastTypeConfig: ToastType = {\n  info: {\n    accentColor: colors.secondary.blue.base,\n    icon: <InfoIcon />,\n  },\n  success: {\n    accentColor: colors.secondary.green.base,\n    icon: <SuccessIcon />,\n  },\n  error: {\n    accentColor: colors.secondary.red.base,\n    icon: <AttentionIcon />,\n  },\n  warning: {\n    accentColor: colors.secondary.orange.base,\n    icon: <WarningOutlineIcon />,\n  },\n  merge: {\n    accentColor: colors.secondary.purple.base,\n    icon: <MergeIcon />,\n  },\n  custom: {\n    accentColor: colors.secondary.blue.base,\n  },\n};\n"],"names":["colors","React","InfoIcon","SuccessIcon","AttentionIcon","WarningOutlineIcon","MergeIcon"],"mappings":";;;;;;;;;;;;;;AAYa,MAAA,eAAe,GAAc;AACxC,IAAA,IAAI,EAAE;AACJ,QAAA,WAAW,EAAEA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACvC,IAAI,EAAEC,sBAAC,CAAA,aAAA,CAAAC,uBAAQ,EAAG,IAAA,CAAA;AACnB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAEF,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QACxC,IAAI,EAAEC,sBAAC,CAAA,aAAA,CAAAE,0BAAW,EAAG,IAAA,CAAA;AACtB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAEH,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACtC,IAAI,EAAEC,sBAAC,CAAA,aAAA,CAAAG,4BAAa,EAAG,IAAA,CAAA;AACxB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAEJ,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QACzC,IAAI,EAAEC,sBAAC,CAAA,aAAA,CAAAI,iCAAkB,EAAG,IAAA,CAAA;AAC7B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAEL,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QACzC,IAAI,EAAEC,sBAAC,CAAA,aAAA,CAAAK,wBAAS,EAAG,IAAA,CAAA;AACpB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAEN,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AACxC,KAAA;;;;;"}

package/dist/components/ToastsLayout/components/constants.d.ts

@@ -1,2 +0,0 @@
-import { ToastType } from '../types';
-export declare const ToastTypeConfig: ToastType;

package/dist/components/ToastsLayout/components/constants.js

@@ -1,36 +0,0 @@
-import React__default from 'react';
-import { colors } from '../../../theme/modules/colors.js';
-import { ReactComponent as AttentionIcon } from '../../../icons/design-system/components/AttentionIcon.js';
-import { ReactComponent as InfoIcon } from '../../../icons/design-system/components/InfoIcon.js';
-import { ReactComponent as MergeIcon } from '../../../icons/design-system/components/MergeIcon.js';
-import { ReactComponent as SuccessIcon } from '../../../icons/design-system/components/SuccessIcon.js';
-import { ReactComponent as WarningOutlineIcon } from '../../../icons/design-system/components/WarningOutlineIcon.js';
-
-const ToastTypeConfig = {
-    info: {
-        accentColor: colors.secondary.blue.base,
-        icon: React__default.createElement(InfoIcon, null),
-    },
-    success: {
-        accentColor: colors.secondary.green.base,
-        icon: React__default.createElement(SuccessIcon, null),
-    },
-    error: {
-        accentColor: colors.secondary.red.base,
-        icon: React__default.createElement(AttentionIcon, null),
-    },
-    warning: {
-        accentColor: colors.secondary.orange.base,
-        icon: React__default.createElement(WarningOutlineIcon, null),
-    },
-    merge: {
-        accentColor: colors.secondary.purple.base,
-        icon: React__default.createElement(MergeIcon, null),
-    },
-    custom: {
-        accentColor: colors.secondary.blue.base,
-    },
-};
-
-export { ToastTypeConfig };
-//# sourceMappingURL=constants.js.map

package/dist/components/ToastsLayout/components/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/ToastsLayout/components/constants.tsx"],"sourcesContent":["import React from 'react';\n\nimport { colors } from 'Theme/modules/colors';\nimport { ToastType } from '../types';\nimport {\n  SuccessIcon,\n  InfoIcon,\n  AttentionIcon,\n  MergeIcon,\n  WarningOutlineIcon,\n} from '../../../icons';\n\nexport const ToastTypeConfig: ToastType = {\n  info: {\n    accentColor: colors.secondary.blue.base,\n    icon: <InfoIcon />,\n  },\n  success: {\n    accentColor: colors.secondary.green.base,\n    icon: <SuccessIcon />,\n  },\n  error: {\n    accentColor: colors.secondary.red.base,\n    icon: <AttentionIcon />,\n  },\n  warning: {\n    accentColor: colors.secondary.orange.base,\n    icon: <WarningOutlineIcon />,\n  },\n  merge: {\n    accentColor: colors.secondary.purple.base,\n    icon: <MergeIcon />,\n  },\n  custom: {\n    accentColor: colors.secondary.blue.base,\n  },\n};\n"],"names":["React"],"mappings":";;;;;;;;AAYa,MAAA,eAAe,GAAc;AACxC,IAAA,IAAI,EAAE;AACJ,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACvC,IAAI,EAAEA,cAAC,CAAA,aAAA,CAAA,QAAQ,EAAG,IAAA,CAAA;AACnB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QACxC,IAAI,EAAEA,cAAC,CAAA,aAAA,CAAA,WAAW,EAAG,IAAA,CAAA;AACtB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACtC,IAAI,EAAEA,cAAC,CAAA,aAAA,CAAA,aAAa,EAAG,IAAA,CAAA;AACxB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QACzC,IAAI,EAAEA,cAAC,CAAA,aAAA,CAAA,kBAAkB,EAAG,IAAA,CAAA;AAC7B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QACzC,IAAI,EAAEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAG,IAAA,CAAA;AACpB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AACxC,KAAA;;;;;"}

package/dist/components/ToastsLayout/components/toast.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._toastContainer_fb3uj_1 {\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: 40;\n  min-width: var(--toast-min-width, 50vw);\n  max-width: 80vw;\n}\n\nbutton._toastCloseButton_fb3uj_12:hover {\n  background-color: var(--colors-neutral-ink-light);\n}\nbutton._toastCloseButton_fb3uj_12:active {\n  background-color: var(--colors-neutral-ink-lightest);\n}\n\n._iconWrapper_fb3uj_19 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  width: 40px;\n  border-radius: var(--radius-base);\n  background-color: var(--toast-status-color, var(--colors-secondary-blue-base));\n  color: #fff;\n}\n._iconWrapper_fb3uj_19 svg {\n  width: var(--sizes-md);\n  height: var(--sizes-md);\n}\n\np._toastText_fb3uj_35 {\n  color: #fff;\n}");
-var styles = {"toastContainer":"_toastContainer_fb3uj_1","toastCloseButton":"_toastCloseButton_fb3uj_12","iconWrapper":"_iconWrapper_fb3uj_19","toastText":"_toastText_fb3uj_35"};
-
-module.exports = styles;
-//# sourceMappingURL=toast.module.scss.cjs.map

package/dist/components/ToastsLayout/components/toast.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast.module.scss.cjs","sources":["../../../../src/components/ToastsLayout/components/toast.module.scss"],"sourcesContent":[".toastContainer {\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: 40;\n  min-width: var(--toast-min-width, 50vw);\n  max-width: 80vw;\n}\n\nbutton.toastCloseButton {\n  &:hover {\n    background-color: var(--colors-neutral-ink-light);\n  }\n  &:active {\n    background-color: var(--colors-neutral-ink-lightest);\n  }\n}\n\n.iconWrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  width: 40px;\n  border-radius: var(--radius-base);\n  background-color: var(--toast-status-color, var(--colors-secondary-blue-base));\n  color: #fff;\n\n  svg {\n    width: var(--sizes-md);\n    height: var(--sizes-md);\n  }\n}\n\np.toastText {\n  color: #fff;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,45BAAA;AACA,aAAA,CAAA,gBAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,qBAAA;;;;"}

package/dist/components/ToastsLayout/components/toast.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../../_virtual/____insertStyle.js';
-
-insertStyle("._toastContainer_fb3uj_1 {\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: 40;\n  min-width: var(--toast-min-width, 50vw);\n  max-width: 80vw;\n}\n\nbutton._toastCloseButton_fb3uj_12:hover {\n  background-color: var(--colors-neutral-ink-light);\n}\nbutton._toastCloseButton_fb3uj_12:active {\n  background-color: var(--colors-neutral-ink-lightest);\n}\n\n._iconWrapper_fb3uj_19 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  width: 40px;\n  border-radius: var(--radius-base);\n  background-color: var(--toast-status-color, var(--colors-secondary-blue-base));\n  color: #fff;\n}\n._iconWrapper_fb3uj_19 svg {\n  width: var(--sizes-md);\n  height: var(--sizes-md);\n}\n\np._toastText_fb3uj_35 {\n  color: #fff;\n}");
-var styles = {"toastContainer":"_toastContainer_fb3uj_1","toastCloseButton":"_toastCloseButton_fb3uj_12","iconWrapper":"_iconWrapper_fb3uj_19","toastText":"_toastText_fb3uj_35"};
-
-export { styles as default };
-//# sourceMappingURL=toast.module.scss.js.map

package/dist/components/ToastsLayout/components/toast.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast.module.scss.js","sources":["../../../../src/components/ToastsLayout/components/toast.module.scss"],"sourcesContent":[".toastContainer {\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: 40;\n  min-width: var(--toast-min-width, 50vw);\n  max-width: 80vw;\n}\n\nbutton.toastCloseButton {\n  &:hover {\n    background-color: var(--colors-neutral-ink-light);\n  }\n  &:active {\n    background-color: var(--colors-neutral-ink-lightest);\n  }\n}\n\n.iconWrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  width: 40px;\n  border-radius: var(--radius-base);\n  background-color: var(--toast-status-color, var(--colors-secondary-blue-base));\n  color: #fff;\n\n  svg {\n    width: var(--sizes-md);\n    height: var(--sizes-md);\n  }\n}\n\np.toastText {\n  color: #fff;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,45BAAA;AACA,aAAA,CAAA,gBAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,qBAAA;;;;"}

package/dist/components/ToastsLayout/components/utils.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-const generateToastClassNames = (prefix) => ({
-    container: prefix ? `${prefix}-toast-container` : undefined,
-    icon: prefix ? `${prefix}-toast-icon` : undefined,
-    closeIcon: prefix ? `${prefix}-toast-close-icon` : undefined,
-});
-
-exports.generateToastClassNames = generateToastClassNames;
-//# sourceMappingURL=utils.cjs.map

package/dist/components/ToastsLayout/components/utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/ToastsLayout/components/utils.ts"],"sourcesContent":["import { ClassNamesReturnPayload } from '../types';\n\nexport const generateToastClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n  container: prefix ? `${prefix}-toast-container` : undefined,\n  icon: prefix ? `${prefix}-toast-icon` : undefined,\n  closeIcon: prefix ? `${prefix}-toast-close-icon` : undefined,\n});\n"],"names":[],"mappings":";;MAEa,uBAAuB,GAAG,CAAC,MAAe,MAA+B;IACpF,SAAS,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAkB,gBAAA,CAAA,GAAG,SAAS;IAC3D,IAAI,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAa,WAAA,CAAA,GAAG,SAAS;IACjD,SAAS,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAmB,iBAAA,CAAA,GAAG,SAAS;AAC7D,CAAA;;;;"}

package/dist/components/ToastsLayout/components/utils.d.ts

@@ -1,2 +0,0 @@
-import { ClassNamesReturnPayload } from '../types';
-export declare const generateToastClassNames: (prefix?: string) => ClassNamesReturnPayload;

package/dist/components/ToastsLayout/components/utils.js

@@ -1,8 +0,0 @@
-const generateToastClassNames = (prefix) => ({
-    container: prefix ? `${prefix}-toast-container` : undefined,
-    icon: prefix ? `${prefix}-toast-icon` : undefined,
-    closeIcon: prefix ? `${prefix}-toast-close-icon` : undefined,
-});
-
-export { generateToastClassNames };
-//# sourceMappingURL=utils.js.map

package/dist/components/ToastsLayout/components/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/ToastsLayout/components/utils.ts"],"sourcesContent":["import { ClassNamesReturnPayload } from '../types';\n\nexport const generateToastClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n  container: prefix ? `${prefix}-toast-container` : undefined,\n  icon: prefix ? `${prefix}-toast-icon` : undefined,\n  closeIcon: prefix ? `${prefix}-toast-close-icon` : undefined,\n});\n"],"names":[],"mappings":"MAEa,uBAAuB,GAAG,CAAC,MAAe,MAA+B;IACpF,SAAS,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAkB,gBAAA,CAAA,GAAG,SAAS;IAC3D,IAAI,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAa,WAAA,CAAA,GAAG,SAAS;IACjD,SAAS,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAmB,iBAAA,CAAA,GAAG,SAAS;AAC7D,CAAA;;;;"}

package/dist/components/ToastsLayout/toastsLayout.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._toastsLayoutContainer_o7rtx_1 {\n  position: fixed;\n  bottom: var(--sizes-6);\n  width: 100%;\n  pointer-events: none;\n  z-index: var(--layers-tooltip);\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-enter {\n  transform: translateY(12px);\n  opacity: 0;\n  transition: 500ms ease;\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-enter-active {\n  transform: translateY(0);\n  opacity: 1;\n  transition: 225ms ease-in-out;\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-enter-done {\n  opacity: 1;\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-exit {\n  transform: translateX(0);\n  opacity: 1;\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-exit[data-toast-last=true] {\n  transform: translateY(0);\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-exit-active {\n  transform: translateX(12px);\n  opacity: 0;\n  transition: 225ms ease-in-out;\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-exit-active[data-toast-last=true] {\n  transform: translateY(12px);\n}");
-var styles = {"toastsLayoutContainer":"_toastsLayoutContainer_o7rtx_1"};
-
-module.exports = styles;
-//# sourceMappingURL=toastsLayout.module.scss.cjs.map

package/dist/components/ToastsLayout/toastsLayout.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toastsLayout.module.scss.cjs","sources":["../../../src/components/ToastsLayout/toastsLayout.module.scss"],"sourcesContent":[".toastsLayoutContainer {\n  position: fixed;\n  bottom: var(--sizes-6);\n  width: 100%;\n  pointer-events: none;\n  z-index: var(--layers-tooltip);\n\n  // The CSSTransition components adds non-scoped class names for transition\n  // phases. :global is used to target these class names without the default\n  // locally scoped id suffix appended by CSS modules.\n  :global(.veeqo-components-toast-enter) {\n    transform: translateY(12px);\n    opacity: 0;\n    transition: 500ms ease;\n  }\n\n  :global(.veeqo-components-toast-enter-active) {\n    transform: translateY(0);\n    opacity: 1;\n    transition: 225ms ease-in-out;\n  }\n  :global(.veeqo-components-toast-enter-done) {\n    opacity: 1;\n  }\n\n  :global(.veeqo-components-toast-exit) {\n    transform: translateX(0);\n    opacity: 1;\n\n    &[data-toast-last='true'] {\n      transform: translateY(0);\n    }\n  }\n\n  :global(.veeqo-components-toast-exit-active) {\n    transform: translateX(12px);\n    opacity: 0;\n    transition: 225ms ease-in-out;\n\n    &[data-toast-last='true'] {\n      transform: translateY(12px);\n    }\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,giCAAA;AACA,aAAA,CAAA,uBAAA,CAAA,gCAAA;;;;"}

package/dist/components/ToastsLayout/toastsLayout.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../_virtual/____insertStyle.js';
-
-insertStyle("._toastsLayoutContainer_o7rtx_1 {\n  position: fixed;\n  bottom: var(--sizes-6);\n  width: 100%;\n  pointer-events: none;\n  z-index: var(--layers-tooltip);\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-enter {\n  transform: translateY(12px);\n  opacity: 0;\n  transition: 500ms ease;\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-enter-active {\n  transform: translateY(0);\n  opacity: 1;\n  transition: 225ms ease-in-out;\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-enter-done {\n  opacity: 1;\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-exit {\n  transform: translateX(0);\n  opacity: 1;\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-exit[data-toast-last=true] {\n  transform: translateY(0);\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-exit-active {\n  transform: translateX(12px);\n  opacity: 0;\n  transition: 225ms ease-in-out;\n}\n._toastsLayoutContainer_o7rtx_1 .veeqo-components-toast-exit-active[data-toast-last=true] {\n  transform: translateY(12px);\n}");
-var styles = {"toastsLayoutContainer":"_toastsLayoutContainer_o7rtx_1"};
-
-export { styles as default };
-//# sourceMappingURL=toastsLayout.module.scss.js.map