@zonos/amino 5.1.13 → 5.1.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),r=require("styled-components"),o=require("../text/Text.js"),a=require("../../icons/CheckmarkIcon.js"),c=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../../icons/icon-base/_IconBase.js");var d,h,u,m,p,x,g=l(r),b=i.motion(a.CheckmarkIcon),f=g.default.div(d||(d=n.__makeTemplateObject(["\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n line-height: 16px;\n border-radius: ",";\n background: ",";\n border: ",";\n transition: all 150ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n margin-right: 8px;\n
|
|
1
|
+
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),r=require("styled-components"),o=require("../text/Text.js"),a=require("../../icons/CheckmarkIcon.js"),c=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../../icons/icon-base/_IconBase.js");var d,h,u,m,p,x,g=l(r),b=i.motion(a.CheckmarkIcon),f=g.default.div(d||(d=n.__makeTemplateObject(["\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n line-height: 16px;\n border-radius: ",";\n background: ",";\n border: ",";\n transition: all 150ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n margin-right: 8px;\n box-shadow: ",";\n\n svg {\n color: ",";\n width: 16px;\n height: 16px;\n }\n"],["\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n line-height: 16px;\n border-radius: ",";\n background: ",";\n border: ",";\n transition: all 150ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n margin-right: 8px;\n box-shadow: ",";\n\n svg {\n color: ",";\n width: 16px;\n height: 16px;\n }\n"])),c.theme.radius4,(function(n){return n.checked?c.theme.primary:c.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(c.theme.gray400)}),(function(n){return n.checked?c.theme.shadowButtonPrimary:"none"}),c.theme.gray0),k=g.default(o.Text)(h||(h=n.__makeTemplateObject([""],[""]))),j=g.default.span(u||(u=n.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),c.theme.gray600),y=g.default(o.Text)(m||(m=n.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),w=g.default.div(p||(p=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"],["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"]))),v=g.default.label(x||(x=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n user-select: none;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n border: ",";\n &:active {\n box-shadow: none;\n }\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n "," {\n svg {\n opacity: 0.6;\n }\n }\n\n cursor: not-allowed;\n }\n"],["\n display: flex;\n flex-direction: row;\n user-select: none;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n border: ",";\n &:active {\n box-shadow: none;\n }\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n "," {\n svg {\n opacity: 0.6;\n }\n }\n\n cursor: not-allowed;\n }\n"])),f,(function(n){return n.checked?c.theme.blue200:""}),(function(n){return n.checked?"none":"1.5px solid ".concat(c.theme.gray300)}),y,c.theme.gray600,k,c.theme.gray400,w);exports.Checkbox=function(n){var r=n.checked,o=void 0!==r&&r,a=n.disabled,c=n.icon,l=n.label,d=n.labelComponent,h=n.labelDescription,u=n.onChange,m=n.subtitle,p=null==l?void 0:l.replace(/\s/g,"-").toLowerCase(),x=t.useMemo((function(){return s.getTestId({componentName:"checkbox",name:l})}),[l]);return e.jsxs(v,{checked:o,className:["amino-input-wrapper",a?"disabled":""].join(" "),"data-testid":x,htmlFor:p,onClick:function(n){return!a&&u(!o,n)},children:[e.jsx(f,{checked:o,id:p,children:e.jsx(i.AnimatePresence,{children:o&&e.jsx(b,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),d||e.jsxs("div",{children:[e.jsxs(w,{children:[c,e.jsxs(y,{type:"input-label",children:[l,h&&e.jsx(j,{children:h})]})]}),m&&e.jsx(k,{type:"subtitle",children:m})]})]})};
|
|
@@ -1 +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
|
|
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,className:i?"disabled":"",disabled:i,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})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var l,
|
|
1
|
+
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var o,l,s,p,c,d,h,x=a(t),m=x.default.div(o||(o=n.__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n height: 14px;\n width: 14px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 1px;\n left: ",";\n [data-theme='night'] & {\n background: ",";\n }\n"],["\n background: ",";\n box-shadow: ",";\n height: 14px;\n width: 14px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 1px;\n left: ",";\n [data-theme='night'] & {\n background: ",";\n }\n"])),r.theme.gray0,(function(n){return n.checked?"0px -1px 1px 0px rgba(68, 94, 238, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)":"0px -1px 1px 0px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)"}),r.theme.transition,(function(n){return n.checked?"calc(100% - 15px)":"1px"}),r.theme.gray1200),g=x.default.div(l||(l=n.__makeTemplateObject(["\n margin-right: ",";\n width: 32px;\n height: 16px;\n min-width: 32px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n margin-right: ",";\n position: relative;\n"],["\n margin-right: ",";\n width: 32px;\n height: 16px;\n min-width: 32px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n margin-right: ",";\n position: relative;\n"])),r.theme.space16,(function(n){return n.checked?r.theme.primary:r.theme.gray100}),r.theme.v3ShadowInset,r.theme.space16),u=x.default(i.Text)(s||(s=n.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),b=x.default(i.Text)(p||(p=n.__makeTemplateObject([""],[""]))),f=x.default.span(c||(c=n.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),r.theme.gray600),k=x.default.div(d||(d=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"],["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"]))),y=x.default.label(h||(h=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n opacity: 0.6;\n }\n "," {\n opacity: 0.95;\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n\n cursor: not-allowed;\n }\n"],["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n opacity: 0.6;\n }\n "," {\n opacity: 0.95;\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n\n cursor: not-allowed;\n }\n"])),g,m,u,r.theme.gray600,b,r.theme.gray400);exports.Switch=function(n){var t=n.checked,i=n.disabled,r=n.icon,a=n.label,o=n.labelDescription,l=n.onChange,s=n.subtitle,p=null==a?void 0:a.replace(/\s/g,"-").toLowerCase();return e.jsxs(y,{checked:t,className:i?"disabled":"",htmlFor:p,onClick:function(){return!i&&l(!t)},children:[e.jsx(g,{checked:t,children:e.jsx(m,{checked:t,id:p})}),e.jsxs("div",{children:[e.jsxs(k,{children:[r,e.jsxs(u,{type:"input-label",children:[a,o&&e.jsx(f,{children:o})]})]}),s&&e.jsx(b,{type:"subtitle",children:s})]})]})};
|