@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/Stepper/styled.cjs

@@ -1,74 +1,18 @@
-"use strict";function o(o){return o&&o.__esModule?o:{default:o}}var r=o(require("styled-components"));const e=r.default.div`
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-direction: column;
-  height: ${({size:o})=>"sm"===o?"32px":"40px"};
-  border-radius: 4px;
+'use strict';
 
-  ${({size:o})=>"sm"===o?"svg { width: 14px !important; height: 14px !important; };\n\n      > button { padding: 0 6px };":""};
+var styled = require('styled-components');
 
-  & > *:first-child {
-    border-bottom-width: 0;
-  }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  & > *:active,
-  & > *:focus {
-    border-width: 1px;
-  }
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  & > *:active + *,
-  & > *:focus + * {
-    border-top-width: 0;
-  }
+const Container = styled__default.default.div.withConfig({ displayName: "vui--Container", componentId: "vui--1y4bw67" }) `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; };
 
-  & > *:focus,
-  & > *:active {
-    z-index: 5;
-  }
+      > 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--z17r9v" }) `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;}`;
 
-  & > *:first-child {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  & > *:last-child {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`,t=r.default.button`
-  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=t;
+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","div"],"mappings":"sGAGA,MAAAA,EAAsBC,EAAAA,QAAAC,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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,74 +1,11 @@
-import o from"styled-components";const r=o.div`
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-direction: column;
-  height: ${({size:o})=>"sm"===o?"32px":"40px"};
-  border-radius: 4px;
+import styled from 'styled-components';
 
-  ${({size:o})=>"sm"===o?"svg { width: 14px !important; height: 14px !important; };\n\n      > button { padding: 0 6px };":""};
+const Container = styled.div.withConfig({ displayName: "vui--Container", componentId: "vui--1y4bw67" }) `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; };
 
-  & > *:first-child {
-    border-bottom-width: 0;
-  }
+      > 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--z17r9v" }) `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;}`;
 
-  & > *: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;
-  }
-`,i=o.button`
-  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{r as Container,i as StepButton};
+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"],"mappings":"iCAGA,MAAAA,EAAsBC,EAAAC,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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,11 +1,17 @@
-"use strict";var e=require("styled-components"),r=require("../../theme/modules/colors.cjs"),n=require("../BaseContainer/BaseContainer.cjs");function o(e){return e&&e.__esModule?e:{default:e}}const l=o(e).default(n.BaseContainer)`
-  display: inline-flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  border-radius: 4px;
-  padding: 4px 8px;
-
-  ${({backgroundColor:e,color:n})=>`\n    color: ${null!=n?n:r.colors.neutral.ink.base};\n    background-color: ${null!=e?e:r.colors.neutral.grey.base};\n  `}
-`;exports.Tag=l;
+'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--1rdo7hk" }) `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","styled","BaseContainer"],"mappings":"+LAQC,MAAAA,OAAAC,QAAAC,EAAAA,cAAA;;;;;;;;;"}
+{"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,cAAA,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,11 +1,11 @@
-import o from"styled-components";import{colors as e}from"../../theme/modules/colors.js";import{BaseContainer as n}from"../BaseContainer/BaseContainer.js";const r=o(n)`
-  display: inline-flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  border-radius: 4px;
-  padding: 4px 8px;
+import styled from 'styled-components';
+import { colors } from '../../theme/modules/colors.js';
+import { BaseContainer } from '../BaseContainer/BaseContainer.js';
 
-  ${({backgroundColor:o,color:n})=>`\n    color: ${null!=n?n:e.neutral.ink.base};\n    background-color: ${null!=o?o:e.neutral.grey.base};\n  `}
-`;export{r as Tag};
+const Tag = styled(BaseContainer).withConfig({ displayName: "vui--Tag", componentId: "vui--1rdo7hk" }) `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"],"mappings":"0JAQC,MAAAA,EAAAC,EAAAC,EAAA;;;;;;;;;"}
+{"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,cAAA,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,17 +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 r=o(t);const{text:i,colors:a,fontFamily:l}=e.theme,s=r.default.span.attrs((({as:t,variant:e})=>({as:n.getComponentOverride(t,e)})))`
-  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;
+'use strict';
 
-  ${({variant:t})=>("button"===t||"buttonSmall"===t)&&"\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n  "}
+var styled = require('styled-components');
+var utils = require('./utils.cjs');
+var index = require('../../theme/index.cjs');
 
-  ${({variant:t,muted:n=!1})=>{if(!t)return"";const e=n?a.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: ${e};\n      text-decoration: ${i[t].textDecoration};\n      letter-spacing: ${i[t].letterSpacing};\n    `}}
-`;exports.Text=s;
+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--p74sf8" }) `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,17 +1,30 @@
-import t from"styled-components";import{getComponentOverride as n}from"./utils.js";import{theme as o}from"../../theme/index.js";const{text:e,colors:i,fontFamily:r}=o,a=t.span.attrs((({as:t,variant:o})=>({as:n(t,o)})))`
-  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;
+import styled from 'styled-components';
+import { getComponentOverride } from './utils.js';
+import { theme } from '../../theme/index.js';
 
-  ${({variant:t})=>("button"===t||"buttonSmall"===t)&&"\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n  "}
+const { text, colors, fontFamily } = theme;
+const Text = styled.span.attrs(({ as, variant }) => ({
+    as: getComponentOverride(as, variant),
+})).withConfig({ displayName: "vui--Text", componentId: "vui--p74sf8" }) `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};
+    `;
+}}`;
 
-  ${({variant:t,muted:n=!1})=>{if(!t)return"";const o=n?i.neutral.ink.lightest:e[t].color;return`\n      font-family: ${e[t].fontFamily};\n      font-style: ${e[t].fontStyle};\n      font-weight: ${e[t].fontWeight};\n      font-size: ${e[t].fontSize};\n      line-height: ${e[t].lineHeight};\n      color: ${o};\n      text-decoration: ${e[t].textDecoration};\n      letter-spacing: ${e[t].letterSpacing};\n    `}}
-`;export{a as Text};
+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;;;;"}