w-design-system 0.4.145 → 0.4.147

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyTheme/index.ts"],"names":[],"mappings":"AAyDA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAA;AAkBD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyTheme/index.ts"],"names":[],"mappings":"AA2DA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAA;AAkBD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvB,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 = t, void l(C.filter((E) => E !== P));
     var P;
   }, children: "x" })] }, n)) })] }) });
-}, 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: "#3A566E", blue40: "#3A566E", blue30: "#61788B", blue20: "#A0AEB9", 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 }) => o.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(o.jsxs(o.Fragment, { children: [o.jsx(K4, { onClick: e }), o.jsxs(U4, { ...c, children: [o.jsxs("div", { className: "modalHeader", children: [o.jsx(L4, { size: "medium", bold: !0, color: S4, children: A }), o.jsx(g0, { src: $2, width: "14px", height: "14px", color: J4, onClick: e })] }), o.jsx("div", { className: "modalContainer", children: g }), o.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: s, value: h, dropDownWidth: i, disabled: f, disableSearch: a, error: D, border: B, ...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: "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 }) => o.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(o.jsxs(o.Fragment, { children: [o.jsx(K4, { onClick: e }), o.jsxs(U4, { ...c, children: [o.jsxs("div", { className: "modalHeader", children: [o.jsx(L4, { size: "medium", bold: !0, color: S4, children: A }), o.jsx(g0, { src: $2, width: "14px", height: "14px", color: J4, onClick: e })] }), o.jsx("div", { className: "modalContainer", children: g }), o.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: s, value: h, dropDownWidth: i, disabled: f, disableSearch: a, error: D, border: B, ...w }, p) => {
   const [m, x] = $(!1), [R, G] = $(!1), [k, t] = $(h), n = A0(null);
   u0(p, () => ({ setOpen: x })), c0(() => {
     if (!m) return;
@@ -1686,7 +1686,7 @@ function t5(A, g) {
 const i5 = c2(["0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}"]);
 Y.div.withConfig({ displayName: "FullScreenWrapper", componentId: "sc-1olsk3u-0" })(["position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:rgb(164,162,162);z-index:9999;"]);
 const o5 = Y.div.withConfig({ displayName: "ContainerWrapper", componentId: "sc-1olsk3u-1" })([""]), h5 = Y.div.withConfig({ displayName: "ContainerWrapperStyles", componentId: "sc-1olsk3u-2" })(["display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;"]), f5 = Y.img.withConfig({ displayName: "LoadingImage", componentId: "sc-1olsk3u-3" })(["width:", ";height:", ";animation:", " 2s linear infinite;"], ({ $size: A }) => A === "small" ? "30px" : A === "medium" ? "50px" : "70px", ({ $size: A }) => A === "small" ? "30px" : A === "medium" ? "50px" : "70px", i5), a5 = ({ size: A = "medium" }) => o.jsx(o5, { children: o.jsxs(h5, { children: [o.jsx(f5, { src: A1, alt: "loading", $size: A }), o.jsx(l0, { color: M.colors.shade30, size: "x-small", children: "CARREGANDO" })] }) }), B5 = Y.div.withConfig({ displayName: "TableContainer", componentId: "sc-1babzxp-0" })(["display:flex;flex-direction:column;width:100%;height:100%;"]), n5 = Y.table.withConfig({ displayName: "StyledTable", componentId: "sc-1babzxp-1" })(["width:100%;position:relative;border-collapse:collapse;height:", ";"], (A) => A.height || "100%"), r5 = Y.thead.withConfig({ displayName: "Thead", componentId: "sc-1babzxp-2" })(["border-bottom:1px solid ", ";"], M.colors.shade10), w5 = Y.tbody.withConfig({ displayName: "Tbody", componentId: "sc-1babzxp-3" })(["overflow-y:auto;"]), k0 = Y.tr.withConfig({ displayName: "Tr", componentId: "sc-1babzxp-4" })(["background-color:", ";cursor:", ";&:nth-child(even){background-color:", ";}&:hover{background-color:", ";}"], ({ $selected: A, $striped: g }) => A ? M.colors.cyan10 : g ? "white" : "transparent", ({ $clickable: A }) => A ? "pointer" : "default", ({ $selected: A, $striped: g }) => A ? M.colors.cyan10 : g ? M.colors.shade05 : "transparent", ({ $clickable: A, $selected: g }) => A && !g ? M.colors.cyan10 : ""), M5 = Y.th.withConfig({ displayName: "Th", componentId: "sc-1babzxp-5" })(["background-color:", ";position:sticky;z-index:2;top:0;padding:10px;text-align:", ";width:", ";vertical-align:middle;"], M.colors.white, ({ $align: A }) => A || "left", ({ $width: A }) => A || "auto"), q0 = Y.td.withConfig({ displayName: "Td", componentId: "sc-1babzxp-6" })(["padding:12px;width:", ";text-align:", ";"], ({ $width: A }) => A || "auto", ({ $align: A }) => A || "left"), E5 = Y.div.withConfig({ displayName: "ExpandableRow", componentId: "sc-1babzxp-7" })(["padding:8px;min-height:50px;"]), d5 = Y.div.withConfig({ displayName: "LoadingWrapper", componentId: "sc-1babzxp-8" })(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;"]), D5 = Y.div.withConfig({ displayName: "EmptyStateWrapper", componentId: "sc-1babzxp-9" })(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;"]), w7 = (A) => {
-  const g = L0.c(18), { columns: e, data: I, height: c, loading: C, emptyStateMessage: l, striped: s, rowClickable: h, onRowClick: i } = A, f = c === void 0 ? "100%" : c, a = C !== void 0 && C;
+  const g = L0.c(18), { columns: e, data: I, height: c, loading: C, emptyStateMessage: l, striped: s, rowClickable: h, onRowClick: i } = A, f = c === void 0 ? "auto" : c, a = C !== void 0 && C;
   let D;
   g[0] !== l ? (D = l === void 0 ? { title: "Nenhum registro encontrado", subTitle: "Não há registros para exibir", description: "Não há registros para exibir" } : l, g[0] = l, g[1] = D) : D = g[1];
   const B = D, w = s !== void 0 && s, p = h !== void 0 && h;