asksuite-citrus 3.6.6 → 3.6.7

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

@@ -19,11 +19,12 @@ export declare class AvatarComponent {
     selected?: boolean;
     hover?: boolean;
     isRobot?: boolean;
+    isDisable?: boolean;
     set name(value: string);
     private generateName;
     static readonly BOT_ICON: string;
     protected _initials: string;
     get image(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ask-avatar", never, { "src": { "alias": "src"; "required": false; }; "status": { "alias": "status"; "required": false; }; "background": { "alias": "background"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "avatarTitle": { "alias": "avatarTitle"; "required": false; }; "avatarTitlePosition": { "alias": "avatarTitlePosition"; "required": false; }; "statusTitle": { "alias": "statusTitle"; "required": false; }; "large": { "alias": "large"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "isRobot": { "alias": "isRobot"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ask-avatar", never, { "src": { "alias": "src"; "required": false; }; "status": { "alias": "status"; "required": false; }; "background": { "alias": "background"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "avatarTitle": { "alias": "avatarTitle"; "required": false; }; "avatarTitlePosition": { "alias": "avatarTitlePosition"; "required": false; }; "statusTitle": { "alias": "statusTitle"; "required": false; }; "large": { "alias": "large"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "isRobot": { "alias": "isRobot"; "required": false; }; "isDisable": { "alias": "isDisable"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, false, never>;
 }

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/package.json

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

package/styles/colors.scss

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