asksuite-citrus 3.6.6-beta.0 → 3.6.6-beta.2

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

@@ -1,6 +1,6 @@
 {
   "name": "asksuite-citrus",
-  "version": "3.6.6-beta.0",
+  "version": "3.6.6-beta.2",
   "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;
@@ -67,229 +67,229 @@ $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;
+$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;
 
 
-$primitive-light-neutral-NLA200: $primitive-nla-200;
-$primitive-light-neutral-NLA300: #13293921;
+$color-light-neutral-NLA200: $color-nla-200;
+$color-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;
+$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;
 
-$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;
+$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;
 
-$semantic-border-default: $primitive-nla-300;
-$semantic-border-brand-asksuite-subtle: $primitive-a-300;
+$color-border-default: $color-nla-300;
+$color-border-brand-asksuite-subtle: $color-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;
+$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;
 
-$semantic-text-contrast: $primitive-nla-1500;
-$semantic-text-subtlest: $primitive-nla-1000;
-$semantic-text-disabled: #13293961;
+$color-text-contrast: $color-nla-1500;
+$color-text-subtlest: $color-nla-1000;
+$color-text-disabled: #13293961;
 
 :root {
   // brand
@@ -314,7 +314,7 @@ $semantic-text-disabled: #13293961;
   --yellow-50: #{$yellow-50};
   --yellow-200: #{$yellow-200};
 
-  // semantic
+  // color
   --success-green: #{$success-green};
   --warning-yellow: #{$warning-yellow};
   --error-red: #{$error-red};