w-design-system 0.4.173 → 0.4.175

package/dist/components/Highlight/styles.d.ts

@@ -9,6 +9,6 @@ export declare const changeFontWeight: {
     lighter: import('styled-components').RuleSet<object>;
     normal: import('styled-components').RuleSet<object>;
 };
-export declare const HighlightSpan: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HighlightProps>> & string;
+export declare const HighlightSpan: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, HighlightProps>> & string;
 export declare const HighlightMark: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, HighlightProps>> & string;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Highlight/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;CAC7C;AAED,eAAO,MAAM,gBAAgB;;;;CAU5B,CAAC;AASF,eAAO,MAAM,aAAa,mPAIzB,CAAC;AAEF,eAAO,MAAM,aAAa,6OAMzB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Highlight/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;CAC7C;AAED,eAAO,MAAM,gBAAgB;;;;CAU5B,CAAC;AASF,eAAO,MAAM,aAAa,qPAIzB,CAAC;AAEF,eAAO,MAAM,aAAa,6OAMzB,CAAC"}

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);
 }
@@ -1809,7 +1809,7 @@ const V5 = v.div.withConfig({ displayName: "Container", componentId: "sc-20il44-
 function DA({ title: A, subTitle: g, element: e, icon: I }) {
   return s.jsxs(V5, { children: [I && s.jsx("div", { className: "icon", children: I }), s.jsxs("div", { children: [s.jsx(d0, { element: e || "h4", color: "primary", children: A }), s.jsx(d0, { color: "dark", children: g })] })] });
 }
-const E3 = { bold: H(["font-weight:bold;"]), lighter: H(["font-weight:lighter;"]), normal: H(["font-weight:normal;"]) }, q5 = { lightDark: H(["background:", ";color:", ";"], l.colors.shade40, l.colors.white) }, $5 = v.div.withConfig({ displayName: "HighlightSpan", componentId: "sc-dycs9r-0" })(["", ";font-size:", ";font-family:", ";"], ({ $fontWeight: A }) => A && E3[A], ({ $size: A }) => A ? l.fontSizes[A] : "12px", l.fonts.join()), _5 = v.mark.withConfig({ displayName: "HighlightMark", componentId: "sc-dycs9r-1" })(["", ";", ";font-size:", ";font-family:", ";color:white;"], ({ $fontWeight: A }) => A && E3[A], ({ $color: A }) => A === "lightDark" ? q5.lightDark : m0[A || "primary"], ({ $size: A }) => A ? l.fontSizes[A] : "12px", l.fonts.join()), c1 = (A) => RegExp.escape !== void 0 ? RegExp.escape(A) : A.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+const E3 = { bold: H(["font-weight:bold;"]), lighter: H(["font-weight:lighter;"]), normal: H(["font-weight:normal;"]) }, q5 = { lightDark: H(["background:", ";color:", ";"], l.colors.shade40, l.colors.white) }, $5 = v.span.withConfig({ displayName: "HighlightSpan", componentId: "sc-dycs9r-0" })(["", ";font-size:", ";font-family:", ";"], ({ $fontWeight: A }) => A && E3[A], ({ $size: A }) => A ? l.fontSizes[A] : "12px", l.fonts.join()), _5 = v.mark.withConfig({ displayName: "HighlightMark", componentId: "sc-dycs9r-1" })(["", ";", ";font-size:", ";font-family:", ";color:white;"], ({ $fontWeight: A }) => A && E3[A], ({ $color: A }) => A === "lightDark" ? q5.lightDark : m0[A || "primary"], ({ $size: A }) => A ? l.fontSizes[A] : "12px", l.fonts.join()), c1 = (A) => RegExp.escape !== void 0 ? RegExp.escape(A) : A.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 function QA({ partialMatch: A, text: g, searchWords: e, color: I, size: c, fontWeight: C }) {
   const t = B0(() => {
     const o = new Set(e.filter((r) => r !== ""));