asksuite-citrus 3.16.24 → 3.17.0

package/lib/constants/icons.d.ts

@@ -1,3 +1,3 @@
-export declare const names: readonly ["chatweb", "email", "facebook", "instagram", "phone", "whatsapp"];
+export declare const names: readonly ["chatweb", "email", "facebook", "instagram", "phone", "whatsapp", "expedia"];
 export declare const themes: readonly ["dark", "light"];
 export declare const variations: readonly ["contrast", "default", "disabled", "grey", "inverse"];

package/package.json

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

package/styles/colors-dark.scss

@@ -58,6 +58,7 @@
     --color-texticon-subtlest: #{$color-nda-1000}; //TODO: is same as color-texticon-subtler
     --color-texticon-inverse-default: #{$color-nd-0};
     --color-texticon-inverse-disabled: #{$color-nla-700};
+    --color-texticon-inverse-contrast: #{$color-nla-1500};
     --color-texticon-disabled: #{$color-nda-700};
     --color-texticon-danger: #{$color-r-500};
     --color-texticon-warning: #{$color-y-500};

package/styles/colors-light.scss

@@ -449,6 +449,7 @@ $color-background-alpha-subtler-pressed: $color-nla-700;
 $color-background-alpha-subtlest-default: $color-nla-200;
 $color-background-alpha-subtlest-hovered: $color-nla-400;
 $color-background-alpha-subtlest-pressed: $color-nla-500;
+$color-background-alpha-inverter-default: $color-nl-0;
 $color-background-bounding-box: $color-nla-0;
 $color-background-danger-contrast-default: $color-r-600;
 $color-background-danger-contrast-hovered: $color-r-700;
@@ -735,11 +736,15 @@ $color-border-contrast: $color-nla-1200;
   --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-accent-orange-subtle-default:#{$color-background-accent-orange-subtle-default};
+  --color-background-accent-orange-subtle-hovered:#{$color-background-accent-orange-subtle-hovered};
+  --color-background-accent-orange-subtle-pressed:#{$color-background-accent-orange-subtle-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};
+  --color-background-alpha-inverter-default: #{$color-background-alpha-inverter-default};
   --color-icon-brand-asksuite-contrast: #{$color-icon-brand-asksuite-contrast};
   --color-border-brand-asksuite-contrast: #{$color-border-brand-asksuite-contrast};
   --color-background-bounding-box: #{$color-background-bounding-box};
@@ -760,6 +765,7 @@ $color-border-contrast: $color-nla-1200;
   --color-background-brand-asksuite-subtlest-pressed: #{$color-background-brand-asksuite-subtlest-pressed};
   --color-border-brand-asksuite-bold: #{$color-border-brand-asksuite-bold};
   --color-texticon-inverse-disabled: #{$color-texticon-inverse-disabled};
+  --color-texticon-inverse-contrast: #{$color-nl-0};
   --color-background-accent-disabled: #{$color-background-accent-disabled};
   --color-border-white-disabled: #{$color-border-white-disabled};
   --color-border-black-default: #{$color-border-black-default};