@veeqo/ui 9.0.0-beta-1 → 9.0.0-beta-3

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 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;
+
+  ${({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};
 //# 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":["Tag","styled","BaseContainer"],"mappings":"0JAQC,MAAAA,EAAAC,EAAAC,EAAA;;;;;;;;;"}

package/dist/components/Text/Text.cjs

@@ -1,2 +1,17 @@
-"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 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;
+
+  ${({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: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;
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/Text/Text.js

@@ -1,2 +1,17 @@
-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 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;
+
+  ${({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?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};
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/TextField/styled.cjs

@@ -1,2 +1,61 @@
-"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 e=require("styled-components"),o=require("../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(e);const i=({hasError:o,inputSize:r})=>e.css`
+  & {
+    --outline-size: ${"sm"===r?"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=n.default.input`
+  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",r="14px";return"sm"===e&&(o="32px",r="12px"),`\n      height: ${o};\n      font-size: ${r};\n    `}}
+
+  ${i}
+
+  /* Hide number arrows/spinners */
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  &[type='number'] {
+    -moz-appearance: textfield;
+    width: 8ch;
+    text-align: right;
+  }
+`,s=n.default.textarea`
+  box-sizing: border-box;
+  width: 100%;
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid #959fa8;
+  color: #1b2126;
+
+  ${i}
+`;exports.Input=t,exports.Textarea=s;
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/TextField/styled.js

@@ -1,2 +1,61 @@
-import o,{css as e}from"styled-components";import{theme as i}from"../../theme/index.js";const n=({hasError:o,inputSize:i})=>e`&{--outline-size:${"sm"===i?"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  "}`,r=o.input.withConfig({displayName:"vui--Input",componentId:"vui--1o6oill"})`font-family:${i.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:o})=>{let e="40px",i="14px";return"sm"===o&&(e="32px",i="12px"),`\n      height: ${e};\n      font-size: ${i};\n    `}} ${n} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,t=o.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;${n}`;export{r as Input,t as Textarea};
+import o,{css as e}from"styled-components";import{theme as r}from"../../theme/index.js";const n=({hasError:o,inputSize:r})=>e`
+  & {
+    --outline-size: ${"sm"===r?"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  "}
+`,i=o.input`
+  font-family: ${r.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:o})=>{let e="40px",r="14px";return"sm"===o&&(e="32px",r="12px"),`\n      height: ${e};\n      font-size: ${r};\n    `}}
+
+  ${n}
+
+  /* Hide number arrows/spinners */
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  &[type='number'] {
+    -moz-appearance: textfield;
+    width: 8ch;
+    text-align: right;
+  }
+`,t=o.textarea`
+  box-sizing: border-box;
+  width: 100%;
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid #959fa8;
+  color: #1b2126;
+
+  ${n}
+`;export{i as Input,t as Textarea};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,2 +1,59 @@
-"use strict";var t=require("styled-components"),e=require("../../Stack/Stack.cjs"),o=require("../../BaseContainer/BaseContainer.cjs"),a=require("../../Text/Text.cjs"),i=require("../../../theme/index.cjs"),n=require("../../../theme/modules/sizes.cjs");function s(t){return t&&t.__esModule?t:{default:t}}var r=s(t);const d=r.default(e.Stack).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--qrqt2g"})`position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${i.theme.layers.tooltip};`,c=r.default(e.Stack).withConfig({displayName:"vui--Toast",componentId:"vui--f5gjtj"})`background-color:${i.theme.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${i.theme.shadows.lg};border-radius:${i.theme.radius.md};pointer-events:auto;z-index:40;min-width:${({minWidth:t})=>t};max-width:80vw;&.veeqo-components-toast-enter{transform:translateY(12px);opacity:0;}&.veeqo-components-toast-enter-active{transform:translateY(0);opacity:1;transition:500ms ease;}&.veeqo-components-toast-exit{transform:${({last:t})=>t?"translateY(0)":"translateX(0)"};opacity:1;}&.veeqo-components-toast-exit-active{transform:${({last:t})=>t?"translateY(12px)":"translateX(12px)"};opacity:0;transition:500ms ease;}`,p=r.default(o.BaseContainer).withConfig({displayName:"vui--IconWrap",componentId:"vui--n3gc7q"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${i.theme.radius.md};background-color:${({color:t})=>t};color:#fff;svg{width:${n.sizes.md};height:${n.sizes.md};}`,l=r.default(e.Stack).withConfig({displayName:"vui--ContentStack",componentId:"vui--12f8l37"})`flex-grow:1;`,m=r.default(a.Text).withConfig({displayName:"vui--StyledText",componentId:"vui--1qgwlso"})`color:white;font-size:16px;`;exports.ContentStack=l,exports.IconWrap=p,exports.StyledText=m,exports.Toast=c,exports.ToastsLayoutContainer=d;
+"use strict";var e=require("styled-components"),t=require("../../Stack/Stack.cjs"),o=require("../../BaseContainer/BaseContainer.cjs"),a=require("../../Text/Text.cjs"),s=require("../../../theme/index.cjs"),r=require("../../../theme/modules/sizes.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var i=n(e);const d=i.default(t.Stack)`
+  position: fixed;
+  bottom: 24px;
+  width: 100%;
+  pointer-events: none;
+  z-index: ${s.theme.layers.tooltip};
+`,c=i.default(t.Stack)`
+  background-color: ${s.theme.colors.neutral.ink.dark};
+  padding: 12px 24px 12px 12px;
+  box-shadow: ${s.theme.shadows.lg};
+  border-radius: ${s.theme.radius.md};
+  pointer-events: auto;
+  z-index: 40;
+  min-width: ${({minWidth:e})=>e};
+  max-width: 80vw;
+
+  &.veeqo-components-toast-enter {
+    transform: translateY(12px);
+    opacity: 0;
+  }
+
+  &.veeqo-components-toast-enter-active {
+    transform: translateY(0);
+    opacity: 1;
+    transition: 500ms ease;
+  }
+
+  &.veeqo-components-toast-exit {
+    transform: ${({last:e})=>e?"translateY(0)":"translateX(0)"};
+    opacity: 1;
+  }
+
+  &.veeqo-components-toast-exit-active {
+    transform: ${({last:e})=>e?"translateY(12px)":"translateX(12px)"};
+    opacity: 0;
+    transition: 500ms ease;
+  }
+`,l=i.default(o.BaseContainer)`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+  width: 40px;
+  border-radius: ${s.theme.radius.md};
+  background-color: ${({color:e})=>e};
+  color: #fff;
+
+  svg {
+    width: ${r.sizes.md};
+    height: ${r.sizes.md};
+  }
+`,p=i.default(t.Stack)`
+  flex-grow: 1;
+`,x=i.default(a.Text)`
+  color: white;
+  font-size: 16px;
+`;exports.ContentStack=p,exports.IconWrap=l,exports.StyledText=x,exports.Toast=c,exports.ToastsLayoutContainer=d;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/ToastsLayout/components/styled.ts"],"sourcesContent":[null],"names":["ToastsLayoutContainer","styled","default","Stack","withConfig","displayName","componentId","theme","layers","tooltip","Toast","colors","neutral","ink","dark","shadows","lg","radius","md","minWidth","last","IconWrap","BaseContainer","color","sizes","ContentStack"],"mappings":"yTAoD6D,MAAAA,EAAAC,EAAAC,QAAAC,EAAAA,OAAAC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,eAAA,qEAAAC,EAAAA,MAAAC,OAAAC,WAe3DC,EAAAT,EAAAA,QAAAE,EAAAA,OAAAC,WAAA,CAAAC,YAAA,aAAAC,YAAA,eAAA,oBAAAC,EAAAA,MAAAI,OAAAC,QAAAC,IAAAC,+CAAAP,EAAAA,MAAAQ,QAAAC,oBAAAT,EAAAA,MAAAU,OAAAC,+CAAA,EAAAC,cAAAA,gOAAA,EAAAC,UAAAA,EAAA,gBAAA,6EAAA,EAAAA,UAAAA,EAAA,mBAAA,uDAEKC,EAAkBpB,EAAAC,QAAAoB,iBAAAlB,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAA,kHAEvBC,EAAAA,MAAAU,OAAAC,uBAAA,EAAAK,WAAAA,0BAAAC,EAAAA,MAAAN,aAAAM,QAAAN,OAEKO,EAAgBxB,EAAAC,QAAAC,SAAAC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAA"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/ToastsLayout/components/styled.ts"],"sourcesContent":[null],"names":["ToastsLayoutContainer","styled","Stack"],"mappings":"yTAoD6D,MAAAA,EAAAC,EAAAA,QAAAC,EAAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,2 +1,59 @@
-import t from"styled-components";import{Stack as o}from"../../Stack/Stack.js";import{BaseContainer as e}from"../../BaseContainer/BaseContainer.js";import{Text as i}from"../../Text/Text.js";import{theme as n}from"../../../theme/index.js";import{sizes as a}from"../../../theme/modules/sizes.js";const s=t(o).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--qrqt2g"})`position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${n.layers.tooltip};`,r=t(o).withConfig({displayName:"vui--Toast",componentId:"vui--f5gjtj"})`background-color:${n.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${n.shadows.lg};border-radius:${n.radius.md};pointer-events:auto;z-index:40;min-width:${({minWidth:t})=>t};max-width:80vw;&.veeqo-components-toast-enter{transform:translateY(12px);opacity:0;}&.veeqo-components-toast-enter-active{transform:translateY(0);opacity:1;transition:500ms ease;}&.veeqo-components-toast-exit{transform:${({last:t})=>t?"translateY(0)":"translateX(0)"};opacity:1;}&.veeqo-components-toast-exit-active{transform:${({last:t})=>t?"translateY(12px)":"translateX(12px)"};opacity:0;transition:500ms ease;}`,m=t(e).withConfig({displayName:"vui--IconWrap",componentId:"vui--n3gc7q"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${n.radius.md};background-color:${({color:t})=>t};color:#fff;svg{width:${a.md};height:${a.md};}`,p=t(o).withConfig({displayName:"vui--ContentStack",componentId:"vui--12f8l37"})`flex-grow:1;`,d=t(i).withConfig({displayName:"vui--StyledText",componentId:"vui--1qgwlso"})`color:white;font-size:16px;`;export{p as ContentStack,m as IconWrap,d as StyledText,r as Toast,s as ToastsLayoutContainer};
+import t from"styled-components";import{Stack as o}from"../../Stack/Stack.js";import{BaseContainer as e}from"../../BaseContainer/BaseContainer.js";import{Text as r}from"../../Text/Text.js";import{theme as s}from"../../../theme/index.js";import{sizes as n}from"../../../theme/modules/sizes.js";const a=t(o)`
+  position: fixed;
+  bottom: 24px;
+  width: 100%;
+  pointer-events: none;
+  z-index: ${s.layers.tooltip};
+`,i=t(o)`
+  background-color: ${s.colors.neutral.ink.dark};
+  padding: 12px 24px 12px 12px;
+  box-shadow: ${s.shadows.lg};
+  border-radius: ${s.radius.md};
+  pointer-events: auto;
+  z-index: 40;
+  min-width: ${({minWidth:t})=>t};
+  max-width: 80vw;
+
+  &.veeqo-components-toast-enter {
+    transform: translateY(12px);
+    opacity: 0;
+  }
+
+  &.veeqo-components-toast-enter-active {
+    transform: translateY(0);
+    opacity: 1;
+    transition: 500ms ease;
+  }
+
+  &.veeqo-components-toast-exit {
+    transform: ${({last:t})=>t?"translateY(0)":"translateX(0)"};
+    opacity: 1;
+  }
+
+  &.veeqo-components-toast-exit-active {
+    transform: ${({last:t})=>t?"translateY(12px)":"translateX(12px)"};
+    opacity: 0;
+    transition: 500ms ease;
+  }
+`,m=t(e)`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+  width: 40px;
+  border-radius: ${s.radius.md};
+  background-color: ${({color:t})=>t};
+  color: #fff;
+
+  svg {
+    width: ${n.md};
+    height: ${n.md};
+  }
+`,p=t(o)`
+  flex-grow: 1;
+`,d=t(r)`
+  color: white;
+  font-size: 16px;
+`;export{p as ContentStack,m as IconWrap,d as StyledText,i as Toast,a as ToastsLayoutContainer};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/ToastsLayout/components/styled.ts"],"sourcesContent":[null],"names":["ToastsLayoutContainer","styled","Stack","withConfig","displayName","componentId","theme","layers","tooltip","Toast","colors","neutral","ink","dark","shadows","lg","radius","md","minWidth","last","IconWrap","BaseContainer","color","sizes","ContentStack"],"mappings":"qSAoD6D,MAAAA,EAAAC,EAAAC,GAAAC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,eAAA,qEAAAC,EAAAC,OAAAC,WAe3DC,EAAAR,EAAAC,GAAAC,WAAA,CAAAC,YAAA,aAAAC,YAAA,eAAA,oBAAAC,EAAAI,OAAAC,QAAAC,IAAAC,+CAAAP,EAAAQ,QAAAC,oBAAAT,EAAAU,OAAAC,+CAAA,EAAAC,cAAAA,gOAAA,EAAAC,UAAAA,EAAA,gBAAA,6EAAA,EAAAA,UAAAA,EAAA,mBAAA,uDAEKC,EAAkBnB,EAAAoB,GAAAlB,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAA,kHAEvBC,EAAAU,OAAAC,uBAAA,EAAAK,WAAAA,0BAAAC,EAAAN,aAAAM,EAAAN,OAEKO,EAAgBvB,EAAAC,GAAAC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAA"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/ToastsLayout/components/styled.ts"],"sourcesContent":[null],"names":["ToastsLayoutContainer","styled","Stack"],"mappings":"qSAoD6D,MAAAA,EAAAC,EAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Toggle/styled.cjs

@@ -1,2 +1,77 @@
-"use strict";var e=require("styled-components"),t=require("../BaseContainer/BaseContainer.cjs"),o=require("../../theme/index.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var a=i(e);const s=a.default.span.withConfig({displayName:"vui--Slider",componentId:"vui--10ka3tn"})`content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background-color:#cdd1d5;-webkit-transition:0.3s;transition:0.3s;&:after{content:'';position:absolute;border-radius:50%;background-color:${({disabled:e,switched:t})=>e&&t?o.theme.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,r=a.default.input.withConfig({displayName:"vui--Input",componentId:"vui--1f7rwsl"})`width:100%;height:100%;border-radius:${o.theme.radius.base};z-index:2;margin:0;cursor:${({disabled:e})=>e?"not-allowed":"pointer"};&:focus-visible + ${s}{box-shadow:0 0 0 4px ${o.theme.colors.brand.blue.light};}&:checked + ${s}{background-color:#0079d1;}&:disabled + ${s}{background-color:${o.theme.colors.neutral.grey.base};}&:checked:disabled + ${s}{background-color:${o.theme.colors.secondary.blue.light};}`,n=a.default.span.withConfig({displayName:"vui--Switch",componentId:"vui--16c93z6"})`display:flex;position:relative;height:${({small:e})=>e?"28px":"36px"};width:${({small:e})=>e?"56px":"72px"};z-index:1;input{position:absolute;opacity:0;}${s}:after{height:${({small:e})=>e?"22px":"28px"};width:${({small:e})=>e?"22px":"28px"};left:${({small:e})=>e?"3px":"4px"};bottom:${({small:e})=>e?"3px":"4px"};}${r}:checked + ${s}{&:after,svg{-webkit-transform:translateX(${({small:e})=>e?"28px":"36px"});-ms-transform:translateX(${({small:e})=>e?"28px":"36px"});transform:translateX(${({small:e})=>e?"28px":"36px"});}}`,l=a.default(t.BaseContainer).withConfig({displayName:"vui--Wrapper",componentId:"vui--13u3unt"})`display:inline-block;user-select:none;`;exports.Input=r,exports.Slider=s,exports.Switch=n,exports.Wrapper=l;
+"use strict";var e=require("styled-components"),t=require("../BaseContainer/BaseContainer.cjs"),o=require("../../theme/index.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var r=s(e);const a=r.default.span`
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: 18px;
+  background-color: #cdd1d5;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+
+  &:after {
+    content: '';
+    position: absolute;
+    border-radius: 50%;
+    background-color: ${({disabled:e,switched:t})=>e&&t?o.theme.colors.secondary.blue.lightest:"white"};
+    -webkit-transition: 0.3s;
+    transition: 0.3s;
+  }
+`,i=r.default.input`
+  width: 100%;
+  height: 100%;
+  border-radius: ${o.theme.radius.base};
+  z-index: 2;
+  margin: 0;
+
+  cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
+
+  &:focus-visible + ${a} {
+    box-shadow: 0 0 0 4px ${o.theme.colors.brand.blue.light};
+  }
+
+  &:checked + ${a} {
+    background-color: #0079d1;
+  }
+
+  &:disabled + ${a} {
+    background-color: ${o.theme.colors.neutral.grey.base};
+  }
+
+  &:checked:disabled + ${a} {
+    background-color: ${o.theme.colors.secondary.blue.light};
+  }
+`,l=r.default.span`
+  display: flex;
+  position: relative;
+  height: ${({small:e})=>e?"28px":"36px"};
+  width: ${({small:e})=>e?"56px":"72px"};
+  z-index: 1;
+
+  input {
+    position: absolute;
+    opacity: 0;
+  }
+
+  // configure size and animation
+  ${a}:after {
+    height: ${({small:e})=>e?"22px":"28px"};
+    width: ${({small:e})=>e?"22px":"28px"};
+    left: ${({small:e})=>e?"3px":"4px"};
+    bottom: ${({small:e})=>e?"3px":"4px"};
+  }
+
+  ${i}:checked + ${a} {
+    &:after,
+    svg {
+      -webkit-transform: translateX(${({small:e})=>e?"28px":"36px"});
+      -ms-transform: translateX(${({small:e})=>e?"28px":"36px"});
+      transform: translateX(${({small:e})=>e?"28px":"36px"});
+    }
+  }
+`,n=r.default(t.BaseContainer)`
+  display: inline-block;
+  user-select: none;
+`;exports.Input=i,exports.Slider=a,exports.Switch=l,exports.Wrapper=n;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Toggle/styled.ts"],"sourcesContent":[null],"names":["styled","default","input","withConfig","displayName","componentId","theme","radius","base","disabled","Slider","colors","brand","blue","light","neutral","grey","secondary","Switch","span","small","Input","Wrapper","BaseContainer"],"mappings":"inBA2BEA,EAAAC,QAAAC,MAAAC,WAAA,CAAAC,YAAA,aAAAC,YAAA,gBAAA,wCAAAC,QAAAC,OAAAC,kCAAA,EAAAC,cAAAA,EAAA,cAAA,+BAAAC,0BAAAJ,EAAAA,MAAAK,OAAAC,MAAAC,KAAAC,sBAAAJ,4CAAAA,sBAAAJ,EAAAA,MAAAK,OAAAI,QAAAC,KAAAR,8BAAAE,sBAAAJ,QAAAK,OAAAM,UAAAJ,KAAAC,UAEFI,EAAWlB,EAAAA,QAAAmB,KAAAhB,WAAA,CAAAC,YAAA,cAAAC,YAAA,gBAwBT,yCAAA,EAAAe,WAAAA,EAAA,OAAA,gBAAA,EAAAA,WAAAA,EAAA,OAAA,uDAAAV,kBAAA,EAAAU,WAAAA,EAAA,OAAA,gBAAA,EAAAA,WAAAA,EAAA,OAAA,eAAA,EAAAA,WAAAA,EAAA,MAAA,gBAAA,EAAAA,WAAAA,EAAA,MAAA,UAAAC,eAAAX,8CAAA,EAAAU,WAAAA,EAAA,OAAA,oCAAA,EAAAA,WAAAA,EAAA,OAAA,gCAAA,EAAAA,WAAAA,EAAA,OAAA,aAEFE,EAAYtB,EAAAC,QAAAsB,iBAAApB,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBA4BV"}
+{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Toggle/styled.js

@@ -1,2 +1,77 @@
-import o from"styled-components";import{BaseContainer as t}from"../BaseContainer/BaseContainer.js";import{theme as i}from"../../theme/index.js";const e=o.span.withConfig({displayName:"vui--Slider",componentId:"vui--10ka3tn"})`content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background-color:#cdd1d5;-webkit-transition:0.3s;transition:0.3s;&:after{content:'';position:absolute;border-radius:50%;background-color:${({disabled:o,switched:t})=>o&&t?i.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,s=o.input.withConfig({displayName:"vui--Input",componentId:"vui--1f7rwsl"})`width:100%;height:100%;border-radius:${i.radius.base};z-index:2;margin:0;cursor:${({disabled:o})=>o?"not-allowed":"pointer"};&:focus-visible + ${e}{box-shadow:0 0 0 4px ${i.colors.brand.blue.light};}&:checked + ${e}{background-color:#0079d1;}&:disabled + ${e}{background-color:${i.colors.neutral.grey.base};}&:checked:disabled + ${e}{background-color:${i.colors.secondary.blue.light};}`,a=o.span.withConfig({displayName:"vui--Switch",componentId:"vui--16c93z6"})`display:flex;position:relative;height:${({small:o})=>o?"28px":"36px"};width:${({small:o})=>o?"56px":"72px"};z-index:1;input{position:absolute;opacity:0;}${e}:after{height:${({small:o})=>o?"22px":"28px"};width:${({small:o})=>o?"22px":"28px"};left:${({small:o})=>o?"3px":"4px"};bottom:${({small:o})=>o?"3px":"4px"};}${s}:checked + ${e}{&:after,svg{-webkit-transform:translateX(${({small:o})=>o?"28px":"36px"});-ms-transform:translateX(${({small:o})=>o?"28px":"36px"});transform:translateX(${({small:o})=>o?"28px":"36px"});}}`,n=o(t).withConfig({displayName:"vui--Wrapper",componentId:"vui--13u3unt"})`display:inline-block;user-select:none;`;export{s as Input,e as Slider,a as Switch,n as Wrapper};
+import o from"styled-components";import{BaseContainer as t}from"../BaseContainer/BaseContainer.js";import{theme as e}from"../../theme/index.js";const s=o.span`
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: 18px;
+  background-color: #cdd1d5;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+
+  &:after {
+    content: '';
+    position: absolute;
+    border-radius: 50%;
+    background-color: ${({disabled:o,switched:t})=>o&&t?e.colors.secondary.blue.lightest:"white"};
+    -webkit-transition: 0.3s;
+    transition: 0.3s;
+  }
+`,a=o.input`
+  width: 100%;
+  height: 100%;
+  border-radius: ${e.radius.base};
+  z-index: 2;
+  margin: 0;
+
+  cursor: ${({disabled:o})=>o?"not-allowed":"pointer"};
+
+  &:focus-visible + ${s} {
+    box-shadow: 0 0 0 4px ${e.colors.brand.blue.light};
+  }
+
+  &:checked + ${s} {
+    background-color: #0079d1;
+  }
+
+  &:disabled + ${s} {
+    background-color: ${e.colors.neutral.grey.base};
+  }
+
+  &:checked:disabled + ${s} {
+    background-color: ${e.colors.secondary.blue.light};
+  }
+`,i=o.span`
+  display: flex;
+  position: relative;
+  height: ${({small:o})=>o?"28px":"36px"};
+  width: ${({small:o})=>o?"56px":"72px"};
+  z-index: 1;
+
+  input {
+    position: absolute;
+    opacity: 0;
+  }
+
+  // configure size and animation
+  ${s}:after {
+    height: ${({small:o})=>o?"22px":"28px"};
+    width: ${({small:o})=>o?"22px":"28px"};
+    left: ${({small:o})=>o?"3px":"4px"};
+    bottom: ${({small:o})=>o?"3px":"4px"};
+  }
+
+  ${a}:checked + ${s} {
+    &:after,
+    svg {
+      -webkit-transform: translateX(${({small:o})=>o?"28px":"36px"});
+      -ms-transform: translateX(${({small:o})=>o?"28px":"36px"});
+      transform: translateX(${({small:o})=>o?"28px":"36px"});
+    }
+  }
+`,r=o(t)`
+  display: inline-block;
+  user-select: none;
+`;export{a as Input,s as Slider,i as Switch,r as Wrapper};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Toggle/styled.ts"],"sourcesContent":[null],"names":["styled","input","withConfig","displayName","componentId","theme","radius","base","disabled","Slider","colors","brand","blue","light","neutral","grey","secondary","Switch","span","small","Input","Wrapper","BaseContainer"],"mappings":"kjBA2BEA,EAAAC,MAAAC,WAAA,CAAAC,YAAA,aAAAC,YAAA,gBAAA,wCAAAC,EAAAC,OAAAC,kCAAA,EAAAC,cAAAA,EAAA,cAAA,+BAAAC,0BAAAJ,EAAAK,OAAAC,MAAAC,KAAAC,sBAAAJ,4CAAAA,sBAAAJ,EAAAK,OAAAI,QAAAC,KAAAR,8BAAAE,sBAAAJ,EAAAK,OAAAM,UAAAJ,KAAAC,UAEFI,EAAWjB,EAAAkB,KAAAhB,WAAA,CAAAC,YAAA,cAAAC,YAAA,gBAwBT,yCAAA,EAAAe,WAAAA,EAAA,OAAA,gBAAA,EAAAA,WAAAA,EAAA,OAAA,uDAAAV,kBAAA,EAAAU,WAAAA,EAAA,OAAA,gBAAA,EAAAA,WAAAA,EAAA,OAAA,eAAA,EAAAA,WAAAA,EAAA,MAAA,gBAAA,EAAAA,WAAAA,EAAA,MAAA,UAAAC,eAAAX,8CAAA,EAAAU,WAAAA,EAAA,OAAA,oCAAA,EAAAA,WAAAA,EAAA,OAAA,gCAAA,EAAAA,WAAAA,EAAA,OAAA,aAEFE,EAAYrB,EAAAsB,GAAApB,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBA4BV"}
+{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ToggleButton/styled.cjs

@@ -1,2 +1,49 @@
-"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs");function n(e){return e&&e.__esModule?e:{default:e}}const t=n(e).default.button.withConfig({displayName:"vui--StyledButton",componentId:"vui--xt3hiw"})`user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${o.theme.fontFamily};font-weight:400;border:1px solid;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);${({size:e,checked:o})=>{let n="40px",t="24px",r="24px",i="8px",d="16px",c="4px",l="white",s="#CDD1D5",u="#37424D";return"sm"===e&&(n="32px",t="16px",r="16px",i="4px",d="14px",c="2px"),o&&(l="#0079D1",s="#0079D1",u="white"),`\n      --outline-width: ${c};\n\n      height: ${n};\n      padding-left: ${t};\n      padding-right: ${r};\n      border-radius: ${i};\n      font-size: ${d};\n\n      background-color: ${l};\n      border-color: ${s};\n      color: ${u};\n    `}} & > * + *{margin-left:8px;}&:hover{cursor:pointer;background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};}&:active{background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};border-color:${({checked:e})=>e?"#005A9C":"#0079D1"};box-shadow:0 0 0 var(--outline-width)#80bce8;}&:focus{box-shadow:0 0 0 var(--outline-width)#80bce8;outline:0;}&:disabled{cursor:unset;box-shadow:none;background-color:#dfe3e8;border-color:#dfe3e8;color:#637381;}& > span{position:relative;top:-1px;}`;exports.StyledButton=t;
+"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs");function n(e){return e&&e.__esModule?e:{default:e}}const r=n(e).default.button`
+  user-select: none;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  font-family: ${o.theme.fontFamily};
+  font-weight: 400;
+  border: 1px solid;
+  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);
+
+  ${({size:e,checked:o})=>{let n="40px",r="24px",t="24px",i="8px",d="16px",c="4px",s="white",l="#CDD1D5",a="#37424D";return"sm"===e&&(n="32px",r="16px",t="16px",i="4px",d="14px",c="2px"),o&&(s="#0079D1",l="#0079D1",a="white"),`\n      --outline-width: ${c};\n\n      height: ${n};\n      padding-left: ${r};\n      padding-right: ${t};\n      border-radius: ${i};\n      font-size: ${d};\n\n      background-color: ${s};\n      border-color: ${l};\n      color: ${a};\n    `}}
+
+  & > * + * {
+    margin-left: 8px;
+  }
+
+  &:hover {
+    cursor: pointer;
+    background-color: ${({checked:e})=>e?"#005A9C":"#FAFAFB"};
+  }
+
+  &:active {
+    background-color: ${({checked:e})=>e?"#005A9C":"#FAFAFB"};
+    border-color: ${({checked:e})=>e?"#005A9C":"#0079D1"};
+    box-shadow: 0 0 0 var(--outline-width) #80bce8;
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 var(--outline-width) #80bce8;
+    outline: 0;
+  }
+
+  &:disabled {
+    cursor: unset;
+    box-shadow: none;
+    background-color: #dfe3e8;
+    border-color: #dfe3e8;
+    color: #637381;
+  }
+
+  /* TODO: - Fix typography so these hacks aren't needed */
+  & > span {
+    position: relative;
+    top: -1px;
+  }
+`;exports.StyledButton=r;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ToggleButton/styled.js

@@ -1,2 +1,49 @@
-import o from"styled-components";import{theme as e}from"../../theme/index.js";const n=o.button.withConfig({displayName:"vui--StyledButton",componentId:"vui--xt3hiw"})`user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${e.fontFamily};font-weight:400;border:1px solid;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);${({size:o,checked:e})=>{let n="40px",r="24px",t="24px",i="8px",d="16px",c="4px",l="white",p="#CDD1D5",s="#37424D";return"sm"===o&&(n="32px",r="16px",t="16px",i="4px",d="14px",c="2px"),e&&(l="#0079D1",p="#0079D1",s="white"),`\n      --outline-width: ${c};\n\n      height: ${n};\n      padding-left: ${r};\n      padding-right: ${t};\n      border-radius: ${i};\n      font-size: ${d};\n\n      background-color: ${l};\n      border-color: ${p};\n      color: ${s};\n    `}} & > * + *{margin-left:8px;}&:hover{cursor:pointer;background-color:${({checked:o})=>o?"#005A9C":"#FAFAFB"};}&:active{background-color:${({checked:o})=>o?"#005A9C":"#FAFAFB"};border-color:${({checked:o})=>o?"#005A9C":"#0079D1"};box-shadow:0 0 0 var(--outline-width)#80bce8;}&:focus{box-shadow:0 0 0 var(--outline-width)#80bce8;outline:0;}&:disabled{cursor:unset;box-shadow:none;background-color:#dfe3e8;border-color:#dfe3e8;color:#637381;}& > span{position:relative;top:-1px;}`;export{n as StyledButton};
+import o from"styled-components";import{theme as e}from"../../theme/index.js";const n=o.button`
+  user-select: none;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  font-family: ${e.fontFamily};
+  font-weight: 400;
+  border: 1px solid;
+  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);
+
+  ${({size:o,checked:e})=>{let n="40px",r="24px",t="24px",i="8px",d="16px",c="4px",p="white",s="#CDD1D5",l="#37424D";return"sm"===o&&(n="32px",r="16px",t="16px",i="4px",d="14px",c="2px"),e&&(p="#0079D1",s="#0079D1",l="white"),`\n      --outline-width: ${c};\n\n      height: ${n};\n      padding-left: ${r};\n      padding-right: ${t};\n      border-radius: ${i};\n      font-size: ${d};\n\n      background-color: ${p};\n      border-color: ${s};\n      color: ${l};\n    `}}
+
+  & > * + * {
+    margin-left: 8px;
+  }
+
+  &:hover {
+    cursor: pointer;
+    background-color: ${({checked:o})=>o?"#005A9C":"#FAFAFB"};
+  }
+
+  &:active {
+    background-color: ${({checked:o})=>o?"#005A9C":"#FAFAFB"};
+    border-color: ${({checked:o})=>o?"#005A9C":"#0079D1"};
+    box-shadow: 0 0 0 var(--outline-width) #80bce8;
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 var(--outline-width) #80bce8;
+    outline: 0;
+  }
+
+  &:disabled {
+    cursor: unset;
+    box-shadow: none;
+    background-color: #dfe3e8;
+    border-color: #dfe3e8;
+    color: #637381;
+  }
+
+  /* TODO: - Fix typography so these hacks aren't needed */
+  & > span {
+    position: relative;
+    top: -1px;
+  }
+`;export{n as StyledButton};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}