asksuite-citrus 3.8.0-beta.0 → 3.9.0

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

@@ -6,12 +6,14 @@ export declare class ToastComponent implements OnInit, OnDestroy {
     readonly data: ToastData;
     private ref;
     message: string;
+    text: string;
     icon: string;
     timeoutRef: number;
     config: ToastConfig;
     color: string;
     fontColor: string;
     isClosing: boolean;
+    width: string;
     private readonly TYPES;
     constructor(data: ToastData, ref: ToastRef);
     set type(type: 'success' | 'warning' | 'danger' | 'info' | ToastType);

package/lib/services/toast/toast.config.d.ts

@@ -4,8 +4,10 @@ export interface ToastData {
     type: ToastType;
     message: string;
     config?: ToastConfig;
+    text?: string;
 }
 export interface ToastConfig {
     timeout?: number;
+    width?: number;
 }
 export declare const ASK_TOAST_CONFIG: InjectionToken<ToastData>;

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

@@ -12,9 +12,9 @@ export declare class ToastService {
     constructor(overlay: Overlay, injector: Injector);
     success(message: string, config?: ToastConfig): void;
     info(message: string, config?: ToastConfig): void;
-    danger(message: string, config?: ToastConfig): void;
+    danger(message: string, config?: ToastConfig, text?: string): void;
     warning(message: string, config?: ToastConfig): void;
-    pop(type: ToastType, message: string, config?: ToastConfig): void;
+    pop(type: ToastType, message: string, config?: ToastConfig, text?: string): void;
     private createInjector;
     private getPositionStrategy;
     private getTopOffset;

package/package.json

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

package/styles/colors.scss

@@ -269,6 +269,8 @@ $color-light-neutral-NLA300: #13293921;
 //TODO: REMOVE DUPLICATE SEMANTICS
 $color-texticon-brand-asksuite-contrast: $color-a-600;
 $color-texticon-inverse-default: $color-nl-0;
+$color-texticon-contrast: $color-nla-1500;
+$color-texticon-subtle: $color-nla-1200;
 $color-texticon-subtlest: $color-nla-1000;
 $color-texticon-disabled: $color-nla-700;
 $color-texticon-link-default: $color-b-500;
@@ -586,10 +588,12 @@ $color-texticon-danger: $color-texticon-accent-red-contrast;
 $color-texticon-info: $color-texticon-accent-blue-contrast;
 $color-texticon-success: $color-texticon-accent-green-contrast;
 $color-texticon-warning: $color-texticon-accent-yellow-contrast;
+
+
+$color-divider-default: $color-nl-400;
 $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; 
 
 :root {
   // brand
@@ -681,6 +685,4 @@ $color-texticon-danger: $color-r-600;
   --color-divider-default: #{$color-divider-default};
   --color-skeleton: #{$color-skeleton};
   --color-text-link-default: #{$color-text-link-default};
-  --color-texticon-danger: #{$color-texticon-danger};
-  --color-background-danger-contrast-default: #{$color-background-danger-contrast-default};
-}
+}