@veeqo/ui 9.0.0-beta-2 → 9.0.0-beta-v2-1

package/dist/components/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAOA;;AAEG;AACU,MAAA,KAAK,GAAG,MAAM,CAAC,GAAG,CAG3B,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAAA,CAAC,KAAK,KAAI;AACV,IAAA,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,KAAK;AAE9F,IAAA,IAAI,UAAU;AACd,IAAA,IAAI,cAAc;AAClB,IAAA,IAAI,aAAa;AACjB,IAAA,IAAI,QAAQ;IACZ,IAAI,SAAS,GAAG,EAAE;IAClB,IAAI,UAAU,GAAG,EAAE;IAEnB,IAAI,SAAS,KAAK,UAAU,EAAE;AAC5B,QAAA,UAAU,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AACzC,QAAA,cAAc,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AAC7C,QAAA,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QAChC,aAAa,GAAG,QAAQ;AACzB;AAAM,SAAA;AACL,QAAA,UAAU,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AACzC,QAAA,cAAc,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AAC7C,QAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QACjC,aAAa,GAAG,KAAK;AACtB;;;IAID,IACE,CAAC,SAAS,KAAK,UAAU,IAAI,MAAM,KAAK,SAAS;SAChD,SAAS,KAAK,YAAY,IAAI,MAAM,KAAK,SAAS,CAAC,EACpD;QACA,QAAQ,GAAG,CAAC;AACb;IAED,OAAO;qBACU,UAAU,CAAA;yBACN,cAAc,CAAA;wBACf,aAAa,CAAA;;;gBAGrB,QAAQ,CAAA;;;;sBAIF,SAAS,CAAA;uBACR,UAAU,CAAA;;KAE5B;AACH,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

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

@@ -1,2 +1 @@
 export { Stack } from './Stack';
-//# sourceMappingURL=index.d.ts.map

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

@@ -36,4 +36,3 @@ export type StackProps = {
     spacing?: Size;
 };
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Stepper/Stepper.cjs

@@ -1,2 +1,20 @@
-"use strict";var e=require("react"),t=require("../../theme/index.cjs"),r=require("./styled.cjs"),n=require("../../tempIcons/DownArrowIcon.cjs"),o=require("../../tempIcons/UpArrowIcon.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(e);exports.Stepper=({onIncrement:e,onDecrement:s,disabled:c=!1,size:i})=>a.default.createElement(r.Container,{size:i},a.default.createElement(r.StepButton,{type:"button",onClick:e,disabled:c},a.default.createElement(o.UpArrowIcon,{height:t.theme.sizes.base,width:t.theme.sizes.base,color:t.theme.colors.neutral.ink.base})),a.default.createElement(r.StepButton,{type:"button",onClick:s,disabled:c},a.default.createElement(n.DownArrowIcon,{height:t.theme.sizes.base,width:t.theme.sizes.base,color:t.theme.colors.neutral.ink.base})));
+'use strict';
+
+var React = require('react');
+var index = require('../../theme/index.cjs');
+var styled = require('./styled.cjs');
+var DownArrowIcon = require('../../tempIcons/DownArrowIcon.cjs');
+var UpArrowIcon = require('../../tempIcons/UpArrowIcon.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Stepper = ({ onIncrement, onDecrement, disabled = false, size }) => (React__default.default.createElement(styled.Container, { size: size },
+    React__default.default.createElement(styled.StepButton, { type: "button", onClick: onIncrement, disabled: disabled },
+        React__default.default.createElement(UpArrowIcon.UpArrowIcon, { height: index.theme.sizes.base, width: index.theme.sizes.base, color: index.theme.colors.neutral.ink.base })),
+    React__default.default.createElement(styled.StepButton, { type: "button", onClick: onDecrement, disabled: disabled },
+        React__default.default.createElement(DownArrowIcon.DownArrowIcon, { height: index.theme.sizes.base, width: index.theme.sizes.base, color: index.theme.colors.neutral.ink.base }))));
+
+exports.Stepper = Stepper;
 //# sourceMappingURL=Stepper.cjs.map

package/dist/components/Stepper/Stepper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":[null],"names":["onIncrement","onDecrement","disabled","size","React","default","createElement","Container","StepButton","type","onClick","UpArrowIcon","height","theme","sizes","base","width","color","colors","neutral","ink"],"mappings":"2QAWqB,EAAAA,cAAAC,cAAAC,YAAA,EAAAC,UAAAC,EAAAC,QAAAC,cAAAC,EAAAA,UAAA,CAAAJ,KAAAA,GACnBC,UAAOE,cAAaE,EAACA,WAAA,CAAAC,KAAA,SAAAC,QAAAV,EAAAE,SAAAA,GACtBE,UAAAE,cAAAK,EAAAA,YAAA,CAAAC,OAAAC,EAAAA,MAAAC,MAAAC,KAAAC,MAAAH,EAAAA,MAAAC,MAAAC,KAAAE,MAAAJ,QAAAK,OAAAC,QAAAC,IAAAL,QAEDX,UAAAE,cAAaE,EAAiEA,WAAA,CAAAC,KAAA,SAAAC,QAAAT,EAAAC,SAAAA"}
+{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":[null],"names":["React","Container","StepButton","UpArrowIcon","theme","DownArrowIcon"],"mappings":";;;;;;;;;;;;AAea,MAAA,OAAO,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,EAAgB,MACxFA,sBAAA,CAAA,aAAA,CAACC,gBAAS,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA;AACnB,IAAAD,sBAAA,CAAA,aAAA,CAACE,iBAAU,EAAA,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAChE,QAAAF,sBAAA,CAAA,aAAA,CAACG,uBAAW,EAAA,EACV,MAAM,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GACpC,CACS;AACb,IAAAJ,sBAAA,CAAA,aAAA,CAACE,iBAAU,EAAA,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAChE,QAAAF,sBAAA,CAAA,aAAA,CAACK,2BAAa,EAAA,EACZ,MAAM,EAAED,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CACpC,CACS,CACH;;;;"}

package/dist/components/Stepper/Stepper.d.ts

@@ -7,4 +7,3 @@ export interface StepperProps {
     size?: ComponentSize;
 }
 export declare const Stepper: ({ onIncrement, onDecrement, disabled, size }: StepperProps) => React.JSX.Element;
-//# sourceMappingURL=Stepper.d.ts.map

package/dist/components/Stepper/Stepper.js

@@ -1,2 +1,14 @@
-import e from"react";import{theme as t}from"../../theme/index.js";import{Container as o,StepButton as r}from"./styled.js";import{DownArrowIcon as s}from"../../tempIcons/DownArrowIcon.js";import{UpArrowIcon as n}from"../../tempIcons/UpArrowIcon.js";const i=({onIncrement:i,onDecrement:m,disabled:c=!1,size:a})=>e.createElement(o,{size:a},e.createElement(r,{type:"button",onClick:i,disabled:c},e.createElement(n,{height:t.sizes.base,width:t.sizes.base,color:t.colors.neutral.ink.base})),e.createElement(r,{type:"button",onClick:m,disabled:c},e.createElement(s,{height:t.sizes.base,width:t.sizes.base,color:t.colors.neutral.ink.base})));export{i as Stepper};
+import React from 'react';
+import { theme } from '../../theme/index.js';
+import { Container, StepButton } from './styled.js';
+import { DownArrowIcon } from '../../tempIcons/DownArrowIcon.js';
+import { UpArrowIcon } from '../../tempIcons/UpArrowIcon.js';
+
+const Stepper = ({ onIncrement, onDecrement, disabled = false, size }) => (React.createElement(Container, { size: size },
+    React.createElement(StepButton, { type: "button", onClick: onIncrement, disabled: disabled },
+        React.createElement(UpArrowIcon, { height: theme.sizes.base, width: theme.sizes.base, color: theme.colors.neutral.ink.base })),
+    React.createElement(StepButton, { type: "button", onClick: onDecrement, disabled: disabled },
+        React.createElement(DownArrowIcon, { height: theme.sizes.base, width: theme.sizes.base, color: theme.colors.neutral.ink.base }))));
+
+export { Stepper };
 //# sourceMappingURL=Stepper.js.map

package/dist/components/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":[null],"names":["Stepper","onIncrement","onDecrement","disabled","size","React","createElement","Container","StepButton","type","onClick","UpArrowIcon","height","theme","sizes","base","width","color","colors","neutral","ink"],"mappings":"wPAWU,MAACA,EAAU,EAAAC,cAAAC,cAAAC,YAAA,EAAAC,UAAAC,EAAAC,cAAAC,EAAA,CAAAH,KAAAA,GACnBC,EAAOC,cAAaE,EAAC,CAAAC,KAAA,SAAAC,QAAAT,EAAAE,SAAAA,GACtBE,EAAAC,cAAAK,EAAA,CAAAC,OAAAC,EAAAC,MAAAC,KAAAC,MAAAH,EAAAC,MAAAC,KAAAE,MAAAJ,EAAAK,OAAAC,QAAAC,IAAAL,QAEDV,EAAAC,cAAaE,EAAiE,CAAAC,KAAA,SAAAC,QAAAR,EAAAC,SAAAA"}
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAea,MAAA,OAAO,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,EAAgB,MACxF,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA;AACnB,IAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAChE,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GACpC,CACS;AACb,IAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAChE,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CACpC,CACS,CACH;;;;"}

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

@@ -1,2 +1 @@
 export { Stepper } from './Stepper';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Stepper/styled.cjs

@@ -1,2 +1,18 @@
-"use strict";function o(o){return o&&o.__esModule?o:{default:o}}var t=o(require("styled-components"));const e=t.default.div.withConfig({displayName:"vui--Container",componentId:"vui--1kqph75"})`box-sizing:border-box;display:inline-flex;flex-direction:column;height:${({size:o})=>"sm"===o?"32px":"40px"};border-radius:4px;${({size:o})=>"sm"===o?"svg { width: 14px !important; height: 14px !important; };\n\n      > button { padding: 0 6px };":""};& > *:first-child{border-bottom-width:0;}& > *:active,& > *:focus{border-width:1px;}& > *:active + *,& > *:focus + *{border-top-width:0;}& > *:focus,& > *:active{z-index:5;}& > *:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}& > *:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}`,r=t.default.button.withConfig({displayName:"vui--StepButton",componentId:"vui--1myicuk"})`appearance:none;flex:1;border:0;display:flex;justify-content:center;align-items:center;padding:0 8px;background-color:white;border:1px solid #959fa8;&:hover{cursor:pointer;background-color:#fafafb;}&:active:not(:disabled){background-color:#fafafb;border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`;exports.Container=e,exports.StepButton=r;
+'use strict';
+
+var styled = require('styled-components');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const Container = styled__default.default.div.withConfig({ displayName: "vui--Container", componentId: "vui--1kqph75" }) `box-sizing:border-box;display:inline-flex;flex-direction:column;height:${({ size }) => (size === 'sm' ? '32px' : '40px')};border-radius:4px;${({ size }) => size === 'sm'
+    ? `svg { width: 14px !important; height: 14px !important; };
+
+      > button { padding: 0 6px };`
+    : ''};& > *:first-child{border-bottom-width:0;}& > *:active,& > *:focus{border-width:1px;}& > *:active + *,& > *:focus + *{border-top-width:0;}& > *:focus,& > *:active{z-index:5;}& > *:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}& > *:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}`;
+const StepButton = styled__default.default.button.withConfig({ displayName: "vui--StepButton", componentId: "vui--1myicuk" }) `appearance:none;flex:1;border:0;display:flex;justify-content:center;align-items:center;padding:0 8px;background-color:white;border:1px solid #959fa8;&:hover{cursor:pointer;background-color:#fafafb;}&:active:not(:disabled){background-color:#fafafb;border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`;
+
+exports.Container = Container;
+exports.StepButton = StepButton;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":[null],"names":["Container","styled","default","div","withConfig","displayName","componentId","size"],"mappings":"sGAGA,MAAAA,EAAsBC,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAA,0EAAA,EAAAC,UAAA,OAAAA,EAAA,OAAA,4BAAA,EAAAA,UAAA,OAAAA"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":[null],"names":["styled"],"mappings":";;;;;;;;AAGa,MAAA,SAAS,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uEAAA,EAIvB,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,mBAAA,EAGvD,CAAC,EAAE,IAAI,EAAE,KACT,IAAI,KAAK;AACP,MAAE,CAAA;;AAE2B,kCAAA;MAC3B,EAAE,CAAA,uVAAA;MAgCG,UAAU,GAAGA,uBAAM,CAAC,MAAM;;;;;"}

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

@@ -3,4 +3,3 @@ export declare const Container: import("styled-components").StyledComponent<"div
     size?: ComponentSize | undefined;
 }, never>;
 export declare const StepButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/Stepper/styled.js

@@ -1,2 +1,11 @@
-import o from"styled-components";const i=o.div.withConfig({displayName:"vui--Container",componentId:"vui--1kqph75"})`box-sizing:border-box;display:inline-flex;flex-direction:column;height:${({size:o})=>"sm"===o?"32px":"40px"};border-radius:4px;${({size:o})=>"sm"===o?"svg { width: 14px !important; height: 14px !important; };\n\n      > button { padding: 0 6px };":""};& > *:first-child{border-bottom-width:0;}& > *:active,& > *:focus{border-width:1px;}& > *:active + *,& > *:focus + *{border-top-width:0;}& > *:focus,& > *:active{z-index:5;}& > *:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}& > *:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}`,r=o.button.withConfig({displayName:"vui--StepButton",componentId:"vui--1myicuk"})`appearance:none;flex:1;border:0;display:flex;justify-content:center;align-items:center;padding:0 8px;background-color:white;border:1px solid #959fa8;&:hover{cursor:pointer;background-color:#fafafb;}&:active:not(:disabled){background-color:#fafafb;border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`;export{i as Container,r as StepButton};
+import styled from 'styled-components';
+
+const Container = styled.div.withConfig({ displayName: "vui--Container", componentId: "vui--1kqph75" }) `box-sizing:border-box;display:inline-flex;flex-direction:column;height:${({ size }) => (size === 'sm' ? '32px' : '40px')};border-radius:4px;${({ size }) => size === 'sm'
+    ? `svg { width: 14px !important; height: 14px !important; };
+
+      > button { padding: 0 6px };`
+    : ''};& > *:first-child{border-bottom-width:0;}& > *:active,& > *:focus{border-width:1px;}& > *:active + *,& > *:focus + *{border-top-width:0;}& > *:focus,& > *:active{z-index:5;}& > *:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}& > *:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}`;
+const StepButton = styled.button.withConfig({ displayName: "vui--StepButton", componentId: "vui--1myicuk" }) `appearance:none;flex:1;border:0;display:flex;justify-content:center;align-items:center;padding:0 8px;background-color:white;border:1px solid #959fa8;&:hover{cursor:pointer;background-color:#fafafb;}&:active:not(:disabled){background-color:#fafafb;border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`;
+
+export { Container, StepButton };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":[null],"names":["Container","styled","div","withConfig","displayName","componentId","size"],"mappings":"iCAGA,MAAAA,EAAsBC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAA,0EAAA,EAAAC,UAAA,OAAAA,EAAA,OAAA,4BAAA,EAAAA,UAAA,OAAAA"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGa,MAAA,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uEAAA,EAIvB,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,mBAAA,EAGvD,CAAC,EAAE,IAAI,EAAE,KACT,IAAI,KAAK;AACP,MAAE,CAAA;;AAE2B,kCAAA;MAC3B,EAAE,CAAA,uVAAA;MAgCG,UAAU,GAAG,MAAM,CAAC,MAAM;;;;"}

package/dist/components/Tag/Tag.cjs

@@ -1,2 +1,17 @@
-"use strict";var e=require("styled-components"),n=require("../../theme/modules/colors.cjs"),o=require("../BaseContainer/BaseContainer.cjs");function r(e){return e&&e.__esModule?e:{default:e}}const t=r(e).default(o.BaseContainer).withConfig({displayName:"vui--Tag",componentId:"vui--qsag0v"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:4px 8px;${({backgroundColor:e,color:o})=>`\n    color: ${null!=o?o:n.colors.neutral.ink.base};\n    background-color: ${null!=e?e:n.colors.neutral.grey.base};\n  `}`;exports.Tag=t;
+'use strict';
+
+var styled = require('styled-components');
+var colors = require('../../theme/modules/colors.cjs');
+var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const Tag = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Tag", componentId: "vui--qsag0v" }) `display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:4px 8px;${({ backgroundColor, color }) => `
+    color: ${color !== null && color !== undefined ? color : colors.colors.neutral.ink.base};
+    background-color: ${backgroundColor !== null && backgroundColor !== undefined ? backgroundColor : colors.colors.neutral.grey.base};
+  `}`;
+
+exports.Tag = Tag;
 //# sourceMappingURL=Tag.cjs.map

package/dist/components/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.ts"],"sourcesContent":[null],"names":["Tag","default","BaseContainer","withConfig","displayName","componentId","backgroundColor","color","colors","neutral","ink","base"],"mappings":"+LAQC,MAAAA,OAAAC,QAAAC,EAAAA,eAAAC,WAAA,CAAAC,YAAA,WAAAC,YAAA,eAAA,sHAAA,EAAAC,kBAAAC,WAAA,gBAEMA,QAASA,EAAAC,SAAAC,QAAAC,IAAAC"}
+{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.ts"],"sourcesContent":[null],"names":["styled","BaseContainer","colors"],"mappings":";;;;;;;;;;AAUa,MAAA,GAAG,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAQpC,UAAA,CAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mHAAA,EAAA,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK;aACvB,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,SAAA,GAAL,KAAK,GAAIC,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;wBACrB,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,SAAA,GAAf,eAAe,GAAIA,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA;AAChE,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Tag/Tag.d.ts

@@ -3,4 +3,3 @@ export interface TagProps {
     color?: string;
 }
 export declare const Tag: import("styled-components").StyledComponent<"div", any, TagProps, never>;
-//# sourceMappingURL=Tag.d.ts.map

package/dist/components/Tag/Tag.js

@@ -1,2 +1,11 @@
-import o from"styled-components";import{colors as n}from"../../theme/modules/colors.js";import{BaseContainer as e}from"../BaseContainer/BaseContainer.js";const r=o(e).withConfig({displayName:"vui--Tag",componentId:"vui--qsag0v"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:4px 8px;${({backgroundColor:o,color:e})=>`\n    color: ${null!=e?e:n.neutral.ink.base};\n    background-color: ${null!=o?o:n.neutral.grey.base};\n  `}`;export{r as Tag};
+import styled from 'styled-components';
+import { colors } from '../../theme/modules/colors.js';
+import { BaseContainer } from '../BaseContainer/BaseContainer.js';
+
+const Tag = styled(BaseContainer).withConfig({ displayName: "vui--Tag", componentId: "vui--qsag0v" }) `display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:4px 8px;${({ backgroundColor, color }) => `
+    color: ${color !== null && color !== undefined ? color : colors.neutral.ink.base};
+    background-color: ${backgroundColor !== null && backgroundColor !== undefined ? backgroundColor : colors.neutral.grey.base};
+  `}`;
+
+export { Tag };
 //# sourceMappingURL=Tag.js.map

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.ts"],"sourcesContent":[null],"names":["Tag","styled","BaseContainer","withConfig","displayName","componentId","backgroundColor","color","colors","neutral","ink","base"],"mappings":"0JAQC,MAAAA,EAAAC,EAAAC,GAAAC,WAAA,CAAAC,YAAA,WAAAC,YAAA,eAAA,sHAAA,EAAAC,kBAAAC,WAAA,gBAEMA,QAASA,EAAAC,EAAAC,QAAAC,IAAAC"}
+{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAUa,MAAA,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC,CAQpC,UAAA,CAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mHAAA,EAAA,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK;aACvB,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,SAAA,GAAL,KAAK,GAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;wBACrB,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,SAAA,GAAf,eAAe,GAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA;AAChE,EAAA,CAAA,CAAA;;;;"}

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

@@ -1,2 +1 @@
 export { Tag } from './Tag';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Text/Text.cjs

@@ -1,2 +1,36 @@
-"use strict";var t=require("styled-components"),n=require("./utils.cjs"),e=require("../../theme/index.cjs");function o(t){return t&&t.__esModule?t:{default:t}}var i=o(t);const{text:r,colors:a,fontFamily:l}=e.theme,s=i.default.span.attrs((({as:t,variant:e})=>({as:n.getComponentOverride(t,e)}))).withConfig({displayName:"vui--Text",componentId:"vui--m0sc57"})`box-sizing:border-box;display:inline-block;margin:0;padding:0;font-style:normal;font-weight:normal;font-size:12px;font-family:${l};line-height:16px;color:#37424d;${({variant:t})=>("button"===t||"buttonSmall"===t)&&"\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n  "} ${({variant:t,muted:n=!1})=>{if(!t)return"";const e=n?a.neutral.ink.lightest:r[t].color;return`\n      font-family: ${r[t].fontFamily};\n      font-style: ${r[t].fontStyle};\n      font-weight: ${r[t].fontWeight};\n      font-size: ${r[t].fontSize};\n      line-height: ${r[t].lineHeight};\n      color: ${e};\n      text-decoration: ${r[t].textDecoration};\n      letter-spacing: ${r[t].letterSpacing};\n    `}}`;exports.Text=s;
+'use strict';
+
+var styled = require('styled-components');
+var utils = require('./utils.cjs');
+var index = require('../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const { text, colors, fontFamily } = index.theme;
+const Text = styled__default.default.span.attrs(({ as, variant }) => ({
+    as: utils.getComponentOverride(as, variant),
+})).withConfig({ displayName: "vui--Text", componentId: "vui--m0sc57" }) `box-sizing:border-box;display:inline-block;margin:0;padding:0;font-style:normal;font-weight:normal;font-size:12px;font-family:${fontFamily};line-height:16px;color:#37424d;${({ variant }) => (variant === 'button' || variant === 'buttonSmall') &&
+    `
+    cursor: pointer;
+    background-color: transparent;
+    border: 0;
+  `} ${({ variant, muted = false }) => {
+    if (!variant)
+        return '';
+    const color = muted ? colors.neutral.ink.lightest : text[variant].color;
+    return `
+      font-family: ${text[variant].fontFamily};
+      font-style: ${text[variant].fontStyle};
+      font-weight: ${text[variant].fontWeight};
+      font-size: ${text[variant].fontSize};
+      line-height: ${text[variant].lineHeight};
+      color: ${color};
+      text-decoration: ${text[variant].textDecoration};
+      letter-spacing: ${text[variant].letterSpacing};
+    `;
+}}`;
+
+exports.Text = Text;
 //# sourceMappingURL=Text.cjs.map

package/dist/components/Text/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Text.cjs","sources":["../../../src/components/Text/Text.ts"],"sourcesContent":[null],"names":["theme","styled","getComponentOverride"],"mappings":";;;;;;;;;;AAKA,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,GAAGA,WAAK;AAE7B,MAAA,IAAI,GAAGC,uBAAM,CAAC,IAAI,CAAC,KAAK,CAAY,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM;AACrE,IAAA,EAAE,EAAEC,0BAAoB,CAAC,EAAE,EAAE,OAAO,CAAC;AACtC,CAAA,CAAC,CAAC,CAQc,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8HAAA,EAAA,UAAU,mCAIvB,CAAC,EAAE,OAAO,EAAE,KACZ,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,aAAa;AAClD,IAAA;;;;GAID,CAEC,CAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,EAAE,KAAI;AAC/B,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,EAAE;IACvB,MAAM,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK;IACvE,OAAO;AACU,mBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,UAAU,CAAA;AACzB,kBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,SAAS,CAAA;AACtB,mBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,UAAU,CAAA;AAC1B,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAA;AACpB,mBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,UAAU,CAAA;eAC9B,KAAK,CAAA;AACK,uBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,cAAc,CAAA;AAC7B,sBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,aAAa,CAAA;KAC9C;AACH,CAAC;;;;"}

package/dist/components/Text/Text.d.ts

@@ -1,3 +1,2 @@
 import type { TextProps } from './types';
 export declare const Text: import("styled-components").StyledComponent<"span", any, {} & TextProps, never>;
-//# sourceMappingURL=Text.d.ts.map

package/dist/components/Text/Text.js

@@ -1,2 +1,30 @@
-import t from"styled-components";import{getComponentOverride as n}from"./utils.js";import{theme as o}from"../../theme/index.js";const{text:i,colors:e,fontFamily:r}=o,a=t.span.attrs((({as:t,variant:o})=>({as:n(t,o)}))).withConfig({displayName:"vui--Text",componentId:"vui--m0sc57"})`box-sizing:border-box;display:inline-block;margin:0;padding:0;font-style:normal;font-weight:normal;font-size:12px;font-family:${r};line-height:16px;color:#37424d;${({variant:t})=>("button"===t||"buttonSmall"===t)&&"\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n  "} ${({variant:t,muted:n=!1})=>{if(!t)return"";const o=n?e.neutral.ink.lightest:i[t].color;return`\n      font-family: ${i[t].fontFamily};\n      font-style: ${i[t].fontStyle};\n      font-weight: ${i[t].fontWeight};\n      font-size: ${i[t].fontSize};\n      line-height: ${i[t].lineHeight};\n      color: ${o};\n      text-decoration: ${i[t].textDecoration};\n      letter-spacing: ${i[t].letterSpacing};\n    `}}`;export{a as Text};
+import styled from 'styled-components';
+import { getComponentOverride } from './utils.js';
+import { theme } from '../../theme/index.js';
+
+const { text, colors, fontFamily } = theme;
+const Text = styled.span.attrs(({ as, variant }) => ({
+    as: getComponentOverride(as, variant),
+})).withConfig({ displayName: "vui--Text", componentId: "vui--m0sc57" }) `box-sizing:border-box;display:inline-block;margin:0;padding:0;font-style:normal;font-weight:normal;font-size:12px;font-family:${fontFamily};line-height:16px;color:#37424d;${({ variant }) => (variant === 'button' || variant === 'buttonSmall') &&
+    `
+    cursor: pointer;
+    background-color: transparent;
+    border: 0;
+  `} ${({ variant, muted = false }) => {
+    if (!variant)
+        return '';
+    const color = muted ? colors.neutral.ink.lightest : text[variant].color;
+    return `
+      font-family: ${text[variant].fontFamily};
+      font-style: ${text[variant].fontStyle};
+      font-weight: ${text[variant].fontWeight};
+      font-size: ${text[variant].fontSize};
+      line-height: ${text[variant].lineHeight};
+      color: ${color};
+      text-decoration: ${text[variant].textDecoration};
+      letter-spacing: ${text[variant].letterSpacing};
+    `;
+}}`;
+
+export { Text };
 //# sourceMappingURL=Text.js.map

package/dist/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKA,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK;AAE7B,MAAA,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAY,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM;AACrE,IAAA,EAAE,EAAE,oBAAoB,CAAC,EAAE,EAAE,OAAO,CAAC;AACtC,CAAA,CAAC,CAAC,CAQc,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8HAAA,EAAA,UAAU,mCAIvB,CAAC,EAAE,OAAO,EAAE,KACZ,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,aAAa;AAClD,IAAA;;;;GAID,CAEC,CAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,EAAE,KAAI;AAC/B,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,EAAE;IACvB,MAAM,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK;IACvE,OAAO;AACU,mBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,UAAU,CAAA;AACzB,kBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,SAAS,CAAA;AACtB,mBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,UAAU,CAAA;AAC1B,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAA;AACpB,mBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,UAAU,CAAA;eAC9B,KAAK,CAAA;AACK,uBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,cAAc,CAAA;AAC7B,sBAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,aAAa,CAAA;KAC9C;AACH,CAAC;;;;"}

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

@@ -1,2 +1 @@
 export { Text } from './Text';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Text/textVariants.d.ts

@@ -2,4 +2,3 @@ export declare const headerVariants: readonly ["headingXXL", "headingXL", "headi
 export declare const textVariants: readonly ["headingXXL", "headingXL", "headingLarge", "headingMedium", "headingSmall", "headingTable", "subheadingLarge", "subheadingMedium", "subheadingSmall", "subheadingSmallBold", "body", "bodySmall", "bodyBold", "bodyBoldDark", "bodySmallBold", "inputLabel", "inputLabelSmall", "hintText", "placeholder", "placeholderSmall", "placeholderCode", "placeholderCodeSmall", "error", "errorSmall", "successSmall"];
 /** @deprecated do not use me */
 export declare const deprecatedTextVariants: readonly ["button", "buttonSmall", "linkLarge", "linkMedium", "link", "linkSmall"];
-//# sourceMappingURL=textVariants.d.ts.map

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

@@ -12,4 +12,3 @@ export type TextProps = {
     /** @deprecated to be removed, bad for accessibility. Use `Button` or `Anchor` */
     variant?: DeprecatedTextVariants;
 });
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Text/utils.cjs

@@ -1,2 +1,24 @@
-"use strict";const e={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"};exports.getComponentOverride=(t,n)=>t||(n?e[n]:void 0);
+'use strict';
+
+const componentMap = {
+    inputLabel: 'label',
+    inputLabelSmall: 'label',
+    headingSmall: 'h3',
+    headingMedium: 'h3',
+    headingLarge: 'h2',
+    headingXL: 'h1',
+    headingXXL: 'h1',
+    // Deprecated, but quickfix for A11y.
+    button: 'button',
+    buttonSmall: 'button',
+};
+const getComponentOverride = (as, variant) => {
+    if (as)
+        return as;
+    if (variant)
+        return componentMap[variant];
+    return undefined;
+};
+
+exports.getComponentOverride = getComponentOverride;
 //# sourceMappingURL=utils.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../src/components/Text/utils.ts"],"sourcesContent":[null],"names":["componentMap","inputLabel"],"mappings":"aAAA,MAAOA,EAAe,CAetBC,WAAa"}
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/Text/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,MAAM,YAAY,GAA+D;AAC/E,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,eAAe,EAAE,OAAO;AACxB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,UAAU,EAAE,IAAI;;AAEhB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,WAAW,EAAE,QAAQ;CACtB;MAEY,oBAAoB,GAAG,CAClC,EAA4B,EAC5B,OAAyD,KACvD;AACF,IAAA,IAAI,EAAE;AAAE,QAAA,OAAO,EAAE;AACjB,IAAA,IAAI,OAAO;AAAE,QAAA,OAAO,YAAY,CAAC,OAAO,CAAC;AACzC,IAAA,OAAO,SAAS;AAClB;;;;"}

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

@@ -1,3 +1,2 @@
 import { TextVariant, DeprecatedTextVariants, ValidTextTag } from './types';
 export declare const getComponentOverride: (as: ValidTextTag | undefined, variant: TextVariant | DeprecatedTextVariants | undefined) => string | undefined;
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/Text/utils.js

@@ -1,2 +1,22 @@
-const a={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},e=(e,l)=>e||(l?a[l]:void 0);export{e as getComponentOverride};
+const componentMap = {
+    inputLabel: 'label',
+    inputLabelSmall: 'label',
+    headingSmall: 'h3',
+    headingMedium: 'h3',
+    headingLarge: 'h2',
+    headingXL: 'h1',
+    headingXXL: 'h1',
+    // Deprecated, but quickfix for A11y.
+    button: 'button',
+    buttonSmall: 'button',
+};
+const getComponentOverride = (as, variant) => {
+    if (as)
+        return as;
+    if (variant)
+        return componentMap[variant];
+    return undefined;
+};
+
+export { getComponentOverride };
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/Text/utils.ts"],"sourcesContent":[null],"names":["componentMap","inputLabel"],"mappings":"AAAA,MAAOA,EAAe,CAetBC,WAAa"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/Text/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA,MAAM,YAAY,GAA+D;AAC/E,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,eAAe,EAAE,OAAO;AACxB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,UAAU,EAAE,IAAI;;AAEhB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,WAAW,EAAE,QAAQ;CACtB;MAEY,oBAAoB,GAAG,CAClC,EAA4B,EAC5B,OAAyD,KACvD;AACF,IAAA,IAAI,EAAE;AAAE,QAAA,OAAO,EAAE;AACjB,IAAA,IAAI,OAAO;AAAE,QAAA,OAAO,YAAY,CAAC,OAAO,CAAC;AACzC,IAAA,OAAO,SAAS;AAClB;;;;"}

package/dist/components/TextField/TextField.cjs

@@ -1,2 +1,40 @@
-"use strict";var e=require("react"),r=require("../../utils/generateId.cjs"),a=require("./styled.cjs"),t=require("../types.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e);const s=/^-?[0-9]*\.?[0-9]+$/,i=e.forwardRef((({id:l,className:i,disabled:u=!1,hasError:d,multiline:c=!1,spellCheck:o=!1,name:p,onChange:f,placeholder:h,size:m=t.ComponentSize.base,type:v="text",value:C,...b},g)=>{const x=e.useCallback((e=>{if(!f)return;const r=e.currentTarget.value;if(""===r)return void f(r);if("number"!==v)return void f(r);new RegExp(s).test(r)&&f(r)}),[f,v]),E=null!=l?l:r.generateId("textfield");return"text"===v&&c?n.default.createElement(a.Textarea,{className:i,disabled:u,hasError:d,id:E,name:p,onChange:x,placeholder:h,value:C,ref:g,spellCheck:o,...b}):n.default.createElement(a.Input,{className:i,disabled:u,hasError:d,id:E,inputSize:m,name:p,"aria-label":p,onChange:x,placeholder:h,type:v,value:C,ref:g,spellCheck:o,...b})}));exports.TextField=i;
+'use strict';
+
+var React = require('react');
+var generateId = require('../../utils/generateId.cjs');
+var styled = require('./styled.cjs');
+var types = require('../types.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const NUMBER_REGEX = /^-?[0-9]*\.?[0-9]+$/;
+const TextField = React.forwardRef(({ id, className, disabled = false, hasError, multiline = false, spellCheck = false, name, onChange, placeholder, size = types.ComponentSize.base, type = 'text', value, ...otherProps }, ref) => {
+    const handleChange = React.useCallback((event) => {
+        if (!onChange)
+            return;
+        const newValue = event.currentTarget.value;
+        if (newValue === '') {
+            onChange(newValue);
+            return;
+        }
+        if (type !== 'number') {
+            onChange(newValue);
+            return;
+        }
+        const reg = new RegExp(NUMBER_REGEX);
+        if (!reg.test(newValue)) {
+            return;
+        }
+        onChange(newValue);
+    }, [onChange, type]);
+    const componentId = id !== null && id !== undefined ? id : generateId.generateId('textfield');
+    if (type === 'text' && multiline) {
+        return (React__default.default.createElement(styled.Textarea, { className: className, disabled: disabled, hasError: hasError, id: componentId, name: name, onChange: handleChange, placeholder: placeholder, value: value, ref: ref, spellCheck: spellCheck, ...otherProps }));
+    }
+    return (React__default.default.createElement(styled.Input, { className: className, disabled: disabled, hasError: hasError, id: componentId, inputSize: size, name: name, "aria-label": name, onChange: handleChange, placeholder: placeholder, type: type, value: value, ref: ref, spellCheck: spellCheck, ...otherProps }));
+});
+
+exports.TextField = TextField;
 //# sourceMappingURL=TextField.cjs.map

package/dist/components/TextField/TextField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TextField.cjs","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":[null],"names":["forwardRef","ComponentSize","useCallback","generateId","React","Textarea","Input"],"mappings":";;;;;;;;;;;AAOA,MAAM,YAAY,GAAG,qBAAqB;MAE7B,SAAS,GAAGA,gBAAU,CACjC,CACE,EACE,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,IAAI,GAAGC,mBAAa,CAAC,IAAI,EACzB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,GAAG,UAAU,EACE,EACjB,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,KAA0D,KAAI;AAC7D,QAAA,IAAI,CAAC,QAAQ;YAAE;AACf,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK;QAE1C,IAAI,QAAQ,KAAK,EAAE,EAAE;YACnB,QAAQ,CAAC,QAAQ,CAAC;YAClB;AACD;QAED,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,QAAQ,CAAC,QAAQ,CAAC;YAClB;AACD;AAED,QAAA,MAAM,GAAG,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC;AACpC,QAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACvB;AACD;QAED,QAAQ,CAAC,QAAQ,CAAC;AACpB,KAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,CACjB;AAED,IAAA,MAAM,WAAW,GAAG,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,SAAA,GAAF,EAAE,GAAIC,qBAAU,CAAC,WAAW,CAAC;AAEjD,IAAA,IAAI,IAAI,KAAK,MAAM,IAAI,SAAS,EAAE;QAChC,QACEC,qCAACC,eAAQ,EAAA,EACP,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EAClB,GAAA,UAAU,EACd,CAAA;AAEL;IAED,QACED,sBAAC,CAAA,aAAA,CAAAE,YAAK,EACJ,EAAA,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,WAAW,EACf,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,IAAI,EAAA,YAAA,EACE,IAAI,EAChB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EAClB,GAAA,UAAU,EACd,CAAA;AAEN,CAAC;;;;"}

package/dist/components/TextField/TextField.d.ts

@@ -301,4 +301,3 @@ export declare const TextField: React.ForwardRefExoticComponent<{
     size?: "base" | "sm" | undefined;
     multiline?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=TextField.d.ts.map

package/dist/components/TextField/TextField.js

@@ -1,2 +1,34 @@
-import e,{forwardRef as r,useCallback as t}from"react";import{generateId as a}from"../../utils/generateId.js";import{Textarea as l,Input as s}from"./styled.js";import{ComponentSize as n}from"../types.js";const i=/^-?[0-9]*\.?[0-9]+$/,o=r((({id:r,className:o,disabled:m=!1,hasError:d,multiline:c=!1,spellCheck:p=!1,name:u,onChange:h,placeholder:f,size:b=n.base,type:g="text",value:v,...C},E)=>{const x=t((e=>{if(!h)return;const r=e.currentTarget.value;if(""===r)return void h(r);if("number"!==g)return void h(r);new RegExp(i).test(r)&&h(r)}),[h,g]),y=null!=r?r:a("textfield");return"text"===g&&c?e.createElement(l,{className:o,disabled:m,hasError:d,id:y,name:u,onChange:x,placeholder:f,value:v,ref:E,spellCheck:p,...C}):e.createElement(s,{className:o,disabled:m,hasError:d,id:y,inputSize:b,name:u,"aria-label":u,onChange:x,placeholder:f,type:g,value:v,ref:E,spellCheck:p,...C})}));export{o as TextField};
+import React, { forwardRef, useCallback } from 'react';
+import { generateId } from '../../utils/generateId.js';
+import { Textarea, Input } from './styled.js';
+import { ComponentSize } from '../types.js';
+
+const NUMBER_REGEX = /^-?[0-9]*\.?[0-9]+$/;
+const TextField = forwardRef(({ id, className, disabled = false, hasError, multiline = false, spellCheck = false, name, onChange, placeholder, size = ComponentSize.base, type = 'text', value, ...otherProps }, ref) => {
+    const handleChange = useCallback((event) => {
+        if (!onChange)
+            return;
+        const newValue = event.currentTarget.value;
+        if (newValue === '') {
+            onChange(newValue);
+            return;
+        }
+        if (type !== 'number') {
+            onChange(newValue);
+            return;
+        }
+        const reg = new RegExp(NUMBER_REGEX);
+        if (!reg.test(newValue)) {
+            return;
+        }
+        onChange(newValue);
+    }, [onChange, type]);
+    const componentId = id !== null && id !== undefined ? id : generateId('textfield');
+    if (type === 'text' && multiline) {
+        return (React.createElement(Textarea, { className: className, disabled: disabled, hasError: hasError, id: componentId, name: name, onChange: handleChange, placeholder: placeholder, value: value, ref: ref, spellCheck: spellCheck, ...otherProps }));
+    }
+    return (React.createElement(Input, { className: className, disabled: disabled, hasError: hasError, id: componentId, inputSize: size, name: name, "aria-label": name, onChange: handleChange, placeholder: placeholder, type: type, value: value, ref: ref, spellCheck: spellCheck, ...otherProps }));
+});
+
+export { TextField };
 //# sourceMappingURL=TextField.js.map

package/dist/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA,MAAM,YAAY,GAAG,qBAAqB;MAE7B,SAAS,GAAG,UAAU,CACjC,CACE,EACE,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,IAAI,GAAG,aAAa,CAAC,IAAI,EACzB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,GAAG,UAAU,EACE,EACjB,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAA0D,KAAI;AAC7D,QAAA,IAAI,CAAC,QAAQ;YAAE;AACf,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK;QAE1C,IAAI,QAAQ,KAAK,EAAE,EAAE;YACnB,QAAQ,CAAC,QAAQ,CAAC;YAClB;AACD;QAED,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,QAAQ,CAAC,QAAQ,CAAC;YAClB;AACD;AAED,QAAA,MAAM,GAAG,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC;AACpC,QAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACvB;AACD;QAED,QAAQ,CAAC,QAAQ,CAAC;AACpB,KAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,CACjB;AAED,IAAA,MAAM,WAAW,GAAG,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,SAAA,GAAF,EAAE,GAAI,UAAU,CAAC,WAAW,CAAC;AAEjD,IAAA,IAAI,IAAI,KAAK,MAAM,IAAI,SAAS,EAAE;QAChC,QACE,oBAAC,QAAQ,EAAA,EACP,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EAClB,GAAA,UAAU,EACd,CAAA;AAEL;IAED,QACE,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,WAAW,EACf,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,IAAI,EAAA,YAAA,EACE,IAAI,EAChB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EAClB,GAAA,UAAU,EACd,CAAA;AAEN,CAAC;;;;"}

package/dist/components/TextField/index.cjs

@@ -1,2 +1,11 @@
-"use strict";var e=require("../../hoc/withLabels/withLabels.cjs");require("react");var i=require("./TextField.cjs");const t=e.withLabels(i.TextField);t.displayName="TextField",exports.TextField=t;
+'use strict';
+
+var withLabels = require('../../hoc/withLabels/withLabels.cjs');
+require('react');
+var TextField$1 = require('./TextField.cjs');
+
+const TextField = withLabels.withLabels(TextField$1.TextField);
+TextField.displayName = 'TextField';
+
+exports.TextField = TextField;
 //# sourceMappingURL=index.cjs.map

package/dist/components/TextField/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/TextField/index.ts"],"sourcesContent":[null],"names":["withLabels","StandardTextField"],"mappings":";;;;;;MAGa,SAAS,GAAGA,qBAAU,CAACC,qBAAiB;AAErD,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

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

@@ -301,4 +301,3 @@ export declare const TextField: import("react").FC<{
     size?: "base" | "sm" | undefined;
     multiline?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/TextField/index.js

@@ -1,2 +1,9 @@
-import{withLabels as e}from"../../hoc/withLabels/withLabels.js";import"react";import{TextField as t}from"./TextField.js";const i=e(t);i.displayName="TextField";export{i as TextField};
+import { withLabels } from '../../hoc/withLabels/withLabels.js';
+import 'react';
+import { TextField as TextField$1 } from './TextField.js';
+
+const TextField = withLabels(TextField$1);
+TextField.displayName = 'TextField';
+
+export { TextField };
 //# sourceMappingURL=index.js.map

package/dist/components/TextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../../src/components/TextField/index.ts"],"sourcesContent":[null],"names":["StandardTextField"],"mappings":";;;;MAGa,SAAS,GAAG,UAAU,CAACA,WAAiB;AAErD,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/components/TextField/styled.cjs

@@ -1,2 +1,37 @@
-"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var i=n(e);const r=({hasError:o,inputSize:n})=>e.css`&{--outline-size:${"sm"===n?"2px":"4px"};}&:focus{border-color:#0079d1;box-shadow:0 0 0 var(--outline-size)#80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 var(--outline-size)#f7bcbc;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}${o&&"\n    &,\n    &:focus {\n      border-color: #EB5757;\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 var(--outline-size) #F7BCBC;\n    }\n  "}`,t=i.default.input.withConfig({displayName:"vui--Input",componentId:"vui--1o6oill"})`font-family:${o.theme.fontFamily};box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${({inputSize:e})=>{let o="40px",n="14px";return"sm"===e&&(o="32px",n="12px"),`\n      height: ${o};\n      font-size: ${n};\n    `}} ${r} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,a=i.default.textarea.withConfig({displayName:"vui--Textarea",componentId:"vui--1jp908v"})`box-sizing:border-box;width:100%;padding:8px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${r}`;exports.Input=t,exports.Textarea=a;
+'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 pseudoStates = ({ hasError, inputSize }) => styled.css `&{--outline-size:${inputSize === 'sm' ? '2px' : '4px'};}&:focus{border-color:#0079d1;box-shadow:0 0 0 var(--outline-size)#80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 var(--outline-size)#f7bcbc;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}${hasError &&
+    `
+    &,
+    &:focus {
+      border-color: #EB5757;
+    }
+
+    &:focus {
+      box-shadow: 0 0 0 var(--outline-size) #F7BCBC;
+    }
+  `}`;
+const Input = styled__default.default.input.withConfig({ displayName: "vui--Input", componentId: "vui--1o6oill" }) `font-family:${index.theme.fontFamily};box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${({ inputSize }) => {
+    let height = '40px';
+    let fontSize = '14px';
+    if (inputSize === 'sm') {
+        height = '32px';
+        fontSize = '12px';
+    }
+    return `
+      height: ${height};
+      font-size: ${fontSize};
+    `;
+}} ${pseudoStates} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`;
+const Textarea = styled__default.default.textarea.withConfig({ displayName: "vui--Textarea", componentId: "vui--1jp908v" }) `box-sizing:border-box;width:100%;padding:8px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${pseudoStates}`;
+
+exports.Input = Input;
+exports.Textarea = Textarea;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/TextField/styled.ts"],"sourcesContent":[null],"names":["css","styled","theme"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAc,KAAKA,UAAG,qBAE3C,SAAS,KAAK,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA,0PAAA,EAqBpD,QAAQ;AACV,IAAA;;;;;;;;;AASC,EAAA,CAAA,CAAA,CACF;AAEY,MAAA,KAAK,GAAGC,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAChBC,WAAK,CAAC,UAAU,CAU7B,sJAAA,EAAA,CAAC,EAAE,SAAS,EAAE,KAAI;IAClB,IAAI,MAAM,GAAG,MAAM;IACnB,IAAI,QAAQ,GAAG,MAAM;IAErB,IAAI,SAAS,KAAK,IAAI,EAAE;QACtB,MAAM,GAAG,MAAM;QACf,QAAQ,GAAG,MAAM;AAClB;IAED,OAAO;gBACK,MAAM,CAAA;mBACH,QAAQ,CAAA;KACtB;AACH,CAAC,CAAA,CAAA,EAEC,YAAY,CAAA,oKAAA;AAeH,MAAA,QAAQ,GAAGD,uBAAM,CAAC,QAAQ,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,sGAAA,EAQnC,YAAY,CAAA;;;;;"}

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

@@ -1,3 +1,2 @@
 export declare const Input: import("styled-components").StyledComponent<"input", any, any, never>;
 export declare const Textarea: import("styled-components").StyledComponent<"textarea", any, any, never>;
-//# sourceMappingURL=styled.d.ts.map