asksuite-citrus 3.14.0-beta.1 → 3.14.0-beta.3

package/lib/services/storage/storage-util.service.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class StorageUtilService<T> {
+    private localstorage;
+    constructor(localstorage: Storage);
+    getItem(key: string): T;
+    setItem(key: string, value: T): void;
+    removeItem(key: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StorageUtilService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<StorageUtilService<any>>;
+}

package/lib/services/theme/theme.service.d.ts

@@ -1,7 +1,13 @@
+import { StorageUtilService } from "../storage/storage-util.service";
 import * as i0 from "@angular/core";
 export declare class ThemeService {
-    constructor();
+    private readonly storageUtilService;
+    theme: 'dark' | 'light';
+    themeKey: string;
+    constructor(storageUtilService: StorageUtilService<'dark' | 'light'>);
+    getTheme(): "dark" | "light";
     setTheme(theme: 'dark' | 'light'): void;
+    private saveTheme;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asksuite-citrus",
-  "version": "3.14.0-beta.1",
+  "version": "3.14.0-beta.3",
   "peerDependencies": {
     "@angular/common": "^17.3.7",
     "@angular/core": "^17.3.7",

package/styles/colors-dark.scss

@@ -332,7 +332,7 @@
 
     --color-text-contrast: #{$color-nda-1500};
     --color-text-subtlest: #{$color-nda-1000};
-    --color-text-disabled: #{$color-nda-0};
+    --color-text-disabled: #{$color-nda-700};
     --color-text-inverse-contrast: #{$color-nd-0};
     --color-skeleton: #{$color-nda-200};
     --color-text-link-default: #{$color-b-500};

package/styles/colors-light.scss

@@ -650,6 +650,7 @@ $color-texticon-danger: $color-r-600;
   --font-color-300: #{$grey-300};
 
   // new livechat
+  --color-elevation-surface-default: #{$color-nl-0};
   --color-light-neutral-NLA200: #{$color-light-neutral-NLA200};
   --color-light-neutral-NLA300: #{$color-light-neutral-NLA300};
   --color-texticon-brand-asksuite-contrast: #{$color-texticon-brand-asksuite-contrast};
@@ -670,6 +671,7 @@ $color-texticon-danger: $color-r-600;
   --color-background-alpha-subtlest-default: #{$color-background-alpha-subtlest-default};
   --color-background-inverse-default: #{$color-background-inverse-default};
   --color-background-disabled: #{$color-background-disabled};
+  --color-background-skeleton: #{$color-background-disabled};
   --color-text-contrast: #{$color-text-contrast};
   --color-text-subtlest: #{$color-text-subtlest};
   --color-text-disabled: #{$color-text-disabled};

package/styles/theme-colors.scss

@@ -1,4 +1,4 @@
-// @forward "colors-light";
+@forward "colors-light";
 
 @use "colors-dark";
 @use "colors-light";
@@ -10,4 +10,4 @@ body.light{
 
 body.dark{
     @include colors-dark.theme();
-}   
+}

package/styles/tooltip.scss

@@ -1,6 +1,6 @@
 .ask-tooltip {
-  background-color: var(--grey-400);
-  color: var(--white);
+  background-color: var(--color-background-alpha-bolder-default);
+  color: var(--color-texticon-inverse-default);
   padding: 4px;
   border-radius: 8px;
   position: relative;
@@ -46,4 +46,5 @@
 
 ::ng-deep mat-tooltip-component .mat-mdc-tooltip .mdc-tooltip__surface {
   background-color: transparent !important;
+  color: var(--color-texticon-inverse-default) !important;
 }