asksuite-citrus 3.16.7 → 3.16.9

package/lib/components/avatar/avatar.component.d.ts

@@ -17,6 +17,7 @@ export declare class AvatarComponent {
     statusTitle: string;
     large?: boolean;
     small?: boolean;
+    medium?: boolean;
     selected?: boolean;
     notSelect: boolean;
     hover?: boolean;
@@ -28,5 +29,5 @@ export declare class AvatarComponent {
     protected _initials: string;
     get image(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ask-avatar", never, { "src": { "alias": "src"; "required": false; }; "status": { "alias": "status"; "required": false; }; "background": { "alias": "background"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "avatarTitle": { "alias": "avatarTitle"; "required": false; }; "avatarTitlePosition": { "alias": "avatarTitlePosition"; "required": false; }; "statusTitle": { "alias": "statusTitle"; "required": false; }; "large": { "alias": "large"; "required": false; }; "small": { "alias": "small"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "notSelect": { "alias": "notSelect"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "isRobot": { "alias": "isRobot"; "required": false; }; "isDisable": { "alias": "isDisable"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ask-avatar", never, { "src": { "alias": "src"; "required": false; }; "status": { "alias": "status"; "required": false; }; "background": { "alias": "background"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "avatarTitle": { "alias": "avatarTitle"; "required": false; }; "avatarTitlePosition": { "alias": "avatarTitlePosition"; "required": false; }; "statusTitle": { "alias": "statusTitle"; "required": false; }; "large": { "alias": "large"; "required": false; }; "small": { "alias": "small"; "required": false; }; "medium": { "alias": "medium"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "notSelect": { "alias": "notSelect"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "isRobot": { "alias": "isRobot"; "required": false; }; "isDisable": { "alias": "isDisable"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asksuite-citrus",
-  "version": "3.16.7",
+  "version": "3.16.9",
   "peerDependencies": {
     "@angular/common": "^17.3.7",
     "@angular/core": "^17.3.7",

package/styles/colors-dark.scss

@@ -324,12 +324,12 @@
     --color-background-inverse-pressed: #{$color-nda-300};
     --color-elevation-surface-sunken: #{$color-nd-100};
     --color-elevation-surface-default: #{$color-nd-0};
-    --color-elevation-surface-hovered: #{$color-nd-200};
+    --color-elevation-surface-hovered: #{$color-nd-300};
     --color-elevation-surface-selected-ask: #{$color-a-1000};
     --color-elevation-surface-selected-flow: #{$color-f-1000};
-    --color-elevation-surface-pressed: #{$color-nd-300};
-    --color-elevation-surface-raised: #{$color-nd-0};
-    --color-elevation-surface-overlay: #{$color-nd-0};
+    --color-elevation-surface-pressed: #{$color-nd-400};
+    --color-elevation-surface-raised: #{$color-nd-200};
+    --color-elevation-surface-overlay: #{$color-nd-200};
     --color-divider-default: #{$color-nd-400};
 
 

package/styles/colors-light.scss

@@ -251,8 +251,8 @@ $color-a-600: #ff5724;
 $color-a-700: $color-o-700;
 $color-a-800: #9e3d22;
 $color-a-900: $color-o-900;
-$color-f-100: $color-v-100;
 $color-f-1000: $color-v-1000;
+$color-f-100: #e7e0e8;
 $color-f-200: $color-v-200;
 $color-f-300: $color-v-300;
 $color-f-400: $color-v-400;
@@ -275,11 +275,13 @@ $color-texticon-disabled: $color-nla-700;
 $color-texticon-link-default: $color-b-500;
 
 $color-elevation-surface-selected-ask: $color-a-100;
+$color-elevation-surface-selected-flow: $color-f-100;
 $color-elevation-surface-sunken-default: $color-nl-0;
 $color-elevation-surface-sunken-hovered: $color-nl-100;
 $color-elevation-surface-selected: $color-a-100;
 $color-elevation-shadow-raised: #13293933;
 
+
 $color-border-default: $color-nla-300;
 $color-border-brand-asksuite-subtle: $color-a-300;
 
@@ -742,6 +744,9 @@ $color-border-contrast: $color-nla-1200;
   --color-background-bounding-box: #{$color-background-bounding-box};
   --color-background-selected-ask: #{$color-o-200};
   --color-border-subtle: #{$color-nla-1000};
+  --color-elevation-surface-hovered: #{$color-nl-200};
+  --color-elevation-surface-pressed: #{$color-nl-300};
+
 
   --color-background-accent-grey-bold-default: #{$color-background-accent-grey-bold-default};
   --color-border-inverse-subtle: #{$color-border-inverse-subtle};