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

package/src/lightning/sldsUtilsGrid/sldsUtilsGrid.css

@@ -1,4 +1,3 @@
-
 /**
  * Notes:
  * - Some of the selectors available in SLDS were not included here, because they are unused in LBC
@@ -260,170 +259,170 @@
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_xxx-small {
-    margin-inline-end:calc(var(--slds-g-sizing-1) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-1) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-1) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-1) * -1);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_xxx-small .slds-col {
-    padding-inline-end:var(--slds-g-sizing-1);
-    padding-inline-start:var(--slds-g-sizing-1);
+    padding-inline-end: var(--slds-g-sizing-1);
+    padding-inline-start: var(--slds-g-sizing-1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_xx-small {
-    margin-inline-end:calc(var(--slds-g-sizing-2) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-2) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-2) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-2) * -1);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_xx-small .slds-col {
-    padding-inline-end:var(--slds-g-sizing-2);
-    padding-inline-start:var(--slds-g-sizing-2);
+    padding-inline-end: var(--slds-g-sizing-2);
+    padding-inline-start: var(--slds-g-sizing-2);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_x-small {
-    margin-inline-end:calc(var(--slds-g-sizing-3) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-3) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-3) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-3) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_x-small .slds-col {
-    padding-inline-end:var(--slds-g-sizing-3);
-    padding-inline-start:var(--slds-g-sizing-3);
+    padding-inline-end: var(--slds-g-sizing-3);
+    padding-inline-start: var(--slds-g-sizing-3);
 }
 :host([data-render-mode='shadow']) .slds-gutters_small {
-    margin-inline-end:calc(var(--slds-g-sizing-4) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-4) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-4) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-4) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_small .slds-col {
-    padding-inline-end:var(--slds-g-sizing-4);
-    padding-inline-start:var(--slds-g-sizing-4);
+    padding-inline-end: var(--slds-g-sizing-4);
+    padding-inline-start: var(--slds-g-sizing-4);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_medium {
-    margin-inline-end:calc(var(--slds-g-sizing-5) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-5) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-5) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-5) * -1);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_medium .slds-col {
-    padding-inline-end:var(--slds-g-sizing-5);
-    padding-inline-start:var(--slds-g-sizing-5);
+    padding-inline-end: var(--slds-g-sizing-5);
+    padding-inline-start: var(--slds-g-sizing-5);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_large {
-    margin-inline-end:calc(var(--slds-g-sizing-7) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-7) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-7) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-7) * -1);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_large .slds-col {
-    padding-inline-end:var(--slds-g-sizing-7);
-    padding-inline-start:var(--slds-g-sizing-7);
+    padding-inline-end: var(--slds-g-sizing-7);
+    padding-inline-start: var(--slds-g-sizing-7);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_x-large {
-    margin-inline-end:calc(var(--slds-g-sizing-9) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-9) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-9) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-9) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_x-large .slds-col {
-    padding-inline-end:var(--slds-g-sizing-9);
-    padding-inline-start:var(--slds-g-sizing-9);
+    padding-inline-end: var(--slds-g-sizing-9);
+    padding-inline-start: var(--slds-g-sizing-9);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_xx-large {
-    margin-inline-end:calc(var(--slds-g-sizing-10) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-10) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-10) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-10) * -1);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_xx-large .slds-col {
-    padding-inline-end:var(--slds-g-sizing-10);
-    padding-inline-start:var(--slds-g-sizing-10);
+    padding-inline-end: var(--slds-g-sizing-10);
+    padding-inline-start: var(--slds-g-sizing-10);
 }
 
-:host([data-render-mode='shadow']).slds-gutters_direct{
-    margin-inline-end:calc(var(--slds-g-sizing-4) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-4) * -1);
+:host([data-render-mode='shadow']).slds-gutters_direct {
+    margin-inline-end: calc(var(--slds-g-sizing-4) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-4) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_direct > .slds-col {
-    padding-inline-end:var(--slds-g-sizing-4);
-    padding-inline-start:var(--slds-g-sizing-4);
+    padding-inline-end: var(--slds-g-sizing-4);
+    padding-inline-start: var(--slds-g-sizing-4);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_direct-xxx-small {
-    margin-inline-end:calc(var(--slds-g-sizing-1) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-1) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-1) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-1) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_direct-xxx-small > .slds-col {
-    padding-inline-end:var(--slds-g-sizing-1);
-    padding-inline-start:var(--slds-g-sizing-1);
+    padding-inline-end: var(--slds-g-sizing-1);
+    padding-inline-start: var(--slds-g-sizing-1);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_direct-xx-small {
-    margin-inline-end:calc(var(--slds-g-sizing-2) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-2) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-2) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-2) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_direct-xx-small > .slds-col {
-    padding-inline-end:var(--slds-g-sizing-2);
-    padding-inline-start:var(--slds-g-sizing-2);
+    padding-inline-end: var(--slds-g-sizing-2);
+    padding-inline-start: var(--slds-g-sizing-2);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_direct-x-small {
-    margin-inline-end:calc(var(--slds-g-sizing-3) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-3) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-3) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-3) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_direct-x-small > .slds-col {
-    padding-inline-end:var(--slds-g-sizing-3);
-    padding-inline-start:var(--slds-g-sizing-3);
+    padding-inline-end: var(--slds-g-sizing-3);
+    padding-inline-start: var(--slds-g-sizing-3);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_direct-small {
-    margin-inline-end:calc(var(--slds-g-sizing-4) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-4) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-4) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-4) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_direct-small > .slds-col {
-    padding-inline-end:var(--slds-g-sizing-4);
-    padding-inline-start:var(--slds-g-sizing-4);
+    padding-inline-end: var(--slds-g-sizing-4);
+    padding-inline-start: var(--slds-g-sizing-4);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_direct-medium {
-    margin-inline-end:calc(var(--slds-g-sizing-5) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-5) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-5) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-5) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_direct-medium > .slds-col {
-    padding-inline-end:var(--slds-g-sizing-5);
-    padding-inline-start:var(--slds-g-sizing-5);
+    padding-inline-end: var(--slds-g-sizing-5);
+    padding-inline-start: var(--slds-g-sizing-5);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_direct-large {
-    margin-inline-end:calc(var(--slds-g-sizing-7) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-7) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-7) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-7) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_direct-large > .slds-col {
-    padding-inline-end:1.5rem;
-    padding-inline-start:1.5rem;
+    padding-inline-end: 1.5rem;
+    padding-inline-start: 1.5rem;
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_direct-x-large {
-    margin-inline-end:calc(var(--slds-g-sizing-9) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-9) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-9) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-9) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_direct-x-large > .slds-col {
-    padding-inline-end:var(--slds-g-sizing-9);
-    padding-inline-start:var(--slds-g-sizing-9);
+    padding-inline-end: var(--slds-g-sizing-9);
+    padding-inline-start: var(--slds-g-sizing-9);
 }
 
 :host([data-render-mode='shadow']) .slds-gutters_direct-xx-large {
-    margin-inline-end:calc(var(--slds-g-sizing-10) * -1);
-    margin-inline-start:calc(var(--slds-g-sizing-10) * -1);
+    margin-inline-end: calc(var(--slds-g-sizing-10) * -1);
+    margin-inline-start: calc(var(--slds-g-sizing-10) * -1);
 }
-  
+
 :host([data-render-mode='shadow']) .slds-gutters_direct-xx-large > .slds-col {
-    padding-inline-end:var(--slds-g-sizing-10);
-    padding-inline-start:var(--slds-g-sizing-10);
+    padding-inline-end: var(--slds-g-sizing-10);
+    padding-inline-start: var(--slds-g-sizing-10);
 }

package/src/lightning/sldsUtilsHyphenation/sldsUtilsHyphenation.css

@@ -1,4 +1,3 @@
-
 :host([data-render-mode='shadow']) .slds-hyphenate {
     overflow-wrap: break-word;
     word-wrap: break-word;

package/src/lightning/sldsUtilsLineClamp/sldsUtilsLineClamp.css

@@ -1,4 +1,3 @@
-
 /**
  *
  * In SLDS `slds-line-clamp` is set to 3 as per default,

package/src/lightning/sldsUtilsMargin/sldsUtilsMargin.css

@@ -1,4 +1,3 @@
-
 /**
  * Notes:
  * - Some of the selectors available in SLDS were not included here, because they are unused in LBC

package/src/lightning/sldsUtilsPadding/sldsUtilsPadding.css

@@ -1,4 +1,3 @@
-
 /**
  * Notes:
  * - Some of the selectors available in SLDS were not included here, because they are unused in LBC

package/src/lightning/sldsUtilsPosition/sldsUtilsPosition.css

@@ -1,16 +1,15 @@
-
-:host([data-render-mode="shadow"]) .slds-is-static {
+:host([data-render-mode='shadow']) .slds-is-static {
     position: static;
 }
 
-:host([data-render-mode="shadow"]) .slds-is-relative {
+:host([data-render-mode='shadow']) .slds-is-relative {
     position: relative;
 }
 
-:host([data-render-mode="shadow"]) .slds-is-fixed {
+:host([data-render-mode='shadow']) .slds-is-fixed {
     position: fixed;
 }
 
-:host([data-render-mode="shadow"]) .slds-is-absolute {
+:host([data-render-mode='shadow']) .slds-is-absolute {
     position: absolute;
 }

package/src/lightning/sldsUtilsSizing/sldsUtilsSizing.css

@@ -1,4 +1,3 @@
-
 /**
  * Notes:
  * - Some of the selectors available in SLDS were not included here, because they are unused in LBC

package/src/lightning/sldsUtilsThemes/sldsUtilsThemes.css

@@ -1,4 +1,3 @@
-
 /**
  *
  * TODO: all the .slds-button--neutral related lines are commented out because unused by LBC.
@@ -19,18 +18,18 @@
  * native shadow, so we include an additional selector specific to these components
  */
 
-:host([data-render-mode="shadow"]) .slds-theme_default,
+:host([data-render-mode='shadow']) .slds-theme_default,
 :host([data-interactive-dialog]) .slds-theme_default {
     background-color: var(--slds-g-color-neutral-base-100, #fff);
     color: var(--slds-g-color-neutral-base-10, #181818);
 }
 
-:host([data-render-mode="shadow"]) .slds-theme_shade,
+:host([data-render-mode='shadow']) .slds-theme_shade,
 :host([data-interactive-dialog]) .slds-theme_shade {
     background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
 }
 
-:host([data-render-mode="shadow"]) .slds-theme_inverse,
+:host([data-render-mode='shadow']) .slds-theme_inverse,
 :host([data-interactive-dialog]) .slds-theme_inverse {
     color: var(--slds-g-color-neutral-base-100, #fff);
     background-color: var(--slds-g-color-brand-base-10, #001639);
@@ -60,7 +59,7 @@
     color: var(--slds-g-color-neutral-100-opacity-10, rgb(255 255 255 / 15%));
 } */
 
-:host([data-render-mode="shadow"]) .slds-theme_alt-inverse,
+:host([data-render-mode='shadow']) .slds-theme_alt-inverse,
 :host([data-interactive-dialog]) .slds-theme_alt-inverse {
     color: var(--slds-g-color-neutral-base-100, #fff);
     background-color: var(--slds-g-color-brand-base-20, #032d60);
@@ -90,13 +89,16 @@
     color: var(--slds-g-color-neutral-100-opacity-10, rgb(255 255 255 / 15%));
 } */
 
-:host([data-render-mode="shadow"]) .slds-theme_success,
+:host([data-render-mode='shadow']) .slds-theme_success,
 :host([data-interactive-dialog]) .slds-theme_success {
     color: var(--slds-g-color-neutral-base-100, #fff);
     background-color: var(--slds-g-color-success-base-50, #2e844a);
 
     --slds-g-link-color: var(--slds-g-color-neutral-base-100, #fff);
-    --slds-g-link-color-active: var(--slds-g-color-neutral-100-opacity-50, rgb(255 255 255 / 50%));
+    --slds-g-link-color-active: var(
+        --slds-g-color-neutral-100-opacity-50,
+        rgb(255 255 255 / 50%)
+    );
     --slds-g-link-color-hover: var(--slds-g-color-neutral-base-100, #fff);
     --_slds-g-font-decoration: underline;
     --_slds-g-font-decoration-hover: none;
@@ -125,13 +127,16 @@
     color: var(--slds-g-color-neutral-100-opacity-10, rgb(255 255 255 / 15%));
 } */
 
-:host([data-render-mode="shadow"]) .slds-theme_info,
+:host([data-render-mode='shadow']) .slds-theme_info,
 :host([data-interactive-dialog]) .slds-theme_info {
     color: var(--slds-g-color-neutral-base-100, #fff);
     background-color: var(--slds-g-color-neutral-base-50, #747474);
 
     --slds-g-link-color: var(--slds-g-color-neutral-base-100, #fff);
-    --slds-g-link-color-active: var(--slds-g-color-neutral-100-opacity-50, rgb(255 255 255 / 50%));
+    --slds-g-link-color-active: var(
+        --slds-g-color-neutral-100-opacity-50,
+        rgb(255 255 255 / 50%)
+    );
     --slds-g-link-color-hover: var(--slds-g-color-neutral-base-100, #fff);
     --_slds-g-font-decoration: underline;
     --_slds-g-font-decoration-hover: none;
@@ -160,7 +165,7 @@
     color: var(--slds-g-color-neutral-100-opacity-10, rgb(255 255 255 / 15%));
 } */
 
-:host([data-render-mode="shadow"]) .slds-theme_warning,
+:host([data-render-mode='shadow']) .slds-theme_warning,
 :host([data-interactive-dialog]) .slds-theme_warning {
     background-color: var(--slds-g-color-warning-base-60, #fe9339);
     color: var(--slds-g-color-neutral-base-10, #181818);
@@ -216,40 +221,50 @@
 }
 */
 
-:host([data-render-mode="shadow"]) .slds-theme_warning ::part(button) {
+:host([data-render-mode='shadow']) .slds-theme_warning ::part(button) {
     color: var(--slds-g-color-on-warning-1);
     text-decoration: underline;
 
     --slds-c-icon-color-foreground: var(--slds-g-color-on-warning-1);
 }
 
-:host([data-render-mode="shadow"]) .slds-theme_warning ::part(button):hover {
+:host([data-render-mode='shadow']) .slds-theme_warning ::part(button):hover {
     color: color-mix(in oklab, currentColor, transparent 25%);
 
-    --slds-c-icon-color-foreground: color-mix(in oklab, var(--slds-g-color-on-warning-1), transparent 25%);
+    --slds-c-icon-color-foreground: color-mix(
+        in oklab,
+        var(--slds-g-color-on-warning-1),
+        transparent 25%
+    );
 }
 
-:host([data-render-mode="shadow"])  .slds-theme_warning ::part(button):focus {
+:host([data-render-mode='shadow']) .slds-theme_warning ::part(button):focus {
     color: var(--slds-g-color-neutral-base-30, #514f4d);
     box-shadow: 0 0 3px var(--slds-g-color-neutral-base-30, #514f4d);
     border: 1px solid var(--slds-g-color-neutral-base-30, #514f4d);
 }
 
-:host([data-render-mode="shadow"])  .slds-theme_warning ::part(button):active {
+:host([data-render-mode='shadow']) .slds-theme_warning ::part(button):active {
     color: var(--slds-g-color-neutral-base-50, #706e6b);
 }
 
-:host([data-render-mode="shadow"]) .slds-theme_warning ::part(boundary) {
-    --slds-c-icon-color-foreground: var(--slds-g-color-neutral-base-30, #514f4d);
+:host([data-render-mode='shadow']) .slds-theme_warning ::part(boundary) {
+    --slds-c-icon-color-foreground: var(
+        --slds-g-color-neutral-base-30,
+        #514f4d
+    );
 }
 
-:host([data-render-mode="shadow"]) .slds-theme_error,
+:host([data-render-mode='shadow']) .slds-theme_error,
 :host([data-interactive-dialog]) .slds-theme_error {
     color: var(--slds-g-color-neutral-base-100, #fff);
     background-color: var(--slds-g-color-error-base-40, #ea001e);
 
     --slds-g-link-color: var(--slds-g-color-neutral-base-100, #fff);
-    --slds-g-link-color-active: var(--slds-g-color-neutral-100-opacity-50, rgb(255 255 255 / 50%));
+    --slds-g-link-color-active: var(
+        --slds-g-color-neutral-100-opacity-50,
+        rgb(255 255 255 / 50%)
+    );
     --slds-g-link-color-hover: var(--slds-g-color-neutral-base-100, #fff);
     --_slds-g-font-decoration: underline;
     --_slds-g-font-decoration-hover: none;
@@ -278,7 +293,7 @@
     color: var(--slds-g-color-neutral-100-opacity-10, rgb(255 255 255 / 15%));
 } */
 
-:host([data-render-mode="shadow"]) .slds-theme_offline,
+:host([data-render-mode='shadow']) .slds-theme_offline,
 :host([data-interactive-dialog]) .slds-theme_offline {
     color: var(--slds-g-color-neutral-base-100, #fff);
     background-color: var(--slds-g-color-neutral-base-30, #444);
@@ -307,13 +322,22 @@
     color: var(--slds-g-color-neutral-100-opacity-10, rgb(255 255 255 / 15%));
 } */
 
-:host([data-render-mode="shadow"]) .slds-theme_alert-texture,
+:host([data-render-mode='shadow']) .slds-theme_alert-texture,
 :host([data-interactive-dialog]) .slds-theme_alert-texture {
-    background-image: linear-gradient(45deg, rgb(0 0 0 / 2.5%) 25%, transparent 25%, transparent 50%, rgb(0 0 0 / 2.5%) 50%, rgb(0 0 0 / 2.5%) 75%, transparent 75%, transparent);
+    background-image: linear-gradient(
+        45deg,
+        rgb(0 0 0 / 2.5%) 25%,
+        transparent 25%,
+        transparent 50%,
+        rgb(0 0 0 / 2.5%) 50%,
+        rgb(0 0 0 / 2.5%) 75%,
+        transparent 75%,
+        transparent
+    );
     background-size: 64px 64px;
 }
 
-:host([data-render-mode="shadow"]) .slds-theme_inverse-text,
+:host([data-render-mode='shadow']) .slds-theme_inverse-text,
 :host([data-interactive-dialog]) .slds-theme_inverse-text {
     color: var(--slds-g-color-neutral-base-100, #fff);
 }

package/src/lightning/sldsUtilsTruncation/sldsUtilsTruncation.css

@@ -1,4 +1,3 @@
-
 /**
  * Notes:
  * - Some of the selectors available in SLDS were not included here, because they are unused in LBC

package/src/lightning/sldsUtilsVisibility/sldsUtilsVisibility.css

@@ -1,4 +1,3 @@
-
 /*
   TODO: Add all common utils described here: https://www.lightningdesignsystem.com/utilities/visibility/
   Corresponding Work Item: W-14458332

package/src/lightning/slider/README.md

@@ -6,13 +6,13 @@
 
 ## Summary
 
--   An input range slider lets the user specify a numeric value which must be between two specified values.
--   Customizable via `size` attributes
+- An input range slider lets the user specify a numeric value which must be between two specified values.
+- Customizable via `size` attributes
 
 ## Markup
 
--   This component is based on the markup defined in SLDS:
-    https://latest-210.lightningdesignsystem.com/components/slider
+- This component is based on the markup defined in SLDS:
+  https://latest-210.lightningdesignsystem.com/components/slider
 
 ## Usage
 

package/src/lightning/slider/form-element.slds.css

@@ -1,5 +1,4 @@
 
-
 /**
  * sldsFormElementUtils.css and form-element.css have many similarities
  * however, they are used for very different use cases, and this is why
@@ -255,7 +254,9 @@
   display: block;
 }
 
-:host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__label,:host([data-render-mode="shadow"][variant="label-stacked"]) ::part(rich-text-label),:host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__control,:host([data-render-mode="shadow"][variant="label-stacked"]) ::part(rich-text-editor-container) {/* for rich text via lightning-quill */
+:host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__label,:host([data-render-mode="shadow"][variant="label-stacked"]) ::part(rich-text-label),:host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__control,:host([data-render-mode="shadow"][variant="label-stacked"]) ::part(rich-text-editor-container) {
+  /* for rich text via lightning-quill */
+
   /* @W-14518344 The following line still exists in SLDS-internal
       but it was removed here because it was causing the input
       component to not display it's bottom border
@@ -294,8 +295,7 @@
 /* Force inner child input to not have padding and margin.
 The parent (ex. lightning-input-field) will provide it instead */
 
-:host([data-render-mode="shadow"][variant='label-inline']) .slds-form-element,:host([data-render-mode="shadow"][variant='label-inline']) [variant='label-inline']
-{
+:host([data-render-mode="shadow"][variant='label-inline']) .slds-form-element,:host([data-render-mode="shadow"][variant='label-inline']) [variant='label-inline'] {
   padding: 0;
   margin-block-end: 0;
 }