prosperita-dumbo-react 1.0.58 → 1.0.60

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

@@ -2971,8 +2971,9 @@ const mt = (e) => {
     disabled: l,
     forModal: u,
     full: s,
-    hasIconSvg: d
-  } = e, f = {
+    hasIconSvg: d,
+    onClick: f
+  } = e, p = {
     padding: t ? rn.default[n] : rn.onlyIcon[n],
     position: "absolute",
     top: "0",
@@ -2997,7 +2998,7 @@ const mt = (e) => {
           {
             baseColor: c.skeletonElement,
             highlightColor: c.skeletonBackground,
-            children: /* @__PURE__ */ a(Ae, { count: 1, style: f })
+            children: /* @__PURE__ */ a(Ae, { count: 1, style: p })
           }
         ),
         !t && /* @__PURE__ */ a(ra, { src: typeof o == "string" ? o : "", ...e })
@@ -3011,6 +3012,7 @@ const mt = (e) => {
       kind: i,
       size: n,
       loading: r,
+      onClick: f,
       borderStyle: l ? i === "tertiary" || i === "dangerTertiary" ? `2px solid ${c.buttonDisabled}` : "2px solid transparent" : i === "tertiary" ? `2px solid ${c.buttonPrimary}` : i === "dangerTertiary" ? `2px solid ${c.buttonDangerSecondary}` : "2px solid transparent",
       children: [
         /* @__PURE__ */ a(ia, { ...e, kind: i, children: t }),
@@ -14228,7 +14230,8 @@ const $6 = v.input`
   font-weight: 600;
   line-height: 18px;
   letter-spacing: 0.16px;
-  margin: 0;
+  margin: 0; 
+   white-space: nowrap; 
 
 `, H6 = v.td`
   padding: .7em 1em;
@@ -14236,8 +14239,8 @@ const $6 = v.input`
   box-sizing: border-box;
   margin: 0;
   width: 1%; 
-  white-space: nowrap; 
-  border-collapse: collapse;
+  white-space: nowrap;
+  vertical-align: middle;
 `, W6 = v.tr`
   background: ${c.layer01};
   text-align: start;
@@ -14255,13 +14258,13 @@ const $6 = v.input`
   }
   margin: 0;
   border-top:1px solid ${c.borderSubtle01};
-
 `, cs = v.th`
   padding: 0.9em;
   text-align: start;
   margin: 0;
   font-family: IBM Plex Sans;
-  font-size:14px
+  font-size:14px;
+  white-warp:nowrap
 
 `, Z6 = v.p`
   font-family:IBM Plex Sans;
@@ -14276,7 +14279,6 @@ const $6 = v.input`
   letter-spacing: 0.16px;
   cursor: pointer;
 `, us = v.h4`
-  font-family:Andale Mono, sans-serif;
   font-size:14px;
   display:flex;
   padding:0;
@@ -14287,6 +14289,7 @@ const $6 = v.input`
   font-weight: bold;
   letter-spacing: 0.16px;
   cursor: pointer;
+  white-warp:nowrap
 `, X6 = v.div`
   font-family: IBM Plex Sans;
   background: ${c.layer01};

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

@@ -154,7 +154,7 @@ padding: ${({size:e,label:t,fortable:n})=>n?"8px 55px 8px 10px":t?Bu:Ut.onlyIcon
   text-wrap: nowrap;
   align-self: start;
   padding: 0;
-`,ba=I.createContext({}),ma=!0;function Mu({baseColor:e,highlightColor:t,width:n,height:i,borderRadius:r,circle:o,direction:l,duration:u,enableAnimation:s=ma}){const d={};return l==="rtl"&&(d["--animation-direction"]="reverse"),typeof u=="number"&&(d["--animation-duration"]=`${u}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 xe({count:e=1,wrapper:t,className:n,containerClassName:i,containerTestId:r,circle:o=!1,style:l,...u}){var s,d,f;const p=I.useContext(ba),g={...u};for(const[P,B]of Object.entries(u))typeof B>"u"&&delete g[P];const b={...p,...g,circle:o},h={...l,...Mu(b)};let y="react-loading-skeleton";n&&(y+=` ${n}`);const C=(s=b.inline)!==null&&s!==void 0?s:!1,w=[],E=Math.ceil(e);for(let P=0;P<E;P++){let B=h;if(E>e&&P===E-1){const k=(d=B.width)!==null&&d!==void 0?d:"100%",A=e%1,F=typeof k=="number"?k*A:`calc(${k} * ${A})`;B={...B,width:F}}const S=I.createElement("span",{className:y,style:B,key:P},"‌");C?w.push(S):w.push(I.createElement(I.Fragment,{key:P},S,I.createElement("br",null)))}return I.createElement("span",{className:i,"data-testid":r,"aria-live":"polite","aria-busy":(f=b.enableAnimation)!==null&&f!==void 0?f:ma},t?w.map((P,B)=>I.createElement(t,{key:B},P)):w)}function gt({children:e,...t}){return I.createElement(ba.Provider,{value:t},e)}const O3="",at=e=>{const{label:t,size:n,kind:i,loading:r,icon:o,disabled:l,forModal:u,full:s,hasIconSvg:d}=e,f={padding:t?Ut.default[n]:Ut.onlyIcon[n],position:"absolute",top:"0",width:"auto",left:"0",right:"0",bottom:"0",borderRadius:"6px"};return a(Vu,{full:s,...e,children:r&&!l?x(pa,{...e,kind:i,size:n,loading:r,style:{border:"0"},children:[a(ha,{...e,kind:i,children:t}),a(gt,{baseColor:c.skeletonElement,highlightColor:c.skeletonBackground,children:a(xe,{count:1,style:f})}),!t&&a(ga,{src:typeof o=="string"?o:"",...e})]}):x(pa,{forModal:u,...e,kind:i,size:n,loading:r,borderStyle:l?i==="tertiary"||i==="dangerTertiary"?`2px solid ${c.buttonDisabled}`:"2px solid transparent":i==="tertiary"?`2px solid ${c.buttonPrimary}`:i==="dangerTertiary"?`2px solid ${c.buttonDangerSecondary}`:"2px solid transparent",children:[a(ha,{...e,kind:i,children:t}),d?a(Fu,{...e,children:o}):a(ga,{src:typeof o=="string"?o:"",...e})]})})},$u={large:"20px ",small:"15px",medium:"18px"},Gu={large:"13px",small:"12px",medium:"15px"},Yn=e=>{const{disabled:t,error:n}=e;return t?"2px solid transparent":n?`2px solid ${c.supportError}`:"2px solid transparent"},ii=v.input`
+`,ba=I.createContext({}),ma=!0;function Mu({baseColor:e,highlightColor:t,width:n,height:i,borderRadius:r,circle:o,direction:l,duration:u,enableAnimation:s=ma}){const d={};return l==="rtl"&&(d["--animation-direction"]="reverse"),typeof u=="number"&&(d["--animation-duration"]=`${u}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 xe({count:e=1,wrapper:t,className:n,containerClassName:i,containerTestId:r,circle:o=!1,style:l,...u}){var s,d,f;const p=I.useContext(ba),g={...u};for(const[P,B]of Object.entries(u))typeof B>"u"&&delete g[P];const b={...p,...g,circle:o},h={...l,...Mu(b)};let y="react-loading-skeleton";n&&(y+=` ${n}`);const C=(s=b.inline)!==null&&s!==void 0?s:!1,w=[],E=Math.ceil(e);for(let P=0;P<E;P++){let B=h;if(E>e&&P===E-1){const k=(d=B.width)!==null&&d!==void 0?d:"100%",A=e%1,F=typeof k=="number"?k*A:`calc(${k} * ${A})`;B={...B,width:F}}const S=I.createElement("span",{className:y,style:B,key:P},"‌");C?w.push(S):w.push(I.createElement(I.Fragment,{key:P},S,I.createElement("br",null)))}return I.createElement("span",{className:i,"data-testid":r,"aria-live":"polite","aria-busy":(f=b.enableAnimation)!==null&&f!==void 0?f:ma},t?w.map((P,B)=>I.createElement(t,{key:B},P)):w)}function gt({children:e,...t}){return I.createElement(ba.Provider,{value:t},e)}const O3="",at=e=>{const{label:t,size:n,kind:i,loading:r,icon:o,disabled:l,forModal:u,full:s,hasIconSvg:d,onClick:f}=e,p={padding:t?Ut.default[n]:Ut.onlyIcon[n],position:"absolute",top:"0",width:"auto",left:"0",right:"0",bottom:"0",borderRadius:"6px"};return a(Vu,{full:s,...e,children:r&&!l?x(pa,{...e,kind:i,size:n,loading:r,style:{border:"0"},children:[a(ha,{...e,kind:i,children:t}),a(gt,{baseColor:c.skeletonElement,highlightColor:c.skeletonBackground,children:a(xe,{count:1,style:p})}),!t&&a(ga,{src:typeof o=="string"?o:"",...e})]}):x(pa,{forModal:u,...e,kind:i,size:n,loading:r,onClick:f,borderStyle:l?i==="tertiary"||i==="dangerTertiary"?`2px solid ${c.buttonDisabled}`:"2px solid transparent":i==="tertiary"?`2px solid ${c.buttonPrimary}`:i==="dangerTertiary"?`2px solid ${c.buttonDangerSecondary}`:"2px solid transparent",children:[a(ha,{...e,kind:i,children:t}),d?a(Fu,{...e,children:o}):a(ga,{src:typeof o=="string"?o:"",...e})]})})},$u={large:"20px ",small:"15px",medium:"18px"},Gu={large:"13px",small:"12px",medium:"15px"},Yn=e=>{const{disabled:t,error:n}=e;return t?"2px solid transparent":n?`2px solid ${c.supportError}`:"2px solid transparent"},ii=v.input`
   height: ${({size:e})=>e&&Gu[e]};
   box-sizing: border-box;
   padding: ${({size:e})=>e&&$u[e]};
@@ -2401,7 +2401,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   font-weight: 600;
   line-height: 18px;
   letter-spacing: 0.16px;
-  margin: 0;
+  margin: 0; 
+   white-space: nowrap; 
 
 `,B6=v.td`
   padding: .7em 1em;
@@ -2409,8 +2410,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   box-sizing: border-box;
   margin: 0;
   width: 1%; 
-  white-space: nowrap; 
-  border-collapse: collapse;
+  white-space: nowrap;
+  vertical-align: middle;
 `,V6=v.tr`
   background: ${c.layer01};
   text-align: start;
@@ -2428,13 +2429,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   }
   margin: 0;
   border-top:1px solid ${c.borderSubtle01};
-
 `,Uc=v.th`
   padding: 0.9em;
   text-align: start;
   margin: 0;
   font-family: IBM Plex Sans;
-  font-size:14px
+  font-size:14px;
+  white-warp:nowrap
 
 `,F6=v.p`
   font-family:IBM Plex Sans;
@@ -2449,7 +2450,6 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   letter-spacing: 0.16px;
   cursor: pointer;
 `,Qc=v.h4`
-  font-family:Andale Mono, sans-serif;
   font-size:14px;
   display:flex;
   padding:0;
@@ -2460,6 +2460,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   font-weight: bold;
   letter-spacing: 0.16px;
   cursor: pointer;
+  white-warp:nowrap
 `,M6=v.div`
   font-family: IBM Plex Sans;
   background: ${c.layer01};

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

@@ -1,6 +1,6 @@
-import { ButtonHTMLAttributes, ReactNode } from "react";
+import { ReactNode } from "react";
 import "react-loading-skeleton/dist/skeleton.css";
-export type IButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+export type IButtonProps = {
     kind: "primary" | "secondary" | "tertiary" | "ghost" | "dangerPrimary" | "dangerTertiary" | "dangerGhost";
     size: "large" | "medium" | "small" | "extraLarge" | "twoXLarge" | "expressive";
     label?: ReactNode;
@@ -13,6 +13,7 @@ export type IButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     hasIconSvg?: boolean;
     fortable?: boolean;
     dimension?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 };
 export declare const Button: (props: IButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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;AAIlD,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,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;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAGF,eAAO,MAAM,MAAM,UAAW,YAAY,4CA6EzC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,OAAO,0CAA0C,CAAC;AAIlD,MAAM,MAAM,YAAY,GAAG;IACzB,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,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;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE,CAAC;AAGF,eAAO,MAAM,MAAM,UAAW,YAAY,4CA+EzC,CAAC"}

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

@@ -8,20 +8,7 @@ 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>, 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;
-    loading?: boolean;
-    disabled?: boolean;
-    forModal?: boolean;
-    full?: boolean;
-    borderNone?: boolean;
-    hasIconSvg?: boolean;
-    fortable?: boolean;
-    dimension?: 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 & {
     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;

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;AACF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;kBAAgD,MAAM;YA+CjF,CAAC;AAEF,eAAO,MAAM,OAAO,wPAQnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,iPAUV,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;YA+CjF,CAAC;AAEF,eAAO,MAAM,OAAO,wPAQnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,iPAUV,CAAA;AAEnB,eAAO,MAAM,SAAS,mPAYrB,CAAC"}

package/dist/types/Components/TableData/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/Components/TableData/style.tsx"],"names":[],"mappings":";AACA,OAAO,2BAA2B,CAAC;AAInC,eAAO,MAAM,SAAS,sOAMrB,CAAC;AAEF,eAAO,MAAM,GAAG,uOAYf,CAAC;AAEF,eAAO,MAAM,GAAG,mPAQf,CAAC;AAGF,eAAO,MAAM,QAAQ,uOAkBpB,CAAC;AAEF,eAAO,MAAM,GAAG,uPAOf,CAAC;AAEF,eAAO,MAAM,UAAU,yOAYtB,CAAC;AAGF,eAAO,MAAM,aAAa,qOAYzB,CAAC;AAEF,eAAO,MAAM,UAAU,6NAWtB,CAAC;AACF,eAAO,MAAM,OAAO,6NAOnB,CAAC;AACF,eAAO,MAAM,cAAc,yOAW1B,CAAC;AACF,eAAO,MAAM,UAAU,yOAItB,CAAC;AACF,eAAO,MAAM,SAAS,yOAoBrB,CAAC;AACF,eAAO,MAAM,QAAQ,yOAUpB,CAAC;AAEF,eAAO,MAAM,cAAc,6NAkD1B,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/Components/TableData/style.tsx"],"names":[],"mappings":";AACA,OAAO,2BAA2B,CAAC;AAInC,eAAO,MAAM,SAAS,sOAMrB,CAAC;AAEF,eAAO,MAAM,GAAG,uOAaf,CAAC;AAEF,eAAO,MAAM,GAAG,mPAQf,CAAC;AAGF,eAAO,MAAM,QAAQ,uOAiBpB,CAAC;AAEF,eAAO,MAAM,GAAG,uPAQf,CAAC;AAEF,eAAO,MAAM,UAAU,yOAYtB,CAAC;AAGF,eAAO,MAAM,aAAa,qOAYzB,CAAC;AAEF,eAAO,MAAM,UAAU,6NAWtB,CAAC;AACF,eAAO,MAAM,OAAO,6NAOnB,CAAC;AACF,eAAO,MAAM,cAAc,yOAW1B,CAAC;AACF,eAAO,MAAM,UAAU,yOAItB,CAAC;AACF,eAAO,MAAM,SAAS,yOAoBrB,CAAC;AACF,eAAO,MAAM,QAAQ,yOAUpB,CAAC;AAEF,eAAO,MAAM,cAAc,6NAkD1B,CAAC"}

package/package.json

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