lightning-base-components 1.26.4-alpha → 1.27.2-alpha

package/src/lightning/primitiveBubble/tooltip.slds.css

@@ -8,39 +8,39 @@
  *        receive styling. Authoring styles that rely on slots is not recommended.
  */
 
-  :host([data-render-mode="shadow"]) [part~='overlay'] {
-    /* stylelint-disable */
-    --slds-c-tooltip-sizing-width-max: var(--slds-c-tooltip-sizing-max-width);
-    --slds-c-tooltip-position-zindex: var(--slds-c-popover-position-zindex);
-    /* stylelint-enable */
-
-    background-color: var(--slds-c-tooltip-color-background, #032d60);
-    color: var(--slds-c-tooltip-text-color, #fff);
-    border-radius: 0.25rem;
-    border-width: 0;
-    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 16%);
-    padding-inline-start: 0.75rem;
-    padding-inline-end: 0.75rem;
-    padding-block-start: 0.5rem;
-    padding-block-end: 0.5rem;
-    z-index: var(--slds-c-tooltip-position-zindex);
-
-    /**
+:host([data-render-mode="shadow"]) [part~='overlay'] {
+  /* stylelint-disable */
+  --slds-c-tooltip-sizing-width-max: var(--slds-c-tooltip-sizing-max-width);
+  --slds-c-tooltip-position-zindex: var(--slds-c-popover-position-zindex);
+  /* stylelint-enable */
+
+  background-color: var(--slds-c-tooltip-color-background, #032d60);
+  color: var(--slds-c-tooltip-text-color, #fff);
+  border-radius: 0.25rem;
+  border-width: 0;
+  box-shadow: 0 2px 3px 0 rgb(0 0 0 / 16%);
+  padding-inline-start: 0.75rem;
+  padding-inline-end: 0.75rem;
+  padding-block-start: 0.5rem;
+  padding-block-end: 0.5rem;
+  z-index: var(--slds-c-tooltip-position-zindex);
+
+  /**
      * Opinion of subsystem, not supported in base SDS component
      */
-    font-size: var(--slds-c-tooltip-font-size, 0.75rem);
-    max-width: var(--slds-c-tooltip-sizing-width-max, 20rem);
-    position: relative;
-  }
+  font-size: var(--slds-c-tooltip-font-size, 0.75rem);
+  max-width: var(--slds-c-tooltip-sizing-width-max, 20rem);
+  position: relative;
+}
 
-  /**
+/**
  * P R I V A T E
  *
  * The following styling is implemented by classes within the shadow DOM.
  * They're expected to be private to the component and not for external use.
  */
 
-  /**
+/**
   * LBC does not expose an API to configure the placement of the nubbin.
   * The placement is generated dynamically internally. Since the current
   * implementation is internal and private, we'll recreate it as-is and
@@ -48,22 +48,22 @@
   * path forward.
   */
 
-  :host([data-render-mode="shadow"]) [part~='overlay']::after {
+:host([data-render-mode="shadow"]) [part~='overlay']::after {
   box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 16%);
   z-index: -1;
 }
 
-  /**
+/**
  * Nubbin positioning
  */
 
-  /* certain slds-nubbin styles are also used in `primitive-datatable-tooltip-bubble.css` file.
+/* certain slds-nubbin styles are also used in `primitive-datatable-tooltip-bubble.css` file.
    if these classes are updated, cross-reference with that file and update classes there as well
 */
 
-  /* stylelint-disable */
+/* stylelint-disable */
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top::before {
+:host([data-render-mode="shadow"]) .slds-nubbin_top::before {
   width: 1rem;
   height: 1rem;
   position: absolute;
@@ -75,7 +75,7 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top::after {
+:host([data-render-mode="shadow"]) .slds-nubbin_top::after {
   width: 1rem;
   height: 1rem;
   position: absolute;
@@ -87,7 +87,7 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top-left::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_top-left::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-left-corner::before {
   width: 1rem;
   height: 1rem;
@@ -100,7 +100,7 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top-left::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_top-left::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-left-corner::after {
   width: 1rem;
   height: 1rem;
@@ -113,7 +113,7 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top-left::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_top-left::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-left::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-left-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-left-corner::after {
@@ -121,7 +121,7 @@
   top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top-right::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_top-right::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-right-corner::before {
   width: 1rem;
   height: 1rem;
@@ -134,7 +134,7 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top-right::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_top-right::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-right-corner::after {
   width: 1rem;
   height: 1rem;
@@ -147,7 +147,7 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top-right::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_top-right::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-right::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-right-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-right-corner::after {
@@ -157,7 +157,7 @@
   margin-right: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom::before {
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom::before {
   width: 1rem;
   height: 1rem;
   position: absolute;
@@ -169,7 +169,7 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom::after {
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom::after {
   width: 1rem;
   height: 1rem;
   position: absolute;
@@ -181,12 +181,12 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom::after {
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom::after {
   box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);
   z-index: -1;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-left::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-left::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-left-corner::before {
   width: 1rem;
   height: 1rem;
@@ -199,7 +199,7 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-left::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-left::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-left-corner::after {
   width: 1rem;
   height: 1rem;
@@ -212,13 +212,13 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-left::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-left::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-left-corner::after {
   box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);
   z-index: -1;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-left::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-left::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-left::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-left-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-left-corner::after {
@@ -227,7 +227,7 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-right::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-right::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-right-corner::before {
   width: 1rem;
   height: 1rem;
@@ -240,7 +240,7 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-right::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-right::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-right-corner::after {
   width: 1rem;
   height: 1rem;
@@ -253,13 +253,13 @@
   margin-left: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-right::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-right::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-right-corner::after {
   box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);
   z-index: -1;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-right::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-right::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-right::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-right-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-right-corner::after {
@@ -270,7 +270,7 @@
   margin-right: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left::before {
+:host([data-render-mode="shadow"]) .slds-nubbin_left::before {
   width: 1rem;
   height: 1rem;
   position: absolute;
@@ -282,7 +282,7 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left::after {
+:host([data-render-mode="shadow"]) .slds-nubbin_left::after {
   width: 1rem;
   height: 1rem;
   position: absolute;
@@ -294,12 +294,12 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left::after {
+:host([data-render-mode="shadow"]) .slds-nubbin_left::after {
   box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 16%);
   z-index: -1;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-top::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_left-top::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-top-corner::before {
   width: 1rem;
   height: 1rem;
@@ -312,7 +312,7 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-top::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_left-top::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-top-corner::after {
   width: 1rem;
   height: 1rem;
@@ -325,20 +325,20 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-top::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_left-top::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-top-corner::after {
   box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 16%);
   z-index: -1;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-top::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_left-top::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-top::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-top-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-top-corner::after {
   top: 1.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-bottom::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_left-bottom::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-bottom-corner::before {
   width: 1rem;
   height: 1rem;
@@ -351,7 +351,7 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-bottom::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_left-bottom::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-bottom-corner::after {
   width: 1rem;
   height: 1rem;
@@ -364,18 +364,18 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-bottom::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_left-bottom::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-bottom-corner::before {
   margin-bottom: -1px;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-bottom::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_left-bottom::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-bottom-corner::after {
   box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 16%);
   z-index: -1;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-bottom::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_left-bottom::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-bottom::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-bottom-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-bottom-corner::after {
@@ -383,7 +383,7 @@
   bottom: 1rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right::before {
+:host([data-render-mode="shadow"]) .slds-nubbin_right::before {
   width: 1rem;
   height: 1rem;
   position: absolute;
@@ -395,7 +395,7 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right::after {
+:host([data-render-mode="shadow"]) .slds-nubbin_right::after {
   width: 1rem;
   height: 1rem;
   position: absolute;
@@ -407,12 +407,12 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right::after {
+:host([data-render-mode="shadow"]) .slds-nubbin_right::after {
   box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 16%);
   z-index: -1;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-top::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_right-top::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-top-corner::before {
   width: 1rem;
   height: 1rem;
@@ -425,7 +425,7 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-top::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_right-top::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-top-corner::after {
   width: 1rem;
   height: 1rem;
@@ -438,20 +438,20 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-top::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_right-top::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-top-corner::after {
   box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 16%);
   z-index: -1;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-top::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_right-top::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-top::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-top-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-top-corner::after {
   top: 1.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-bottom::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_right-bottom::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-bottom-corner::before {
   width: 1rem;
   height: 1rem;
@@ -464,7 +464,7 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-bottom::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_right-bottom::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-bottom-corner::after {
   width: 1rem;
   height: 1rem;
@@ -477,18 +477,18 @@
   margin-top: -0.5rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-bottom::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_right-bottom::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-bottom-corner::before {
   margin-bottom: -1px;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-bottom::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_right-bottom::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-bottom-corner::after {
   box-shadow: 2px -1px 3px 0 rgba(0, 0, 0, 16%);
   z-index: -1;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-bottom::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_right-bottom::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-bottom::after,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-bottom-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-bottom-corner::after {
@@ -496,79 +496,79 @@
   bottom: 1rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top-left-corner {
+:host([data-render-mode="shadow"]) .slds-nubbin_top-left-corner {
   border-radius: 0.125rem 0.25rem 0.25rem 0.25rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top-left-corner::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_top-left-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-left-corner::after {
   left: 0.75rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-left-corner {
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-left-corner {
   border-radius: 0.25rem 0.25rem 0.25rem 0.125rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-left-corner::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-left-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-left-corner::after {
   left: 0.75rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top-right-corner {
+:host([data-render-mode="shadow"]) .slds-nubbin_top-right-corner {
   border-radius: 0.25rem 0.125rem 0.25rem 0.25rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_top-right-corner::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_top-right-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_top-right-corner::after {
   right: 0.75rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-right-corner {
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-right-corner {
   border-radius: 0.25rem 0.25rem 0.125rem 0.25rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_bottom-right-corner::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_bottom-right-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_bottom-right-corner::after {
   right: 0.75rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-top-corner {
+:host([data-render-mode="shadow"]) .slds-nubbin_left-top-corner {
   border-radius: 0.125rem 0.25rem 0.25rem 0.25rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-top-corner::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_left-top-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-top-corner::after {
   top: 0.75rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-top-corner {
+:host([data-render-mode="shadow"]) .slds-nubbin_right-top-corner {
   border-radius: 0.25rem 0.125rem 0.25rem 0.25rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-top-corner::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_right-top-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-top-corner::after {
   top: 0.75rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-bottom-corner {
+:host([data-render-mode="shadow"]) .slds-nubbin_left-bottom-corner {
   border-radius: 0.25rem 0.25rem 0.25rem 0.125rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_left-bottom-corner::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_left-bottom-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_left-bottom-corner::after {
   bottom: 0.25rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-bottom-corner {
+:host([data-render-mode="shadow"]) .slds-nubbin_right-bottom-corner {
   border-radius: 0.25rem 0.25rem 0.125rem 0.25rem;
 }
 
-  :host([data-render-mode="shadow"]) .slds-nubbin_right-bottom-corner::before,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-nubbin_right-bottom-corner::before,:host([data-render-mode="shadow"]) 
 .slds-nubbin_right-bottom-corner::after {
   bottom: 0.25rem;
 }
 
-  /**
+/**
  * Animation Utilities
  *
  * @TODO: refactor into utilities package once it is available
@@ -576,43 +576,49 @@
  * https://github.com/salesforce-ux/product-subsystem/issues/44
  */
 
-  :host([data-render-mode="shadow"]) .slds-rise-from-ground {
+:host([data-render-mode="shadow"]) .slds-rise-from-ground {
   visibility: visible;
   opacity: 1;
   transform: translate(0%, 0%);
-  transition: opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear;
+  transition:
+    opacity 0.1s linear,
+    visibility 0.1s linear,
+    transform 0.1s linear;
   will-change: transform;
 }
 
-  :host([data-render-mode="shadow"]) .slds-fall-into-ground {
+:host([data-render-mode="shadow"]) .slds-fall-into-ground {
   visibility: hidden;
   opacity: 0;
   transform: translate(0%, 0%);
-  transition: opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear;
+  transition:
+    opacity 0.1s linear,
+    visibility 0.1s linear,
+    transform 0.1s linear;
   will-change: transform;
 }
 
-  :host([data-render-mode="shadow"]) .slds-slide-from-bottom-to-top {
+:host([data-render-mode="shadow"]) .slds-slide-from-bottom-to-top {
   transform: translateY(10%);
   will-change: transform;
 }
 
-  :host([data-render-mode="shadow"]) .slds-slide-from-top-to-bottom {
+:host([data-render-mode="shadow"]) .slds-slide-from-top-to-bottom {
   transform: translateY(-10%);
   will-change: transform;
 }
 
-  :host([data-render-mode="shadow"]) .slds-slide-from-right-to-left {
+:host([data-render-mode="shadow"]) .slds-slide-from-right-to-left {
   transform: translateX(5%);
   will-change: transform;
 }
 
-  :host([data-render-mode="shadow"]) .slds-slide-from-left-to-right {
+:host([data-render-mode="shadow"]) .slds-slide-from-left-to-right {
   transform: translateX(-5%);
   will-change: transform;
 }
 
-  /**
+/**
  * Visibility Utilities
  *
  * @TODO: refactor into utilities package once it is available
@@ -620,8 +626,8 @@
  * https://github.com/salesforce-ux/product-subsystem/issues/44
  */
 
-  :host([data-render-mode="shadow"]) .slds-hide {
+:host([data-render-mode="shadow"]) .slds-hide {
   display: none;
 }
 
-  /* stylelint-enable */
+/* stylelint-enable */

package/src/lightning/primitiveButton/primitiveButton.js

@@ -156,7 +156,6 @@ export default class LightningPrimitiveButton extends LightningShadowBaseClass {
     set ariaControls(value) {
         this.originalAriaControls = value;
         this.setAttribute('aria-controls', value);
-        this.setHostRoleAttribute(BUTTON);
     }
 
     get ariaControls() {
@@ -172,7 +171,6 @@ export default class LightningPrimitiveButton extends LightningShadowBaseClass {
     set ariaOwns(value) {
         this.originalAriaOwns = value;
         this.setAttribute('aria-owns', value);
-        this.setHostRoleAttribute(BUTTON);
     }
 
     get ariaOwns() {
@@ -188,7 +186,6 @@ export default class LightningPrimitiveButton extends LightningShadowBaseClass {
     set ariaDetails(value) {
         this.originalAriaDetails = value;
         this.setAttribute('aria-details', value);
-        this.setHostRoleAttribute(BUTTON);
     }
 
     get ariaDetails() {
@@ -204,7 +201,6 @@ export default class LightningPrimitiveButton extends LightningShadowBaseClass {
     set ariaFlowTo(value) {
         this.originalAriaFlowTo = value;
         this.setAttribute('aria-flowto', value);
-        this.setHostRoleAttribute(BUTTON);
     }
 
     get ariaFlowTo() {
@@ -493,21 +489,4 @@ export default class LightningPrimitiveButton extends LightningShadowBaseClass {
             this.ariaObserver = undefined;
         }
     }
-
-    /**
-     * Utility function to set aria roles on the host element.
-     * This is used mainly for native-shadow use cases for aria attributes that
-     * depenend on ID references.
-     *
-     * If the role attribute is present we will respect that, otherwise it will be set to
-     * an specific role, in this case button.
-     *
-     * @type {string}
-     * @default undefined
-     */
-    setHostRoleAttribute(value) {
-        let ariaRoleValue = this.getAttribute(ROLE) || value;
-
-        this.setAttribute(ROLE, ariaRoleValue);
-    }
 }

package/src/lightning/primitiveCellButton/primitiveCellButton.js

@@ -40,7 +40,12 @@ export default class PrivateCellButton extends LightningShadowBaseClass {
     set disabled(value) {
         const newValue = normalizeBoolean(value);
         const oldValue = this._disabled;
-        if (oldValue === false && newValue === true && this.buttonHasFocus && isCSR) {
+        if (
+            oldValue === false &&
+            newValue === true &&
+            this.buttonHasFocus &&
+            isCSR
+        ) {
             this.fireCellFalseBlurred();
         }
         this._disabled = newValue;

package/src/lightning/primitiveCellCheckbox/checkbox.css

@@ -1,4 +1,3 @@
 @import 'lightning/sldsCommon';
 @import 'lightning/sldsUtilsVisibility';
 @import './checkbox.lbc.native.css';
-

package/src/lightning/primitiveCellCheckbox/checkbox.lbc.native.css

@@ -1 +1 @@
-@import './input-checkbox.slds.css';
+@import './input-checkbox.slds.css';