lightning-base-components 1.22.3-alpha → 1.26.2-rc.0-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "lightning-base-components",
-    "version": "1.22.3-alpha",
+    "version": "1.26.2-rc.0-alpha",
     "license": "MIT",
     "files": [
         "external",
@@ -118,6 +118,14 @@
                 "name": "@salesforce/label/LightningErrorMessage.validityRangeUnderflow",
                 "path": "scopedImports/@salesforce-label-LightningErrorMessage.validityRangeUnderflow.js"
             },
+            {
+                "name": "@salesforce/label/LightningErrorMessage.validityBadNumericInput",
+                "path": "scopedImports/@salesforce-label-LightningErrorMessage.validityBadNumericInput.js"
+            },
+            {
+                "name": "@salesforce/label/LightningErrorMessage.validityBadEmailInput",
+                "path": "scopedImports/@salesforce-label-LightningErrorMessage.validityBadEmailInput.js"
+            },
             {
                 "name": "@salesforce/label/LightningErrorMessage.validityStepMismatch",
                 "path": "scopedImports/@salesforce-label-LightningErrorMessage.validityStepMismatch.js"
@@ -838,6 +846,18 @@
                 "name": "@salesforce/label/LightningDateTimePicker.minAndMaxRangeMessage",
                 "path": "scopedImports/@salesforce-label-LightningDateTimePicker.minAndMaxRangeMessage.js"
             },
+            {
+                "name": "@salesforce/label/LightningDateTimePicker.valueMissingWithDateFormat",
+                "path": "scopedImports/@salesforce-label-LightningDateTimePicker.valueMissingWithDateFormat.js"
+            },
+            {
+                "name": "@salesforce/label/LightningDateTimePicker.customErrorWithDateFormat",
+                "path": "scopedImports/@salesforce-label-LightningDateTimePicker.customErrorWithDateFormat.js"
+            },
+            {
+                "name": "@salesforce/label/LightningDateTimePicker.dateFormatExampleText",
+                "path": "scopedImports/@salesforce-label-LightningDateTimePicker.dateFormatExampleText.js"
+            },
             {
                 "name": "@salesforce/label/LightningPrimitiveCellActions.showActions",
                 "path": "scopedImports/@salesforce-label-LightningPrimitiveCellActions.showActions.js"
@@ -1018,6 +1038,10 @@
                 "name": "@salesforce/label/LightningLookup.modalTitle",
                 "path": "scopedImports/@salesforce-label-LightningLookup.modalTitle.js"
             },
+            {
+                "name": "@salesforce/label/LightningLookup.relevance",
+                "path": "scopedImports/@salesforce-label-LightningLookup.relevance.js"
+            },
             {
                 "name": "@salesforce/label/LightningRecordPicker.invalidConfigurationErrorMessage",
                 "path": "scopedImports/@salesforce-label-LightningRecordPicker.invalidConfigurationErrorMessage.js"
@@ -1051,13 +1075,17 @@
                 "path": "scopedImports/@salesforce-label-LightningRecordPicker.resultCountDescriptionForMultipleRecords.js"
             },
             {
-                "name": "@salesforce/label/LightningRecordPicker.resultCountDescriptionForMoreThanOneHundredRecords",
-                "path": "scopedImports/@salesforce-label-LightningRecordPicker.resultCountDescriptionForMoreThanOneHundredRecords.js"
+                "name": "@salesforce/label/LightningRecordPicker.resultCountDescriptionForMultipleRecordsWithMorePages",
+                "path": "scopedImports/@salesforce-label-LightningRecordPicker.resultCountDescriptionForMultipleRecordsWithMorePages.js"
             },
             {
                 "name": "@salesforce/label/LightningRecordPicker.resultsLoading",
                 "path": "scopedImports/@salesforce-label-LightningRecordPicker.resultsLoading.js"
             },
+            {
+                "name": "@salesforce/label/LightningRecordPicker.sortedBy",
+                "path": "scopedImports/@salesforce-label-LightningRecordPicker.sortedBy.js"
+            },
             {
                 "name": "@salesforce/label/LightningRecordPicker.searchInputHelp",
                 "path": "scopedImports/@salesforce-label-LightningRecordPicker.searchInputHelp.js"
@@ -1322,6 +1350,10 @@
                 "name": "@salesforce/label/AddressAutocomplete.LookupButton",
                 "path": "scopedImports/@salesforce-label-AddressAutocomplete.LookupButton.js"
             },
+            {
+                "name": "@salesforce/label/LWCFileUpload.AccessCheckError",
+                "path": "scopedImports/@salesforce-label-LWCFileUpload.AccessCheckError.js"
+            },
             {
                 "name": "@salesforce/i18n/lang",
                 "path": "scopedImports/@salesforce-i18n-lang.js"
@@ -1478,11 +1510,14 @@
         "ssrRenderedComponents": [
             "lightning-accordion",
             "lightning-accordion-section",
+            "lightning-ai-form-control",
+            "lightning-ai-layout",
             "lightning-avatar",
             "lightning-badge",
             "lightning-base-combobox",
             "lightning-base-combobox-formatted-text",
             "lightning-base-combobox-item",
+            "lightning-base-formatted-text",
             "lightning-breadcrumb",
             "lightning-breadcrumbs",
             "lightning-button",
@@ -1494,6 +1529,7 @@
             "lightning-card",
             "lightning-calendar",
             "lightning-checkbox-group",
+            "lightning-click-to-dial",
             "lightning-color-picker-custom",
             "lightning-color-picker-panel",
             "lightning-combobox",
@@ -1501,15 +1537,18 @@
             "lightning-datetimepicker",
             "lightning-dual-listbox",
             "lightning-dynamic-icon",
+            "lightning-external-link",
             "lightning-file-upload",
             "lightning-focus-trap",
             "lightning-formatted-address",
             "lightning-formatted-date-time",
             "lightning-formatted-email",
             "lightning-formatted-location",
+            "lightning-formatted-lookup",
             "lightning-formatted-name",
             "lightning-formatted-number",
             "lightning-formatted-phone",
+            "lightning-formatted-rich-text",
             "lightning-formatted-text",
             "lightning-formatted-time",
             "lightning-formatted-url",
@@ -1521,9 +1560,12 @@
             "lightning-layout",
             "lightning-layout-item",
             "lightning-lookup-address",
+            "lightning-map",
             "lightning-menu-divider",
             "lightning-menu-item",
             "lightning-menu-subheader",
+            "lightning-message",
+            "lightning-mobile-grouped-combobox",
             "lightning-picklist",
             "lightning-pill",
             "lightning-pill-container",
@@ -1532,7 +1574,8 @@
             "lightning-primitive-bubble",
             "lightning-primitive-button",
             "lightning-primitive-colorpicker-button",
-            "primitive-file-droppable-zone",
+            "lightning-primitive-coordinate-item",
+            "lightning-primitive-file-droppable-zone",
             "lightning-primitive-input-checkbox",
             "lightning-primitive-input-checkbox-button",
             "lightning-primitive-input-color",
@@ -1541,27 +1584,27 @@
             "lightning-primitive-input-toggle",
             "lightning-prompt",
             "lightning-radio-group",
+            "lightning-relative-date-time",
             "lightning-rich-text-toolbar-button",
             "lightning-rich-text-toolbar-button-group",
             "lightning-select",
+            "lightning-slider",
             "lightning-spinner",
+            "lightning-stacked-tab",
+            "lightning-stacked-tabset",
             "lightning-tab",
             "lightning-tab-bar",
             "lightning-tabset",
             "lightning-textarea",
             "lightning-tile",
             "lightning-timepicker",
-            "lightning-vertical-navigation",
-            "lightning-vertical-navigation-item",
-            "lightning-vertical-navigation-item-badge",
-            "lightning-vertical-navigation-item-icon",
-            "lightning-vertical-navigation-overflow",
-            "lightning-vertical-navigation-section"
+            "lightning-tree",
+            "lightning-tree-item"
         ],
         "ssrSafeComponents": [
             "lightning-alert",
             "lightning-confirm",
-            "lightning-formatted-rich-text",
+            "lightning-datatable",
             "lightning-icon",
             "lightning-input-rich-text",
             "lightning-interactive-dialog-base",
@@ -1570,12 +1613,31 @@
             "lightning-modal-body",
             "lightning-modal-footer",
             "lightning-modal-header",
+            "lightning-multi-column-sorting-modal",
             "lightning-overlay",
             "lightning-overlay-container",
             "lightning-popup",
             "lightning-popup-source",
+            "lightning-primitive-cell-actions",
+            "lightning-primitive-cell-checkbox",
+            "lightning-primitive-cell-button",
+            "lightning-primitive-cell-factory",
+            "lightning-primitive-column-sorter",
+            "lightning-primitive-custom-cell",
+            "lightning-primitive-datatable-cell",
+            "lightning-primitive-datatable-iedit-input-wrapper",
+            "lightning-primitive-datatable-iedit-panel",
+            "lightning-primitive-datatable-iedit-type-factory",
+            "lightning-primitive-datatable-loading-indicator",
+            "lightning-primitive-datatable-status-bar",
+            "lightning-primitive-datatable-tooltip",
+            "lightning-primitive-datatable-tooltip-bubble",
+            "lightning-primitive-header-actions",
+            "lightning-primitive-header-factory",
             "lightning-primitive-icon",
             "lightning-primitive-iframe",
+            "lightning-primitive-resize-handler",
+            "lightning-primitive-treegrid-cell-toggle",
             "lightning-progress-indicator",
             "lightning-progress-step",
             "lightning-static-map",
@@ -1591,12 +1653,16 @@
         "nativeShadowEnabledComponents": [
             "lightning-accordion",
             "lightning-accordion-section",
+            "lightning-ai-form-control",
+            "lightning-ai-layout",
             "lightning-alert",
             "lightning-avatar",
             "lightning-badge",
             "lightning-base-combobox",
             "lightning-base-combobox-formatted-text",
             "lightning-base-combobox-item",
+            "lightning-base-formatted-text",
+            "lightning-base-record-form",
             "lightning-breadcrumb",
             "lightning-breadcrumbs",
             "lightning-bubble",
@@ -1608,20 +1674,28 @@
             "lightning-button-stateful",
             "lightning-card",
             "lightning-calendar",
+            "lightning-carousel",
+            "lightning-carousel-image",
+            "lightning-checkbox-group",
+            "lightning-click-to-dial",
             "lightning-color-picker-custom",
             "lightning-color-picker-panel",
             "lightning-combobox",
             "lightning-confirm",
+            "lightning-datatable",
+            "lightning-datatable-keyboard-mixins",
             "lightning-datepicker",
             "lightning-datetimepicker",
             "lightning-dual-listbox",
             "lightning-dynamic-icon",
+            "lightning-external-link",
             "lightning-file-upload",
             "lightning-focus-trap",
             "lightning-formatted-address",
             "lightning-formatted-date-time",
             "lightning-formatted-email",
             "lightning-formatted-location",
+            "lightning-formatted-lookup",
             "lightning-formatted-name",
             "lightning-formatted-number",
             "lightning-formatted-phone",
@@ -1640,14 +1714,21 @@
             "lightning-interactive-dialog-base",
             "lightning-layout",
             "lightning-layout-item",
+            "lightning-lookup-address",
+            "lightning-map",
             "lightning-menu-divider",
             "lightning-menu-item",
             "lightning-menu-subheader",
+            "lightning-message",
+            "lightning-message-context-consumer",
+            "lightning-mobile-grouped-combobox",
             "lightning-modal",
             "lightning-modal-base",
             "lightning-modal-body",
             "lightning-modal-footer",
             "lightning-modal-header",
+            "lightning-multi-column-sorting-modal",
+            "lightning-output-field",
             "lightning-overlay",
             "lightning-overlay-container",
             "lightning-picklist",
@@ -1657,8 +1738,25 @@
             "lightning-popup-source",
             "lightning-primitive-bubble",
             "lightning-primitive-button",
+            "lightning-primitive-cell-actions",
+            "lightning-primitive-cell-checkbox",
+            "lightning-primitive-cell-button",
+            "lightning-primitive-cell-factory",
             "lightning-primitive-color-picker-button",
-            "primitive-file-droppable-zone",
+            "lightning-primitive-column-sorter",
+            "lightning-primitive-coordinate-item",
+            "lightning-primitive-custom-cell",
+            "lightning-primitive-datatable-cell",
+            "lightning-primitive-datatable-iedit-input-wrapper",
+            "lightning-primitive-datatable-iedit-panel",
+            "lightning-primitive-datatable-iedit-type-factory",
+            "lightning-primitive-datatable-loading-indicator",
+            "lightning-primitive-datatable-status-bar",
+            "lightning-primitive-datatable-tooltip",
+            "lightning-primitive-datatable-tooltip-bubble",
+            "lightning-primitive-file-droppable-zone",
+            "lightning-primitive-header-actions",
+            "lightning-primitive-header-factory",
             "lightning-primitive-icon",
             "lightning-primitive-input-checkbox",
             "lightning-primitive-input-checkbox-button",
@@ -1666,16 +1764,25 @@
             "lightning-primitive-input-file",
             "lightning-primitive-input-simple",
             "lightning-primitive-input-toggle",
+            "lightning-primitive-treegrid-cell-toggle",
             "lightning-prompt",
             "lightning-progress-bar",
             "lightning-progress-indicator",
             "lightning-progress-ring",
+            "lightning-primitive-resize-handler",
             "lightning-progress-step",
+            "lightning-quill",
             "lightning-radio-group",
+            "lightning-record-view-form",
+            "lightning-relative-date-time",
             "lightning-rich-text-toolbar-button",
             "lightning-rich-text-toolbar-button-group",
+            "lightning-router-link",
             "lightning-select",
+            "lightning-slider",
             "lightning-spinner",
+            "lightning-stacked-tab",
+            "lightning-stacked-tabset",
             "lightning-static-map",
             "lightning-tab",
             "lightning-tab-bar",
@@ -1684,6 +1791,10 @@
             "lightning-toast-container",
             "lightning-tile",
             "lightning-timepicker",
+            "lightining-tree",
+            "lightning-tree-grid",
+            "lightining-tree-item",
+            "lightning-user-consent-cookie",
             "lightning-vertical-navigation",
             "lightning-vertical-navigation-item",
             "lightning-vertical-navigation-item-badge",

package/scopedImports/@salesforce-internal-core.appVersion.js

@@ -1 +1 @@
-export default '250';
+export default '254';

package/scopedImports/@salesforce-label-LWCFileUpload.AccessCheckError.js

@@ -0,0 +1 @@
+export default 'This feature isn\'t enabled, or you don\'t have permission to upload.';

package/scopedImports/@salesforce-label-LightningDatatable.sortingMenuMultiColumnSort.js

@@ -1 +1 @@
-export default 'Sort by Multiple Columns';
+export default 'Sort by Columns';

package/scopedImports/@salesforce-label-LightningDateTimePicker.customErrorWithDateFormat.js

@@ -0,0 +1 @@
+export default '{0} (Use format {1})';

package/scopedImports/@salesforce-label-LightningDateTimePicker.dateFormatExampleText.js

@@ -0,0 +1 @@
+export default 'Format: {0}';

package/scopedImports/@salesforce-label-LightningDateTimePicker.minAndMaxRangeMessage.js

@@ -1 +1 @@
-export default 'Select a date between {0} and {1}';
+export default 'Select a date from {0} through {1}';

package/scopedImports/@salesforce-label-LightningDateTimePicker.valueMissingWithDateFormat.js

@@ -0,0 +1 @@
+export default 'Complete this field with format {0}.';

package/scopedImports/@salesforce-label-LightningErrorMessage.validityBadEmailInput.js

@@ -0,0 +1 @@
+export default 'Enter a valid email address, such as name@email.com.';

package/scopedImports/@salesforce-label-LightningErrorMessage.validityBadNumericInput.js

@@ -0,0 +1 @@
+export default 'Enter a valid numeric value.';

package/scopedImports/@salesforce-label-LightningLookup.relevance.js

@@ -0,0 +1 @@
+export default 'Relevance';

package/scopedImports/@salesforce-label-LightningMultiColumnSortingModal.modalTitle.js

@@ -1 +1 @@
-export default 'Sort by Multiple Columns';
+export default 'Sort by Columns';

package/scopedImports/@salesforce-label-LightningRecordPicker.resultCountDescriptionForMultipleRecordsWithMorePages.js

@@ -0,0 +1 @@
+export default '{1}+ results found for "{0}"';

package/scopedImports/@salesforce-label-LightningRecordPicker.sortedBy.js

@@ -0,0 +1 @@
+export default 'Sorted by {0}';

package/src/lightning/accordion/__docs__/accordion.md

@@ -220,28 +220,9 @@ This example adds a border and gray background to the accordion content area usi
 </lightning-accordion>
 ```
 
-To apply custom styling, use the `:host` selector or define a custom class using the `class` attribute.
+Component styling hooks use the `--slds-c-*` prefix and change styling for specific elements or properties of a component. Component-specific styling isn’t recommended, because it’s unsupported for SLDS 2, but existing customizations still work with the original SLDS. If you use component styling hooks, limit the components to SLDS themes until SLDS 2 and the Salesforce Cosmos theme become generally available. See [Accordion: Styling Hooks Overview](https://www.lightningdesignsystem.com/components/accordion/#Styling-Hooks-Overview) for documentation on component-specific hooks for this component. 
 
-```html
-<lightning-accordion class="example-accordion" active-section-name="A">
-    <lightning-accordion-section name="A" label="Accordion Title A">
-        <p>This is the content area for section A.</p>
-    </lightning-accordion-section>
-    <!-- More accordion sections here -->
-</lightning-accordion>
-```
-
-Use SLDS styling hooks to customize the component's styles. For example, specify the border color using the `--slds-c-accordion-color-border` custom property.
-
-```css
-.example-accordion {
-    --slds-c-accordion-color-border: orange;
-}
-```
-
-See [Styling Hooks Overview](https://www.lightningdesignsystem.com/components/accordion/#Styling-Hooks-Overview) for a list of CSS custom properties.
-
-For more information, see [Style Components Using Lightning Design System Styling Hooks](https://developer.salesforce.com/docs/platform/lwc/guide/create-components-css-custom-properties) in the Lightning Web Components Developer Guide.
+For more information, see [Style Components Using Lightning Design System Styling Hooks](https://developer.salesforce.com/docs/platform/lwc/guide/create-components-css-custom-properties) in the Lightning Web Components Developer Guide. 
 
 To understand how we implemented SLDS in `lightning-accordion`, see the **Source Code** section.
 

package/src/lightning/accordion/__examples__/basic/basic.html

@@ -1,11 +1,7 @@
 <template>
-    <p class="slds-text-heading_small">{activeSectionMessage}</p>
-
     <lightning-button onclick={handleSetActiveSectionC} label="Open Section C"></lightning-button>
 
-    <lightning-accordion class="example-accordion"
-                         onsectiontoggle={handleToggleSection}
-                         active-section-name="B">
+    <lightning-accordion class="example-accordion" active-section-name="B">
         <lightning-accordion-section name="A" label="Accordion Title A">
             <lightning-button-menu slot="actions"
                                   alternative-text="Show menu"

package/src/lightning/accordion/__examples__/basic/basic.js

@@ -1,13 +1,11 @@
+/*
+ * Copyright (c) 2025, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
 import { LightningElement } from 'lwc';
 
 export default class LightningExampleAccordionBasic extends LightningElement {
-    activeSectionMessage = '';
-
-    handleToggleSection(event) {
-        this.activeSectionMessage =
-            'Open section name:  ' + event.detail.openSections;
-    }
-
     handleSetActiveSectionC() {
         const accordion = this.template.querySelector('.example-accordion');
 

package/src/lightning/accordion/__examples__/conditional/conditional.html

@@ -1,11 +1,7 @@
 <template>
-    <p class="slds-text-heading_small">{activeSectionMessage}</p>
-
     <lightning-button onclick={handleToggleSectionD} label="Toggle Section D"></lightning-button>
 
-    <lightning-accordion class="example-accordion"
-                         onsectiontoggle={handleToggleSection}
-                         active-section-name="B">
+    <lightning-accordion class="example-accordion" active-section-name="B">
         <lightning-accordion-section name="A" label="Accordion Title A">
             <p>This is the content area for section A.</p>
             <p>Donec vitae tellus egestas, faucibus ipsum ac, imperdiet erat. Nam venenatis non ante at sagittis. Integer vel purus eget nunc semper placerat. Nam tristique quam leo, et posuere enim condimentum quis. Ut sagittis libero id lectus tempor maximus. Nunc ut tincidunt eros, a hendrerit leo. Suspendisse quis fermentum dolor. Nulla euismod consectetur leo, id condimentum nunc consequat quis.</p>

package/src/lightning/accordion/__examples__/conditional/conditional.js

@@ -1,19 +1,14 @@
+/*
+ * Copyright (c) 2025, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
 import { LightningElement } from 'lwc';
 
 export default class LightningExampleAccordionConditional extends LightningElement {
-    activeSectionMessage = '';
     isDVisible = false;
 
-    handleToggleSection(event) {
-        this.activeSectionMessage =
-            'Open section name:  ' + event.detail.openSections;
-    }
-
     handleToggleSectionD() {
         this.isDVisible = !this.isDVisible;
     }
-
-    get isMessageVisible() {
-        return this.activeSectionMessage.length > 0;
-    }
 }

package/src/lightning/accordion/__examples__/multiple/multiple.js

@@ -1,3 +1,8 @@
+/*
+ * Copyright (c) 2025, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
 import { LightningElement } from 'lwc';
 
 export default class LightningExampleAccordionMultiple extends LightningElement {

package/src/lightning/accordion/accordion-section.slds.css

@@ -1,6 +1,5 @@
 
-/* Copyright (c) 2015-present, Salesforce, Inc. All rights reserved
-Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
+
 
     :host([data-render-mode="shadow"]) .slds-accordion__list-item {
         border-top-width: var(--slds-c-accordionsection-sizing-border, var(--slds-g-sizing-border-1));

package/src/lightning/accordion/accordion.js

@@ -1,7 +1,19 @@
+/*
+ * Copyright (c) 2025, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
 import { api } from 'lwc';
 import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
 import { createAccordionManager } from 'lightning/accordionUtilsPrivate';
-import { isCSR } from 'lightning/utilsPrivate';
+import { features } from 'lightning/features';
+import {
+    isCSR,
+    isNativeComponent,
+    privateContext,
+} from 'lightning/utilsPrivate';
+
+const { setContext, assertContext } = privateContext;
 
 /**
  * A collection of vertically stacked sections with multiple content areas.
@@ -12,13 +24,17 @@ export default class LightningAccordion extends LightningShadowBaseClass {
     privateIsSectionLessInLastRender = true;
     _allowMultipleSectionsOpen = false;
     connected = false;
+    _isNativeShadow = false;
 
     constructor() {
         super();
+        setContext(this);
         this.privateAccordionManager = createAccordionManager();
     }
 
     connectedCallback() {
+        assertContext(this);
+        this._isNativeShadow = isNativeComponent(this);
         this.privateAccordionManager.attachOpenSectionObserver(() => {
             const openSections = this.activeSectionName;
             // there is nothing but to dispatch the sectiontoggle here.
@@ -95,6 +111,17 @@ export default class LightningAccordion extends LightningShadowBaseClass {
      */
     @api
     get allowMultipleSectionsOpen() {
+        if (features.ENABLE_ACCORDION_CLOSE_SINGLE_SECTION) {
+            // Overriding setter if they do not declare allow-multiple-sections-open
+            // with one a single accordion-section. Intentially setting the private API
+            // properties here. You can't reassign a public property in LWC so anywhere
+            // else in the render cycle is too late.
+            if (this.privateAccordionManager.sections.length === 1) {
+                this._allowMultipleSectionsOpen = true;
+                this.privateAccordionManager.collapsible = true;
+            }
+        }
+
         return this._allowMultipleSectionsOpen;
     }
 
@@ -103,30 +130,35 @@ export default class LightningAccordion extends LightningShadowBaseClass {
         this.privateAccordionManager.collapsible = value;
     }
 
+    checkOpenSections() {
+        if (this.privateIsSectionLessInLastRender) {
+            let hasOpenSection = false;
+            // open sectionName or first section.
+            if (this._activeSectionName) {
+                hasOpenSection = this.privateAccordionManager.openSectionByName(
+                    this._activeSectionName
+                );
+            }
+
+            if (!(this._allowMultipleSectionsOpen || hasOpenSection)) {
+                this.privateAccordionManager.openFirstSection();
+            }
+        }
+
+        this.privateIsSectionLessInLastRender =
+            this.privateAccordionManager.sections.length === 0;
+    }
+
     renderedCallback() {
         // Use Promise.resolve() to avoid a timing issue due to LWC v6's native custom element lifecycle:
         // https://github.com/salesforce/lwc/releases/v6.0.0#new-timing
         // This computation logic needs to occur after the child accordionSection has fired its
         // connectedCallback.
-        Promise.resolve().then(() => {
-            if (this.privateIsSectionLessInLastRender) {
-                let hasOpenSection = false;
-                // open sectionName or first section.
-                if (this._activeSectionName) {
-                    hasOpenSection =
-                        this.privateAccordionManager.openSectionByName(
-                            this._activeSectionName
-                        );
-                }
-
-                if (!(this._allowMultipleSectionsOpen || hasOpenSection)) {
-                    this.privateAccordionManager.openFirstSection();
-                }
-            }
-
-            this.privateIsSectionLessInLastRender =
-                this.privateAccordionManager.sections.length === 0;
-        });
+        if (this._isNativeShadow) {
+            Promise.resolve().then(() => this.checkOpenSections());
+        } else {
+            this.checkOpenSections();
+        }
     }
 
     get openedSection() {

package/src/lightning/accordionSection/__examples__/basic/basic.js

@@ -1,3 +1,8 @@
+/*
+ * Copyright (c) 2025, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
 import { LightningElement } from 'lwc';
 
 export default class LightningExampleAccordionSectionBasic extends LightningElement {}

package/src/lightning/accordionSection/accordion-section.slds.css

@@ -1,6 +1,5 @@
 
-/* Copyright (c) 2015-present, Salesforce, Inc. All rights reserved
-Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
+
 
     :host([data-render-mode="shadow"]) .slds-accordion__list-item {
         border-top-width: var(--slds-c-accordionsection-sizing-border, var(--slds-g-sizing-border-1));