albinasoft-ui-package 1.0.35 → 1.0.37

package/dist/assets/css/dark.css

@@ -686,10 +686,10 @@ body {
     color: #c36d3a
 }
 
-.dark .alert-warning   {
+/* .dark .alert-warning   {
     -webkit-filter: invert(1) grayscale(100%) brightness(200%);
     filter: invert(1) grayscale(100%) brightness(200%)
-}
+} */
 
 .dark .alert-danger {
     --bs-alert-color: #cd5b4d;

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
 }
@@ -18279,7 +18560,7 @@ th {
 .iq-timeline0 ul li {
     width: 50%;
     padding: 5px 30px 2.5rem 30px;
-    cursor: pointer;
+    /* cursor: pointer; */
     margin: 0px
 }
 

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/dist/components/CustomTimeline.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+interface AdditionalInfo {
+    time: string;
+    description: string;
+}
+interface TimelineElement {
+    title: string;
+    mainTime: string;
+    description?: string;
+    additionalInfos?: AdditionalInfo[];
+    dotColor?: DotColor;
+}
+interface CustomTimelineProps {
+    timelineElements: TimelineElement[];
+}
+declare enum DotColor {
+    PRIMARY = "border-primary text-primary",
+    SECONDARY = "border-secondary text-secondary",
+    SUCCESS = "border-success text-success",
+    WARNING = "border-warning text-warning",
+    DANGER = "border-danger text-danger",
+    INFO = "border-info text-info",
+    DARK = "border-dark text-dark",
+    LIGHT = "border-light text-light"
+}
+declare const CustomTimeline: React.FC<CustomTimelineProps>;
+export { CustomTimeline, DotColor };
+export default CustomTimeline;

package/dist/components/CustomTimeline.js

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DotColor = exports.CustomTimeline = void 0;
+var react_1 = __importDefault(require("react"));
+var fa_1 = require("react-icons/fa");
+var CustomText_1 = __importStar(require("./CustomText"));
+var DotColor;
+(function (DotColor) {
+    DotColor["PRIMARY"] = "border-primary text-primary";
+    DotColor["SECONDARY"] = "border-secondary text-secondary";
+    DotColor["SUCCESS"] = "border-success text-success";
+    DotColor["WARNING"] = "border-warning text-warning";
+    DotColor["DANGER"] = "border-danger text-danger";
+    DotColor["INFO"] = "border-info text-info";
+    DotColor["DARK"] = "border-dark text-dark";
+    DotColor["LIGHT"] = "border-light text-light";
+})(DotColor || (DotColor = {}));
+exports.DotColor = DotColor;
+var CustomTimeline = function (_a) {
+    var timelineElements = _a.timelineElements;
+    return (react_1.default.createElement("div", { className: "iq-timeline0 m-0 d-flex align-items-center justify-content-between position-relative" },
+        react_1.default.createElement("ul", { className: "list-inline p-0 m-0 w-100" }, timelineElements.map(function (element, index) { return (react_1.default.createElement("li", { key: index, className: "w-100" },
+            react_1.default.createElement("div", { className: "timeline-dots timeline-dot1 ".concat(element.dotColor || DotColor.PRIMARY) }),
+            react_1.default.createElement(CustomText_1.default, { value: element.title, textType: CustomText_1.TextType.HEADING, lineHeight: CustomText_1.LineHeight.XXS }),
+            react_1.default.createElement(CustomText_1.default, { value: element.mainTime, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XXS, lineHeight: CustomText_1.LineHeight.M, italic: true }),
+            element.description && (react_1.default.createElement("div", { className: "mb-3" },
+                react_1.default.createElement(CustomText_1.default, { value: element.description, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XS, lineHeight: CustomText_1.LineHeight.XXS }))),
+            element.additionalInfos &&
+                element.additionalInfos.map(function (info, infoIndex) { return (react_1.default.createElement("div", { key: infoIndex, className: "alert alert-secondary d-flex align-items-center", style: { width: "fit-content" } },
+                    react_1.default.createElement(fa_1.FaInfoCircle, { size: 50 }),
+                    react_1.default.createElement("div", { className: "ms-3" },
+                        react_1.default.createElement(CustomText_1.default, { value: info.time, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XXS, lineHeight: CustomText_1.LineHeight.M, italic: true }),
+                        react_1.default.createElement(CustomText_1.default, { value: info.description, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XS, lineHeight: CustomText_1.LineHeight.XXS })))); }))); }))));
+};
+exports.CustomTimeline = CustomTimeline;
+exports.default = CustomTimeline;

package/package.json

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