@veeqo/ui 14.7.1 → 14.9.0-beta-1

package/dist/components/CardHeader/styled.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var sizes = require('../../theme/modules/sizes.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const Header = styled__default.default.header.withConfig({ displayName: "vui--Header", componentId: "vui--oa1a54" }) `padding-top:${sizes.sizes.md};padding-right:${sizes.sizes.md};padding-left:${sizes.sizes.md};margin-bottom:${sizes.sizes.md};& > * + *{margin-top:${sizes.sizes.xs};}`;
-const HeaderGrid = styled__default.default.div.withConfig({ displayName: "vui--HeaderGrid", componentId: "vui--129vg5d" }) `/*${sizes.sizes.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;
-
-exports.Header = Header;
-exports.HeaderGrid = HeaderGrid;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/CardHeader/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\n\nexport const Header = styled.header`\n  padding-top: ${sizes.md};\n  padding-right: ${sizes.md};\n  padding-left: ${sizes.md};\n  margin-bottom: ${sizes.md};\n\n  & > * + * {\n    margin-top: ${sizes.xs};\n  }\n`;\n\nexport const HeaderGrid = styled.div`\n  /* display: grid;\n  grid-auto-flow: column;\n  grid-template-columns: 1fr;\n  grid-auto-columns: max-content;\n  column-gap: ${sizes.base};\n  align-items: center; */\n\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n\n  & > *:first-child {\n    flex: 1;\n  }\n`;\n"],"names":["styled","sizes"],"mappings":";;;;;;;;;AAGO,MAAM,MAAM,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAClBC,WAAK,CAAC,EAAE,CAAA,eAAA,EACNA,WAAK,CAAC,EAAE,CAAA,cAAA,EACTA,WAAK,CAAC,EAAE,CAAA,eAAA,EACPA,WAAK,CAAC,EAAE,CAAA,sBAAA,EAGTA,WAAK,CAAC,EAAE,CAAA,EAAA;AAInB,MAAM,UAAU,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAKpBC,WAAK,CAAC,IAAI,CAAA,qFAAA;;;;;"}

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

@@ -1,2 +0,0 @@
-export declare const Header: import("styled-components").StyledComponent<"header", any, {}, never>;
-export declare const HeaderGrid: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/CardHeader/styled.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { sizes } from '../../theme/modules/sizes.js';
-
-const Header = styled.header.withConfig({ displayName: "vui--Header", componentId: "vui--oa1a54" }) `padding-top:${sizes.md};padding-right:${sizes.md};padding-left:${sizes.md};margin-bottom:${sizes.md};& > * + *{margin-top:${sizes.xs};}`;
-const HeaderGrid = styled.div.withConfig({ displayName: "vui--HeaderGrid", componentId: "vui--129vg5d" }) `/*${sizes.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;
-
-export { Header, HeaderGrid };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/CardHeader/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\n\nexport const Header = styled.header`\n  padding-top: ${sizes.md};\n  padding-right: ${sizes.md};\n  padding-left: ${sizes.md};\n  margin-bottom: ${sizes.md};\n\n  & > * + * {\n    margin-top: ${sizes.xs};\n  }\n`;\n\nexport const HeaderGrid = styled.div`\n  /* display: grid;\n  grid-auto-flow: column;\n  grid-template-columns: 1fr;\n  grid-auto-columns: max-content;\n  column-gap: ${sizes.base};\n  align-items: center; */\n\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n\n  & > *:first-child {\n    flex: 1;\n  }\n`;\n"],"names":[],"mappings":";;;AAGO,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAClB,KAAK,CAAC,EAAE,CAAA,eAAA,EACN,KAAK,CAAC,EAAE,CAAA,cAAA,EACT,KAAK,CAAC,EAAE,CAAA,eAAA,EACP,KAAK,CAAC,EAAE,CAAA,sBAAA,EAGT,KAAK,CAAC,EAAE,CAAA,EAAA;AAInB,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAKpB,KAAK,CAAC,IAAI,CAAA,qFAAA;;;;"}

package/dist/components/Checkbox/styled.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-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 { colors, sizes, radius } = index.theme;
-const Input = styled__default.default.input.withConfig({ displayName: "vui--Input", componentId: "vui--hippn5" }) `appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:hover{border-color:${colors.secondary.blue.base};}&:active{border-color:${colors.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${colors.secondary.blue.light};outline:0;}&:indeterminate{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${colors.neutral.grey.base};border-color:${colors.neutral.grey.base};color:${colors.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;
-
-exports.Input = Input;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Checkbox/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nconst { colors, sizes, radius } = theme;\n\nexport const Input = styled.input`\n  appearance: none;\n  width: 18px;\n  height: 18px;\n  background-color: transparent;\n  border: 2px solid ${colors.neutral.ink.lightest};\n  border-radius: ${radius.base};\n  cursor: pointer;\n  flex-shrink: 0;\n\n  transition:\n    box-shadow 0.1s,\n    background-color 0.1s;\n\n  &:checked {\n    background-color: ${colors.secondary.blue.base};\n    border-color: ${colors.secondary.blue.base};\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>\");\n    background-repeat: no-repeat;\n    background-size: ${sizes[4]};\n    background-position: center;\n  }\n\n  &:hover {\n    border-color: ${colors.secondary.blue.base};\n  }\n\n  &:active {\n    border-color: ${colors.secondary.blue.base};\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 4px ${colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:indeterminate {\n    background-color: ${colors.secondary.blue.base};\n    border-color: ${colors.secondary.blue.base};\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>\");\n    background-repeat: no-repeat;\n    background-size: ${sizes[4]};\n    background-position: center;\n  }\n\n  &:disabled {\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.base};\n    border-color: ${colors.neutral.grey.base};\n    color: ${colors.neutral.ink.light};\n    cursor: default;\n  }\n\n  &:checked:disabled {\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>\");\n  }\n\n  &:indeterminate:disabled {\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>\");\n  }\n`;\n"],"names":["theme","styled"],"mappings":";;;;;;;;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAGA,WAAK;AAEhC,MAAM,KAAK,GAAGC,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qFAAA,EAKX,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,eAAA,EAC9B,MAAM,CAAC,IAAI,6GASN,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC9B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,uUAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,qDAKX,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,wBAAA,EAI1B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,+BAAA,EAIlB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,6CAAA,EAK/B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC9B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,2PAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,CAAA,yEAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC5B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EAC/B,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,miBAAA;;;;"}

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

@@ -1 +0,0 @@
-export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;

package/dist/components/Checkbox/styled.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../theme/index.js';
-
-const { colors, sizes, radius } = theme;
-const Input = styled.input.withConfig({ displayName: "vui--Input", componentId: "vui--hippn5" }) `appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:hover{border-color:${colors.secondary.blue.base};}&:active{border-color:${colors.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${colors.secondary.blue.light};outline:0;}&:indeterminate{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${colors.neutral.grey.base};border-color:${colors.neutral.grey.base};color:${colors.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;
-
-export { Input };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Checkbox/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nconst { colors, sizes, radius } = theme;\n\nexport const Input = styled.input`\n  appearance: none;\n  width: 18px;\n  height: 18px;\n  background-color: transparent;\n  border: 2px solid ${colors.neutral.ink.lightest};\n  border-radius: ${radius.base};\n  cursor: pointer;\n  flex-shrink: 0;\n\n  transition:\n    box-shadow 0.1s,\n    background-color 0.1s;\n\n  &:checked {\n    background-color: ${colors.secondary.blue.base};\n    border-color: ${colors.secondary.blue.base};\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>\");\n    background-repeat: no-repeat;\n    background-size: ${sizes[4]};\n    background-position: center;\n  }\n\n  &:hover {\n    border-color: ${colors.secondary.blue.base};\n  }\n\n  &:active {\n    border-color: ${colors.secondary.blue.base};\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 4px ${colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:indeterminate {\n    background-color: ${colors.secondary.blue.base};\n    border-color: ${colors.secondary.blue.base};\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>\");\n    background-repeat: no-repeat;\n    background-size: ${sizes[4]};\n    background-position: center;\n  }\n\n  &:disabled {\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.base};\n    border-color: ${colors.neutral.grey.base};\n    color: ${colors.neutral.ink.light};\n    cursor: default;\n  }\n\n  &:checked:disabled {\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>\");\n  }\n\n  &:indeterminate:disabled {\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>\");\n  }\n`;\n"],"names":[],"mappings":";;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK;AAEhC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qFAAA,EAKX,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,eAAA,EAC9B,MAAM,CAAC,IAAI,6GASN,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC9B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,uUAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,qDAKX,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,wBAAA,EAI1B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,+BAAA,EAIlB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,6CAAA,EAK/B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC9B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,2PAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,CAAA,yEAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC5B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EAC/B,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,miBAAA;;;;"}

package/dist/components/Choice/components/styled.cjs

@@ -1,30 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var Tooltip = require('../../Tooltip/Tooltip.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 alignMap = {
-    top: 'flex-start',
-    center: 'center',
-};
-const RootLayout = styled__default.default.div.withConfig({ displayName: "vui--RootLayout", componentId: "vui--11nf17l" }) `display:flex;align-items:center;& > * + *{margin-left:${index.theme.sizes.base};}`;
-const InputLayout = styled__default.default.div.withConfig({ displayName: "vui--InputLayout", componentId: "vui--1yac6kr" }) `align-self:stretch;display:flex;align-items:${(props) => alignMap[props.align]};`;
-const AccessoryLayout = styled__default.default.div.withConfig({ displayName: "vui--AccessoryLayout", componentId: "vui--qbgrc7" }) `align-self:center;display:flex;align-items:center;`;
-const TextLayout = styled__default.default.div.withConfig({ displayName: "vui--TextLayout", componentId: "vui--1uu3ed5" }) `flex:1;& > * + *{margin-top:${index.theme.sizes.sm};}`;
-const Wrapper = styled__default.default.label.withConfig({ displayName: "vui--Wrapper", componentId: "vui--taq5r4" }) `box-sizing:border-box;&:hover{cursor:${(props) => (props.disabled ? 'default' : 'pointer')};}`;
-const BorderedWrapper = styled__default.default(Wrapper).withConfig({ displayName: "vui--BorderedWrapper", componentId: "vui--f5wv6j" }) `border:2px solid ${index.theme.colors.neutral.grey.dark};border-radius:${index.theme.radius.md};padding:${index.theme.sizes.base} 0.75rem;&:hover{border-color:${index.theme.colors.secondary.blue.base};}`;
-const BlockTooltip = styled__default.default(Tooltip.Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--1n3z4wy" }) `display:block;&-hoverable{display:block;}`;
-
-exports.AccessoryLayout = AccessoryLayout;
-exports.BlockTooltip = BlockTooltip;
-exports.BorderedWrapper = BorderedWrapper;
-exports.InputLayout = InputLayout;
-exports.RootLayout = RootLayout;
-exports.TextLayout = TextLayout;
-exports.Wrapper = Wrapper;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Tooltip } from '../../Tooltip';\nimport { theme } from '../../../theme';\n\nconst alignMap = {\n  top: 'flex-start',\n  center: 'center',\n};\n\nexport const RootLayout = styled.div`\n  display: flex;\n  align-items: center;\n\n  & > * + * {\n    margin-left: ${theme.sizes.base};\n  }\n`;\n\nexport interface InputLayoutProps {\n  align: 'top' | 'center';\n}\n\nexport const InputLayout = styled.div<InputLayoutProps>`\n  align-self: stretch;\n  display: flex;\n  align-items: ${(props) => alignMap[props.align]};\n`;\n\nexport const AccessoryLayout = styled.div`\n  align-self: center;\n  display: flex;\n  align-items: center;\n`;\n\nexport const TextLayout = styled.div`\n  flex: 1;\n\n  & > * + * {\n    margin-top: ${theme.sizes.sm};\n  }\n`;\n\nexport const Wrapper = styled.label<{ disabled: boolean }>`\n  box-sizing: border-box;\n\n  &:hover {\n    cursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n  }\n`;\n\nexport const BorderedWrapper = styled(Wrapper)`\n  border: 2px solid ${theme.colors.neutral.grey.dark};\n  border-radius: ${theme.radius.md};\n  padding: ${theme.sizes.base} 0.75rem;\n\n  &:hover {\n    border-color: ${theme.colors.secondary.blue.base};\n  }\n`;\n\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: block;\n  }\n`;\n"],"names":["styled","theme","Tooltip"],"mappings":";;;;;;;;;;AAIA,MAAM,QAAQ,GAAG;AACf,IAAA,GAAG,EAAE,YAAY;AACjB,IAAA,MAAM,EAAE,QAAQ;CACjB;AAEM,MAAM,UAAU,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,sDAAA,EAKjBC,WAAK,CAAC,KAAK,CAAC,IAAI;MAQtB,WAAW,GAAGD,uBAAM,CAAC,GAAG,6HAGpB,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;MAGpC,eAAe,GAAGA,uBAAM,CAAC,GAAG;AAMlC,MAAM,UAAU,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAIlBC,WAAK,CAAC,KAAK,CAAC,EAAE;AAIzB,MAAM,OAAO,GAAGD,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAIrB,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,EAAA;AAI1D,MAAM,eAAe,GAAGA,uBAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACxBC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,eAAA,EACjCA,WAAK,CAAC,MAAM,CAAC,EAAE,CAAA,SAAA,EACrBA,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,8BAAA,EAGTA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;MAIvC,YAAY,GAAGD,uBAAM,CAACE,eAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yCAAA;;;;;;;;;;"}

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

@@ -1,14 +0,0 @@
-export declare const RootLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
-export interface InputLayoutProps {
-    align: 'top' | 'center';
-}
-export declare const InputLayout: import("styled-components").StyledComponent<"div", any, InputLayoutProps, never>;
-export declare const AccessoryLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"label", any, {
-    disabled: boolean;
-}, never>;
-export declare const BorderedWrapper: import("styled-components").StyledComponent<"label", any, {
-    disabled: boolean;
-}, never>;
-export declare const BlockTooltip: import("styled-components").StyledComponent<({ children, text, content, config, reversed, className, withTriangle, initialShouldShow, useReactPortal, }: import("../../Tooltip/types").TooltipProps) => JSX.Element | null, any, {}, never>;

package/dist/components/Choice/components/styled.js

@@ -1,18 +0,0 @@
-import styled from 'styled-components';
-import { Tooltip } from '../../Tooltip/Tooltip.js';
-import { theme } from '../../../theme/index.js';
-
-const alignMap = {
-    top: 'flex-start',
-    center: 'center',
-};
-const RootLayout = styled.div.withConfig({ displayName: "vui--RootLayout", componentId: "vui--11nf17l" }) `display:flex;align-items:center;& > * + *{margin-left:${theme.sizes.base};}`;
-const InputLayout = styled.div.withConfig({ displayName: "vui--InputLayout", componentId: "vui--1yac6kr" }) `align-self:stretch;display:flex;align-items:${(props) => alignMap[props.align]};`;
-const AccessoryLayout = styled.div.withConfig({ displayName: "vui--AccessoryLayout", componentId: "vui--qbgrc7" }) `align-self:center;display:flex;align-items:center;`;
-const TextLayout = styled.div.withConfig({ displayName: "vui--TextLayout", componentId: "vui--1uu3ed5" }) `flex:1;& > * + *{margin-top:${theme.sizes.sm};}`;
-const Wrapper = styled.label.withConfig({ displayName: "vui--Wrapper", componentId: "vui--taq5r4" }) `box-sizing:border-box;&:hover{cursor:${(props) => (props.disabled ? 'default' : 'pointer')};}`;
-const BorderedWrapper = styled(Wrapper).withConfig({ displayName: "vui--BorderedWrapper", componentId: "vui--f5wv6j" }) `border:2px solid ${theme.colors.neutral.grey.dark};border-radius:${theme.radius.md};padding:${theme.sizes.base} 0.75rem;&:hover{border-color:${theme.colors.secondary.blue.base};}`;
-const BlockTooltip = styled(Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--1n3z4wy" }) `display:block;&-hoverable{display:block;}`;
-
-export { AccessoryLayout, BlockTooltip, BorderedWrapper, InputLayout, RootLayout, TextLayout, Wrapper };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Tooltip } from '../../Tooltip';\nimport { theme } from '../../../theme';\n\nconst alignMap = {\n  top: 'flex-start',\n  center: 'center',\n};\n\nexport const RootLayout = styled.div`\n  display: flex;\n  align-items: center;\n\n  & > * + * {\n    margin-left: ${theme.sizes.base};\n  }\n`;\n\nexport interface InputLayoutProps {\n  align: 'top' | 'center';\n}\n\nexport const InputLayout = styled.div<InputLayoutProps>`\n  align-self: stretch;\n  display: flex;\n  align-items: ${(props) => alignMap[props.align]};\n`;\n\nexport const AccessoryLayout = styled.div`\n  align-self: center;\n  display: flex;\n  align-items: center;\n`;\n\nexport const TextLayout = styled.div`\n  flex: 1;\n\n  & > * + * {\n    margin-top: ${theme.sizes.sm};\n  }\n`;\n\nexport const Wrapper = styled.label<{ disabled: boolean }>`\n  box-sizing: border-box;\n\n  &:hover {\n    cursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n  }\n`;\n\nexport const BorderedWrapper = styled(Wrapper)`\n  border: 2px solid ${theme.colors.neutral.grey.dark};\n  border-radius: ${theme.radius.md};\n  padding: ${theme.sizes.base} 0.75rem;\n\n  &:hover {\n    border-color: ${theme.colors.secondary.blue.base};\n  }\n`;\n\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: block;\n  }\n`;\n"],"names":[],"mappings":";;;;AAIA,MAAM,QAAQ,GAAG;AACf,IAAA,GAAG,EAAE,YAAY;AACjB,IAAA,MAAM,EAAE,QAAQ;CACjB;AAEM,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,sDAAA,EAKjB,KAAK,CAAC,KAAK,CAAC,IAAI;MAQtB,WAAW,GAAG,MAAM,CAAC,GAAG,6HAGpB,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;MAGpC,eAAe,GAAG,MAAM,CAAC,GAAG;AAMlC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAIlB,KAAK,CAAC,KAAK,CAAC,EAAE;AAIzB,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAIrB,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,EAAA;AAI1D,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACxB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,eAAA,EACjC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAA,SAAA,EACrB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,8BAAA,EAGT,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;MAIvC,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yCAAA;;;;"}

package/dist/components/ChoiceList/styled.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-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 Fieldset = styled__default.default.fieldset.withConfig({ displayName: "vui--Fieldset", componentId: "vui--bygv6o" }) `padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`;
-const Legend = styled__default.default.legend.withConfig({ displayName: "vui--Legend", componentId: "vui--18baj4v" }) `font-family:${index.theme.text.inputLabel.fontFamily};font-size:${index.theme.text.inputLabel.fontSize};font-style:${index.theme.text.inputLabel.fontStyle};font-weight:${index.theme.text.inputLabel.fontWeight};line-height:${index.theme.text.inputLabel.lineHeight};text-decoration:${index.theme.text.inputLabel.textDecoration};color:${index.theme.text.inputLabel.color};`;
-
-exports.Fieldset = Fieldset;
-exports.Legend = Legend;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/ChoiceList/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\n\nexport const Fieldset = styled.fieldset`\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  border: 0;\n\n  & > * + * {\n    margin-top: 16px;\n  }\n`;\n\nexport const Legend = styled.legend`\n  font-family: ${theme.text.inputLabel.fontFamily};\n  font-size: ${theme.text.inputLabel.fontSize};\n  font-style: ${theme.text.inputLabel.fontStyle};\n  font-weight: ${theme.text.inputLabel.fontWeight};\n  line-height: ${theme.text.inputLabel.lineHeight};\n  text-decoration: ${theme.text.inputLabel.textDecoration};\n  color: ${theme.text.inputLabel.color};\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;MAGa,QAAQ,GAAGA,uBAAM,CAAC,QAAQ;AAWhC,MAAM,MAAM,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAClBC,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAA,WAAA,EAClCA,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAA,YAAA,EAC7BA,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAA,aAAA,EAC9BA,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAA,aAAA,EAChCA,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAA,iBAAA,EAC5BA,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAA,OAAA,EAC9CA,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK;;;;;"}

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

@@ -1,2 +0,0 @@
-export declare const Fieldset: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
-export declare const Legend: import("styled-components").StyledComponent<"legend", any, {}, never>;

package/dist/components/ChoiceList/styled.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../theme/index.js';
-
-const Fieldset = styled.fieldset.withConfig({ displayName: "vui--Fieldset", componentId: "vui--bygv6o" }) `padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`;
-const Legend = styled.legend.withConfig({ displayName: "vui--Legend", componentId: "vui--18baj4v" }) `font-family:${theme.text.inputLabel.fontFamily};font-size:${theme.text.inputLabel.fontSize};font-style:${theme.text.inputLabel.fontStyle};font-weight:${theme.text.inputLabel.fontWeight};line-height:${theme.text.inputLabel.lineHeight};text-decoration:${theme.text.inputLabel.textDecoration};color:${theme.text.inputLabel.color};`;
-
-export { Fieldset, Legend };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/ChoiceList/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\n\nexport const Fieldset = styled.fieldset`\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  border: 0;\n\n  & > * + * {\n    margin-top: 16px;\n  }\n`;\n\nexport const Legend = styled.legend`\n  font-family: ${theme.text.inputLabel.fontFamily};\n  font-size: ${theme.text.inputLabel.fontSize};\n  font-style: ${theme.text.inputLabel.fontStyle};\n  font-weight: ${theme.text.inputLabel.fontWeight};\n  line-height: ${theme.text.inputLabel.lineHeight};\n  text-decoration: ${theme.text.inputLabel.textDecoration};\n  color: ${theme.text.inputLabel.color};\n`;\n"],"names":[],"mappings":";;;MAGa,QAAQ,GAAG,MAAM,CAAC,QAAQ;AAWhC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAClB,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAA,WAAA,EAClC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAA,YAAA,EAC7B,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAA,aAAA,EAC9B,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAA,aAAA,EAChC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAA,iBAAA,EAC5B,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAA,OAAA,EAC9C,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK;;;;"}

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare const DropdownContainer: import("styled-components").StyledComponent<import("framer-motion").CustomDomComponent<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
-}>, any, {}, never>;

package/dist/components/Radio/styled.cjs

@@ -1,12 +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 Input = styled__default.default.input.withConfig({ displayName: "vui--Input", componentId: "vui--1e1oks4" }) `appearance:none;box-sizing:border-box;flex-shrink:0;width:18px;height:18px;margin:3px;background-color:transparent;border:2px solid #637381;border-radius:50%;outline:none;cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s;&:checked{position:relative;border-color:#0079d1;}&:checked::before{content:'';width:10px;height:10px;position:absolute;top:2px;left:2px;background-color:#0079d1;border-radius:50%;}&:hover{border-color:#0079d1;}&:active{border-color:#0079d1;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{box-shadow:none;background-color:#dfe3e8;border-color:#959fa8;cursor:default;}&:disabled::before{background-color:#637381;}`;
-
-exports.Input = Input;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Radio/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Input = styled.input`\n  appearance: none;\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 18px;\n  height: 18px;\n  margin: 3px;\n  background-color: transparent;\n  border: 2px solid #637381;\n  border-radius: 50%;\n  outline: none;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  transition: box-shadow 0.1s;\n\n  &:checked {\n    position: relative;\n    border-color: #0079d1;\n  }\n\n  &:checked::before {\n    content: '';\n    width: 10px;\n    height: 10px;\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    background-color: #0079d1;\n    border-radius: 50%;\n  }\n\n  &:hover {\n    border-color: #0079d1;\n  }\n\n  &:active {\n    border-color: #0079d1;\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 4px #80bce8;\n    outline: 0;\n  }\n\n  &:disabled {\n    box-shadow: none;\n    background-color: #dfe3e8;\n    border-color: #959fa8;\n    cursor: default;\n  }\n\n  &:disabled::before {\n    background-color: #637381;\n  }\n`;\n"],"names":["styled"],"mappings":";;;;;;;;MAEa,KAAK,GAAGA,uBAAM,CAAC,KAAK;;;;"}

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

@@ -1 +0,0 @@
-export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;

package/dist/components/Radio/styled.js

@@ -1,6 +0,0 @@
-import styled from 'styled-components';
-
-const Input = styled.input.withConfig({ displayName: "vui--Input", componentId: "vui--1e1oks4" }) `appearance:none;box-sizing:border-box;flex-shrink:0;width:18px;height:18px;margin:3px;background-color:transparent;border:2px solid #637381;border-radius:50%;outline:none;cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s;&:checked{position:relative;border-color:#0079d1;}&:checked::before{content:'';width:10px;height:10px;position:absolute;top:2px;left:2px;background-color:#0079d1;border-radius:50%;}&:hover{border-color:#0079d1;}&:active{border-color:#0079d1;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{box-shadow:none;background-color:#dfe3e8;border-color:#959fa8;cursor:default;}&:disabled::before{background-color:#637381;}`;
-
-export { Input };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Radio/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Input = styled.input`\n  appearance: none;\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 18px;\n  height: 18px;\n  margin: 3px;\n  background-color: transparent;\n  border: 2px solid #637381;\n  border-radius: 50%;\n  outline: none;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  transition: box-shadow 0.1s;\n\n  &:checked {\n    position: relative;\n    border-color: #0079d1;\n  }\n\n  &:checked::before {\n    content: '';\n    width: 10px;\n    height: 10px;\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    background-color: #0079d1;\n    border-radius: 50%;\n  }\n\n  &:hover {\n    border-color: #0079d1;\n  }\n\n  &:active {\n    border-color: #0079d1;\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 4px #80bce8;\n    outline: 0;\n  }\n\n  &:disabled {\n    box-shadow: none;\n    background-color: #dfe3e8;\n    border-color: #959fa8;\n    cursor: default;\n  }\n\n  &:disabled::before {\n    background-color: #637381;\n  }\n`;\n"],"names":[],"mappings":";;MAEa,KAAK,GAAG,MAAM,CAAC,KAAK;;;;"}

package/dist/components/SimpleTable/styled.cjs

@@ -1,34 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var sizes = require('../../theme/modules/sizes.cjs');
-var text = require('../../theme/modules/text.cjs');
-var colors = require('../../theme/modules/colors.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const { blue } = colors.colors.secondary;
-const { grey } = colors.colors.neutral;
-const TableHeader = styled__default.default.thead.withConfig({ displayName: "vui--TableHeader", componentId: "vui--o0sot" }) `background-color:white;`;
-const TableBody = styled__default.default.tbody.withConfig({ displayName: "vui--TableBody", componentId: "vui--nuzcgp" }) `&&& tr:hover td{background-color:${blue.lightest};}`;
-const TableRow = styled__default.default.tr.withConfig({ displayName: "vui--TableRow", componentId: "vui--1uhgfx1" }) ``;
-const TableCell = styled__default.default.td.withConfig({ displayName: "vui--TableCell", componentId: "vui--s41x8b" }) `position:relative;padding:1.25rem 1rem;text-align:${({ align }) => align || 'left'};background-color:white;font-family:${text.text.bodySmall.fontFamily};font-size:${text.text.bodySmall.fontSize};font-weight:${text.text.bodySmall.fontWeight};color:${text.text.bodySmall.color};line-height:${sizes.sizes.base};& > *{vertical-align:middle;}`;
-const TableHeaderCell = styled__default.default(TableCell).attrs({
-    as: 'th',
-}).withConfig({ displayName: "vui--TableHeaderCell", componentId: "vui--2nps2x" }) `border-bottom:1px solid ${grey.dark};font-family:${text.text.bodySmallBold.fontFamily};font-size:${text.text.bodySmallBold.fontSize};font-weight:${text.text.bodySmallBold.fontWeight};color:${text.text.bodySmallBold.color};`;
-const Table = styled__default.default.table.withConfig({ displayName: "vui--Table", componentId: "vui--lcbl46" }) `width:100%;border-spacing:0;${({ striped }) => striped &&
-    `
-   & ${TableBody} tr:nth-child(even) td {
-     background-color: ${grey.lightest};
-   }
- `}`;
-
-exports.Table = Table;
-exports.TableBody = TableBody;
-exports.TableCell = TableCell;
-exports.TableHeader = TableHeader;
-exports.TableHeaderCell = TableHeaderCell;
-exports.TableRow = TableRow;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/SimpleTable/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\n\nconst { blue } = colors.secondary;\nconst { grey } = colors.neutral;\n\ntype TableProps = {\n  striped?: boolean;\n};\n\nexport const TableHeader = styled.thead`\n  background-color: white;\n`;\n\nexport const TableBody = styled.tbody`\n  &&& tr:hover td {\n    background-color: ${blue.lightest};\n  }\n`;\n\nexport const TableRow = styled.tr``;\n\nexport type TableCellProps = {\n  align?: 'left' | 'right' | 'center';\n};\n\nexport const TableCell = styled.td<TableCellProps>`\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: ${({ align }) => align || 'left'};\n  background-color: white;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-size: ${text.bodySmall.fontSize};\n  font-weight: ${text.bodySmall.fontWeight};\n  color: ${text.bodySmall.color};\n  line-height: ${sizes.base};\n\n  & > * {\n    vertical-align: middle;\n  }\n`;\n\nexport const TableHeaderCell = styled(TableCell).attrs({\n  as: 'th',\n})`\n  border-bottom: 1px solid ${grey.dark};\n\n  font-family: ${text.bodySmallBold.fontFamily};\n  font-size: ${text.bodySmallBold.fontSize};\n  font-weight: ${text.bodySmallBold.fontWeight};\n  color: ${text.bodySmallBold.color};\n`;\n\nexport const Table = styled.table<TableProps>`\n  width: 100%;\n  border-spacing: 0;\n\n  ${({ striped }) =>\n    striped &&\n    `\n   & ${TableBody} tr:nth-child(even) td {\n     background-color: ${grey.lightest};\n   }\n `}\n`;\n"],"names":["colors","styled","text","sizes"],"mappings":";;;;;;;;;;;AAKA,MAAM,EAAE,IAAI,EAAE,GAAGA,aAAM,CAAC,SAAS;AACjC,MAAM,EAAE,IAAI,EAAE,GAAGA,aAAM,CAAC,OAAO;MAMlB,WAAW,GAAGC,uBAAM,CAAC,KAAK;AAIhC,MAAM,SAAS,GAAGA,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEb,IAAI,CAAC,QAAQ,CAAA,EAAA;MAIxB,QAAQ,GAAGA,uBAAM,CAAC,EAAE;MAMpB,SAAS,GAAGA,uBAAM,CAAC,EAAE,gIAGlB,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,MAAM,CAAA,oCAAA,EAG7BC,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA,WAAA,EAC3BA,SAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EACrBA,SAAI,CAAC,SAAS,CAAC,UAAU,UAC/BA,SAAI,CAAC,SAAS,CAAC,KAAK,gBACdC,WAAK,CAAC,IAAI,CAAA,8BAAA;AAOpB,MAAM,eAAe,GAAGF,uBAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;AACrD,IAAA,EAAE,EAAE,IAAI;AACT,CAAA,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wBAAA,EAC2B,IAAI,CAAC,IAAI,CAAA,aAAA,EAErBC,SAAI,CAAC,aAAa,CAAC,UAAU,CAAA,WAAA,EAC/BA,SAAI,CAAC,aAAa,CAAC,QAAQ,CAAA,aAAA,EACzBA,SAAI,CAAC,aAAa,CAAC,UAAU,CAAA,OAAA,EACnCA,SAAI,CAAC,aAAa,CAAC,KAAK;AAG5B,MAAM,KAAK,GAAGD,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAI7B,CAAC,EAAE,OAAO,EAAE,KACZ,OAAO;AACP,IAAA;OACG,SAAS,CAAA;AACS,uBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;AAEpC,CAAA,CAAA,CAAA;;;;;;;;;"}

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

@@ -1,15 +0,0 @@
-type TableProps = {
-    striped?: boolean;
-};
-export declare const TableHeader: import("styled-components").StyledComponent<"thead", any, {}, never>;
-export declare const TableBody: import("styled-components").StyledComponent<"tbody", any, {}, never>;
-export declare const TableRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
-export type TableCellProps = {
-    align?: 'left' | 'right' | 'center';
-};
-export declare const TableCell: import("styled-components").StyledComponent<"td", any, TableCellProps, never>;
-export declare const TableHeaderCell: import("styled-components").StyledComponent<"td", any, TableCellProps & {
-    as: string;
-}, "as">;
-export declare const Table: import("styled-components").StyledComponent<"table", any, TableProps, never>;
-export {};

package/dist/components/SimpleTable/styled.js

@@ -1,23 +0,0 @@
-import styled from 'styled-components';
-import { sizes } from '../../theme/modules/sizes.js';
-import { text } from '../../theme/modules/text.js';
-import { colors } from '../../theme/modules/colors.js';
-
-const { blue } = colors.secondary;
-const { grey } = colors.neutral;
-const TableHeader = styled.thead.withConfig({ displayName: "vui--TableHeader", componentId: "vui--o0sot" }) `background-color:white;`;
-const TableBody = styled.tbody.withConfig({ displayName: "vui--TableBody", componentId: "vui--nuzcgp" }) `&&& tr:hover td{background-color:${blue.lightest};}`;
-const TableRow = styled.tr.withConfig({ displayName: "vui--TableRow", componentId: "vui--1uhgfx1" }) ``;
-const TableCell = styled.td.withConfig({ displayName: "vui--TableCell", componentId: "vui--s41x8b" }) `position:relative;padding:1.25rem 1rem;text-align:${({ align }) => align || 'left'};background-color:white;font-family:${text.bodySmall.fontFamily};font-size:${text.bodySmall.fontSize};font-weight:${text.bodySmall.fontWeight};color:${text.bodySmall.color};line-height:${sizes.base};& > *{vertical-align:middle;}`;
-const TableHeaderCell = styled(TableCell).attrs({
-    as: 'th',
-}).withConfig({ displayName: "vui--TableHeaderCell", componentId: "vui--2nps2x" }) `border-bottom:1px solid ${grey.dark};font-family:${text.bodySmallBold.fontFamily};font-size:${text.bodySmallBold.fontSize};font-weight:${text.bodySmallBold.fontWeight};color:${text.bodySmallBold.color};`;
-const Table = styled.table.withConfig({ displayName: "vui--Table", componentId: "vui--lcbl46" }) `width:100%;border-spacing:0;${({ striped }) => striped &&
-    `
-   & ${TableBody} tr:nth-child(even) td {
-     background-color: ${grey.lightest};
-   }
- `}`;
-
-export { Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/SimpleTable/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\n\nconst { blue } = colors.secondary;\nconst { grey } = colors.neutral;\n\ntype TableProps = {\n  striped?: boolean;\n};\n\nexport const TableHeader = styled.thead`\n  background-color: white;\n`;\n\nexport const TableBody = styled.tbody`\n  &&& tr:hover td {\n    background-color: ${blue.lightest};\n  }\n`;\n\nexport const TableRow = styled.tr``;\n\nexport type TableCellProps = {\n  align?: 'left' | 'right' | 'center';\n};\n\nexport const TableCell = styled.td<TableCellProps>`\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: ${({ align }) => align || 'left'};\n  background-color: white;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-size: ${text.bodySmall.fontSize};\n  font-weight: ${text.bodySmall.fontWeight};\n  color: ${text.bodySmall.color};\n  line-height: ${sizes.base};\n\n  & > * {\n    vertical-align: middle;\n  }\n`;\n\nexport const TableHeaderCell = styled(TableCell).attrs({\n  as: 'th',\n})`\n  border-bottom: 1px solid ${grey.dark};\n\n  font-family: ${text.bodySmallBold.fontFamily};\n  font-size: ${text.bodySmallBold.fontSize};\n  font-weight: ${text.bodySmallBold.fontWeight};\n  color: ${text.bodySmallBold.color};\n`;\n\nexport const Table = styled.table<TableProps>`\n  width: 100%;\n  border-spacing: 0;\n\n  ${({ striped }) =>\n    striped &&\n    `\n   & ${TableBody} tr:nth-child(even) td {\n     background-color: ${grey.lightest};\n   }\n `}\n`;\n"],"names":[],"mappings":";;;;;AAKA,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,SAAS;AACjC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO;MAMlB,WAAW,GAAG,MAAM,CAAC,KAAK;AAIhC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEb,IAAI,CAAC,QAAQ,CAAA,EAAA;MAIxB,QAAQ,GAAG,MAAM,CAAC,EAAE;MAMpB,SAAS,GAAG,MAAM,CAAC,EAAE,gIAGlB,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,MAAM,CAAA,oCAAA,EAG7B,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,WAAA,EAC3B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EACrB,IAAI,CAAC,SAAS,CAAC,UAAU,UAC/B,IAAI,CAAC,SAAS,CAAC,KAAK,gBACd,KAAK,CAAC,IAAI,CAAA,8BAAA;AAOpB,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;AACrD,IAAA,EAAE,EAAE,IAAI;AACT,CAAA,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wBAAA,EAC2B,IAAI,CAAC,IAAI,CAAA,aAAA,EAErB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAA,WAAA,EAC/B,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAA,aAAA,EACzB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAA,OAAA,EACnC,IAAI,CAAC,aAAa,CAAC,KAAK;AAG5B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAI7B,CAAC,EAAE,OAAO,EAAE,KACZ,OAAO;AACP,IAAA;OACG,SAAS,CAAA;AACS,uBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;AAEpC,CAAA,CAAA,CAAA;;;;"}

package/dist/components/ToastsLayout/components/styled.cjs

@@ -1,58 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var Stack = require('../../Stack/Stack.cjs');
-var BaseContainer = require('../../BaseContainer/BaseContainer.cjs');
-var Text = require('../../Text/Text.cjs');
-var index = require('../../../theme/index.cjs');
-var sizes = require('../../../theme/modules/sizes.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const ToastsLayoutContainer = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--ToastsLayoutContainer", componentId: "vui--1iztsl9" }) `position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${index.theme.layers.tooltip};`;
-const Toast = styled__default.default(Stack.Stack).withConfig({
-    shouldForwardProp: (prop) => !['minWidth', 'last'].includes(prop),
-}) `
-  background-color: ${index.theme.colors.neutral.ink.dark};
-  padding: 12px 24px 12px 12px;
-  box-shadow: ${index.theme.shadows.lg};
-  border-radius: ${index.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__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--IconWrap", componentId: "vui--1vysgv9" }) `display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${index.theme.radius.md};background-color:${({ color }) => color};color:#fff;svg{width:${sizes.sizes.md};height:${sizes.sizes.md};}`;
-const ContentStack = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--ContentStack", componentId: "vui--19akvqb" }) `flex-grow:1;`;
-const StyledText = styled__default.default(Text.Text).withConfig({ displayName: "vui--StyledText", componentId: "vui--1bqcjr9" }) `color:white;font-size:16px;`;
-
-exports.ContentStack = ContentStack;
-exports.IconWrap = IconWrap;
-exports.StyledText = StyledText;
-exports.Toast = Toast;
-exports.ToastsLayoutContainer = ToastsLayoutContainer;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","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).withConfig({\n  shouldForwardProp: (prop) => !['minWidth', 'last'].includes(prop),\n})<{\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":["styled","Stack","theme","BaseContainer","sizes","Text"],"mappings":";;;;;;;;;;;;;AAQO,MAAM,qBAAqB,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,4BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,kEAAA,EAKrCC,WAAK,CAAC,MAAM,CAAC,OAAO;AAG1B,MAAM,KAAK,GAAGF,uBAAM,CAACC,WAAK,CAAC,CAAC,UAAU,CAAC;AAC5C,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AAClE,CAAA,CAAC,CAGA;AACoB,oBAAA,EAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;gBAEnCA,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA;mBACbA,WAAK,CAAC,MAAM,CAAC,EAAE,CAAA;;;AAGnB,aAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,KAAK,QAAQ,CAAA;;;;;;;;;;;;;;;AAexB,eAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,eAAe,GAAG,eAAe,CAAC,CAAA;;;;;AAKxD,eAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,CAAA;;;;;AAMxE,MAAM,QAAQ,GAAGF,uBAAM,CAACG,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAO1BD,WAAK,CAAC,MAAM,CAAC,EAAE,CAAA,kBAAA,EACZ,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAA,sBAAA,EAI7BE,WAAK,CAAC,EAAE,CAAA,QAAA,EACPA,WAAK,CAAC,EAAE;MAIT,YAAY,GAAGJ,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA;MAI5B,UAAU,GAAGD,uBAAM,CAACK,SAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2BAAA;;;;;;;;"}

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

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-export declare const ToastsLayoutContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    direction?: "horizontal" | "vertical" | undefined;
-    alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
-    alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
-    spacing?: keyof import("../../Stack").SizeScale | undefined;
-    as?: import("react").ElementType<any> | undefined;
-    forwardedAs?: import("react").ElementType<any> | undefined;
-} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const Toast: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    direction?: "horizontal" | "vertical" | undefined;
-    alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
-    alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
-    spacing?: keyof import("../../Stack").SizeScale | undefined;
-    as?: import("react").ElementType<any> | undefined;
-    forwardedAs?: import("react").ElementType<any> | undefined;
-} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
-    minWidth: number | string;
-    last: boolean;
-}, never>;
-export declare const IconWrap: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
-    color: string;
-}, never>;
-export declare const ContentStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    direction?: "horizontal" | "vertical" | undefined;
-    alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
-    alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
-    spacing?: keyof import("../../Stack").SizeScale | undefined;
-    as?: import("react").ElementType<any> | undefined;
-    forwardedAs?: import("react").ElementType<any> | undefined;
-} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    as?: import("../../Text").ValidTextTag | undefined;
-    muted?: boolean | undefined;
-    variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
-} & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

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

@@ -1,48 +0,0 @@
-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({
-    shouldForwardProp: (prop) => !['minWidth', 'last'].includes(prop),
-}) `
-  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--1vysgv9" }) `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--19akvqb" }) `flex-grow:1;`;
-const StyledText = styled(Text).withConfig({ displayName: "vui--StyledText", componentId: "vui--1bqcjr9" }) `color:white;font-size:16px;`;
-
-export { ContentStack, IconWrap, StyledText, Toast, ToastsLayoutContainer };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"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).withConfig({\n  shouldForwardProp: (prop) => !['minWidth', 'last'].includes(prop),\n})<{\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;AAG1B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;AAC5C,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AAClE,CAAA,CAAC,CAGA;AACoB,oBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;gBAEnC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;mBACb,KAAK,CAAC,MAAM,CAAC,EAAE,CAAA;;;AAGnB,aAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,KAAK,QAAQ,CAAA;;;;;;;;;;;;;;;AAexB,eAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,eAAe,GAAG,eAAe,CAAC,CAAA;;;;;AAKxD,eAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,CAAA;;;;;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,CAAA,kBAAA,EACZ,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAA,sBAAA,EAI7B,KAAK,CAAC,EAAE,CAAA,QAAA,EACP,KAAK,CAAC,EAAE;MAIT,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA;MAI5B,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2BAAA;;;;"}