@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/Checkbox/Checkbox.cjs

@@ -1,2 +1,32 @@
-"use strict";var e=require("react"),a=require("../Choice/Choice.cjs"),r=require("./styled.cjs"),c=require("../../utils/generateId.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(e);exports.Checkbox=({checked:t,indeterminate:u,value:l,name:i,disabled:s,ariaLabel:d,className:o,onChange:h,...b})=>{const m=e.useMemo((()=>c.generateId("checkbox")),[]),f=e.useRef(null),k=e.useCallback((e=>{h(e.currentTarget.checked,l)}),[h,l]);return e.useEffect((()=>{f.current&&(f.current.indeterminate=!0===u)}),[u]),n.default.createElement(a.Choice,{id:m,disabled:s,className:o,...b},n.default.createElement(r.Input,{ref:f,id:m,type:"checkbox",checked:t,value:l,name:i,disabled:s,"aria-label":d,onChange:k}))};
+'use strict';
+
+var React = require('react');
+var Choice = require('../Choice/Choice.cjs');
+var styled = require('./styled.cjs');
+var generateId = require('../../utils/generateId.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Checkbox = ({ checked, indeterminate, value, name, disabled, ariaLabel, className, onChange, ...otherProps }) => {
+    const id = React.useMemo(() => generateId.generateId('checkbox'), []);
+    const checkboxRef = React.useRef(null);
+    const handleChange = React.useCallback((e) => {
+        onChange(e.currentTarget.checked, value);
+    }, [onChange, value]);
+    React.useEffect(() => {
+        if (!checkboxRef.current)
+            return;
+        if (indeterminate === true) {
+            checkboxRef.current.indeterminate = true;
+            return;
+        }
+        checkboxRef.current.indeterminate = false;
+    }, [indeterminate]);
+    return (React__default.default.createElement(Choice.Choice, { id: id, disabled: disabled, className: className, ...otherProps },
+        React__default.default.createElement(styled.Input, { ref: checkboxRef, id: id, type: "checkbox", checked: checked, value: value, name: name, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange })));
+};
+
+exports.Checkbox = Checkbox;
 //# sourceMappingURL=Checkbox.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange","otherProps","id","useMemo","generateId","checkboxRef","useRef","handleChange","useCallback","e","currentTarget","useEffect","current"],"mappings":"uNAQmB,EAAAA,UAAAC,gBAAAC,QAAAC,OAAAC,WAAAC,YAAAC,YAAAC,cAAAC,MACjB,MAAaC,EAAAC,EAAAA,SAAG,IAAQC,EAAAA,WAAA,aAAA,IAClBC,EAAEC,SAAc,MACfC,EAAOC,eAAAC,IACNT,EAAGS,EAAAC,cAAQjB,QAAAE,EAAA,GACV,CAAAK,EAAGL,WACZgB,EAAAA,WAAU,KACDN,EAAUO,mCAalB,IAVHlB"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["useMemo","generateId","useRef","useCallback","useEffect","React","Choice","Input"],"mappings":";;;;;;;;;;;AAkBa,MAAA,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,aAAa,EACb,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACC,KAAI;AAClB,IAAA,MAAM,EAAE,GAAGA,aAAO,CAAC,MAAMC,qBAAU,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;AACpD,IAAA,MAAM,WAAW,GAAGC,YAAM,CAAmB,IAAI,CAAC;AAElD,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,CAAsC,KAAI;QACzC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1C,KAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAEDC,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE;QAC1B,IAAI,aAAa,KAAK,IAAI,EAAE;AAC1B,YAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,IAAI;YACxC;AACD;AACD,QAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,KAAK;AAC3C,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAEnB,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,aAAM,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,KAAM,UAAU,EAAA;AACtE,QAAAD,sBAAA,CAAA,aAAA,CAACE,YAAK,EACJ,EAAA,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,CAAA,CACK;AAEb;;;;"}

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

@@ -12,4 +12,3 @@ export interface CheckboxProps extends ForwardedChoiceProps {
     className?: string;
 }
 export declare const Checkbox: ({ checked, indeterminate, value, name, disabled, ariaLabel, className, onChange, ...otherProps }: CheckboxProps) => React.JSX.Element;
-//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox/Checkbox.js

@@ -1,2 +1,26 @@
-import e,{useMemo as r,useRef as a,useCallback as t,useEffect as c}from"react";import{Choice as n}from"../Choice/Choice.js";import{Input as i}from"./styled.js";import{generateId as o}from"../../utils/generateId.js";const l=({checked:l,indeterminate:m,value:d,name:s,disabled:h,ariaLabel:u,className:b,onChange:p,...f})=>{const k=r((()=>o("checkbox")),[]),g=a(null),C=t((e=>{p(e.currentTarget.checked,d)}),[p,d]);return c((()=>{g.current&&(g.current.indeterminate=!0===m)}),[m]),e.createElement(n,{id:k,disabled:h,className:b,...f},e.createElement(i,{ref:g,id:k,type:"checkbox",checked:l,value:d,name:s,disabled:h,"aria-label":u,onChange:C}))};export{l as Checkbox};
+import React, { useMemo, useRef, useCallback, useEffect } from 'react';
+import { Choice } from '../Choice/Choice.js';
+import { Input } from './styled.js';
+import { generateId } from '../../utils/generateId.js';
+
+const Checkbox = ({ checked, indeterminate, value, name, disabled, ariaLabel, className, onChange, ...otherProps }) => {
+    const id = useMemo(() => generateId('checkbox'), []);
+    const checkboxRef = useRef(null);
+    const handleChange = useCallback((e) => {
+        onChange(e.currentTarget.checked, value);
+    }, [onChange, value]);
+    useEffect(() => {
+        if (!checkboxRef.current)
+            return;
+        if (indeterminate === true) {
+            checkboxRef.current.indeterminate = true;
+            return;
+        }
+        checkboxRef.current.indeterminate = false;
+    }, [indeterminate]);
+    return (React.createElement(Choice, { id: id, disabled: disabled, className: className, ...otherProps },
+        React.createElement(Input, { ref: checkboxRef, id: id, type: "checkbox", checked: checked, value: value, name: name, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange })));
+};
+
+export { Checkbox };
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["Checkbox","checked","indeterminate","value","name","disabled","ariaLabel","className","onChange","otherProps","id","useMemo","generateId","checkboxRef","useRef","handleChange","useCallback","e","currentTarget","useEffect","current"],"mappings":"uNAQS,MAAEA,EAAQ,EAAAC,UAAAC,gBAAAC,QAAAC,OAAAC,WAAAC,YAAAC,YAAAC,cAAAC,MACjB,MAAaC,EAAAC,GAAG,IAAQC,EAAA,aAAA,IAClBC,EAAEC,EAAc,MACfC,EAAOC,GAAAC,IACNT,EAAGS,EAAAC,cAAQjB,QAAAE,EAAA,GACV,CAAAK,EAAGL,WACZgB,GAAU,KACDN,EAAUO,mCAalB,IAVHlB"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAkBa,MAAA,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,aAAa,EACb,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACC,KAAI;AAClB,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,UAAU,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;AACpD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC;AAElD,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,KAAI;QACzC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1C,KAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAED,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE;QAC1B,IAAI,aAAa,KAAK,IAAI,EAAE;AAC1B,YAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,IAAI;YACxC;AACD;AACD,QAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,KAAK;AAC3C,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAEnB,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,KAAM,UAAU,EAAA;AACtE,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EACJ,EAAA,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,CAAA,CACK;AAEb;;;;"}

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

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

package/dist/components/Checkbox/styled.cjs

@@ -1,62 +1,14 @@
-"use strict";var e=require("styled-components"),r=require("../../theme/index.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var a=o(e);const{colors:t,sizes:i,radius:n}=r.theme,s=a.default.input`
-  appearance: none;
-  width: 18px;
-  height: 18px;
-  background-color: transparent;
-  border: 2px solid ${t.neutral.ink.lightest};
-  border-radius: ${n.base};
-  cursor: pointer;
-  flex-shrink: 0;
+'use strict';
 
-  transition:
-    box-shadow 0.1s,
-    background-color 0.1s;
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
 
-  &:checked {
-    background-color: ${t.secondary.blue.base};
-    border-color: ${t.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: ${i[4]};
-    background-position: center;
-  }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  &:hover {
-    border-color: ${t.secondary.blue.base};
-  }
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  &:active {
-    border-color: ${t.secondary.blue.base};
-  }
+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>");}`;
 
-  &:focus {
-    box-shadow: 0 0 0 4px ${t.secondary.blue.light};
-    outline: 0;
-  }
-
-  &:indeterminate {
-    background-color: ${t.secondary.blue.base};
-    border-color: ${t.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: ${i[4]};
-    background-position: center;
-  }
-
-  &:disabled {
-    box-shadow: none;
-    background-color: ${t.neutral.grey.base};
-    border-color: ${t.neutral.grey.base};
-    color: ${t.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=s;
+exports.Input = Input;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Checkbox/styled.ts"],"sourcesContent":[null],"names":["theme","styled"],"mappings":";;;;;;;;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAGA,WAAK;AAE1B,MAAA,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,CAC9B,eAAA,EAAA,MAAM,CAAC,IAAI,6GASN,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAC9B,cAAA,EAAA,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,CAIlB,+BAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,6CAAA,EAK/B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAC9B,cAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,2PAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,CAAA,yEAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAC5B,cAAA,EAAA,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,2 +1 @@
 export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/Checkbox/styled.js

@@ -1,62 +1,8 @@
-import e from"styled-components";import{theme as o}from"../../theme/index.js";const{colors:r,sizes:a,radius:t}=o,i=e.input`
-  appearance: none;
-  width: 18px;
-  height: 18px;
-  background-color: transparent;
-  border: 2px solid ${r.neutral.ink.lightest};
-  border-radius: ${t.base};
-  cursor: pointer;
-  flex-shrink: 0;
+import styled from 'styled-components';
+import { theme } from '../../theme/index.js';
 
-  transition:
-    box-shadow 0.1s,
-    background-color 0.1s;
+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>");}`;
 
-  &:checked {
-    background-color: ${r.secondary.blue.base};
-    border-color: ${r.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: ${a[4]};
-    background-position: center;
-  }
-
-  &:hover {
-    border-color: ${r.secondary.blue.base};
-  }
-
-  &:active {
-    border-color: ${r.secondary.blue.base};
-  }
-
-  &:focus {
-    box-shadow: 0 0 0 4px ${r.secondary.blue.light};
-    outline: 0;
-  }
-
-  &:indeterminate {
-    background-color: ${r.secondary.blue.base};
-    border-color: ${r.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: ${a[4]};
-    background-position: center;
-  }
-
-  &:disabled {
-    box-shadow: none;
-    background-color: ${r.neutral.grey.base};
-    border-color: ${r.neutral.grey.base};
-    color: ${r.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{i as Input};
+export { Input };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Checkbox/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK;AAE1B,MAAA,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,CAC9B,eAAA,EAAA,MAAM,CAAC,IAAI,6GASN,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAC9B,cAAA,EAAA,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,CAIlB,+BAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,6CAAA,EAK/B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAC9B,cAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,2PAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,CAAA,yEAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAC5B,cAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EAC/B,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,miBAAA;;;;"}

package/dist/components/Choice/Choice.cjs

@@ -1,2 +1,42 @@
-"use strict";var e=require("react"),t=require("../Stack/Stack.cjs"),l=require("../../theme/index.cjs"),a=require("./components/styled.cjs"),r=require("../../tempIcons/HelpIcon.cjs"),o=require("../Text/Text.cjs");function c(e){return e&&e.__esModule?e:{default:e}}var n=c(e);exports.Choice=({id:e,className:c,label:i,hint:s,tooltip:u,error:d,bordered:m,Badge:p,Accessory:h,Footer:f,children:E,disabled:b=!1,labelVariant:_="body",inputPosition:x="left"})=>{const y={hint:(v=c)?"choice__hint":void 0,label:v?"choice__label":void 0,tooltip:v?"choice__tooltip":void 0,error:v?"choice__error":void 0};var v;const g=n.default.createElement(a.RootLayout,null,"left"===x&&n.default.createElement(a.InputLayout,{align:h?"center":"top"},E),h&&n.default.createElement(a.AccessoryLayout,null,h),i||s||d||p||f?n.default.createElement(a.TextLayout,null,n.default.createElement(t.Stack,{direction:"horizontal",alignY:"center",spacing:"sm"},p,i&&n.default.createElement(o.Text,{variant:_,className:y.label},i),u&&n.default.createElement(a.BlockTooltip,{text:u,className:y.tooltip},n.default.createElement(r.HelpIcon,{name:"help",width:l.theme.sizes.base,color:l.theme.colors.neutral.ink.lightest}))),s&&n.default.createElement(a.HintText,{className:y.hint},s),d&&n.default.createElement(a.ErrorText,{className:y.error},d),f):null,"right"===x&&n.default.createElement(a.InputLayout,{align:h?"center":"top"},E));return m?n.default.createElement(a.BorderedWrapper,{disabled:b,htmlFor:e,className:c},g):n.default.createElement(a.Wrapper,{disabled:b,htmlFor:e,className:c},g)};
+'use strict';
+
+var React = require('react');
+var Stack = require('../Stack/Stack.cjs');
+var index = require('../../theme/index.cjs');
+var styled = require('./components/styled.cjs');
+var HelpIcon = require('../../tempIcons/HelpIcon.cjs');
+var Text = require('../Text/Text.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const generateClassNames = (prefix) => ({
+    hint: prefix ? 'choice__hint' : undefined,
+    label: prefix ? 'choice__label' : undefined,
+    tooltip: prefix ? 'choice__tooltip' : undefined,
+    error: prefix ? 'choice__error' : undefined,
+});
+const Choice = ({ id, className, label, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled = false, labelVariant = 'body', inputPosition = 'left', }) => {
+    const classNames = generateClassNames(className);
+    const contentMarkup = (React__default.default.createElement(styled.RootLayout, null,
+        inputPosition === 'left' && (React__default.default.createElement(styled.InputLayout, { align: Accessory ? 'center' : 'top' }, children)),
+        Accessory && React__default.default.createElement(styled.AccessoryLayout, null, Accessory),
+        label || hint || error || Badge || Footer ? (React__default.default.createElement(styled.TextLayout, null,
+            React__default.default.createElement(Stack.Stack, { direction: "horizontal", alignY: "center", spacing: "sm" },
+                Badge,
+                label && (React__default.default.createElement(Text.Text, { variant: labelVariant, className: classNames.label }, label)),
+                tooltip && (React__default.default.createElement(styled.BlockTooltip, { text: tooltip, className: classNames.tooltip },
+                    React__default.default.createElement(HelpIcon.HelpIcon, { name: "help", width: index.theme.sizes.base, color: index.theme.colors.neutral.ink.lightest })))),
+            hint && React__default.default.createElement(styled.HintText, { className: classNames.hint }, hint),
+            error && React__default.default.createElement(styled.ErrorText, { className: classNames.error }, error),
+            Footer)) : null,
+        inputPosition === 'right' && (React__default.default.createElement(styled.InputLayout, { align: Accessory ? 'center' : 'top' }, children))));
+    if (bordered) {
+        return (React__default.default.createElement(styled.BorderedWrapper, { disabled: disabled, htmlFor: id, className: className }, contentMarkup));
+    }
+    return (React__default.default.createElement(styled.Wrapper, { disabled: disabled, htmlFor: id, className: className }, contentMarkup));
+};
+
+exports.Choice = Choice;
 //# sourceMappingURL=Choice.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Choice.cjs","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":[null],"names":["id","className","label","hint","tooltip","error","bordered","Badge","Accessory","Footer","children","disabled","labelVariant","inputPosition","classNames","prefix","undefined","contentMarkup","React","createElement","RootLayout","InputLayout","align","AccessoryLayout","TextLayout","Stack","direction","alignY","spacing","default","Text","variant"],"mappings":"iSA6BoB,EAACA,KAAAC,YAAAC,QAAAC,OAAAC,UAAAC,QAAAC,WAAAC,QAAAC,YAAAC,SAAAC,WAAAC,YAAA,EAAAC,eAAA,OAAAC,gBAAA,WACnB,MAAAC,EAPc,CACdX,MADcY,EAOmBd,GANvB,oBAAOe,EACjBd,MAAQa,EAAO,qBAAAC,EACfZ,QAASW,EAAS,uBAACC,EACnBX,MAAQU,EAAA,qBAAUC,GAJJ,IAAAD,EAQd,MAAYE,EAAGC,EAAAA,QAAYC,cAAAC,EAAAA,WAAA,KAC5B,SAAAP,GAAAK,UAAAC,cAAAE,EAAAA,YAAA,CAAAC,MAAAd,EAAA,SAAA,OAAAE,GAEKF,GAAuBU,EAAAA,QAAAC,cAA4BI,EAAAA,gBAAA,KAAAf,GACnDN,GAAOC,GAAAE,GAAAE,GAAAE,EAAAS,UAAAC,cAAAK,EAAAA,WAAA,KACHN,wBAAYO,EAAAA,MAAA,CAAAC,UAAA,aAAAC,OAAA,SAAAC,QAAA,MACrBrB,EASYL,GAAAgB,EAeVW,QAAAV,cAAAW,EAAAA,KAAA,CAAAC,QAAAnB,EAAAX,UAAAa,EAAAZ,OAAAA"}
+{"version":3,"file":"Choice.cjs","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":[null],"names":["React","RootLayout","InputLayout","AccessoryLayout","TextLayout","Stack","Text","BlockTooltip","HelpIcon","theme","HintText","ErrorText","BorderedWrapper","Wrapper"],"mappings":"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"}

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

@@ -19,4 +19,3 @@ export interface ChoiceProps extends ForwardedChoiceProps {
     children: ReactNode;
 }
 export declare const Choice: ({ id, className, label, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled, labelVariant, inputPosition, }: ChoiceProps) => React.JSX.Element;
-//# sourceMappingURL=Choice.d.ts.map

package/dist/components/Choice/Choice.js

@@ -1,2 +1,36 @@
-import e from"react";import{Stack as t}from"../Stack/Stack.js";import{theme as l}from"../../theme/index.js";import{RootLayout as r,InputLayout as o,AccessoryLayout as a,TextLayout as c,BlockTooltip as n,HintText as i,ErrorText as m,BorderedWrapper as s,Wrapper as d}from"./components/styled.js";import{HelpIcon as p}from"../../tempIcons/HelpIcon.js";import{Text as h}from"../Text/Text.js";const E=({id:E,className:b,label:f,hint:_,tooltip:g,error:u,bordered:N,Badge:v,Accessory:j,Footer:x,children:k,disabled:y=!1,labelVariant:F="body",inputPosition:z="left"})=>{const I={hint:(S=b)?"choice__hint":void 0,label:S?"choice__label":void 0,tooltip:S?"choice__tooltip":void 0,error:S?"choice__error":void 0};var S;const T=e.createElement(r,null,"left"===z&&e.createElement(o,{align:j?"center":"top"},k),j&&e.createElement(a,null,j),f||_||u||v||x?e.createElement(c,null,e.createElement(t,{direction:"horizontal",alignY:"center",spacing:"sm"},v,f&&e.createElement(h,{variant:F,className:I.label},f),g&&e.createElement(n,{text:g,className:I.tooltip},e.createElement(p,{name:"help",width:l.sizes.base,color:l.colors.neutral.ink.lightest}))),_&&e.createElement(i,{className:I.hint},_),u&&e.createElement(m,{className:I.error},u),x):null,"right"===z&&e.createElement(o,{align:j?"center":"top"},k));return N?e.createElement(s,{disabled:y,htmlFor:E,className:b},T):e.createElement(d,{disabled:y,htmlFor:E,className:b},T)};export{E as Choice};
+import React from 'react';
+import { Stack } from '../Stack/Stack.js';
+import { theme } from '../../theme/index.js';
+import { RootLayout, InputLayout, AccessoryLayout, TextLayout, BlockTooltip, HintText, ErrorText, BorderedWrapper, Wrapper } from './components/styled.js';
+import { HelpIcon } from '../../tempIcons/HelpIcon.js';
+import { Text } from '../Text/Text.js';
+
+const generateClassNames = (prefix) => ({
+    hint: prefix ? 'choice__hint' : undefined,
+    label: prefix ? 'choice__label' : undefined,
+    tooltip: prefix ? 'choice__tooltip' : undefined,
+    error: prefix ? 'choice__error' : undefined,
+});
+const Choice = ({ id, className, label, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled = false, labelVariant = 'body', inputPosition = 'left', }) => {
+    const classNames = generateClassNames(className);
+    const contentMarkup = (React.createElement(RootLayout, null,
+        inputPosition === 'left' && (React.createElement(InputLayout, { align: Accessory ? 'center' : 'top' }, children)),
+        Accessory && React.createElement(AccessoryLayout, null, Accessory),
+        label || hint || error || Badge || Footer ? (React.createElement(TextLayout, null,
+            React.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "sm" },
+                Badge,
+                label && (React.createElement(Text, { variant: labelVariant, className: classNames.label }, label)),
+                tooltip && (React.createElement(BlockTooltip, { text: tooltip, className: classNames.tooltip },
+                    React.createElement(HelpIcon, { name: "help", width: theme.sizes.base, color: theme.colors.neutral.ink.lightest })))),
+            hint && React.createElement(HintText, { className: classNames.hint }, hint),
+            error && React.createElement(ErrorText, { className: classNames.error }, error),
+            Footer)) : null,
+        inputPosition === 'right' && (React.createElement(InputLayout, { align: Accessory ? 'center' : 'top' }, children))));
+    if (bordered) {
+        return (React.createElement(BorderedWrapper, { disabled: disabled, htmlFor: id, className: className }, contentMarkup));
+    }
+    return (React.createElement(Wrapper, { disabled: disabled, htmlFor: id, className: className }, contentMarkup));
+};
+
+export { Choice };
 //# sourceMappingURL=Choice.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Choice.js","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":[null],"names":["Choice","id","className","label","hint","tooltip","error","bordered","Badge","Accessory","Footer","children","disabled","labelVariant","inputPosition","classNames","prefix","undefined","contentMarkup","React","createElement","RootLayout","InputLayout","align","AccessoryLayout","TextLayout","Stack","direction","alignY","spacing","Text","variant"],"mappings":"2YA6BWA,EAAS,EAACC,KAAAC,YAAAC,QAAAC,OAAAC,UAAAC,QAAAC,WAAAC,QAAAC,YAAAC,SAAAC,WAAAC,YAAA,EAAAC,eAAA,OAAAC,gBAAA,WACnB,MAAAC,EAPc,CACdX,MADcY,EAOmBd,GANvB,oBAAOe,EACjBd,MAAQa,EAAO,qBAAAC,EACfZ,QAASW,EAAS,uBAACC,EACnBX,MAAQU,EAAA,qBAAUC,GAJJ,IAAAD,EAQd,MAAYE,EAAGC,EAAYC,cAAAC,EAAA,KAC5B,SAAAP,GAAAK,EAAAC,cAAAE,EAAA,CAAAC,MAAAd,EAAA,SAAA,OAAAE,GAEKF,GAAuBU,EAAAC,cAA4BI,EAAA,KAAAf,GACnDN,GAAOC,GAAAE,GAAAE,GAAAE,EAAAS,EAAAC,cAAAK,EAAA,KACHN,gBAAYO,EAAA,CAAAC,UAAA,aAAAC,OAAA,SAAAC,QAAA,MACrBrB,EASYL,GAAAgB,EAeVC,cAAAU,EAAA,CAAAC,QAAAlB,EAAAX,UAAAa,EAAAZ,OAAAA"}
+{"version":3,"file":"Choice.js","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAuCA,MAAM,kBAAkB,GAAG,CAAC,MAAe,MAAW;IACpD,IAAI,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;IACzC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;IAC3C,OAAO,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;IAC/C,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;AAC5C,CAAA,CAAC;AAEW,MAAA,MAAM,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,MAAM,EACrB,aAAa,GAAG,MAAM,GACV,KAAI;AAChB,IAAA,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,CAAC;AAEhD,IAAA,MAAM,aAAa,IACjB,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;QACR,aAAa,KAAK,MAAM,KACvB,oBAAC,WAAW,EAAA,EAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,EAAA,EAAG,QAAQ,CAAe,CAC3E;AACA,QAAA,SAAS,IAAI,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA,EAAE,SAAS,CAAmB;AAC3D,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,IACxC,oBAAC,UAAU,EAAA,IAAA;AACT,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;gBACvD,KAAK;AACL,gBAAA,KAAK,KACJ,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,EACrD,EAAA,KAAK,CACD,CACR;AACA,gBAAA,OAAO,KACN,KAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAA;AACxD,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAA,CACxC,CACW,CAChB,CACK;YACP,IAAI,IAAI,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,IAAI,EAAG,EAAA,IAAI,CAAY;YAC/D,KAAK,IAAI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,KAAK,EAAG,EAAA,KAAK,CAAa;AACpE,YAAA,MAAM,CACI,IACX,IAAI;QACP,aAAa,KAAK,OAAO,KACxB,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,EAAA,EAAG,QAAQ,CAAe,CAC3E,CACU,CACd;AAED,IAAA,IAAI,QAAQ,EAAE;AACZ,QAAA,QACE,KAAC,CAAA,aAAA,CAAA,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IACnE,aAAa,CACE;AAErB;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC3D,aAAa,CACN;AAEd;;;;"}

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

@@ -1,56 +1,34 @@
-"use strict";var e=require("styled-components"),t=require("../../Tooltip/Tooltip.cjs"),o=require("../../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var i=r(e);const l={top:"flex-start",center:"center"},s=i.default.div`
-  display: flex;
-  align-items: center;
+'use strict';
 
-  & > * + * {
-    margin-left: ${o.theme.sizes.base};
-  }
-`,n=i.default.div`
-  align-self: stretch;
-  display: flex;
-  align-items: ${e=>l[e.align]};
-`,a=i.default.div`
-  align-self: center;
-  display: flex;
-  align-items: center;
-`,d=i.default.div`
-  flex: 1;
+var styled = require('styled-components');
+var Tooltip = require('../../Tooltip/Tooltip.cjs');
+var index = require('../../../theme/index.cjs');
 
-  & > * + * {
-    margin-top: ${o.theme.sizes.sm};
-  }
-`,h=i.default.div`
-  font-family: ${o.theme.fontFamily};
-  font-size: ${o.theme.sizes[3]};
-  line-height: ${o.theme.sizes[4]};
-  color: ${o.theme.colors.neutral.ink.light};
-`,m=i.default.div`
-  font-family: ${o.theme.text.error.fontFamily};
-  font-size: ${o.theme.text.error.fontSize};
-  font-weight: ${o.theme.text.error.fontWeight};
-  line-height: ${o.theme.text.error.lineHeight};
-  color: ${o.theme.text.error.color};
-`,p=i.default.label`
-  box-sizing: border-box;
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  &:hover {
-    cursor: ${e=>e.disabled?"default":"pointer"};
-  }
-`,c=i.default(p)`
-  border: 2px solid ${o.theme.colors.neutral.grey.dark};
-  border-radius: ${o.theme.radius.md};
-  padding: ${o.theme.sizes.base} 0.75rem;
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  &:hover {
-    border-color: ${o.theme.colors.secondary.blue.base};
-  }
-`,f=i.default(t.Tooltip)`
-  /* Tooltip uses inline-block containers which add more height when
-     the child component is an inline element (e.g. Glyph or an SVG),
-     so we need to set to block to preserve the height and fix alignment. */
-  display: block;
-  &-hoverable {
-    display: block;
-  }
-`;exports.AccessoryLayout=a,exports.BlockTooltip=f,exports.BorderedWrapper=c,exports.ErrorText=m,exports.HintText=h,exports.InputLayout=n,exports.RootLayout=s,exports.TextLayout=d,exports.Wrapper=p;
+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 HintText = styled__default.default.div.withConfig({ displayName: "vui--HintText", componentId: "vui--lz8nl" }) `font-family:${index.theme.fontFamily};font-size:${index.theme.sizes[3]};line-height:${index.theme.sizes[4]};color:${index.theme.colors.neutral.ink.light};`;
+const ErrorText = styled__default.default.div.withConfig({ displayName: "vui--ErrorText", componentId: "vui--piugtf" }) `font-family:${index.theme.text.error.fontFamily};font-size:${index.theme.text.error.fontSize};font-weight:${index.theme.text.error.fontWeight};line-height:${index.theme.text.error.lineHeight};color:${index.theme.text.error.color};`;
+const Wrapper = styled__default.default.label.withConfig({ displayName: "vui--Wrapper", componentId: "vui--2wdtq1" }) `box-sizing:border-box;&:hover{cursor:${(props) => (props.disabled ? 'default' : 'pointer')};}`;
+const BorderedWrapper = styled__default.default(Wrapper).withConfig({ displayName: "vui--BorderedWrapper", componentId: "vui--1an42ms" }) `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--1ifrill" }) `display:block;&-hoverable{display:block;}`;
+
+exports.AccessoryLayout = AccessoryLayout;
+exports.BlockTooltip = BlockTooltip;
+exports.BorderedWrapper = BorderedWrapper;
+exports.ErrorText = ErrorText;
+exports.HintText = HintText;
+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 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":[null],"names":["alignMap","top","center","RootLayout","styled","div","theme","sizes","base","InputLayout"],"mappings":"2LAoBC,MAAAA,EAAA,CAEMC,IAAA,aAMAC,OAAA,UAcAC,EAAcC,EAAAA,QAAAC,GAAA;;;;;qBAuBOC,MAAAC,MAAAC;;EAUrBC,EAAkBL,EAAAA,QAAAC,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":[null],"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,CAKjB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,sDAAA,EAAAC,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,CAIlB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,EAAE;AAInB,MAAA,QAAQ,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EACjBC,WAAK,CAAC,UAAU,CAClB,WAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpBA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;MAG5B,SAAS,GAAGD,uBAAM,CAAC,GAAG,CAClB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAAAC,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC7B,WAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvBA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,OAAA,EACjCA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAA;AAGpB,MAAA,OAAO,GAAGD,uBAAM,CAAC,KAAK,CAIrB,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,EAAA;AAIpD,MAAA,eAAe,GAAGA,uBAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACxBC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CACjC,eAAA,EAAAA,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

@@ -14,4 +14,3 @@ export declare const BorderedWrapper: import("styled-components").StyledComponen
     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>;
-//# sourceMappingURL=styled.d.ts.map

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

@@ -1,56 +1,20 @@
-import e from"styled-components";import{Tooltip as o}from"../../Tooltip/Tooltip.js";import{theme as i}from"../../../theme/index.js";const t={top:"flex-start",center:"center"},r=e.div`
-  display: flex;
-  align-items: center;
+import styled from 'styled-components';
+import { Tooltip } from '../../Tooltip/Tooltip.js';
+import { theme } from '../../../theme/index.js';
 
-  & > * + * {
-    margin-left: ${i.sizes.base};
-  }
-`,l=e.div`
-  align-self: stretch;
-  display: flex;
-  align-items: ${e=>t[e.align]};
-`,n=e.div`
-  align-self: center;
-  display: flex;
-  align-items: center;
-`,s=e.div`
-  flex: 1;
+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 HintText = styled.div.withConfig({ displayName: "vui--HintText", componentId: "vui--lz8nl" }) `font-family:${theme.fontFamily};font-size:${theme.sizes[3]};line-height:${theme.sizes[4]};color:${theme.colors.neutral.ink.light};`;
+const ErrorText = styled.div.withConfig({ displayName: "vui--ErrorText", componentId: "vui--piugtf" }) `font-family:${theme.text.error.fontFamily};font-size:${theme.text.error.fontSize};font-weight:${theme.text.error.fontWeight};line-height:${theme.text.error.lineHeight};color:${theme.text.error.color};`;
+const Wrapper = styled.label.withConfig({ displayName: "vui--Wrapper", componentId: "vui--2wdtq1" }) `box-sizing:border-box;&:hover{cursor:${(props) => (props.disabled ? 'default' : 'pointer')};}`;
+const BorderedWrapper = styled(Wrapper).withConfig({ displayName: "vui--BorderedWrapper", componentId: "vui--1an42ms" }) `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--1ifrill" }) `display:block;&-hoverable{display:block;}`;
 
-  & > * + * {
-    margin-top: ${i.sizes.sm};
-  }
-`,a=e.div`
-  font-family: ${i.fontFamily};
-  font-size: ${i.sizes[3]};
-  line-height: ${i.sizes[4]};
-  color: ${i.colors.neutral.ink.light};
-`,d=e.div`
-  font-family: ${i.text.error.fontFamily};
-  font-size: ${i.text.error.fontSize};
-  font-weight: ${i.text.error.fontWeight};
-  line-height: ${i.text.error.lineHeight};
-  color: ${i.text.error.color};
-`,c=e.label`
-  box-sizing: border-box;
-
-  &:hover {
-    cursor: ${e=>e.disabled?"default":"pointer"};
-  }
-`,f=e(c)`
-  border: 2px solid ${i.colors.neutral.grey.dark};
-  border-radius: ${i.radius.md};
-  padding: ${i.sizes.base} 0.75rem;
-
-  &:hover {
-    border-color: ${i.colors.secondary.blue.base};
-  }
-`,h=e(o)`
-  /* Tooltip uses inline-block containers which add more height when
-     the child component is an inline element (e.g. Glyph or an SVG),
-     so we need to set to block to preserve the height and fix alignment. */
-  display: block;
-  &-hoverable {
-    display: block;
-  }
-`;export{n as AccessoryLayout,h as BlockTooltip,f as BorderedWrapper,d as ErrorText,a as HintText,l as InputLayout,r as RootLayout,s as TextLayout,c as Wrapper};
+export { AccessoryLayout, BlockTooltip, BorderedWrapper, ErrorText, HintText, InputLayout, RootLayout, TextLayout, Wrapper };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":[null],"names":["alignMap","top","center","RootLayout","styled","div","sizes","base","InputLayout"],"mappings":"oIAoBC,MAAAA,EAAA,CAEMC,IAAA,aAMAC,OAAA,UAcAC,EAAcC,EAAAC,GAAA;;;;;qBAuBOC,MAAAC;;EAUrBC,EAAkBJ,EAAAC,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIA,MAAM,QAAQ,GAAG;AACf,IAAA,GAAG,EAAE,YAAY;AACjB,IAAA,MAAM,EAAE,QAAQ;CACjB;AAEM,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAKjB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,sDAAA,EAAA,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,CAIlB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE;AAInB,MAAA,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EACjB,KAAK,CAAC,UAAU,CAClB,WAAA,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aAAA,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;MAG5B,SAAS,GAAG,MAAM,CAAC,GAAG,CAClB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC7B,WAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,OAAA,EACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAA;AAGpB,MAAA,OAAO,GAAG,MAAM,CAAC,KAAK,CAIrB,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,EAAA;AAIpD,MAAA,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACxB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CACjC,eAAA,EAAA,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/Choice/index.d.ts

@@ -1,2 +1 @@
 export * from './Choice';
-//# sourceMappingURL=index.d.ts.map