lightning-base-components 1.21.2-alpha → 1.21.4-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",
@@ -666,15 +672,18 @@
     ]
   },
   "commerceApi": {},
+  "commerceCatalogManagementApi": {},
   "commerceChannelManagementApi": {},
   "commerceConfigurationApi": {},
   "commerceEsfApi": {},
   "commerceExtensionApi": {},
+  "commerceGoalsAndRecommendationsApi": {},
   "commerceManagementApi": {},
   "commerceStoreManagementApi": {},
   "communityInfoApi": {},
   "communityMicrobatchingApi": {},
   "communityNavigationMenuApi": {},
+  "communityPreviewUrlApi": {},
   "communityRecordSeoPropertiesApi": {},
   "configProvider": {
     "minVersion": "0.0"
@@ -1018,6 +1027,9 @@
       }
     ],
     "methods": [
+      {
+        "name": "focus"
+      },
       {
         "name": "reportValidity"
       },
@@ -1079,6 +1091,9 @@
       {
         "name": "contexts"
       },
+      {
+        "name": "dependentFieldValues"
+      },
       {
         "name": "disabled"
       },
@@ -1605,6 +1620,7 @@
       }
     ]
   },
+  "harmonizebillingApi": {},
   "helptext": {
     "minVersion": "0.0",
     "slotNames": [],
@@ -1735,6 +1751,7 @@
   "industriesNlpServiceApi": {},
   "industriesOmnianalyticsApi": {},
   "industriesPricingApi": {},
+  "industriesProgramMgmtApi": {},
   "industriesPublicSectorApi": {},
   "industriesRcgTenantmanagementApi": {},
   "industriesReminderApi": {},
@@ -1745,6 +1762,7 @@
   "industriesServiceExcellenceApi": {},
   "industriesServiceprocessApi": {},
   "industriesSustainabilityBeiApi": {},
+  "industriesSustainabilityCsvAttachApi": {},
   "industriesSustainabilityDgfApi": {},
   "industriesSustainabilityRecalculateApi": {},
   "industriesSustainabilityRecordLockUnlockApi": {},
@@ -2011,6 +2029,9 @@
       {
         "name": "showAddressLookup"
       },
+      {
+        "name": "showCompactAddressLookup"
+      },
       {
         "name": "street"
       },
@@ -2020,6 +2041,15 @@
       {
         "name": "streetPlaceholder"
       },
+      {
+        "name": "subpremise"
+      },
+      {
+        "name": "subpremiseLabel"
+      },
+      {
+        "name": "subpremisePlaceholder"
+      },
       {
         "name": "validity"
       },
@@ -2046,6 +2076,11 @@
       {
         "name": "showHelpMessageIfInvalid"
       }
+    ],
+    "staticProperties": [
+      {
+        "name": "validationOptOut"
+      }
     ]
   },
   "inputField": {
@@ -2460,6 +2495,12 @@
   "lookupAddress": {
     "slotNames": [],
     "properties": [
+      {
+        "name": "alwaysRender"
+      },
+      {
+        "name": "autocomplete"
+      },
       {
         "name": "disabled"
       },
@@ -2469,9 +2510,15 @@
       {
         "name": "label"
       },
+      {
+        "name": "name"
+      },
       {
         "name": "placeholder"
       },
+      {
+        "name": "required"
+      },
       {
         "name": "variant"
       }
@@ -3039,6 +3086,9 @@
   "platformShowToastEvent": {
     "minVersion": "45.0"
   },
+  "platformUtilityBarApi": {
+    "minVersion": "61.0"
+  },
   "platformWorkspaceApi": {
     "minVersion": "59.0"
   },
@@ -3983,6 +4033,7 @@
       }
     ]
   },
+  "primitiveThemeProvider": {},
   "primitiveTooltipManager": {
     "slotNames": [
       ""
@@ -4215,6 +4266,11 @@
       {
         "name": "showHelpMessageIfInvalid"
       }
+    ],
+    "staticProperties": [
+      {
+        "name": "validationOptOut"
+      }
     ]
   },
   "recordEditForm": {
@@ -4856,6 +4912,11 @@
       {
         "name": "showHelpMessageIfInvalid"
       }
+    ],
+    "staticProperties": [
+      {
+        "name": "validationOptOut"
+      }
     ]
   },
   "tile": {
@@ -5054,7 +5115,7 @@
   "unstable_cmsDeliveryApi": {},
   "unstable_cmsTypeApi": {},
   "unstable_commerceApi": {},
-  "unstable_commerceManagementApi": {},
+  "unstable_commerceChannelManagementApi": {},
   "unstable_communityNavigationMenuApi": {},
   "unstable_communityRecordSeoPropertiesApi": {},
   "unstable_communitySitesSearchApi": {},
@@ -5122,6 +5183,11 @@
       {
         "name": "name"
       }
+    ],
+    "staticProperties": [
+      {
+        "name": "validationOptOut"
+      }
     ]
   },
   "verticalNavigationItemBadge": {
@@ -5143,6 +5209,11 @@
       {
         "name": "name"
       }
+    ],
+    "staticProperties": [
+      {
+        "name": "validationOptOut"
+      }
     ]
   },
   "verticalNavigationItemIcon": {
@@ -5161,6 +5232,11 @@
       {
         "name": "name"
       }
+    ],
+    "staticProperties": [
+      {
+        "name": "validationOptOut"
+      }
     ]
   },
   "verticalNavigationOverflow": {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "lightning-base-components",
-    "version": "1.21.2-alpha",
+    "version": "1.21.4-alpha",
     "license": "MIT",
     "files": [
         "external",
@@ -70,6 +70,30 @@
                 "name": "@salesforce/label/LightningForm.reload",
                 "path": "scopedImports/@salesforce-label-LightningForm.reload.js"
             },
+            {
+                "name": "@salesforce/label/LightningForm.generalDependentFieldsMessage",
+                "path": "scopedImports/@salesforce-label-LightningForm.generalDependentFieldsMessage.js"
+            },
+            {
+                "name": "@salesforce/label/LightningForm.learnMore",
+                "path": "scopedImports/@salesforce-label-LightningForm.learnMore.js"
+            },
+            {
+                "name": "@salesforce/label/LightningForm.dependentFieldsListHeading",
+                "path": "scopedImports/@salesforce-label-LightningForm.dependentFieldsListHeading.js"
+            },
+            {
+                "name": "@salesforce/label/LightningForm.dependentFieldsHeader",
+                "path": "scopedImports/@salesforce-label-LightningForm.dependentFieldsHeader.js"
+            },
+            {
+                "name": "@salesforce/label/LightningForm.controllerFieldsMessage",
+                "path": "scopedImports/@salesforce-label-LightningForm.controllerFieldsMessage.js"
+            },
+            {
+                "name": "@salesforce/label/LightningForm.okButton",
+                "path": "scopedImports/@salesforce-label-LightningForm.okButton.js"
+            },
             {
                 "name": "@salesforce/label/LightningErrorMessage.validityBadInput",
                 "path": "scopedImports/@salesforce-label-LightningErrorMessage.validityBadInput.js"
@@ -266,6 +290,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"
@@ -474,6 +502,10 @@
                 "name": "@salesforce/label/LightningProgressIndicator.stageNotStarted",
                 "path": "scopedImports/@salesforce-label-LightningProgressIndicator.stageNotStarted.js"
             },
+            {
+                "name": "@salesforce/label/LightningProgressIndicator.errorStage",
+                "path": "scopedImports/@salesforce-label-LightningProgressIndicator.errorStage.js"
+            },
             {
                 "name": "@salesforce/label/LightningListView.loadMore",
                 "path": "scopedImports/@salesforce-label-LightningListView.loadMore.js"
@@ -946,6 +978,14 @@
                 "name": "@salesforce/label/LightningLookup.noAccess",
                 "path": "scopedImports/@salesforce-label-LightningLookup.noAccess.js"
             },
+            {
+                "name": "@salesforce/label/LightningLookup.modalSelect",
+                "path": "scopedImports/@salesforce-label-LightningLookup.modalSelect.js"
+            },
+            {
+                "name": "@salesforce/label/LightningLookup.modalCancel",
+                "path": "scopedImports/@salesforce-label-LightningLookup.modalCancel.js"
+            },
             {
                 "name": "@salesforce/label/LightningRecordPicker.invalidConfigurationErrorMessage",
                 "path": "scopedImports/@salesforce-label-LightningRecordPicker.invalidConfigurationErrorMessage.js"
@@ -1307,11 +1347,13 @@
                 "path": "scopedImports/@salesforce-internal-core.untrustedContentDomain.js"
             }
         ],
-        "ssrEnabledComponents": [
+        "ssrRenderedComponents": [
             "lightning-accordion",
             "lightning-accordion-section",
-            "lightning-alert",
             "lightning-avatar",
+            "lightning-badge",
+            "lightning-avatar",
+            "lightning-badge",
             "lightning-base-combobox",
             "lightning-base-combobox-formatted-text",
             "lightning-base-combobox-item",
@@ -1322,41 +1364,44 @@
             "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",
             "lightning-datetimepicker",
             "lightning-dual-listbox",
             "lightning-dynamic-icon",
+            "lightning-file-upload",
             "lightning-focus-trap",
             "lightning-formatted-address",
             "lightning-formatted-date-time",
             "lightning-formatted-email",
             "lightning-formatted-location",
+            "lightning-formatted-name",
+            "lightning-formatted-number",
             "lightning-formatted-phone",
-            "lightning-formatted-rich-text",
             "lightning-formatted-text",
             "lightning-formatted-time",
             "lightning-formatted-url",
             "lightning-grouped-combobox",
-            "lightning-icon",
+            "lightning-helptext",
+            "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-modal-base",
-            "lightning-overlay",
+            "lightning-menu-subheader",
+            "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-input-checkbox",
             "lightning-primitive-input-checkbox-button",
             "lightning-primitive-input-color",
@@ -1364,11 +1409,50 @@
             "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-timepicker"
+            "lightning-tab",
+            "lightning-tab-bar",
+            "lightning-tab-set",
+            "lightning-textarea",
+            "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"
+        ],
+        "ssrSafeComponents": [
+            "lightning-alert",
+            "lightning-confirm",
+            "lightning-formatted-rich-text",
+            "lightning-icon",
+            "lightning-input-rich-text",
+            "lightning-interactive-dialog-base",
+            "lightning-modal",
+            "lightning-modal-base",
+            "lightning-modal-body",
+            "lightning-modal-footer",
+            "lightning-modal-header",
+            "lightning-overlay",
+            "lightning-overlay-container",
+            "lightning-popup",
+            "lightning-popup-source",
+            "lightning-primitive-icon",
+            "lightning-primitive-iframe",
+            "lightning-static-map",
+            "lightning-toast",
+            "lightning-toast-container",
+            "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"
         ],
         "nativeShadowEnabledComponents": [
             "lightning-accordion",
@@ -1398,11 +1482,14 @@
             "lightning-datetimepicker",
             "lightning-dual-listbox",
             "lightning-dynamic-icon",
+            "lightning-file-upload",
             "lightning-focus-trap",
             "lightning-formatted-address",
             "lightning-formatted-date-time",
             "lightning-formatted-email",
             "lightning-formatted-location",
+            "lightning-formatted-name",
+            "lightning-formatted-number",
             "lightning-formatted-phone",
             "lightning-formatted-rich-text",
             "lightning-formatted-text",
@@ -1452,6 +1539,7 @@
             "lightning-rich-text-toolbar-button-group",
             "lightning-select",
             "lightning-spinner",
+            "lightning-static-map",
             "lightning-tab",
             "lightning-tab-bar",
             "lightning-tabset",
@@ -1459,6 +1547,10 @@
             "lightning-toast-container",
             "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"
         ],
         "bestPerformanceTests": [
@@ -1510,6 +1602,7 @@
             "lightning-input-address",
             "lightning-input-location",
             "lightning-map",
+            "lightning-modal",
             "lightning-message-service-internal",
             "lightning-pill-container",
             "lightning-popup",

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

@@ -1 +1 @@
-export default 'Show actions';
+export default 'Show {0} column actions';

package/scopedImports/@salesforce-label-LightningForm.controllerFieldsMessage.js

@@ -0,0 +1 @@
+export default 'A dependent field\'s value can change when you update the value of its controlling field.';

package/scopedImports/@salesforce-label-LightningForm.dependentFieldsHeader.js

@@ -0,0 +1 @@
+export default 'Dependent Fields';

package/scopedImports/@salesforce-label-LightningForm.dependentFieldsListHeading.js

@@ -0,0 +1 @@
+export default 'The dependent fields are:';

package/scopedImports/@salesforce-label-LightningForm.generalDependentFieldsMessage.js

@@ -0,0 +1 @@
+export default 'This form contains dependent fields.';

package/scopedImports/@salesforce-label-LightningForm.learnMore.js

@@ -0,0 +1 @@
+export default 'Learn more';

package/scopedImports/@salesforce-label-LightningForm.okButton.js

@@ -0,0 +1 @@
+export default 'Got It';

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

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

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

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

package/scopedImports/@salesforce-label-LightningProgressIndicator.currentStage.js

@@ -1 +1 @@
-export default 'Current Stage';
+export default '{0} - Current Stage';

package/scopedImports/@salesforce-label-LightningProgressIndicator.errorStage.js

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

package/scopedImports/@salesforce-label-LightningProgressIndicator.stageComplete.js

@@ -1 +1 @@
-export default 'Stage Complete';
+export default '{0} - Stage Complete';

package/scopedImports/@salesforce-label-LightningProgressIndicator.stageNotStarted.js

@@ -1 +1 @@
-export default 'Stage Not Started';
+export default '{0} - Stage Not Started';

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/avatar/avatar.html

@@ -18,6 +18,7 @@
             icon-name={fallbackIconName}
             alternative-text={alternativeText}
             title={alternativeText}
+            exportparts="icon"
         ></lightning-icon>
     </span>
 </template>

package/src/lightning/badge/badge.html

@@ -1,9 +1,9 @@
 <template>
-    <span part="badge">
+    <span part="badge" exportparts="icon">
         <template if:false={isIconBeforeLabel}>
             {label}
         </template>
-    
+
         <template if:true={iconName}>
             <span class={computedClass}>
                 <span class="slds-icon_container slds-current-color" title={iconAlternativeText}>
@@ -11,7 +11,7 @@
                 </span>
             </span>
         </template>
-        
+
         <template if:true={isIconBeforeLabel}>
             {label}
         </template>

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
      */