albinasoft-ui-package 1.0.55 → 1.0.56

package/dist/assets/css/main.css

@@ -161,6 +161,7 @@ body {
     --bs-danger: #c03221;
     --bs-light: #dee2e6;
     --bs-dark: #212529;
+    --bs-alternative: #6f42c1;
     --bs-primary-soft: rgba(58, 87, 232, .5);
     --bs-primary-softer: rgba(58, 87, 232, .1);
     --bs-secondary-soft: rgba(108, 117, 125, .5);
@@ -177,6 +178,8 @@ body {
     --bs-light-softer: rgba(222, 226, 230, .1);
     --bs-dark-soft: rgba(33, 37, 41, .5);
     --bs-dark-softer: rgba(33, 37, 41, .1);
+    --bs-alternative-soft: rgba(111, 66, 193, 0.5);
+    --bs-alternative-softer: rgba(111, 66, 193, 0.1);
     --bs-primary-rgb: 58, 87, 232;
     --bs-secondary-rgb: 108, 117, 125;
     --bs-success-rgb: 26, 160, 83;
@@ -185,6 +188,7 @@ body {
     --bs-danger-rgb: 192, 50, 33;
     --bs-light-rgb: 222, 226, 230;
     --bs-dark-rgb: 33, 37, 41;
+    --bs-alternative-rgb: 111, 66, 193;
     --bs-white-rgb: 255, 255, 255;
     --bs-black-rgb: 0, 0, 0;
     --bs-body-color-rgb: 138, 146, 166;
@@ -4457,6 +4461,23 @@ fieldset:disabled .btn {
     --bs-btn-disabled-border-color: #212529
 }
 
+.btn-alternative {
+    --bs-btn-color: #fff;
+    --bs-btn-bg: #6f42c1;
+    --bs-btn-border-color: #6f42c1;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #5a36a0;
+    --bs-btn-hover-border-color: #522e97;
+    --bs-btn-focus-shadow-rgb: 111, 66, 193;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #522e97;
+    --bs-btn-active-border-color: #4a278e;
+    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
+    --bs-btn-disabled-color: #fff;
+    --bs-btn-disabled-bg: #6f42c1;
+    --bs-btn-disabled-border-color: #6f42c1;
+}
+
 .btn-outline-primary {
     --bs-btn-color: #3a57e8;
     --bs-btn-border-color: #3a57e8;
@@ -4593,6 +4614,23 @@ fieldset:disabled .btn {
     --bs-gradient: none
 }
 
+.btn-outline-alternative {
+    --bs-btn-color: #6f42c1;
+    --bs-btn-border-color: #6f42c1;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #6f42c1;
+    --bs-btn-hover-border-color: #6f42c1;
+    --bs-btn-focus-shadow-rgb: 111, 66, 193;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #6f42c1;
+    --bs-btn-active-border-color: #6f42c1;
+    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
+    --bs-btn-disabled-color: #6f42c1;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #6f42c1;
+    --bs-gradient: none;
+}
+
 .btn-link {
     --bs-btn-font-weight: 400;
     --bs-btn-color: var(--bs-link-color);
@@ -11482,6 +11520,11 @@ fieldset:disabled .btn {
     color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
 }
 
+.text-alternative {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-alternative-rgb), var(--bs-text-opacity)) !important;
+}
+
 .text-black {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
@@ -11573,6 +11616,11 @@ fieldset:disabled .btn {
     background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
 }
 
+.bg-alternative {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-alternative-rgb), var(--bs-bg-opacity)) !important;
+}
+
 .bg-black {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
@@ -16554,6 +16602,23 @@ fieldset:disabled .btn {
     --bs-btn-disabled-border-color: #212529
 }
 
+.btn-alternative {
+    --bs-btn-color: #fff;
+    --bs-btn-bg: #6f42c1;
+    --bs-btn-border-color: #6f42c1;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #5a36a0;
+    --bs-btn-hover-border-color: #522e97;
+    --bs-btn-focus-shadow-rgb: 111, 66, 193;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #522e97;
+    --bs-btn-active-border-color: #4a278e;
+    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
+    --bs-btn-disabled-color: #fff;
+    --bs-btn-disabled-bg: #6f42c1;
+    --bs-btn-disabled-border-color: #6f42c1;
+}
+
 .btn-outline-primary {
     --bs-btn-color: #3a57e8;
     --bs-btn-border-color: #3a57e8;
@@ -16690,6 +16755,23 @@ fieldset:disabled .btn {
     --bs-gradient: none
 }
 
+.btn-outline-alternative {
+    --bs-btn-color: #6f42c1;
+    --bs-btn-border-color: #6f42c1;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #6f42c1;
+    --bs-btn-hover-border-color: #6f42c1;
+    --bs-btn-focus-shadow-rgb: 111, 66, 193;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #6f42c1;
+    --bs-btn-active-border-color: #6f42c1;
+    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
+    --bs-btn-disabled-color: #6f42c1;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #6f42c1;
+    --bs-gradient: none;
+}
+
 .btn-link {
     --bs-btn-font-weight: 400;
     --bs-btn-color: var(--bs-link-color);
@@ -21618,6 +21700,36 @@ button.bg-softer-dark:focus {
     background-color: rgba(33, 37, 41, .3) !important
 }
 
+/* Alternatif Soft Renk (Dolu, yarı saydam arka plan) */
+.bg-soft-alternative {
+    /* Burada text rengini, alternatif rengin uyumlu bir tonuyla belirleyebilirsiniz */
+    color: #5a37a1;
+    background-color: rgba(111, 66, 193, 0.5) !important;
+}
+
+a.bg-soft-alternative:hover,
+a.bg-soft-alternative:focus,
+button.bg-soft-alternative:hover,
+button.bg-soft-alternative:focus {
+    /* Hover durumunda daha yoğun bir görünüm elde etmek için */
+    color: #3e2790;
+    background-color: rgba(111, 66, 193, 0.7) !important;
+}
+
+/* Alternatif Softer Renk (Daha açık, daha saydam arka plan) */
+.bg-softer-alternative {
+    color: #5a37a1;
+    background-color: rgba(111, 66, 193, 0.1) !important;
+}
+
+a.bg-softer-alternative:hover,
+a.bg-softer-alternative:focus,
+button.bg-softer-alternative:hover,
+button.bg-softer-alternative:focus {
+    color: #3e2790;
+    background-color: rgba(111, 66, 193, 0.3) !important;
+}
+
 
 .hr-horizontal {
     background: rgba(0, 0, 0, 0);

package/dist/components/CustomDateTimePicker.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import "react-datepicker/dist/react-datepicker.css";
 import "../assets/css/custom-datetime-picker.css";
+import "react-datepicker/dist/react-datepicker.css";
 declare enum TimeFormat {
     H = "HH",
     M = "mm",

package/dist/components/CustomDateTimePicker.js

@@ -1,15 +1,41 @@
 "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.TimeFormat = exports.CustomDateTimePicker = void 0;
 var react_1 = __importDefault(require("react"));
-var react_datepicker_1 = __importDefault(require("react-datepicker"));
+var react_datepicker_1 = __importStar(require("react-datepicker"));
 require("react-datepicker/dist/react-datepicker.css");
 var react_bootstrap_1 = require("react-bootstrap");
 var fa_1 = require("react-icons/fa");
 require("../assets/css/custom-datetime-picker.css");
+var tr_1 = __importDefault(require("date-fns/locale/tr"));
+require("react-datepicker/dist/react-datepicker.css");
+(0, react_datepicker_1.registerLocale)("tr", tr_1.default);
 var TimeFormat;
 (function (TimeFormat) {
     TimeFormat["H"] = "HH";
@@ -25,7 +51,7 @@ var CustomDateTimePicker = function (_a) {
             react_1.default.createElement("div", { className: "position-relative" },
                 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("div", null,
-                        react_1.default.createElement(react_datepicker_1.default, { id: id, name: name, selected: value, onChange: onChange, className: "form-control ".concat(className || ""), placeholderText: placeholder, disabled: disabled, required: required, showTimeSelect: showTimeSelect || false, showTimeSelectOnly: showTimeSelectOnly || false, showYearDropdown: showYearDropdown || false, showTimeCaption: false, timeFormat: timeFormat, dateFormat: showTimeSelectOnly
+                        react_1.default.createElement(react_datepicker_1.default, { id: id, name: name, selected: value, onChange: onChange, className: "form-control ".concat(className || ""), placeholderText: placeholder, disabled: disabled, required: required, showTimeSelect: showTimeSelect || false, showTimeSelectOnly: showTimeSelectOnly || false, showYearDropdown: showYearDropdown || false, showTimeCaption: false, timeFormat: timeFormat, locale: "tr", dateFormat: showTimeSelectOnly
                                 ? timeFormat
                                 : showTimeSelect
                                     ? "dd.MM.yyyy HH:mm"

package/package.json

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