w-design-system 0.4.174 → 0.4.176

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO,6NAQnB,CAAA;AACD,eAAO,MAAM,cAAc,6NAmC1B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO,6NAQnB,CAAA;AACD,eAAO,MAAM,cAAc,6NAqC1B,CAAA"}

package/dist/w-design-system.js

@@ -1519,7 +1519,7 @@ const X4 = { ...l.title }, W4 = v.p.withConfig({ displayName: "StyledTitle", com
 function V4({ size: A = "medium", bold: g, color: e, children: I }) {
   return s.jsx(W4, { $size: A, $bold: g, $color: e, children: I });
 }
-const { colors: { shade20: q4 }, zIndex: { z8: $4, z9: _4 } } = l, A5 = v.div.withConfig({ displayName: "Overlay", componentId: "sc-iy043f-0" })(["position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:", ";"], $4), g5 = v.div.withConfig({ displayName: "ModalContainer", componentId: "sc-iy043f-1" })(["display:flex;min-width:360px;width:auto;height:auto;padding:16px;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0;border-radius:5px;border:1px solid ", ";background:white;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:rgba(149,157,165,0.1) 0px 0px 24px;border:1px solid rgba(0,0,0,0.08);z-index:", ";.modalContainer{min-height:100px;}.modalHeader{display:inline-flex;justify-content:space-between;width:100%;}.modalFooter{display:inline-flex;justify-content:flex-end;width:100%;gap:0 24px;}"], q4, _4), { colors: { cyan50: I5, shade30: C5 } } = l;
+const { colors: { shade20: q4 }, zIndex: { z8: $4, z9: _4 } } = l, A5 = v.div.withConfig({ displayName: "Overlay", componentId: "sc-iy043f-0" })(["position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:", ";"], $4), g5 = v.div.withConfig({ displayName: "ModalContainer", componentId: "sc-iy043f-1" })(["display:flex;min-width:360px;width:auto;height:auto;padding:16px;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0;border-radius:5px;border:1px solid ", ";background:white;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:rgba(149,157,165,0.1) 0px 0px 24px;border:1px solid rgba(0,0,0,0.08);z-index:", ";.modalContainer{min-height:100px;max-height:calc(100vh - 166px);overflow-y:auto;}.modalHeader{display:inline-flex;justify-content:space-between;width:100%;}.modalFooter{display:inline-flex;justify-content:flex-end;width:100%;gap:0 24px;}"], q4, _4), { colors: { cyan50: I5, shade30: C5 } } = l;
 function iA({ title: A, children: g, onClose: e, footer: I, ...c }) {
   return s1.createPortal(s.jsxs(s.Fragment, { children: [s.jsx(A5, { onClick: e }), s.jsxs(g5, { ...c, children: [s.jsxs("div", { className: "modalHeader", children: [s.jsx(V4, { size: "medium", bold: !0, color: I5, children: A }), s.jsx(I0, { src: f2, width: "14px", height: "14px", color: C5, onClick: e })] }), s.jsx("div", { className: "modalContainer", children: g }), s.jsx("div", { className: "modalFooter", children: I })] })] }), document.body);
 }
@@ -1824,7 +1824,7 @@ function QA({ partialMatch: A, text: g, searchWords: e, color: I, size: c, fontW
     for (let r = 0; r < g.length; r += 1) h[r] !== n.lighted && (n.text && M.push(n), n = { start: r, text: "", lighted: h[r] }), n.text += a[r];
     return n.text && M.push(n), M;
   }, [g, e, A]);
-  return s.jsx(s.Fragment, { children: t.map((o) => o.lighted ? s.jsx(_5, { $size: c, $fontWeight: C, children: o.text }, o.start) : s.jsx($5, { $size: c, $fontWeight: C, $color: I, children: o.text }, o.start)) });
+  return s.jsx(s.Fragment, { children: t.map((o) => o.lighted ? s.jsx(_5, { $size: c, $fontWeight: C, $color: I, children: o.text }, o.start) : s.jsx($5, { $size: c, $fontWeight: C, $color: I, children: o.text }, o.start)) });
 }
 const A7 = v.div.withConfig({ displayName: "Container", componentId: "sc-6xtsyg-0" })(["display:flex;align-items:center;z-index:", ";height:100vh;justify-content:center;position:fixed;inset:0;overflow:hidden;opacity:0;animation:1s ease 0s 1 normal forwards running fadeInModal;background-color:rgba(0,0,0,0.55);@keyframes fadeInModal{from{opacity:0;}to{opacity:1;}}"], l.zIndex.z8), g7 = v.div.withConfig({ displayName: "ContainerFilter", componentId: "sc-6xtsyg-1" })(["position:absolute;display:flex;flex-direction:column;top:0;right:", ";left:", ";background:white;width:450px;height:100%;box-shadow:0px -4px 6px 1px #0000004a;animation:", " 1s;.wrapper-heading{display:flex;padding:", ";height:80px;background-color:", ";color:", ";h3{margin:0;}}.icon{margin-right:", ";svg{width:", ";height:", ";}}.content-not-header{overflow:auto;height:inherit;}.content{overflow:auto;padding:", ";height:inherit;}.button-wrapp{border-top:1px solid ", ";background-color:", ";text-align:end;min-height:20px;padding:", ";button{margin-left:", ";}}"], (A) => A.$side === "right" ? "0" : "unset", (A) => A.$side === "left" ? "0" : "unset", ({ $side: A }) => A && I7(A), l.spacing.space3, l.colors.cyan40, l.colors.white, l.spacing.space3, l.spacing.space4, l.spacing.space4, l.spacing.space3, l.colors.shade20, l.colors.shade20, l.spacing.space3, l.spacing.space2), I7 = (A) => K0(A === "left" ? c7 : C7), C7 = { from: { opacity: 0, right: -500 }, to: { opacity: 1, right: 0 } }, c7 = { from: { opacity: 0, left: -500 }, to: { opacity: 1, left: 0 } }, e7 = { right: [{ opacity: 1, right: "0px" }, { opacity: 0, right: "-500px" }], left: [{ opacity: 1, left: "0px" }, { opacity: 0, left: "-500px" }] };
 function PA({ open: A, close: g, title: e, subTitle: I, icon: c, action: C, notHeader: t, side: o, refScroll: a, footer: h, children: f, ...B }) {