lightning-base-components 1.17.7-alpha → 1.18.2-alpha

package/metadata/raptor.json

@@ -2463,6 +2463,7 @@
     ]
   },
   "marketingAssetcreationApi": {},
+  "marketingCdpApi": {},
   "mediaUtils": {
     "minVersion": "0.0"
   },
@@ -3147,6 +3148,7 @@
     ]
   },
   "recordPicker": {
+    "minVersion": "59.0",
     "slotNames": [],
     "properties": [
       {
@@ -3160,6 +3162,9 @@
       },
       {
         "name": "placeholder"
+      },
+      {
+        "name": "value"
       }
     ]
   },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "lightning-base-components",
-    "version": "1.17.7-alpha",
+    "version": "1.18.2-alpha",
     "license": "MIT",
     "files": [
         "external",
@@ -1255,6 +1255,48 @@
                 "path": "scopedImports/@salesforce-internal-core.untrustedContentDomain.js"
             }
         ],
+        "nativeShadowEnabledComponents": [
+            "lightning-accordion",
+            "lightning-accordion-section",
+            "lightning-avatar",
+            "lightning-base-combobox",
+            "lightning-base-combobox-item",
+            "lightning-breadcrumb",
+            "lightning-breadcrumbs",
+            "lightning-bubble",
+            "lightning-button",
+            "lightning-button-group",
+            "lightning-button-icon",
+            "lightning-button-icon-stateful",
+            "lightning-button-menu",
+            "lightning-button-stateful",
+            "lightning-card",
+            "lightning-color-picker-custom",
+            "lightning-color-picker-panel",
+            "lightning-combobox",
+            "lightning-dual-listbox",
+            "lightning-dynamic-icon",
+            "lightning-helptext",
+            "lightning-icon",
+            "lightning-layout",
+            "lightning-layout-item",
+            "lightning-menu-divider",
+            "lightning-menu-item",
+            "lightning-menu-subheader",
+            "lightning-pill",
+            "lightning-pill-container",
+            "lightning-popup",
+            "lightning-popup-source",
+            "lightning-primitive-bubble",
+            "lightning-primitive-color-picker-button",
+            "lightning-primitive-icon",
+            "lightning-radio-group",
+            "lightning-select",
+            "lightning-spinner",
+            "lightning-tab-bar",
+            "lightning-vertical-navigation",
+            "lightning-vertical-navigation-section"
+        ],
         "expose": [
             "lightning/accordion",
             "lightning/accordionSection",

package/src/lightning/accordion/accordion.css

@@ -1,4 +1,16 @@
+@import 'lightning/sldsCommon';
+@import './accordion.slds.css';
+
 :host {
     display: block;
     list-style: none;
 }
+
+/* To Do: 
+   Remove the code below as it is a duplicate once data-render-mode fix (W-12439890) for ::slotted is in. 
+*/
+/* Removes first child border top */
+::slotted(lightning-accordion-section:first-child) {
+    --slds-c-accordionsection-sizing-border: 0;
+}
+

package/src/lightning/accordion/accordion.html

@@ -1,3 +1,5 @@
 <template>
-    <slot></slot>
+    <div part="accordion">
+        <slot></slot>
+    </div>
 </template>

package/src/lightning/accordion/accordion.js

@@ -1,11 +1,12 @@
-import { LightningElement, api } from 'lwc';
+import { api } from 'lwc';
+import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
 import { createAccordionManager } from 'lightning/accordionUtilsPrivate';
 
 /**
  * A collection of vertically stacked sections with multiple content areas.
  * @slot default Placeholder for accordion-section components.
  */
-export default class LightningAccordion extends LightningElement {
+export default class LightningAccordion extends LightningShadowBaseClass {
     privateIsSectionLessInLastRender = true;
     _allowMultipleSectionsOpen = false;
     connected = false;
@@ -30,6 +31,7 @@ export default class LightningAccordion extends LightningElement {
     }
 
     connectedCallback() {
+        super.connectedCallback();
         this.connected = true;
         this.setAttribute('role', 'list');
         this.classList.add('slds-accordion');