albinasoft-ui-package 1.0.36 → 1.0.37

package/dist/assets/css/main.css

@@ -2576,6 +2576,283 @@ progress {
     }
 }
 
+@media(min-width: 1600px) {
+    .col-xxxl {
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 0%;
+        -ms-flex: 1 0 0%;
+        flex: 1 0 0%;
+    }
+
+    .row-cols-xxxl-auto>* {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: auto;
+    }
+
+    .row-cols-xxxl-1>* {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 100%;
+    }
+
+    .row-cols-xxxl-2>* {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 50%;
+    }
+
+    .row-cols-xxxl-3>* {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 33.3333333333%;
+    }
+
+    .row-cols-xxxl-4>* {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 25%;
+    }
+
+    .row-cols-xxxl-5>* {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 20%;
+    }
+
+    .row-cols-xxxl-6>* {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 16.6666666667%;
+    }
+
+    .col-xxxl-auto {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: auto;
+    }
+
+    .col-xxxl-1 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 8.33333333%;
+    }
+
+    .col-xxxl-2 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 16.66666667%;
+    }
+
+    .col-xxxl-3 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 25%;
+    }
+
+    .col-xxxl-4 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 33.33333333%;
+    }
+
+    .col-xxxl-5 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 41.66666667%;
+    }
+
+    .col-xxxl-6 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 50%;
+    }
+
+    .col-xxxl-7 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 58.33333333%;
+    }
+
+    .col-xxxl-8 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 66.66666667%;
+    }
+
+    .col-xxxl-9 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 75%;
+    }
+
+    .col-xxxl-10 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 83.33333333%;
+    }
+
+    .col-xxxl-11 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 91.66666667%;
+    }
+
+    .col-xxxl-12 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: 100%;
+    }
+
+    .offset-xxxl-0 {
+        margin-left: 0;
+    }
+
+    .offset-xxxl-1 {
+        margin-left: 8.33333333%;
+    }
+
+    .offset-xxxl-2 {
+        margin-left: 16.66666667%;
+    }
+
+    .offset-xxxl-3 {
+        margin-left: 25%;
+    }
+
+    .offset-xxxl-4 {
+        margin-left: 33.33333333%;
+    }
+
+    .offset-xxxl-5 {
+        margin-left: 41.66666667%;
+    }
+
+    .offset-xxxl-6 {
+        margin-left: 50%;
+    }
+
+    .offset-xxxl-7 {
+        margin-left: 58.33333333%;
+    }
+
+    .offset-xxxl-8 {
+        margin-left: 66.66666667%;
+    }
+
+    .offset-xxxl-9 {
+        margin-left: 75%;
+    }
+
+    .offset-xxxl-10 {
+        margin-left: 83.33333333%;
+    }
+
+    .offset-xxxl-11 {
+        margin-left: 91.66666667%;
+    }
+
+    .g-xxxl-0,
+    .gx-xxxl-0 {
+        --bs-gutter-x: 0;
+    }
+
+    .g-xxxl-0,
+    .gy-xxxl-0 {
+        --bs-gutter-y: 0;
+    }
+
+    .g-xxxl-1,
+    .gx-xxxl-1 {
+        --bs-gutter-x: 0.25rem;
+    }
+
+    .g-xxxl-1,
+    .gy-xxxl-1 {
+        --bs-gutter-y: 0.25rem;
+    }
+
+    .g-xxxl-2,
+    .gx-xxxl-2 {
+        --bs-gutter-x: 0.5rem;
+    }
+
+    .g-xxxl-2,
+    .gy-xxxl-2 {
+        --bs-gutter-y: 0.5rem;
+    }
+
+    .g-xxxl-3,
+    .gx-xxxl-3 {
+        --bs-gutter-x: 1rem;
+    }
+
+    .g-xxxl-3,
+    .gy-xxxl-3 {
+        --bs-gutter-y: 1rem;
+    }
+
+    .g-xxxl-4,
+    .gx-xxxl-4 {
+        --bs-gutter-x: 1.5rem;
+    }
+
+    .g-xxxl-4,
+    .gy-xxxl-4 {
+        --bs-gutter-y: 1.5rem;
+    }
+
+    .g-xxxl-5,
+    .gx-xxxl-5 {
+        --bs-gutter-x: 2rem;
+    }
+
+    .g-xxxl-5,
+    .gy-xxxl-5 {
+        --bs-gutter-y: 2rem;
+    }
+}
+
 .table {
     /*--bs-table-color: #464954;*/
     --bs-table-color: #000000;
@@ -10724,6 +11001,10 @@ fieldset:disabled .btn {
     margin-top: .5rem !important
 }
 
+.mt-2plus {
+    margin-top: .9rem !important
+}
+
 .mt-3 {
     margin-top: 1rem !important
 }

package/dist/components/CustomAutocompleteInput.js

@@ -138,9 +138,8 @@ var CustomAutocompleteInput = function (_a) {
     };
     return (react_1.default.createElement("div", { className: "autocomplete-container ".concat(className), style: style },
         react_1.default.createElement("div", { className: "form-group" },
-            react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
             react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: tooltip ? react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id) }, tooltip) : react_1.default.createElement(react_1.default.Fragment, null) },
-                react_1.default.createElement(CustomInput_1.default, { id: id, name: name, inputType: CustomInput_1.InputType.TEXT, value: inputValue, onChange: handleInputChange, placeholder: placeholder, buttonIcon: react_1.default.createElement(fa_1.FaTimes, null), buttonClass: 'btn btn-danger bg-soft-danger', buttonOnClick: handleReset, className: "form-control", required: required, disabled: disabled })),
+                react_1.default.createElement(CustomInput_1.default, { id: id, name: name, label: label, inputType: CustomInput_1.InputType.TEXT, value: inputValue, onChange: handleInputChange, placeholder: placeholder, buttonIcon: react_1.default.createElement(fa_1.FaTimes, null), buttonClass: 'btn btn-danger bg-soft-danger', buttonOnClick: handleReset, className: "form-control", required: required, disabled: disabled })),
             isDropdownVisible && (react_1.default.createElement("div", { className: "autocomplete-dropdown", ref: dropdownRef }, options.map(function (option, index) { return (react_1.default.createElement("div", { key: index, className: "autocomplete-option", onClick: function () { return handleOptionClick(option); }, dangerouslySetInnerHTML: {
                     __html: highlightMatch(option, inputValue), // Highlighting
                 } })); }))),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "albinasoft-ui-package",
-  "version": "1.0.36",
+  "version": "1.0.37",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {