chore(merge): 2.21.3 Summer 23 ➡️ Winter 24 (#5217)

Author: Dottenpixel

RELEASENOTES.general.md

@@ -67,6 +67,14 @@
   - Updated `delegated_account`
   - Updated `entitlement_policy`
 
+## 2.21.3 - June 29, 2023
+
+## Fixed
+- Correction in icons package version.
+- Updated placeholder text color for Rich Text Editor
+- Updated docked utility component's unread notification state icon color
+- Updated border colors for Feeds component
+
 ## 2.21.2 - June 15, 2023
 
 ## Fixed

RELEASENOTES.md

@@ -131,6 +131,14 @@
 - Replaced aria-hidden with hidden attribute for components that show/hide content
 <!-- ## [VERSION] -->
 
+## Release 2.21.3 - June 29, 2023
+
+## Fixed
+- Correction in icons package version.
+- Updated placeholder text color for Rich Text Editor
+- Updated docked utility component's unread notification state icon color
+- Updated border colors for Feeds component
+
 ## Release 2.21.2 - June 15, 2023
 
 ## Fixed

ui/_config.scss

@@ -9,7 +9,7 @@
 ///
 /// @type String
 /// @access private
-$app-version: "2.21.2";
+$app-version: "2.21.3";
 
 /// Debug mode (uncomment to activate)
 /// Turn on to output deprecation warnings during development

ui/components/docked-utility-bar/base/_index.scss

@@ -43,8 +43,9 @@
    */
   .slds-indicator_unread,
   .slds-indicator--unread {
-    background: var(--slds-g-color-neutral-base-100, #{$utility-bar-color-background-notification-badge});
+    background: var(--slds-g-color-error-base-40, #{$utility-bar-color-background-notification-badge});
     top: $spacing-x-small;
+    border: $border-width-thin solid var(--slds-g-color-neutral-base-95);
   }
 }
 

ui/components/feeds/post/_index.scss

@@ -10,8 +10,8 @@
  */
 .slds-feed__item-comments {
   background: var(--slds-g-color-neutral-base-95, #{$color-background-post});
-  border-top: $border-width-thin solid var(--slds-g-color-border-base-4, #{$color-border});
-  border-bottom: $border-width-thin solid var(--slds-g-color-border-base-4, #{$color-border});
+  border-top: $border-width-thin solid var(--slds-g-color-border-base-1, #{$color-border});
+  border-bottom: $border-width-thin solid var(--slds-g-color-border-base-1, #{$color-border});
 
   .slds-comment {
     padding: $var-spacing-vertical-x-small $spacing-medium;
@@ -30,7 +30,7 @@
   padding: $spacing-small $spacing-medium;
 
   @include mq-medium-max {
-    border-top: $border-width-thin solid var(--slds-g-color-border-base-4, #{$color-border});
+    border-top: $border-width-thin solid var(--slds-g-color-border-base-1, #{$color-border});
   }
 
   @include mq-large-min {
@@ -90,7 +90,7 @@
   order: 1;
 
   @include mq-small-max {
-    border-top: $border-width-thin solid var(--slds-g-color-border-base-4, #{$color-border});
+    border-top: $border-width-thin solid var(--slds-g-color-border-base-1, #{$color-border});
     margin: 0 ($spacing-small * -1) ($spacing-small * -1);
     padding: 0 $spacing-medium;
   }
@@ -197,7 +197,7 @@
   // class .slds-region--narrow
   .slds-post__footer-actions-list {
     order: 1;
-    border-top: $border-width-thin solid var(--slds-g-color-border-base-4, #{$color-border});
+    border-top: $border-width-thin solid var(--slds-g-color-border-base-1, #{$color-border});
     margin: 0 ($spacing-small * -1) ($spacing-small * -1);
     padding: 0 $spacing-medium;
   }

ui/components/rich-text-editor/base/_index.scss

@@ -228,7 +228,7 @@
     user-select: text;
 
     &.ql-blank:before {
-      color: var(--slds-g-color-neutral-base-10, #54698d);
+      color: var(--slds-g-color-neutral-base-50, #54698d);
       content: attr(data-placeholder);
       pointer-events: none;
       position: absolute;