lightning-base-components 1.28.6-alpha → 1.28.7-alpha

package/metadata/raptor.json

@@ -497,6 +497,11 @@
       {
         "name": "variant"
       }
+    ],
+    "staticProperties": [
+      {
+        "name": "stylesheets"
+      }
     ]
   },
   "carousel": {
@@ -1054,11 +1059,12 @@
   },
   "emptyState": {
     "slotNames": [
-      "cta"
+      "cta",
+      "description"
     ],
     "properties": [
       {
-        "name": "description"
+        "name": "alternativeText"
       },
       {
         "name": "headingLevel"
@@ -3176,6 +3182,9 @@
       {
         "name": "language"
       },
+      {
+        "name": "lwr"
+      },
       {
         "name": "prefill"
       },
@@ -3226,6 +3235,46 @@
   "pageReferenceUtils": {
     "minVersion": "48.0"
   },
+  "panel": {
+    "slotNames": [],
+    "properties": [
+      {
+        "name": "enableFocusTrap"
+      },
+      {
+        "name": "maxHeight"
+      },
+      {
+        "name": "maxWidth"
+      },
+      {
+        "name": "minHeight"
+      },
+      {
+        "name": "minWidth"
+      },
+      {
+        "name": "offsetBlock"
+      },
+      {
+        "name": "offsetInline"
+      },
+      {
+        "name": "popover"
+      },
+      {
+        "name": "position"
+      },
+      {
+        "name": "source"
+      }
+    ],
+    "methods": [
+      {
+        "name": "close"
+      }
+    ]
+  },
   "picklist": {
     "slotNames": [],
     "properties": [

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "lightning-base-components",
-    "version": "1.28.6-alpha",
+    "version": "1.28.7-alpha",
     "license": "MIT",
     "files": [
         "external",
@@ -26,6 +26,10 @@
                 "name": "@salesforce/accessCheck/A11yResizeReflow.orgHasA11yResizeReflow",
                 "path": "external/flagStub.js"
             },
+            {
+                "name": "@salesforce/gate/colorIconsMenuItem.bc.ltng",
+                "path": "external/gateStub.js"
+            },
             {
                 "name": "@salesforce/gate/bc.258.enableConsolidateTypeAttributes",
                 "path": "external/gateStub.js"
@@ -114,6 +118,10 @@
                 "name": "@salesforce/gate/bc.260.enableA11yMultiColSortModal",
                 "path": "external/gateStub.js"
             },
+            {
+                "name": "@salesforce/gate/bc.260.enableCalendarGridCellAriaFix",
+                "path": "external/gateStub.js"
+            },
             {
                 "name": "@salesforce/gate/bc.260.enableDualListboxA11yReqOptionErrFix",
                 "path": "external/gateStub.js"
@@ -130,6 +138,10 @@
                 "name": "@salesforce/gate/bc.260.enableTooltipHoverDismiss",
                 "path": "external/gateStub.js"
             },
+            {
+                "name": "@salesforce/gate/bc.260.enableTreeGridSecondArrKeyUpdate",
+                "path": "external/gateStub.js"
+            },
             {
                 "name": "@salesforce/gate/bc.260.enableRelativeDateTimeLocale",
                 "path": "external/gateStub.js"
@@ -150,10 +162,26 @@
                 "name": "@salesforce/gate/bc.260.enableBaseComboboxNullCheck",
                 "path": "external/gateStub.js"
             },
+            {
+                "name": "@salesforce/gate/bc.260.enableDatatableUseClientWidth",
+                "path": "external/gateStub.js"
+            },
+            {
+                "name": "@salesforce/gate/bc.260.enableGeolocationTimeout",
+                "path": "external/gateStub.js"
+            },
+            {
+                "name": "@salesforce/gate/bc.260.enableComboboxElementInternals",
+                "path": "external/gateStub.js"
+            },
             {
                 "name": "@salesforce/accessCheck/ComponentAccessibility.orgHasWCAGResizeReflowSC",
                 "path": "external/flagStub.js"
             },
+            {
+                "name": "@salesforce/accessCheck/A11yResizeReflow.orgHasA11yResizeReflowPhase2",
+                "path": "external/flagStub.js"
+            },
             {
                 "name": "@salesforce/label/AddressAutocomplete.LookupButton",
                 "path": "scopedImports/@salesforce-label-AddressAutocomplete.LookupButton.js"
@@ -406,6 +434,10 @@
                 "name": "@salesforce/label/LightningDatatable.multiColumnSortingToast",
                 "path": "scopedImports/@salesforce-label-LightningDatatable.multiColumnSortingToast.js"
             },
+            {
+                "name": "@salesforce/label/LightningDatatable.readOnlyIconAlternativeText",
+                "path": "scopedImports/@salesforce-label-LightningDatatable.readOnlyIconAlternativeText.js"
+            },
             {
                 "name": "@salesforce/label/LightningDatatable.rowActionsDefaultAriaLabel",
                 "path": "scopedImports/@salesforce-label-LightningDatatable.rowActionsDefaultAriaLabel.js"
@@ -502,6 +534,10 @@
                 "name": "@salesforce/label/LightningDateTimePicker.dateLabel",
                 "path": "scopedImports/@salesforce-label-LightningDateTimePicker.dateLabel.js"
             },
+            {
+                "name": "@salesforce/label/LightningDateTimePicker.datePickerAssistiveText",
+                "path": "scopedImports/@salesforce-label-LightningDateTimePicker.datePickerAssistiveText.js"
+            },
             {
                 "name": "@salesforce/label/LightningDateTimePicker.invalidDate",
                 "path": "scopedImports/@salesforce-label-LightningDateTimePicker.invalidDate.js"

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

@@ -0,0 +1,6 @@
+/*
+ * Copyright (c) 2025, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+export default "Locked {0}";

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

@@ -0,0 +1,6 @@
+/*
+ * Copyright (c) 2025, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+export default "Date Picker";

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

@@ -1,27 +1,27 @@
 
 :host([data-render-mode="shadow"]) .slds-accordion__list-item {
-  border-top-width: var(--slds-c-accordionsection-sizing-border, var(--slds-g-sizing-border-1));
+  border-top-width: var(--slds-c-accordionsection-sizing-border, var(--slds-g-sizing-border-1, 1px));
   border-top-style: solid;
-  border-top-color: var(--slds-c-accordionsection-color-border, var(--slds-g-color-border-1));
+  border-top-color: var(--slds-c-accordionsection-color-border, var(--slds-g-color-border-1, var(--slds-g-color-neutral-base-80)));
 }
 
 :host([data-render-mode="shadow"]) [part='accordion-section'] {
-  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-spacing-3));
-  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-spacing-3));
-  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-spacing-3));
-  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-spacing-3));
+  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-spacing-3, 0.75rem));
+  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-spacing-3, 0.75rem));
+  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-spacing-3, 0.75rem));
+  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-spacing-3, 0.75rem));
 }
 
 :host([data-render-mode="shadow"]) .slds-accordion__summary {
   display: flex;
-  margin-block-start: calc(var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4)) * -1);
-  margin-block-end: calc(var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4)) * -1);
-  margin-inline-start: calc(var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4)) * -1);
-  margin-inline-end: calc(var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4) * -1));
-  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4));
-  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4));
-  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4));
-  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4));
+  margin-block-start: calc(var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-block-end: calc(var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-inline-start: calc(var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-inline-end: calc(var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4, 0.75rem) * -1));
+  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4, 0.75rem));
+  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4, 0.75rem));
+  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4, 0.75rem));
+  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4, 0.75rem));
   /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
   background-color: var(--slds-c-accordion-summary-color-background, transparent);
 }
@@ -29,15 +29,15 @@
 :host([data-render-mode="shadow"]) .slds-accordion__summary-heading {
   --slds-c-icon-color-foreground-default: var(
     --slds-c-accordion-heading-color,
-    var(--slds-g-color-on-surface-3)
+    var(--slds-g-color-on-surface-3, #181818)
   );
 
   display: flex;
   flex-grow: 1;
   min-width: 0;
-  color: var(--slds-c-accordion-heading-color, var(--slds-g-color-on-surface-3));
+  color: var(--slds-c-accordion-heading-color, var(--slds-g-color-on-surface-3, #181818));
   font-size: var(--slds-c-accordion-heading-font-size, 1em);
-  line-height: var(--slds-c-accordion-heading-font-lineheight, var(--slds-g-font-lineheight-2));
+  line-height: var(--slds-c-accordion-heading-font-lineheight, var(--slds-g-font-lineheight-2, 1.25));
 }
 
 :host([data-render-mode="shadow"]) .slds-accordion__summary-heading .slds-button:focus {
@@ -56,14 +56,14 @@
   align-items: center;
   justify-content: start;
   min-width: 0;
-  margin-block-start: calc(var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4)) * -1);
-  margin-block-end: calc(var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4)) * -1);
-  margin-inline-end: calc(var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4)) * -1);
-  margin-inline-start: calc(var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4)) * -1);
-  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4));
-  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4));
-  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4));
-  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4));
+  margin-block-start: calc(var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-block-end: calc(var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-inline-end: calc(var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-inline-start: calc(var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4, 0.75rem));
+  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4, 0.75rem));
+  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4, 0.75rem));
+  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4, 0.75rem));
 }
 
 /* Note:
@@ -75,10 +75,10 @@
 [part='button']:focus {
   --slds-c-icon-color-foreground-default: var(
     --slds-c-accordion-heading-color-hover,
-    var(--slds-g-color-brand-base-30)
+    var(--slds-g-color-brand-base-30, #014486)
   );
 
-  color: var(--slds-c-accordion-heading-color-hover, var(--slds-g-color-brand-base-30));
+  color: var(--slds-c-accordion-heading-color-hover, var(--slds-g-color-brand-base-30, #014486));
   /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
 }
 

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

@@ -1,27 +1,27 @@
 
 :host([data-render-mode="shadow"]) .slds-accordion__list-item {
-  border-top-width: var(--slds-c-accordionsection-sizing-border, var(--slds-g-sizing-border-1));
+  border-top-width: var(--slds-c-accordionsection-sizing-border, var(--slds-g-sizing-border-1, 1px));
   border-top-style: solid;
-  border-top-color: var(--slds-c-accordionsection-color-border, var(--slds-g-color-border-1));
+  border-top-color: var(--slds-c-accordionsection-color-border, var(--slds-g-color-border-1, var(--slds-g-color-neutral-base-80)));
 }
 
 :host([data-render-mode="shadow"]) [part='accordion-section'] {
-  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-spacing-3));
-  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-spacing-3));
-  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-spacing-3));
-  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-spacing-3));
+  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-spacing-3, 0.75rem));
+  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-spacing-3, 0.75rem));
+  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-spacing-3, 0.75rem));
+  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-spacing-3, 0.75rem));
 }
 
 :host([data-render-mode="shadow"]) .slds-accordion__summary {
   display: flex;
-  margin-block-start: calc(var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4)) * -1);
-  margin-block-end: calc(var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4)) * -1);
-  margin-inline-start: calc(var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4)) * -1);
-  margin-inline-end: calc(var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4) * -1));
-  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4));
-  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4));
-  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4));
-  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4));
+  margin-block-start: calc(var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-block-end: calc(var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-inline-start: calc(var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-inline-end: calc(var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4, 0.75rem) * -1));
+  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4, 0.75rem));
+  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4, 0.75rem));
+  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4, 0.75rem));
+  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4, 0.75rem));
   /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
   background-color: var(--slds-c-accordion-summary-color-background, transparent);
 }
@@ -29,15 +29,15 @@
 :host([data-render-mode="shadow"]) .slds-accordion__summary-heading {
   --slds-c-icon-color-foreground-default: var(
     --slds-c-accordion-heading-color,
-    var(--slds-g-color-on-surface-3)
+    var(--slds-g-color-on-surface-3, #181818)
   );
 
   display: flex;
   flex-grow: 1;
   min-width: 0;
-  color: var(--slds-c-accordion-heading-color, var(--slds-g-color-on-surface-3));
+  color: var(--slds-c-accordion-heading-color, var(--slds-g-color-on-surface-3, #181818));
   font-size: var(--slds-c-accordion-heading-font-size, 1em);
-  line-height: var(--slds-c-accordion-heading-font-lineheight, var(--slds-g-font-lineheight-2));
+  line-height: var(--slds-c-accordion-heading-font-lineheight, var(--slds-g-font-lineheight-2, 1.25));
 }
 
 :host([data-render-mode="shadow"]) .slds-accordion__summary-heading .slds-button:focus {
@@ -56,14 +56,14 @@
   align-items: center;
   justify-content: start;
   min-width: 0;
-  margin-block-start: calc(var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4)) * -1);
-  margin-block-end: calc(var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4)) * -1);
-  margin-inline-end: calc(var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4)) * -1);
-  margin-inline-start: calc(var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4)) * -1);
-  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4));
-  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4));
-  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4));
-  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4));
+  margin-block-start: calc(var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-block-end: calc(var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-inline-end: calc(var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  margin-inline-start: calc(var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4, 0.75rem)) * -1);
+  padding-block-start: var(--slds-c-accordionsection-spacing-blockstart, var(--slds-g-sizing-4, 0.75rem));
+  padding-block-end: var(--slds-c-accordionsection-spacing-blockend, var(--slds-g-sizing-4, 0.75rem));
+  padding-inline-end: var(--slds-c-accordionsection-spacing-inlineend, var(--slds-g-sizing-4, 0.75rem));
+  padding-inline-start: var(--slds-c-accordionsection-spacing-inlinestart, var(--slds-g-sizing-4, 0.75rem));
 }
 
 /* Note:
@@ -75,10 +75,10 @@
 [part='button']:focus {
   --slds-c-icon-color-foreground-default: var(
     --slds-c-accordion-heading-color-hover,
-    var(--slds-g-color-brand-base-30)
+    var(--slds-g-color-brand-base-30, #014486)
   );
 
-  color: var(--slds-c-accordion-heading-color-hover, var(--slds-g-color-brand-base-30));
+  color: var(--slds-c-accordion-heading-color-hover, var(--slds-g-color-brand-base-30, #014486));
   /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
 }