@zonos/amino 5.1.16 → 5.1.17
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 e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),o=require("../button/LegacyButton.js"),t=require("../stack/HStack.js"),a=require("../text/Text.js"),c=require("../../icons/CheckCircleDuotoneIcon.js"),i=require("../../icons/InfoDuotoneIcon.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../icons/RemoveIcon.js"),u=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var j,p,g,f,x,h,b,_,k,y,I,C,q,v,T=m(r),O=T.default.div(j||(j=e.__makeTemplateObject(["\n border-radius: ",";\n padding: ",";\n"],["\n border-radius: ",";\n padding: ",";\n"])),d.theme.radius6,d.theme.space16),D=T.default.div(p||(p=e.__makeTemplateObject(["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"],["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"])),(function(e){return e.onlyContent?"start":"center"}),(function(e){return e.withoutCloseButton?"0px":"32px"})),w=T.default.div(g||(g=e.__makeTemplateObject(["\n grid-area: icon;\n justify-self: start;\n"],["\n grid-area: icon;\n justify-self: start;\n"]))),B=T.default.div(f||(f=e.__makeTemplateObject(["\n grid-area: close;\n justify-self: end;\n"],["\n grid-area: close;\n justify-self: end;\n"]))),R=T.default(o.LegacyButton)(x||(x=e.__makeTemplateObject(["\n && {\n width: 20px;\n }\n"],["\n && {\n width: 20px;\n }\n"]))),z=T.default.div(h||(h=e.__makeTemplateObject(["\n grid-area: header;\n color: ",";\n"],["\n grid-area: header;\n color: ",";\n"])),(function(e){return d.theme[e.color]})),N=T.default.div(b||(b=e.__makeTemplateObject(["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"],["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"]))),S=T.default.header(_||(_=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"]))),H=T.default.footer(k||(k=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),A=T.default(O)(y||(y=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),d.theme.gray100,d.theme.gray700),L=T.default(O)(I||(I=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),d.theme.blue100,d.theme.blue700),W=T.default(O)(C||(C=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),d.theme.green100,d.theme.green700),G=T.default(O)(q||(q=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),d.theme.orange100,d.theme.orange700),M=T.default(O)(v||(v=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),d.theme.red100,d.theme.red700);exports.Banner=function(r){var o=r.children,d=r.className,m=void 0===d?"":d,j=r.footerActions,p=r.headerActions,g=r.intent,f=r.onClose,x=r.title,h=function(r){var c=r.intentIcon,i=r.removeIconColor,l=!!o&&!x&&!j,u=e.__read([x&&n.jsxs(S,{children:[n.jsx(a.Text,{color:i,type:"label",children:x}),p&&n.jsx(t.HStack,{spacing:8,children:p})]}),o,j&&n.jsx(H,{children:n.jsx(t.HStack,{spacing:8,children:j})})].filter(Boolean),3),d=u[0],m=u[1],g=u[2];return n.jsxs(D,{onlyContent:l,withoutCloseButton:!f,children:[n.jsx(w,{children:c}),f&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(s.RemoveIcon,{color:i,size:20}),intent:"text",onClick:f})}),n.jsx(z,{color:i,children:d}),m&&n.jsxs(N,{children:[m,g]})]})};switch(g){case"info":return n.jsx(L,{className:m,children:h({intentIcon:n.jsx(c.CheckCircleDuotoneIcon,{color:"blue800",secondaryColor:"
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),o=require("../button/LegacyButton.js"),t=require("../stack/HStack.js"),a=require("../text/Text.js"),c=require("../../icons/CheckCircleDuotoneIcon.js"),i=require("../../icons/InfoDuotoneIcon.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../icons/RemoveIcon.js"),u=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var j,p,g,f,x,h,b,_,k,y,I,C,q,v,T=m(r),O=T.default.div(j||(j=e.__makeTemplateObject(["\n border-radius: ",";\n padding: ",";\n"],["\n border-radius: ",";\n padding: ",";\n"])),d.theme.radius6,d.theme.space16),D=T.default.div(p||(p=e.__makeTemplateObject(["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"],["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"])),(function(e){return e.onlyContent?"start":"center"}),(function(e){return e.withoutCloseButton?"0px":"32px"})),w=T.default.div(g||(g=e.__makeTemplateObject(["\n grid-area: icon;\n justify-self: start;\n"],["\n grid-area: icon;\n justify-self: start;\n"]))),B=T.default.div(f||(f=e.__makeTemplateObject(["\n grid-area: close;\n justify-self: end;\n"],["\n grid-area: close;\n justify-self: end;\n"]))),R=T.default(o.LegacyButton)(x||(x=e.__makeTemplateObject(["\n && {\n width: 20px;\n }\n"],["\n && {\n width: 20px;\n }\n"]))),z=T.default.div(h||(h=e.__makeTemplateObject(["\n grid-area: header;\n color: ",";\n"],["\n grid-area: header;\n color: ",";\n"])),(function(e){return d.theme[e.color]})),N=T.default.div(b||(b=e.__makeTemplateObject(["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"],["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"]))),S=T.default.header(_||(_=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"]))),H=T.default.footer(k||(k=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),A=T.default(O)(y||(y=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),d.theme.gray100,d.theme.gray700),L=T.default(O)(I||(I=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),d.theme.blue100,d.theme.blue700),W=T.default(O)(C||(C=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),d.theme.green100,d.theme.green700),G=T.default(O)(q||(q=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),d.theme.orange100,d.theme.orange700),M=T.default(O)(v||(v=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),d.theme.red100,d.theme.red700);exports.Banner=function(r){var o=r.children,d=r.className,m=void 0===d?"":d,j=r.footerActions,p=r.headerActions,g=r.intent,f=r.onClose,x=r.title,h=function(r){var c=r.intentIcon,i=r.removeIconColor,l=!!o&&!x&&!j,u=e.__read([x&&n.jsxs(S,{children:[n.jsx(a.Text,{color:i,type:"label",children:x}),p&&n.jsx(t.HStack,{spacing:8,children:p})]}),o,j&&n.jsx(H,{children:n.jsx(t.HStack,{spacing:8,children:j})})].filter(Boolean),3),d=u[0],m=u[1],g=u[2];return n.jsxs(D,{onlyContent:l,withoutCloseButton:!f,children:[n.jsx(w,{children:c}),f&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(s.RemoveIcon,{color:i,size:20}),intent:"text",onClick:f})}),n.jsx(z,{color:i,children:d}),m&&n.jsxs(N,{children:[m,g]})]})};switch(g){case"info":return n.jsx(L,{className:m,children:h({intentIcon:n.jsx(c.CheckCircleDuotoneIcon,{color:"blue800",secondaryColor:"blue400",size:20}),removeIconColor:"blue800"})});case"success":return n.jsx(W,{className:m,children:h({intentIcon:n.jsx(c.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green400",size:20}),removeIconColor:"green800"})});case"warning":return n.jsx(G,{className:m,children:h({intentIcon:n.jsx(u.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400",size:20}),removeIconColor:"orange800"})});case"error":return n.jsx(M,{className:m,children:h({intentIcon:n.jsx(l.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red400",size:20}),removeIconColor:"red800"})});default:return n.jsx(A,{className:m,children:h({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray400",size:20}),removeIconColor:"gray800"})})}};
|
|
@@ -1 +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:
|
|
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,{"data-disabled":t.disabled,"data-state":t.value===b?"checked":"","data-tip":t.tooltip,itemHeight:c,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)}))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var i,c={round:"50%",rounded:"20%",square:"0px"},a=o(t).default.div(i||(i=n.__makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ",";\n height: ",";\n border-radius: ",";\n border: ",";\n border: ",";\n box-sizing: content-box;\n background-color: ",";\n\n svg {\n color: ",";\n\n width: 50%;\n height: 50%;\n\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n"],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ",";\n height: ",";\n border-radius: ",";\n border: ",";\n border: ",";\n box-sizing: content-box;\n background-color: ",";\n\n svg {\n color: ",";\n\n width: 50%;\n height: 50%;\n\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n"])),(function(n){return"".concat(n.size,"px")}),(function(n){return"".concat(n.size,"px")}),(function(n){return c[n.shape]}),(function(n){return"bordered"===n.intent&&"".concat(n.size/16,"px solid ").concat(r.theme.gray0)}),(function(n){return"outline"===n.intent&&"1px solid ".concat(r.theme.gray200)}),(function(n){return"outline"===n.intent?"transparent":r.theme["".concat(n.color,"100")]}),(function(n){return r.theme["".concat(n.color,"800")]}),(function(n){return r.theme["".concat(n.color,"
|
|
1
|
+
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var i,c={round:"50%",rounded:"20%",square:"0px"},a=o(t).default.div(i||(i=n.__makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ",";\n height: ",";\n border-radius: ",";\n border: ",";\n border: ",";\n box-sizing: content-box;\n background-color: ",";\n\n svg {\n color: ",";\n\n width: 50%;\n height: 50%;\n\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n"],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ",";\n height: ",";\n border-radius: ",";\n border: ",";\n border: ",";\n box-sizing: content-box;\n background-color: ",";\n\n svg {\n color: ",";\n\n width: 50%;\n height: 50%;\n\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n"])),(function(n){return"".concat(n.size,"px")}),(function(n){return"".concat(n.size,"px")}),(function(n){return c[n.shape]}),(function(n){return"bordered"===n.intent&&"".concat(n.size/16,"px solid ").concat(r.theme.gray0)}),(function(n){return"outline"===n.intent&&"1px solid ".concat(r.theme.gray200)}),(function(n){return"outline"===n.intent?"transparent":r.theme["".concat(n.color,"100")]}),(function(n){return r.theme["".concat(n.color,"800")]}),(function(n){return r.theme["".concat(n.color,"400")]}));exports.Thumbnail=function(n){var t=n.color,r=void 0===t?"gray":t,o=n.icon,i=n.intent,c=void 0===i?"full":i,s=n.shape,u=void 0===s?"round":s,d=n.size,l=void 0===d?32:d;return e.jsx(a,{color:r,intent:c,shape:u,size:l,children:o})};
|