@luscii-healthtech/web-ui 2.14.0 → 2.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/Divider/Divider.d.ts +2 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/web-ui-tailwind.css +6 -0
  4. package/dist/web-ui.cjs.development.js +8 -1
  5. package/dist/web-ui.cjs.development.js.map +1 -1
  6. package/dist/web-ui.cjs.production.min.js +1 -1
  7. package/dist/web-ui.cjs.production.min.js.map +1 -1
  8. package/dist/web-ui.esm.js +8 -2
  9. package/dist/web-ui.esm.js.map +1 -1
  10. package/package.json +1 -1
package/dist/components/Divider/Divider.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const Divider: () => JSX.Element;
package/dist/index.d.ts CHANGED
@@ -102,3 +102,4 @@ export { StarIcon } from "./components/Icons/StarIcon";
102
102
  export { HamburgerIcon } from "./components/Icons/HamburgerIcon";
103
103
  export { SearchIcon } from "./components/Icons/SearchIcon";
104
104
  export { SearchCancelIcon } from "./components/Icons/SearchCancelIcon";
105
+ export { Divider } from "./components/Divider/Divider";
package/dist/web-ui-tailwind.css CHANGED
@@ -935,6 +935,12 @@ video {
935
935
  border-color: rgba(209, 213, 219, var(--border-opacity));
936
936
  }
937
937
 
938
+ .border-color-divider {
939
+ --border-opacity: 1;
940
+ border-color: #eeeeee;
941
+ border-color: rgba(238, 238, 238, var(--border-opacity));
942
+ }
943
+
938
944
  .border-chrome {
939
945
  --border-opacity: 1;
940
946
  border-color: #f3f3f3;
package/dist/web-ui.cjs.development.js CHANGED
@@ -2388,7 +2388,7 @@ var Checkbox = function Checkbox(_ref) {
2388
2388
  }))));
2389
2389
  };
2390
2390
 
2391
- var css_248z$9 = ".cweb-box-shadow-default {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-box-shadow-default {\n box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.24), 0 0 2px 1px rgba(0, 0, 0, 0.12);\n }\n}\n\n.cweb-modal-overlay {\n position: fixed;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n overflow-x: hidden;\n overflow-y: auto;\n padding: 60px 8px;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 20;\n}\n\n.cweb-modal-overlay.no-title-bar {\n background-color: rgba(0, 0, 0, 0.75);\n}\n\n.cweb-modal-overlay > .cweb-modal {\n box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14);\n position: relative;\n margin: 0 auto;\n background: white;\n outline: none;\n border-radius: 8px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-default {\n max-width: 580px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-dialog {\n max-width: 342px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-extra-small {\n max-width: 444px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-wide {\n max-width: 748px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-wider {\n max-width: 868px;\n}\n\n.cweb-modal-overlay > .cweb-modal.has-padded-body .cweb-modal-content {\n padding: 1.5rem;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section {\n height: 0;\n width: 100%;\n position: relative;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button {\n position: absolute;\n top: 16px;\n right: 24px;\n width: 44px;\n height: 44px;\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23E5F5FC%22%2F%3E %3Cg fill%3D%22%23009FE3%22%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(45 -9.157 25.52)%22%2F%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(135 10.157 13.207)%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:hover, .cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:active, .cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:focus {\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23B2E2F6%22%2F%3E %3Cg fill%3D%22%23009FE3%22%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(45 -9.157 25.52)%22%2F%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(135 10.157 13.207)%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n border-bottom: 1px solid #f3f3f3;\n padding: 24px;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-title {\n width: 100%;\n justify-content: flex-start;\n color: #374151;\n font-weight: normal;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button {\n transition: opacity 0.3s ease-in-out;\n outline: none;\n width: 2rem;\n height: 2rem;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M14.4194 5.66942C14.7681 6.0181 14.7681 6.58343 14.4194 6.93211L11.2627 10.0888L14.4194 13.2456C14.7681 13.5942 14.7681 14.1596 14.4194 14.5083C14.0707 14.8569 13.5054 14.8569 13.1567 14.5083L10 11.3515L6.84327 14.5083C6.49459 14.8569 5.92927 14.8569 5.58058 14.5083C5.2319 14.1596 5.2319 13.5942 5.58058 13.2456L8.73731 10.0888L5.58058 6.93211C5.2319 6.58343 5.2319 6.0181 5.58058 5.66942C5.92927 5.32073 6.49459 5.32073 6.84327 5.66942L10 8.82614L13.1567 5.66942C13.5054 5.32073 14.0707 5.32073 14.4194 5.66942Z%22 fill%3D%22%23D1D5DB%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n opacity: 0.75;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:hover, .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:active, .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:focus {\n opacity: 1;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-content {\n margin: 24px;\n overflow-y: auto;\n}\n";
2391
+ var css_248z$9 = ".cweb-box-shadow-default {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-box-shadow-default {\n box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.24), 0 0 2px 1px rgba(0, 0, 0, 0.12);\n }\n}\n\n.cweb-modal-overlay {\n position: fixed;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n overflow-x: hidden;\n overflow-y: auto;\n padding: 60px 8px;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 20;\n}\n\n.cweb-modal-overlay.no-title-bar {\n background-color: rgba(0, 0, 0, 0.75);\n}\n\n.cweb-modal-overlay > .cweb-modal {\n box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14);\n position: relative;\n margin: 0 auto;\n background: white;\n outline: none;\n border-radius: 8px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-default {\n max-width: 580px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-dialog {\n max-width: 342px;\n margin-top: 68px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-extra-small {\n max-width: 444px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-wide {\n max-width: 748px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-wider {\n max-width: 868px;\n}\n\n.cweb-modal-overlay > .cweb-modal.has-padded-body .cweb-modal-content {\n padding: 1.5rem;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section {\n height: 0;\n width: 100%;\n position: relative;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button {\n position: absolute;\n top: 16px;\n right: 24px;\n width: 44px;\n height: 44px;\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23E5F5FC%22%2F%3E %3Cg fill%3D%22%23009FE3%22%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(45 -9.157 25.52)%22%2F%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(135 10.157 13.207)%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:hover, .cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:active, .cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:focus {\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23B2E2F6%22%2F%3E %3Cg fill%3D%22%23009FE3%22%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(45 -9.157 25.52)%22%2F%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(135 10.157 13.207)%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n border-bottom: 1px solid #f3f3f3;\n padding: 24px;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-title {\n width: 100%;\n justify-content: flex-start;\n color: #374151;\n font-weight: normal;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button {\n transition: opacity 0.3s ease-in-out;\n outline: none;\n width: 2rem;\n height: 2rem;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M14.4194 5.66942C14.7681 6.0181 14.7681 6.58343 14.4194 6.93211L11.2627 10.0888L14.4194 13.2456C14.7681 13.5942 14.7681 14.1596 14.4194 14.5083C14.0707 14.8569 13.5054 14.8569 13.1567 14.5083L10 11.3515L6.84327 14.5083C6.49459 14.8569 5.92927 14.8569 5.58058 14.5083C5.2319 14.1596 5.2319 13.5942 5.58058 13.2456L8.73731 10.0888L5.58058 6.93211C5.2319 6.58343 5.2319 6.0181 5.58058 5.66942C5.92927 5.32073 6.49459 5.32073 6.84327 5.66942L10 8.82614L13.1567 5.66942C13.5054 5.32073 14.0707 5.32073 14.4194 5.66942Z%22 fill%3D%22%23D1D5DB%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n opacity: 0.75;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:hover, .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:active, .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:focus {\n opacity: 1;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-content {\n margin: 24px;\n overflow-y: auto;\n}\n";
2392
2392
  styleInject(css_248z$9);
2393
2393
 
2394
2394
  var MODAL_SIZES = {
@@ -7469,6 +7469,12 @@ var SearchCancelIcon = function SearchCancelIcon(props) {
7469
7469
  }));
7470
7470
  };
7471
7471
 
7472
+ var Divider = function Divider() {
7473
+ return /*#__PURE__*/React__default.createElement("div", {
7474
+ className: "block w-full border-b last:border-b-0 border-solid border-color border-color-divider"
7475
+ });
7476
+ };
7477
+
7472
7478
  exports.AccordionList = AccordionList;
7473
7479
  exports.AddIcon = AddIcon;
7474
7480
  exports.AlertsIcon = AlertsIcon;
@@ -7490,6 +7496,7 @@ exports.ConfirmationDialog = ConfirmationDialog;
7490
7496
  exports.CrossIcon = CrossIcon;
7491
7497
  exports.DatePicker = Datepicker;
7492
7498
  exports.DeleteIcon = DeleteIcon;
7499
+ exports.Divider = Divider;
7493
7500
  exports.DownArrowIcon = DownArrowIcon;
7494
7501
  exports.DragIcon = DragIcon;
7495
7502
  exports.Dropdown = Dropdown;