w-design-system 0.4.158 → 0.4.160

package/dist/components/Title/index.d.ts

@@ -1,11 +1,15 @@
 import { default as React } from 'react';
-interface ParagraphProps {
+export interface StyledTitleProps {
+    $size: 'medium' | 'large';
+    $bold?: boolean;
+    $color?: string;
+}
+interface TitleProps {
     size: 'medium' | 'large';
     bold?: boolean;
-    as?: 'h1' | 'h2' | 'h3';
     color?: string;
     children: React.ReactNode;
 }
-export declare const Title: React.FC<ParagraphProps>;
+export declare const Title: React.FC<TitleProps>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,cAAc;IACtB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAgBD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAM1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAYD,UAAU,UAAU;IAClB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAMtC,CAAC"}

package/dist/components/Title/stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/Title/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAI/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4B5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAA"}
+{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/Title/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAI/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAwB5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAA"}

package/dist/w-design-system.js

@@ -1487,7 +1487,7 @@ const U2 = typeof window < "u" ? o3 : c0, B4 = Y.div.withConfig({ displayName: "
     return P = s, void l(C.filter((E) => E !== P));
     var P;
   }, children: "x" })] }, B)) })] }) });
-}, h7 = { zIndex: { z1: 100, z2: 200, z3: 300, z4: 400, z5: 500, z6: 600, z7: 700, z8: 800, z9: 900 }, spacing: { space1: "4px", space2: "8px", space3: "16px", space4: "24px", space5: "32px", space6: "40px", space7: "48px", space8: "56px", space9: "64px" }, shadow: { shad1: "0px 2px 5px 1px rgba(0, 0, 0, 0.05)" }, colors: { blue50: "#1A3D7F", blue40: "#1A3D7F", blue30: "#6281BC", blue20: "#A1AABA", blue10: "#EFF1F3", shade80: "#262930", shade70: "#4A4F58", shade60: "#626262", shade50: "#737373", shade40: "#a2a2a2", shade30: "#E5E7EB", shade20: "#F0F1F2", shade10: "#F0F1F2", shade05: "#f8f8f8", red40: "#BA0000", red30: "#DC8080", red20: "#F1CCCC", red10: "#FCF5F5", honey40: "#F97316", honey30: "#FDBA74", honey20: "#eee2d9", honey10: "#FFF7ED", mint40: "#19A60D", mint30: "#8CD286", mint20: "#D1EDCF", mint10: "#F1FFF4", cyan40: "#0055B8", cyan30: "#3377C6", cyan20: "#99BBE3", cyan10: "#E5EEF8", white: "#FFFFFF", black: "#000000", primary: "linear-gradient(90deg, rgba(58,130,180,1) 0%, rgba(29,135,253,1) 50%, rgba(69,131,252,1) 100%)", secondary: "linear-gradient(90deg, rgba(58,157,180,1) 0%, rgba(29,169,253,1) 50%, rgba(69,149,252,1) 100%)", transparent: "transparent" }, fonts: ["Ubuntu", "Nunito Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"], fontSizes: { small: "1em", medium: "2em", large: "3em", h1: "36px", h2: "34px", h3: "32px", h4: "28px", h5: "24px", p0: "20px", p1: "16px", p2: "14px", p3: "13px", p4: "11px" } }, u4 = { ...M.title }, Z4 = Y.p.withConfig({ displayName: "TitleStyled", componentId: "sc-gh18tf-0" })(["margin:0;padding:0;font-size:", ";font-weight:", ";line-height:130%;font-family:'Nunito Sans',sans-serif;color:", ";"], (A) => u4[A.size], (A) => A.bold ? 800 : 400, (A) => A.color || "inherit"), L4 = ({ size: A = "medium", bold: g, as: e = "h2", color: I, children: c }) => i.jsx(Z4, { as: e, size: A, bold: g, color: I, children: c }), { colors: { shade20: F4 }, zIndex: { z8: N4, z9: b4 } } = M, K4 = Y.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:", ";"], N4), U4 = Y.div.withConfig({ displayName: "ModalContainer", componentId: "sc-iy043f-1" })(["display:flex;min-width:360px;width:auto;height:auto;padding:30px;flex-direction:column;align-items:flex-start;gap:24px;flex-shrink:0;border-radius:24px;border:1px solid ", ";background:white;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 6px rgba(0,0,0,0.1);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;}"], F4, b4), { colors: { cyan50: S4, shade30: J4 } } = M, f7 = ({ title: A, children: g, onClose: e, footer: I, ...c }) => h3.createPortal(i.jsxs(i.Fragment, { children: [i.jsx(K4, { onClick: e }), i.jsxs(U4, { ...c, children: [i.jsxs("div", { className: "modalHeader", children: [i.jsx(L4, { size: "medium", bold: !0, color: S4, children: A }), i.jsx(g0, { src: $2, width: "14px", height: "14px", color: J4, onClick: e })] }), i.jsx("div", { className: "modalContainer", children: g }), i.jsx("div", { className: "modalFooter", children: I })] })] }), document.body), a7 = M0.forwardRef(({ children: A, label: g, leftIcon: e, onOptionChange: I, options: c, placeholder: C, rightIcon: l, selectedOptions: t, value: h, dropDownWidth: o, disabled: f, disableSearch: a, error: d, border: r, ...w }, p) => {
+}, h7 = { zIndex: { z1: 100, z2: 200, z3: 300, z4: 400, z5: 500, z6: 600, z7: 700, z8: 800, z9: 900 }, spacing: { space1: "4px", space2: "8px", space3: "16px", space4: "24px", space5: "32px", space6: "40px", space7: "48px", space8: "56px", space9: "64px" }, shadow: { shad1: "0px 2px 5px 1px rgba(0, 0, 0, 0.05)" }, colors: { blue50: "#1A3D7F", blue40: "#1A3D7F", blue30: "#6281BC", blue20: "#A1AABA", blue10: "#EFF1F3", shade80: "#262930", shade70: "#4A4F58", shade60: "#626262", shade50: "#737373", shade40: "#a2a2a2", shade30: "#E5E7EB", shade20: "#F0F1F2", shade10: "#F0F1F2", shade05: "#f8f8f8", red40: "#BA0000", red30: "#DC8080", red20: "#F1CCCC", red10: "#FCF5F5", honey40: "#F97316", honey30: "#FDBA74", honey20: "#eee2d9", honey10: "#FFF7ED", mint40: "#19A60D", mint30: "#8CD286", mint20: "#D1EDCF", mint10: "#F1FFF4", cyan40: "#0055B8", cyan30: "#3377C6", cyan20: "#99BBE3", cyan10: "#E5EEF8", white: "#FFFFFF", black: "#000000", primary: "linear-gradient(90deg, rgba(58,130,180,1) 0%, rgba(29,135,253,1) 50%, rgba(69,131,252,1) 100%)", secondary: "linear-gradient(90deg, rgba(58,157,180,1) 0%, rgba(29,169,253,1) 50%, rgba(69,149,252,1) 100%)", transparent: "transparent" }, fonts: ["Ubuntu", "Nunito Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"], fontSizes: { small: "1em", medium: "2em", large: "3em", h1: "36px", h2: "34px", h3: "32px", h4: "28px", h5: "24px", p0: "20px", p1: "16px", p2: "14px", p3: "13px", p4: "11px" } }, u4 = { ...M.title }, Z4 = Y.p.withConfig({ displayName: "StyledTitle", componentId: "sc-gh18tf-0" })(["margin:0;padding:0;font-size:", ";font-weight:", ";line-height:130%;font-family:'Nunito Sans',sans-serif;color:", ";"], (A) => u4[A.$size], (A) => A.$bold ? 800 : 400, (A) => A.$color || "inherit"), L4 = ({ size: A = "medium", bold: g, color: e, children: I }) => i.jsx(Z4, { $size: A, $bold: g, $color: e, children: I }), { colors: { shade20: F4 }, zIndex: { z8: N4, z9: b4 } } = M, K4 = Y.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:", ";"], N4), U4 = Y.div.withConfig({ displayName: "ModalContainer", componentId: "sc-iy043f-1" })(["display:flex;min-width:360px;width:auto;height:auto;padding:30px;flex-direction:column;align-items:flex-start;gap:24px;flex-shrink:0;border-radius:24px;border:1px solid ", ";background:white;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 6px rgba(0,0,0,0.1);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;}"], F4, b4), { colors: { cyan50: S4, shade30: J4 } } = M, f7 = ({ title: A, children: g, onClose: e, footer: I, ...c }) => h3.createPortal(i.jsxs(i.Fragment, { children: [i.jsx(K4, { onClick: e }), i.jsxs(U4, { ...c, children: [i.jsxs("div", { className: "modalHeader", children: [i.jsx(L4, { size: "medium", bold: !0, color: S4, children: A }), i.jsx(g0, { src: $2, width: "14px", height: "14px", color: J4, onClick: e })] }), i.jsx("div", { className: "modalContainer", children: g }), i.jsx("div", { className: "modalFooter", children: I })] })] }), document.body), a7 = M0.forwardRef(({ children: A, label: g, leftIcon: e, onOptionChange: I, options: c, placeholder: C, rightIcon: l, selectedOptions: t, value: h, dropDownWidth: o, disabled: f, disableSearch: a, error: d, border: r, ...w }, p) => {
   const [m, x] = $(!1), [R, G] = $(!1), [k, s] = $(h), B = A0(null);
   u0(p, () => ({ setOpen: x })), c0(() => {
     if (!m) return;