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

package/dist/components/Badge/styled.js

@@ -1,2 +1,35 @@
-import e from"styled-components";import{BaseContainer as o}from"../BaseContainer/BaseContainer.js";import{text as r}from"../../theme/modules/text.js";import{colors as i}from"../../theme/modules/colors.js";import{sizes as a}from"../../theme/modules/sizes.js";const n=e(o).withConfig({displayName:"vui--BaseBadge",componentId:"vui--idt2e7"})`display:inline-flex;align-items:center;vertical-align:middle;gap:4px;padding:0.35em 0.65em;font-family:${r.bodySmall.fontFamily};font-weight:${r.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${e=>e.hideBorder?"none":"1px solid transparent"};cursor:default;svg{width:${a.base};height:${a.base};}`,d=e(n).withConfig({displayName:"vui--DefaultBadge",componentId:"vui--cjoxaq"})`background-color:inherit;border-color:${i.secondary.blue.base};color:${i.secondary.blue.base};`,t=e(n).withConfig({displayName:"vui--PrimaryBadge",componentId:"vui--12dvheo"})`border-color:${i.secondary.blue.base};background-color:${i.secondary.blue.lightest};color:${i.secondary.blue.base};`,l=e(n).withConfig({displayName:"vui--WarningBadge",componentId:"vui--5cooo3"})`border-color:${i.secondary.yellow.base};background-color:${i.secondary.yellow.lightest};color:${i.secondary.orange.dark};`;export{d as DefaultBadge,t as PrimaryBadge,l as WarningBadge};
+import e from"styled-components";import{BaseContainer as o}from"../BaseContainer/BaseContainer.js";import{text as r}from"../../theme/modules/text.js";import{colors as l}from"../../theme/modules/colors.js";import{sizes as s}from"../../theme/modules/sizes.js";const a=e(o)`
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
+  gap: 4px;
+  padding: 0.35em 0.65em;
+
+  font-family: ${r.bodySmall.fontFamily};
+  font-weight: ${r.bodySmall.fontWeight};
+  font-size: 75%;
+  line-height: 16px;
+
+  border-radius: 0.75rem;
+  border: ${e=>e.hideBorder?"none":"1px solid transparent"};
+
+  cursor: default;
+
+  svg {
+    width: ${s.base};
+    height: ${s.base};
+  }
+`,t=e(a)`
+  background-color: inherit;
+  border-color: ${l.secondary.blue.base};
+  color: ${l.secondary.blue.base};
+`,n=e(a)`
+  border-color: ${l.secondary.blue.base};
+  background-color: ${l.secondary.blue.lightest};
+  color: ${l.secondary.blue.base};
+`,d=e(a)`
+  border-color: ${l.secondary.yellow.base};
+  background-color: ${l.secondary.yellow.lightest};
+  color: ${l.secondary.orange.dark};
+`;export{t as DefaultBadge,n as PrimaryBadge,d as WarningBadge};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":[null],"names":["BaseBadge","styled","BaseContainer","withConfig","displayName","componentId","text","bodySmall","fontFamily","fontWeight","props","hideBorder","sizes","base"],"mappings":"kQA6CA,MAAOA,EAAAC,EAAkBC,GAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,eAIvB,0GAAAC,EAAAC,UAAAC,0BAAAF,EAAAC,UAAAE,0EAAAC,GAAAA,EAAAC,WAAA,OAAA,oDAAAC,EAAAC,eAAAD,EAAAC"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":[null],"names":["BaseBadge","styled","BaseContainer"],"mappings":"kQA6CA,MAAOA,EAAAC,EAAkBC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Banner/styled.cjs

@@ -1,2 +1,33 @@
-"use strict";var e=require("styled-components"),i=require("../Text/Text.cjs"),o=require("../BaseContainer/BaseContainer.cjs"),t=require("../../theme/modules/sizes.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e);const r=a.default(o.BaseContainer).withConfig({displayName:"vui--BannerLayout",componentId:"vui--5tzoxx"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 24px 24px 24px;border-radius:4px;${({accentColor:e})=>e&&`\n      box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${e};\n    `} background-color:${({backgroundColor:e})=>e||"white"};`,l=a.default(o.BaseContainer).withConfig({displayName:"vui--Row",componentId:"vui--9nzbbv"})`display:flex;flex-direction:row;`,s=a.default(o.BaseContainer).withConfig({displayName:"vui--Col",componentId:"vui--zplr21"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,d=a.default(s).withConfig({displayName:"vui--IconCol",componentId:"vui--1j9d69e"})`svg{width:${t.sizes.md};height:${t.sizes.md};color:${({accentColor:e})=>e};}`,p=a.default(o.BaseContainer).withConfig({displayName:"vui--ChildContainer",componentId:"vui--wt59q7"})`width:100%;`,u=a.default(s).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1wkol92"})`flex-grow:2;margin-right:12px;`,x=a.default(i.Text).withConfig({displayName:"vui--StyledText",componentId:"vui--150p0zs"})`position:relative;top:-2px;`;exports.ChildContainer=p,exports.Col=s,exports.HeaderCol=u,exports.IconCol=d,exports.Pill=r,exports.Row=l,exports.Text=x;
+"use strict";var e=require("styled-components"),t=require("../Text/Text.cjs"),r=require("../BaseContainer/BaseContainer.cjs"),o=require("../../theme/modules/sizes.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var a=i(e);const s=a.default(r.BaseContainer)`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  padding: 20px 24px 24px 24px;
+  border-radius: 4px;
+  ${({accentColor:e})=>e&&`\n      box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${e};\n    `}
+  background-color: ${({backgroundColor:e})=>e||"white"};
+`,n=a.default(r.BaseContainer)`
+  display: flex;
+  flex-direction: row;
+`,l=a.default(r.BaseContainer)`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: wrap;
+`,x=a.default(l)`
+  svg {
+    width: ${o.sizes.md};
+    height: ${o.sizes.md};
+    color: ${({accentColor:e})=>e};
+  }
+`,d=a.default(r.BaseContainer)`
+  width: 100%;
+`,p=a.default(l)`
+  flex-grow: 2;
+  margin-right: 12px;
+`,c=a.default(t.Text)`
+  position: relative;
+  top: -2px;
+`;exports.ChildContainer=d,exports.Col=l,exports.HeaderCol=p,exports.IconCol=x,exports.Pill=s,exports.Row=n,exports.Text=c;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Banner/styled.ts"],"sourcesContent":[null],"names":["accentColor","backgroundColor","Row","styled","default","BaseContainer","withConfig","displayName","componentId","Col","sizes","md","ChildContainer","HeaderCol","StyledText","Text"],"mappings":"ujBAoBEA,+BAEO,EAAAC,qBAAAA,GAAA,WAKTC,EAAAC,EAASC,QAAAC,iBAAAC,WAAA,CAAAC,YAAA,WAAAC,YAKR,eAAC,mCAEFC,EAAAN,2BAAoBG,WAAA,CAAAC,YAAA,WAAAC,YAAA,eAAA,uEAAoCL,EAAAA,QAAAM,GAAAH,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAA,aAAAE,EAAAA,MAAAC,aAAAD,EAAAA,MAAAC,YAAA,EAAAX,iBAAAA,MAMtDY,EAAAT,EAAAC,QAAAC,iBAAAC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,eAAA,cAEKK,EAAAV,EAAoBC,QAAAK,GAAAH,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAEzB,iCAEFM,EAAeX,EAAAC,QAAAW,QAAAT,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAGb"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Banner/styled.ts"],"sourcesContent":[null],"names":["accentColor","backgroundColor"],"mappings":";;;;;;;uBAwCEA,GAEK,6EAIQA;sBAUU,EAAAC,qBAAwBA,GAAY;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Banner/styled.js

@@ -1,2 +1,33 @@
-import i from"styled-components";import{Text as o}from"../Text/Text.js";import{BaseContainer as e}from"../BaseContainer/BaseContainer.js";import{sizes as t}from"../../theme/modules/sizes.js";const n=i(e).withConfig({displayName:"vui--BannerLayout",componentId:"vui--5tzoxx"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 24px 24px 24px;border-radius:4px;${({accentColor:i})=>i&&`\n      box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${i};\n    `} background-color:${({backgroundColor:i})=>i||"white"};`,p=i(e).withConfig({displayName:"vui--Row",componentId:"vui--9nzbbv"})`display:flex;flex-direction:row;`,a=i(e).withConfig({displayName:"vui--Col",componentId:"vui--zplr21"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,r=i(a).withConfig({displayName:"vui--IconCol",componentId:"vui--1j9d69e"})`svg{width:${t.md};height:${t.md};color:${({accentColor:i})=>i};}`,l=i(e).withConfig({displayName:"vui--ChildContainer",componentId:"vui--wt59q7"})`width:100%;`,d=i(a).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1wkol92"})`flex-grow:2;margin-right:12px;`,s=i(o).withConfig({displayName:"vui--StyledText",componentId:"vui--150p0zs"})`position:relative;top:-2px;`;export{l as ChildContainer,a as Col,d as HeaderCol,r as IconCol,n as Pill,p as Row,s as Text};
+import o from"styled-components";import{Text as e}from"../Text/Text.js";import{BaseContainer as t}from"../BaseContainer/BaseContainer.js";import{sizes as r}from"../../theme/modules/sizes.js";const i=o(t)`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  padding: 20px 24px 24px 24px;
+  border-radius: 4px;
+  ${({accentColor:o})=>o&&`\n      box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${o};\n    `}
+  background-color: ${({backgroundColor:o})=>o||"white"};
+`,p=o(t)`
+  display: flex;
+  flex-direction: row;
+`,x=o(t)`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: wrap;
+`,n=o(x)`
+  svg {
+    width: ${r.md};
+    height: ${r.md};
+    color: ${({accentColor:o})=>o};
+  }
+`,s=o(t)`
+  width: 100%;
+`,l=o(x)`
+  flex-grow: 2;
+  margin-right: 12px;
+`,a=o(e)`
+  position: relative;
+  top: -2px;
+`;export{s as ChildContainer,x as Col,l as HeaderCol,n as IconCol,i as Pill,p as Row,a as Text};
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Banner/styled.ts"],"sourcesContent":[null],"names":["accentColor","backgroundColor","Row","styled","BaseContainer","withConfig","displayName","componentId","Col","sizes","md","ChildContainer","HeaderCol","StyledText","Text"],"mappings":"yfAoBEA,+BAEO,EAAAC,qBAAAA,GAAA,WAKTC,EAAAC,EAASC,GAAAC,WAAA,CAAAC,YAAA,WAAAC,YAKR,eAAC,mCAEFC,EAAAL,KAAoBE,WAAA,CAAAC,YAAA,WAAAC,YAAA,eAAA,uEAAoCJ,EAAAK,GAAAH,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAA,aAAAE,EAAAC,aAAAD,EAAAC,YAAA,EAAAV,iBAAAA,MAMtDW,EAAAR,EAAAC,GAAAC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,eAAA,cAEKK,EAAAT,EAAoBK,GAAAH,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAEzB,iCAEFM,EAAeV,EAAAW,GAAAT,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAGb"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Banner/styled.ts"],"sourcesContent":[null],"names":["accentColor","backgroundColor"],"mappings":";;;;;;;uBAwCEA,GAEK,6EAIQA;sBAUU,EAAAC,qBAAwBA,GAAY;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/BaseContainer/BaseContainer.cjs

@@ -1,2 +1,7 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const i=e(require("styled-components")).default.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--bg86rb"})`box-sizing:border-box;position:relative;margin:0;padding:0;`;exports.BaseContainer=i;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const t=e(require("styled-components")).default.div`
+  box-sizing: border-box;
+  position: relative;
+  margin: 0;
+  padding: 0;
+`;exports.BaseContainer=t;
 //# sourceMappingURL=BaseContainer.cjs.map

package/dist/components/BaseContainer/BaseContainer.cjs.map

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

package/dist/components/BaseContainer/BaseContainer.js

@@ -1,2 +1,7 @@
-import i from"styled-components";const o=i.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--bg86rb"})`box-sizing:border-box;position:relative;margin:0;padding:0;`;export{o as BaseContainer};
+import o from"styled-components";const i=o.div`
+  box-sizing: border-box;
+  position: relative;
+  margin: 0;
+  padding: 0;
+`;export{i as BaseContainer};
 //# sourceMappingURL=BaseContainer.js.map

package/dist/components/BaseContainer/BaseContainer.js.map

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

package/dist/components/Breadcrumbs/components/styled.cjs

@@ -1,2 +1,36 @@
-"use strict";var e=require("styled-components"),t=require("../../../theme/modules/text.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(e);const o=n.default.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--16f283b"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${t.text.body.fontFamily};font-weight:${t.text.body.fontWeight};font-size:${t.text.body.fontSize};line-height:${t.text.body.lineHeight};`,a=n.default.li.withConfig({displayName:"vui--BreadcrumbSC",componentId:"vui--19n9row"})`display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`;exports.BreadcrumbSC=a,exports.BreadcrumbsSC=o;
+"use strict";var e=require("styled-components"),t=require("../../../theme/modules/text.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(e);const r=n.default.ul`
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  font-family: ${t.text.body.fontFamily};
+  font-weight: ${t.text.body.fontWeight};
+  font-size: ${t.text.body.fontSize};
+  line-height: ${t.text.body.lineHeight};
+`,a=n.default.li`
+  display: flex;
+  align-items: center;
+
+  .separator {
+    display: flex;
+    align-items: center;
+    padding: 0px 0.4rem;
+  }
+
+  a {
+    color: inherit;
+    text-decoration: none;
+    text-transform: capitalize;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+
+  span {
+    font-weight: 600;
+    text-transform: capitalize;
+  }
+`;exports.BreadcrumbSC=a,exports.BreadcrumbsSC=r;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Breadcrumbs/components/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/Breadcrumbs/components/styled.js

@@ -1,2 +1,36 @@
-import e from"styled-components";import{text as t}from"../../../theme/modules/text.js";const i=e.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--16f283b"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${t.body.fontFamily};font-weight:${t.body.fontWeight};font-size:${t.body.fontSize};line-height:${t.body.lineHeight};`,n=e.li.withConfig({displayName:"vui--BreadcrumbSC",componentId:"vui--19n9row"})`display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`;export{n as BreadcrumbSC,i as BreadcrumbsSC};
+import e from"styled-components";import{text as t}from"../../../theme/modules/text.js";const i=e.ul`
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  font-family: ${t.body.fontFamily};
+  font-weight: ${t.body.fontWeight};
+  font-size: ${t.body.fontSize};
+  line-height: ${t.body.lineHeight};
+`,n=e.li`
+  display: flex;
+  align-items: center;
+
+  .separator {
+    display: flex;
+    align-items: center;
+    padding: 0px 0.4rem;
+  }
+
+  a {
+    color: inherit;
+    text-decoration: none;
+    text-transform: capitalize;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+
+  span {
+    font-weight: 600;
+    text-transform: capitalize;
+  }
+`;export{n as BreadcrumbSC,i as BreadcrumbsSC};
 //# sourceMappingURL=styled.js.map

package/dist/components/Breadcrumbs/components/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/Button/components/styled.cjs

@@ -1,2 +1,189 @@
-"use strict";var e=require("styled-components"),o=require("../../../theme/index.cjs"),t=require("../../../theme/modules/sizes.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(e);const i=n.default.span.withConfig({displayName:"vui--MainContent",componentId:"vui--3juln2"})`display:inline-flex;align-items:center;gap:${({hasText:e})=>e?"8px":"4px"};${({$loading:e})=>e?"opacity: 0;":null};svg{width:${({size:e})=>t.sizes[e]};height:${({size:e})=>t.sizes[e]};}`,a=n.default.button.withConfig({displayName:"vui--BaseButton",componentId:"vui--1xsghtl"})`position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${o.theme.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${e=>{let o="40px",t="24px",r="24px",n="8px",i="16px",a="4px";return e.hasIcon&&(t="16px"),e.hasDropdown&&(r="16px"),"sm"===e.size&&(o="32px",t="16px",r="16px",n="4px",i="14px",a="2px",e.hasIcon&&(t="8px"),e.hasDropdown&&(r="8px")),e.hasText||(t="8px",r="8px"),`\n      --outline-width: ${a};\n\n      height: ${o};\n      padding-left: ${t};\n      padding-right: ${r};\n      border-radius: ${n};\n      font-size: ${i};\n      line-height: ${i};\n    `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}`,l=n.default(a).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1mceh7z"})`border-color:${o.theme.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:e})=>e?o.theme.colors.neutral.ink.base:o.theme.colors.secondary.blue.base};&:hover{background-color:${o.theme.colors.neutral.grey.lightest};}&:active{background-color:${o.theme.colors.neutral.grey.lightest};border-color:${o.theme.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${o.theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${o.theme.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${o.theme.colors.neutral.grey.base} !important;border-color:${o.theme.colors.neutral.grey.base} !important;color:${o.theme.colors.neutral.ink.light} !important;}`,s=n.default(l).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1vhc5dm"})`color:${o.theme.colors.secondary.red.base};&:hover{color:${o.theme.colors.secondary.red.dark};}&:active{border-color:${o.theme.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${o.theme.colors.secondary.red.light};color:${o.theme.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${o.theme.colors.secondary.red.light};}`,c=n.default(l).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--lamrqo"})`background-color:${o.theme.colors.secondary.blue.base};border-color:${o.theme.colors.secondary.blue.base};color:white;&:hover{background-color:${o.theme.colors.secondary.blue.dark};border-color:${o.theme.colors.secondary.blue.dark};}&:active{background-color:${o.theme.colors.secondary.blue.dark};border-color:${o.theme.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${o.theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${o.theme.colors.secondary.blue.light};}`,d=n.default(c).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--14zrdl"})`background-color:${o.theme.colors.secondary.red.base};border-color:${o.theme.colors.secondary.red.base};color:white;&:hover{background-color:${o.theme.colors.secondary.red.dark};border-color:${o.theme.colors.secondary.red.dark};}&:active{background-color:${o.theme.colors.secondary.red.dark};border-color:${o.theme.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${o.theme.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${o.theme.colors.secondary.red.light};}`,h=n.default(a).withConfig({displayName:"vui--FlatButton",componentId:"vui--1w880uc"})`border-color:transparent;box-shadow:none;color:${o.theme.colors.neutral.ink.base};&:hover{background-color:${o.theme.colors.neutral.grey.light};}&:active{background-color:${o.theme.colors.neutral.grey.light};box-shadow:0 0 0 var(--outline-width)${o.theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${o.theme.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,u=n.default.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--kyccjz"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,m=n.default(u).withConfig({displayName:"vui--LinkButton",componentId:"vui--eh2yja"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${o.theme.text.link.fontFamily};font-size:${o.theme.text.link.fontSize};line-height:${o.theme.text.link.fontSize};font-weight:${o.theme.text.link.fontWeight};line-height:${o.theme.text.link.lineHeight};text-decoration:${o.theme.text.link.textDecoration};color:${o.theme.colors.secondary.blue.base};&:hover{color:${o.theme.colors.secondary.blue.dark};}& > * + *{margin-left:${o.theme.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${o.theme.colors.secondary.blue.light};border-radius:4px;}`,p=n.default.div.withConfig({displayName:"vui--LoadingWrapper",componentId:"vui--cvu4hf"})`position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`;exports.DefaultButton=l,exports.DefaultDestructiveButton=s,exports.FlatButton=h,exports.LinkButton=m,exports.LoadingWrapper=p,exports.MainContent=i,exports.PrimaryButton=c,exports.PrimaryDestructiveButton=d,exports.UnstyledButton=u;
+"use strict";var e=require("styled-components"),o=require("../../../theme/index.cjs"),r=require("../../../theme/modules/sizes.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var l=t(e);const n=l.default.span`
+  display: inline-flex;
+  align-items: center;
+
+  gap: ${({hasText:e})=>e?"8px":"4px"};
+  ${({$loading:e})=>e?"opacity: 0;":null};
+
+  svg {
+    width: ${({size:e})=>r.sizes[e]};
+    height: ${({size:e})=>r.sizes[e]};
+  }
+`,a=l.default.button`
+  position: relative;
+  box-sizing: border-box;
+  appearance: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  font-family: ${o.theme.fontFamily};
+  font-weight: 400;
+  border: 1px solid;
+  background-color: transparent;
+  white-space: nowrap;
+
+  ${e=>{let o="40px",r="24px",t="24px",l="8px",n="16px",a="4px";return e.hasIcon&&(r="16px"),e.hasDropdown&&(t="16px"),"sm"===e.size&&(o="32px",r="16px",t="16px",l="4px",n="14px",a="2px",e.hasIcon&&(r="8px"),e.hasDropdown&&(t="8px")),e.hasText||(r="8px",t="8px"),`\n      --outline-width: ${a};\n\n      height: ${o};\n      padding-left: ${r};\n      padding-right: ${t};\n      border-radius: ${l};\n      font-size: ${n};\n      line-height: ${n};\n    `}}
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  &:disabled {
+    pointer-events: none;
+    cursor: unset !important;
+  }
+`,s=l.default(a)`
+  border-color: ${o.theme.colors.neutral.grey.dark};
+  background-color: white;
+  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);
+  color: ${({hasText:e})=>e?o.theme.colors.neutral.ink.base:o.theme.colors.secondary.blue.base};
+
+  &:hover {
+    background-color: ${o.theme.colors.neutral.grey.lightest};
+  }
+
+  &:active {
+    background-color: ${o.theme.colors.neutral.grey.lightest};
+    border-color: ${o.theme.colors.secondary.blue.base};
+    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
+    outline: 0;
+  }
+
+  &:disabled {
+    box-shadow: none !important;
+    background-color: ${o.theme.colors.neutral.grey.base} !important;
+    border-color: ${o.theme.colors.neutral.grey.base} !important;
+    color: ${o.theme.colors.neutral.ink.light} !important;
+  }
+`,i=l.default(s)`
+  color: ${o.theme.colors.secondary.red.base};
+
+  &:hover {
+    color: ${o.theme.colors.secondary.red.dark};
+  }
+
+  &:active {
+    border-color: ${o.theme.colors.secondary.red.base};
+    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.red.light};
+    color: ${o.theme.colors.secondary.red.dark};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.red.light};
+  }
+`,c=l.default(s)`
+  background-color: ${o.theme.colors.secondary.blue.base};
+  border-color: ${o.theme.colors.secondary.blue.base};
+  color: white;
+
+  &:hover {
+    background-color: ${o.theme.colors.secondary.blue.dark};
+    border-color: ${o.theme.colors.secondary.blue.dark};
+  }
+
+  &:active {
+    background-color: ${o.theme.colors.secondary.blue.dark};
+    border-color: ${o.theme.colors.secondary.blue.dark};
+    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
+  }
+`,d=l.default(c)`
+  background-color: ${o.theme.colors.secondary.red.base};
+  border-color: ${o.theme.colors.secondary.red.base};
+  color: white;
+
+  &:hover {
+    background-color: ${o.theme.colors.secondary.red.dark};
+    border-color: ${o.theme.colors.secondary.red.dark};
+  }
+
+  &:active {
+    background-color: ${o.theme.colors.secondary.red.dark};
+    border-color: ${o.theme.colors.secondary.red.dark};
+    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.red.light};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.red.light};
+  }
+`,h=l.default(a)`
+  border-color: transparent;
+  box-shadow: none;
+  color: ${o.theme.colors.neutral.ink.base};
+
+  &:hover {
+    background-color: ${o.theme.colors.neutral.grey.light};
+  }
+
+  &:active {
+    background-color: ${o.theme.colors.neutral.grey.light};
+    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
+    outline: 0;
+  }
+
+  &:disabled {
+    background-color: transparent;
+    border-color: transparent;
+  }
+`,u=l.default.button`
+  appearance: none;
+  border: 0;
+  background-color: transparent;
+  padding: 0;
+  font: inherit;
+
+  &:hover {
+    cursor: pointer;
+  }
+`,b=l.default(u)`
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+
+  font-family: ${o.theme.text.link.fontFamily};
+  font-size: ${o.theme.text.link.fontSize};
+  line-height: ${o.theme.text.link.fontSize};
+  font-weight: ${o.theme.text.link.fontWeight};
+  line-height: ${o.theme.text.link.lineHeight};
+  text-decoration: ${o.theme.text.link.textDecoration};
+  color: ${o.theme.colors.secondary.blue.base};
+
+  &:hover {
+    color: ${o.theme.colors.secondary.blue.dark};
+  }
+
+  & > * + * {
+    margin-left: ${o.theme.sizes.xs};
+  }
+
+  &:focus-visible {
+    outline: 0;
+    box-shadow:
+      0 0 0 4px white,
+      0 0 0 8px ${o.theme.colors.secondary.blue.light};
+    border-radius: 4px;
+  }
+`,m=l.default.div`
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 0;
+`;exports.DefaultButton=s,exports.DefaultDestructiveButton=i,exports.FlatButton=h,exports.LinkButton=b,exports.LoadingWrapper=m,exports.MainContent=n,exports.PrimaryButton=c,exports.PrimaryDestructiveButton=d,exports.UnstyledButton=u;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":[null],"names":["MainContent","styled","default","span","withConfig","displayName","componentId","hasText","$loading","size","sizes","BaseButton","button","theme","fontFamily","props","height","paddingLeft","fontSize","hasIcon","hasDropdown","paddingRight"],"mappings":"kMAOS,MAAEA,EAAQC,EAAAC,QAAAC,KAAAC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAA,8CAAA,EAAAC,aAAAA,EAAA,MAAA,SAAA,EAAAC,cAAAA,EAAA,cAAA,kBAAA,EAAAC,UAAAC,EAAAA,MAAAD,aAAA,EAAAA,UAAAC,QAAAD,OACNE,IAAUT,QAAAU,OAAAR,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAA,4IAAAO,EAAAA,MAAAC,+FAAAC,IACtB,IAAAC,EAAA,OAEDC,EAAwB,kBAEN,MACVC,EAAS,SAYf,aA4EKH,EAAAI,UA8BAF,EAA8B,QAuC9BF,EAAAK,cAqBAC,EAAgB,QAqCA,OAAhBN,EAAAN,OA8BAO,EAAA"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":[null],"names":["MainContent","styled","span","$loading","size","sizes","BaseButton","button"],"mappings":"kMAOS,MAAEA,EAAQC,EAAAA,QAAAC,IAAA;;;;;oBAMDC,EAAA,cAAA;;;aAyFX,EAAAC,UAAmBC,EAAAA,MAAAD;cA8BnB,EAAAA,UAA8BC,EAAAA,MAAAD;;EA4D9BE,EAAAL,EAAAA,QAAgBM,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Button/components/styled.js

@@ -1,2 +1,189 @@
-import o from"styled-components";import{theme as r}from"../../../theme/index.js";import{sizes as e}from"../../../theme/modules/sizes.js";const n=o.span.withConfig({displayName:"vui--MainContent",componentId:"vui--3juln2"})`display:inline-flex;align-items:center;gap:${({hasText:o})=>o?"8px":"4px"};${({$loading:o})=>o?"opacity: 0;":null};svg{width:${({size:o})=>e[o]};height:${({size:o})=>e[o]};}`,t=o.button.withConfig({displayName:"vui--BaseButton",componentId:"vui--1xsghtl"})`position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${r.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${o=>{let r="40px",e="24px",n="24px",t="8px",i="16px",l="4px";return o.hasIcon&&(e="16px"),o.hasDropdown&&(n="16px"),"sm"===o.size&&(r="32px",e="16px",n="16px",t="4px",i="14px",l="2px",o.hasIcon&&(e="8px"),o.hasDropdown&&(n="8px")),o.hasText||(e="8px",n="8px"),`\n      --outline-width: ${l};\n\n      height: ${r};\n      padding-left: ${e};\n      padding-right: ${n};\n      border-radius: ${t};\n      font-size: ${i};\n      line-height: ${i};\n    `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}`,i=o(t).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1mceh7z"})`border-color:${r.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:o})=>o?r.colors.neutral.ink.base:r.colors.secondary.blue.base};&:hover{background-color:${r.colors.neutral.grey.lightest};}&:active{background-color:${r.colors.neutral.grey.lightest};border-color:${r.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${r.colors.neutral.grey.base} !important;border-color:${r.colors.neutral.grey.base} !important;color:${r.colors.neutral.ink.light} !important;}`,l=o(i).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1vhc5dm"})`color:${r.colors.secondary.red.base};&:hover{color:${r.colors.secondary.red.dark};}&:active{border-color:${r.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.red.light};color:${r.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.red.light};}`,a=o(i).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--lamrqo"})`background-color:${r.colors.secondary.blue.base};border-color:${r.colors.secondary.blue.base};color:white;&:hover{background-color:${r.colors.secondary.blue.dark};border-color:${r.colors.secondary.blue.dark};}&:active{background-color:${r.colors.secondary.blue.dark};border-color:${r.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};}`,s=o(a).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--14zrdl"})`background-color:${r.colors.secondary.red.base};border-color:${r.colors.secondary.red.base};color:white;&:hover{background-color:${r.colors.secondary.red.dark};border-color:${r.colors.secondary.red.dark};}&:active{background-color:${r.colors.secondary.red.dark};border-color:${r.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.red.light};}`,c=o(t).withConfig({displayName:"vui--FlatButton",componentId:"vui--1w880uc"})`border-color:transparent;box-shadow:none;color:${r.colors.neutral.ink.base};&:hover{background-color:${r.colors.neutral.grey.light};}&:active{background-color:${r.colors.neutral.grey.light};box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,d=o.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--kyccjz"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,u=o(d).withConfig({displayName:"vui--LinkButton",componentId:"vui--eh2yja"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${r.text.link.fontFamily};font-size:${r.text.link.fontSize};line-height:${r.text.link.fontSize};font-weight:${r.text.link.fontWeight};line-height:${r.text.link.lineHeight};text-decoration:${r.text.link.textDecoration};color:${r.colors.secondary.blue.base};&:hover{color:${r.colors.secondary.blue.dark};}& > * + *{margin-left:${r.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${r.colors.secondary.blue.light};border-radius:4px;}`,h=o.div.withConfig({displayName:"vui--LoadingWrapper",componentId:"vui--cvu4hf"})`position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`;export{i as DefaultButton,l as DefaultDestructiveButton,c as FlatButton,u as LinkButton,h as LoadingWrapper,n as MainContent,a as PrimaryButton,s as PrimaryDestructiveButton,d as UnstyledButton};
+import o from"styled-components";import{theme as r}from"../../../theme/index.js";import{sizes as e}from"../../../theme/modules/sizes.js";const l=o.span`
+  display: inline-flex;
+  align-items: center;
+
+  gap: ${({hasText:o})=>o?"8px":"4px"};
+  ${({$loading:o})=>o?"opacity: 0;":null};
+
+  svg {
+    width: ${({size:o})=>e[o]};
+    height: ${({size:o})=>e[o]};
+  }
+`,n=o.button`
+  position: relative;
+  box-sizing: border-box;
+  appearance: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  font-family: ${r.fontFamily};
+  font-weight: 400;
+  border: 1px solid;
+  background-color: transparent;
+  white-space: nowrap;
+
+  ${o=>{let r="40px",e="24px",l="24px",n="8px",t="16px",a="4px";return o.hasIcon&&(e="16px"),o.hasDropdown&&(l="16px"),"sm"===o.size&&(r="32px",e="16px",l="16px",n="4px",t="14px",a="2px",o.hasIcon&&(e="8px"),o.hasDropdown&&(l="8px")),o.hasText||(e="8px",l="8px"),`\n      --outline-width: ${a};\n\n      height: ${r};\n      padding-left: ${e};\n      padding-right: ${l};\n      border-radius: ${n};\n      font-size: ${t};\n      line-height: ${t};\n    `}}
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  &:disabled {
+    pointer-events: none;
+    cursor: unset !important;
+  }
+`,t=o(n)`
+  border-color: ${r.colors.neutral.grey.dark};
+  background-color: white;
+  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);
+  color: ${({hasText:o})=>o?r.colors.neutral.ink.base:r.colors.secondary.blue.base};
+
+  &:hover {
+    background-color: ${r.colors.neutral.grey.lightest};
+  }
+
+  &:active {
+    background-color: ${r.colors.neutral.grey.lightest};
+    border-color: ${r.colors.secondary.blue.base};
+    box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.blue.light};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.blue.light};
+    outline: 0;
+  }
+
+  &:disabled {
+    box-shadow: none !important;
+    background-color: ${r.colors.neutral.grey.base} !important;
+    border-color: ${r.colors.neutral.grey.base} !important;
+    color: ${r.colors.neutral.ink.light} !important;
+  }
+`,a=o(t)`
+  color: ${r.colors.secondary.red.base};
+
+  &:hover {
+    color: ${r.colors.secondary.red.dark};
+  }
+
+  &:active {
+    border-color: ${r.colors.secondary.red.base};
+    box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.red.light};
+    color: ${r.colors.secondary.red.dark};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.red.light};
+  }
+`,s=o(t)`
+  background-color: ${r.colors.secondary.blue.base};
+  border-color: ${r.colors.secondary.blue.base};
+  color: white;
+
+  &:hover {
+    background-color: ${r.colors.secondary.blue.dark};
+    border-color: ${r.colors.secondary.blue.dark};
+  }
+
+  &:active {
+    background-color: ${r.colors.secondary.blue.dark};
+    border-color: ${r.colors.secondary.blue.dark};
+    box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.blue.light};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.blue.light};
+  }
+`,i=o(s)`
+  background-color: ${r.colors.secondary.red.base};
+  border-color: ${r.colors.secondary.red.base};
+  color: white;
+
+  &:hover {
+    background-color: ${r.colors.secondary.red.dark};
+    border-color: ${r.colors.secondary.red.dark};
+  }
+
+  &:active {
+    background-color: ${r.colors.secondary.red.dark};
+    border-color: ${r.colors.secondary.red.dark};
+    box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.red.light};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.red.light};
+  }
+`,c=o(n)`
+  border-color: transparent;
+  box-shadow: none;
+  color: ${r.colors.neutral.ink.base};
+
+  &:hover {
+    background-color: ${r.colors.neutral.grey.light};
+  }
+
+  &:active {
+    background-color: ${r.colors.neutral.grey.light};
+    box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.blue.light};
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.blue.light};
+    outline: 0;
+  }
+
+  &:disabled {
+    background-color: transparent;
+    border-color: transparent;
+  }
+`,d=o.button`
+  appearance: none;
+  border: 0;
+  background-color: transparent;
+  padding: 0;
+  font: inherit;
+
+  &:hover {
+    cursor: pointer;
+  }
+`,b=o(d)`
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+
+  font-family: ${r.text.link.fontFamily};
+  font-size: ${r.text.link.fontSize};
+  line-height: ${r.text.link.fontSize};
+  font-weight: ${r.text.link.fontWeight};
+  line-height: ${r.text.link.lineHeight};
+  text-decoration: ${r.text.link.textDecoration};
+  color: ${r.colors.secondary.blue.base};
+
+  &:hover {
+    color: ${r.colors.secondary.blue.dark};
+  }
+
+  & > * + * {
+    margin-left: ${r.sizes.xs};
+  }
+
+  &:focus-visible {
+    outline: 0;
+    box-shadow:
+      0 0 0 4px white,
+      0 0 0 8px ${r.colors.secondary.blue.light};
+    border-radius: 4px;
+  }
+`,h=o.div`
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 0;
+`;export{t as DefaultButton,a as DefaultDestructiveButton,c as FlatButton,b as LinkButton,h as LoadingWrapper,l as MainContent,s as PrimaryButton,i as PrimaryDestructiveButton,d as UnstyledButton};
 //# sourceMappingURL=styled.js.map