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

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 (32) hide show
  1. package/esm2022/lib/components/accordion/extendable-panel/extendable-panel.component.mjs +2 -2
  2. package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +2 -2
  3. package/esm2022/lib/components/avatar/avatar.component.mjs +2 -2
  4. package/esm2022/lib/components/box/box.component.mjs +2 -2
  5. package/esm2022/lib/components/button/button.component.mjs +2 -2
  6. package/esm2022/lib/components/character-counter/character-counter.component.mjs +2 -2
  7. package/esm2022/lib/components/checkbox/checkbox.component.mjs +2 -2
  8. package/esm2022/lib/components/chips/chips.component.mjs +2 -2
  9. package/esm2022/lib/components/date-picker/date-picker-calendar/date-picker-calendar.component.mjs +2 -2
  10. package/esm2022/lib/components/date-picker/date-picker.component.mjs +2 -2
  11. package/esm2022/lib/components/dropdown-container/dropdown-container.component.mjs +2 -2
  12. package/esm2022/lib/components/input/input.component.mjs +2 -2
  13. package/esm2022/lib/components/modal/confirmation-modal/confirmation-modal.component.mjs +2 -2
  14. package/esm2022/lib/components/modal/modal.component.mjs +2 -2
  15. package/esm2022/lib/components/pagination/pagination.component.mjs +2 -2
  16. package/esm2022/lib/components/phone-ddi/phone-ddi.component.mjs +2 -2
  17. package/esm2022/lib/components/richtext-toolbox/richtext-toolbox.component.mjs +2 -2
  18. package/esm2022/lib/components/richtext-url-prompt/richtext-url-prompt.component.mjs +2 -2
  19. package/esm2022/lib/components/select/select.component.mjs +2 -2
  20. package/esm2022/lib/components/table/table.component.mjs +2 -2
  21. package/esm2022/lib/components/toast/toast.component.mjs +2 -2
  22. package/esm2022/lib/services/storage/storage-util.service.mjs +25 -0
  23. package/esm2022/lib/services/theme/theme.service.mjs +19 -6
  24. package/fesm2022/asksuite-citrus.mjs +82 -47
  25. package/fesm2022/asksuite-citrus.mjs.map +1 -1
  26. package/lib/services/storage/storage-util.service.d.ts +10 -0
  27. package/lib/services/theme/theme.service.d.ts +7 -1
  28. package/package.json +1 -1
  29. package/styles/colors-dark.scss +1 -1
  30. package/styles/colors-light.scss +1 -0
  31. package/styles/theme-colors.scss +2 -2
  32. package/styles/tooltip.scss +3 -2
package/lib/services/storage/storage-util.service.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class StorageUtilService<T> {
3
+ private localstorage;
4
+ constructor(localstorage: Storage);
5
+ getItem(key: string): T;
6
+ setItem(key: string, value: T): void;
7
+ removeItem(key: string): void;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<StorageUtilService<any>, never>;
9
+ static ɵprov: i0.ɵɵInjectableDeclaration<StorageUtilService<any>>;
10
+ }
package/lib/services/theme/theme.service.d.ts CHANGED
@@ -1,7 +1,13 @@
1
+ import { StorageUtilService } from "../storage/storage-util.service";
1
2
  import * as i0 from "@angular/core";
2
3
  export declare class ThemeService {
3
- constructor();
4
+ private readonly storageUtilService;
5
+ theme: 'dark' | 'light';
6
+ themeKey: string;
7
+ constructor(storageUtilService: StorageUtilService<'dark' | 'light'>);
8
+ getTheme(): "dark" | "light";
4
9
  setTheme(theme: 'dark' | 'light'): void;
10
+ private saveTheme;
5
11
  static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
6
12
  static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
7
13
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "asksuite-citrus",
3
- "version": "3.14.0-beta.1",
3
+ "version": "3.14.0-beta.2",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.3.7",
6
6
  "@angular/core": "^17.3.7",
package/styles/colors-dark.scss CHANGED
@@ -332,7 +332,7 @@
332
332
 
333
333
  --color-text-contrast: #{$color-nda-1500};
334
334
  --color-text-subtlest: #{$color-nda-1000};
335
- --color-text-disabled: #{$color-nda-0};
335
+ --color-text-disabled: #{$color-nda-700};
336
336
  --color-text-inverse-contrast: #{$color-nd-0};
337
337
  --color-skeleton: #{$color-nda-200};
338
338
  --color-text-link-default: #{$color-b-500};
package/styles/colors-light.scss CHANGED
@@ -670,6 +670,7 @@ $color-texticon-danger: $color-r-600;
670
670
  --color-background-alpha-subtlest-default: #{$color-background-alpha-subtlest-default};
671
671
  --color-background-inverse-default: #{$color-background-inverse-default};
672
672
  --color-background-disabled: #{$color-background-disabled};
673
+ --color-background-skeleton: #{$color-background-disabled};
673
674
  --color-text-contrast: #{$color-text-contrast};
674
675
  --color-text-subtlest: #{$color-text-subtlest};
675
676
  --color-text-disabled: #{$color-text-disabled};
package/styles/theme-colors.scss CHANGED
@@ -1,4 +1,4 @@
1
- // @forward "colors-light";
1
+ @forward "colors-light";
2
2
 
3
3
  @use "colors-dark";
4
4
  @use "colors-light";
@@ -10,4 +10,4 @@ body.light{
10
10
 
11
11
  body.dark{
12
12
  @include colors-dark.theme();
13
- }
13
+ }
package/styles/tooltip.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  .ask-tooltip {
2
- background-color: var(--grey-400);
3
- color: var(--white);
2
+ background-color: var(--color-background-alpha-bolder-default);
3
+ color: var(--color-texticon-inverse-default);
4
4
  padding: 4px;
5
5
  border-radius: 8px;
6
6
  position: relative;
@@ -46,4 +46,5 @@
46
46
 
47
47
  ::ng-deep mat-tooltip-component .mat-mdc-tooltip .mdc-tooltip__surface {
48
48
  background-color: transparent !important;
49
+ color: var(--color-texticon-inverse-default) !important;
49
50
  }