w-design-system 0.4.167 → 0.4.168

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA4LzC,eAAO,MAAM,YAAY;UACjB,OAAO,GAAG,QAAQ,GAAG,OAAO;aACzB,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ;YAKxF,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,kQA4BxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA4LzC,eAAO,MAAM,YAAY;UACjB,OAAO,GAAG,QAAQ,GAAG,OAAO;aACzB,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ;YAKxF,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,kQA6BxB,CAAC"}

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

@@ -4,5 +4,5 @@ export interface DivisorProps {
     size: '0.7px' | '1px' | '1.5px' | '2px';
     color?: Color;
 }
-export declare function Divisor({ size, color, ...props }: DivisorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Divisor({ orientation, size, color, ...props }: DivisorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divisor/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACvC,IAAI,EAAE,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAW9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divisor/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACvC,IAAI,EAAE,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,wBAAgB,OAAO,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAU3E"}

package/dist/w-design-system.js

@@ -913,7 +913,7 @@ function AA({ title: A, onClick: g, variant: e, subTitle: I, ...c }) {
 }
 const { colors: Z } = l, _3 = K0(["0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}"]), n0 = (A) => H([".buttonRadiusWrapperIcon{margin-top:4px;svg{fill:", ";path{fill:", ";}}}"], A, A), A4 = { primary: H(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.cyan50, Z.cyan40, Z.cyan50), secondary: H(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.cyan30, Z.cyan40, Z.cyan30), danger: H(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.red40, Z.red30, Z.red40), warning: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.honey10, Z.honey30, Z.honey20, Z.honey10, n0(Z.honey30)), success: H(["background:", ";&:hover{background-color:", ";}&:active{background-color:", ";}"], Z.mint40, Z.mint30, Z.mint40), gray: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.shade10, Z.shade40, Z.shade20, Z.shade10, n0(Z.shade40)), yellow: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.yellow10, Z.yellow30, Z.yellow20, Z.yellow10, n0(Z.yellow30)) }, g4 = { primary: H(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.cyan50, Z.cyan50, Z.cyan10, Z.cyan10, n0(Z.cyan50)), secondary: H(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.cyan40, Z.cyan40, Z.cyan10, Z.cyan10, n0(Z.cyan40)), danger: H(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.red40, Z.red40, Z.red10, Z.red10, n0(Z.red40)), warning: H(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.honey40, Z.honey40, Z.honey10, Z.honey10, n0(Z.honey40)), success: H(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.mint40, Z.mint40, Z.mint10, Z.mint10, n0(Z.mint40)), gray: H(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.shade40, Z.shade40, Z.shade20, Z.shade10, n0(Z.shade40)), yellow: H(["color:", ";border:2px solid ", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], Z.yellow30, Z.yellow30, Z.yellow10, Z.yellow10, n0(Z.yellow30)) }, I4 = { small: H(["padding:6px 12px;font-size:12px;"]), medium: H(["padding:8px 16px;font-size:14px;"]), large: H(["padding:12px 24px;font-size:16px;"]) };
 v.img.withConfig({ displayName: "LoadingImage", componentId: "sc-1tlgipc-0" })(["width:", ";height:", ";animation:", " 2s linear infinite;"], ({ size: A }) => A === "small" ? "20px" : "24px", ({ size: A }) => A === "small" ? "20px" : "24px", _3);
-const C4 = v.button.withConfig({ displayName: "ButtonStyled", componentId: "sc-1tlgipc-1" })(["display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;width:", ";font-weight:600;line-height:140%;border:none;border-radius:", ";font-family:'Nunito Sans',sans-serif;transition:background-color 0.3s,opacity 0.3s;color:white;gap:12px;cursor:", ";opacity:", ";", ";", ";background:", ";border-radius:", ";.buttonRadiusWrapperIcon{margin-top:4px;}"], ({ $fullWidth: A }) => A ? "100%" : "auto", ({ $radius: A }) => A ? "24px" : "5px", ({ $disabled: A }) => A ? "not-allowed" : "pointer", ({ $disabled: A }) => A ? 0.5 : 1, ({ $variant: A = "primary", $outline: g }) => g ? g4[A] : A4[A], ({ $size: A = "medium" }) => I4[A], ({ $outline: A }) => A && "white", ({ $halfLeft: A, $halfRight: g, $radius: e }) => A || g ? A ? "24px 0 0 24px" : "0 24px 24px 0" : e ? "24px" : "5px"), { colors: a0 } = l, c4 = ({ variant: A, outline: g }) => {
+const C4 = v.button.withConfig({ displayName: "ButtonStyled", componentId: "sc-1tlgipc-1" })(["display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;width:", ";font-weight:600;line-height:140%;border:none;border-radius:", ";font-family:'Nunito Sans',sans-serif;transition:background-color 0.3s,opacity 0.3s;text-transform:uppercase;color:white;gap:12px;cursor:", ";opacity:", ";", ";", ";background:", ";border-radius:", ";.buttonRadiusWrapperIcon{margin-top:4px;}"], ({ $fullWidth: A }) => A ? "100%" : "auto", ({ $radius: A }) => A ? "24px" : "5px", ({ $disabled: A }) => A ? "not-allowed" : "pointer", ({ $disabled: A }) => A ? 0.5 : 1, ({ $variant: A = "primary", $outline: g }) => g ? g4[A] : A4[A], ({ $size: A = "medium" }) => I4[A], ({ $outline: A }) => A && "white", ({ $halfLeft: A, $halfRight: g, $radius: e }) => A || g ? A ? "24px 0 0 24px" : "0 24px 24px 0" : e ? "24px" : "5px"), { colors: a0 } = l, c4 = ({ variant: A, outline: g }) => {
   if (g) {
     if (A === "primary") return a0.cyan50;
     if (A === "secondary") return a0.cyan30;
@@ -1761,7 +1761,7 @@ function x5(A, g) {
 const R5 = v.div.withConfig({ displayName: "Container", componentId: "sc-qv8ce1-0" })(["display:flex;transition:transform 0.2s;cursor:pointer;"]), Y5 = v.div.withConfig({ displayName: "Wrapper", componentId: "sc-qv8ce1-1" })(["transition:transform 0.3s;cursor:pointer;height:100%;margin-right:", ";.divider{margin-top:4px;border-radius:5px;animation:0.7s ease 0s 0.7 normal scale-in-hor-center;height:2px;background-color:", ";}&:hover{cursor:pointer;}@keyframes scale-in-hor-center{0%{transform:scaleX(0);opacity:1;}100%{transform:scaleX(1);opacity:1;}}"], l.spacing.space3, ({ $colorActive: A }) => {
   return A ? (g = A) === "primary" ? l.colors.cyan40 : g === "white" ? "white" : g === "default" ? l.colors.shade40 : g === "secondary" ? l.colors.cyan40 : g === "success" ? l.colors.mint40 : g === "error" ? l.colors.red40 : g === "warning" ? l.colors.honey40 : g === "lightDark" ? l.colors.shade40 : g === "dark" ? "black" : l.colors.shade70 : l.colors.cyan40;
   var g;
-}), m0 = { primary: H(["background:", ";color:", ";"], l.colors.cyan40, l.colors.white), white: H(["background:", ";color:", ";"], l.colors.white, l.colors.white), default: H(["background:", ";color:", ";"], l.colors.shade50, l.colors.white), secondary: H(["background:", ";color:", ";"], l.colors.cyan40, l.colors.white), success: H(["background:", ";color:", ";"], l.colors.mint40, l.colors.white), error: H(["background:", ";color:", ";"], l.colors.red40, l.colors.white), warning: H(["background:", ";color:", ";"], l.colors.honey40, l.colors.white), lightDark: H(["background:", ";color:", ";"], l.colors.shade30, l.colors.white), dark: H(["background:", ";color:", ";"], l.colors.black, l.colors.white) }, M3 = { primary: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.cyan10, l.colors.cyan10, l.colors.cyan40), white: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.shade10, l.colors.white, l.colors.shade20), default: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.shade10, l.colors.shade10, l.colors.cyan40), secondary: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.cyan10, l.colors.cyan10, l.colors.cyan40), success: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.mint10, l.colors.mint10, l.colors.mint40), error: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.red10, l.colors.red10, l.colors.red40), warning: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.honey10, l.colors.honey10, l.colors.honey40), lightDark: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.shade10, l.colors.shade10, l.colors.shade40), dark: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.shade20, l.colors.shade10, l.colors.black) }, v0 = { primary: H(["color:", ";"], l.colors.cyan40), white: H(["color:", ";"], l.colors.white), default: H(["color:", ";"], l.colors.shade50), secondary: H(["color:", ";"], l.colors.cyan40), success: H(["color:", ";"], l.colors.mint40), error: H(["color:", ";"], l.colors.red40), warning: H(["color:", ";"], l.colors.honey40), lightDark: H(["color:", ";"], l.colors.shade40), dark: H(["color:", ";"], l.colors.black) }, k5 = { primary: H(["", ";"], l.colors.cyan40), white: H(["", ";"], l.colors.white), default: H(["", ";"], l.colors.shade50), secondary: H(["", ";"], l.colors.cyan40), success: H(["", ";"], l.colors.mint40), error: H(["", ";"], l.colors.red40), warning: H(["", ";"], l.colors.honey40), lightDark: H(["color:", ";"], l.colors.shade50), dark: H(["", ";"], l.colors.black) }, Q0 = H(["font-family:", ";", ";font-weight:", ";text-transform:", ";"], l.fonts.join(), ({ $color: A }) => v0[A || "dark"], ({ $bold: A, $lighter: g }) => {
+}), m0 = { primary: H(["background:", ";color:", ";"], l.colors.cyan40, l.colors.white), white: H(["background:", ";color:", ";"], l.colors.white, l.colors.white), default: H(["background:", ";color:", ";"], l.colors.shade50, l.colors.white), secondary: H(["background:", ";color:", ";"], l.colors.cyan40, l.colors.white), success: H(["background:", ";color:", ";"], l.colors.mint40, l.colors.white), error: H(["background:", ";color:", ";"], l.colors.red40, l.colors.white), warning: H(["background:", ";color:", ";"], l.colors.honey40, l.colors.white), lightDark: H(["background:", ";color:", ";"], l.colors.shade20, l.colors.white), dark: H(["background:", ";color:", ";"], l.colors.black, l.colors.white) }, M3 = { primary: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.cyan10, l.colors.cyan10, l.colors.cyan40), white: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.shade10, l.colors.white, l.colors.shade20), default: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.shade10, l.colors.shade10, l.colors.cyan40), secondary: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.cyan10, l.colors.cyan10, l.colors.cyan40), success: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.mint10, l.colors.mint10, l.colors.mint40), error: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.red10, l.colors.red10, l.colors.red40), warning: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.honey10, l.colors.honey10, l.colors.honey40), lightDark: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.shade10, l.colors.shade10, l.colors.shade40), dark: H(["border-color:", ";background-color:", ";color:", ";"], l.colors.shade20, l.colors.shade10, l.colors.black) }, v0 = { primary: H(["color:", ";"], l.colors.cyan40), white: H(["color:", ";"], l.colors.white), default: H(["color:", ";"], l.colors.shade50), secondary: H(["color:", ";"], l.colors.cyan40), success: H(["color:", ";"], l.colors.mint40), error: H(["color:", ";"], l.colors.red40), warning: H(["color:", ";"], l.colors.honey40), lightDark: H(["color:", ";"], l.colors.shade40), dark: H(["color:", ";"], l.colors.black) }, k5 = { primary: H(["", ";"], l.colors.cyan40), white: H(["", ";"], l.colors.white), default: H(["", ";"], l.colors.shade50), secondary: H(["", ";"], l.colors.cyan40), success: H(["", ";"], l.colors.mint40), error: H(["", ";"], l.colors.red40), warning: H(["", ";"], l.colors.honey40), lightDark: H(["color:", ";"], l.colors.shade50), dark: H(["", ";"], l.colors.black) }, Q0 = H(["font-family:", ";", ";font-weight:", ";text-transform:", ";"], l.fonts.join(), ({ $color: A }) => v0[A || "dark"], ({ $bold: A, $lighter: g }) => {
   return e = g, A ? "bold" : e ? "lighter" : "normal";
   var e;
 }, ({ $transform: A }) => A && A), y5 = v.p.withConfig({ displayName: "PTag", componentId: "sc-9yr1ia-0" })(["", " text-transform:", ";font-size:", ";"], Q0, ({ $transform: A }) => A && A, ({ $size: A }) => A ? l.fontSizes[A] : l.fontSizes.p3), u5 = v.span.withConfig({ displayName: "SpanTag", componentId: "sc-9yr1ia-1" })(["", " text-transform:", ";font-size:", ";"], Q0, ({ $transform: A }) => A && A, ({ $size: A }) => A ? l.fontSizes[A] : l.fontSizes.p3), O5 = v.h1.withConfig({ displayName: "H1Tag", componentId: "sc-9yr1ia-2" })(["", " text-transform:", ";font-size:", ";"], Q0, ({ $transform: A }) => A || "uppercase", ({ $size: A }) => A ? l.fontSizes[A] : l.fontSizes.p3), Z5 = v.h2.withConfig({ displayName: "H2Tag", componentId: "sc-9yr1ia-3" })(["", " text-transform:", ";font-size:", ";"], Q0, ({ $transform: A }) => A || "uppercase", ({ $size: A }) => A ? l.fontSizes[A] : l.fontSizes.p3), L5 = v.h3.withConfig({ displayName: "H3Tag", componentId: "sc-9yr1ia-4" })(["", " text-transform:", ";font-size:", ";"], Q0, ({ $transform: A }) => A || "uppercase", ({ $size: A }) => A ? l.fontSizes[A] : l.fontSizes.p3), F5 = v.h4.withConfig({ displayName: "H4Tag", componentId: "sc-9yr1ia-5" })(["", " text-transform:", ";font-size:", ";"], Q0, ({ $transform: A }) => A || "uppercase", ({ $size: A }) => A ? l.fontSizes[A] : l.fontSizes.p3);
@@ -1798,9 +1798,8 @@ function EA({ checked: A, disabled: g, onChange: e, id: I }) {
   return s.jsxs(U5, { $disabled: g, children: [s.jsx("input", { type: "checkbox", id: I, checked: A, onChange: (c) => e && e(c.target.checked) }), s.jsx("span", {})] });
 }
 const S5 = v.div.withConfig({ displayName: "ContainerVertical", componentId: "sc-4nlroy-0" })(["width:100%;border-radius:", ";", ";height:", ";"], l.spacing.space2, ({ $color: A }) => m0[A || "primary"], ({ $size: A }) => A), J5 = v.div.withConfig({ displayName: "ContainerHorizontal", componentId: "sc-4nlroy-1" })(["height:100%;border-radius:", ";width:", ";", ";"], l.spacing.space2, ({ $size: A }) => A, ({ $color: A }) => m0[A || "primary"]);
-function dA({ size: A, color: g, ...e }) {
-  const { orientation: I } = e;
-  return s.jsx("span", { children: I === "vertical" ? s.jsx(S5, { $size: A, $color: g, ...e }) : s.jsx(J5, { $size: A, $color: g, ...e }) });
+function dA({ orientation: A, size: g, color: e, ...I }) {
+  return s.jsx("span", { children: A === "vertical" ? s.jsx(S5, { $size: g, $color: e, ...I }) : s.jsx(J5, { $size: g, $color: e, ...I }) });
 }
 const T5 = v.div.withConfig({ displayName: "Container", componentId: "sc-1x3897h-0" })(["background:transparent;border-radius:var(--component-border-radius,5px);display:flex;flex-direction:column;width:100%;height:100%;"]), X5 = v.div.withConfig({ displayName: "ContainerEmpty", componentId: "sc-1x3897h-1" })(["display:flex;flex-direction:column;align-items:center;height:100%;width:100%;justify-content:center;text-align:center;p{margin:4px;}img{width:20%;}a{color:", ";margin-left:5px;}"], l.colors.cyan30);
 function zA({ title: A = "Pagina não encontrada", subTitle: g, asLink: e = "#", linkText: I = "" }) {