albinasoft-ui-package 1.0.34 → 1.0.36

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

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

package/dist/components/CustomProgressBar.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import "../assets/css/ProgressBar.css";
-interface ProgressBarProps {
+interface CustomProgressBarProps {
     activeStep: number;
     stepLabels: string[];
     onStepClick: (step: number) => void;
 }
-declare const ProgressBar: React.FC<ProgressBarProps>;
-export default ProgressBar;
+declare const CustomProgressBar: React.FC<CustomProgressBarProps>;
+export default CustomProgressBar;

package/dist/components/CustomProgressBar.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 require("../assets/css/ProgressBar.css");
-var ProgressBar = function (_a) {
+var CustomProgressBar = function (_a) {
     var activeStep = _a.activeStep, stepLabels = _a.stepLabels, onStepClick = _a.onStepClick;
     return (react_1.default.createElement("div", { className: "progress-bar-container" },
         react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", position: "relative" } }, stepLabels.map(function (label, index) {
@@ -37,4 +37,4 @@ var ProgressBar = function (_a) {
                     } }))));
         }))));
 };
-exports.default = ProgressBar;
+exports.default = CustomProgressBar;

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.34",
+  "version": "1.0.36",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {