asksuite-citrus 2.6.5 → 3.6.6-beta.0

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

@@ -2,7 +2,9 @@ import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ChipsComponent {
     private change;
-    set appearance(value: 'light' | 'regular' | 'primary' | 'tag');
+    protected textColor: string;
+    private colors;
+    set appearance(value: 'light' | 'regular' | 'primary' | 'tag' | 'disable' | 'available');
     showAction: boolean;
     set size(value: 'small' | 'regular');
     color?: string;
@@ -10,8 +12,11 @@ export declare class ChipsComponent {
     protected _isAppearanceLight: boolean;
     protected _isAppearancePrimary: boolean;
     protected _isAppearanceTag: boolean;
+    protected _isAppearanceTagDisabled: boolean;
+    protected _isAppearanceTagAvailable: boolean;
     constructor(change: ChangeDetectorRef);
     protected action: EventEmitter<void>;
+    ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChipsComponent, "ask-chips", never, { "appearance": { "alias": "appearance"; "required": false; }; "showAction": { "alias": "showAction"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "action": "action"; }, never, ["*"], false, never>;
 }

package/lib/components/modal/confirmation-modal/confirmation-modal.component.d.ts

@@ -5,8 +5,6 @@ export declare class ConfirmationModalComponent {
     protected modalRef: ModalRef;
     protected title: string;
     protected text: string;
-    protected confirmButtonText: string | undefined;
-    protected cancelButtonText: string | undefined;
     protected buttons: ButtonConfig[];
     constructor(modalRef: ModalRef, data: AskModalConfirmData);
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationModalComponent, never>;
@@ -16,8 +14,6 @@ export interface AskModalConfirmData {
     title: string;
     text: string;
     buttons?: ButtonConfig[];
-    confirmButtonText?: string;
-    cancelButtonText?: string;
 }
 type ButtonConfig = {
     text: string;

package/package.json

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

package/styles/colors.scss

@@ -63,6 +63,234 @@ $font-color-100: $grey-800;
 $font-color-200: $grey-500;
 $font-color-300: $grey-300;
 
+
+// new tokens livechat
+
+//reference
+$primitive-b-100: #e3eaf7;
+$primitive-b-1000: #0c2e59;
+$primitive-b-200: #ceddf3;
+$primitive-b-300: #a3c2f0;
+$primitive-b-400: #7aa7eb;
+$primitive-b-500: #4f8ce8;
+$primitive-b-600: #276ace;
+$primitive-b-700: #1c59b2;
+$primitive-b-800: #174b94;
+$primitive-b-900: #123c76;
+$primitive-g-100: #e1f9ee;
+$primitive-g-1000: #0c3c34;
+$primitive-g-200: #c6f5df;
+$primitive-g-300: #a7ecd0;
+$primitive-g-400: #73deaa;
+$primitive-g-500: #45ba82;
+$primitive-g-600: #279661;
+$primitive-g-700: #1c7d54;
+$primitive-g-800: #176849;
+$primitive-g-900: #12513e;
+$primitive-l-100: #e9f9dc;
+$primitive-l-1000: #2c4a31;
+$primitive-l-200: #ddf6ca;
+$primitive-l-300: #c8ecac;
+$primitive-l-400: #a9e17f;
+$primitive-l-500: #8ed558;
+$primitive-l-600: #77be41;
+$primitive-l-700: #6ba04e;
+$primitive-l-800: #568444;
+$primitive-l-900: #41673a;
+$primitive-m-100: #f7deed;
+$primitive-m-1000: #412746;
+$primitive-m-200: #f3cee4;
+$primitive-m-300: #ebadd2;
+$primitive-m-400: #e490c3;
+$primitive-m-500: #de77b5;
+$primitive-m-600: #d75ba5;
+$primitive-m-700: #a14884;
+$primitive-m-800: #813e6f;
+$primitive-m-900: #62325a;
+$primitive-nd-0: #0d161c;
+$primitive-nd-100: #131c24;
+$primitive-nd-1000: #7f8b95;
+$primitive-nd-1100: #8d97a2;
+$primitive-nd-1200: #99a4af;
+$primitive-nd-1300: #a6b2bc;
+$primitive-nd-1400: #b2beca;
+$primitive-nd-1500: #c0cbd8;
+$primitive-nd-1600: #ccd8e5;
+$primitive-nd-1700: #d9e5f2;
+$primitive-nd-200: #19232a;
+$primitive-nd-300: #253037;
+$primitive-nd-400: #333d45;
+$primitive-nd-500: #3f4952;
+$primitive-nd-600: #4c5760;
+$primitive-nd-700: #58646d;
+$primitive-nd-800: #66707a;
+$primitive-nd-900: #727d88;
+$primitive-nda-0: #0c161d00;
+$primitive-nda-100: #d9e5f207;
+$primitive-nda-1000: #d9e5f28f;
+$primitive-nda-1100: #d9e5f29f;
+$primitive-nda-1200: #d9e5f2af;
+$primitive-nda-1300: #d9e5f2bf;
+$primitive-nda-1400: #d9e5f2cf;
+$primitive-nda-1500: #d9e5f2df;
+$primitive-nda-1600: #d9e5f2ef;
+$primitive-nda-1700: #d9e5f2;
+$primitive-nda-200: #d9e5f20f;
+$primitive-nda-300: #d9e5f21f;
+$primitive-nda-400: #d9e5f22f;
+$primitive-nda-500: #d9e5f23f;
+$primitive-nda-600: #d9e5f24f;
+$primitive-nda-700: #d9e5f25f;
+$primitive-nda-800: #d9e5f26f;
+$primitive-nda-900: #d9e5f27f;
+$primitive-nl-0: #ffffff;
+$primitive-nl-100: #f8f8f9;
+$primitive-nl-1000: #7b8790;
+$primitive-nl-1100: #6c7a84;
+$primitive-nl-1200: #5d6c77;
+$primitive-nl-1300: #4e5f6b;
+$primitive-nl-1400: #40525f;
+$primitive-nl-1500: #314452;
+$primitive-nl-1600: #223746;
+$primitive-nl-1700: #132939;
+$primitive-nl-200: #f0f2f3;
+$primitive-nl-300: #e1e4e6;
+$primitive-nl-400: #d3d7da;
+$primitive-nl-500: #c4c9cd;
+$primitive-nl-600: #b5bcc1;
+$primitive-nl-700: #a6afb4;
+$primitive-nl-800: #97a1a8;
+$primitive-nl-900: #8a959d;
+$primitive-nla-0: #ffffff00;
+$primitive-nla-100: #13293907;
+$primitive-nla-1000: #1329398f;
+$primitive-nla-1100: #1329399f;
+$primitive-nla-1200: #132939af;
+$primitive-nla-1300: #132939bf;
+$primitive-nla-1400: #132939cf;
+$primitive-nla-1500: #132939df;
+$primitive-nla-1600: #132939ef;
+$primitive-nla-1700: #132939;
+$primitive-nla-200: #1329390f;
+$primitive-nla-300: #1329391f;
+$primitive-nla-400: #1329392f;
+$primitive-nla-500: #1329393f;
+$primitive-nla-600: #1329394f;
+$primitive-nla-700: #1329395f;
+$primitive-nla-800: #1329396f;
+$primitive-nla-900: #1329397f;
+$primitive-o-100: #feeae1;
+$primitive-o-1000: #402c29;
+$primitive-o-200: #fdd6c3;
+$primitive-o-300: #fdc5aa;
+$primitive-o-400: #fea277;
+$primitive-o-500: #f77a40;
+$primitive-o-600: #f06424;
+$primitive-o-700: #ca5c2b;
+$primitive-o-800: #8d4a2e;
+$primitive-o-900: #61392b;
+$primitive-p-100: #ebe5ff;
+$primitive-p-1000: #332c59;
+$primitive-p-200: #dcd5fb;
+$primitive-p-300: #c2b9f4;
+$primitive-p-400: #ab9fe5;
+$primitive-p-500: #9183d2;
+$primitive-p-600: #7969c9;
+$primitive-p-700: #5f4eb1;
+$primitive-p-800: #534790;
+$primitive-p-900: #42396f;
+$primitive-r-100: #fbe9ed;
+$primitive-r-1000: #331b2e;
+$primitive-r-200: #f5c7d1;
+$primitive-r-300: #eaa5b6;
+$primitive-r-400: #e57d94;
+$primitive-r-500: #df5372;
+$primitive-r-600: #d92b50;
+$primitive-r-700: #b02747;
+$primitive-r-800: #87233f;
+$primitive-r-900: #5c1f36;
+$primitive-t-100: #e3f2f6;
+$primitive-t-1000: #0c4153;
+$primitive-t-200: #ceecf1;
+$primitive-t-300: #a3e0ec;
+$primitive-t-400: #7ad5e5;
+$primitive-t-500: #4fc9e0;
+$primitive-t-600: #37b2c8;
+$primitive-t-700: #1c92ab;
+$primitive-t-800: #17798e;
+$primitive-t-900: #125e72;
+$primitive-v-100: #daceda;
+$primitive-v-1000: #15162c;
+$primitive-v-200: #bba4bc;
+$primitive-v-300: #9e7b9e;
+$primitive-v-400: #7f5180;
+$primitive-v-500: #622862;
+$primitive-v-600: #492251;
+$primitive-v-700: #3b1f47;
+$primitive-v-800: #2d1b3c;
+$primitive-v-900: #1e1832;
+$primitive-y-100: #fff1d6;
+$primitive-y-1000: #5b4007;
+$primitive-y-200: #ffe5b2;
+$primitive-y-300: #fed88c;
+$primitive-y-400: #fbc560;
+$primitive-y-500: #edb24a;
+$primitive-y-600: #d79428;
+$primitive-y-700: #be800e;
+$primitive-y-800: #a66e0c;
+$primitive-y-900: #775409;
+$primitive-a-100: #F9E7E2;
+$primitive-a-1000: $primitive-o-1000;
+$primitive-a-200: $primitive-o-200;
+$primitive-a-300: #FBAF99;
+$primitive-a-400: $primitive-o-400;
+$primitive-a-500: $primitive-o-500;
+$primitive-a-600: #FF5724;
+$primitive-a-700: $primitive-o-700;
+$primitive-a-800: $primitive-o-800;
+$primitive-a-900: $primitive-o-900;
+$primitive-f-100: $primitive-v-100;
+$primitive-f-1000: $primitive-v-1000;
+$primitive-f-200: $primitive-v-200;
+$primitive-f-300: $primitive-v-300;
+$primitive-f-400: $primitive-v-400;
+$primitive-f-500: $primitive-v-500;
+$primitive-f-600: $primitive-v-600;
+$primitive-f-700: $primitive-v-700;
+$primitive-f-800: $primitive-v-800;
+$primitive-f-900: $primitive-v-900;
+
+
+$primitive-light-neutral-NLA200: $primitive-nla-200;
+$primitive-light-neutral-NLA300: #13293921;
+// livechat - tokens
+
+$semantic-texticon-brand-asksuite-contrast: $primitive-a-600;
+$semantic-texticon-inverse-default: $primitive-nl-0;
+$semantic-texticon-contrast: $primitive-nla-1500;
+$semantic-texticon-subtle: $primitive-nla-1200;
+$semantic-texticon-subtlest: $primitive-nla-1000;
+$semantic-texticon-disabled: $primitive-nla-700;
+
+$semantic-elevation-surface-selected-ask: $primitive-a-100;
+$semantic-elevation-surface-sunken-default: $primitive-nl-0;
+$semantic-elevation-surface-sunken-hovered: $primitive-nl-100;
+$semantic-elevation-surface-selected: $primitive-a-100;
+$semantic-elevation-shadow-raised: #13293933;
+
+$semantic-border-default: $primitive-nla-300;
+$semantic-border-brand-asksuite-subtle: $primitive-a-300;
+
+$semantic-background-alpha-bolder-default: $primitive-nla-1600;
+$semantic-background-brand-asksuite-contrast-default: $primitive-a-600;
+$semantic-background-alpha-subtlest-default: $primitive-nla-200;
+$semantic-background-inverse-default: $primitive-nl-0;
+$semantic-background-disabled: $primitive-nla-200;
+
+$semantic-text-contrast: $primitive-nla-1500;
+$semantic-text-subtlest: $primitive-nla-1000;
+$semantic-text-disabled: #13293961;
+
 :root {
   // brand
   --asksuite-orange: #{$asksuite-orange};