lightning-base-components 1.28.6-alpha → 1.28.8-alpha

package/src/lightning/menuItem/menu-item.slds.css

@@ -20,13 +20,13 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: var(--slds-g-spacing-2);
+  gap: var(--slds-g-spacing-2, 0.5rem);
   position: relative;
-  padding: var(--slds-g-spacing-2) var(--slds-g-spacing-3);
+  padding: var(--slds-g-spacing-2, 0.5rem) var(--slds-g-spacing-3, 0.75rem);
   background-color: var(--slds-c-dropdown-item-color-background);
-  color: var(--slds-c-dropdown-item-color, var(--slds-g-color-on-surface-3));
-  line-height: var(--slds-g-font-lineheight-4);
-  font-weight: var(--slds-g-font-weight-4);
+  color: var(--slds-c-dropdown-item-color, var(--slds-g-color-on-surface-3, #181818));
+  line-height: var(--slds-g-font-lineheight-4, 1.5);
+  font-weight: var(--slds-g-font-weight-4, 400);
   cursor: pointer;
 }
 
@@ -39,19 +39,19 @@ a:focus {
 :host([data-render-mode="shadow"]) a:hover {
   background-color: var(
     --slds-c-dropdown-item-color-background-hover,
-    var(--slds-g-color-surface-container-2)
+    var(--slds-g-color-surface-container-2, #f3f3f3)
   );
-  color: var(--slds-c-dropdown-item-color-hover, var(--slds-g-color-on-surface-3));
+  color: var(--slds-c-dropdown-item-color-hover, var(--slds-g-color-on-surface-3, #181818));
 }
 
 :host([data-render-mode="shadow"]) a:focus {
   box-shadow: var(
     --slds-g-shadow-inset-focus-1,
-    0 0 var(--slds-g-sizing-border-3) var(--slds-g-color-brand-base-50)
+    0 0 var(--slds-g-sizing-border-3, 3px) var(--slds-g-color-brand-base-50, #0176d3)
   );
   background-color: var(
     --slds-c-dropdown-item-color-background-focus,
-    var(--slds-g-color-surface-container-2)
+    var(--slds-g-color-surface-container-2, #f3f3f3)
   );
   color: var(--slds-c-dropdown-item-color-focus);
 }
@@ -60,18 +60,18 @@ a:focus {
   text-decoration: none;
   background-color: var(
     --slds-c-dropdown-item-color-background-active,
-    var(--slds-g-color-surface-container-2)
+    var(--slds-g-color-surface-container-2, #f3f3f3)
   );
-  color: var(--slds-c-dropdown-item-color-active, var(--slds-g-color-on-surface-3));
+  color: var(--slds-c-dropdown-item-color-active, var(--slds-g-color-on-surface-3, #181818));
 }
 
 :host([data-render-mode="shadow"]) a[aria-disabled='true'] {
   background-color: var(--slds-c-dropdown-item-color-background-disabled, transparent);
-  color: var(--slds-c-dropdown-item-color-disabled, var(--slds-g-color-disabled-2));
+  color: var(--slds-c-dropdown-item-color-disabled, var(--slds-g-color-disabled-2, #aeaeae));
   cursor: default;
 
   /* Reassignment - lightning-icon */
-  --slds-c-icon-color-foreground-default: var(--slds-g-color-disabled-2);
+  --slds-c-icon-color-foreground-default: var(--slds-g-color-disabled-2, #aeaeae);
   --slds-c-icon-boundary-spacing-inlineend: 25px;
 }
 
@@ -85,18 +85,18 @@ a:focus {
 :host([data-render-mode="shadow"]) a[aria-disabled='true']:hover {
   box-shadow: none;
   background-color: var(--slds-c-dropdown-item-color-background-disabled, transparent);
-  color: var(--slds-c-dropdown-item-color-disabled, var(--slds-g-color-disabled-2));
+  color: var(--slds-c-dropdown-item-color-disabled, var(--slds-g-color-disabled-2, #aeaeae));
 }
 
 :host([data-render-mode="shadow"]) a[aria-disabled='true']:active {
   background-color: var(--slds-c-dropdown-item-color-background-disabled, transparent);
-  color: var(--slds-c-dropdown-item-color-disabled, var(--slds-g-color-disabled-2));
+  color: var(--slds-c-dropdown-item-color-disabled, var(--slds-g-color-disabled-2, #aeaeae));
 }
 
 :host([data-render-mode="shadow"]) a[aria-disabled='true']:focus {
   box-shadow: none;
   background-color: var(--slds-c-dropdown-item-color-background-disabled, transparent);
-  color: var(--slds-c-dropdown-item-color-disabled, var(--slds-g-color-disabled-2));
+  color: var(--slds-c-dropdown-item-color-disabled, var(--slds-g-color-disabled-2, #aeaeae));
 }
 
 /**
@@ -111,7 +111,7 @@ a:focus {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: var(--slds-g-spacing-2);
+  gap: var(--slds-g-spacing-2, 0.5rem);
 }
 
 /**
@@ -121,7 +121,7 @@ a:focus {
    */
 
 :host([data-render-mode="shadow"].slds-has-error) a {
-  background: var(--slds-g-color-error-container-1);
+  background: var(--slds-g-color-error-container-1, #ba0517);
 }
 
 /**
@@ -131,11 +131,11 @@ a:focus {
    */
 
 :host([data-render-mode="shadow"].slds-has-success) a {
-  background: var(--slds-g-color-success-container-1);
+  background: var(--slds-g-color-success-container-1, #2e844a);
 }
 
 :host([data-render-mode="shadow"].slds-has-error) a,:host([data-render-mode="shadow"].slds-has-success) a {
-  color: var(--slds-g-color-on-success-1);
+  color: var(--slds-g-color-on-success-1, #ffffff);
 }
 
 /**
@@ -145,7 +145,7 @@ a:focus {
    */
 
 :host([data-render-mode="shadow"].slds-has-warning) a {
-  background: var(--slds-g-color-warning-container-1);
+  background: var(--slds-g-color-warning-container-1, #dd7a01);
 }
 
 :host([data-render-mode="shadow"].slds-has-warning) .slds-indicator_unread {
@@ -183,10 +183,10 @@ a:focus {
 
 :host([data-render-mode="shadow"]) .slds-indicator_unsaved,:host([data-render-mode="shadow"]) 
 .slds-indicator--unsaved {
-  color: var(--slds-g-color-accent-2);
+  color: var(--slds-g-color-accent-2, var(--lwc-brandPrimaryActive, var(--slds-g-color-brand-base-50)));
   align-self: center;
   position: relative;
 
   /* Unsaved indicator does not have gap spacing, everything else does */
-  margin-inline-end: calc(var(--slds-g-spacing-2) * -1);
+  margin-inline-end: calc(var(--slds-g-spacing-2, 0.5rem) * -1);
 }

package/src/lightning/menuItem/menuItem.d.ts

@@ -10,11 +10,9 @@ export default class LightningMenuItem extends LightningShadowBaseClass {
     _isDraft: boolean;
     _target: any;
     _iconName: any;
-    suffixIconStyling: any;
     suffixSVGClass: any;
     suffixIconVariant: any;
     _prefixIconName: any;
-    prefixIconStyling: any;
     prefixSVGClass: any;
     prefixIconVariant: any;
     _iconType: string;
@@ -40,7 +38,6 @@ export default class LightningMenuItem extends LightningShadowBaseClass {
     get checked(): boolean;
     get computedCheckedIconClass(): string;
     updateIconProperties(type: any, iconName: any): void;
-    calculatedIconStyling(iconName: any, isStandard: any): string;
     get computedHref(): string;
     get computedAriaChecked(): string;
     get computedAriaDisabled(): "true" | "false";

package/src/lightning/menuItem/menuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuItem.d.ts","sourceRoot":"","sources":["../../../../../modules/interop/menuItem/menuItem.js"],"names":[],"mappings":"AAiBA;IACI,kCAAoC;IAMpC,OAFU,MAAM,CAEL;IAMX,OAFU,MAAM,CAEL;IAMX,UAFU,MAAM,CAEF;IAEd,gBAAyB;IACzB,mBAAyB;IACzB,kBAAwB;IACxB,cAA4B;IAC5B,kBAAwB;IACxB,aAAsB;IAEtB,eAAU;IACV,uBAAkB;IAClB,oBAAe;IACf,uBAAkB;IAElB,qBAAgB;IAChB,uBAAkB;IAClB,oBAAe;IACf,uBAAkB;IAElB,kBAAuB;IAMvB,MAFU,MAAM,CAEN;IAOV,sBAFU,MAAM,CAEU;IAgB1B,+BAKC;IATD,uBAGC;IAgBD,qCAKC;IATD,6BAGC;IAoBD,+BAOC;IAZD,uBAGC;IAuBD,4BAEC;IAPD,uBAGC;IAkDD,6BAKC;IAVD,qBAGC;IASD,wCAEC;IAED,uCAEC;IAED,6BAEC;IAED,+BAEC;IAWD,6BAEC;IAND,wBAGC;IAcD,4BAsBC;IA1BD,uBAGC;IAyBD,uCAOC;IAED,qDA4BC;IAED,8DAgBC;IAED,2BAEC;IAED,kCAEC;IAED,6CAGC;IAED,kCAEC;IAED,oDAEC;IAED,6BAgBC;IAED,oBAUC;IAED,8BA0BC;IAED,gCA4BC;IAUD,0BAcC;IAKD,cAOC;IAKD,cAMC;CACJ;qCAndoC,kCAAkC"}
+{"version":3,"file":"menuItem.d.ts","sourceRoot":"","sources":["../../../../../modules/interop/menuItem/menuItem.js"],"names":[],"mappings":"AAkBA;IACI,kCAAoC;IAMpC,OAFU,MAAM,CAEL;IAMX,OAFU,MAAM,CAEL;IAMX,UAFU,MAAM,CAEF;IAEd,gBAAyB;IACzB,mBAAyB;IACzB,kBAAwB;IACxB,cAA4B;IAC5B,kBAAwB;IACxB,aAAsB;IAEtB,eAAU;IACV,oBAAe;IACf,uBAAkB;IAElB,qBAAgB;IAChB,oBAAe;IACf,uBAAkB;IAElB,kBAAuB;IAMvB,MAFU,MAAM,CAEN;IAOV,sBAFU,MAAM,CAEU;IAgB1B,+BAKC;IATD,uBAGC;IAgBD,qCAKC;IATD,6BAGC;IAoBD,+BAWC;IAhBD,uBAGC;IA2BD,4BAEC;IAPD,uBAGC;IAkDD,6BAKC;IAVD,qBAGC;IASD,wCAEC;IAED,uCAEC;IAED,6BAEC;IAED,+BAEC;IAWD,6BAEC;IAND,wBAGC;IAcD,4BAsBC;IA1BD,uBAGC;IAyBD,uCAOC;IAED,qDA2BC;IAED,2BAEC;IAED,kCAEC;IAED,6CAGC;IAED,kCAEC;IAED,oDAEC;IAED,6BAgBC;IAED,oBAUC;IAED,8BA0BC;IAED,gCA4BC;IAUD,0BAcC;IAKD,cAOC;IAKD,cAMC;CACJ;qCAlcoC,kCAAkC"}

package/src/lightning/menuItem/menuItem.html

@@ -29,7 +29,6 @@
                 <!-- Prefix icon -->
                 <template if:true={prefixIconName}>
                     <lightning-primitive-icon
-                        style={prefixIconStyling}
                         class="slds-m-right_x-small"
                         icon-name={prefixIconName}
                         size="x-small"
@@ -44,7 +43,6 @@
                 <!-- Suffix icon -->
                 <template if:true={iconName}>
                     <lightning-primitive-icon
-                        style={suffixIconStyling}
                         class="slds-m-left_small"
                         icon-name={iconName}
                         size="x-small"

package/src/lightning/menuItem/menuItem.js

@@ -4,10 +4,11 @@
  * For full license text, see the LICENSE.txt file
  */
 import { api, track } from 'lwc';
+import { features } from 'lightning/features';
 import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
 import { classSet } from 'lightning/utils';
 import { normalizeBoolean, normalizeString, keyCodes, sanitizeURL, FALLBACK_URL, } from 'lightning/utilsPrivate';
-import { getCategory, isValidName, getIconColor } from 'lightning/iconUtils';
+import { getCategory, isValidName, computeSldsClass } from 'lightning/iconUtils';
 const selectedClass = 'slds-is-selected';
 export default class LightningMenuItem extends LightningShadowBaseClass {
     static validationOptOut = ['class'];
@@ -30,11 +31,9 @@ export default class LightningMenuItem extends LightningShadowBaseClass {
     @track
     _target = null;
     _iconName;
-    suffixIconStyling;
     suffixSVGClass;
     suffixIconVariant;
     _prefixIconName;
-    prefixIconStyling;
     prefixSVGClass;
     prefixIconVariant;
     _iconType = 'standard';
@@ -71,6 +70,9 @@ export default class LightningMenuItem extends LightningShadowBaseClass {
         return this._iconType;
     }
     set iconType(newValue) {
+        if (!features.ENABLE_COLOR_ICONS_MENU_ITEM) {
+            return;
+        }
         this._iconType = normalizeString(newValue, {
             fallbackValue: 'standard',
             validValues: ['standard', 'color'],
@@ -166,32 +168,20 @@ export default class LightningMenuItem extends LightningShadowBaseClass {
             category === 'utility' ||
             category === 'doctype';
         const isActionIcon = category === 'action';
-        this[`${type}IconStyling`] = this.calculatedIconStyling(iconName, isStandard);
         const svgClassSet = classSet('slds-icon').add({
             'slds-icon-text-default': isStandard,
             'slds-icon_container': !isStandard,
             'slds-p-around_xxx-small slds-icon_container_circle': !isStandard && isActionIcon,
         });
+        if (!isStandard && isValidName(iconName)) {
+            svgClassSet.add(computeSldsClass(iconName));
+        }
         if (type === 'suffix') {
             svgClassSet.add('slds-shrink-none');
         }
         this[`${type}SVGClass`] = svgClassSet.toString();
         this[`${type}IconVariant`] = isStandard ? 'bare' : 'inverse';
     }
-    calculatedIconStyling(iconName, isStandard) {
-        if (isStandard) {
-            return undefined;
-        }
-        if (isValidName(iconName)) {
-            const sdsStylingHook = '--sds-c-icon-color-background';
-            const sldsStylingHook = '--slds-c-icon-color-background';
-            const fallBackColor = 'transparent';
-            const color = getIconColor(iconName);
-            const colorToUse = color ? color : fallBackColor;
-            return `${sdsStylingHook}: var(${sldsStylingHook}, ${colorToUse})`;
-        }
-        return '';
-    }
     get computedHref() {
         return sanitizeURL(this.href);
     }

package/src/lightning/menuSubheader/menu-subheader.slds.css

@@ -1,9 +1,9 @@
 
 :host([data-render-mode="shadow"]) .slds-dropdown__header {
-  font-size: var(--slds-g-font-size-base);
-  font-weight: var(--slds-g-font-weight-7);
-  padding-block: var(--slds-g-spacing-2);
-  padding-inline: var(--slds-g-spacing-3);
+  font-size: var(--slds-g-font-size-base, 0.8125rem);
+  font-weight: var(--slds-g-font-weight-7, 700);
+  padding-block: var(--slds-g-spacing-2, 0.5rem);
+  padding-inline: var(--slds-g-spacing-3, 0.75rem);
 }
 
 /**

package/src/lightning/modalBase/modal-base.slds.css

@@ -81,10 +81,10 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
-  margin: 0 var(--slds-g-spacing-6);
+  margin: 0 var(--slds-g-spacing-6, 2rem);
   height: 100%;
-  padding: var(--slds-g-spacing-8) 0 var(--slds-g-spacing-12) 0;
-  border-radius: var(--slds-g-spacing-1);
+  padding: var(--slds-g-spacing-8, 3rem) 0 var(--slds-g-spacing-12, 5rem) 0;
+  border-radius: var(--slds-g-spacing-1, 0.25rem);
 }
 
 :host([data-render-mode="shadow"]) .slds-modal__close {
@@ -92,7 +92,7 @@
   height: 2rem;
   margin-inline-start: auto;
   position: relative;
-  background-color: var(--slds-g-color-neutral-base-100);
+  background-color: var(--slds-g-color-neutral-base-100, #ffffff);
   border-radius: 0.25rem;
   bottom: 0.5rem;
   flex-shrink: 0;
@@ -175,8 +175,8 @@
     max-width: none;
     min-width: 0;
     margin: 0;
-    padding: var(--slds-g-spacing-4) 0 0 0;
-    background-color: var(--slds-c-modalbase-color-background, var(--slds-g-color-surface-1));
+    padding: var(--slds-g-spacing-4, 1rem) 0 0 0;
+    background-color: var(--slds-c-modalbase-color-background, var(--slds-g-color-surface-1, #ffffff));
     border-radius: 0;
 
     /* Establishes the main layout of the modal. Grid is defined by grid-template-areas
@@ -192,7 +192,7 @@
 
   :host([data-render-mode="shadow"]) .slds-modal_full .slds-modal__close {
     grid-area: close;
-    inset-inline-end: var(--slds-g-spacing-4);
+    inset-inline-end: var(--slds-g-spacing-4, 1rem);
 
     /**
        * A few things going on here:
@@ -203,15 +203,15 @@
        *   so the values of empty hooks default to initial values. In the case
        *   of background colors, the background will disappear (initial = transparent).
        */
-    --slds-c-button-color-background: var(--slds-g-color-surface-container-1, white);
-    --slds-c-button-color-background-active: var(--slds-g-color-surface-container-1, white);
+    --slds-c-button-color-background: var(--slds-g-color-surface-container-1, #ffffff, white);
+    --slds-c-button-color-background-active: var(--slds-g-color-surface-container-1, #ffffff, white);
 
-    color: var(--slds-g-color-on-surface-1);
+    color: var(--slds-g-color-on-surface-1, #747474);
   }
 
   :host([data-render-mode="shadow"]) .slds-modal_full .slds-modal__close:hover,:host([data-render-mode="shadow"]) 
   .slds-modal_full .slds-modal__close:focus {
-    color: var(--slds-g-color-accent-3);
+    color: var(--slds-g-color-accent-3, #0b5cab);
   }
 
   /**

package/src/lightning/modalBase/modalBase.css

@@ -5,7 +5,7 @@ div[data-slot] {
     display: contents;
 }
 
-@media only screen and (max-width: 40rem) {
+@media only screen and (max-width: 42.688rem) {
     .slds-modal__container__reflow_resize {
         margin-left: 0.1rem;
         margin-right: 0.1rem;

package/src/lightning/modalBase/modalBase.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="experimental-core-types" />
 import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
 import { instanceName } from 'lightning/overlayUtils';
 import AriaObserver from 'lightning/ariaObserver';

package/src/lightning/modalBase/modalBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalBase.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/modalBase/modalBase.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"modalBase.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/modalBase/modalBase.ts"],"names":[],"mappings":"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"}

package/src/lightning/modalBody/modal-body.slds.css

@@ -1,7 +1,7 @@
 
 :host([data-render-mode="shadow"]) .slds-modal__content_headless {
-  border-start-end-radius: var(--slds-c-modalbody-radius-border, var(--slds-g-radius-border-2));
-  border-start-start-radius: var(--slds-c-modalbody-radius-border, var(--slds-g-radius-border-2));
+  border-start-end-radius: var(--slds-c-modalbody-radius-border, var(--slds-g-radius-border-2, 0.25rem));
+  border-start-start-radius: var(--slds-c-modalbody-radius-border, var(--slds-g-radius-border-2, 0.25rem));
 }
 
 :host([data-render-mode="shadow"]) .slds-modal__content {
@@ -12,16 +12,16 @@
   --slds-c-modal-content-color-background: var(--slds-c-modalbody-color-background);
   --slds-c-modal-content-text-color: var(--slds-c-modalbody-text-color);
 
-  background-color: var(--slds-c-modalbody-color-background, var(--slds-g-color-surface-container-1));
+  background-color: var(--slds-c-modalbody-color-background, var(--slds-g-color-surface-container-1, #ffffff));
   color: var(--slds-c-modalbody-text-color);
   overflow: hidden;
   overflow-y: auto;
 }
 
 :host([data-render-mode="shadow"]) .slds-modal__content_footless {
-  border-bottom-right-radius: var(--slds-c-modalbody-radius-border, var(--slds-g-radius-border-2));
-  border-bottom-left-radius: var(--slds-c-modalbody-radius-border, var(--slds-g-radius-border-2));
-  box-shadow: var(--slds-c-modalbody-shadow, var(--slds-g-shadow-2));
+  border-bottom-right-radius: var(--slds-c-modalbody-radius-border, var(--slds-g-radius-border-2, 0.25rem));
+  border-bottom-left-radius: var(--slds-c-modalbody-radius-border, var(--slds-g-radius-border-2, 0.25rem));
+  box-shadow: var(--slds-c-modalbody-shadow, var(--slds-g-shadow-2, 0px 2px 3px 0px #00000027));
 }
 
 /* Sizes: Full */

package/src/lightning/modalFooter/modal-footer.slds.css

@@ -15,19 +15,19 @@
   --slds-c-modal-footer-spacing-block-end: var(--slds-c-modalfooter-spacing-block-end);
   --slds-c-modal-footer-spacing-inline-start: var(--slds-c-modalfooter-spacing-inline-start);
 
-  border-end-end-radius: var(--slds-c-modalfooter-radius-border, var(--slds-g-radius-border-2));
-  border-end-start-radius: var(--slds-c-modalfooter-radius-border, var(--slds-g-radius-border-2));
-  border-block-start-width: var(--slds-c-modalfooter-sizing-border, var(--slds-g-sizing-border-2));
+  border-end-end-radius: var(--slds-c-modalfooter-radius-border, var(--slds-g-radius-border-2, 0.25rem));
+  border-end-start-radius: var(--slds-c-modalfooter-radius-border, var(--slds-g-radius-border-2, 0.25rem));
+  border-block-start-width: var(--slds-c-modalfooter-sizing-border, var(--slds-g-sizing-border-2, 2px));
   border-block-start-style: solid;
-  border-block-start-color: var(--slds-c-modalfooter-color-border, var(--slds-g-color-border-1));
-  background-color: var(--slds-c-modalfooter-color-background, var(--slds-g-color-surface-container-2));
+  border-block-start-color: var(--slds-c-modalfooter-color-border, var(--slds-g-color-border-1, var(--slds-g-color-neutral-base-80)));
+  background-color: var(--slds-c-modalfooter-color-background, var(--slds-g-color-surface-container-2, #f3f3f3));
   color: var(--slds-c-modalfooter-text-color);
   -ms-flex-negative: 0;
   flex-shrink: 0;
-  padding-block-start: var(--slds-c-modalfooter-spacing-block-start, var(--slds-g-spacing-3));
-  padding-inline-end: var(--slds-c-modalfooter-spacing-inline-end, var(--slds-g-spacing-4));
-  padding-block-end: var(--slds-c-modalfooter-spacing-block-end, var(--slds-g-spacing-3));
-  padding-inline-start: var(--slds-c-modalfooter-spacing-inline-start, var(--slds-g-spacing-4));
+  padding-block-start: var(--slds-c-modalfooter-spacing-block-start, var(--slds-g-spacing-3, 0.75rem));
+  padding-inline-end: var(--slds-c-modalfooter-spacing-inline-end, var(--slds-g-spacing-4, 1rem));
+  padding-block-end: var(--slds-c-modalfooter-spacing-block-end, var(--slds-g-spacing-3, 0.75rem));
+  padding-inline-start: var(--slds-c-modalfooter-spacing-inline-start, var(--slds-g-spacing-4, 1rem));
   text-align: right;
   box-shadow: var(--slds-c-modalfooter-shadow, 0 2px 3px 0 rgba(0, 0, 0, 16%));
   /* stylelint-enable sds-stylelint-plugin/styling-hooks-deprecated */
@@ -71,7 +71,7 @@
 }
 
 :host([data-render-mode="shadow"]) .slds-modal__footer .slds-button + .slds-button {
-  margin-inline-start: var(--slds-g-spacing-2);
+  margin-inline-start: var(--slds-g-spacing-2, 0.5rem);
 }
 
 /* styles used in multi-column-sorting-modal and can be used in future usecases of
@@ -84,5 +84,5 @@
 }
 
 :host([data-render-mode="shadow"].slds-modal__footer_directional) ::slotted(.slds-button) {
-  margin-inline-start: var(--slds-g-spacing-2);
+  margin-inline-start: var(--slds-g-spacing-2, 0.5rem);
 }

package/src/lightning/modalFooter/modalFooter.css

@@ -1,6 +1,6 @@
 @import './modalFooter.lbc.native.css';
 
-@media only screen and (max-width: 40rem) {
+@media only screen and (max-width: 42.688rem) {
     .slds-modal__footer__reflow_resize {
         padding-top: 0;
         padding-bottom: 0;

package/src/lightning/modalHeader/modal-header.slds.css

@@ -20,18 +20,18 @@
   --slds-c-modal-heading-font-lineheight: var(--slds-c-modalheader-heading-font-lineheight);
 
   position: relative;
-  border-start-end-radius: var(--slds-c-modalheader-radius-border, var(--slds-g-radius-border-2));
-  border-start-start-radius: var(--slds-c-modalheader-radius-border, var(--slds-g-radius-border-2));
-  border-block-end-width: var(--slds-c-modalheader-sizing-border, var(--slds-g-sizing-border-2));
+  border-start-end-radius: var(--slds-c-modalheader-radius-border, var(--slds-g-radius-border-2, 0.25rem));
+  border-start-start-radius: var(--slds-c-modalheader-radius-border, var(--slds-g-radius-border-2, 0.25rem));
+  border-block-end-width: var(--slds-c-modalheader-sizing-border, var(--slds-g-sizing-border-2, 2px));
   border-block-end-style: solid;
-  border-block-end-color: var(--slds-c-modalheader-color-border, var(--slds-g-color-border-1));
-  background-color: var(--slds-c-modalheader-color-background, var(--slds-g-color-surface-container-1));
+  border-block-end-color: var(--slds-c-modalheader-color-border, var(--slds-g-color-border-1, var(--slds-g-color-neutral-base-80)));
+  background-color: var(--slds-c-modalheader-color-background, var(--slds-g-color-surface-container-1, #ffffff));
   color: var(--slds-c-modalheader-text-color);
   flex-shrink: 0;
-  padding-block-start: var(--slds-c-modalheader-spacing-block-start, var(--slds-g-spacing-4));
-  padding-inline-end: var(--slds-c-modalheader-spacing-inline-end, var(--slds-g-spacing-4));
-  padding-block-end: var(--slds-c-modalheader-spacing-block-end, var(--slds-g-spacing-4));
-  padding-inline-start: var(--slds-c-modalheader-spacing-inline-start, var(--slds-g-spacing-4));
+  padding-block-start: var(--slds-c-modalheader-spacing-block-start, var(--slds-g-spacing-4, 1rem));
+  padding-inline-end: var(--slds-c-modalheader-spacing-inline-end, var(--slds-g-spacing-4, 1rem));
+  padding-block-end: var(--slds-c-modalheader-spacing-block-end, var(--slds-g-spacing-4, 1rem));
+  padding-inline-start: var(--slds-c-modalheader-spacing-inline-start, var(--slds-g-spacing-4, 1rem));
   text-align: center;
   /* stylelint-enable sds-stylelint-plugin/styling-hooks-deprecated */
 
@@ -41,7 +41,7 @@
 :host([data-render-mode="shadow"]) .slds-modal__title {
   font-weight: var(--slds-c-modalheader-heading-font-weight);
   font-size: var(--slds-c-modalheader-heading-font-size, 1.25rem);
-  line-height: var(--slds-c-modalheader-heading-font-lineheight, var(--slds-g-font-lineheight-2));
+  line-height: var(--slds-c-modalheader-heading-font-lineheight, var(--slds-g-font-lineheight-2, 1.25));
 }
 
 /* Sizes: Full */

package/src/lightning/modalHeader/modalHeader.css

@@ -2,7 +2,7 @@
 @import './modal-header.slds.css';
 @import 'lightning/sldsUtilsHyphenation';
 
-@media only screen and (max-width: 40rem) {
+@media only screen and (max-width: 42.688rem) {
     .slds-modal__header__reflow_resize,
     .slds-modal_full .slds-modal__header__reflow_resize {
         padding-top: 0;

package/src/lightning/multiColumnSortingModal/multiColumnSortingModal.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="experimental-core-types" />
-export default class MultiColumnSortingModal extends LightningModal<any> {
-    constructor();
+export default class MultiColumnSortingModal extends LightningModal {
     dynamicCmp: any;
     dynamicCmpEvents: any;
     dynamicCmpAttributes: any;
@@ -32,7 +30,6 @@ export default class MultiColumnSortingModal extends LightningModal<any> {
         columnMovedUp: string;
         columnMovedDown: string;
     };
-    connectedCallback(): void;
     renderedCallback(): void;
     validationThroughApplyButton: boolean;
     get columnSorters(): Element[];

package/src/lightning/multiColumnSortingModal/multiColumnSortingModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiColumnSortingModal.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/multiColumnSortingModal/multiColumnSortingModal.js"],"names":[],"mappings":";AA+CA;IA3C8E,cACtE;IA2CJ,gBAAgB;IAChB,sBAAsB;IACtB,0BAA0B;IAG1B,gBAAgB;IAChB,aAAe;IACf;;;QAA4B;IAG5B,qBAAmB;IACnB,gBAAW;IACX,yBAAwB;IACxB,sBAAmB;IAEnB,wBAA+B;IAE/B;;;;;;;;;;;;;;;;MAEC;IAMD,0BAqBC;IAED,yBAiDC;IALO,sCAAyC;IAQjD,+BAIC;IAGD,4BAEC;IAGD,qBAOC;IAED;;;;;;;QAYC;IAMD,4BAWC;IAKD,4BAKC;IAKD,gDAIC;IAKD,uCAQC;IAKD,qCAwBC;IAKD,qCAEC;IAKD,sBAGC;IAKD,mCAiBC;IAKD,wCAiBC;IAKD,qCA6BC;IAMD,mBA8BC;IAED,8DAiBC;IAED,uDAWC;IAKD,mBAGC;IAKD,oBAEC;IAMD,wBAoBC;IAQD,sCAmBC;IAQD,4CAOC;CACJ;2BAxf0B,iBAAiB"}
+{"version":3,"file":"multiColumnSortingModal.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/multiColumnSortingModal/multiColumnSortingModal.js"],"names":[],"mappings":"AA+CA;IACI,gBAAgB;IAChB,sBAAsB;IACtB,0BAA0B;IAG1B,gBAAgB;IAChB,aAAe;IACf;;;QAA4B;IAG5B,qBAAmB;IACnB,gBAAW;IACX,yBAAwB;IACxB,sBAAmB;IAEnB,wBAA+B;IAE/B;;;;;;;;;;;;;;;;MAEC;IA6BD,yBAiDC;IALO,sCAAyC;IAQjD,+BAIC;IAGD,4BAEC;IAGD,qBAOC;IAED;;;;;;;QAYC;IAMD,4BAWC;IAKD,4BAKC;IAKD,gDAIC;IAKD,uCAQC;IAKD,qCAwBC;IAKD,qCAEC;IAKD,sBAGC;IAKD,mCAiBC;IAKD,wCAiBC;IAKD,qCA6BC;IAMD,mBA8BC;IAED,8DAiBC;IAED,uDAWC;IAKD,mBAGC;IAKD,oBAEC;IAMD,wBAoBC;IAQD,sCAmBC;IAQD,4CAOC;CACJ;2BAxf0B,iBAAiB"}

package/src/lightning/overlayContainer/overlayContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlayContainer.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/overlayContainer/overlayContainer.ts"],"names":[],"mappings":"AACA,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AAkBxE,UAAU,gBAAgB;IACtB,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,wBAAwB;IAO3E,KAAK,EAAE,gBAAgB,EAAE,CAAM;IAC/B,gBAAgB,EAAE,OAAO,CAAS;IAElC,IAAI,IAAI,IAAI,WAAW,CAItB;IASD,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IA2DhD,kBAAkB,CAAC,OAAO,EAAE,WAAW,GAAG,gBAAgB,GAAG,SAAS;IAItE,uBAAuB,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM;IAahD,GAAG,CACJ,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,EACvD,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,GAC1B,IAAI;IA0CP,aAAa,CACT,OAAO,EAAE,WAAW,EACpB,aAAa,CAAC,EAAE,WAAW,EAC3B,EAAE,CAAC,EAAE,MAAM,GACZ,IAAI;IAkCP,iBAAiB,IAAI,IAAI;IAqKzB,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO;CAYtD"}
+{"version":3,"file":"overlayContainer.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/overlayContainer/overlayContainer.ts"],"names":[],"mappings":"AACA,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AAkBxE,UAAU,gBAAgB;IACtB,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,wBAAwB;IAO3E,KAAK,EAAE,gBAAgB,EAAE,CAAM;IAC/B,gBAAgB,EAAE,OAAO,CAAS;IAElC,IAAI,IAAI,IAAI,WAAW,CAItB;IASD,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAoEhD,kBAAkB,CAAC,OAAO,EAAE,WAAW,GAAG,gBAAgB,GAAG,SAAS;IAItE,uBAAuB,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM;IAchD,GAAG,CACJ,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,EACvD,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,GAC1B,IAAI;IA2CP,aAAa,CACT,OAAO,EAAE,WAAW,EACpB,aAAa,CAAC,EAAE,WAAW,EAC3B,EAAE,CAAC,EAAE,MAAM,GACZ,IAAI;IAkCP,iBAAiB,IAAI,IAAI;IAqKzB,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO;CAYtD"}

package/src/lightning/overlayContainer/overlayContainer.js

@@ -46,6 +46,9 @@ export default class LightningOverlayContainer extends LightningShadowBaseClass
             const parentElement = createElement(overlayParent[instanceName], {
                 is: overlayParent,
             });
+            if (overlayInstanceName === 'lightning-panel') {
+                parentElement.focusTrapEnabled = apis.enableFocusTrap;
+            }
             this.root.appendChild(parentElement);
             parentElement.defaultSlot.appendChild(element);
             promise = new Promise((resolve) => {

package/src/lightning/overlayManager/overlayManager.d.ts

@@ -17,6 +17,9 @@ export const LWC_OVERLAY_TYPES: Readonly<{
     "lightning-modal": {
         pos: string;
     };
+    "lightning-panel": {
+        pos: string;
+    };
     "lightning-alert": {
         pos: string;
     };

package/src/lightning/overlayManager/overlayManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlayManager.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/overlayManager/overlayManager.js"],"names":[],"mappings":"AAgHA,uDALW,MAAM,eACN,MAAM,4BA+ChB;AAoKD,kEAqBC;AAQD,uEA0CC;AAYD,6CAHW,OAAO,4BASjB;AAMD,uCAFW,MAAM,OAIhB;AA6BD,oCAFa,OAAO,CAWnB;AA3aD,+DAAgE;AAGhE,uCAAwC;AACxC,+CAAgD;AAChD,wDAAyD;AACzD,qCAAsC;AACtC,kCAAmC;AAGnC;;;;;;;;;;;;;;;;;;;;;GAWG;AAGH,yCAA0C;AAC1C,wCAAyC;AACzC,sCAAuC;AACvC;;;;EAEE"}
+{"version":3,"file":"overlayManager.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/overlayManager/overlayManager.js"],"names":[],"mappings":"AAkHA,uDALW,MAAM,eACN,MAAM,4BA+ChB;AAoKD,kEAqBC;AAQD,uEA0CC;AAYD,6CAHW,OAAO,4BASjB;AAMD,uCAFW,MAAM,OAIhB;AA6BD,oCAFa,OAAO,CAWnB;AA5aD,+DAAgE;AAGhE,uCAAwC;AACxC,+CAAgD;AAChD,wDAAyD;AACzD,qCAAsC;AACtC,kCAAmC;AAGnC;;;;;;;;;;;;;;;;;;;;;;;;GAYG;AAGH,yCAA0C;AAC1C,wCAAyC;AACzC,sCAAuC;AACvC;;;;EAEE"}

package/src/lightning/overlayManager/overlayManager.js

@@ -4,6 +4,7 @@
  * For full license text, see the LICENSE.txt file
  */
 const TYPE_MODAL = 'lightning-modal';
+const TYPE_PANEL = 'lightning-panel';
 const TYPE_ALERT = 'lightning-alert';
 const TYPE_CONFIRM = 'lightning-confirm';
 const TYPE_PROMPT = 'lightning-prompt';
@@ -17,6 +18,7 @@ export const LWC_ZINDEX_OFFSET = 1;
 export const LWC_OVERLAY_TYPES = Object.freeze({
     [TYPE_OVERLAY]: { pos: 'absolute' },
     [TYPE_MODAL]: { pos: 'absolute' },
+    [TYPE_PANEL]: { pos: 'absolute' },
     [TYPE_ALERT]: { pos: 'absolute' },
     [TYPE_CONFIRM]: { pos: 'absolute' },
     [TYPE_PROMPT]: { pos: 'absolute' },