aleon_35_pdf_ui_lib - npm Package Compare versions

Comparing version 1.0.82 to 1.0.84

dist/pdf_ui_lib.js

@@ -1,1 +0,1 @@
-!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("preact")):"function"==typeof define&&define.amd?define(["preact"],e):"object"==typeof exports?exports.PdfUiLibrary=e(require("preact")):n.PdfUiLibrary=e(n.preact)}(self,(n=>(()=>{"use strict";var e={840:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,".JGOZEl16KDnhjwZOounc {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  padding: 10px;\n}\n\n.rMqW2zQrdtY1ymHtUP_p {\n  display: none;\n  padding: 10px 0;\n}\n\n.rMqW2zQrdtY1ymHtUP_p.IyQNCxi2JxGoUDJsQ3To {\n  display: block;\n}\n\n.i0S_dx1PXaqY8NOUGzfb {\n  transition: transform 0.3s ease;\n}\n\n.i0S_dx1PXaqY8NOUGzfb.IyQNCxi2JxGoUDJsQ3To {\n  transform: rotate(180deg);\n}",""]),a.locals={accordionBar:"JGOZEl16KDnhjwZOounc",content:"rMqW2zQrdtY1ymHtUP_p",open:"IyQNCxi2JxGoUDJsQ3To",chevronIcon:"i0S_dx1PXaqY8NOUGzfb"};const c=a},938:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,"\n.MCSqMJs2SXm4CvlK5rQg {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.b7xQ6Sz23JoFM3NDI1yO {\n  border: none;\n  text-align: center;\n  text-decoration: none;\n  display: inline-block;\n  font-size: 16px;\n  margin: 4px 2px;\n  cursor: pointer;\n  border-radius: 4px;\n}",""]),a.locals={disabled:"MCSqMJs2SXm4CvlK5rQg",customButton:"b7xQ6Sz23JoFM3NDI1yO"};const c=a},958:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,'.WEqeRKtKFvYngiHmkfA0 {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: fit-content;\n  font-family: "Lato", sans-serif;\n  margin: 5px 0; /* Optional, adds some spacing between checkboxes */\n}\n\n.rUvgAvf9JZd2m9GV0ttq {\n  appearance: none;\n  width: 20px; /* Adjust size as needed */\n  height: 20px; /* Adjust size as needed */\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background-color: #fff;\n  margin-right: 10px; /* Optional, adds some spacing between checkbox and label */\n  cursor: pointer; /* Makes it clear that the checkbox is clickable */\n  position: relative;\n}\n\n.rUvgAvf9JZd2m9GV0ttq:checked {\n  background-color: #007bff; /* Background color when checked */\n}\n\n.rUvgAvf9JZd2m9GV0ttq:checked::after {\n  content: "";\n  position: absolute;\n  left: 45%; /* Center the checkmark */\n  top: 30%; /* Center the checkmark */\n  transform: translate(-40%, -40%) rotate(45deg); /* Center and rotate */\n  width: 6px;\n  height: 12px;\n  border: solid white;\n  border-width: 0 2px 2px 0; /* Creates the checkmark */\n}',""]),a.locals={checkboxContainer:"WEqeRKtKFvYngiHmkfA0",checkboxStyle:"rUvgAvf9JZd2m9GV0ttq"};const c=a},875:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,'.byHo_6akp8iCkyfWpmAG {\n  font-weight: bold;\n  font-size: 16px;\n  margin-right: 10px;\n}\n\n.q5hH3yrQOkVJnw7uo98p:focus,\ninput[type="number"]:focus {\n  border-color: #007bff;\n}\n\n.TdOmzhCfN24fHJm8MZqg {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: fit-content;\n}\n\n.EzjabeS7XCtFkF6g7WGi {\n  position: relative;\n  display: inline-block;\n}\n\n.q5hH3yrQOkVJnw7uo98p,\ninput[type="number"] {\n  appearance: none; /* Remove the default styling */\n  padding: 10px 10px 10px 10px; /* Add padding to the right to make space for the icon */\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background-color: #fff;\n}\n\n.Xt0DnFbf71tmeoBHaT3n {\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none; /* Make it non-clickable */\n}\n\n.q5hH3yrQOkVJnw7uo98p,\ninput[type="number"] {\n  /* common styles here, omitting size-specific styles */\n}\n\n.TdOmzhCfN24fHJm8MZqg[data-size=\'md\'] .q5hH3yrQOkVJnw7uo98p,\n.TdOmzhCfN24fHJm8MZqg[data-size=\'md\'] input[type="number"] {\n  font-size: 16px;\n  padding: 10px 10px 10px 10px;\n}\n\n.TdOmzhCfN24fHJm8MZqg[data-size=\'sm\'] .q5hH3yrQOkVJnw7uo98p,\n.TdOmzhCfN24fHJm8MZqg[data-size=\'sm\'] input[type="number"] {\n  font-size: 12px;\n  padding: 5px 5px 5px 5px;\n}',""]),a.locals={labelStyle:"byHo_6akp8iCkyfWpmAG",selectStyle:"q5hH3yrQOkVJnw7uo98p",selectContainer:"TdOmzhCfN24fHJm8MZqg",selectWrapper:"EzjabeS7XCtFkF6g7WGi",chevronIcon:"Xt0DnFbf71tmeoBHaT3n"};const c=a},207:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,".vtInfWEngrL8ObR4UGa6 {\n  font-weight: bold;\n  font-size: 16px;\n  margin-right: 10px;\n}\n\n.GtZm5KBURjydSGpgGK9f:focus {\n  border-color: #007bff;\n}\n\n.GtZm5KBURjydSGpgGK9f optgroup {\n  font-weight: bold;\n  color: #999;\n}\n\n.x5OZgBPtDAH3QPcw9trA {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: fit-content;\n  font-family: 'Lato';\n}\n\n.B272WIB99MWnjhvZEBvc {\n  position: relative;\n  display: inline-block;\n}\n\n.GtZm5KBURjydSGpgGK9f {\n  appearance: none; /* Remove the default styling */\n  padding: 10px 30px 10px 10px; /* Add padding to the right to make space for the icon */\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background-color: #fff;\n}\n\n.Lg_pRAL_O5KSkOj6njEA {\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 10px;\n  pointer-events: none; /* Make it non-clickable */\n}\n\n.x5OZgBPtDAH3QPcw9trA[data-size='md'] .GtZm5KBURjydSGpgGK9f {\n  font-size: 16px;\n  padding: 10px 30px 10px 10px;\n}\n\n.x5OZgBPtDAH3QPcw9trA[data-size='sm'] .GtZm5KBURjydSGpgGK9f {\n  font-size: 12px;\n  padding: 5px 25px 5px 5px;\n}",""]),a.locals={labelStyle:"vtInfWEngrL8ObR4UGa6",selectStyle:"GtZm5KBURjydSGpgGK9f",selectContainer:"x5OZgBPtDAH3QPcw9trA",selectWrapper:"B272WIB99MWnjhvZEBvc",chevronIcon:"Lg_pRAL_O5KSkOj6njEA"};const c=a},975:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,".g6edoCHfEdciAFuKVbhc {\n  width: 100%;\n  overflow: hidden; /* Prevents horizontal scrolling */\n}\n\n.jm8hodcifihiR9lxACXp {\n  display: flex;\n}\n\n.Nvyk8ZDyB6xvKFGjut7J {\n  flex: 1; /* Adjust as needed */\n  padding: 8px;\n  text-align: left;\n  overflow: hidden; /* Prevents text overflow */\n  white-space: nowrap; /* Keeps text on one line */\n  display: flex;\n  align-items: center;\n}\n\n.N4365cKmQ7o3ulw0TB6r {\n  flex: 1; /* Adjust as needed */\n  padding: 8px;\n  text-align: right;\n  overflow: hidden; /* Prevents text overflow */\n  white-space: nowrap; /* Keeps text on one line */\n}\n\n/* If custom widths are needed */\n.Nvyk8ZDyB6xvKFGjut7J.DgLTRLanCSYiP7mhT8AB,\n.N4365cKmQ7o3ulw0TB6r.DgLTRLanCSYiP7mhT8AB {\n  flex: none;\n}",""]),a.locals={tableContainer:"g6edoCHfEdciAFuKVbhc",row:"jm8hodcifihiR9lxACXp",columnLeft:"Nvyk8ZDyB6xvKFGjut7J",columnRight:"N4365cKmQ7o3ulw0TB6r",customWidth:"DgLTRLanCSYiP7mhT8AB"};const c=a},645:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t="",o=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),o&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=n(e),o&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t})).join("")},e.i=function(n,t,o,r,i){"string"==typeof n&&(n=[[null,n,void 0]]);var a={};if(o)for(var c=0;c<this.length;c++){var s=this[c][0];null!=s&&(a[s]=!0)}for(var l=0;l<n.length;l++){var d=[].concat(n[l]);o&&a[d[0]]||(void 0!==i&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=i),t&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=t):d[2]=t),r&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=r):d[4]="".concat(r)),e.push(d))}},e}},81:n=>{n.exports=function(n){return n[1]}},379:n=>{var e=[];function t(n){for(var t=-1,o=0;o<e.length;o++)if(e[o].identifier===n){t=o;break}return t}function o(n,o){for(var i={},a=[],c=0;c<n.length;c++){var s=n[c],l=o.base?s[0]+o.base:s[0],d=i[l]||0,p="".concat(l," ").concat(d);i[l]=d+1;var u=t(p),f={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==u)e[u].references++,e[u].updater(f);else{var m=r(f,o);o.byIndex=c,e.splice(c,0,{identifier:p,updater:m,references:1})}a.push(p)}return a}function r(n,e){var t=e.domAPI(e);return t.update(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;t.update(n=e)}else t.remove()}}n.exports=function(n,r){var i=o(n=n||[],r=r||{});return function(n){n=n||[];for(var a=0;a<i.length;a++){var c=t(i[a]);e[c].references--}for(var s=o(n,r),l=0;l<i.length;l++){var d=t(i[l]);0===e[d].references&&(e[d].updater(),e.splice(d,1))}i=s}}},569:n=>{var e={};n.exports=function(n,t){var o=function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}e[n]=t}return e[n]}(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(t)}},216:n=>{n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},565:(n,e,t)=>{n.exports=function(n){var e=t.nc;e&&n.setAttribute("nonce",e)}},795:n=>{n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(t){!function(n,e,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var r=void 0!==t.layer;r&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,r&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var i=t.sourceMap;i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleTagTransform(o,n,e.options)}(e,n,t)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},589:n=>{n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},203:e=>{e.exports=n}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={id:n,exports:{}};return e[n](i,i.exports,o),i.exports}o.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return o.d(e,{a:e}),e},o.d=(n,e)=>{for(var t in e)o.o(e,t)&&!o.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:e[t]})},o.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),o.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},o.nc=void 0;var r={};return(()=>{o.r(r),o.d(r,{Accordion:()=>U,Button:()=>T,Checkbox:()=>x,Icon:()=>w,NumberInput:()=>j,Select:()=>C,Table:()=>O});var n=o(379),e=o.n(n),t=o(795),i=o.n(t),a=o(569),c=o.n(a),s=o(565),l=o.n(s),d=o(216),p=o.n(d),u=o(589),f=o.n(u),m=o(958),g={};g.styleTagTransform=f(),g.setAttributes=l(),g.insert=c().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=p(),e()(m.Z,g);const h=m.Z&&m.Z.locals?m.Z.locals:void 0;var v=o(203),x=function(n){var e=n.label,t=n.checked,o=n.onChange;return(0,v.h)("div",{className:h.checkboxContainer},(0,v.h)("input",{type:"checkbox",id:"custom-checkbox-".concat(e),onChange:o,checked:t,className:h.checkboxStyle}),!!e&&(0,v.h)("label",{htmlFor:"custom-checkbox-".concat(e),className:h.labelStyle},e))};x.defaultProps={label:null,checked:!1,onChange:void 0};var y=o(207),b={};b.styleTagTransform=f(),b.setAttributes=l(),b.insert=c().bind(null,"head"),b.domAPI=i(),b.insertStyleElement=p(),e()(y.Z,b);const I=y.Z&&y.Z.locals?y.Z.locals:void 0,M="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIC01IDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIAogICAgPHRpdGxlPmNoZXZyb24tZG93bjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoIEJldGEuPC9kZXNjPgogICAgPGRlZnM+Cgo8L2RlZnM+CiAgICA8ZyBvcGFjaXR5PSIwLjUiIGlkPSJQYWdlLTEiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJJY29uLVNldCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3Mi4wMDAwMDAsIC0xMjAwLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8cGF0aCBkPSJNNTk1LjY4OCwxMjAwLjI4IEM1OTUuMjk1LDExOTkuODkgNTk0LjY1OSwxMTk5Ljg5IDU5NC4yNjgsMTIwMC4yOCBMNTgzLjk4NCwxMjExLjU3IEw1NzMuNzAyLDEyMDAuMjggQzU3My4zMSwxMTk5Ljg5IDU3Mi42NzQsMTE5OS44OSA1NzIuMjgyLDEyMDAuMjggQzU3MS44OSwxMjAwLjY4IDU3MS44OSwxMjAxLjMyIDU3Mi4yODIsMTIwMS43MSBMNTgzLjIyNSwxMjEzLjcyIEM1ODMuNDM0LDEyMTMuOTMgNTgzLjcxMSwxMjE0LjAyIDU4My45ODQsMTIxNCBDNTg0LjI1OCwxMjE0LjAyIDU4NC41MzUsMTIxMy45MyA1ODQuNzQ1LDEyMTMuNzIgTDU5NS42ODgsMTIwMS43MSBDNTk2LjA3OSwxMjAxLjMyIDU5Ni4wNzksMTIwMC42OCA1OTUuNjg4LDEyMDAuMjgiIGlkPSJjaGV2cm9uLWRvd24iIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgoKPC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";var w=function(n){var e=n.src,t=n.alt,o=n.size,r=n.onClick,i=28;return"sm"===o&&(i=8),(0,v.h)("img",{onClick:r,style:{display:"flex",cursor:"pointer",width:i,height:i},src:e,alt:t})},C=function(n){var e=n.options,t=n.value,o=n.onChange,r=n.width,i=void 0===r?"auto":r,a=n.size,c=void 0===a?"md":a;return(0,v.h)("div",{className:I.selectContainer,"data-size":c},(0,v.h)("select",{onChange:o,value:t,className:I.selectStyle,style:{width:i}},e.map((function(n,e){return"string"==typeof n?(0,v.h)("option",{key:e,value:n},n):(0,v.h)("optgroup",{key:e,label:n.label},n.options.map((function(n,e){return(0,v.h)("option",{key:e,value:n},n)})))}))),(0,v.h)("div",{className:I.chevronIcon},(0,v.h)(w,{size:"sm",src:M,alt:"Arrow left"})))},A=o(875),k={};k.styleTagTransform=f(),k.setAttributes=l(),k.insert=c().bind(null,"head"),k.domAPI=i(),k.insertStyleElement=p(),e()(A.Z,k);const Z=A.Z&&A.Z.locals?A.Z.locals:void 0;var j=function(n){var e=n.placeholder,t=n.value,o=n.onChange,r=n.min,i=n.max,a=n.step,c=n.width,s=void 0===c?"auto":c,l=n.size,d=void 0===l?"md":l;return(0,v.h)("div",{className:Z.selectContainer,"data-size":d},(0,v.h)("input",{type:"number",placeholder:e,onChange:o,value:t,className:Z.selectStyle,min:r,max:i,step:a,style:{width:s}}))},N=o(938),S={};S.styleTagTransform=f(),S.setAttributes=l(),S.insert=c().bind(null,"head"),S.domAPI=i(),S.insertStyleElement=p(),e()(N.Z,S);const G=N.Z&&N.Z.locals?N.Z.locals:void 0;var T=function(n){var e,t,o=n.loading,r=void 0!==o&&o,i=n.children,a=n.size,c=void 0===a?"lg":a,s=n.variant,l=void 0===s?"primary":s,d=n.onClick;switch(c){case"sm":e="8px 16px",t="14px";break;case"md":e="12px 16px",t="16px";break;default:e="15px 32px",t="16px"}return(0,v.h)("label",{onClick:d,className:r?"".concat(G.customButton," ").concat(G.disabled):G.customButton,style:{padding:e,fontSize:t,color:"primary"===l?"white":"#4CAF50",background:"primary"===l?"#4CAF50":"#f1faf7"}},i)},z=o(975),L={};L.styleTagTransform=f(),L.setAttributes=l(),L.insert=c().bind(null,"head"),L.domAPI=i(),L.insertStyleElement=p(),e()(z.Z,L);const D=z.Z&&z.Z.locals?z.Z.locals:void 0;var O=function(n){var e=n.leftColumnWidth,t=n.rightColumnWidth,o=n.rows;return(0,v.h)("div",{className:D.tableContainer},o.map((function(n,o){return(0,v.h)("div",{key:o,className:D.row},(0,v.h)("div",{className:D.columnLeft,style:{width:e||"auto"}},n.left),(0,v.h)("div",{className:D.columnRight,style:{width:t||"auto"}},n.right))})))},P=o(840),B={};B.styleTagTransform=f(),B.setAttributes=l(),B.insert=c().bind(null,"head"),B.domAPI=i(),B.insertStyleElement=p(),e()(P.Z,B);const J=P.Z&&P.Z.locals?P.Z.locals:void 0;var U=function(n){var e=n.title,t=n.content,o=n.isOpen,r=n.toggleAccordion,i=n.leftPadding,a=void 0===i?"10px":i,c=n.rightPadding,s=void 0===c?"10px":c;return(0,v.h)("div",null,(0,v.h)("div",{className:J.accordionBar,onClick:r,style:{paddingLeft:a,paddingRight:s}},(0,v.h)("span",null,e),(0,v.h)("div",{className:o?"".concat(J.chevronIcon," ").concat(J.open):J.chevronIcon},(0,v.h)(w,{size:"sm",src:M,alt:"Toggle"}))),(0,v.h)("div",{className:o?"".concat(J.content," ").concat(J.open):J.content},t))}})(),r})()));
+!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("preact")):"function"==typeof define&&define.amd?define(["preact"],e):"object"==typeof exports?exports.PdfUiLibrary=e(require("preact")):n.PdfUiLibrary=e(n.preact)}(self,(n=>(()=>{"use strict";var e={840:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,".JGOZEl16KDnhjwZOounc {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  padding: 10px;\n}\n\n.rMqW2zQrdtY1ymHtUP_p {\n  display: none;\n  padding: 10px 0;\n}\n\n.rMqW2zQrdtY1ymHtUP_p.IyQNCxi2JxGoUDJsQ3To {\n  display: block;\n}\n\n.i0S_dx1PXaqY8NOUGzfb {\n  transition: transform 0.3s ease;\n}\n\n.i0S_dx1PXaqY8NOUGzfb.IyQNCxi2JxGoUDJsQ3To {\n  transform: rotate(180deg);\n}",""]),a.locals={accordionBar:"JGOZEl16KDnhjwZOounc",content:"rMqW2zQrdtY1ymHtUP_p",open:"IyQNCxi2JxGoUDJsQ3To",chevronIcon:"i0S_dx1PXaqY8NOUGzfb"};const c=a},938:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,"\n.MCSqMJs2SXm4CvlK5rQg {\n  opacity: 0.7;\n  pointer-events: none;\n}\n\n.b7xQ6Sz23JoFM3NDI1yO {\n  border: none;\n  text-align: center;\n  text-decoration: none;\n  display: inline-block;\n  font-size: 16px;\n  margin: 4px 2px;\n  cursor: pointer;\n  border-radius: 4px;\n}",""]),a.locals={disabled:"MCSqMJs2SXm4CvlK5rQg",customButton:"b7xQ6Sz23JoFM3NDI1yO"};const c=a},958:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,'.WEqeRKtKFvYngiHmkfA0 {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: fit-content;\n  font-family: "Lato", sans-serif;\n  margin: 5px 0; /* Optional, adds some spacing between checkboxes */\n}\n\n.rUvgAvf9JZd2m9GV0ttq {\n  appearance: none;\n  width: 20px; /* Adjust size as needed */\n  height: 20px; /* Adjust size as needed */\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background-color: #fff;\n  margin-right: 10px; /* Optional, adds some spacing between checkbox and label */\n  cursor: pointer; /* Makes it clear that the checkbox is clickable */\n  position: relative;\n}\n\n.rUvgAvf9JZd2m9GV0ttq:checked {\n  background-color: #007bff; /* Background color when checked */\n}\n\n.rUvgAvf9JZd2m9GV0ttq:checked::after {\n  content: "";\n  position: absolute;\n  left: 45%; /* Center the checkmark */\n  top: 30%; /* Center the checkmark */\n  transform: translate(-40%, -40%) rotate(45deg); /* Center and rotate */\n  width: 6px;\n  height: 12px;\n  border: solid white;\n  border-width: 0 2px 2px 0; /* Creates the checkmark */\n}',""]),a.locals={checkboxContainer:"WEqeRKtKFvYngiHmkfA0",checkboxStyle:"rUvgAvf9JZd2m9GV0ttq"};const c=a},875:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,'.byHo_6akp8iCkyfWpmAG {\n  font-weight: bold;\n  font-size: 16px;\n  margin-right: 10px;\n}\n\n.q5hH3yrQOkVJnw7uo98p:focus,\ninput[type="number"]:focus {\n  border-color: #007bff;\n}\n\n.TdOmzhCfN24fHJm8MZqg {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: fit-content;\n}\n\n.EzjabeS7XCtFkF6g7WGi {\n  position: relative;\n  display: inline-block;\n}\n\n.q5hH3yrQOkVJnw7uo98p,\ninput[type="number"] {\n  appearance: none; /* Remove the default styling */\n  padding: 10px 10px 10px 10px; /* Add padding to the right to make space for the icon */\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background-color: #fff;\n}\n\n.Xt0DnFbf71tmeoBHaT3n {\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none; /* Make it non-clickable */\n}\n\n.q5hH3yrQOkVJnw7uo98p,\ninput[type="number"] {\n  /* common styles here, omitting size-specific styles */\n}\n\n.TdOmzhCfN24fHJm8MZqg[data-size=\'md\'] .q5hH3yrQOkVJnw7uo98p,\n.TdOmzhCfN24fHJm8MZqg[data-size=\'md\'] input[type="number"] {\n  font-size: 16px;\n  padding: 10px 10px 10px 10px;\n}\n\n.TdOmzhCfN24fHJm8MZqg[data-size=\'sm\'] .q5hH3yrQOkVJnw7uo98p,\n.TdOmzhCfN24fHJm8MZqg[data-size=\'sm\'] input[type="number"] {\n  font-size: 12px;\n  padding: 5px 5px 5px 5px;\n}',""]),a.locals={labelStyle:"byHo_6akp8iCkyfWpmAG",selectStyle:"q5hH3yrQOkVJnw7uo98p",selectContainer:"TdOmzhCfN24fHJm8MZqg",selectWrapper:"EzjabeS7XCtFkF6g7WGi",chevronIcon:"Xt0DnFbf71tmeoBHaT3n"};const c=a},207:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,".vtInfWEngrL8ObR4UGa6 {\n  font-weight: bold;\n  font-size: 16px;\n  margin-right: 10px;\n}\n\n.GtZm5KBURjydSGpgGK9f:focus {\n  border-color: #007bff;\n}\n\n.GtZm5KBURjydSGpgGK9f optgroup {\n  font-weight: bold;\n  color: #999;\n}\n\n.x5OZgBPtDAH3QPcw9trA {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: fit-content;\n  font-family: 'Lato';\n}\n\n.B272WIB99MWnjhvZEBvc {\n  position: relative;\n  display: inline-block;\n}\n\n.GtZm5KBURjydSGpgGK9f {\n  appearance: none; /* Remove the default styling */\n  padding: 10px 30px 10px 10px; /* Add padding to the right to make space for the icon */\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background-color: #fff;\n}\n\n.Lg_pRAL_O5KSkOj6njEA {\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 10px;\n  pointer-events: none; /* Make it non-clickable */\n}\n\n.x5OZgBPtDAH3QPcw9trA[data-size='md'] .GtZm5KBURjydSGpgGK9f {\n  font-size: 16px;\n  padding: 10px 30px 10px 10px;\n}\n\n.x5OZgBPtDAH3QPcw9trA[data-size='sm'] .GtZm5KBURjydSGpgGK9f {\n  font-size: 12px;\n  padding: 5px 25px 5px 5px;\n}",""]),a.locals={labelStyle:"vtInfWEngrL8ObR4UGa6",selectStyle:"GtZm5KBURjydSGpgGK9f",selectContainer:"x5OZgBPtDAH3QPcw9trA",selectWrapper:"B272WIB99MWnjhvZEBvc",chevronIcon:"Lg_pRAL_O5KSkOj6njEA"};const c=a},975:(n,e,t)=>{t.d(e,{Z:()=>c});var o=t(81),r=t.n(o),i=t(645),a=t.n(i)()(r());a.push([n.id,".g6edoCHfEdciAFuKVbhc {\n  width: 100%;\n  overflow: hidden; /* Prevents horizontal scrolling */\n}\n\n.jm8hodcifihiR9lxACXp {\n  display: flex;\n}\n\n.Nvyk8ZDyB6xvKFGjut7J {\n  flex: 1; /* Adjust as needed */\n  padding: 8px;\n  text-align: left;\n  overflow: hidden; /* Prevents text overflow */\n  white-space: nowrap; /* Keeps text on one line */\n  display: flex;\n  align-items: center;\n}\n\n.N4365cKmQ7o3ulw0TB6r {\n  flex: 1; /* Adjust as needed */\n  padding: 8px;\n  text-align: right;\n  overflow: hidden; /* Prevents text overflow */\n  white-space: nowrap; /* Keeps text on one line */\n}\n\n/* If custom widths are needed */\n.Nvyk8ZDyB6xvKFGjut7J.DgLTRLanCSYiP7mhT8AB,\n.N4365cKmQ7o3ulw0TB6r.DgLTRLanCSYiP7mhT8AB {\n  flex: none;\n}",""]),a.locals={tableContainer:"g6edoCHfEdciAFuKVbhc",row:"jm8hodcifihiR9lxACXp",columnLeft:"Nvyk8ZDyB6xvKFGjut7J",columnRight:"N4365cKmQ7o3ulw0TB6r",customWidth:"DgLTRLanCSYiP7mhT8AB"};const c=a},645:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t="",o=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),o&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=n(e),o&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t})).join("")},e.i=function(n,t,o,r,i){"string"==typeof n&&(n=[[null,n,void 0]]);var a={};if(o)for(var c=0;c<this.length;c++){var s=this[c][0];null!=s&&(a[s]=!0)}for(var l=0;l<n.length;l++){var d=[].concat(n[l]);o&&a[d[0]]||(void 0!==i&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=i),t&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=t):d[2]=t),r&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=r):d[4]="".concat(r)),e.push(d))}},e}},81:n=>{n.exports=function(n){return n[1]}},379:n=>{var e=[];function t(n){for(var t=-1,o=0;o<e.length;o++)if(e[o].identifier===n){t=o;break}return t}function o(n,o){for(var i={},a=[],c=0;c<n.length;c++){var s=n[c],l=o.base?s[0]+o.base:s[0],d=i[l]||0,p="".concat(l," ").concat(d);i[l]=d+1;var u=t(p),f={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==u)e[u].references++,e[u].updater(f);else{var m=r(f,o);o.byIndex=c,e.splice(c,0,{identifier:p,updater:m,references:1})}a.push(p)}return a}function r(n,e){var t=e.domAPI(e);return t.update(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;t.update(n=e)}else t.remove()}}n.exports=function(n,r){var i=o(n=n||[],r=r||{});return function(n){n=n||[];for(var a=0;a<i.length;a++){var c=t(i[a]);e[c].references--}for(var s=o(n,r),l=0;l<i.length;l++){var d=t(i[l]);0===e[d].references&&(e[d].updater(),e.splice(d,1))}i=s}}},569:n=>{var e={};n.exports=function(n,t){var o=function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}e[n]=t}return e[n]}(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(t)}},216:n=>{n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},565:(n,e,t)=>{n.exports=function(n){var e=t.nc;e&&n.setAttribute("nonce",e)}},795:n=>{n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(t){!function(n,e,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var r=void 0!==t.layer;r&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,r&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var i=t.sourceMap;i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleTagTransform(o,n,e.options)}(e,n,t)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},589:n=>{n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},203:e=>{e.exports=n}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={id:n,exports:{}};return e[n](i,i.exports,o),i.exports}o.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return o.d(e,{a:e}),e},o.d=(n,e)=>{for(var t in e)o.o(e,t)&&!o.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:e[t]})},o.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),o.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},o.nc=void 0;var r={};return(()=>{o.r(r),o.d(r,{Accordion:()=>U,Button:()=>T,Checkbox:()=>x,Icon:()=>w,NumberInput:()=>j,Select:()=>C,Table:()=>O});var n=o(379),e=o.n(n),t=o(795),i=o.n(t),a=o(569),c=o.n(a),s=o(565),l=o.n(s),d=o(216),p=o.n(d),u=o(589),f=o.n(u),m=o(958),g={};g.styleTagTransform=f(),g.setAttributes=l(),g.insert=c().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=p(),e()(m.Z,g);const h=m.Z&&m.Z.locals?m.Z.locals:void 0;var v=o(203),x=function(n){var e=n.label,t=n.checked,o=n.onChange;return(0,v.h)("div",{className:h.checkboxContainer},(0,v.h)("input",{type:"checkbox",id:"custom-checkbox-".concat(e),onChange:o,checked:t,className:h.checkboxStyle}),!!e&&(0,v.h)("label",{htmlFor:"custom-checkbox-".concat(e),className:h.labelStyle},e))};x.defaultProps={label:null,checked:!1,onChange:void 0};var y=o(207),b={};b.styleTagTransform=f(),b.setAttributes=l(),b.insert=c().bind(null,"head"),b.domAPI=i(),b.insertStyleElement=p(),e()(y.Z,b);const I=y.Z&&y.Z.locals?y.Z.locals:void 0,M="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIC01IDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIAogICAgPHRpdGxlPmNoZXZyb24tZG93bjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoIEJldGEuPC9kZXNjPgogICAgPGRlZnM+Cgo8L2RlZnM+CiAgICA8ZyBvcGFjaXR5PSIwLjUiIGlkPSJQYWdlLTEiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJJY29uLVNldCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3Mi4wMDAwMDAsIC0xMjAwLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8cGF0aCBkPSJNNTk1LjY4OCwxMjAwLjI4IEM1OTUuMjk1LDExOTkuODkgNTk0LjY1OSwxMTk5Ljg5IDU5NC4yNjgsMTIwMC4yOCBMNTgzLjk4NCwxMjExLjU3IEw1NzMuNzAyLDEyMDAuMjggQzU3My4zMSwxMTk5Ljg5IDU3Mi42NzQsMTE5OS44OSA1NzIuMjgyLDEyMDAuMjggQzU3MS44OSwxMjAwLjY4IDU3MS44OSwxMjAxLjMyIDU3Mi4yODIsMTIwMS43MSBMNTgzLjIyNSwxMjEzLjcyIEM1ODMuNDM0LDEyMTMuOTMgNTgzLjcxMSwxMjE0LjAyIDU4My45ODQsMTIxNCBDNTg0LjI1OCwxMjE0LjAyIDU4NC41MzUsMTIxMy45MyA1ODQuNzQ1LDEyMTMuNzIgTDU5NS42ODgsMTIwMS43MSBDNTk2LjA3OSwxMjAxLjMyIDU5Ni4wNzksMTIwMC42OCA1OTUuNjg4LDEyMDAuMjgiIGlkPSJjaGV2cm9uLWRvd24iIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgoKPC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";var w=function(n){var e=n.src,t=n.alt,o=n.size,r=n.onClick,i=28;return"sm"===o&&(i=8),(0,v.h)("img",{onClick:r,style:{display:"flex",cursor:"pointer",width:i,height:i},src:e,alt:t})},C=function(n){var e=n.options,t=n.value,o=n.onChange,r=n.width,i=void 0===r?"auto":r,a=n.size,c=void 0===a?"md":a;return(0,v.h)("div",{className:I.selectContainer,"data-size":c},(0,v.h)("select",{onChange:o,value:t,className:I.selectStyle,style:{width:i}},e.map((function(n,e){return"string"==typeof n?(0,v.h)("option",{key:e,value:n},n):(0,v.h)("optgroup",{key:e,label:n.label},n.options.map((function(n,e){return(0,v.h)("option",{key:e,value:n},n)})))}))),(0,v.h)("div",{className:I.chevronIcon},(0,v.h)(w,{size:"sm",src:M,alt:"Arrow left"})))},A=o(875),k={};k.styleTagTransform=f(),k.setAttributes=l(),k.insert=c().bind(null,"head"),k.domAPI=i(),k.insertStyleElement=p(),e()(A.Z,k);const Z=A.Z&&A.Z.locals?A.Z.locals:void 0;var j=function(n){var e=n.placeholder,t=n.value,o=n.onChange,r=n.min,i=n.max,a=n.step,c=n.width,s=void 0===c?"auto":c,l=n.size,d=void 0===l?"md":l;return(0,v.h)("div",{className:Z.selectContainer,"data-size":d},(0,v.h)("input",{type:"number",placeholder:e,onChange:o,value:t,className:Z.selectStyle,min:r,max:i,step:a,style:{width:s}}))},N=o(938),S={};S.styleTagTransform=f(),S.setAttributes=l(),S.insert=c().bind(null,"head"),S.domAPI=i(),S.insertStyleElement=p(),e()(N.Z,S);const G=N.Z&&N.Z.locals?N.Z.locals:void 0;var T=function(n){var e,t,o=n.loading,r=void 0!==o&&o,i=n.disabled,a=void 0!==i&&i,c=n.children,s=n.size,l=void 0===s?"lg":s,d=n.variant,p=void 0===d?"primary":d,u=n.onClick;switch(l){case"sm":e="8px 16px",t="14px";break;case"md":e="12px 16px",t="16px";break;default:e="15px 32px",t="16px"}return(0,v.h)("label",{onClick:!a&&u,className:"".concat(G.customButton," ").concat(r||a?G.disabled:""),style:{padding:e,fontSize:t,color:"primary"===p?"white":"#4CAF50",background:"primary"===p?"#4CAF50":"#f1faf7"}},c)},z=o(975),L={};L.styleTagTransform=f(),L.setAttributes=l(),L.insert=c().bind(null,"head"),L.domAPI=i(),L.insertStyleElement=p(),e()(z.Z,L);const D=z.Z&&z.Z.locals?z.Z.locals:void 0;var O=function(n){var e=n.leftColumnWidth,t=n.rightColumnWidth,o=n.rows;return(0,v.h)("div",{className:D.tableContainer},o.map((function(n,o){return(0,v.h)("div",{key:o,className:D.row},(0,v.h)("div",{className:D.columnLeft,style:{width:e||"auto"}},n.left),(0,v.h)("div",{className:D.columnRight,style:{width:t||"auto"}},n.right))})))},P=o(840),B={};B.styleTagTransform=f(),B.setAttributes=l(),B.insert=c().bind(null,"head"),B.domAPI=i(),B.insertStyleElement=p(),e()(P.Z,B);const J=P.Z&&P.Z.locals?P.Z.locals:void 0;var U=function(n){var e=n.title,t=n.content,o=n.isOpen,r=n.toggleAccordion,i=n.leftPadding,a=void 0===i?"10px":i,c=n.rightPadding,s=void 0===c?"10px":c;return(0,v.h)("div",null,(0,v.h)("div",{className:J.accordionBar,onClick:r,style:{paddingLeft:a,paddingRight:s}},(0,v.h)("span",null,e),(0,v.h)("div",{className:o?"".concat(J.chevronIcon," ").concat(J.open):J.chevronIcon},(0,v.h)(w,{size:"sm",src:M,alt:"Toggle"}))),(0,v.h)("div",{className:o?"".concat(J.content," ").concat(J.open):J.content},t))}})(),r})()));

package.json

 {
   "name": "aleon_35_pdf_ui_lib",
-  "version": "1.0.82",
+  "version": "1.0.84",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/pdf_ui_lib.js",

stories/Button/Button.jsx

@@ -6,2 +6,3 @@ import { h } from 'preact';
   loading = false,
+  disabled = false, // Add this parameter
   children,
@@ -12,12 +13,11 @@ size = "lg",
 }) => {
-  // Define padding and font size based on the size
   let padding, fontSize;
   switch (size) {
     case 'sm':
-      padding = '8px 16px'; // Adjust as needed for small size
-      fontSize = '14px'; // Adjust as needed for small size
+      padding = '8px 16px';
+      fontSize = '14px';
       break;
     case 'md':
       padding = '12px 16px';
-      fontSize = '16px'; // Adjust as needed for medium size
+      fontSize = '16px';
       break;
@@ -27,3 +27,3 @@ case 'lg':
       padding = '15px 32px';
-      fontSize = '16px'; // Adjust as needed for large size
+      fontSize = '16px';
       break;
@@ -33,3 +33,5 @@ }
   return (
-    <label onClick={onClick} className={loading ? `${styles.customButton} ${styles.disabled}` : styles.customButton}
+    <label 
+      onClick={!disabled && onClick} // Disable onClick if the button is disabled
+      className={`${styles.customButton} ${loading || disabled ? styles.disabled : ''}`} // Apply the disabled class if loading or disabled
       style={{
@@ -40,3 +42,4 @@ padding: padding,
         background: variant === "primary" ? "#4CAF50" : "#f1faf7"
-      }}>
+      }}
+    >
       {children}
@@ -43,0 +46,0 @@ </label>

stories/Button/Button.stories.jsx

@@ -67,2 +67,11 @@ import { Button } from './Button';
   },
+};
+
+export const SmallPrimaryDisabled = {
+  args: {
+    size: 'sm',
+    label: 'Convert HTML to PDF',
+    children: "Save",
+    disabled: true
+  },
 };

No alert changes

Improved metrics

Total package byte prevSize

12455215

Lines of code

22738

increased by0.05%

No dependency changes