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

package/src/lightning/progressIndicator/progress-indicator.slds.css

@@ -1,127 +1,127 @@
 
 /* Initialize Progress Indicator */
 :host([data-render-mode="shadow"]) .slds-progress {
-    position: relative;
-    max-width: 70%;
-    width: 100%;
-    flex: 1 1 auto;
-    margin: auto;
+  position: relative;
+  max-width: 70%;
+  width: 100%;
+  flex: 1 1 auto;
+  margin: auto;
 }
 :host([data-render-mode="shadow"]) .slds-progress > lightning-progress-bar {
-    --_slds-c-progressbar-position: absolute;
-    --_slds-c-progressbar-inset-block-start: 50%;
-    --_slds-c-progressbar-margin-block-start: -0.0625rem;
+  --_slds-c-progressbar-position: absolute;
+  --_slds-c-progressbar-inset-block-start: 50%;
+  --_slds-c-progressbar-margin-block-start: -0.0625rem;
 }
 /**
  * An ordered list containing steps of a process
 */
 :host([data-render-mode="shadow"]) .slds-progress__list {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    height: 100%;
-    margin: auto;
-    position: relative;
-    z-index: 1;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 100%;
+  margin: auto;
+  position: relative;
+  z-index: 1;
 }
 /**
   * When on a shaded background such as the modal footer
 */
 :host([data-render-mode="shadow"]) .slds-progress_shade {
-    --_slds-c-progressstep-border-color: var(--slds-g-color-neutral-base-95);
-    --_slds-c-progressstep-background-color: var(--slds-g-color-neutral-base-95);
+  --_slds-c-progressstep-border-color: var(--slds-g-color-neutral-base-95);
+  --_slds-c-progressstep-background-color: var(--slds-g-color-neutral-base-95);
 
-    --_slds-c-progressstep-background-color-active: var(--slds-g-color-neutral-base-95);
-    --_slds-c-progressstep-box-shadow-active: var(--slds-g-color-neutral-base-95);
+  --_slds-c-progressstep-background-color-active: var(--slds-g-color-neutral-base-95);
+  --_slds-c-progressstep-box-shadow-active: var(--slds-g-color-neutral-base-95);
 }
 /* PATH */
 /**
  * Allows the path itself to be responsive
  */
 :host([data-render-mode="shadow"]) .slds-path__track {
-    flex-wrap: wrap;
-    align-items: flex-start;
+  flex-wrap: wrap;
+  align-items: flex-start;
 }
 @media (width >= 64em) {
-    :host([data-render-mode="shadow"]) .slds-path__track {
-        flex-wrap: nowrap;
-        align-items: stretch;
-    }
+  :host([data-render-mode="shadow"]) .slds-path__track {
+    flex-wrap: nowrap;
+    align-items: stretch;
+  }
 }
 /**
  * Creates the scrolling container for tab overflow
  */
 :host([data-render-mode="shadow"]) .slds-path__scroller {
-    flex: 1;
-    max-width: 100%;
-    overflow: hidden;
+  flex: 1;
+  max-width: 100%;
+  overflow: hidden;
 }
 /**
  * Shows the stage name when in the smaller state
  */
 :host([data-render-mode="shadow"]) .slds-path__stage-name {
-    display: block;
-    font-weight: var(--slds-g-font-weight-7);
-    margin: var(--slds-g-spacing-3) 0;
+  display: block;
+  font-weight: var(--slds-g-font-weight-7);
+  margin: var(--slds-g-spacing-3) 0;
 }
 @media (width >= 48em) {
-    :host([data-render-mode="shadow"]) .slds-path__stage-name {
-        margin: 0;
-    }
+  :host([data-render-mode="shadow"]) .slds-path__stage-name {
+    margin: 0;
+  }
 }
 @media (width >= 64em) {
-    :host([data-render-mode="shadow"]) .slds-path__stage-name {
-        display: none;
-    }
+  :host([data-render-mode="shadow"]) .slds-path__stage-name {
+    display: none;
+  }
 }
 /**
  * Creates the container for toggle button and path
  */
 :host([data-render-mode="shadow"]) .slds-path__scroller-container {
-    flex: 1;
-    flex-basis: 100%;
-    overflow: hidden;
+  flex: 1;
+  flex-basis: 100%;
+  overflow: hidden;
 }
 @media (width >= 64em) {
-    :host([data-render-mode="shadow"]) .slds-path__scroller-container {
-        flex-basis: auto;
-    }
+  :host([data-render-mode="shadow"]) .slds-path__scroller-container {
+    flex-basis: auto;
+  }
 }
 /**
  * Container for path actions
  */
 :host([data-render-mode="shadow"]) .slds-path__action {
-    flex-grow: 1;
-    flex-basis: 100%;
-    margin-inline-start: 0;
-    align-items: center;
-    flex-shrink: 0;
-    flex-direction: column;
+  flex-grow: 1;
+  flex-basis: 100%;
+  margin-inline-start: 0;
+  align-items: center;
+  flex-shrink: 0;
+  flex-direction: column;
 }
 :host([data-render-mode="shadow"]) .slds-path__action .slds-icon-text-default {
-    --slds-c-icon-color-foreground: var(--slds-g-color-on-accent-1);
+  --slds-c-icon-color-foreground: var(--slds-g-color-on-accent-1);
 }
 @media (width >= 48em) {
-    :host([data-render-mode="shadow"]) .slds-path__action {
-        justify-content: space-between;
-        margin-block-start: var(--slds-g-spacing-4);
-        flex-direction: row;
-    }
+  :host([data-render-mode="shadow"]) .slds-path__action {
+    justify-content: space-between;
+    margin-block-start: var(--slds-g-spacing-4);
+    flex-direction: row;
+  }
 }
 @media (width >= 64em) {
-    :host([data-render-mode="shadow"]) .slds-path__action {
-        flex-basis: auto;
-        flex-grow: 0;
-        align-items: normal;
-        margin-block-start: 0;
-        margin-inline-start: var(--slds-g-spacing-5);
-    }
+  :host([data-render-mode="shadow"]) .slds-path__action {
+    flex-basis: auto;
+    flex-grow: 0;
+    align-items: normal;
+    margin-block-start: 0;
+    margin-inline-start: var(--slds-g-spacing-5);
+  }
 }
 /**
  * Horizontal list of stages in path component
  */
 :host([data-render-mode="shadow"]) .slds-path__nav {
-    display: flex;
-    align-items: flex-start;
-    overflow: hidden;
+  display: flex;
+  align-items: flex-start;
+  overflow: hidden;
 }

package/src/lightning/progressIndicator/progressIndicator.css

@@ -1 +1 @@
-@import './progressIndicator.lbc.native.css';
+@import './progressIndicator.lbc.native.css';

package/src/lightning/progressIndicator/progressIndicator.lbc.native.css

@@ -1,3 +1,3 @@
 @import 'lightning/sldsCommon';
 @import 'lightning/sldsUtilsGrid';
-@import './progress-indicator.slds.css';
+@import './progress-indicator.slds.css';

package/src/lightning/progressRing/progress-ring.slds.css

@@ -1,113 +1,113 @@
 
-    /* progress-ring */
-    :host([data-render-mode="shadow"]) .slds-progress-ring {
-        position: relative;
-        display: inline-block;
-        height: 1.5rem;
-        width: 1.5rem;
-        border-radius: 1.5rem;
-        background: var(--slds-g-color-border-base-1, var(--slds-g-color-surface-container-3));
-    }
-    :host([data-render-mode="shadow"]) .slds-progress-ring .slds-icon_container {
-        line-height: 0;
-    }
-    /* progress-ring_progress */
-    :host([data-render-mode="shadow"]) .slds-progress-ring__progress {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 100%;
-        width: 100%;
-        transform: scale(-1, 1) rotate(-90deg);
-    }
-    :host([data-render-mode="shadow"]) .slds-progress-ring__progress svg {
-        width: 100%;
-    }
-    /* progress-ring_path */
-    :host([data-render-mode="shadow"]) .slds-progress-ring__path {
-        fill: var(--slds-g-color-success-1);
-    }
-    /* progress-ring_progress-head */
-    :host([data-render-mode="shadow"]) .slds-progress-ring__progress-head {
-        position: absolute;
-        height: calc(100% + 0.375rem);
-        width: calc(100% + 0.375rem);
-        top: -0.1875rem;
-        left: -0.1875rem;
-        transform: scale(-1, 1) rotate(-90deg);
-    }
-    /* progress-ring_content */
-    :host([data-render-mode="shadow"]) .slds-progress-ring__content {
-        position: absolute;
-        top: 0.1875rem;
-        right: 0.1875rem;
-        bottom: 0.1875rem;
-        left: 0.1875rem;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        border-radius: 1.5rem;
-        background: var(--slds-g-color-surface-container-1);
-    }
-    :host([data-render-mode="shadow"]) .slds-progress-ring__content .slds-icon {
-        width: 0.75rem;
-    }
-    /* variant = warning */
-    :host([data-render-mode="shadow"]) .slds-progress-ring_warning .slds-progress-ring__content {
-        background: var(--slds-g-color-surface-container-1);
-    }
-    :host([data-render-mode="shadow"]) .slds-progress-ring_warning .slds-icon,:host([data-render-mode="shadow"]) 
-    .slds-progress-ring_warning .slds-icon svg,:host([data-render-mode="shadow"]) 
-    .slds-progress-ring_warning .slds-progress-ring__path {
-        fill: var(--slds-g-color-warning-1);
-    }
-    /* variant = expired */
-    :host([data-render-mode="shadow"]) .slds-progress-ring_expired .slds-progress-ring__content {
-        background: var(--slds-g-color-surface-container-1);
-    }
-    :host([data-render-mode="shadow"]) .slds-progress-ring_expired .slds-icon,:host([data-render-mode="shadow"]) 
-    .slds-progress-ring_expired .slds-icon svg,:host([data-render-mode="shadow"]) 
-    .slds-progress-ring_expired .slds-progress-ring__path {
-        fill: var(--slds-g-color-error-1);
-    }
-    /* variant = complete */
-    :host([data-render-mode="shadow"]) .slds-progress-ring_complete .slds-icon,:host([data-render-mode="shadow"]) 
-    .slds-progress-ring_complete .slds-icon svg {
-        fill: var(--slds-g-color-on-success-1);
-    }
-    :host([data-render-mode="shadow"]) .slds-progress-ring_complete .slds-progress-ring__path {
-        fill: var(--slds-g-color-success-1);
-    }
-    :host([data-render-mode="shadow"]) .slds-progress-ring_complete .slds-progress-ring__content {
-        background: var(--slds-g-color-success-container-2);
-    }
-    /* size = large */
-    :host([data-render-mode="shadow"]) .slds-progress-ring_large {
-        height: 2rem;
-        width: 2rem;
-    }
-    :host([data-render-mode="shadow"]) .slds-progress-ring_large .slds-icon {
-        width: 1rem;
-    }
-    /* variant = active-step */
-    :host([data-render-mode="shadow"]) .slds-progress-ring_active-step .slds-progress-ring__path {
-        fill: var(--slds-g-color-accent-1);
-    }
-    /* additional classes */
-    /* TODO W-12674349: remove after name-value-list utils are added */
-    :host([data-render-mode="shadow"]) .slds-assistive-text {
-        position: absolute !important;
-        margin: -1px !important;
-        border: 0 !important;
-        padding: 0 !important;
-        width: 1px !important;
-        height: 1px !important;
-        overflow: hidden !important;
-        clip: rect(0 0 0 0) !important;
-        text-transform: none !important;
-        white-space: nowrap !important;
-    }
+/* progress-ring */
+:host([data-render-mode="shadow"]) .slds-progress-ring {
+  position: relative;
+  display: inline-block;
+  height: 1.5rem;
+  width: 1.5rem;
+  border-radius: 1.5rem;
+  background: var(--slds-g-color-border-base-1, var(--slds-g-color-surface-container-3));
+}
+:host([data-render-mode="shadow"]) .slds-progress-ring .slds-icon_container {
+  line-height: 0;
+}
+/* progress-ring_progress */
+:host([data-render-mode="shadow"]) .slds-progress-ring__progress {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  transform: scale(-1, 1) rotate(-90deg);
+}
+:host([data-render-mode="shadow"]) .slds-progress-ring__progress svg {
+  width: 100%;
+}
+/* progress-ring_path */
+:host([data-render-mode="shadow"]) .slds-progress-ring__path {
+  fill: var(--slds-g-color-success-1);
+}
+/* progress-ring_progress-head */
+:host([data-render-mode="shadow"]) .slds-progress-ring__progress-head {
+  position: absolute;
+  height: calc(100% + 0.375rem);
+  width: calc(100% + 0.375rem);
+  top: -0.1875rem;
+  left: -0.1875rem;
+  transform: scale(-1, 1) rotate(-90deg);
+}
+/* progress-ring_content */
+:host([data-render-mode="shadow"]) .slds-progress-ring__content {
+  position: absolute;
+  top: 0.1875rem;
+  right: 0.1875rem;
+  bottom: 0.1875rem;
+  left: 0.1875rem;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  border-radius: 1.5rem;
+  background: var(--slds-g-color-surface-container-1);
+}
+:host([data-render-mode="shadow"]) .slds-progress-ring__content .slds-icon {
+  width: 0.75rem;
+}
+/* variant = warning */
+:host([data-render-mode="shadow"]) .slds-progress-ring_warning .slds-progress-ring__content {
+  background: var(--slds-g-color-surface-container-1);
+}
+:host([data-render-mode="shadow"]) .slds-progress-ring_warning .slds-icon,:host([data-render-mode="shadow"]) 
+.slds-progress-ring_warning .slds-icon svg,:host([data-render-mode="shadow"]) 
+.slds-progress-ring_warning .slds-progress-ring__path {
+  fill: var(--slds-g-color-warning-1);
+}
+/* variant = expired */
+:host([data-render-mode="shadow"]) .slds-progress-ring_expired .slds-progress-ring__content {
+  background: var(--slds-g-color-surface-container-1);
+}
+:host([data-render-mode="shadow"]) .slds-progress-ring_expired .slds-icon,:host([data-render-mode="shadow"]) 
+.slds-progress-ring_expired .slds-icon svg,:host([data-render-mode="shadow"]) 
+.slds-progress-ring_expired .slds-progress-ring__path {
+  fill: var(--slds-g-color-error-1);
+}
+/* variant = complete */
+:host([data-render-mode="shadow"]) .slds-progress-ring_complete .slds-icon,:host([data-render-mode="shadow"]) 
+.slds-progress-ring_complete .slds-icon svg {
+  fill: var(--slds-g-color-on-success-1);
+}
+:host([data-render-mode="shadow"]) .slds-progress-ring_complete .slds-progress-ring__path {
+  fill: var(--slds-g-color-success-1);
+}
+:host([data-render-mode="shadow"]) .slds-progress-ring_complete .slds-progress-ring__content {
+  background: var(--slds-g-color-success-container-2);
+}
+/* size = large */
+:host([data-render-mode="shadow"]) .slds-progress-ring_large {
+  height: 2rem;
+  width: 2rem;
+}
+:host([data-render-mode="shadow"]) .slds-progress-ring_large .slds-icon {
+  width: 1rem;
+}
+/* variant = active-step */
+:host([data-render-mode="shadow"]) .slds-progress-ring_active-step .slds-progress-ring__path {
+  fill: var(--slds-g-color-accent-1);
+}
+/* additional classes */
+/* TODO W-12674349: remove after name-value-list utils are added */
+:host([data-render-mode="shadow"]) .slds-assistive-text {
+  position: absolute !important;
+  margin: -1px !important;
+  border: 0 !important;
+  padding: 0 !important;
+  width: 1px !important;
+  height: 1px !important;
+  overflow: hidden !important;
+  clip: rect(0 0 0 0) !important;
+  text-transform: none !important;
+  white-space: nowrap !important;
+}