@veeqo/ui 14.7.0 → 14.7.1-beta-2

package/dist/components/Modal/components/Dialog/styled.cjs

@@ -1,47 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var framerMotion = require('framer-motion');
-var modalTypeStyles = require('./styles/modalTypeStyles.cjs');
-var baseStyles = require('./styles/baseStyles.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-// Animation configurations
-const animations = {
-    leftDrawer: {
-        initial: { opacity: 0, x: -300, bounce: 0 },
-        exit: { opacity: 0, x: -300, bounce: 0 },
-        animate: { opacity: 1, x: 0, bounce: 0 },
-    },
-    rightDrawer: {
-        initial: { opacity: 0, x: 300, bounce: 0 },
-        exit: { opacity: 0, x: 300, bounce: 0 },
-        animate: { opacity: 1, x: 0, bounce: 0 },
-    },
-    modal: {
-        initial: { opacity: 0, y: -50, bounce: 0 },
-        exit: { opacity: 0, y: -50, bounce: 0 },
-        animate: { opacity: 1, y: 0, bounce: 0 },
-    },
-};
-const stylesByType = {
-    modal: modalTypeStyles.modalStyles,
-    leftDrawer: modalTypeStyles.leftDrawerStyles,
-    rightDrawer: modalTypeStyles.rightDrawerStyles,
-};
-const StyledDialog = styled__default.default(framerMotion.motion.dialog).attrs(({ displayMode }) => ({
-    ...animations[displayMode],
-    transition: { type: 'tween', duration: 0.25 },
-})).withConfig({ displayName: "vui--StyledDialog", componentId: "vui--1ohvs0u" }) `${baseStyles.baseModalStyles} ${({ displayMode }) => stylesByType[displayMode]} ${({ appearance }) => appearance === 'secondary' &&
-    `
-    &::backdrop {
-      animation: none;
-      opacity: 0;
-    }
-  `}`;
-
-exports.StyledDialog = StyledDialog;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/Modal/components/Dialog/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/Modal/components/Dialog/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport { ModalAppearance, ModalTypes, ModalVariants } from '../../types';\nimport { leftDrawerStyles, modalStyles, rightDrawerStyles } from './styles/modalTypeStyles';\nimport { baseModalStyles } from './styles/baseStyles';\n\n// Animation configurations\nconst animations = {\n  leftDrawer: {\n    initial: { opacity: 0, x: -300, bounce: 0 },\n    exit: { opacity: 0, x: -300, bounce: 0 },\n    animate: { opacity: 1, x: 0, bounce: 0 },\n  },\n  rightDrawer: {\n    initial: { opacity: 0, x: 300, bounce: 0 },\n    exit: { opacity: 0, x: 300, bounce: 0 },\n    animate: { opacity: 1, x: 0, bounce: 0 },\n  },\n  modal: {\n    initial: { opacity: 0, y: -50, bounce: 0 },\n    exit: { opacity: 0, y: -50, bounce: 0 },\n    animate: { opacity: 1, y: 0, bounce: 0 },\n  },\n};\n\nconst stylesByType = {\n  modal: modalStyles,\n  leftDrawer: leftDrawerStyles,\n  rightDrawer: rightDrawerStyles,\n};\n\nexport const StyledDialog = styled(motion.dialog).attrs<{ displayMode: ModalTypes }>(\n  ({ displayMode }) => ({\n    ...animations[displayMode],\n    transition: { type: 'tween', duration: 0.25 },\n  }),\n)<{ variant: ModalVariants; displayMode: ModalTypes; appearance?: ModalAppearance }>`\n  ${baseModalStyles}\n  ${({ displayMode }) => stylesByType[displayMode]}\n\n  ${({ appearance }) =>\n    appearance === 'secondary' &&\n    `\n    &::backdrop {\n      animation: none;\n      opacity: 0;\n    }\n  `}\n`;\n"],"names":["modalStyles","leftDrawerStyles","rightDrawerStyles","styled","motion","baseModalStyles"],"mappings":";;;;;;;;;;;AAMA;AACA,MAAM,UAAU,GAAG;AACjB,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;AAC3C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;AACxC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;CACF;AAED,MAAM,YAAY,GAAG;AACnB,IAAA,KAAK,EAAEA,2BAAW;AAClB,IAAA,UAAU,EAAEC,gCAAgB;AAC5B,IAAA,WAAW,EAAEC,iCAAiB;CAC/B;MAEY,YAAY,GAAGC,uBAAM,CAACC,mBAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CACrD,CAAC,EAAE,WAAW,EAAE,MAAM;IACpB,GAAG,UAAU,CAAC,WAAW,CAAC;IAC1B,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;CAC9C,CAAC,CACH,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EACGC,0BAAe,CAAA,CAAA,EACf,CAAC,EAAE,WAAW,EAAE,KAAK,YAAY,CAAC,WAAW,CAAC,CAAA,CAAA,EAE9C,CAAC,EAAE,UAAU,EAAE,KACf,UAAU,KAAK,WAAW;AAC1B,IAAA;;;;;AAKD,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Modal/components/Dialog/styled.d.ts

@@ -1,6 +0,0 @@
-import { ModalAppearance, ModalTypes, ModalVariants } from '../../types';
-export declare const StyledDialog: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDialogElement, import("framer-motion").HTMLMotionProps<"dialog">>, any, {
-    variant: ModalVariants;
-    displayMode: ModalTypes;
-    appearance?: ModalAppearance | undefined;
-}, never>;

package/dist/components/Modal/components/Dialog/styled.js

@@ -1,41 +0,0 @@
-import styled from 'styled-components';
-import { motion } from 'framer-motion';
-import { rightDrawerStyles, leftDrawerStyles, modalStyles } from './styles/modalTypeStyles.js';
-import { baseModalStyles } from './styles/baseStyles.js';
-
-// Animation configurations
-const animations = {
-    leftDrawer: {
-        initial: { opacity: 0, x: -300, bounce: 0 },
-        exit: { opacity: 0, x: -300, bounce: 0 },
-        animate: { opacity: 1, x: 0, bounce: 0 },
-    },
-    rightDrawer: {
-        initial: { opacity: 0, x: 300, bounce: 0 },
-        exit: { opacity: 0, x: 300, bounce: 0 },
-        animate: { opacity: 1, x: 0, bounce: 0 },
-    },
-    modal: {
-        initial: { opacity: 0, y: -50, bounce: 0 },
-        exit: { opacity: 0, y: -50, bounce: 0 },
-        animate: { opacity: 1, y: 0, bounce: 0 },
-    },
-};
-const stylesByType = {
-    modal: modalStyles,
-    leftDrawer: leftDrawerStyles,
-    rightDrawer: rightDrawerStyles,
-};
-const StyledDialog = styled(motion.dialog).attrs(({ displayMode }) => ({
-    ...animations[displayMode],
-    transition: { type: 'tween', duration: 0.25 },
-})).withConfig({ displayName: "vui--StyledDialog", componentId: "vui--1ohvs0u" }) `${baseModalStyles} ${({ displayMode }) => stylesByType[displayMode]} ${({ appearance }) => appearance === 'secondary' &&
-    `
-    &::backdrop {
-      animation: none;
-      opacity: 0;
-    }
-  `}`;
-
-export { StyledDialog };
-//# sourceMappingURL=styled.js.map

package/dist/components/Modal/components/Dialog/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/Modal/components/Dialog/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport { ModalAppearance, ModalTypes, ModalVariants } from '../../types';\nimport { leftDrawerStyles, modalStyles, rightDrawerStyles } from './styles/modalTypeStyles';\nimport { baseModalStyles } from './styles/baseStyles';\n\n// Animation configurations\nconst animations = {\n  leftDrawer: {\n    initial: { opacity: 0, x: -300, bounce: 0 },\n    exit: { opacity: 0, x: -300, bounce: 0 },\n    animate: { opacity: 1, x: 0, bounce: 0 },\n  },\n  rightDrawer: {\n    initial: { opacity: 0, x: 300, bounce: 0 },\n    exit: { opacity: 0, x: 300, bounce: 0 },\n    animate: { opacity: 1, x: 0, bounce: 0 },\n  },\n  modal: {\n    initial: { opacity: 0, y: -50, bounce: 0 },\n    exit: { opacity: 0, y: -50, bounce: 0 },\n    animate: { opacity: 1, y: 0, bounce: 0 },\n  },\n};\n\nconst stylesByType = {\n  modal: modalStyles,\n  leftDrawer: leftDrawerStyles,\n  rightDrawer: rightDrawerStyles,\n};\n\nexport const StyledDialog = styled(motion.dialog).attrs<{ displayMode: ModalTypes }>(\n  ({ displayMode }) => ({\n    ...animations[displayMode],\n    transition: { type: 'tween', duration: 0.25 },\n  }),\n)<{ variant: ModalVariants; displayMode: ModalTypes; appearance?: ModalAppearance }>`\n  ${baseModalStyles}\n  ${({ displayMode }) => stylesByType[displayMode]}\n\n  ${({ appearance }) =>\n    appearance === 'secondary' &&\n    `\n    &::backdrop {\n      animation: none;\n      opacity: 0;\n    }\n  `}\n`;\n"],"names":[],"mappings":";;;;;AAMA;AACA,MAAM,UAAU,GAAG;AACjB,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;AAC3C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;AACxC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;CACF;AAED,MAAM,YAAY,GAAG;AACnB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,UAAU,EAAE,gBAAgB;AAC5B,IAAA,WAAW,EAAE,iBAAiB;CAC/B;MAEY,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CACrD,CAAC,EAAE,WAAW,EAAE,MAAM;IACpB,GAAG,UAAU,CAAC,WAAW,CAAC;IAC1B,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;CAC9C,CAAC,CACH,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EACG,eAAe,CAAA,CAAA,EACf,CAAC,EAAE,WAAW,EAAE,KAAK,YAAY,CAAC,WAAW,CAAC,CAAA,CAAA,EAE9C,CAAC,EAAE,UAAU,EAAE,KACf,UAAU,KAAK,WAAW;AAC1B,IAAA;;;;;AAKD,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var styled$1 = require('styled-components');
-var color = require('../../../../../utils/color.cjs');
-var Card = require('../../../../Card/Card.cjs');
-var index = require('../../../../../theme/index.cjs');
-var styled = require('../../styled.cjs');
-var constants = require('../constants.cjs');
-
-const baseModalStyles = styled$1.css `padding:0;border:none;border-radius:${index.theme.sizes.sm};box-shadow:${index.theme.shadows.lg};z-index:${index.theme.layers.modal};&::backdrop{animation:fadeIn 0.25s ease forwards;background-color:${color.getOpaqueHexColor(index.theme.colors.neutral.ink.base, 0.5)};width:100%;height:100%;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}& > ${Card.Card.Surface}{display:flex;flex-direction:column;${styled.MainSection}{padding-bottom:${index.theme.sizes.md};}${Card.Card.Footer}{margin-top:0;}}@media (max-width: ${({ variant }) => constants.fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Card.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}`;
-
-exports.baseModalStyles = baseModalStyles;
-//# sourceMappingURL=baseStyles.cjs.map

package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"baseStyles.cjs","sources":["../../../../../../src/components/Modal/components/Dialog/styles/baseStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { getOpaqueHexColor } from '../../../../../utils/color';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { MainSection } from '../../styled';\nimport { fullScreenBreakpointMap } from '../constants';\n\nexport const baseModalStyles = css<{ variant: ModalVariants }>`\n  padding: 0;\n  border: none;\n  border-radius: ${theme.sizes.sm};\n  box-shadow: ${theme.shadows.lg};\n  z-index: ${theme.layers.modal};\n\n  &::backdrop {\n    animation: fadeIn 0.25s ease forwards;\n    background-color: ${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};\n    width: 100%;\n    height: 100%;\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  & > ${Card.Surface} {\n    display: flex;\n    flex-direction: column;\n\n    ${MainSection} {\n      padding-bottom: ${theme.sizes.md};\n    }\n\n    ${Card.Footer} {\n      margin-top: 0;\n    }\n  }\n\n  @media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}) {\n    margin: 0;\n    width: 100%;\n    max-width: 100vw;\n    max-height: 100vh;\n\n    &,\n    & > ${Card.Surface} {\n      border-radius: 0;\n      height: 100%;\n      width: 100%;\n      max-height: unset;\n    }\n  }\n`;\n"],"names":["css","theme","getOpaqueHexColor","Card","MainSection","fullScreenBreakpointMap"],"mappings":";;;;;;;;;AAQO,MAAM,eAAe,GAAGA,YAAG,CAAA,CAAA,oCAAA,EAGfC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjBA,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA,SAAA,EACnBA,WAAK,CAAC,MAAM,CAAC,KAAK,CAAA,mEAAA,EAIPC,uBAAiB,CAACD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA,8EAAA,EAcrEE,SAAI,CAAC,OAAO,CAAA,oCAAA,EAIdC,kBAAW,CAAA,gBAAA,EACOH,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,EAGhCE,SAAI,CAAC,MAAM,CAAA,mCAAA,EAKM,CAAC,EAAE,OAAO,EAAE,KAAKE,iCAAuB,CAAC,OAAO,CAAC,CAAA,6DAAA,EAO9DF,SAAI,CAAC,OAAO;;;;"}

package/dist/components/Modal/components/Dialog/styles/baseStyles.d.ts

@@ -1,4 +0,0 @@
-import { ModalVariants } from '../../../types';
-export declare const baseModalStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    variant: ModalVariants;
-}, any>>;

package/dist/components/Modal/components/Dialog/styles/baseStyles.js

@@ -1,11 +0,0 @@
-import { css } from 'styled-components';
-import { getOpaqueHexColor } from '../../../../../utils/color.js';
-import { Card } from '../../../../Card/Card.js';
-import { theme } from '../../../../../theme/index.js';
-import { MainSection } from '../../styled.js';
-import { fullScreenBreakpointMap } from '../constants.js';
-
-const baseModalStyles = css `padding:0;border:none;border-radius:${theme.sizes.sm};box-shadow:${theme.shadows.lg};z-index:${theme.layers.modal};&::backdrop{animation:fadeIn 0.25s ease forwards;background-color:${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};width:100%;height:100%;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}& > ${Card.Surface}{display:flex;flex-direction:column;${MainSection}{padding-bottom:${theme.sizes.md};}${Card.Footer}{margin-top:0;}}@media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}`;
-
-export { baseModalStyles };
-//# sourceMappingURL=baseStyles.js.map

package/dist/components/Modal/components/Dialog/styles/baseStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"baseStyles.js","sources":["../../../../../../src/components/Modal/components/Dialog/styles/baseStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { getOpaqueHexColor } from '../../../../../utils/color';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { MainSection } from '../../styled';\nimport { fullScreenBreakpointMap } from '../constants';\n\nexport const baseModalStyles = css<{ variant: ModalVariants }>`\n  padding: 0;\n  border: none;\n  border-radius: ${theme.sizes.sm};\n  box-shadow: ${theme.shadows.lg};\n  z-index: ${theme.layers.modal};\n\n  &::backdrop {\n    animation: fadeIn 0.25s ease forwards;\n    background-color: ${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};\n    width: 100%;\n    height: 100%;\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  & > ${Card.Surface} {\n    display: flex;\n    flex-direction: column;\n\n    ${MainSection} {\n      padding-bottom: ${theme.sizes.md};\n    }\n\n    ${Card.Footer} {\n      margin-top: 0;\n    }\n  }\n\n  @media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}) {\n    margin: 0;\n    width: 100%;\n    max-width: 100vw;\n    max-height: 100vh;\n\n    &,\n    & > ${Card.Surface} {\n      border-radius: 0;\n      height: 100%;\n      width: 100%;\n      max-height: unset;\n    }\n  }\n`;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA,oCAAA,EAGf,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjB,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,SAAA,EACnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,mEAAA,EAIP,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA,8EAAA,EAcrE,IAAI,CAAC,OAAO,CAAA,oCAAA,EAId,WAAW,CAAA,gBAAA,EACO,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,EAGhC,IAAI,CAAC,MAAM,CAAA,mCAAA,EAKM,CAAC,EAAE,OAAO,EAAE,KAAK,uBAAuB,CAAC,OAAO,CAAC,CAAA,6DAAA,EAO9D,IAAI,CAAC,OAAO;;;;"}

package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var Card = require('../../../../Card/Card.cjs');
-var index = require('../../../../../theme/index.cjs');
-var constants = require('../constants.cjs');
-
-const { breakpoints } = index.theme;
-const modalStyles = styled.css `min-width:464px;& > ${Card.Card.Surface}{max-height:${({ variant }) => constants.heightMap[variant]};}&:not([open]){display:block;position:fixed;inset:0;transform:translate(-50%, -50%);}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgDesktop][variant]};}`;
-const sideDrawerBaseStyles = styled.css `height:100%;max-height:100%;min-width:320px;width:400px;margin:0;position:fixed;transform:none;border-radius:0;overflow:visible;& > ${Card.Card.Surface}{border-radius:0;height:100%;}&:not([open]){display:block;}`;
-const leftDrawerStyles = styled.css `${sideDrawerBaseStyles} inset:0 auto 0 0;`;
-const rightDrawerStyles = styled.css `${sideDrawerBaseStyles} inset:0 0 0 auto;`;
-
-exports.leftDrawerStyles = leftDrawerStyles;
-exports.modalStyles = modalStyles;
-exports.rightDrawerStyles = rightDrawerStyles;
-//# sourceMappingURL=modalTypeStyles.cjs.map

package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"modalTypeStyles.cjs","sources":["../../../../../../src/components/Modal/components/Dialog/styles/modalTypeStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { heightMap, widthMap } from '../constants';\n\nconst { breakpoints } = theme;\n\nexport const modalStyles = css<{ variant: ModalVariants }>`\n  min-width: 464px;\n\n  & > ${Card.Surface} {\n    max-height: ${({ variant }) => heightMap[variant]};\n  }\n\n  &:not([open]) {\n    display: block;\n    position: fixed;\n    inset: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  // ** Responsive Design ** //\n\n  // Tablet\n  @media (min-width: calc(${breakpoints.mobile} + 1px)) and (max-width: ${breakpoints.tablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.tablet][variant]};\n  }\n\n  // Lg Tablet\n  @media (min-width: ${breakpoints.tablet}) and (max-width: ${breakpoints.lgTablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgTablet][variant]};\n  }\n\n  // Desktop\n  @media (min-width: ${breakpoints.lgTablet}) and (max-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.desktop][variant]};\n  }\n\n  // Lg Desktop\n  @media (min-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};\n  }\n`;\n\nconst sideDrawerBaseStyles = css`\n  height: 100%;\n  max-height: 100%;\n  min-width: 320px;\n  width: 400px;\n  margin: 0;\n  position: fixed;\n  transform: none;\n  border-radius: 0;\n  overflow: visible;\n\n  & > ${Card.Surface} {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &:not([open]) {\n    display: block;\n  }\n`;\n\nexport const leftDrawerStyles = css`\n  ${sideDrawerBaseStyles}\n  inset: 0 auto 0 0;\n`;\n\nexport const rightDrawerStyles = css`\n  ${sideDrawerBaseStyles}\n  inset: 0 0 0 auto;\n`;\n"],"names":["theme","css","Card","heightMap","widthMap"],"mappings":";;;;;;;AAMA,MAAM,EAAE,WAAW,EAAE,GAAGA,WAAK;AAEtB,MAAM,WAAW,GAAGC,UAAG,CAAA,CAAA,oBAAA,EAGtBC,SAAI,CAAC,OAAO,CAAA,YAAA,EACF,CAAC,EAAE,OAAO,EAAE,KAAKC,mBAAS,CAAC,OAAO,CAAC,CAAA,8GAAA,EAazB,WAAW,CAAC,MAAM,CAAA,wBAAA,EAA4B,WAAW,CAAC,MAAM,CAAA,YAAA,EAC3E,CAAC,EAAE,OAAO,EAAE,KAAKC,kBAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,CAAA,iBAAA,EAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,CAAA,YAAA,EAClE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIjD,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,EAAA;AAI1E,MAAM,oBAAoB,GAAGH,UAAG,CAAA,CAAA,oIAAA,EAWxBC,SAAI,CAAC,OAAO,6DAQnB;MAEY,gBAAgB,GAAGD,UAAG,CAAA,CAAA,EAC/B,oBAAoB;MAIX,iBAAiB,GAAGA,UAAG,CAAA,CAAA,EAChC,oBAAoB;;;;;;"}

package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.d.ts

@@ -1,6 +0,0 @@
-import { ModalVariants } from '../../../types';
-export declare const modalStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    variant: ModalVariants;
-}, any>>;
-export declare const leftDrawerStyles: import("styled-components").FlattenSimpleInterpolation;
-export declare const rightDrawerStyles: import("styled-components").FlattenSimpleInterpolation;

package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js

@@ -1,13 +0,0 @@
-import { css } from 'styled-components';
-import { Card } from '../../../../Card/Card.js';
-import { theme } from '../../../../../theme/index.js';
-import { heightMap, widthMap } from '../constants.js';
-
-const { breakpoints } = theme;
-const modalStyles = css `min-width:464px;& > ${Card.Surface}{max-height:${({ variant }) => heightMap[variant]};}&:not([open]){display:block;position:fixed;inset:0;transform:translate(-50%, -50%);}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};}`;
-const sideDrawerBaseStyles = css `height:100%;max-height:100%;min-width:320px;width:400px;margin:0;position:fixed;transform:none;border-radius:0;overflow:visible;& > ${Card.Surface}{border-radius:0;height:100%;}&:not([open]){display:block;}`;
-const leftDrawerStyles = css `${sideDrawerBaseStyles} inset:0 auto 0 0;`;
-const rightDrawerStyles = css `${sideDrawerBaseStyles} inset:0 0 0 auto;`;
-
-export { leftDrawerStyles, modalStyles, rightDrawerStyles };
-//# sourceMappingURL=modalTypeStyles.js.map

package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modalTypeStyles.js","sources":["../../../../../../src/components/Modal/components/Dialog/styles/modalTypeStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { heightMap, widthMap } from '../constants';\n\nconst { breakpoints } = theme;\n\nexport const modalStyles = css<{ variant: ModalVariants }>`\n  min-width: 464px;\n\n  & > ${Card.Surface} {\n    max-height: ${({ variant }) => heightMap[variant]};\n  }\n\n  &:not([open]) {\n    display: block;\n    position: fixed;\n    inset: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  // ** Responsive Design ** //\n\n  // Tablet\n  @media (min-width: calc(${breakpoints.mobile} + 1px)) and (max-width: ${breakpoints.tablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.tablet][variant]};\n  }\n\n  // Lg Tablet\n  @media (min-width: ${breakpoints.tablet}) and (max-width: ${breakpoints.lgTablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgTablet][variant]};\n  }\n\n  // Desktop\n  @media (min-width: ${breakpoints.lgTablet}) and (max-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.desktop][variant]};\n  }\n\n  // Lg Desktop\n  @media (min-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};\n  }\n`;\n\nconst sideDrawerBaseStyles = css`\n  height: 100%;\n  max-height: 100%;\n  min-width: 320px;\n  width: 400px;\n  margin: 0;\n  position: fixed;\n  transform: none;\n  border-radius: 0;\n  overflow: visible;\n\n  & > ${Card.Surface} {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &:not([open]) {\n    display: block;\n  }\n`;\n\nexport const leftDrawerStyles = css`\n  ${sideDrawerBaseStyles}\n  inset: 0 auto 0 0;\n`;\n\nexport const rightDrawerStyles = css`\n  ${sideDrawerBaseStyles}\n  inset: 0 0 0 auto;\n`;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK;AAEtB,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA,oBAAA,EAGtB,IAAI,CAAC,OAAO,CAAA,YAAA,EACF,CAAC,EAAE,OAAO,EAAE,KAAK,SAAS,CAAC,OAAO,CAAC,CAAA,8GAAA,EAazB,WAAW,CAAC,MAAM,CAAA,wBAAA,EAA4B,WAAW,CAAC,MAAM,CAAA,YAAA,EAC3E,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,CAAA,iBAAA,EAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,CAAA,YAAA,EAClE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIjD,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,EAAA;AAI1E,MAAM,oBAAoB,GAAG,GAAG,CAAA,CAAA,oIAAA,EAWxB,IAAI,CAAC,OAAO,6DAQnB;MAEY,gBAAgB,GAAG,GAAG,CAAA,CAAA,EAC/B,oBAAoB;MAIX,iBAAiB,GAAG,GAAG,CAAA,CAAA,EAChC,oBAAoB;;;;"}

package/dist/components/Modal/components/styled.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var Card = require('../../Card/Card.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 NonScrollableBody = styled.createGlobalStyle `body{overflow:hidden;scrollbar-gutter:stable;}`;
-const MainSection = styled__default.default.section.withConfig({ displayName: "vui--MainSection", componentId: "vui--1ox4j2c" }) `flex:1;overflow-y:auto;${({ fullBleed }) => !fullBleed && `padding: 0 ${index.theme.sizes.md};`} ${({ isScrollable }) => isScrollable &&
-    `
-    & + ${Card.Card.Footer} {
-      box-shadow: 0px 10px 15px 0px ${index.theme.colors.neutral.ink.dark};
-    }
-  `}`;
-
-exports.MainSection = MainSection;
-exports.NonScrollableBody = NonScrollableBody;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components';\nimport { Card } from '../../Card';\nimport { theme } from '../../../theme';\n\nexport const NonScrollableBody = createGlobalStyle`\n  body {\n    overflow: hidden;\n    scrollbar-gutter: stable;\n  }\n`;\n\nexport const MainSection = styled.section<{ isScrollable: boolean; fullBleed: boolean }>`\n  flex: 1;\n  overflow-y: auto;\n\n  ${({ fullBleed }) => !fullBleed && `padding: 0 ${theme.sizes.md};`}\n  ${({ isScrollable }) =>\n    isScrollable &&\n    `\n    & + ${Card.Footer} {\n      box-shadow: 0px 10px 15px 0px ${theme.colors.neutral.ink.dark};\n    }\n  `}\n`;\n"],"names":["createGlobalStyle","styled","theme","Card"],"mappings":";;;;;;;;;;AAIO,MAAM,iBAAiB,GAAGA,wBAAiB;AAO3C,MAAM,WAAW,GAAGC,uBAAM,CAAC,OAAO,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAIrC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAA,WAAA,EAAcC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAG,CAAA,CAAA,EAChE,CAAC,EAAE,YAAY,EAAE,KACjB,YAAY;AACZ,IAAA;AACM,QAAA,EAAAC,SAAI,CAAC,MAAM,CAAA;AACiB,oCAAA,EAAAD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;AAEhE,EAAA,CAAA,CAAA;;;;;"}

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

@@ -1,5 +0,0 @@
-export declare const NonScrollableBody: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
-export declare const MainSection: import("styled-components").StyledComponent<"section", any, {
-    isScrollable: boolean;
-    fullBleed: boolean;
-}, never>;

package/dist/components/Modal/components/styled.js

@@ -1,14 +0,0 @@
-import styled, { createGlobalStyle } from 'styled-components';
-import { Card } from '../../Card/Card.js';
-import { theme } from '../../../theme/index.js';
-
-const NonScrollableBody = createGlobalStyle `body{overflow:hidden;scrollbar-gutter:stable;}`;
-const MainSection = styled.section.withConfig({ displayName: "vui--MainSection", componentId: "vui--1ox4j2c" }) `flex:1;overflow-y:auto;${({ fullBleed }) => !fullBleed && `padding: 0 ${theme.sizes.md};`} ${({ isScrollable }) => isScrollable &&
-    `
-    & + ${Card.Footer} {
-      box-shadow: 0px 10px 15px 0px ${theme.colors.neutral.ink.dark};
-    }
-  `}`;
-
-export { MainSection, NonScrollableBody };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components';\nimport { Card } from '../../Card';\nimport { theme } from '../../../theme';\n\nexport const NonScrollableBody = createGlobalStyle`\n  body {\n    overflow: hidden;\n    scrollbar-gutter: stable;\n  }\n`;\n\nexport const MainSection = styled.section<{ isScrollable: boolean; fullBleed: boolean }>`\n  flex: 1;\n  overflow-y: auto;\n\n  ${({ fullBleed }) => !fullBleed && `padding: 0 ${theme.sizes.md};`}\n  ${({ isScrollable }) =>\n    isScrollable &&\n    `\n    & + ${Card.Footer} {\n      box-shadow: 0px 10px 15px 0px ${theme.colors.neutral.ink.dark};\n    }\n  `}\n`;\n"],"names":[],"mappings":";;;;AAIO,MAAM,iBAAiB,GAAG,iBAAiB;AAO3C,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAIrC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAA,WAAA,EAAc,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAG,CAAA,CAAA,EAChE,CAAC,EAAE,YAAY,EAAE,KACjB,YAAY;AACZ,IAAA;AACM,QAAA,EAAA,IAAI,CAAC,MAAM,CAAA;AACiB,oCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;AAEhE,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Popover/styled.cjs

@@ -1,14 +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 PopoverDialog = styled__default.default.dialog.withConfig({ displayName: "vui--PopoverDialog", componentId: "vui--kmoo2l" }) `z-index:${({ zIndex }) => zIndex + 1};padding:0;margin:0;border:none;background:transparent;`;
-const Backdrop = styled__default.default.div.withConfig({ displayName: "vui--Backdrop", componentId: "vui--9esryp" }) `position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({ zIndex }) => zIndex};`;
-
-exports.Backdrop = Backdrop;
-exports.PopoverDialog = PopoverDialog;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BackdropProps } from './types';\n\nexport const PopoverDialog = styled.dialog<{ zIndex: number }>`\n  z-index: ${({ zIndex }) => zIndex + 1};\n\n  // Remove browser default styling of HTML Dialog.\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n`;\n\nexport const Backdrop = styled.div<Pick<BackdropProps, 'zIndex'>>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n"],"names":["styled"],"mappings":";;;;;;;;AAGO,MAAM,aAAa,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAC7B,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAShC,MAAM,QAAQ,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;;"}

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

@@ -1,5 +0,0 @@
-import { BackdropProps } from './types';
-export declare const PopoverDialog: import("styled-components").StyledComponent<"dialog", any, {
-    zIndex: number;
-}, never>;
-export declare const Backdrop: import("styled-components").StyledComponent<"div", any, Pick<BackdropProps, "zIndex">, never>;

package/dist/components/Popover/styled.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-
-const PopoverDialog = styled.dialog.withConfig({ displayName: "vui--PopoverDialog", componentId: "vui--kmoo2l" }) `z-index:${({ zIndex }) => zIndex + 1};padding:0;margin:0;border:none;background:transparent;`;
-const Backdrop = styled.div.withConfig({ displayName: "vui--Backdrop", componentId: "vui--9esryp" }) `position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({ zIndex }) => zIndex};`;
-
-export { Backdrop, PopoverDialog };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BackdropProps } from './types';\n\nexport const PopoverDialog = styled.dialog<{ zIndex: number }>`\n  z-index: ${({ zIndex }) => zIndex + 1};\n\n  // Remove browser default styling of HTML Dialog.\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n`;\n\nexport const Backdrop = styled.div<Pick<BackdropProps, 'zIndex'>>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAC7B,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAShC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;"}

package/dist/components/Tooltip/components/styled.cjs

@@ -1,25 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var framerMotion = require('framer-motion');
-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.div.withConfig({ displayName: "vui--Container", componentId: "vui--1exlfc5" }) `display:inline-block;`;
-const Triangle = styled__default.default.div.withConfig({ displayName: "vui--Triangle", componentId: "vui--bq60f" }) `background-color:${index.theme.colors.neutral.ink.dark};height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:${index.theme.layers.tooltip};`;
-const Tip = styled__default.default(framerMotion.motion.div).attrs({
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-    transition: { duration: 0.15 },
-}).withConfig({ displayName: "vui--Tip", componentId: "vui--1mrdz3b" }) `width:max-content;pointer-events:none;will-change:opacity,transform;&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`;
-const Wrap = styled__default.default(Container).withConfig({ displayName: "vui--Wrap", componentId: "vui--1q7vib9" }) `padding:${index.theme.sizes.base} ${index.theme.sizes[5]};overflow:hidden;z-index:10;min-width:${({ tipMinWidth }) => tipMinWidth}px;max-width:${({ tipMaxWidth }) => tipMaxWidth}px;color:#fff;border-radius:${index.theme.sizes.sm};box-shadow:${index.theme.shadows.base};background:${index.theme.colors.neutral.ink.dark};`;
-
-exports.Container = Container;
-exports.Tip = Tip;
-exports.Triangle = Triangle;
-exports.Wrap = Wrap;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../../theme';\n\nimport { TriangleProps, WrapProps } from './types';\n\nconst Container = styled.div`\n  display: inline-block;\n`;\n\nconst Triangle = styled.div`\n  background-color: ${theme.colors.neutral.ink.dark};\n  height: 16px;\n  width: 16px;\n  position: absolute;\n  transform: rotate(45deg);\n  z-index: ${theme.layers.tooltip};\n`;\n\nconst Tip = styled(motion.div).attrs({\n  initial: { opacity: 0 },\n  animate: { opacity: 1 },\n  exit: { opacity: 0 },\n  transition: { duration: 0.15 },\n})<TriangleProps>`\n  width: max-content;\n  pointer-events: none;\n  will-change: opacity, transform;\n\n  &[data-popper-placement^='top-start'] > #veeqo-components-triangle {\n    left: 8px;\n    bottom: 0px;\n  }\n  &[data-popper-placement^='top-end'] > #veeqo-components-triangle {\n    right: 8px;\n    bottom: 0px;\n  }\n\n  &[data-popper-placement^='bottom-start'] > #veeqo-components-triangle {\n    left: 8px;\n    top: -4px;\n  }\n  &[data-popper-placement^='bottom-end'] > #veeqo-components-triangle {\n    right: 8px;\n    top: -4px;\n  }\n`;\n\nconst Wrap = styled(Container)<WrapProps>`\n  padding: ${theme.sizes.base} ${theme.sizes[5]};\n  overflow: hidden;\n  z-index: 10;\n\n  min-width: ${({ tipMinWidth }) => tipMinWidth}px;\n  max-width: ${({ tipMaxWidth }) => tipMaxWidth}px;\n\n  color: #fff;\n  border-radius: ${theme.sizes.sm};\n  box-shadow: ${theme.shadows.base};\n  background: ${theme.colors.neutral.ink.dark};\n`;\n\nexport { Container, Tip, Wrap, Triangle };\n"],"names":["styled","theme","motion"],"mappings":";;;;;;;;;;AAOA,MAAM,SAAS,GAAGA,uBAAM,CAAC,GAAG;AAI5B,MAAM,QAAQ,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACLC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,0EAAA,EAKtCA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAA,CAAA;AAGjC,MAAM,GAAG,GAAGD,uBAAM,CAACE,mBAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACnC,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,IAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,IAAA,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC/B,CAAA,CAAC;AAwBF,MAAM,IAAI,GAAGF,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EACjBC,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,CAAA,EAAIA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,sCAAA,EAIhC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,aAAA,EAChC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,4BAAA,EAG5BA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjBA,WAAK,CAAC,OAAO,CAAC,IAAI,CAAA,YAAA,EAClBA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,CAAA;;;;;;;"}

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

@@ -1,19 +0,0 @@
-import { TriangleProps, WrapProps } from './types';
-declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Triangle: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Tip: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
-    initial: {
-        opacity: number;
-    };
-    animate: {
-        opacity: number;
-    };
-    exit: {
-        opacity: number;
-    };
-    transition: {
-        duration: number;
-    };
-} & TriangleProps, "animate" | "initial" | "exit" | "transition">;
-declare const Wrap: import("styled-components").StyledComponent<"div", any, WrapProps, never>;
-export { Container, Tip, Wrap, Triangle };

package/dist/components/Tooltip/components/styled.js

@@ -1,16 +0,0 @@
-import styled from 'styled-components';
-import { motion } from 'framer-motion';
-import { theme } from '../../../theme/index.js';
-
-const Container = styled.div.withConfig({ displayName: "vui--Container", componentId: "vui--1exlfc5" }) `display:inline-block;`;
-const Triangle = styled.div.withConfig({ displayName: "vui--Triangle", componentId: "vui--bq60f" }) `background-color:${theme.colors.neutral.ink.dark};height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:${theme.layers.tooltip};`;
-const Tip = styled(motion.div).attrs({
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-    transition: { duration: 0.15 },
-}).withConfig({ displayName: "vui--Tip", componentId: "vui--1mrdz3b" }) `width:max-content;pointer-events:none;will-change:opacity,transform;&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`;
-const Wrap = styled(Container).withConfig({ displayName: "vui--Wrap", componentId: "vui--1q7vib9" }) `padding:${theme.sizes.base} ${theme.sizes[5]};overflow:hidden;z-index:10;min-width:${({ tipMinWidth }) => tipMinWidth}px;max-width:${({ tipMaxWidth }) => tipMaxWidth}px;color:#fff;border-radius:${theme.sizes.sm};box-shadow:${theme.shadows.base};background:${theme.colors.neutral.ink.dark};`;
-
-export { Container, Tip, Triangle, Wrap };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../../theme';\n\nimport { TriangleProps, WrapProps } from './types';\n\nconst Container = styled.div`\n  display: inline-block;\n`;\n\nconst Triangle = styled.div`\n  background-color: ${theme.colors.neutral.ink.dark};\n  height: 16px;\n  width: 16px;\n  position: absolute;\n  transform: rotate(45deg);\n  z-index: ${theme.layers.tooltip};\n`;\n\nconst Tip = styled(motion.div).attrs({\n  initial: { opacity: 0 },\n  animate: { opacity: 1 },\n  exit: { opacity: 0 },\n  transition: { duration: 0.15 },\n})<TriangleProps>`\n  width: max-content;\n  pointer-events: none;\n  will-change: opacity, transform;\n\n  &[data-popper-placement^='top-start'] > #veeqo-components-triangle {\n    left: 8px;\n    bottom: 0px;\n  }\n  &[data-popper-placement^='top-end'] > #veeqo-components-triangle {\n    right: 8px;\n    bottom: 0px;\n  }\n\n  &[data-popper-placement^='bottom-start'] > #veeqo-components-triangle {\n    left: 8px;\n    top: -4px;\n  }\n  &[data-popper-placement^='bottom-end'] > #veeqo-components-triangle {\n    right: 8px;\n    top: -4px;\n  }\n`;\n\nconst Wrap = styled(Container)<WrapProps>`\n  padding: ${theme.sizes.base} ${theme.sizes[5]};\n  overflow: hidden;\n  z-index: 10;\n\n  min-width: ${({ tipMinWidth }) => tipMinWidth}px;\n  max-width: ${({ tipMaxWidth }) => tipMaxWidth}px;\n\n  color: #fff;\n  border-radius: ${theme.sizes.sm};\n  box-shadow: ${theme.shadows.base};\n  background: ${theme.colors.neutral.ink.dark};\n`;\n\nexport { Container, Tip, Wrap, Triangle };\n"],"names":[],"mappings":";;;;AAOA,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG;AAI5B,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACL,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,0EAAA,EAKtC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAA,CAAA;AAGjC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACnC,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,IAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,IAAA,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC/B,CAAA,CAAC;AAwBF,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EACjB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,CAAA,EAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,sCAAA,EAIhC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,aAAA,EAChC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,4BAAA,EAG5B,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAA,YAAA,EAClB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,CAAA;;;;"}

package/dist/hoc/withLabels/styled.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var Tooltip = require('../../components/Tooltip/Tooltip.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-// TODO(VQCL-7563): BlockTooltip remains as a styled-component because Tooltip
-// uses a className-suffix convention (`${className}-hoverable`) that is
-// incompatible with CSS Module class name hashing. Remove this SC wrapper
-// when Tooltip is migrated to CSS Modules in a later wave.
-const BlockTooltip = styled__default.default(Tooltip.Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--1rp8rx" }) `display:block;&-hoverable{display:flex;}`;
-
-exports.BlockTooltip = BlockTooltip;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Tooltip } from '../../components/Tooltip';\n\n// TODO(VQCL-7563): BlockTooltip remains as a styled-component because Tooltip\n// uses a className-suffix convention (`${className}-hoverable`) that is\n// incompatible with CSS Module class name hashing. Remove this SC wrapper\n// when Tooltip is migrated to CSS Modules in a later wave.\nexport const BlockTooltip = styled(Tooltip)`\n  /* Tooltip uses inline-block containers which add more height when\n     the child component is an inline element (e.g. Glyph or an SVG),\n     so we need to set to block to preserve the height and fix alignment. */\n  display: block;\n  &-hoverable {\n    display: flex;\n  }\n`;\n"],"names":["styled","Tooltip"],"mappings":";;;;;;;;;AAGA;AACA;AACA;AACA;MACa,YAAY,GAAGA,uBAAM,CAACC,eAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;"}

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

@@ -1 +0,0 @@
-export declare const BlockTooltip: import("styled-components").StyledComponent<({ children, text, content, config, reversed, className, withTriangle, initialShouldShow, useReactPortal, }: import("../../components/Tooltip/types").TooltipProps) => JSX.Element | null, any, {}, never>;

package/dist/hoc/withLabels/styled.js

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-import { Tooltip } from '../../components/Tooltip/Tooltip.js';
-
-// TODO(VQCL-7563): BlockTooltip remains as a styled-component because Tooltip
-// uses a className-suffix convention (`${className}-hoverable`) that is
-// incompatible with CSS Module class name hashing. Remove this SC wrapper
-// when Tooltip is migrated to CSS Modules in a later wave.
-const BlockTooltip = styled(Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--1rp8rx" }) `display:block;&-hoverable{display:flex;}`;
-
-export { BlockTooltip };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Tooltip } from '../../components/Tooltip';\n\n// TODO(VQCL-7563): BlockTooltip remains as a styled-component because Tooltip\n// uses a className-suffix convention (`${className}-hoverable`) that is\n// incompatible with CSS Module class name hashing. Remove this SC wrapper\n// when Tooltip is migrated to CSS Modules in a later wave.\nexport const BlockTooltip = styled(Tooltip)`\n  /* Tooltip uses inline-block containers which add more height when\n     the child component is an inline element (e.g. Glyph or an SVG),\n     so we need to set to block to preserve the height and fix alignment. */\n  display: block;\n  &-hoverable {\n    display: flex;\n  }\n`;\n"],"names":[],"mappings":";;;AAGA;AACA;AACA;AACA;MACa,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;"}