asksuite-citrus 3.20.2 → 3.20.3

package/package.json

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

package/styles/colors-dark.scss

@@ -58,7 +58,9 @@
   --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-inverse-contrast: #{$color-nla-1700};
+  --color-texticon-inverse-subtle: #{$color-nla-1300};
+  --color-texticon-inverse-subtlest: #{$color-nla-1000};
   --color-texticon-disabled: #{$color-nda-700};
   --color-texticon-danger: #{$color-r-500};
   --color-texticon-warning: #{$color-y-500};
@@ -336,6 +338,7 @@
   --color-elevation-surface-raised: #{$color-nd-200};
   --color-elevation-surface-overlay: #{$color-nd-200};
   --color-divider-default: #{$color-nd-400};
+  --color-divider-inverse: #{$color-nl-700};
 
   --color-text-contrast: #{$color-nda-1500};
   --color-text-subtlest: #{$color-nda-1000};

package/styles/colors-light.scss

@@ -514,6 +514,7 @@ $color-border-success: $color-g-700;
 $color-border-warning: $color-y-700;
 
 $color-divider-default: $color-nl-400;
+$color-divider-inverse: $color-nd-700;
 
 $color-elevation-surface-primary-default: $color-nl-100;
 $color-elevation-surface-default-hovered: $color-nl-200;
@@ -557,7 +558,10 @@ $color-texticon-high-contrast-black-disabled: $color-nla-1000;
 $color-texticon-high-contrast-white-default: $color-nl-0;
 $color-texticon-high-contrast-white-disabled: $color-nda-1000;
 $color-texticon-inverse-default: $color-nl-0;
-$color-texticon-inverse-disabled: $color-nda-1000;
+$color-texticon-inverse-contrast: $color-nda-1700;
+$color-texticon-inverse-subtle: $color-nda-1300;
+$color-texticon-inverse-subtlest: $color-nda-1000;
+$color-texticon-inverse-disabled: $color-nda-700;
 $color-texticon-link-default: $color-b-500;
 $color-texticon-link-visited: $color-p-500;
 $color-texticon-subtle: $color-nla-1200;
@@ -786,6 +790,7 @@ $color-border-contrast: $color-nla-1200;
   --color-text-inverse-contrast: #{$color-text-inverse-contrast};
   --color-texticon-link-default: #{$color-texticon-link-default};
   --color-divider-default: #{$color-divider-default};
+  --color-divider-inverse: #{$color-divider-inverse};
   --color-skeleton: #{$color-skeleton};
   --color-text-link-default: #{$color-text-link-default};
   --color-texticon-danger: #{$color-texticon-danger};
@@ -843,7 +848,9 @@ $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-texticon-inverse-contrast: #{$color-texticon-inverse-contrast};
+  --color-texticon-inverse-subtle: #{$color-texticon-inverse-subtle};
+  --color-texticon-inverse-subtlest: #{$color-texticon-inverse-subtlest};
   --color-background-accent-disabled: #{$color-background-accent-disabled};
   --color-border-white-disabled: #{$color-border-white-disabled};
   --color-border-black-default: #{$color-border-black-default};