lightning-base-components 1.21.2-alpha → 1.21.3-alpha

package/metadata/raptor.json

@@ -133,6 +133,11 @@
       {
         "name": "label"
       }
+    ],
+    "staticProperties": [
+      {
+        "name": "validationOptOut"
+      }
     ]
   },
   "barcodeScanner": {
@@ -176,6 +181,7 @@
       }
     ]
   },
+  "billingApi": {},
   "billingBatchApi": {},
   "breadcrumb": {
     "minVersion": "0.0",
@@ -675,6 +681,7 @@
   "communityInfoApi": {},
   "communityMicrobatchingApi": {},
   "communityNavigationMenuApi": {},
+  "communityPreviewUrlApi": {},
   "communityRecordSeoPropertiesApi": {},
   "configProvider": {
     "minVersion": "0.0"
@@ -1079,6 +1086,9 @@
       {
         "name": "contexts"
       },
+      {
+        "name": "dependentFieldValues"
+      },
       {
         "name": "disabled"
       },
@@ -1605,6 +1615,7 @@
       }
     ]
   },
+  "harmonizebillingApi": {},
   "helptext": {
     "minVersion": "0.0",
     "slotNames": [],
@@ -2046,6 +2057,11 @@
       {
         "name": "showHelpMessageIfInvalid"
       }
+    ],
+    "staticProperties": [
+      {
+        "name": "validationOptOut"
+      }
     ]
   },
   "inputField": {
@@ -3983,6 +3999,7 @@
       }
     ]
   },
+  "primitiveThemeProvider": {},
   "primitiveTooltipManager": {
     "slotNames": [
       ""
@@ -4215,6 +4232,11 @@
       {
         "name": "showHelpMessageIfInvalid"
       }
+    ],
+    "staticProperties": [
+      {
+        "name": "validationOptOut"
+      }
     ]
   },
   "recordEditForm": {
@@ -4856,6 +4878,11 @@
       {
         "name": "showHelpMessageIfInvalid"
       }
+    ],
+    "staticProperties": [
+      {
+        "name": "validationOptOut"
+      }
     ]
   },
   "tile": {
@@ -5054,7 +5081,7 @@
   "unstable_cmsDeliveryApi": {},
   "unstable_cmsTypeApi": {},
   "unstable_commerceApi": {},
-  "unstable_commerceManagementApi": {},
+  "unstable_commerceChannelManagementApi": {},
   "unstable_communityNavigationMenuApi": {},
   "unstable_communityRecordSeoPropertiesApi": {},
   "unstable_communitySitesSearchApi": {},

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "lightning-base-components",
-    "version": "1.21.2-alpha",
+    "version": "1.21.3-alpha",
     "license": "MIT",
     "files": [
         "external",
@@ -266,6 +266,10 @@
                 "name": "@salesforce/label/LightningRichTextEditor.fontSize",
                 "path": "scopedImports/@salesforce-label-LightningRichTextEditor.fontSize.js"
             },
+            {
+                "name": "@salesforce/label/LightningRichTextEditor.colorPicker",
+                "path": "scopedImports/@salesforce-label-LightningRichTextEditor.colorPicker.js"
+            },
             {
                 "name": "@salesforce/label/LightningRichTextEditor.linkInputTitle",
                 "path": "scopedImports/@salesforce-label-LightningRichTextEditor.linkInputTitle.js"
@@ -1312,6 +1316,7 @@
             "lightning-accordion-section",
             "lightning-alert",
             "lightning-avatar",
+            "lightning-badge",
             "lightning-base-combobox",
             "lightning-base-combobox-formatted-text",
             "lightning-base-combobox-item",
@@ -1322,7 +1327,10 @@
             "lightning-button-icon",
             "lightning-button-icon-stateful",
             "lightning-button-menu",
+            "lightning-button-stateful",
             "lightning-calendar",
+            "lightning-color-picker-custom",
+            "lightning-color-picker-panel",
             "lightning-combobox",
             "lightning-confirm",
             "lightning-datepicker",
@@ -1340,23 +1348,36 @@
             "lightning-formatted-time",
             "lightning-formatted-url",
             "lightning-grouped-combobox",
+            "lightning-helptext",
             "lightning-icon",
+            "lightning-input-address",
             "lightning-input-location",
             "lightning-input-rich-text",
             "lightning-interactive-dialog-base",
             "lightning-layout",
             "lightning-layout-item",
+            "lightning-lookup-address",
+            "lightning-menu-divider",
             "lightning-menu-item",
+            "lightning-menu-subheader",
+            "lightning-modal",
             "lightning-modal-base",
+            "lightning-modal-body",
+            "lightning-modal-footer",
+            "lightning-modal-header",
             "lightning-overlay",
+            "lightning-overlay-container",
+            "lightning-picklist",
             "lightning-pill",
             "lightning-pill-container",
             "lightning-popup",
             "lightning-popup-source",
-            "lightning-picklist",
+            "lightning-progress-bar",
+            "lightning-progress-ring",
             "lightning-primitive-bubble",
             "lightning-primitive-button",
             "lightning-primitive-icon",
+            "lightning-primitive-iframe",
             "lightning-primitive-input-checkbox",
             "lightning-primitive-input-checkbox-button",
             "lightning-primitive-input-color",
@@ -1364,10 +1385,14 @@
             "lightning-primitive-input-simple",
             "lightning-primitive-input-toggle",
             "lightning-prompt",
+            "lightning-radio-group",
             "lightning-rich-text-toolbar-button",
             "lightning-rich-text-toolbar-button-group",
             "lightning-select",
             "lightning-spinner",
+            "lightning-toast",
+            "lightning-toast-container",
+            "lightning-textarea",
             "lightning-timepicker"
         ],
         "nativeShadowEnabledComponents": [
@@ -1510,6 +1535,7 @@
             "lightning-input-address",
             "lightning-input-location",
             "lightning-map",
+            "lightning-modal",
             "lightning-message-service-internal",
             "lightning-pill-container",
             "lightning-popup",

package/scopedImports/@salesforce-label-LightningRichTextEditor.colorPicker.js

@@ -0,0 +1 @@
+export default 'Color Picker';

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

@@ -1,7 +1,6 @@
 
 /* Copyright (c) 2015-present, Salesforce, Inc. All rights reserved
 Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
-@supports (--styling-hooks: '') {
 
     :host([data-render-mode="shadow"]) .slds-accordion__list-item {
         border-top-width: var(--slds-c-accordionsection-sizing-border, var(--slds-g-sizing-border-1));
@@ -54,6 +53,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     Currently button is being hard coded so using
     [part="button"] to style button.
     However this should be changed to lightning-button::part(button) once hard coded button gets refactored to lightning-button */
+
     :host([data-render-mode="shadow"]) [part="button"] {
         display: inline-flex;
         flex-grow: 1;
@@ -81,6 +81,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     Should be changed to lightning-button::part(button)
     if button can be refactored to slds-button
     */
+
     :host([data-render-mode="shadow"]) [part="button"]:hover,:host([data-render-mode="shadow"]) 
     [part="button"]:focus {
         --slds-c-icon-color-foreground-default: var(--slds-c-accordion-heading-color-hover, var(--slds-g-color-brand-base-30));
@@ -92,6 +93,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     /* Note:
     Media query will need to be worked out properly
     and be replaced with utility classes */
+
     @media (width >= 64.0625em) {
         :host([data-render-mode="shadow"]) .slds-accordion__summary-content {
             max-width: 100%;
@@ -118,5 +120,3 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
         opacity: 1;
         height: auto;
     }
-}
-

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

@@ -1,5 +1,4 @@
 
-@supports (--styling-hooks: '') {
     /* To Do:
         Currently the code below will not work as our script to add data-render-mode into our css will break the css selector.
         We had to add a temporary fix in interop/accordion/accordion.css that
@@ -8,6 +7,7 @@
     */
 
     /* Removes first child border top */
+
     :host([data-render-mode="shadow"]) ::slotted(lightning-accordion-section:first-child) {
         --slds-c-accordionsection-sizing-border: 0;
     }
@@ -21,4 +21,3 @@
         --slds-c-accordionsection-spacing-inlineend: var(--slds-c-accordion-spacing-inlineend);
         --slds-c-accordionsection-spacing-inlinestart: var(--slds-c-accordion-spacing-inlinestart);
     }
-}

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

@@ -1,7 +1,6 @@
 
 /* Copyright (c) 2015-present, Salesforce, Inc. All rights reserved
 Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
-@supports (--styling-hooks: '') {
 
     :host([data-render-mode="shadow"]) .slds-accordion__list-item {
         border-top-width: var(--slds-c-accordionsection-sizing-border, var(--slds-g-sizing-border-1));
@@ -54,6 +53,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     Currently button is being hard coded so using
     [part="button"] to style button.
     However this should be changed to lightning-button::part(button) once hard coded button gets refactored to lightning-button */
+
     :host([data-render-mode="shadow"]) [part="button"] {
         display: inline-flex;
         flex-grow: 1;
@@ -81,6 +81,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     Should be changed to lightning-button::part(button)
     if button can be refactored to slds-button
     */
+
     :host([data-render-mode="shadow"]) [part="button"]:hover,:host([data-render-mode="shadow"]) 
     [part="button"]:focus {
         --slds-c-icon-color-foreground-default: var(--slds-c-accordion-heading-color-hover, var(--slds-g-color-brand-base-30));
@@ -92,6 +93,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     /* Note:
     Media query will need to be worked out properly
     and be replaced with utility classes */
+
     @media (width >= 64.0625em) {
         :host([data-render-mode="shadow"]) .slds-accordion__summary-content {
             max-width: 100%;
@@ -118,5 +120,3 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
         opacity: 1;
         height: auto;
     }
-}
-

package/src/lightning/accordionSection/accordionSection.js

@@ -67,7 +67,9 @@ export default class LightningAccordionSection extends LightningShadowBaseClass
     }
 
     disconnectedCallback() {
-        this.privateAccordionSectionObserver.notifySectionDeregister();
+        if (this.privateAccordionSectionObserver) {
+            this.privateAccordionSectionObserver.notifySectionDeregister();
+        }
     }
 
     renderedCallback() {

package/src/lightning/accordionSection/button.slds.css

@@ -217,7 +217,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
 
   /* Border radius - shared */
   --sds-c-button-radius-border-startstart: var(
-    --slds-c-button-neutral-radius-border-startstart,
+    --slds-c-button-radius-border-startstart,
     var(
       --slds-c-button-radius-border,
       var(--slds-s-button-radius-border-startstart, var(--slds-s-button-radius-border))

package/src/lightning/badge/badge.js

@@ -10,6 +10,7 @@ const DEFAULT_POSITION = 'start';
  * number of unread notifications.
  */
 export default class LightningBadge extends LightningShadowBaseClass {
+    static validationOptOut = ['class'];
     /**
      * Normalized icon position
      */

package/src/lightning/badge/badge.js-meta.xml

@@ -3,4 +3,7 @@
     <isExposed>true</isExposed>
     <minApiVersion>0.0</minApiVersion>
     <support>GA</support>
+    <capabilities>
+        <capability>lightning__ServerRenderableWithHydration</capability>
+    </capabilities>
 </LightningComponentBundle>

package/src/lightning/baseCombobox/base-combobox.slds.css

@@ -2,10 +2,10 @@
 /* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
   Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
 
-@supports (--styling-hooks: '') {
   /**
    * Combobox
    */
+
   :host([data-render-mode="shadow"]) .slds-combobox {
     position: static;
     display: flex;
@@ -16,6 +16,7 @@
   /**
    * Combobox Container
    */
+
   :host([data-render-mode="shadow"]) .slds-combobox_container {
     display: flex;
     flex-direction: column;
@@ -25,6 +26,7 @@
   /**
    * Faux Input
    */
+
   :host([data-render-mode="shadow"]) .slds-input_faux {
     padding-block-start: 0;
     padding-block-end: 0;
@@ -74,7 +76,8 @@
   /**
    * Combobox Focus State: When rendering `button` instead of `input`
    */
-   :host([data-render-mode="shadow"]) .slds-input_faux:focus-within {
+
+  :host([data-render-mode="shadow"]) .slds-input_faux:focus-within {
     border-color: var(--slds-g-color-brand-base-60);
     box-shadow: 0 0 var(--slds-g-sizing-border-3) var(--slds-g-color-accent-1);
   }
@@ -82,6 +85,7 @@
   /**
    * Has Icon
    */
+
   :host([data-render-mode="shadow"]) .slds-input-has-icon {
     position: relative;
   }
@@ -103,6 +107,7 @@
   }
 
   /* Icon Left */
+
   :host([data-render-mode="shadow"]) .slds-input-has-icon_left .slds-input__icon {
     inset-inline-start: var(--slds-g-spacing-3);
   }
@@ -112,6 +117,7 @@
   }
 
   /* Icon Right */
+
   :host([data-render-mode="shadow"]) .slds-input-has-icon_right .slds-input__icon {
     inset-inline-end: var(--slds-g-spacing-3);
   }
@@ -123,6 +129,7 @@
   /**
    * Has Icon Group
    */
+
   :host([data-render-mode="shadow"]) .slds-input__icon-group {
     position: absolute;
     height: var(--slds-g-sizing-5);
@@ -146,11 +153,11 @@
   }
 
   :host([data-render-mode="shadow"]) .slds-p-top_medium {
-    padding-top: var(--slds-g-spacing-4)
+    padding-top: var(--slds-g-spacing-4);
   }
 
   :host([data-render-mode="shadow"]) .slds-p-bottom_medium {
-    padding-bottom: var(--slds-g-spacing-4)
+    padding-bottom: var(--slds-g-spacing-4);
   }
 
   :host([data-render-mode="shadow"]) .slds-spinner_inline {
@@ -180,7 +187,6 @@
     color: var(--slds-g-color-on-surface-1);
   }
 
-
   :host([data-render-mode="shadow"][data-filter-on]) [part="input-container"] {
     border-start-end-radius: var(--slds-g-sizing-border-4);
     border-end-end-radius: var(--slds-g-sizing-border-4);
@@ -227,4 +233,3 @@
       var(--slds-g-color-brand-base-60);
     --sds-c-inputtext-shadow: none;
   }
-}

package/src/lightning/baseCombobox/baseCombobox.html

@@ -149,7 +149,7 @@
                         </template>
                     </template>
                     <template if:true={showDropdownActivityIndicator}>
-                        <div role="presentation" class="slds-listbox__item slds-spinner_inline">
+                        <div role="option" class="slds-listbox__item slds-spinner_inline">
                             <div class="slds-align_absolute-center slds-p-top_medium slds-p-bottom_medium">
                                 <lightning-spinner size="x-small" alternative-text={i18n.loadingText}></lightning-spinner>
                             </div>

package/src/lightning/baseCombobox/baseCombobox.js

@@ -869,7 +869,7 @@ export default class LightningBaseCombobox extends LightningShadowBaseClass {
     highlightOption(option) {
         this.removeHighlight();
         if (option) {
-            option.highlight();
+            option.highlight(option.ariaChecked);
             this._highlightedOptionElement = option;
             this._highlightedOptionElementId =
                 option.getAttribute('data-item-id');
@@ -890,7 +890,7 @@ export default class LightningBaseCombobox extends LightningShadowBaseClass {
     removeHighlight() {
         const option = this._highlightedOptionElement;
         if (option) {
-            option.removeHighlight();
+            option.removeHighlight(option.ariaChecked);
             this._highlightedOptionElement = null;
             this._highlightedOptionElementId = null;
             this._activeElementDomId = null;

package/src/lightning/baseCombobox/baseCombobox.js-meta.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<LightningComponentBundle xmlns="xmlns=http://soap.sforce.com/2006/04/metadata">
+    <capabilities>
+        <capability>lightning__ServerRenderableWithHydration</capability>
+    </capabilities>
+</LightningComponentBundle>