lightning-base-components 1.18.7-alpha → 1.18.7-ssr

package/src/lightning/buttonIcon/button-icon.slds.css

@@ -484,14 +484,20 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     justify-content: center;
   }
 
+  /**
+   * Represents inner spacing around icon for icon-position="left", when present
+   */
   :host([data-render-mode="shadow"]) [part~='start'] {
     display: inline-flex;
-    padding-inline-end: var(--sds-g-spacing-2, 0.5rem);
+    padding-inline-end: 0;
   }
 
+  /**
+   * Represents inner spacing around icon for icon-position="right", when present
+   */
   :host([data-render-mode="shadow"]) [part~='end'] {
     display: inline-flex;
-    padding-inline-start: var(--sds-g-spacing-2, 0.5rem);
+    padding-inline-start: 0;
   }
 }
 
@@ -883,7 +889,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
   /**
       * End part
       */
-  :host([data-render-mode="shadow"]) [part~='end'] {
+  :host([data-render-mode="shadow"]) [part='end'] {
     padding-inline-start: var(--slds-c-buttonicon-end-spacing-inline-start, 0);
   }
 

package/src/lightning/buttonIcon/buttonIcon.css

@@ -1,2 +1,2 @@
-/* @import 'lightning/sldsCommon';
-@import './button-icon.slds.css'; */
+@import 'lightning/sldsCommon';
+@import './button-icon.slds.css';

package/src/lightning/buttonIcon/buttonIcon.js

@@ -318,6 +318,7 @@ export default class LightningButtonIcon extends LightningPrimitiveButton {
      * the buttons.
      */
     connectedCallback() {
+        super.connectedCallback();
         this._connected = true;
         if (isCSR) {
             this.dispatchEvent(

package/src/lightning/buttonIconStateful/button-icon-stateful.slds.css

@@ -524,14 +524,20 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     justify-content: center;
   }
 
+  /**
+   * Represents inner spacing around icon for icon-position="left", when present
+   */
   :host([data-render-mode="shadow"]) [part~='start'] {
     display: inline-flex;
-    padding-inline-end: var(--sds-g-spacing-2, 0.5rem);
+    padding-inline-end: 0;
   }
 
+  /**
+   * Represents inner spacing around icon for icon-position="right", when present
+   */
   :host([data-render-mode="shadow"]) [part~='end'] {
     display: inline-flex;
-    padding-inline-start: var(--sds-g-spacing-2, 0.5rem);
+    padding-inline-start: 0;
   }
 }
 
@@ -923,7 +929,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
   /**
       * End part
       */
-  :host([data-render-mode="shadow"]) [part~='end'] {
+  :host([data-render-mode="shadow"]) [part='end'] {
     padding-inline-start: var(--slds-c-buttonicon-end-spacing-inline-start, 0);
   }
 
@@ -953,7 +959,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
 
 @supports (--styling-hooks: '') {
   /* :host::part(button-icon-stateful), */
-  :host([data-render-mode="shadow"]) [part~='button-icon-stateful'] {
+  :host([data-render-mode="shadow"]) [part='button-icon-stateful'] {
     display: inline-flex;
     color: var(--slds-c-buttoniconstateful-color-foreground);
 
@@ -989,7 +995,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
   }
 
   /* :host([variant='border-filled'])::part(button-icon-stateful), */
-  :host([data-render-mode="shadow"][variant='border-filled']) [part~='button-icon-stateful'] {
+  :host([data-render-mode="shadow"][variant='border-filled']) [part='button-icon-stateful'] {
     --slds-c-buttonicon-borderfilled-color-background: var(
       --slds-c-buttoniconstateful-borderfilled-color-background
     );
@@ -1016,7 +1022,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
   }
 
   /* :host([variant='border-inverse'])::part(button-icon-stateful), */
-  :host([data-render-mode="shadow"][variant='border-inverse']) [part~='button-icon-stateful'] {
+  :host([data-render-mode="shadow"][variant='border-inverse']) [part='button-icon-stateful'] {
     --slds-c-buttonicon-borderinverse-color-border: var(
       --slds-c-buttoniconstateful-borderinverse-color-border
     );
@@ -1045,7 +1051,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
   }
 
   /* Selected + Variants */
-  :host([data-render-mode="shadow"][selected]) [part~='button-icon-stateful'] {
+  :host([data-render-mode="shadow"][selected]) [part='button-icon-stateful'] {
     --slds-c-buttoniconstateful-color-foreground: var(
       --slds-c-buttoniconstateful-color-foreground-selected,
       var(--sds-g-color-neutral-base-100, #ffffff)
@@ -1098,7 +1104,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     );
   }
 
-  :host([data-render-mode="shadow"][selected][variant='border-filled']) [part~='button-icon-stateful'] {
+  :host([data-render-mode="shadow"][selected][variant='border-filled']) [part='button-icon-stateful'] {
     --slds-c-buttoniconstateful-borderfilled-color-background: var(
       --slds-c-buttoniconstateful-borderfilled-color-background-selected,
       var(--sds-g-color-brand-base-50, #0176d3)
@@ -1153,7 +1159,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     );
   }
 
-  :host([data-render-mode="shadow"][selected][variant='border-inverse']) [part~='button-icon-stateful'] {
+  :host([data-render-mode="shadow"][selected][variant='border-inverse']) [part='button-icon-stateful'] {
     --slds-c-buttoniconstateful-borderinverse-color-border: var(
       --slds-c-buttoniconstateful-borderinverse-color-border-selected,
       var(--sds-g-color-brand-base-50, #0176d3)

package/src/lightning/buttonIconStateful/buttonIconStateful.css

@@ -1,2 +1,2 @@
-/* @import 'lightning/sldsCommon';
-@import './button-icon-stateful.slds.css'; */
+@import 'lightning/sldsCommon';
+@import './button-icon-stateful.slds.css';

package/src/lightning/buttonMenu/button-menu.slds.css

@@ -187,7 +187,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     --slds-c-icon-color-foreground: var(--sds-g-color-neutral-base-70, #aeaeae);
   }
 
-  :host([data-render-mode="shadow"]) [part~='boundary'] {
+  :host([data-render-mode="shadow"]) [part='boundary'] {
     /* --sds-c-icon-color-background: var(--slds-c-icon-color-background); */
     --sds-c-icon-radius-border: var(--slds-c-icon-radius-border, var(--sds-g-radius-border-2, 0.25rem));
     --sds-c-icon-sizing-border: var(--slds-c-icon-sizing-border);
@@ -217,7 +217,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     display: inline-flex;
   }
 
-  :host([data-render-mode="shadow"]) [part~='icon'] {
+  :host([data-render-mode="shadow"]) [part='icon'] {
     --sds-c-icon-color-foreground: var(--slds-c-icon-color-foreground, var(--sds-g-color-neutral-base-100, #ffffff));
     --sds-c-icon-sizing-height: var(--slds-c-icon-sizing-height, var(--slds-c-icon-sizing, var(--sds-g-sizing-9, 2rem)));
     --sds-c-icon-sizing-width: var(--slds-c-icon-sizing-width, var(--slds-c-icon-sizing, var(--sds-g-sizing-9, 2rem)));
@@ -302,7 +302,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
 
 :host([data-render-mode="shadow"]) .slds-input__icon {
   --slds-c-icon-sizing: calc(var(--sds-g-sizing-1, 0.125rem) + var(--sds-g-sizing-4, 0.75rem));
-  
+
   position: absolute;
   top: 50%;
   margin-block-start: -0.4375rem;
@@ -652,14 +652,20 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     justify-content: center;
   }
 
+  /**
+   * Represents inner spacing around icon for icon-position="left", when present
+   */
   :host([data-render-mode="shadow"]) [part~='start'] {
     display: inline-flex;
-    padding-inline-end: var(--sds-g-spacing-2, 0.5rem);
+    padding-inline-end: 0;
   }
 
+  /**
+   * Represents inner spacing around icon for icon-position="right", when present
+   */
   :host([data-render-mode="shadow"]) [part~='end'] {
     display: inline-flex;
-    padding-inline-start: var(--sds-g-spacing-2, 0.5rem);
+    padding-inline-start: 0;
   }
 }
 
@@ -1051,7 +1057,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
   /**
       * End part
       */
-  :host([data-render-mode="shadow"]) [part~='end'] {
+  :host([data-render-mode="shadow"]) [part='end'] {
     padding-inline-start: var(--slds-c-buttonicon-end-spacing-inline-start, 0);
   }
 
@@ -1855,7 +1861,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
    * are different so we target button_icon specifically. display: flex
    * comes from parent button styles.
    */
-  :host([data-render-mode="shadow"]) [part~='button-icon'] {
+  :host([data-render-mode="shadow"]) [part='button-icon'] {
     gap: var(--sds-g-spacing-1, 0.25rem);
   }
 

package/src/lightning/buttonMenu/buttonMenu.css

@@ -1,2 +1,2 @@
-/* @import 'lightning/sldsCommon';
-@import './button-menu.slds.css'; */
+@import 'lightning/sldsCommon';
+@import './button-menu.slds.css';

package/src/lightning/buttonMenu/buttonMenu.js

@@ -1,6 +1,7 @@
 import labelLoading from '@salesforce/label/LightningButtonMenu.loading';
 import labelShowMenu from '@salesforce/label/LightningButtonMenu.showMenu';
-import { LightningElement, api, track } from 'lwc';
+import { api, track } from 'lwc';
+import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
 import { classSet } from 'lightning/utils';
 import {
     normalizeBoolean,
@@ -46,7 +47,7 @@ validMenuAlignments.push(...['auto', 'auto-right', 'auto-left']);
  * Represents a dropdown menu with a list of actions or functions.
  * @slot default Placeholder for menu-item
  */
-export default class LightningButtonMenu extends LightningElement {
+export default class LightningButtonMenu extends LightningShadowBaseClass {
     static delegatesFocus = true;
 
     /**
@@ -145,6 +146,7 @@ export default class LightningButtonMenu extends LightningElement {
     _needsFocusAfterRender = false;
 
     connectedCallback() {
+        super.connectedCallback();
         this._connected = true;
         this.keyboardInterface = this.menuKeyboardInterface();