ekm-ui 0.4.72 → 0.4.74

package/dist/table-result-block.js

@@ -1,11 +1,11 @@
-export { e as TableResultBlock } from './chunk-ZRMNYAO7.js';
-import './chunk-NF5KDPMG.js';
+export { e as TableResultBlock } from './chunk-ZOAYMMAU.js';
+import './chunk-DBTCX3TP.js';
 import './chunk-YZ2YZSNQ.js';
 import './chunk-GVNUAH45.js';
 import './chunk-JAR3LP2K.js';
 import './chunk-FOWKHGHJ.js';
-import './chunk-22RUXGYW.js';
-import './chunk-ZNWAFIZY.js';
+import './chunk-34CKZLNN.js';
+import './chunk-PSYIXRU7.js';
 import './chunk-HVNLAQA6.js';
 import './chunk-HW7AZG2V.js';
 import './chunk-AN66H4D6.js';
@@ -23,7 +23,7 @@ import './chunk-XXP5K6Y4.js';
 import './chunk-LWTESXND.js';
 import './chunk-LIXVY47P.js';
 import './chunk-Y5DEGGVQ.js';
-import './chunk-F7MTEILK.js';
+import './chunk-Q4MYDT2M.js';
 import './chunk-VE6J42I7.js';
 import './chunk-DCVOMIPI.js';
 import './chunk-BF6NM3B7.js';
@@ -54,7 +54,7 @@ import './chunk-NDDDT4TO.js';
 import './chunk-QYKN3JZ5.js';
 import './chunk-SLIZ4TDR.js';
 import './chunk-TXJVQRS6.js';
-import './chunk-ANU7OAPA.js';
+import './chunk-PGRADSYH.js';
 import './chunk-ISA6E23B.js';
 import './chunk-OUR2CLV6.js';
 import './chunk-MQETRVUJ.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ekm-ui",
-  "version": "0.4.72",
+  "version": "0.4.74",
   "sideEffects": [
     "**/*.css"
   ],

package/src/checkbox.tsx

@@ -24,7 +24,7 @@ export const Checkbox = forwardRef(function Checkbox(props, ref) {
         <label
           id={`${props.id}-lbl`}
           htmlFor={props.id}
-          className="ms-2 mt-2 text-sm font-medium text-gray-900 dark:text-gray-300"
+          className={props.labelClasses || "ms-2 my-2 text-sm font-medium text-gray-900 dark:text-gray-300"}
         >
           {props.label}
         </label>
@@ -44,6 +44,8 @@ Checkbox.propTypes = {
   disabled: PropTypes.bool,
   /** function to handle checked value */
   onChange: PropTypes.func,
+  /** Optional. Classes to be placed on label element */
+  labelClasses: PropTypes.string,
 };
 
 Checkbox.displayName = "Checkbox";

package/src/search/search.tsx

@@ -174,7 +174,7 @@ export const Search = forwardRef(function Search(
           onKeyDown={handleKeyDown}
           disabled={disabled}
           id={`${id}-search-input`}
-          className={`block w-full rounded-lg border border-gray-300 border-r-gray-300 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 ${showSearchIcon ? 'pl-2 lg:pl-10 pr-2 py-2 bg-white' : 'p-2 bg-gray-50'}`}
+          className={`block w-full rounded-lg border border-gray-300 border-r-gray-300 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 ${showSearchIcon ? 'pl-[8px] lg:pl-10 pr-2 py-2 bg-white' : 'p-2 bg-gray-50'}`}
         />
         {categories?.length > 0 && renderDropdown()}
       </div>

package/dist/chunk-ANU7OAPA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/checkbox.tsx"],"names":["import_prop_types","forwardRef","jsx","jsxs","Checkbox","props","ref","twMerge","PropTypes"],"mappings":"wHAEA,IAAAA,EAAsB,SADtB,OAAS,cAAAC,MAAkB,QAMvB,OACE,OAAAC,EADF,QAAAC,MAAA,oBAFG,IAAMC,EAAWH,EAAW,SAAkBI,EAAOC,EAAK,CAC/D,OACEH,EAAC,OAAI,UAAU,oBACb,UAAAD,EAAC,SACC,GAAIG,EAAM,GACV,KAAMA,EAAM,KACZ,SAAUA,EAAM,SAChB,IAAKC,EACL,KAAK,WACL,QAASD,EAAM,QACf,UAAWE,EACTF,EAAM,UAAY,aAClBA,EAAM,WAAaA,EAAM,UACzB,wLACF,EACA,SAAUA,EAAM,SAClB,EACCA,EAAM,OACLH,EAAC,SACC,GAAI,GAAGG,EAAM,SACb,QAASA,EAAM,GACf,UAAU,iEAET,SAAAA,EAAM,MACT,GAEJ,CAEJ,CAAC,EAEDD,EAAS,UAAY,CAEnB,GAAI,EAAAI,QAAU,OAAO,WAErB,MAAO,EAAAA,QAAU,OAEjB,QAAS,EAAAA,QAAU,KAEnB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,IACtB,EAEAJ,EAAS,YAAc","sourcesContent":["//@ts-nocheck\nimport { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const Checkbox = forwardRef(function Checkbox(props, ref) {\n  return (\n    <div className=\"flex items-center\">\n      <input\n        id={props.id}\n        name={props.name}\n        onChange={props.onChange}\n        ref={ref}\n        type=\"checkbox\"\n        checked={props.checked}\n        className={twMerge(\n          props.disabled && \"opacity-40\",\n          props.className && props.className,\n          \"h-4 w-4 rounded-sm border-gray-300 bg-gray-100 text-blue-600 focus:ring-2 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-blue-600\"\n        )}\n        disabled={props.disabled}\n      />\n      {props.label && (\n        <label\n          id={`${props.id}-lbl`}\n          htmlFor={props.id}\n          className=\"ms-2 mt-2 text-sm font-medium text-gray-900 dark:text-gray-300\"\n        >\n          {props.label}\n        </label>\n      )}\n    </div>\n  );\n});\n\nCheckbox.propTypes = {\n  /** String for id of checkbox */\n  id: PropTypes.string.isRequired,\n  /** String for label placed after checkbox */\n  label: PropTypes.string,\n  /** Bool to determine if checkbox has been checked */\n  checked: PropTypes.bool,\n  /** Bool for disabled state of checkbox */\n  disabled: PropTypes.bool,\n  /** function to handle checked value */\n  onChange: PropTypes.func,\n};\n\nCheckbox.displayName = \"Checkbox\";\n"]}