asksuite-citrus 3.14.0-beta.15 → 3.14.0-beta.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asksuite-citrus",
-  "version": "3.14.0-beta.15",
+  "version": "3.14.0-beta.17",
   "peerDependencies": {
     "@angular/common": "^17.3.7",
     "@angular/core": "^17.3.7",

package/styles/colors-light.scss

@@ -240,7 +240,7 @@ $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-200:  hsla(13, 84%, 87%, 1);
 $color-a-300: #fbaf99;
 $color-a-400: $color-o-400;
 $color-a-500: $color-o-500;
@@ -289,7 +289,7 @@ $color-background-disabled: $color-nla-200;
 $color-text-contrast: $color-nla-1500;
 $color-text-subtlest: $color-nla-1000;
 $color-text-disabled: #13293961;
-$color-background-selected-ask-default: #FAD0C4;
+$color-background-selected-ask-default: $color-a-200;
 $color-text-inverse-contrast: $color-nl-0;
 
 $color-icon-brand-asksuite-contrast: $color-a-600;
@@ -458,9 +458,9 @@ $color-background-inverse-pressed: $color-nla-300;
 $color-background-success-contrast-default: $color-g-600;
 $color-background-success-contrast-hovered: $color-g-700;
 $color-background-success-contrast-pressed: $color-g-800;
-$color-background-warning-contrast-default: $color-y-500;
-$color-background-warning-contrast-hovered: $color-y-600;
-$color-background-warning-contrast-pressed: $color-y-700;
+$color-background-warning-contrast-default: $color-y-600;
+$color-background-warning-contrast-hovered: $color-y-700;
+$color-background-warning-contrast-pressed: $color-y-800;
 
 $color-border-accent-blue: $color-b-600;
 $color-border-accent-green: $color-g-600;
@@ -585,6 +585,8 @@ $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-texticon-black-default: $color-nla-1500;
+$color-texticon-black-disabled: $color-nla-700;
 $color-skeleton: $color-nla-200;
 $color-text-link-default: $color-b-500;
 $color-texticon-inverse-default: $color-nl-0;
@@ -653,6 +655,7 @@ $color-texticon-danger: $color-r-600;
 
   // new livechat
   --color-background-inverse-hovered: #{$color-background-inverse-hovered};
+  --color-background-inverse-pressed: #{$color-background-inverse-pressed};
   --color-elevation-surface-default: #{$color-nl-0};
   --color-light-neutral-NLA200: #{$color-light-neutral-NLA200};
   --color-light-neutral-NLA300: #{$color-light-neutral-NLA300};
@@ -677,6 +680,7 @@ $color-texticon-danger: $color-r-600;
   --color-background-brand-asksuite-contrast-default: #{$color-background-brand-asksuite-contrast-default};
   --color-background-brand-asksuite-subtler-hovered: #{$color-background-brand-asksuite-subtler-hovered};
   --color-background-alpha-subtlest-default: #{$color-background-alpha-subtlest-default};
+  --color-background-alpha-subtlest-pressed: #{$color-background-alpha-subtlest-pressed};
   --color-background-inverse-default: #{$color-background-inverse-default};
   --color-background-disabled: #{$color-background-disabled};
   --color-background-skeleton: #{$color-background-disabled};
@@ -697,6 +701,8 @@ $color-texticon-danger: $color-r-600;
   --color-texticon-accent-red-bold: #{$color-texticon-accent-red-bold};
   --color-texticon-accent-green-bold: #{$color-texticon-accent-green-bold};
   --color-texticon-accent-yellow-bold: #{$color-texticon-accent-yellow-bold};
+  --color-texticon-black-default: #{$color-nla-1500};
+  --color-texticon-black-disabled: #{$color-nla-700};
   --color-background-accent-red-subtlest-default: #{$color-background-accent-red-subtlest-default};
   --color-background-accent-red-subtlest-hovered: #{$color-background-accent-red-subtlest-hovered};
   --color-background-accent-red-subtlest-pressed: #{$color-background-accent-red-subtlest-pressed};
@@ -709,7 +715,11 @@ $color-texticon-danger: $color-r-600;
   --color-background-accent-green-contrast-default: #{$color-background-accent-green-contrast-default};
   --color-background-accent-green-contrast-hovered: #{$color-background-accent-green-contrast-hovered};
   --color-background-accent-green-contrast-pressed: #{$color-background-accent-green-contrast-pressed};
+  --color-background-accent-grey-subtlest-hovered: #{$color-background-accent-grey-subtlest-hovered};
+  --color-background-accent-grey-inverse-hovered: #{$color-background-accent-grey-inverse-hovered};
+  --color-background-accent-grey-inverse-pressed: #{$color-background-accent-grey-inverse-pressed};
   --color-background-brand-asksuite-subtler-default: #{$color-background-brand-asksuite-subtler-default};
+  --color-background-warning-contrast-default: #{$color-background-warning-contrast-default};
   --color-border-matted-alpha-primary: #{$color-nl-0};
   --color-elevation-surface-primary-default: #{$color-elevation-surface-primary-default};
   --color-background-alpha-subtlest-hovered: #{$color-background-alpha-subtlest-hovered};

package/styles/theme-primitives.scss

@@ -106,7 +106,7 @@ $color-a-500: $color-o-500;
 $color-a-600: $color-o-600;
 $color-a-700: $color-o-700;
 $color-a-800: $color-o-800;
-$color-a-900: $color-o-900;
+$color-a-900: hsla(13, 56%, 27%, 1);
 $color-a-1000: $color-o-1000;
 $color-f-100: $color-v-100;
 $color-f-200: $color-v-200;
@@ -198,7 +198,7 @@ $color-Y200: #FFE5B2;
 
 
 //outros
-$color-background-selected-ask-default: $color-o-200;
+$color-background-selected-ask-default: $color-a-900;
 $color-light-neutral-nla200: $color-nda-200;
 $color-light-neutral-nla300: $color-nda-0;
 $color-elevation-surface-sunken-default: $color-nd-0;