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

package/src/lightning/stackedTab/stacked-tab.slds.css

@@ -1,5 +1,5 @@
 
-:host([data-render-mode="shadow"]) .slds-tabs-mobile__item{
+:host([data-render-mode="shadow"]) .slds-tabs-mobile__item {
   display: -webkit-box;
   display: flex;
   border-block-start: var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-base-1);
@@ -12,18 +12,19 @@
   padding: 0 var(--slds-g-spacing-3);
 }
 
-:host([data-render-mode="shadow"]) .slds-tabs-mobile__item:active{
+:host([data-render-mode="shadow"]) .slds-tabs-mobile__item:active {
   background-color: var(--slds-g-color-neutral-base-95);
 }
 
-:host([data-render-mode="shadow"]) .slds-tabs-mobile__item .slds-button:focus{
+:host([data-render-mode="shadow"]) .slds-tabs-mobile__item .slds-button:focus {
   box-shadow: inset var(--slds-g-shadow-outline-focus-1);
 }
 
-:host([data-render-mode="shadow"]) .slds-button:hover,:host([data-render-mode="shadow"])  .slds-button:focus {
+:host([data-render-mode="shadow"]) .slds-button:hover,:host([data-render-mode="shadow"]) 
+.slds-button:focus {
   /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-  --slds-c-button-color-border: var(--slds-c-button-color-border-hover);  
-  
+  --slds-c-button-color-border: var(--slds-c-button-color-border-hover);
+
   color: var(--slds-c-button-text-color-hover, var(--slds-g-color-border-accent-3));
   /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
 }
@@ -51,7 +52,7 @@
   /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
 }
 
-:host([data-render-mode="shadow"]) .slds-button_full-width{
+:host([data-render-mode="shadow"]) .slds-button_full-width {
   font-size: inherit;
   color: inherit;
   line-height: inherit;

package/src/lightning/stackedTab/stackedTab.css

@@ -1,2 +1,2 @@
 @import './stackedTab.lbc.native.css';
-@import './stackedTab.lbc.synthetic.css';
+@import './stackedTab.lbc.synthetic.css';

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

@@ -1,3 +1,3 @@
 @import 'lightning/sldsCommon';
 @import 'lightning/sldsUtilsTruncation';
-@import './stacked-tab.slds.css';
+@import './stacked-tab.slds.css';

package/src/lightning/stackedTabset/stacked-tabset.slds.css

@@ -1,9 +1,9 @@
 
-:host([data-render-mode="shadow"]) .slds-tabs-mobile{
-    display: -webkit-box;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    flex-direction: column;
-    background-color: var(--slds-g-color-surface-container-1);
-  }
+:host([data-render-mode="shadow"]) .slds-tabs-mobile {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  flex-direction: column;
+  background-color: var(--slds-g-color-surface-container-1);
+}

package/src/lightning/stackedTabset/stackedTabset.css

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

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

@@ -1,3 +1,3 @@
 @import 'lightning/sldsCommon';
 @import 'lightning/sldsUtilsBorders';
-@import './stacked-tabset.slds.css';
+@import './stacked-tabset.slds.css';

package/src/lightning/tab/tab.css

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

package/src/lightning/tab/tab.slds.css

@@ -1,54 +1,47 @@
 
-  /* Reassignments for parity with SLDS blueprint
+/* Reassignments for parity with SLDS blueprint
     https://www.lightningdesignsystem.com/components/tabs/#Styling-Hooks-Overview */
 
-
-  :host([data-render-mode="shadow"].slds-tabs_default__content) {
-    /* stylelint-disable */
-    --slds-c-tabs-panel-spacing-blockstart: var(--slds-c-tab-panel-spacing-block-start);
-    --slds-c-tabs-panel-spacing-blockend: var(--slds-c-tab-panel-spacing-block-end);
-    --slds-c-tabs-panel-spacing-inlineend: var(--slds-c-tab-panel-spacing-inline-end);
-    --slds-c-tabs-panel-spacing-inlinestart: var(--slds-c-tab-panel-spacing-inline-start);
-    /* stylelint-enable */
-
-    position: relative;
-    padding-block-start: var(--slds-c-tab-panel-spacing-blockstart, var(--slds-g-spacing-3));
-    padding-inline-end: var(--slds-c-tab-panel-spacing-inlineend, 0);
-    padding-block-end: var(--slds-c-tab-panel-spacing-blockend, var(--slds-g-spacing-3));
-    padding-inline-start: var(--slds-c-tab-panel-spacing-inlinestart, 0);
-  }
-
-
-  :host([data-render-mode="shadow"].slds-tabs_scoped__content) {
-    background-color: var(--slds-g-color-surface-container-1);
-    border: var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-base-4, var(--slds-g-color-border-1));
-    border-block-start: 0;
-    border-start-start-radius: 0;
-    border-start-end-radius: 0;
-    border-end-end-radius: var(--slds-g-spacing-1);
-    border-end-start-radius: var(--slds-g-spacing-1);
-    padding: var(--slds-g-spacing-4);
-  }
-
-
-  :host([data-render-mode="shadow"].slds-vertical-tabs__content) {
-    flex: 1;
-    padding: var(--slds-g-spacing-4);
-    background: var(--slds-g-color-neutral-base-100, var(--slds-g-color-surface-container-1));
-  }
-
-
-  /* TODO W-12674349: Replace with Visibility Utility Classes when available */
-
-
-  :host([data-render-mode="shadow"].slds-show) {
-    display: block;
-  }
-
-
-  /* TODO W-12674349: Replace with Visibility Utility Classes when available */
-
-
-  :host([data-render-mode="shadow"].slds-hide) {
-    display: none !important
-  }
+:host([data-render-mode="shadow"].slds-tabs_default__content) {
+  /* stylelint-disable */
+  --slds-c-tabs-panel-spacing-blockstart: var(--slds-c-tab-panel-spacing-block-start);
+  --slds-c-tabs-panel-spacing-blockend: var(--slds-c-tab-panel-spacing-block-end);
+  --slds-c-tabs-panel-spacing-inlineend: var(--slds-c-tab-panel-spacing-inline-end);
+  --slds-c-tabs-panel-spacing-inlinestart: var(--slds-c-tab-panel-spacing-inline-start);
+  /* stylelint-enable */
+
+  position: relative;
+  padding-block-start: var(--slds-c-tab-panel-spacing-blockstart, var(--slds-g-spacing-3));
+  padding-inline-end: var(--slds-c-tab-panel-spacing-inlineend, 0);
+  padding-block-end: var(--slds-c-tab-panel-spacing-blockend, var(--slds-g-spacing-3));
+  padding-inline-start: var(--slds-c-tab-panel-spacing-inlinestart, 0);
+}
+
+:host([data-render-mode="shadow"].slds-tabs_scoped__content) {
+  background-color: var(--slds-g-color-surface-container-1);
+  border: var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-base-4, var(--slds-g-color-border-1));
+  border-block-start: 0;
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+  border-end-end-radius: var(--slds-g-spacing-1);
+  border-end-start-radius: var(--slds-g-spacing-1);
+  padding: var(--slds-g-spacing-4);
+}
+
+:host([data-render-mode="shadow"].slds-vertical-tabs__content) {
+  flex: 1;
+  padding: var(--slds-g-spacing-4);
+  background: var(--slds-g-color-neutral-base-100, var(--slds-g-color-surface-container-1));
+}
+
+/* TODO W-12674349: Replace with Visibility Utility Classes when available */
+
+:host([data-render-mode="shadow"].slds-show) {
+  display: block;
+}
+
+/* TODO W-12674349: Replace with Visibility Utility Classes when available */
+
+:host([data-render-mode="shadow"].slds-hide) {
+  display: none !important;
+}