@veeqo/ui 14.9.0-beta-2 → 14.9.1

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/components/UploadFile/UploadFile.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._dropZone_vtp8z_1 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--sizes-base);\n  border-radius: var(--radius-base);\n  cursor: pointer;\n  border: 2px dashed var(--colors-neutral-ink-lightest);\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._dropZone_vtp8z_1 input[type=file] {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n  cursor: pointer;\n}\n._dropZone_vtp8z_1:hover {\n  border: 2px dashed var(--colors-secondary-blue-base);\n  background-color: var(--colors-secondary-blue-lightest);\n}\n._dropZone_vtp8z_1:hover svg {\n  color: var(--colors-secondary-blue-base);\n}\n._dropZone_vtp8z_1:active, ._dropZone_vtp8z_1:focus-within {\n  border: 2px dashed var(--colors-secondary-blue-base);\n  box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n  background-color: var(--colors-secondary-blue-lightest);\n}\n._dropZone_vtp8z_1:active svg, ._dropZone_vtp8z_1:focus-within svg {\n  color: var(--colors-secondary-blue-base);\n}\n\n._dragOver_vtp8z_34 {\n  border: 2px dashed var(--colors-secondary-blue-base);\n  box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n  background-color: var(--colors-secondary-blue-lightest);\n}\n._dragOver_vtp8z_34 svg {\n  color: var(--colors-secondary-blue-base);\n}\n\n._hasError_vtp8z_43 {\n  border: 2px dashed var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43:hover {\n  border: 2px dashed var(--colors-secondary-red-base);\n  background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43:hover svg {\n  color: var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43:active, ._hasError_vtp8z_43:focus-within {\n  border: 2px dashed var(--colors-secondary-red-base);\n  box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n  background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43:active svg, ._hasError_vtp8z_43:focus-within svg {\n  color: var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43._dragOver_vtp8z_34 {\n  border: 2px dashed var(--colors-secondary-red-base);\n  box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n  background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43._dragOver_vtp8z_34 svg {\n  color: var(--colors-secondary-red-base);\n}\n\n._dropZone_vtp8z_1:has(input:disabled) {\n  cursor: not-allowed;\n  box-shadow: none;\n  background-color: var(--colors-neutral-grey-light);\n  border-color: var(--colors-neutral-ink-lightest);\n  color: var(--colors-neutral-ink-light);\n}\n._dropZone_vtp8z_1:has(input:disabled) svg {\n  color: var(--colors-neutral-ink-lightest);\n}");
-var styles = {"dropZone":"_dropZone_vtp8z_1","dragOver":"_dragOver_vtp8z_34","hasError":"_hasError_vtp8z_43"};
-
-module.exports = styles;
-//# sourceMappingURL=UploadFile.module.scss.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UploadFile.module.scss.cjs","sources":["../../../src/components/UploadFile/UploadFile.module.scss"],"sourcesContent":[".dropZone {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: var(--sizes-base);\n  border-radius: var(--radius-base);\n\n  cursor: pointer;\n\n  border: 2px dashed var(--colors-neutral-ink-lightest);\n  background-color: var(--colors-neutral-grey-lightest);\n\n  input[type='file'] {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    cursor: pointer;\n  }\n\n  &:hover {\n    border: 2px dashed var(--colors-secondary-blue-base);\n    background-color: var(--colors-secondary-blue-lightest);\n\n    svg {\n      color: var(--colors-secondary-blue-base);\n    }\n  }\n\n  &:active,\n  &:focus-within {\n    border: 2px dashed var(--colors-secondary-blue-base);\n    box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n    background-color: var(--colors-secondary-blue-lightest);\n\n    svg {\n      color: var(--colors-secondary-blue-base);\n    }\n  }\n}\n\n.dragOver {\n  border: 2px dashed var(--colors-secondary-blue-base);\n  box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n  background-color: var(--colors-secondary-blue-lightest);\n\n  svg {\n    color: var(--colors-secondary-blue-base);\n  }\n}\n\n.hasError {\n  border: 2px dashed var(--colors-secondary-red-base);\n\n  &:hover {\n    border: 2px dashed var(--colors-secondary-red-base);\n    background-color: var(--colors-secondary-red-lightest);\n\n    svg {\n      color: var(--colors-secondary-red-base);\n    }\n  }\n\n  &:active,\n  &:focus-within {\n    border: 2px dashed var(--colors-secondary-red-base);\n    box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n    background-color: var(--colors-secondary-red-lightest);\n\n    svg {\n      color: var(--colors-secondary-red-base);\n    }\n  }\n\n  &.dragOver {\n    border: 2px dashed var(--colors-secondary-red-base);\n    box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n    background-color: var(--colors-secondary-red-lightest);\n\n    svg {\n      color: var(--colors-secondary-red-base);\n    }\n  }\n}\n\n.dropZone:has(input:disabled) {\n  cursor: not-allowed;\n  box-shadow: none;\n  background-color: var(--colors-neutral-grey-light);\n  border-color: var(--colors-neutral-ink-lightest);\n  color: var(--colors-neutral-ink-light);\n\n  svg {\n    color: var(--colors-neutral-ink-lightest);\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,gkFAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}

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

@@ -1,7 +0,0 @@
-import insertStyle from '../../_virtual/____insertStyle.js';
-
-insertStyle("._dropZone_vtp8z_1 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--sizes-base);\n  border-radius: var(--radius-base);\n  cursor: pointer;\n  border: 2px dashed var(--colors-neutral-ink-lightest);\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._dropZone_vtp8z_1 input[type=file] {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n  cursor: pointer;\n}\n._dropZone_vtp8z_1:hover {\n  border: 2px dashed var(--colors-secondary-blue-base);\n  background-color: var(--colors-secondary-blue-lightest);\n}\n._dropZone_vtp8z_1:hover svg {\n  color: var(--colors-secondary-blue-base);\n}\n._dropZone_vtp8z_1:active, ._dropZone_vtp8z_1:focus-within {\n  border: 2px dashed var(--colors-secondary-blue-base);\n  box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n  background-color: var(--colors-secondary-blue-lightest);\n}\n._dropZone_vtp8z_1:active svg, ._dropZone_vtp8z_1:focus-within svg {\n  color: var(--colors-secondary-blue-base);\n}\n\n._dragOver_vtp8z_34 {\n  border: 2px dashed var(--colors-secondary-blue-base);\n  box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n  background-color: var(--colors-secondary-blue-lightest);\n}\n._dragOver_vtp8z_34 svg {\n  color: var(--colors-secondary-blue-base);\n}\n\n._hasError_vtp8z_43 {\n  border: 2px dashed var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43:hover {\n  border: 2px dashed var(--colors-secondary-red-base);\n  background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43:hover svg {\n  color: var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43:active, ._hasError_vtp8z_43:focus-within {\n  border: 2px dashed var(--colors-secondary-red-base);\n  box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n  background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43:active svg, ._hasError_vtp8z_43:focus-within svg {\n  color: var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43._dragOver_vtp8z_34 {\n  border: 2px dashed var(--colors-secondary-red-base);\n  box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n  background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43._dragOver_vtp8z_34 svg {\n  color: var(--colors-secondary-red-base);\n}\n\n._dropZone_vtp8z_1:has(input:disabled) {\n  cursor: not-allowed;\n  box-shadow: none;\n  background-color: var(--colors-neutral-grey-light);\n  border-color: var(--colors-neutral-ink-lightest);\n  color: var(--colors-neutral-ink-light);\n}\n._dropZone_vtp8z_1:has(input:disabled) svg {\n  color: var(--colors-neutral-ink-lightest);\n}");
-var styles = {"dropZone":"_dropZone_vtp8z_1","dragOver":"_dragOver_vtp8z_34","hasError":"_hasError_vtp8z_43"};
-
-export { styles as default };
-//# sourceMappingURL=UploadFile.module.scss.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UploadFile.module.scss.js","sources":["../../../src/components/UploadFile/UploadFile.module.scss"],"sourcesContent":[".dropZone {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: var(--sizes-base);\n  border-radius: var(--radius-base);\n\n  cursor: pointer;\n\n  border: 2px dashed var(--colors-neutral-ink-lightest);\n  background-color: var(--colors-neutral-grey-lightest);\n\n  input[type='file'] {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    cursor: pointer;\n  }\n\n  &:hover {\n    border: 2px dashed var(--colors-secondary-blue-base);\n    background-color: var(--colors-secondary-blue-lightest);\n\n    svg {\n      color: var(--colors-secondary-blue-base);\n    }\n  }\n\n  &:active,\n  &:focus-within {\n    border: 2px dashed var(--colors-secondary-blue-base);\n    box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n    background-color: var(--colors-secondary-blue-lightest);\n\n    svg {\n      color: var(--colors-secondary-blue-base);\n    }\n  }\n}\n\n.dragOver {\n  border: 2px dashed var(--colors-secondary-blue-base);\n  box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n  background-color: var(--colors-secondary-blue-lightest);\n\n  svg {\n    color: var(--colors-secondary-blue-base);\n  }\n}\n\n.hasError {\n  border: 2px dashed var(--colors-secondary-red-base);\n\n  &:hover {\n    border: 2px dashed var(--colors-secondary-red-base);\n    background-color: var(--colors-secondary-red-lightest);\n\n    svg {\n      color: var(--colors-secondary-red-base);\n    }\n  }\n\n  &:active,\n  &:focus-within {\n    border: 2px dashed var(--colors-secondary-red-base);\n    box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n    background-color: var(--colors-secondary-red-lightest);\n\n    svg {\n      color: var(--colors-secondary-red-base);\n    }\n  }\n\n  &.dragOver {\n    border: 2px dashed var(--colors-secondary-red-base);\n    box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n    background-color: var(--colors-secondary-red-lightest);\n\n    svg {\n      color: var(--colors-secondary-red-base);\n    }\n  }\n}\n\n.dropZone:has(input:disabled) {\n  cursor: not-allowed;\n  box-shadow: none;\n  background-color: var(--colors-neutral-grey-light);\n  border-color: var(--colors-neutral-ink-lightest);\n  color: var(--colors-neutral-ink-light);\n\n  svg {\n    color: var(--colors-neutral-ink-lightest);\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,gkFAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}

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

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._container_xscoy_1 {\n  box-sizing: border-box;\n  position: relative;\n  padding: 14px 24px;\n}\n\n._contour_xscoy_7 {\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 40px;\n  border-radius: 4px;\n  padding: 0 12px;\n  border: 1px solid transparent;\n  cursor: pointer;\n}\n._contour_xscoy_7:hover {\n  border: 1px solid var(--colour-palette-base);\n  background-color: var(--colour-palette-lightest);\n}\n._contour_xscoy_7 span {\n  color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n}\n\n._active_xscoy_27 {\n  background-color: var(--colour-palette-lightest);\n}\n\n._counterContainer_xscoy_31 {\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  padding: 2px 4px;\n  min-width: 20px;\n  height: 20px;\n  margin-left: 8px;\n}\n\n._counterActive_xscoy_43 {\n  background-color: var(--colour-palette-base);\n}\n._counterActive_xscoy_43 ._counterText_xscoy_46 {\n  color: #fff;\n}\n\n._counterText_xscoy_46 {\n  line-height: 1;\n}\n\n._customIconWrapper_xscoy_54 {\n  display: flex;\n  align-items: center;\n  margin-right: var(--sizes-sm);\n}\n._customIconWrapper_xscoy_54 svg {\n  height: var(--sizes-base);\n  width: var(--sizes-base);\n}");
-var styles = {"container":"_container_xscoy_1","contour":"_contour_xscoy_7","active":"_active_xscoy_27","counterContainer":"_counterContainer_xscoy_31","counterActive":"_counterActive_xscoy_43","counterText":"_counterText_xscoy_46","customIconWrapper":"_customIconWrapper_xscoy_54"};
-
-module.exports = styles;
-//# sourceMappingURL=View.module.scss.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"View.module.scss.cjs","sources":["../../../src/components/View/View.module.scss"],"sourcesContent":[".container {\n  box-sizing: border-box;\n  position: relative;\n  padding: 14px 24px;\n}\n\n.contour {\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 40px;\n  border-radius: 4px;\n  padding: 0 12px;\n  border: 1px solid transparent;\n  cursor: pointer;\n\n  &:hover {\n    border: 1px solid var(--colour-palette-base);\n    background-color: var(--colour-palette-lightest);\n  }\n\n  span {\n    color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n  }\n}\n\n.active {\n  background-color: var(--colour-palette-lightest);\n}\n\n.counterContainer {\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  padding: 2px 4px;\n  min-width: 20px;\n  height: 20px;\n  margin-left: 8px;\n}\n\n.counterActive {\n  background-color: var(--colour-palette-base);\n\n  .counterText {\n    color: #fff;\n  }\n}\n\n.counterText {\n  line-height: 1;\n}\n\n.customIconWrapper {\n  display: flex;\n  align-items: center;\n  margin-right: var(--sizes-sm);\n\n  svg {\n    height: var(--sizes-base);\n    width: var(--sizes-base);\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,oyCAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,mBAAA,CAAA,6BAAA;;;;"}

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

@@ -1,7 +0,0 @@
-import insertStyle from '../../_virtual/____insertStyle.js';
-
-insertStyle("._container_xscoy_1 {\n  box-sizing: border-box;\n  position: relative;\n  padding: 14px 24px;\n}\n\n._contour_xscoy_7 {\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 40px;\n  border-radius: 4px;\n  padding: 0 12px;\n  border: 1px solid transparent;\n  cursor: pointer;\n}\n._contour_xscoy_7:hover {\n  border: 1px solid var(--colour-palette-base);\n  background-color: var(--colour-palette-lightest);\n}\n._contour_xscoy_7 span {\n  color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n}\n\n._active_xscoy_27 {\n  background-color: var(--colour-palette-lightest);\n}\n\n._counterContainer_xscoy_31 {\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  padding: 2px 4px;\n  min-width: 20px;\n  height: 20px;\n  margin-left: 8px;\n}\n\n._counterActive_xscoy_43 {\n  background-color: var(--colour-palette-base);\n}\n._counterActive_xscoy_43 ._counterText_xscoy_46 {\n  color: #fff;\n}\n\n._counterText_xscoy_46 {\n  line-height: 1;\n}\n\n._customIconWrapper_xscoy_54 {\n  display: flex;\n  align-items: center;\n  margin-right: var(--sizes-sm);\n}\n._customIconWrapper_xscoy_54 svg {\n  height: var(--sizes-base);\n  width: var(--sizes-base);\n}");
-var styles = {"container":"_container_xscoy_1","contour":"_contour_xscoy_7","active":"_active_xscoy_27","counterContainer":"_counterContainer_xscoy_31","counterActive":"_counterActive_xscoy_43","counterText":"_counterText_xscoy_46","customIconWrapper":"_customIconWrapper_xscoy_54"};
-
-export { styles as default };
-//# sourceMappingURL=View.module.scss.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"View.module.scss.js","sources":["../../../src/components/View/View.module.scss"],"sourcesContent":[".container {\n  box-sizing: border-box;\n  position: relative;\n  padding: 14px 24px;\n}\n\n.contour {\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 40px;\n  border-radius: 4px;\n  padding: 0 12px;\n  border: 1px solid transparent;\n  cursor: pointer;\n\n  &:hover {\n    border: 1px solid var(--colour-palette-base);\n    background-color: var(--colour-palette-lightest);\n  }\n\n  span {\n    color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n  }\n}\n\n.active {\n  background-color: var(--colour-palette-lightest);\n}\n\n.counterContainer {\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  padding: 2px 4px;\n  min-width: 20px;\n  height: 20px;\n  margin-left: 8px;\n}\n\n.counterActive {\n  background-color: var(--colour-palette-base);\n\n  .counterText {\n    color: #fff;\n  }\n}\n\n.counterText {\n  line-height: 1;\n}\n\n.customIconWrapper {\n  display: flex;\n  align-items: center;\n  margin-right: var(--sizes-sm);\n\n  svg {\n    height: var(--sizes-base);\n    width: var(--sizes-base);\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,oyCAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,mBAAA,CAAA,6BAAA;;;;"}

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;;;;"}