dolfo-angular 1.215.0 → 1.217.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/fesm2022/dolfo-angular.mjs +10 -6
  2. package/fesm2022/dolfo-angular.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/styles/components/button.scss +24 -15
  5. package/styles/misc/mixins.scss +12 -3
  6. package/types/dolfo-angular.d.ts +3 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dolfo-angular",
3
- "version": "1.215.0",
3
+ "version": "1.217.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^22.0.5",
6
6
  "@angular/core": "^22.0.5",
package/styles/components/button.scss CHANGED
@@ -8,18 +8,24 @@ button{
8
8
  border-radius: 3px;
9
9
  border: 0;
10
10
 
11
- &:not(.size-sm):not(.size-lg){
12
- padding: 0.3rem 0.7rem
13
- }
11
+ &:not(.text){
12
+ &:not(.size-sm):not(.size-lg){
13
+ padding: 0.3rem 0.7rem
14
+ }
15
+
16
+ &.size-sm{
17
+ font-size: small;
18
+ padding: 0.3rem 0.5rem
19
+ }
14
20
 
15
- &.size-sm{
16
- font-size: small;
17
- padding: 0.3rem 0.5rem
21
+ &.size-lg{
22
+ font-size: large;
23
+ padding: 0.3rem 1rem
24
+ }
18
25
  }
19
26
 
20
- &.size-lg{
21
- font-size: large;
22
- padding: 0.3rem 1rem
27
+ &.text{
28
+ background-color: transparent
23
29
  }
24
30
 
25
31
  &[disabled]{
@@ -27,12 +33,15 @@ button{
27
33
  }
28
34
 
29
35
  @each $key, $color in $colors{
30
- &.color-#{$key}{
31
- &:not([disabled]):focus{
32
- $newColor: color.adjust($color, $lightness: -10%);
33
- background-color: $newColor;
34
- color: getButtonTextColor($newColor)
35
- }
36
+ $newColor: color.adjust($color, $lightness: -10%);
37
+
38
+ &.color-#{$key}:not(.text):not([disabled]):focus{
39
+ background-color: $newColor;
40
+ color: getButtonTextColor($newColor)
41
+ }
42
+
43
+ &.color-#{$key}.text:not([disabled]):focus{
44
+ color: $newColor
36
45
  }
37
46
  }
38
47
  }
package/styles/misc/mixins.scss CHANGED
@@ -107,14 +107,23 @@
107
107
 
108
108
  @mixin pseudo-btn($prefix: ""){
109
109
  @each $key, $color in $colors{
110
- &.#{$prefix + $key}{
110
+ $newColor: color.adjust($color, $lightness: -5%);
111
+
112
+ &.#{$prefix + $key}:not(.text){
111
113
  background-color: $color;
112
114
  color: getButtonTextColor($color);
113
115
 
114
116
  &:not([disabled]):hover{
115
- $newColor: color.adjust($color, $lightness: -5%);
116
117
  background-color: $newColor;
117
- color: getButtonTextColor($newColor);
118
+ color: getButtonTextColor($newColor)
119
+ }
120
+ }
121
+
122
+ &.#{$prefix + $key}.text{
123
+ color: $color;
124
+
125
+ &:not([disabled]):hover{
126
+ color: $newColor
118
127
  }
119
128
  }
120
129
  }
package/types/dolfo-angular.d.ts CHANGED
@@ -647,14 +647,16 @@ declare class ButtonComponent implements OnClick, OnBlur, OnFocus {
647
647
  color: ButtonColor;
648
648
  loading: boolean;
649
649
  size: ButtonSize;
650
+ textButton: boolean;
650
651
  onClick: EventEmitter<MouseEvent>;
651
652
  onBlur: EventEmitter<FocusEvent>;
652
653
  onFocus: EventEmitter<FocusEvent>;
653
654
  doClick: (e: MouseEvent) => void;
654
655
  focus: () => void;
655
656
  static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
656
- 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>;
657
+ 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>;
657
658
  static ngAcceptInputType_disabled: unknown;
659
+ static ngAcceptInputType_textButton: unknown;
658
660
  }
659
661
 
660
662
  declare const CONTEXT_MENU_DESTROY_TOKEN: InjectionToken<() => void>;