w-design-system 0.4.188 → 0.4.190

package/dist/components/Button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA4LzC,eAAO,MAAM,YAAY;UACjB,OAAO,GAAG,QAAQ,GAAG,OAAO;aACzB,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ;YAKxF,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,kQA6BxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA+LzC,eAAO,MAAM,YAAY;UACjB,OAAO,GAAG,QAAQ,GAAG,OAAO;aACzB,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ;YAKxF,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,kQA6BxB,CAAC"}

package/dist/w-design-system.js

@@ -911,7 +911,7 @@ function gA({ title: A, onClick: g, variant: e, subTitle: I, ...c }) {
   })();
   return s.jsxs(D3, { $variant: e, ...c, children: [s.jsxs("div", { className: "bannerWrapper", children: [s.jsx(I0, { src: C, className: "buttonRadiusWrapperIcon" }), s.jsxs("span", { children: [s.jsx(t0, { size: "medium", color: t, children: A }), I && s.jsx(t0, { size: "small", color: q3, children: I })] })] }), s.jsx(I0, { src: f2, width: "14px", height: "14px", color: $3, onClick: g })] });
 }
-const { colors: Z } = l, _3 = K0(["0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}"]), B0 = (A) => G([".buttonRadiusWrapperIcon{margin-top:4px;svg{fill:", ";path{fill:", ";}}}"], A, A), A4 = { primary: G(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.cyan50, Z.cyan40, Z.cyan50), secondary: G(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.cyan30, Z.cyan40, Z.cyan30), danger: G(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.red40, Z.red30, Z.red40), warning: G(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.honey10, Z.honey30, Z.honey20, Z.honey10, B0(Z.honey30)), success: G(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.mint40, Z.mint30, Z.mint40), gray: G(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.shade10, Z.shade40, Z.shade20, Z.shade10, B0(Z.shade40)), yellow: G(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.yellow10, Z.yellow30, Z.yellow20, Z.yellow10, B0(Z.yellow30)) }, g4 = { primary: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.cyan50, Z.cyan50, Z.cyan10, Z.cyan10, B0(Z.cyan50)), secondary: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.cyan40, Z.cyan40, Z.cyan10, Z.cyan10, B0(Z.cyan40)), danger: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.red40, Z.red40, Z.red10, Z.red10, B0(Z.red40)), warning: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.honey40, Z.honey40, Z.honey10, Z.honey10, B0(Z.honey40)), success: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.mint40, Z.mint40, Z.mint10, Z.mint10, B0(Z.mint40)), gray: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.shade40, Z.shade40, Z.shade20, Z.shade10, B0(Z.shade40)), yellow: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.yellow30, Z.yellow30, Z.yellow10, Z.yellow10, B0(Z.yellow30)) }, I4 = { small: G(["padding:6px 12px;font-size:12px;"]), medium: G(["padding:8px 16px;font-size:14px;"]), large: G(["padding:12px 24px;font-size:16px;"]) };
+const { colors: Z } = l, _3 = K0(["0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}"]), B0 = (A) => G([".buttonRadiusWrapperIcon{margin-top:4px;svg{fill:", ";path{fill:", ";}}}"], A, A), A4 = { primary: G(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.cyan50, Z.cyan40, Z.cyan50), secondary: G(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.cyan30, Z.cyan40, Z.cyan30), danger: G(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.red40, Z.red30, Z.red40), warning: G(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.honey10, Z.honey30, Z.honey20, Z.honey10, B0(Z.honey30)), success: G(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.mint40, Z.mint30, Z.mint40), gray: G(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.shade10, Z.shade40, Z.shade20, Z.shade10, B0(Z.shade40)), yellow: G(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.yellow10, Z.yellow30, Z.yellow20, Z.yellow10, B0(Z.yellow30)) }, g4 = { primary: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.cyan50, Z.cyan50, Z.cyan10, Z.cyan10, B0(Z.cyan50)), secondary: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.cyan40, Z.cyan40, Z.cyan10, Z.cyan10, B0(Z.cyan40)), danger: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.red40, Z.red40, Z.red10, Z.red10, B0(Z.red40)), warning: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.honey40, Z.honey40, Z.honey10, Z.honey10, B0(Z.honey40)), success: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.mint40, Z.mint40, Z.mint10, Z.mint10, B0(Z.mint40)), gray: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.shade40, Z.shade40, Z.shade20, Z.shade10, B0(Z.shade40)), yellow: G(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.yellow30, Z.yellow30, Z.yellow10, Z.yellow10, B0(Z.yellow30)) }, I4 = { small: G(["padding:6px 12px;font-size:12px;height:32px;"]), medium: G(["padding:8px 16px;font-size:14px;height:40px;"]), large: G(["padding:12px 24px;font-size:16px;height:48px;"]) };
 v.img.withConfig({ displayName: "LoadingImage", componentId: "sc-1tlgipc-0" })(["width:", ";height:", ";animation:", " 2s linear infinite;"], ({ size: A }) => A === "small" ? "20px" : "24px", ({ size: A }) => A === "small" ? "20px" : "24px", _3);
 const C4 = v.button.withConfig({ displayName: "ButtonStyled", componentId: "sc-1tlgipc-1" })(["display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;width:", ";font-weight:600;line-height:140%;border:none;border-radius:", ";font-family:'Nunito Sans',sans-serif;transition:background-color 0.3s,opacity 0.3s;text-transform:uppercase;color:white;gap:12px;cursor:", ";opacity:", ";", ";", ";background:", ";border-radius:", ";.buttonRadiusWrapperIcon{margin-top:4px;}"], ({ $fullWidth: A }) => A ? "100%" : "auto", ({ $radius: A }) => A ? "24px" : "5px", ({ $disabled: A }) => A ? "not-allowed" : "pointer", ({ $disabled: A }) => A ? 0.5 : 1, ({ $variant: A = "primary", $outline: g }) => g ? g4[A] : A4[A], ({ $size: A = "medium" }) => I4[A], ({ $outline: A }) => A && "white", ({ $halfLeft: A, $halfRight: g, $radius: e }) => A || g ? A ? "24px 0 0 24px" : "0 24px 24px 0" : e ? "24px" : "5px"), { colors: f0 } = l, c4 = ({ variant: A, outline: g }) => {
   if (g) {