w-design-system 0.4.152 → 0.4.155

package/dist/components/Sidebar/SidebarLogo/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarLogo/styles.ts"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,8PA4ChC,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarLogo/styles.ts"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,8PA2ChC,CAAC"}

package/dist/w-design-system.js

@@ -1650,7 +1650,7 @@ const _4 = (A) => {
 }, A5 = p.div.withConfig({ displayName: "Container", componentId: "sc-b3qvze-0" })(["display:flex;justify-content:", ";align-items:center;min-height:38px;padding:8px;gap:24px;color:", ";cursor:", ";border-radius:", ";&:hover{background-color:rgba(255,255,255,0.1);}&:not(:last-child){border-bottom:", ";}.wrapper{padding:4px;cursor:", ";display:flex;align-items:center;}.title{text-decoration:none;width:100%;text-wrap:nowrap;}.lock{position:absolute;right:20px;svg{opacity:0.5;position:absolute;margin-bottom:16px;font-size:10px;}}"], ({ $sidebarOpen: A }) => A ? "space-between" : "center", ({ $disabled: A }) => A ? "rgba(255,255,255,0.4)" : "#fff", ({ $disabled: A }) => A ? "default" : "pointer", ({ $isInsideGroup: A }) => !A && "4px", ({ $isInsideGroup: A }) => A && "1px solid rgba(255, 255, 255, 0.1)", ({ $disabled: A }) => A ? "default" : "pointer"), g5 = p.div.withConfig({ displayName: "Bullet", componentId: "sc-b3qvze-1" })(["position:relative;width:24px;height:100%;&::after{position:absolute;background:#fff;right:0px;top:-2.5px;content:'';width:5px;height:5px;border-radius:50%;}"]), V0 = ({ title: A, disabled: g, icon: e, warning: I, isInsideGroup: c, isCurrentItem: C, sidebarOpen: l, onClick: t }) => {
   let h = "#fff", o = "#fff";
   return c && (o = M.colors.shade10), g && (h = "rgba(255,255,255,0.3)", o = M.colors.shade40), C && (h = M.colors.cyan30), i.jsxs(A5, { $isCurrentItem: C, $disabled: g ?? !1, $sidebarOpen: l, $isInsideGroup: c, onClick: () => !g && t(), title: I, children: [c ? i.jsx(g5, {}) : e && i.jsx("div", { className: "icon", children: i.jsx(g0, { src: e, color: h, width: "20px" }) }), l && i.jsxs(i.Fragment, { children: [i.jsx("span", { className: "title", children: i.jsx(l0, { size: c ? "small" : "medium", color: o, heavyBold: C, children: A }) }), g ? i.jsx(g0, { src: _2, width: "20px", color: "white" }) : I ? i.jsx(g0, { src: g1, width: "20px", color: "white" }) : null] })] });
-}, I5 = p.div.withConfig({ displayName: "SidebarLogoContainer", componentId: "sc-506j5v-0" })(["position:relative;--padding:8px;margin-bottom:32px;.logo{height:40px;background:url(", ");background-size:", ";background-repeat:no-repeat;background-position:-8px 0px;opacity:", ";}.close{--width:28px;--height:32px;display:flex;position:absolute;align-items:center;justify-content:center;height:var(--height);width:var(--width);background:", ";color:#fff;border-radius:0 var(--width) var(--width) 0;top:42px;right:calc((var(--padding) + var(--width)) * -1);border:none;cursor:pointer;z-index:2;}"], ({ $logoUrl: A }) => A, ({ $sidebarOpen: A }) => A ? "202px 40px" : "141px 28px", ({ $logoOpacity: A }) => A ?? 1, ({ $baseColor: A }) => A || M.colors.cyan50), C5 = ({ sidebarOpen: A, setSidebarOpen: g, logoOpacity: e, logoUrl: I, baseColor: c }) => i.jsxs(I5, { $logoUrl: I, $logoOpacity: e, $sidebarOpen: A, $baseColor: c, children: [i.jsx("button", { type: "button", onClick: () => g(!A), className: "close", "aria-label": "Fechar menu", children: i.jsx(g0, { src: A ? l2 : s2, color: "#fff", width: "12px", height: "12px" }) }), i.jsx("div", { className: "logo" })] }), c5 = p.div.withConfig({ displayName: "SidebarContainer", componentId: "sc-1q1zp0h-0" })(["display:flex;flex-direction:column;grid-area:sidebar;position:relative;box-sizing:border-box;color:white;height:100vh;height:100dvh;padding:16px 16px 0 16px;width:min-content;min-width:", ";border-radius:", ";background:", ";&:hover{&::-webkit-scrollbar{width:0;}&::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}&::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}}"], ({ $sidebarOpen: A }) => A && "250px", ({ $sidebarOpen: A }) => A && "0 60px 0px 0;", ({ $baseColor: A }) => A || M.colors.cyan50), e5 = p.div.withConfig({ displayName: "SidebarScrollContainer", componentId: "sc-1q1zp0h-1" })(["display:flex;flex-direction:column;gap:16px;min-height:calc(100% - 36px);margin-bottom:36px;"]), l5 = p.div.withConfig({ displayName: "SidebarScrollWrapperContainer", componentId: "sc-1q1zp0h-2" })(["height:100%;overflow-y:auto;overflow-x:hidden;&::-webkit-scrollbar{width:0;}&::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}&::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}&:hover{&::-webkit-scrollbar{width:0;}&::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}&::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}}"]), s5 = p.div.withConfig({ displayName: "SidebarSpacer", componentId: "sc-1q1zp0h-3" })(["flex-grow:1;"]), r7 = (A) => {
+}, I5 = p.div.withConfig({ displayName: "SidebarLogoContainer", componentId: "sc-506j5v-0" })(["position:relative;--padding:8px;margin-bottom:32px;.logo{height:40px;background:url(", ");background-size:", ";background-repeat:no-repeat;background-position:-8px 0px;opacity:", ";}.close{--width:28px;--height:32px;display:flex;position:absolute;align-items:center;justify-content:center;height:var(--height);width:var(--width);background:", ";color:#fff;border-radius:0 var(--width) var(--width) 0;top:30px;right:calc((var(--padding) + var(--width)) * -1);border:none;cursor:pointer;z-index:2;}"], ({ $logoUrl: A }) => A, ({ $sidebarOpen: A }) => A ? "202px 40px" : "141px 28px", ({ $logoOpacity: A }) => A ?? 1, ({ $baseColor: A }) => A || M.colors.cyan50), C5 = ({ sidebarOpen: A, setSidebarOpen: g, logoOpacity: e, logoUrl: I, baseColor: c }) => i.jsxs(I5, { $logoUrl: I, $logoOpacity: e, $sidebarOpen: A, $baseColor: c, children: [i.jsx("button", { type: "button", onClick: () => g(!A), className: "close", "aria-label": "Fechar menu", children: i.jsx(g0, { src: A ? l2 : s2, color: "#fff", width: "12px", height: "12px" }) }), i.jsx("div", { className: "logo" })] }), c5 = p.div.withConfig({ displayName: "SidebarContainer", componentId: "sc-1q1zp0h-0" })(["display:flex;flex-direction:column;grid-area:sidebar;position:relative;box-sizing:border-box;color:white;height:100vh;height:100dvh;padding:16px 16px 0 16px;width:min-content;min-width:", ";border-radius:", ";background:", ";&:hover{&::-webkit-scrollbar{width:0;}&::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}&::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}}"], ({ $sidebarOpen: A }) => A && "250px", ({ $sidebarOpen: A }) => A && "0 46px 0px 0;", ({ $baseColor: A }) => A || M.colors.cyan50), e5 = p.div.withConfig({ displayName: "SidebarScrollContainer", componentId: "sc-1q1zp0h-1" })(["display:flex;flex-direction:column;gap:16px;min-height:calc(100% - 36px);margin-bottom:36px;"]), l5 = p.div.withConfig({ displayName: "SidebarScrollWrapperContainer", componentId: "sc-1q1zp0h-2" })(["height:100%;overflow-y:auto;overflow-x:hidden;&::-webkit-scrollbar{width:0;}&::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}&::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}&:hover{&::-webkit-scrollbar{width:0;}&::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}&::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}}"]), s5 = p.div.withConfig({ displayName: "SidebarSpacer", componentId: "sc-1q1zp0h-3" })(["flex-grow:1;"]), r7 = (A) => {
   const g = L0.c(23), { logoUrl: e, layout: I, currentItemId: c, currentGroupId: C, setLink: l, items: t, logoOpacity: h, groups: o, baseColor: f } = A, [a, D] = $(!0);
   let r;
   g[0] !== t || g[1] !== l ? (r = (m) => {