asksuite-citrus 3.15.0 → 3.15.2

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

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

package/package.json

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

package/styles/colors-light.scss

@@ -591,6 +591,9 @@ $color-skeleton: $color-nla-200;
 $color-text-link-default: $color-b-500;
 $color-texticon-inverse-default: $color-nl-0;
 $color-texticon-danger: $color-r-600;
+$color-border-white-default: $color-nl-0;
+$color-background-accent-disabled: $color-nl-400;
+$color-border-white-disabled: $color-nda-1000;
 
 @mixin theme {
   // brand
@@ -687,6 +690,9 @@ $color-texticon-danger: $color-r-600;
   --color-text-contrast: #{$color-text-contrast};
   --color-text-subtlest: #{$color-text-subtlest};
   --color-text-disabled: #{$color-text-disabled};
+  --color-background-brand-asksuite-contrast-hovered: #{$color-background-brand-asksuite-contrast-hovered};
+	--color-texticon-brand-asksuite-subtle: #{$color-texticon-brand-asksuite-subtle};
+	--color-border-white-default: #{$color-border-white-default};
   --color-text-inverse-contrast: #{$color-text-inverse-contrast};
   --color-texticon-link-default: #{$color-texticon-link-default};
   --color-divider-default: #{$color-divider-default};
@@ -734,5 +740,13 @@ $color-texticon-danger: $color-r-600;
   --color-background-accent-grey-subtler-hovered: #{$color-background-accent-grey-subtler-hovered};
   --color-Y200: #{$color-Y200};
   --color-background-selected-ask-default: #{$color-background-selected-ask-default};
+  --color-background-brand-asksuite-contrast-pressed: #{$color-background-brand-asksuite-contrast-pressed};
+  --color-background-brand-asksuite-subtlest-default: #{$color-background-brand-asksuite-subtlest-default};
+  --color-background-brand-asksuite-subtlest-hovered: #{$color-background-brand-asksuite-subtlest-hovered};
+  --color-background-brand-asksuite-subtlest-pressed: #{$color-background-brand-asksuite-subtlest-pressed};
+  --color-border-brand-asksuite-bold: #{$color-border-brand-asksuite-bold};
+  --color-texticon-inverse-disabled: #{$color-texticon-inverse-disabled};
+  --color-background-accent-disabled: #{$color-background-accent-disabled};
+  --color-border-white-disabled: #{$color-border-white-disabled};
 }
-  
+