prosperita-dumbo-react 4.1.1 → 4.1.2

package/dist/prosperita-dumbo-react.es.js

@@ -2869,7 +2869,9 @@ const nn = {
   align-items: center;
   align-self: stretch;
   border-radius: ${({ borderNone: e }) => e ? "0px" : "8px"};
+  border: ${({ borderStyle: e }) => e || "2px solid transparent"};
   box-sizing: border-box;
+
   &:active {
     background-color: ${({ disabled: e, kind: t }) => !e && fn[t].active};
   }
@@ -2878,7 +2880,7 @@ const nn = {
     background-color: ${({ disabled: e, kind: t }) => !e && fn[t].hover};
     color: ${({ kind: e, disabled: t }) => !t && W1[e]};
   }
-  border: 2px solid transparent;
+
   &:focus {
     border: 2px solid ${d.focus};
     background: ${({ disabled: e, kind: t }) => !e && fn[t].default};
@@ -2964,7 +2966,18 @@ function mt({ children: e, ...t }) {
   return He.createElement(Ms.Provider, { value: t }, e);
 }
 const sr = (e) => {
-  const { label: t, size: n, kind: i, loading: r, icon: o, disabled: a, type: c, forModal: s, full: u, hasIconSvg: f } = e, p = {
+  const {
+    label: t,
+    size: n,
+    kind: i,
+    loading: r,
+    icon: o,
+    disabled: a,
+    type: c,
+    forModal: s,
+    full: u,
+    hasIconSvg: f
+  } = e, p = {
     padding: t ? nn.default[n] : nn.onlyIcon[n],
     position: "absolute",
     top: "0",
@@ -2998,15 +3011,13 @@ const sr = (e) => {
   ) : /* @__PURE__ */ I(
     ta,
     {
-      style: {
-        border: a ? i === "tertiary" || i === "dangerTertiary" ? `1px solid ${d.buttonDisabled}` : "0" : i === "tertiary" ? `1px solid ${d.buttonPrimary}` : i === "dangerTertiary" ? `1px solid ${d.buttonDangerSecondary}` : "0"
-      },
       forModal: s,
       ...e,
       kind: i,
       size: n,
       loading: r,
       type: c,
+      borderStyle: a ? i === "tertiary" || i === "dangerTertiary" ? `1px solid ${d.buttonDisabled}` : "0" : i === "tertiary" ? `1px solid ${d.buttonPrimary}` : i === "dangerTertiary" ? `1px solid ${d.buttonDangerSecondary}` : "0",
       children: [
         /* @__PURE__ */ l(ra, { ...e, kind: i, children: t }),
         f ? /* @__PURE__ */ l(j1, { ...e, children: o }) : /* @__PURE__ */ l(na, { src: typeof o == "string" ? o : "", ...e })

package/dist/prosperita-dumbo-react.umd.js

@@ -102,7 +102,9 @@ See https://s-c.sh/2BAXzed for more info.`),window[zn]+=1);const V3="",Yt={defau
   align-items: center;
   align-self: stretch;
   border-radius: ${({borderNone:e})=>e?"0px":"8px"};
+  border: ${({borderStyle:e})=>e||"2px solid transparent"};
   box-sizing: border-box;
+
   &:active {
     background-color: ${({disabled:e,kind:t})=>!e&&un[t].active};
   }
@@ -111,7 +113,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[zn]+=1);const V3="",Yt={defau
     background-color: ${({disabled:e,kind:t})=>!e&&un[t].hover};
     color: ${({kind:e,disabled:t})=>!t&&h1[e]};
   }
-  border: 2px solid transparent;
+
   &:focus {
     border: 2px solid ${u.focus};
     background: ${({disabled:e,kind:t})=>!e&&un[t].default};
@@ -156,7 +158,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[zn]+=1);const V3="",Yt={defau
   text-wrap: nowrap;
   align-self: start;
   padding: 0;
-`,ma=x.createContext({}),va=!0;function C1({baseColor:e,highlightColor:t,width:n,height:i,borderRadius:r,circle:o,direction:a,duration:c,enableAnimation:s=va}){const d={};return a==="rtl"&&(d["--animation-direction"]="reverse"),typeof c=="number"&&(d["--animation-duration"]=`${c}s`),s||(d["--pseudo-element-display"]="none"),(typeof n=="string"||typeof n=="number")&&(d.width=n),(typeof i=="string"||typeof i=="number")&&(d.height=i),(typeof r=="string"||typeof r=="number")&&(d.borderRadius=r),o&&(d.borderRadius="50%"),typeof e<"u"&&(d["--base-color"]=e),typeof t<"u"&&(d["--highlight-color"]=t),d}function Ae({count:e=1,wrapper:t,className:n,containerClassName:i,containerTestId:r,circle:o=!1,style:a,...c}){var s,d,f;const p=x.useContext(ma),g={...c};for(const[B,V]of Object.entries(c))typeof V>"u"&&delete g[B];const b={...p,...g,circle:o},v={...a,...C1(b)};let y="react-loading-skeleton";n&&(y+=` ${n}`);const m=(s=b.inline)!==null&&s!==void 0?s:!1,C=[],P=Math.ceil(e);for(let B=0;B<P;B++){let V=v;if(P>e&&B===P-1){const E=(d=V.width)!==null&&d!==void 0?d:"100%",S=e%1,G=typeof E=="number"?E*S:`calc(${E} * ${S})`;V={...V,width:G}}const A=x.createElement("span",{className:y,style:V,key:B},"‌");m?C.push(A):C.push(x.createElement(x.Fragment,{key:B},A,x.createElement("br",null)))}return x.createElement("span",{className:i,"data-testid":r,"aria-live":"polite","aria-busy":(f=b.enableAnimation)!==null&&f!==void 0?f:va},t?C.map((B,V)=>x.createElement(t,{key:V},B)):C)}function ft({children:e,...t}){return x.createElement(ma.Provider,{value:t},e)}const k3="",dn=e=>{const{label:t,size:n,kind:i,loading:r,icon:o,disabled:a,type:c,forModal:s,full:d,hasIconSvg:f}=e,p={padding:t?Yt.default[n]:Yt.onlyIcon[n],position:"absolute",top:"0",width:"auto",left:"0",right:"0",bottom:"0",borderRadius:"6px"};return l(v1,{full:d,...e,children:r&&!a?w(ga,{...e,kind:i,size:n,loading:r,style:{border:"0"},children:[l(ha,{...e,kind:i,children:t}),l(ft,{baseColor:u.skeletonElement,highlightColor:u.skeletonBackground,children:l(Ae,{count:1,style:p})}),!t&&l(ba,{src:typeof o=="string"?o:"",...e})]}):w(ga,{style:{border:a?i==="tertiary"||i==="dangerTertiary"?`1px solid ${u.buttonDisabled}`:"0":i==="tertiary"?`1px solid ${u.buttonPrimary}`:i==="dangerTertiary"?`1px solid ${u.buttonDangerSecondary}`:"0"},forModal:s,...e,kind:i,size:n,loading:r,type:c,children:[l(ha,{...e,kind:i,children:t}),f?l(y1,{...e,children:o}):l(ba,{src:typeof o=="string"?o:"",...e})]})})},x1={large:"20px ",small:"15px",medium:"18px"},I1={large:"13px",small:"12px",medium:"15px"},_n=e=>{const{disabled:t,error:n}=e;return t?"2px solid transparent":n?`2px solid ${u.supportError}`:"2px solid transparent"},ri=I.input`
+`,ma=x.createContext({}),va=!0;function C1({baseColor:e,highlightColor:t,width:n,height:i,borderRadius:r,circle:o,direction:a,duration:c,enableAnimation:s=va}){const d={};return a==="rtl"&&(d["--animation-direction"]="reverse"),typeof c=="number"&&(d["--animation-duration"]=`${c}s`),s||(d["--pseudo-element-display"]="none"),(typeof n=="string"||typeof n=="number")&&(d.width=n),(typeof i=="string"||typeof i=="number")&&(d.height=i),(typeof r=="string"||typeof r=="number")&&(d.borderRadius=r),o&&(d.borderRadius="50%"),typeof e<"u"&&(d["--base-color"]=e),typeof t<"u"&&(d["--highlight-color"]=t),d}function Ae({count:e=1,wrapper:t,className:n,containerClassName:i,containerTestId:r,circle:o=!1,style:a,...c}){var s,d,f;const p=x.useContext(ma),g={...c};for(const[B,V]of Object.entries(c))typeof V>"u"&&delete g[B];const b={...p,...g,circle:o},v={...a,...C1(b)};let y="react-loading-skeleton";n&&(y+=` ${n}`);const m=(s=b.inline)!==null&&s!==void 0?s:!1,C=[],P=Math.ceil(e);for(let B=0;B<P;B++){let V=v;if(P>e&&B===P-1){const E=(d=V.width)!==null&&d!==void 0?d:"100%",S=e%1,G=typeof E=="number"?E*S:`calc(${E} * ${S})`;V={...V,width:G}}const A=x.createElement("span",{className:y,style:V,key:B},"‌");m?C.push(A):C.push(x.createElement(x.Fragment,{key:B},A,x.createElement("br",null)))}return x.createElement("span",{className:i,"data-testid":r,"aria-live":"polite","aria-busy":(f=b.enableAnimation)!==null&&f!==void 0?f:va},t?C.map((B,V)=>x.createElement(t,{key:V},B)):C)}function ft({children:e,...t}){return x.createElement(ma.Provider,{value:t},e)}const k3="",dn=e=>{const{label:t,size:n,kind:i,loading:r,icon:o,disabled:a,type:c,forModal:s,full:d,hasIconSvg:f}=e,p={padding:t?Yt.default[n]:Yt.onlyIcon[n],position:"absolute",top:"0",width:"auto",left:"0",right:"0",bottom:"0",borderRadius:"6px"};return l(v1,{full:d,...e,children:r&&!a?w(ga,{...e,kind:i,size:n,loading:r,style:{border:"0"},children:[l(ha,{...e,kind:i,children:t}),l(ft,{baseColor:u.skeletonElement,highlightColor:u.skeletonBackground,children:l(Ae,{count:1,style:p})}),!t&&l(ba,{src:typeof o=="string"?o:"",...e})]}):w(ga,{forModal:s,...e,kind:i,size:n,loading:r,type:c,borderStyle:a?i==="tertiary"||i==="dangerTertiary"?`1px solid ${u.buttonDisabled}`:"0":i==="tertiary"?`1px solid ${u.buttonPrimary}`:i==="dangerTertiary"?`1px solid ${u.buttonDangerSecondary}`:"0",children:[l(ha,{...e,kind:i,children:t}),f?l(y1,{...e,children:o}):l(ba,{src:typeof o=="string"?o:"",...e})]})})},x1={large:"20px ",small:"15px",medium:"18px"},I1={large:"13px",small:"12px",medium:"15px"},_n=e=>{const{disabled:t,error:n}=e;return t?"2px solid transparent":n?`2px solid ${u.supportError}`:"2px solid transparent"},ri=I.input`
   height: ${({size:e})=>e&&I1[e]};
   box-sizing: border-box;
   padding: ${({size:e})=>e&&x1[e]};

package/dist/types/Components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxD,OAAO,0CAA0C,CAAC;AAGlD,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACnE,IAAI,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,eAAe,GACf,gBAAgB,GAChB,aAAa,CAAC;IAChB,IAAI,EACF,OAAO,GACP,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,WAAW,GACX,YAAY,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM,UAAW,YAAY,4CAoEzC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxD,OAAO,0CAA0C,CAAC;AAGlD,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACnE,IAAI,EACA,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,eAAe,GACf,gBAAgB,GAChB,aAAa,CAAC;IAClB,IAAI,EACA,OAAO,GACP,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,WAAW,GACX,YAAY,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,MAAM,UAAW,YAAY,4CA8EzC,CAAC"}

package/dist/types/Components/Button/styles.d.ts

@@ -8,7 +8,21 @@ export declare const paddingDict: {
     [key: string]: IDictsStyle;
 };
 export declare const GeneralContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IButtonProps>> & string;
-export declare const ButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, IButtonProps>> & string;
+export declare const ButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    kind: "ghost" | "primary" | "secondary" | "tertiary" | "dangerPrimary" | "dangerTertiary" | "dangerGhost";
+    size: "small" | "medium" | "large" | "extraLarge" | "twoXLarge" | "expressive";
+    label?: import("react").ReactNode;
+    icon?: import("react").ReactNode;
+    onClick?: () => void;
+    loading?: boolean;
+    disabled?: boolean;
+    forModal?: boolean;
+    full?: boolean;
+    borderNone?: boolean;
+    hasIconSvg?: boolean;
+} & {
+    borderStyle?: string;
+}>> & string;
 export declare const IconTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, IButtonProps>> & string;
 export declare const IconSvgContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IButtonProps>> & string;
 export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IButtonProps>> & string;

package/dist/types/Components/Button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Components/Button/styles.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AACjC,OAAO,2BAA2B,CAAC;AAGnC,KAAK,WAAW,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAUF,eAAO,MAAM,WAAW,EAAE;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAAC;CA0B5B,CAAC;AAiFF,eAAO,MAAM,gBAAgB,iPAE5B,CAAC;AAEF,eAAO,MAAM,eAAe,6PA+C3B,CAAC;AACF,eAAO,MAAM,OAAO,wPAUnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,iPAMV,CAAA;AAEnB,eAAO,MAAM,SAAS,mPAYrB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Components/Button/styles.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AACjC,OAAO,2BAA2B,CAAC;AAGnC,KAAK,WAAW,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAUF,eAAO,MAAM,WAAW,EAAE;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAAC;CA0B5B,CAAC;AAiFF,eAAO,MAAM,gBAAgB,iPAE5B,CAAC;AACF,eAAO,MAAM,eAAe;;;;;;;;;;;;;kBAAgD,MAAM;YAiDjF,CAAC;AAEF,eAAO,MAAM,OAAO,wPAUnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,iPAMV,CAAA;AAEnB,eAAO,MAAM,SAAS,mPAYrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prosperita-dumbo-react",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "main": "dist/prosperita-dumbo-react.umd.js",
   "module": "dist/prosperita-dumbo-react.es.js",
   "types": "dist/types/index.d.ts",