dolfo-angular 1.215.0 → 1.216.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dolfo-angular",
-  "version": "1.215.0",
+  "version": "1.216.0",
   "peerDependencies": {
     "@angular/common": "^22.0.5",
     "@angular/core": "^22.0.5",

package/styles/components/button.scss

@@ -8,18 +8,20 @@ button{
     border-radius: 3px;
     border: 0;
 
-    &:not(.size-sm):not(.size-lg){
-        padding: 0.3rem 0.7rem
-    }
+    &:not(.text){
+        &:not(.size-sm):not(.size-lg){
+            padding: 0.3rem 0.7rem
+        }
 
-    &.size-sm{
-        font-size: small;
-        padding: 0.3rem 0.5rem
-    }
+        &.size-sm{
+            font-size: small;
+            padding: 0.3rem 0.5rem
+        }
 
-    &.size-lg{
-        font-size: large;
-        padding: 0.3rem 1rem
+        &.size-lg{
+            font-size: large;
+            padding: 0.3rem 1rem
+        }
     }
 
     &[disabled]{
@@ -27,12 +29,15 @@ button{
     }
 
     @each $key, $color in $colors{
-        &.color-#{$key}{
-            &:not([disabled]):focus{
-                $newColor: color.adjust($color, $lightness: -10%);
-                background-color: $newColor;
-                color: getButtonTextColor($newColor)
-            }
+        $newColor: color.adjust($color, $lightness: -10%);
+
+        &.color-#{$key}:not(.text):not([disabled]):focus{
+            background-color: $newColor;
+            color: getButtonTextColor($newColor)
+        }
+
+        &.color-#{$key}.text:not([disabled]):focus{
+            color: $newColor
         }
     }
 }

package/styles/misc/mixins.scss

@@ -107,14 +107,23 @@
 
 @mixin pseudo-btn($prefix: ""){
     @each $key, $color in $colors{
-        &.#{$prefix + $key}{
+        $newColor: color.adjust($color, $lightness: -5%);
+
+        &.#{$prefix + $key}:not(.text){
             background-color: $color;
             color: getButtonTextColor($color);
 
             &:not([disabled]):hover{
-                $newColor: color.adjust($color, $lightness: -5%);
                 background-color: $newColor;
-                color: getButtonTextColor($newColor);
+                color: getButtonTextColor($newColor)
+            }
+        }
+
+        &.#{$prefix + $key}.text{
+            color: getButtonTextColor($color);
+
+            &:not([disabled]):hover{
+                color: $newColor
             }
         }
     }

package/types/dolfo-angular.d.ts

@@ -647,13 +647,14 @@ declare class ButtonComponent implements OnClick, OnBlur, OnFocus {
     color: ButtonColor;
     loading: boolean;
     size: ButtonSize;
+    textButton: boolean;
     onClick: EventEmitter<MouseEvent>;
     onBlur: EventEmitter<FocusEvent>;
     onFocus: EventEmitter<FocusEvent>;
     doClick: (e: MouseEvent) => void;
     focus: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "dolfo-button", never, { "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onClick": "onClick"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "dolfo-button", never, { "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "textButton": { "alias": "textButton"; "required": false; }; }, { "onClick": "onClick"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["*"], false, never>;
     static ngAcceptInputType_disabled: unknown;
 }