@zonos/amino 5.1.71 → 5.1.72

package/components/radio/Radio.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("framer-motion"),t=require("styled-components"),i=require("../text/Text.js"),o=require("../../styles/constants/theme.js");function c(n){return n&&n.__esModule?n:{default:n}}var a,l,s,d=c(t),u=d.default.div(a||(a=n.__makeTemplateObject(["\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border: ",";\n  box-shadow: ",";\n  margin-right: ",";\n  transition: ",";\n\n  svg {\n    color: ",";\n    width: 8px;\n    height: 8px;\n  }\n"],["\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border: ",";\n  box-shadow: ",";\n  margin-right: ",";\n  transition: ",";\n\n  svg {\n    color: ",";\n    width: 8px;\n    height: 8px;\n  }\n"])),(function(n){return n.$checked?o.theme.primary:o.theme.inputBackground}),(function(n){return n.$checked?"none":"1.5px solid ".concat(o.theme.gray400)}),(function(n){return n.$checked?o.theme.shadowButtonPrimary:"none"}),o.theme.space8,o.theme.transition,o.theme.gray0),m=d.default(i.Text)(l||(l=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),h=d.default.div(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n\n  &.disabled {\n    cursor: not-allowed;\n    & > div {\n      background: ",";\n      cursor: not-allowed;\n    }\n    label {\n      cursor: not-allowed;\n    }\n  }\n\n  label {\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    margin-bottom: 0;\n    color: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n\n  &.disabled {\n    cursor: not-allowed;\n    & > div {\n      background: ",";\n      cursor: not-allowed;\n    }\n    label {\n      cursor: not-allowed;\n    }\n  }\n\n  label {\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    margin-bottom: 0;\n    color: ",";\n  }\n"])),(function(n){return n.$checked&&o.theme.blue300}),(function(n){return n.$disabled?o.theme.gray300:"black"}));exports.Radio=function(n){var t=n.checked,i=n.disabled,o=n.label,c=n.onChange;return e.jsxs(h,{$checked:t,$disabled:i,className:i?"disabled":"",onClick:function(){return!i&&c(!t)},children:[e.jsx(u,{$checked:t,children:e.jsx(r.AnimatePresence,{children:t&&e.jsx(r.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:e.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),o&&e.jsx(m,{type:"input-label",children:o})]})};
+"use strict";var e=require("react/jsx-runtime"),o=require("clsx"),i=require("framer-motion"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js"),n=require("../../style-inject.es-d4ddeae4.js");function t(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components");var d=t(o),s="Amino_Radio-module__styledRadio--BiJwE",l="Amino_Radio-module__styledText--uref9",c="Amino_Radio-module__radioContainer--uZ3TN";n.styleInject(".Amino_Radio-module__styledRadio--BiJwE{align-items:center;background:var(--amino-radio-background);border:var(--amino-radio-border);border-radius:50%;box-shadow:var(--amino-radio-box-shadow);cursor:pointer;display:flex;height:var(--amino-space-16);justify-content:center;margin-right:var(--amino-space-8);transition:var(--amino-transition);-webkit-user-select:none;user-select:none;width:var(--amino-space-16)}.Amino_Radio-module__styledRadio--BiJwE svg{color:var(--amino-gray-0);height:var(--amino-space-8);width:var(--amino-space-8)}.Amino_Radio-module__styledText--uref9.Amino_Radio-module__styledText--uref9{margin-bottom:0}.Amino_Radio-module__radioContainer--uZ3TN{align-items:center;cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Radio-module__radioContainer--uZ3TN.disabled{cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled>div{background:var(--amino-radio-container-background);cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled label{cursor:not-allowed}");exports.Radio=function(o){var n=o.checked,t=o.disabled,u=o.label,m=o.onChange;return e.jsxs("div",{className:d.default(c,t&&"disabled"),onClick:function(){return!t&&m(!n)},style:{"--amino-radio-background":n?r.theme.primary:r.theme.inputBackground,"--amino-radio-border":n?"none":"1.5px solid ".concat(r.theme.gray400),"--amino-radio-box-shadow":n?r.theme.shadowButtonPrimary:"none","--amino-radio-container-background":n?r.theme.blue300:""},children:[e.jsx("div",{className:s,children:e.jsx(i.AnimatePresence,{children:n&&e.jsx(i.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:e.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),u&&e.jsx(a.Text,{className:l,type:"input-label",children:u})]})};

package/components/radio/RadioGroup.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),a=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),n=require("./Radio.js"),i=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js");var u,l=s(t).default.div(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n"],["\n  display: flex;\n  gap: ",";\n"])),i.theme.space8);exports.RadioGroup=function(t){var i=t.className,s=t.disabled,u=t.initialValue,c=t.items,d=t.onChange,o=e.__read(r.useState(-1),2),f=o[0],m=o[1],p=c.findIndex((function(e){return e.value===u}));r.useEffect((function(){p>-1&&m(p)}),[p]);var x=c.map((function(e,r){return a.jsx(n.Radio,{checked:r===f,disabled:s,label:e.label,onChange:function(){s||(m(r),d&&e.value&&d(e.value))}},e.label)}));return a.jsx(l,{className:i,children:x})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),a=require("clsx"),t=require("./Radio.js"),n=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("styled-components"),require("../../styles/constants/theme.js");var s=u(a),o="Amino_RadioGroup-module__radioContainer--gii0d";n.styleInject(".Amino_RadioGroup-module__radioContainer--gii0d{display:flex;gap:var(--amino-space-8)}");exports.RadioGroup=function(a){var n=a.className,u=a.disabled,l=a.initialValue,d=a.items,c=a.onChange,m=e.__read(i.useState(-1),2),f=m[0],_=m[1],j=d.findIndex((function(e){return e.value===l}));i.useEffect((function(){j>-1&&_(j)}),[j]);var q=d.map((function(e,i){return r.jsx(t.Radio,{checked:i===f,disabled:u,label:e.label,onChange:function(){u||(_(i),c&&e.value&&c(e.value))}},e.label)}));return r.jsx("div",{className:s.default(n,o),children:q})};

package/components/rest-state/RestState.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var r,s,c,m,o=l(t),u=o.default.div(r||(r=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  & > * {\n    text-align: center;\n    max-width: 500px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  & > * {\n    text-align: center;\n    max-width: 500px;\n  }\n"]))),x=o.default.img(s||(s=e.__makeTemplateObject(["\n  width: 100px;\n  height: auto;\n  margin-bottom: ",";\n"],["\n  width: 100px;\n  height: auto;\n  margin-bottom: ",";\n"])),a.theme.space16),d=o.default.div(c||(c=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: ",";\n"])),a.theme.space8),p=o.default.div(m||(m=e.__makeTemplateObject(["\n  margin-top: ",";\n  margin-bottom: ",";\n"],["\n  margin-top: ",";\n  margin-bottom: ",";\n"])),a.theme.space24,a.theme.space8);exports.RestState=function(e){var t=e.action,a=e.className,l=e.icon,r=e.label,s=e.subtitle;return n.jsxs(u,{className:a,children:[l?n.jsx(x,{src:l}):null,n.jsxs(d,{children:[n.jsx(i.Text,{type:"title",children:r}),s&&n.jsx(i.Text,{type:"subtitle",children:s}),t?n.jsx(p,{children:t}):null]})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),s=require("../text/Text.js"),a=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");var l=i(t),n="Amino_RestState-module__styledRestState--CkKGL",r="Amino_RestState-module__icon--ZlXu-",o="Amino_RestState-module__textWrapper--elWYa",m="Amino_RestState-module__action--Xw3I4";a.styleInject(".Amino_RestState-module__styledRestState--CkKGL{align-items:center;display:flex;flex-direction:column;justify-content:center}.Amino_RestState-module__styledRestState--CkKGL>*{max-width:500px;text-align:center}.Amino_RestState-module__icon--ZlXu-{height:auto;margin-bottom:var(--amino-space-16);width:100px}.Amino_RestState-module__textWrapper--elWYa{align-items:center;display:flex;flex-direction:column;gap:var(--amino-space-8)}.Amino_RestState-module__action--Xw3I4{margin-bottom:var(--amino-space-8);margin-top:var(--amino-space-24)}");exports.RestState=function(t){var a=t.action,i=t.className,c=t.icon,u=t.label,d=t.subtitle;return e.jsxs("div",{className:l.default(i,n),children:[c?e.jsx("img",{alt:u,className:r,src:c}):null,e.jsxs("div",{className:o,children:[e.jsx(s.Text,{type:"title",children:u}),d&&e.jsx(s.Text,{type:"subtitle",children:d}),a?e.jsx("div",{className:m,children:a}):null]})]})};

package/components/rich-card-select/RichCardStateSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../card/Card.js"),i=require("../stack/VStack.js"),o=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../style-inject.es-d4ddeae4.js");var l,a,s,u=c(t),h=u.default.div(l||(l=e.__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),d=u.default.div(a||(a=e.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ",";\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ",";\n"])),o.theme.space8),f=u.default(r.Card)(s||(s=e.__makeTemplateObject(["\n  cursor: pointer;\n  width: 180px;\n  display: flex;\n  gap: 24px;\n  height: fit-content;\n  align-items: center;\n  font-weight: 500;\n  flex: 0 0 180px;\n  font-size: ",";\n  color: ",";\n  background-color: ",";\n  border: ",";\n\n  &:hover {\n    background-color: ",";\n  }\n\n  svg > path {\n    stroke: ",";\n    fill: ",";\n  }\n"],["\n  cursor: pointer;\n  width: 180px;\n  display: flex;\n  gap: 24px;\n  height: fit-content;\n  align-items: center;\n  font-weight: 500;\n  flex: 0 0 180px;\n  font-size: ",";\n  color: ",";\n  background-color: ",";\n  border: ",";\n\n  &:hover {\n    background-color: ",";\n  }\n\n  svg > path {\n    stroke: ",";\n    fill: ",";\n  }\n"])),o.theme.fontSizeS,(function(e){return e.$highlighted&&o.theme.blue600}),(function(e){return e.$highlighted&&o.theme.blue100}),(function(e){return e.$highlighted&&"2px solid ".concat(o.theme.blue400)}),(function(e){return!e.$highlighted&&o.theme.gray50}),(function(e){return e.$highlighted&&o.theme.blue600}),(function(e){return e.$highlighted&&o.theme.blue200}));exports.RichCardStateSelect=function(e){var t=e.className,r=e.onClick,o=e.states,c=Array.from(new Set(o.map((function(e){return e.region})))),l=["West","Midwest","South","Northeast"];return c.sort((function(e,n){return l.indexOf(e)-l.indexOf(n)})),n.jsx(i.VStack,{className:t,spacing:24,children:c.map((function(e){return n.jsx("div",{children:n.jsxs(i.VStack,{spacing:16,children:[n.jsx(h,{children:e}),n.jsx(d,{children:o.filter((function(n){return n.region===e})).map((function(e){return n.jsx("button",{onClick:function(){return r(e)},type:"button",children:n.jsxs(f,{$highlighted:e.highlighted,spacing:"10px",children:[e.icon,e.name]})},e.code)}))})]})},e)}))})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),r=require("../card/Card.js"),i=require("../stack/VStack.js"),a=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("../stack/HStack.js"),require("styled-components"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../text/Text.js");var o=n(t),c="Amino_RichCardStateSelect-module__regionLabel--SPGQW",l="Amino_RichCardStateSelect-module__regionWrapper---fUKw",s="Amino_RichCardStateSelect-module__stateCard--l39ey",d="Amino_RichCardStateSelect-module__highlighted--6mou3";a.styleInject(".Amino_RichCardStateSelect-module__regionLabel--SPGQW{font-weight:700}.Amino_RichCardStateSelect-module__regionWrapper---fUKw{display:flex;flex-wrap:wrap;gap:var(--amino-space-8)}.Amino_RichCardStateSelect-module__stateCard--l39ey{align-items:center;cursor:pointer;display:flex;flex:0 0 180px;font-size:var(--amino-font-size-s);font-weight:500;gap:var(--amino-space-24);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:180px}.Amino_RichCardStateSelect-module__stateCard--l39ey:not(.Amino_RichCardStateSelect-module__highlighted--6mou3):hover{background-color:var(--amino-gray-50)}.Amino_RichCardStateSelect-module__stateCard--l39ey.Amino_RichCardStateSelect-module__highlighted--6mou3{background-color:var(--amino-blue-100);border:2px solid var(--amino-blue-400);color:var(--amino-blue-600)}.Amino_RichCardStateSelect-module__stateCard--l39ey.Amino_RichCardStateSelect-module__highlighted--6mou3 svg>path{stroke:var(--amino-blue-600);fill:var(--amino-blue-200)}");exports.RichCardStateSelect=function(t){var a=t.className,n=t.onClick,u=t.states,m=Array.from(new Set(u.map((function(e){return e.region})))),h=["West","Midwest","South","Northeast"];return m.sort((function(e,t){return h.indexOf(e)-h.indexOf(t)})),e.jsx(i.VStack,{className:a,spacing:24,children:m.map((function(t){return e.jsx("div",{children:e.jsxs(i.VStack,{spacing:16,children:[e.jsx("div",{className:c,children:t}),e.jsx("div",{className:l,children:u.filter((function(e){return e.region===t})).map((function(t){return e.jsx("button",{onClick:function(){return n(t)},type:"button",children:e.jsxs(r.Card,{className:o.default(s,t.highlighted&&d),spacing:"10px",children:[t.icon,t.name]})},t.code)}))})]})},t)}))})};

package/components/rich-checkbox/RichCheckbox.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../stack/VStack.js"),a=require("../text/Text.js"),i=require("../../icons/CheckmarkIcon.js"),o=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var l,s,d,u,p,h,m=c(t),g=m.default.button(l||(l=e.__makeTemplateObject(["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: ",";\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: ",";\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n  }\n"])),o.theme.gray0,o.theme.space16,o.theme.space40,o.theme.border,o.theme.radius6,o.theme.gray100,o.theme.gray200,o.theme.blue300),b=m.default(a.Text)(s||(s=e.__makeTemplateObject(["\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),o.theme.primary),x=m.default(a.Text)(d||(d=e.__makeTemplateObject(["\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),o.theme.primary),k=m.default(r.VStack)(u||(u=e.__makeTemplateObject(["\n  button[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    color: ",";\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"],["\n  button[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    color: ",";\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"])),o.theme.blue100,o.theme.blue300,o.theme.blue600,o.theme.gray0),f=m.default.div(p||(p=e.__makeTemplateObject(["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])),o.theme.space16,o.theme.blue600),j=m.default.div(h||(h=e.__makeTemplateObject(["\n  align-items: center;\n  display: grid;\n  grid-column-gap: ",";\n  ","\n"],["\n  align-items: center;\n  display: grid;\n  grid-column-gap: ",";\n  ","\n"])),o.theme.space24,(function(e){return e.$icon&&"grid-template-columns: 30px 1fr;"}));exports.RichCheckbox=function(e){var t=e.items,a=e.onClick;return n.jsx(k,{spacing:16,children:t.map((function(e){var t=e.checked,o=e.icon,c=e.label,l=e.subtitle,s=e.value;return n.jsxs(g,{"data-state":t?"checked":"",onClick:function(e){return a(e.currentTarget.value)},type:"button",value:s,children:[n.jsxs(j,{$icon:!!o,children:[o&&o,n.jsxs(r.VStack,{spacing:0,children:[n.jsx(b,{color:"gray1200",type:"label",children:c}),l&&n.jsx(x,{color:"gray700",children:l})]})]}),t&&n.jsx(f,{children:n.jsx(i.CheckmarkIcon,{})})]},s)}))})};
+"use strict";var e=require("react/jsx-runtime"),o=require("clsx"),i=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/CheckmarkIcon.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var r=n(o),s="Amino_RichCheckbox-module__styledRichCheckbox--UBAoE",l="Amino_RichCheckbox-module__label--uogM3",d="Amino_RichCheckbox-module__subtitle--LJpUN",m="Amino_RichCheckbox-module__styledVStack--Ctftf",u="Amino_RichCheckbox-module__styledIcon--KfzLA",h="Amino_RichCheckbox-module__styledItemContentDiv--EiRCD",_="Amino_RichCheckbox-module__hasIcon--g6o2Y";t.styleInject('.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;padding:var(--amino-space-16);padding-right:var(--amino-space-40);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:hover{background:var(--amino-gray-100);border:1px solid var(--amino-gray-200)}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:focus{border:1px solid var(--amino-blue-300);outline:none}.Amino_RichCheckbox-module__label--uogM3{line-height:24px}[data-state=checked] .Amino_RichCheckbox-module__label--uogM3,[data-state=checked] .Amino_RichCheckbox-module__subtitle--LJpUN{color:var(--amino-primary)}button[data-state=checked] .Amino_RichCheckbox-module__styledVStack--Ctftf{background:var(--amino-blue-100);border:1px solid var(--amino-blue-300);color:var(--amino-blue-600)}.Amino_RichCheckbox-module__styledVStack--Ctftf svg{color:var(--amino-gray-0);height:var(--amino-space-12);width:var(--amino-space-12)}.Amino_RichCheckbox-module__styledIcon--KfzLA{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD{grid-column-gap:var(--amino-space-24);align-items:center;display:grid}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD.Amino_RichCheckbox-module__hasIcon--g6o2Y{grid-template-columns:30px 1fr}');exports.RichCheckbox=function(o){var t=o.items,n=o.onClick;return e.jsx(i.VStack,{className:m,spacing:16,children:t.map((function(o){var t=o.checked,m=o.icon,b=o.label,x=o.subtitle,k=o.value;return e.jsxs("button",{className:s,"data-state":t?"checked":"",onClick:function(e){return n(e.currentTarget.value)},type:"button",value:k,children:[e.jsxs("div",{className:r.default(h,!!m&&_),children:[m&&m,e.jsxs(i.VStack,{spacing:0,children:[e.jsx(a.Text,{className:l,color:"gray1200",type:"label",children:b}),x&&e.jsx(a.Text,{className:d,color:"gray700",children:x})]})]}),t&&e.jsx("div",{className:u,children:e.jsx(c.CheckmarkIcon,{})})]},k)}))})};

package/components/rich-radio/RichRadio.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("react-tooltip"),r=require("styled-components"),o=require("../stack/VStack.js"),i=require("../text/Text.js"),d=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var s,u,p,h,x,b,m,g=c(a),f=c(r),k=f.default.div(s||(s=e.__makeTemplateObject(["\n  position: absolute;\n  content: ' ';\n  right: ",";\n  background: ",";\n  border-radius: 50px;\n  padding: 5px;\n  svg {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  content: ' ';\n  right: ",";\n  background: ",";\n  border-radius: 50px;\n  padding: 5px;\n  svg {\n    color: ",";\n  }\n"])),l.theme.space16,l.theme.gray400,l.theme.gray0),j=f.default.div(u||(u=e.__makeTemplateObject(["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])),l.theme.space16,l.theme.blue600),v=f.default.button(p||(p=e.__makeTemplateObject(["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: calc("," + 10px);\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: ","px;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n    "," {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n  }\n  > div {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"],["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: calc("," + 10px);\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: ","px;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n    "," {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n  }\n  > div {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"])),l.theme.gray0,l.theme.space16,l.theme.space40,l.theme.border,l.theme.radius6,(function(e){return e.$itemHeight}),l.theme.gray100,l.theme.gray200,k,l.theme.gray600,l.theme.blue400,l.theme.blue400),y=f.default(i.Text)(h||(h=e.__makeTemplateObject([""],[""]))),_=f.default(i.Text)(x||(x=e.__makeTemplateObject(["\n  color: ",";\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  color: ",";\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),l.theme.textColor,l.theme.primary),q=f.default(o.VStack)(b||(b=e.__makeTemplateObject(["\n  ","[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n    color: ",";\n    "," {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    width: 16px;\n    height: 16px;\n  }\n"],["\n  ","[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n    color: ",";\n    "," {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    width: 16px;\n    height: 16px;\n  }\n"])),v,l.theme.blue100,l.theme.blue400,l.theme.blue400,l.theme.blue700,y,l.theme.blue600,l.theme.gray0),w=f.default(g.default)(m||(m=e.__makeTemplateObject(["\n  && {\n    max-width: 350px;\n    border-radius: 10px;\n  }\n"],["\n  && {\n    max-width: 350px;\n    border-radius: 10px;\n  }\n"])));exports.RichRadio=function(a){var r=a.activeIcon,o=a.className,i=a.icon,l=a.itemHeight,c=void 0===l?64:l,s=a.items,u=a.onChange,p=a.renderCustomText,h=a.value,x=e.__read(t.useState(h),2),b=x[0],m=x[1];t.useEffect((function(){m(h)}),[h]);return n.jsx(q,{className:o,spacing:16,children:s.map((function(t){return n.jsxs(v,{$itemHeight:c,"data-disabled":t.disabled,"data-state":t.value===b?"checked":"","data-tip":t.tooltip,onClick:function(){var e;e=t.value,m(e),u(e)},type:"button",children:[t.tooltip&&n.jsx(w,e.__assign({arrowColor:"transparent",effect:"solid"},t.tooltipSetting)),p?p(t):n.jsxs("div",{children:[n.jsx(_,{type:"label",children:t.label}),t.subtitle&&n.jsx(y,{color:"gray900",type:"body",children:t.subtitle})]}),!!i&&n.jsx(k,{children:i||n.jsx(d.CheckmarkIcon,{})}),t.value===b&&n.jsx(j,{children:r||n.jsx(d.CheckmarkIcon,{})})]},t.value)}))})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),i=require("react"),a=require("react-tooltip"),t=require("clsx"),d=require("../stack/VStack.js"),r=require("../text/Text.js"),l=require("../../icons/CheckmarkIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("styled-components"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var c=s(a),m=s(t),u="Amino_RichRadio-module__styledIcon--knIjA",_="Amino_RichRadio-module__styledActiveIcon--gEn-e",h="Amino_RichRadio-module__styledItem--kTw3r",R="Amino_RichRadio-module__smallItem--4wzbt",p="Amino_RichRadio-module__label--Lxhqy",x="Amino_RichRadio-module__styledRadioGroup--7nOze",b="Amino_RichRadio-module__subtitle--xjXR-",y="Amino_RichRadio-module__styledTooltip--ulJKt";n.styleInject('.Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-400);border-radius:50px;content:" ";padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledIcon--knIjA svg{color:var(--amino-gray-0)}.Amino_RichRadio-module__styledActiveIcon--gEn-e{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:2px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledItem--kTw3r{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;height:64px;padding:var(--amino-space-16);padding-right:calc(var(--amino-space-40) + 10px);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichRadio-module__styledItem--kTw3r:hover{background:var(--amino-gray-100);border:1px solid var(--amino-gray-200)}.Amino_RichRadio-module__styledItem--kTw3r:hover .Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-600)}.Amino_RichRadio-module__styledItem--kTw3r:focus{border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);outline:none}.Amino_RichRadio-module__styledItem--kTw3r>div{display:flex;flex:1;flex-direction:column}.Amino_RichRadio-module__styledItem--kTw3r.Amino_RichRadio-module__smallItem--4wzbt{height:40px}.Amino_RichRadio-module__label--Lxhqy{color:var(--amino-text-color);line-height:24px}[data-state=checked] .Amino_RichRadio-module__label--Lxhqy{color:var(--amino-primary)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked]{background:var(--amino-blue-100);border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);color:var(--amino-blue-700)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked] .Amino_RichRadio-module__subtitle--xjXR-{color:var(--amino-blue-600)}.Amino_RichRadio-module__styledRadioGroup--7nOze svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_RichRadio-module__styledTooltip--ulJKt.Amino_RichRadio-module__styledTooltip--ulJKt{border-radius:10px;max-width:350px}');exports.RichRadio=function(a){var t=a.activeIcon,n=a.className,s=a.icon,v=a.itemHeight,g=void 0===v?64:v,k=a.items,A=a.onChange,j=a.renderCustomText,I=a.value,f=e.__read(i.useState(I),2),w=f[0],q=f[1];i.useEffect((function(){q(I)}),[I]);return o.jsx(d.VStack,{className:m.default(n,x),spacing:16,children:k.map((function(i){return o.jsxs("button",{className:m.default(h,40===g&&R),"data-disabled":i.disabled,"data-state":i.value===w?"checked":"","data-tip":i.tooltip,onClick:function(){var e;e=i.value,q(e),A(e)},type:"button",children:[i.tooltip&&o.jsx(c.default,e.__assign({arrowColor:"transparent",className:y,effect:"solid"},i.tooltipSetting)),j?j(i):o.jsxs("div",{children:[o.jsx(r.Text,{className:p,type:"label",children:i.label}),i.subtitle&&o.jsx(r.Text,{className:b,color:"gray900",type:"body",children:i.subtitle})]}),!!s&&o.jsx("div",{className:u,children:s||o.jsx(l.CheckmarkIcon,{})}),i.value===w&&o.jsx("div",{className:_,children:t||o.jsx(l.CheckmarkIcon,{})})]},i.value)}))})};

package/components/rounded-icon/RoundedIcon.d.ts

@@ -1,14 +1,11 @@
 import type { ReactNode } from 'react';
 import type { Color } from "../../types/Color";
 import type { Intent } from "../../types/Intent";
-type CSSProps = {
-    background?: Color;
-    color?: Color;
-};
 export type RoundedIconProps = {
+    background?: Color;
     children: ReactNode;
     className?: string;
+    color?: Color;
     intent?: Intent;
-} & CSSProps;
+};
 export declare const RoundedIcon: ({ background, children, className, color, intent, }: RoundedIconProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/components/rounded-icon/RoundedIcon.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var c,o,l,u,s=a(r),d=s.default.div(c||(c=e.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  background: ",";\n  color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 32px;\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  background: ",";\n  color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 32px;\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"])),(function(e){return e.background?t.theme[e.background]:t.theme.gray200}),(function(e){return e.color?t.theme[e.color]:t.theme.gray600})),i=s.default(d)(o||(o=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),t.theme.blue100,t.theme.blue600),h=s.default(d)(l||(l=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),t.theme.red100,t.theme.red600),m=s.default(d)(u||(u=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),t.theme.orange100,t.theme.orange600);exports.RoundedIcon=function(e){var r=e.background,t=e.children,a=e.className,c=e.color;switch(e.intent){case"danger":return n.jsx(h,{className:a,children:t});case"primary":return n.jsx(i,{className:a,children:t});case"warning":return n.jsx(m,{className:a,children:t});default:return n.jsx(d,{background:r,className:a,color:c,children:t})}};
+"use strict";var n=require("react/jsx-runtime"),o=require("clsx"),e=require("../../styles/constants/theme.js"),r=require("../../style-inject.es-d4ddeae4.js");function d(n){return n&&n.__esModule?n:{default:n}}var a=d(o),c={iconWrapper:"Amino_RoundedIcon-module__iconWrapper--dNOMI",primary:"Amino_RoundedIcon-module__primary--nmE2V",danger:"Amino_RoundedIcon-module__danger--48cqf",warning:"Amino_RoundedIcon-module__warning---41kg",success:"Amino_RoundedIcon-module__success--NLnm9"};r.styleInject(".Amino_RoundedIcon-module__iconWrapper--dNOMI{align-items:center;background:var(--amino-rounded-icon-background);border-radius:32px;color:var(--amino-rounded-icon-color);display:flex;height:var(--amino-space-32);justify-content:center;width:var(--amino-space-32)}.Amino_RoundedIcon-module__iconWrapper--dNOMI svg{height:var(--amino-space-20);width:var(--amino-space-20)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__primary--nmE2V{background:var(--amino-blue-100);color:var(--amino-blue-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__danger--48cqf{background:var(--amino-red-100);color:var(--amino-red-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__warning---41kg{background:var(--amino-orange-100);color:var(--amino-orange-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__success--NLnm9{background:var(--amino-green-100);color:var(--amino-green-600)}");exports.RoundedIcon=function(o){var r=o.background,d=o.children,i=o.className,u=o.color,m=o.intent;return n.jsx("div",{className:a.default(i,c.iconWrapper,function(){switch(m){case"danger":case"primary":case"warning":case"success":return c[m];default:return""}}()),style:{"--amino-rounded-icon-background":r?e.theme[r]:e.theme.gray200,"--amino-rounded-icon-color":u?e.theme[u]:e.theme.gray600},children:d})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.71",
+  "version": "5.1.72",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",