@zonos/amino 5.1.10 → 5.1.11
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"),o=require("react/jsx-runtime"),e=require("styled-components"),r=require("../../styles/constants/theme.js");function c(n){return n&&n.__esModule?n:{default:n}}var l,g
|
|
1
|
+
"use strict";var n=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),e=require("styled-components"),r=require("../../styles/constants/theme.js");function c(n){return n&&n.__esModule?n:{default:n}}var l,d,g=c(e),t=g.default.div(l||(l=n.__makeTemplateObject(["\n display: inline-block;\n"],["\n display: inline-block;\n"]))),i=g.default.div(d||(d=n.__makeTemplateObject(["\n display: flex;\n gap: ",";\n font-size: ",";\n padding: 4px 8px;\n text-align: center;\n border-radius: ",";\n background-color: ",";\n color: ",";\n align-items: center;\n\n p {\n margin: 0;\n font-weight: ",";\n line-height: 16px;\n }\n svg {\n order: ",";\n height: 16px;\n width: 16px;\n }\n\n &.bold {\n // bold config default (gray)\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n\n // size\n &.small {\n padding: 2px ",";\n border-radius: ",";\n gap: 2px;\n }\n\n &.blue {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n }\n\n &.green {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n }\n\n &.red {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n }\n\n &.orange {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n }\n\n &.purple {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n }\n\n &.cyan {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n }\n }\n"],["\n display: flex;\n gap: ",";\n font-size: ",";\n padding: 4px 8px;\n text-align: center;\n border-radius: ",";\n background-color: ",";\n color: ",";\n align-items: center;\n\n p {\n margin: 0;\n font-weight: ",";\n line-height: 16px;\n }\n svg {\n order: ",";\n height: 16px;\n width: 16px;\n }\n\n &.bold {\n // bold config default (gray)\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n\n // size\n &.small {\n padding: 2px ",";\n border-radius: ",";\n gap: 2px;\n }\n\n &.blue {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n }\n\n &.green {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n }\n\n &.red {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n }\n\n &.orange {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n }\n\n &.purple {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n & svg {\n color: ",";\n }\n }\n }\n\n &.cyan {\n // color config\n background-color: ",";\n color: ",";\n &.bold {\n // bold config\n background-color: ",";\n color: ",";\n }\n }\n"])),r.theme.space4,r.theme.fontSizeS,(function(n){return n.$rounded?"20px":r.theme.radius6}),r.theme.gray100,r.theme.gray800,(function(n){return n.$fontWeight}),(function(n){return n.$iconRight?"2":""}),r.theme.gray600,r.theme.gray100,r.theme.gray100,r.theme.space4,r.theme.radius4,r.theme.blue100,r.theme.blue800,r.theme.blue600,r.theme.blue100,r.theme.blue100,r.theme.green100,r.theme.green800,r.theme.green600,r.theme.green100,r.theme.green100,r.theme.red100,r.theme.red800,r.theme.red600,r.theme.red100,r.theme.red100,r.theme.orange100,r.theme.orange800,r.theme.orange600,r.theme.orange100,r.theme.orange100,r.theme.purple100,r.theme.purple800,r.theme.purple600,r.theme.purple100,r.theme.purple100,r.theme.cyan100,r.theme.cyan800,r.theme.cyan600,r.theme.cyan100);exports.Badge=function(n){var e=n.bold,r=n.children,c=n.className,l=n.color,d=void 0===l?"gray":l,g=n.fontWeight,a=void 0===g?600:g,b=n.icon,u=n.iconRight,h=void 0!==u&&u,s=n.rounded,m=void 0!==s&&s,p=n.size,f=void 0===p?"default":p;return o.jsx(t,{className:c,children:o.jsxs(i,{$fontWeight:a,$iconRight:h,$rounded:m,className:[d,f,e?"bold":""].join(" "),children:[b,o.jsx("p",{children:r})]})})};
|
package/components/tag/Tag.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../icons/RemoveIcon.js"),i=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,s,c,l,d=o(t),u=d.default.div(a||(a=n.__makeTemplateObject(["\n display: inline-flex;\n // default background color (gray)\n background-color: ",";\n border-radius: ",";\n\n height: ",";\n"],["\n display: inline-flex;\n // default background color (gray)\n background-color: ",";\n border-radius: ",";\n\n height: ",";\n"])),i.theme.gray100,i.theme.radius4,(function(n){return"base"===n.$size?i.theme.space20:i.theme.space24})),g=d.default.button(s||(s=n.__makeTemplateObject(["\n display: inline-flex;\n font-size: ",";\n background-color: ",";\n border-radius: "," 0 0 ",";\n font-weight: normal;\n padding: ",";\n gap: ",";\n color: ",";\n align-items: center;\n text-align: center;\n font-weight: 600;\n &:focus {\n outline: none;\n }\n p {\n margin: 0;\n font-weight: 600;\n }\n\n svg {\n order: ",";\n }\n"],["\n display: inline-flex;\n font-size: ",";\n background-color: ",";\n border-radius: "," 0 0 ",";\n font-weight: normal;\n padding: ",";\n gap: ",";\n color: ",";\n align-items: center;\n text-align: center;\n font-weight: 600;\n &:focus {\n outline: none;\n }\n p {\n margin: 0;\n font-weight: 600;\n }\n\n svg {\n order: ",";\n }\n"])),i.theme.fontSizeS,i.theme.gray100,i.theme.radius6,i.theme.radius6,(function(n){return"base"===n.size?"2px ".concat(i.theme.space4):"".concat(i.theme.space4," ").concat(i.theme.space4," ").concat(i.theme.space4," ").concat(i.theme.space8)}),i.theme.space4,i.theme.textColor,(function(n){return n.iconRight?"2":""})),m=d.default.button(c||(c=n.__makeTemplateObject(["\n border-radius: ",";\n display: inline-flex;\n align-items: center;\n padding: ",";\n"],["\n border-radius: ",";\n display: inline-flex;\n align-items: center;\n padding: ",";\n"])),i.theme.radius4,(function(n){return"base"===n.size?"2px 3px":"4px 5px"})),h=d.default.div(l||(l=n.__makeTemplateObject(["\n display: flex;\n\n ",":hover & {\n background-color: ",";\n border-radius: 50%;\n }\n"],["\n display: flex;\n\n ",":hover & {\n background-color: ",";\n border-radius: 50%;\n }\n"])),m,i.theme.gray300);exports.Tag=function(n){var t=n.children,i=n.className,o=n.icon,a=n.iconRight,s=n.onClick,c=n.onClose,l=n.size,d=void 0===l?"base":l;return e.jsxs(u,{$size:d,className:i,children:[e.jsxs(g,{iconRight:a,onClick:s,size:d,type:"button",children:[o,e.jsx("p",{children:t})]}),e.jsx(m,{onClick:c,size:d,type:"button",children:e.jsx(h,{children:e.jsx(r.RemoveIcon,{size:14})})})]})};
|