lightning-base-components 1.18.1-alpha → 1.18.3-alpha

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

@@ -317,6 +317,7 @@ export default class LightningButtonIcon extends LightningPrimitiveButton {
      * the buttons.
      */
     connectedCallback() {
+        super.connectedCallback();
         this._connected = true;
         this.dispatchEvent(
             new CustomEvent('privatebuttoniconregister', {
@@ -354,5 +355,8 @@ export default class LightningButtonIcon extends LightningPrimitiveButton {
     disconnectedCallback() {
         super.disconnectedCallback();
         this._connected = false;
+        if (this._tooltip) {
+            this._tooltip.disconnect();
+        }
     }
 }

package/src/lightning/buttonIconStateful/__docs__/buttonIconStateful.md

@@ -119,26 +119,26 @@ To apply custom styling, use the `:host` selector or define a custom class using
 ></lightning-button-icon-stateful>
 ```
 
-Use SLDS styling hooks to customize the component's styles. For example, specify the background color on the button using the `--sds-c-button-color-background` custom property.
+Use SLDS styling hooks to customize the component's styles. For example, specify the background color on the button using the `--slds-c-button-color-background` custom property.
 
 ```css
 .my-brand {
-    --sds-c-button-color-background: purple;
+    --slds-c-button-color-background: purple;
 }
 ```
 
-`lightning-button-icon-stateful` contains the same customizable elements as `lightning-button`, which supports `--sds-c-button-*` custom properties.
+`lightning-button-icon-stateful` contains the same customizable elements as `lightning-button`, which supports `--slds-c-button-*` custom properties.
 
 Custom properties for stateful button icons work only with particular `lightning-button-icon-stateful` variants.
 
 | CSS Custom Property               | `lightning-button-icon-stateful` Variants |
 | --------------------------------- | ----------------------------------------- |
-| `--sds-c-button-color-background` | `border` (default) and `border-inverse`   |
-| `--sds-c-button-color-border`     | N/A                                       |
-| `--sds-c-button-text-color`       | N/A                                       |
-| `--sds-c-button-text-color-*`     | `border` (default) and `border-filled`    |
-| `--sds-c-button-radius-border`    | all                                       |
-| `--sds-c-button-sizing-border`    | N/A                                       |
+| `--slds-c-button-color-background` | `border` (default) and `border-inverse`   |
+| `--slds-c-button-color-border`     | N/A                                       |
+| `--slds-c-button-text-color`       | N/A                                       |
+| `--slds-c-button-text-color-*`     | `border` (default) and `border-filled`    |
+| `--slds-c-button-radius-border`    | all                                       |
+| `--slds-c-button-sizing-border`    | N/A                                       |
 
 See [Styling Hooks Overview](https://www.lightningdesignsystem.com/components/buttons/#Styling-Hooks-Overview) for a list of CSS custom properties.