albinasoft-ui-package 1.0.55 → 1.0.57

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/package.json

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