lightning-base-components 1.21.9-alpha → 1.22.1-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/metadata/raptor.json +2 -0
  2. package/package.json +3 -5
  3. package/scopedImports/@salesforce-internal-core.appVersion.js +1 -1
  4. package/src/lightning/accordionSection/button.slds.css +10 -10
  5. package/src/lightning/baseComboboxFormattedText/baseComboboxFormattedText.js-meta.xml +1 -1
  6. package/src/lightning/button/button.slds.css +10 -10
  7. package/src/lightning/buttonIcon/button-icon.slds.css +10 -10
  8. package/src/lightning/buttonIconStateful/button-icon.slds.css +10 -10
  9. package/src/lightning/buttonIconStateful/button.slds.css +10 -10
  10. package/src/lightning/buttonMenu/button-icon.slds.css +10 -10
  11. package/src/lightning/buttonMenu/button.slds.css +10 -10
  12. package/src/lightning/buttonStateful/button-stateful.slds.css +23 -0
  13. package/src/lightning/buttonStateful/button.slds.css +10 -10
  14. package/src/lightning/buttonStateful/buttonStateful.js-meta.xml +3 -0
  15. package/src/lightning/calendar/keyboard.js +11 -3
  16. package/src/lightning/combobox/combobox.js +5 -13
  17. package/src/lightning/datatable/__examples__/withVirtualization/withVirtualization.js +0 -1
  18. package/src/lightning/datatable/datatable.js +8 -26
  19. package/src/lightning/datatable/keyboard.js +11 -10
  20. package/src/lightning/datatable/renderManager.js +1 -3
  21. package/src/lightning/datatable/rows.js +16 -9
  22. package/src/lightning/datatable/state.js +0 -1
  23. package/src/lightning/datatable/virtualization.js +11 -14
  24. package/src/lightning/formattedAddress/formattedAddress.js +3 -2
  25. package/src/lightning/formattedDateTime/formattedDateTime.js +3 -2
  26. package/src/lightning/formattedDateTime/formattedDateTime.js-meta.xml +1 -1
  27. package/src/lightning/formattedLocation/formattedLocation.js +3 -2
  28. package/src/lightning/formattedPhone/formattedPhone.js +3 -2
  29. package/src/lightning/formattedTime/formattedTime.js +3 -2
  30. package/src/lightning/formattedUrl/formattedUrl.js +3 -2
  31. package/src/lightning/helptext/button-icon.slds.css +10 -10
  32. package/src/lightning/helptext/helptext.js-meta.xml +3 -0
  33. package/src/lightning/inputAddress/__docs__/inputAddress.md +44 -3
  34. package/src/lightning/inputAddress/inputAddress.js +8 -6
  35. package/src/lightning/inputName/inputName.js-meta.xml +3 -0
  36. package/src/lightning/interactiveDialogBase/button.slds.css +507 -0
  37. package/src/lightning/interactiveDialogBase/interactive-dialog-base.slds.css +45 -17
  38. package/src/lightning/interactiveDialogBase/interactiveDialogBase.lbc.native.css +6 -1
  39. package/src/lightning/interactiveDialogBase/modal-base.slds.css +242 -0
  40. package/src/lightning/interactiveDialogBase/modal-body.slds.css +60 -0
  41. package/src/lightning/interactiveDialogBase/modal-footer.slds.css +79 -0
  42. package/src/lightning/interactiveDialogBase/modal-header.slds.css +76 -0
  43. package/src/lightning/lookupAddress/lookupAddress.js-meta.xml +3 -0
  44. package/src/lightning/menuDivider/menuDivider.js-meta.xml +3 -0
  45. package/src/lightning/menuSubheader/menuSubheader.js-meta.xml +3 -0
  46. package/src/lightning/modal/modal.js-meta.xml +3 -0
  47. package/src/lightning/modalBase/modalBase.js +7 -5
  48. package/src/lightning/modalBody/modalBody.js-meta.xml +3 -0
  49. package/src/lightning/modalFooter/modalFooter.js-meta.xml +3 -0
  50. package/src/lightning/modalHeader/modalHeader.js-meta.xml +3 -0
  51. package/src/lightning/picklist/picklist.js +3 -2
  52. package/src/lightning/pill/pill.js +1 -1
  53. package/src/lightning/pillContainer/button.slds.css +10 -10
  54. package/src/lightning/primitiveDatatableTooltipBubble/primitiveDatatableTooltipBubble.html +1 -1
  55. package/src/lightning/primitiveFileDroppableZone/primitiveFileDroppableZone.js +3 -2
  56. package/src/lightning/primitiveInputFile/button.slds.css +10 -10
  57. package/src/lightning/primitiveInputFile/input-file.slds.css +3 -2
  58. package/src/lightning/primitiveInputToggle/input-toggle.slds.css +13 -7
  59. package/src/lightning/progressBar/progressBar.js-meta.xml +3 -0
  60. package/src/lightning/progressRing/progressRing.js-meta.xml +3 -0
  61. package/src/lightning/prompt/form-element.slds.css +319 -0
  62. package/src/lightning/prompt/input-text.slds.css +506 -0
  63. package/src/lightning/prompt/prompt.lbc.native.css +2 -0
  64. package/src/lightning/purifyLib/purify.js +838 -586
  65. package/src/lightning/radioGroup/radioGroup.js-meta.xml +3 -0
  66. package/src/lightning/textarea/textarea.js-meta.xml +3 -0
  67. package/src/lightning/toast/button-icon.slds.css +10 -10
  68. package/src/lightning/toast/toast.js-meta.xml +3 -0
  69. package/src/lightning/toastContainer/toastContainer.js-meta.xml +3 -0
  70. package/src/lightning/verticalNavigationOverflow/button.slds.css +10 -10
package/metadata/raptor.json CHANGED
@@ -1723,6 +1723,7 @@
1723
1723
  "industriesCibApi": {},
1724
1724
  "industriesClmApi": {},
1725
1725
  "industriesContextApi": {},
1726
+ "industriesContextRulesApi": {},
1726
1727
  "industriesCpqApi": {},
1727
1728
  "industriesCriteriaBasedSearchFilterApi": {},
1728
1729
  "industriesDataloadingApi": {},
@@ -1774,6 +1775,7 @@
1774
1775
  "industriesSchedulerApi": {},
1775
1776
  "industriesServiceExcellenceApi": {},
1776
1777
  "industriesServiceprocessApi": {},
1778
+ "industriesStagemanagementApi": {},
1777
1779
  "industriesSustainabilityBeiApi": {},
1778
1780
  "industriesSustainabilityCsvAttachApi": {},
1779
1781
  "industriesSustainabilityDgfApi": {},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lightning-base-components",
3
- "version": "1.21.9-alpha",
3
+ "version": "1.22.1-alpha",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "external",
@@ -1476,8 +1476,6 @@
1476
1476
  "lightning-accordion-section",
1477
1477
  "lightning-avatar",
1478
1478
  "lightning-badge",
1479
- "lightning-avatar",
1480
- "lightning-badge",
1481
1479
  "lightning-base-combobox",
1482
1480
  "lightning-base-combobox-formatted-text",
1483
1481
  "lightning-base-combobox-item",
@@ -1528,11 +1526,11 @@
1528
1526
  "lightning-progress-ring",
1529
1527
  "lightning-primitive-bubble",
1530
1528
  "lightning-primitive-button",
1529
+ "lightning-primitive-colorpicker-button",
1531
1530
  "primitive-file-droppable-zone",
1532
1531
  "lightning-primitive-input-checkbox",
1533
1532
  "lightning-primitive-input-checkbox-button",
1534
1533
  "lightning-primitive-input-color",
1535
- "lightning-primitive-colorpicker-button",
1536
1534
  "lightning-primitive-input-file",
1537
1535
  "lightning-primitive-input-simple",
1538
1536
  "lightning-primitive-input-toggle",
@@ -1544,7 +1542,7 @@
1544
1542
  "lightning-spinner",
1545
1543
  "lightning-tab",
1546
1544
  "lightning-tab-bar",
1547
- "lightning-tab-set",
1545
+ "lightning-tabset",
1548
1546
  "lightning-textarea",
1549
1547
  "lightning-timepicker",
1550
1548
  "lightning-vertical-navigation",
package/scopedImports/@salesforce-internal-core.appVersion.js CHANGED
@@ -1 +1 @@
1
- export default '248';
1
+ export default '250';
package/src/lightning/accordionSection/button.slds.css CHANGED
@@ -280,7 +280,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
280
280
 
281
281
  /* Text color */
282
282
  --sds-c-button-text-color: var(--slds-c-button-neutral-text-color, var(--slds-g-color-accent-2));
283
- --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-g-color-accent-3));
283
+ --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-s-button-color-hover, var(--slds-g-color-accent-3)));
284
284
  --sds-c-button-text-color-focus: var(--slds-c-button-neutral-text-color-focus, var(--slds-g-color-accent-3));
285
285
  --sds-c-button-text-color-active: var(
286
286
  --slds-c-button-neutral-text-color-active,
@@ -315,36 +315,36 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
315
315
  :host([data-render-mode="shadow"][variant='brand']) [part~='button'] {
316
316
  --slds-c-button-neutral-color-background: var(
317
317
  --slds-c-button-brand-color-background,
318
- var(--slds-g-color-accent-container-2)
318
+ var(--slds-g-color-accent-container-1)
319
319
  );
320
320
  --slds-c-button-neutral-color-background-hover: var(
321
321
  --slds-c-button-brand-color-background-hover,
322
- var(--slds-g-color-accent-container-3)
322
+ var(--slds-g-color-accent-container-2)
323
323
  );
324
324
  --slds-c-button-neutral-color-background-focus: var(
325
325
  --slds-c-button-brand-color-background-focus,
326
- var(--slds-g-color-accent-container-3)
326
+ var(--slds-g-color-accent-container-2)
327
327
  );
328
328
  --slds-c-button-neutral-color-background-active: var(
329
329
  --slds-c-button-brand-color-background-active,
330
- var(--slds-g-color-accent-container-3)
330
+ var(--slds-g-color-accent-container-2)
331
331
  );
332
332
 
333
333
  --slds-c-button-neutral-color-border: var(
334
334
  --slds-c-button-brand-color-border,
335
- var(--slds-g-color-border-accent-2)
335
+ var(--slds-g-color-border-accent-1)
336
336
  );
337
337
  --slds-c-button-neutral-color-border-hover: var(
338
338
  --slds-c-button-brand-color-border-hover,
339
- var(--slds-g-color-border-accent-3)
339
+ var(--slds-g-color-border-accent-2)
340
340
  );
341
341
  --slds-c-button-neutral-color-border-focus: var(
342
342
  --slds-c-button-brand-color-border-focus,
343
- var(--slds-g-color-border-accent-3)
343
+ var(--slds-g-color-border-accent-2)
344
344
  );
345
345
  --slds-c-button-neutral-color-border-active: var(
346
346
  --slds-c-button-brand-color-border-active,
347
- var(--slds-g-color-border-accent-3)
347
+ var(--slds-g-color-border-accent-2)
348
348
  );
349
349
 
350
350
  /* Since the text color is white for all states, bypassing inheritence and setting the color value from SDS */
@@ -396,7 +396,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
396
396
  --slds-c-button-neutral-color-border-hover: var(--slds-g-color-border-success-2);
397
397
  --slds-c-button-neutral-color-border-focus: var(--slds-g-color-border-success-2);
398
398
  --slds-c-button-neutral-color-border-active: var(--slds-g-color-border-success-2);
399
- --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-2);
399
+ --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-1);
400
400
  --slds-c-button-neutral-text-color-hover: var(--slds-g-color-on-success-1);
401
401
  --slds-c-button-neutral-text-color-focus: var(--slds-g-color-on-success-1);
402
402
  --slds-c-button-neutral-text-color-active: var(--slds-g-color-on-success-1);
package/src/lightning/baseComboboxFormattedText/baseComboboxFormattedText.js-meta.xml CHANGED
@@ -1,6 +1,6 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <LightningComponentBundle xmlns="xmlns=http://soap.sforce.com/2006/04/metadata">
3
3
  <capabilities>
4
- <capability>lightning__ServerRenderable</capability>
4
+ <capability>lightning__ServerRenderableWithHydration</capability>
5
5
  </capabilities>
6
6
  </LightningComponentBundle>
package/src/lightning/button/button.slds.css CHANGED
@@ -280,7 +280,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
280
280
 
281
281
  /* Text color */
282
282
  --sds-c-button-text-color: var(--slds-c-button-neutral-text-color, var(--slds-g-color-accent-2));
283
- --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-g-color-accent-3));
283
+ --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-s-button-color-hover, var(--slds-g-color-accent-3)));
284
284
  --sds-c-button-text-color-focus: var(--slds-c-button-neutral-text-color-focus, var(--slds-g-color-accent-3));
285
285
  --sds-c-button-text-color-active: var(
286
286
  --slds-c-button-neutral-text-color-active,
@@ -315,36 +315,36 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
315
315
  :host([data-render-mode="shadow"][variant='brand']) [part~='button'] {
316
316
  --slds-c-button-neutral-color-background: var(
317
317
  --slds-c-button-brand-color-background,
318
- var(--slds-g-color-accent-container-2)
318
+ var(--slds-g-color-accent-container-1)
319
319
  );
320
320
  --slds-c-button-neutral-color-background-hover: var(
321
321
  --slds-c-button-brand-color-background-hover,
322
- var(--slds-g-color-accent-container-3)
322
+ var(--slds-g-color-accent-container-2)
323
323
  );
324
324
  --slds-c-button-neutral-color-background-focus: var(
325
325
  --slds-c-button-brand-color-background-focus,
326
- var(--slds-g-color-accent-container-3)
326
+ var(--slds-g-color-accent-container-2)
327
327
  );
328
328
  --slds-c-button-neutral-color-background-active: var(
329
329
  --slds-c-button-brand-color-background-active,
330
- var(--slds-g-color-accent-container-3)
330
+ var(--slds-g-color-accent-container-2)
331
331
  );
332
332
 
333
333
  --slds-c-button-neutral-color-border: var(
334
334
  --slds-c-button-brand-color-border,
335
- var(--slds-g-color-border-accent-2)
335
+ var(--slds-g-color-border-accent-1)
336
336
  );
337
337
  --slds-c-button-neutral-color-border-hover: var(
338
338
  --slds-c-button-brand-color-border-hover,
339
- var(--slds-g-color-border-accent-3)
339
+ var(--slds-g-color-border-accent-2)
340
340
  );
341
341
  --slds-c-button-neutral-color-border-focus: var(
342
342
  --slds-c-button-brand-color-border-focus,
343
- var(--slds-g-color-border-accent-3)
343
+ var(--slds-g-color-border-accent-2)
344
344
  );
345
345
  --slds-c-button-neutral-color-border-active: var(
346
346
  --slds-c-button-brand-color-border-active,
347
- var(--slds-g-color-border-accent-3)
347
+ var(--slds-g-color-border-accent-2)
348
348
  );
349
349
 
350
350
  /* Since the text color is white for all states, bypassing inheritence and setting the color value from SDS */
@@ -396,7 +396,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
396
396
  --slds-c-button-neutral-color-border-hover: var(--slds-g-color-border-success-2);
397
397
  --slds-c-button-neutral-color-border-focus: var(--slds-g-color-border-success-2);
398
398
  --slds-c-button-neutral-color-border-active: var(--slds-g-color-border-success-2);
399
- --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-2);
399
+ --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-1);
400
400
  --slds-c-button-neutral-text-color-hover: var(--slds-g-color-on-success-1);
401
401
  --slds-c-button-neutral-text-color-focus: var(--slds-g-color-on-success-1);
402
402
  --slds-c-button-neutral-text-color-active: var(--slds-g-color-on-success-1);
package/src/lightning/buttonIcon/button-icon.slds.css CHANGED
@@ -283,7 +283,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
283
283
 
284
284
  /* Text color */
285
285
  --sds-c-button-text-color: var(--slds-c-button-neutral-text-color, var(--slds-g-color-accent-2));
286
- --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-g-color-accent-3));
286
+ --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-s-button-color-hover, var(--slds-g-color-accent-3)));
287
287
  --sds-c-button-text-color-focus: var(--slds-c-button-neutral-text-color-focus, var(--slds-g-color-accent-3));
288
288
  --sds-c-button-text-color-active: var(
289
289
  --slds-c-button-neutral-text-color-active,
@@ -318,36 +318,36 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
318
318
  :host([data-render-mode="shadow"][variant='brand']) [part~='button'] {
319
319
  --slds-c-button-neutral-color-background: var(
320
320
  --slds-c-button-brand-color-background,
321
- var(--slds-g-color-accent-container-2)
321
+ var(--slds-g-color-accent-container-1)
322
322
  );
323
323
  --slds-c-button-neutral-color-background-hover: var(
324
324
  --slds-c-button-brand-color-background-hover,
325
- var(--slds-g-color-accent-container-3)
325
+ var(--slds-g-color-accent-container-2)
326
326
  );
327
327
  --slds-c-button-neutral-color-background-focus: var(
328
328
  --slds-c-button-brand-color-background-focus,
329
- var(--slds-g-color-accent-container-3)
329
+ var(--slds-g-color-accent-container-2)
330
330
  );
331
331
  --slds-c-button-neutral-color-background-active: var(
332
332
  --slds-c-button-brand-color-background-active,
333
- var(--slds-g-color-accent-container-3)
333
+ var(--slds-g-color-accent-container-2)
334
334
  );
335
335
 
336
336
  --slds-c-button-neutral-color-border: var(
337
337
  --slds-c-button-brand-color-border,
338
- var(--slds-g-color-border-accent-2)
338
+ var(--slds-g-color-border-accent-1)
339
339
  );
340
340
  --slds-c-button-neutral-color-border-hover: var(
341
341
  --slds-c-button-brand-color-border-hover,
342
- var(--slds-g-color-border-accent-3)
342
+ var(--slds-g-color-border-accent-2)
343
343
  );
344
344
  --slds-c-button-neutral-color-border-focus: var(
345
345
  --slds-c-button-brand-color-border-focus,
346
- var(--slds-g-color-border-accent-3)
346
+ var(--slds-g-color-border-accent-2)
347
347
  );
348
348
  --slds-c-button-neutral-color-border-active: var(
349
349
  --slds-c-button-brand-color-border-active,
350
- var(--slds-g-color-border-accent-3)
350
+ var(--slds-g-color-border-accent-2)
351
351
  );
352
352
 
353
353
  /* Since the text color is white for all states, bypassing inheritence and setting the color value from SDS */
@@ -399,7 +399,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
399
399
  --slds-c-button-neutral-color-border-hover: var(--slds-g-color-border-success-2);
400
400
  --slds-c-button-neutral-color-border-focus: var(--slds-g-color-border-success-2);
401
401
  --slds-c-button-neutral-color-border-active: var(--slds-g-color-border-success-2);
402
- --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-2);
402
+ --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-1);
403
403
  --slds-c-button-neutral-text-color-hover: var(--slds-g-color-on-success-1);
404
404
  --slds-c-button-neutral-text-color-focus: var(--slds-g-color-on-success-1);
405
405
  --slds-c-button-neutral-text-color-active: var(--slds-g-color-on-success-1);
package/src/lightning/buttonIconStateful/button-icon.slds.css CHANGED
@@ -283,7 +283,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
283
283
 
284
284
  /* Text color */
285
285
  --sds-c-button-text-color: var(--slds-c-button-neutral-text-color, var(--slds-g-color-accent-2));
286
- --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-g-color-accent-3));
286
+ --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-s-button-color-hover, var(--slds-g-color-accent-3)));
287
287
  --sds-c-button-text-color-focus: var(--slds-c-button-neutral-text-color-focus, var(--slds-g-color-accent-3));
288
288
  --sds-c-button-text-color-active: var(
289
289
  --slds-c-button-neutral-text-color-active,
@@ -318,36 +318,36 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
318
318
  :host([data-render-mode="shadow"][variant='brand']) [part~='button'] {
319
319
  --slds-c-button-neutral-color-background: var(
320
320
  --slds-c-button-brand-color-background,
321
- var(--slds-g-color-accent-container-2)
321
+ var(--slds-g-color-accent-container-1)
322
322
  );
323
323
  --slds-c-button-neutral-color-background-hover: var(
324
324
  --slds-c-button-brand-color-background-hover,
325
- var(--slds-g-color-accent-container-3)
325
+ var(--slds-g-color-accent-container-2)
326
326
  );
327
327
  --slds-c-button-neutral-color-background-focus: var(
328
328
  --slds-c-button-brand-color-background-focus,
329
- var(--slds-g-color-accent-container-3)
329
+ var(--slds-g-color-accent-container-2)
330
330
  );
331
331
  --slds-c-button-neutral-color-background-active: var(
332
332
  --slds-c-button-brand-color-background-active,
333
- var(--slds-g-color-accent-container-3)
333
+ var(--slds-g-color-accent-container-2)
334
334
  );
335
335
 
336
336
  --slds-c-button-neutral-color-border: var(
337
337
  --slds-c-button-brand-color-border,
338
- var(--slds-g-color-border-accent-2)
338
+ var(--slds-g-color-border-accent-1)
339
339
  );
340
340
  --slds-c-button-neutral-color-border-hover: var(
341
341
  --slds-c-button-brand-color-border-hover,
342
- var(--slds-g-color-border-accent-3)
342
+ var(--slds-g-color-border-accent-2)
343
343
  );
344
344
  --slds-c-button-neutral-color-border-focus: var(
345
345
  --slds-c-button-brand-color-border-focus,
346
- var(--slds-g-color-border-accent-3)
346
+ var(--slds-g-color-border-accent-2)
347
347
  );
348
348
  --slds-c-button-neutral-color-border-active: var(
349
349
  --slds-c-button-brand-color-border-active,
350
- var(--slds-g-color-border-accent-3)
350
+ var(--slds-g-color-border-accent-2)
351
351
  );
352
352
 
353
353
  /* Since the text color is white for all states, bypassing inheritence and setting the color value from SDS */
@@ -399,7 +399,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
399
399
  --slds-c-button-neutral-color-border-hover: var(--slds-g-color-border-success-2);
400
400
  --slds-c-button-neutral-color-border-focus: var(--slds-g-color-border-success-2);
401
401
  --slds-c-button-neutral-color-border-active: var(--slds-g-color-border-success-2);
402
- --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-2);
402
+ --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-1);
403
403
  --slds-c-button-neutral-text-color-hover: var(--slds-g-color-on-success-1);
404
404
  --slds-c-button-neutral-text-color-focus: var(--slds-g-color-on-success-1);
405
405
  --slds-c-button-neutral-text-color-active: var(--slds-g-color-on-success-1);
package/src/lightning/buttonIconStateful/button.slds.css CHANGED
@@ -280,7 +280,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
280
280
 
281
281
  /* Text color */
282
282
  --sds-c-button-text-color: var(--slds-c-button-neutral-text-color, var(--slds-g-color-accent-2));
283
- --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-g-color-accent-3));
283
+ --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-s-button-color-hover, var(--slds-g-color-accent-3)));
284
284
  --sds-c-button-text-color-focus: var(--slds-c-button-neutral-text-color-focus, var(--slds-g-color-accent-3));
285
285
  --sds-c-button-text-color-active: var(
286
286
  --slds-c-button-neutral-text-color-active,
@@ -315,36 +315,36 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
315
315
  :host([data-render-mode="shadow"][variant='brand']) [part~='button'] {
316
316
  --slds-c-button-neutral-color-background: var(
317
317
  --slds-c-button-brand-color-background,
318
- var(--slds-g-color-accent-container-2)
318
+ var(--slds-g-color-accent-container-1)
319
319
  );
320
320
  --slds-c-button-neutral-color-background-hover: var(
321
321
  --slds-c-button-brand-color-background-hover,
322
- var(--slds-g-color-accent-container-3)
322
+ var(--slds-g-color-accent-container-2)
323
323
  );
324
324
  --slds-c-button-neutral-color-background-focus: var(
325
325
  --slds-c-button-brand-color-background-focus,
326
- var(--slds-g-color-accent-container-3)
326
+ var(--slds-g-color-accent-container-2)
327
327
  );
328
328
  --slds-c-button-neutral-color-background-active: var(
329
329
  --slds-c-button-brand-color-background-active,
330
- var(--slds-g-color-accent-container-3)
330
+ var(--slds-g-color-accent-container-2)
331
331
  );
332
332
 
333
333
  --slds-c-button-neutral-color-border: var(
334
334
  --slds-c-button-brand-color-border,
335
- var(--slds-g-color-border-accent-2)
335
+ var(--slds-g-color-border-accent-1)
336
336
  );
337
337
  --slds-c-button-neutral-color-border-hover: var(
338
338
  --slds-c-button-brand-color-border-hover,
339
- var(--slds-g-color-border-accent-3)
339
+ var(--slds-g-color-border-accent-2)
340
340
  );
341
341
  --slds-c-button-neutral-color-border-focus: var(
342
342
  --slds-c-button-brand-color-border-focus,
343
- var(--slds-g-color-border-accent-3)
343
+ var(--slds-g-color-border-accent-2)
344
344
  );
345
345
  --slds-c-button-neutral-color-border-active: var(
346
346
  --slds-c-button-brand-color-border-active,
347
- var(--slds-g-color-border-accent-3)
347
+ var(--slds-g-color-border-accent-2)
348
348
  );
349
349
 
350
350
  /* Since the text color is white for all states, bypassing inheritence and setting the color value from SDS */
@@ -396,7 +396,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
396
396
  --slds-c-button-neutral-color-border-hover: var(--slds-g-color-border-success-2);
397
397
  --slds-c-button-neutral-color-border-focus: var(--slds-g-color-border-success-2);
398
398
  --slds-c-button-neutral-color-border-active: var(--slds-g-color-border-success-2);
399
- --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-2);
399
+ --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-1);
400
400
  --slds-c-button-neutral-text-color-hover: var(--slds-g-color-on-success-1);
401
401
  --slds-c-button-neutral-text-color-focus: var(--slds-g-color-on-success-1);
402
402
  --slds-c-button-neutral-text-color-active: var(--slds-g-color-on-success-1);
package/src/lightning/buttonMenu/button-icon.slds.css CHANGED
@@ -283,7 +283,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
283
283
 
284
284
  /* Text color */
285
285
  --sds-c-button-text-color: var(--slds-c-button-neutral-text-color, var(--slds-g-color-accent-2));
286
- --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-g-color-accent-3));
286
+ --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-s-button-color-hover, var(--slds-g-color-accent-3)));
287
287
  --sds-c-button-text-color-focus: var(--slds-c-button-neutral-text-color-focus, var(--slds-g-color-accent-3));
288
288
  --sds-c-button-text-color-active: var(
289
289
  --slds-c-button-neutral-text-color-active,
@@ -318,36 +318,36 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
318
318
  :host([data-render-mode="shadow"][variant='brand']) [part~='button'] {
319
319
  --slds-c-button-neutral-color-background: var(
320
320
  --slds-c-button-brand-color-background,
321
- var(--slds-g-color-accent-container-2)
321
+ var(--slds-g-color-accent-container-1)
322
322
  );
323
323
  --slds-c-button-neutral-color-background-hover: var(
324
324
  --slds-c-button-brand-color-background-hover,
325
- var(--slds-g-color-accent-container-3)
325
+ var(--slds-g-color-accent-container-2)
326
326
  );
327
327
  --slds-c-button-neutral-color-background-focus: var(
328
328
  --slds-c-button-brand-color-background-focus,
329
- var(--slds-g-color-accent-container-3)
329
+ var(--slds-g-color-accent-container-2)
330
330
  );
331
331
  --slds-c-button-neutral-color-background-active: var(
332
332
  --slds-c-button-brand-color-background-active,
333
- var(--slds-g-color-accent-container-3)
333
+ var(--slds-g-color-accent-container-2)
334
334
  );
335
335
 
336
336
  --slds-c-button-neutral-color-border: var(
337
337
  --slds-c-button-brand-color-border,
338
- var(--slds-g-color-border-accent-2)
338
+ var(--slds-g-color-border-accent-1)
339
339
  );
340
340
  --slds-c-button-neutral-color-border-hover: var(
341
341
  --slds-c-button-brand-color-border-hover,
342
- var(--slds-g-color-border-accent-3)
342
+ var(--slds-g-color-border-accent-2)
343
343
  );
344
344
  --slds-c-button-neutral-color-border-focus: var(
345
345
  --slds-c-button-brand-color-border-focus,
346
- var(--slds-g-color-border-accent-3)
346
+ var(--slds-g-color-border-accent-2)
347
347
  );
348
348
  --slds-c-button-neutral-color-border-active: var(
349
349
  --slds-c-button-brand-color-border-active,
350
- var(--slds-g-color-border-accent-3)
350
+ var(--slds-g-color-border-accent-2)
351
351
  );
352
352
 
353
353
  /* Since the text color is white for all states, bypassing inheritence and setting the color value from SDS */
@@ -399,7 +399,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
399
399
  --slds-c-button-neutral-color-border-hover: var(--slds-g-color-border-success-2);
400
400
  --slds-c-button-neutral-color-border-focus: var(--slds-g-color-border-success-2);
401
401
  --slds-c-button-neutral-color-border-active: var(--slds-g-color-border-success-2);
402
- --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-2);
402
+ --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-1);
403
403
  --slds-c-button-neutral-text-color-hover: var(--slds-g-color-on-success-1);
404
404
  --slds-c-button-neutral-text-color-focus: var(--slds-g-color-on-success-1);
405
405
  --slds-c-button-neutral-text-color-active: var(--slds-g-color-on-success-1);
package/src/lightning/buttonMenu/button.slds.css CHANGED
@@ -280,7 +280,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
280
280
 
281
281
  /* Text color */
282
282
  --sds-c-button-text-color: var(--slds-c-button-neutral-text-color, var(--slds-g-color-accent-2));
283
- --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-g-color-accent-3));
283
+ --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-s-button-color-hover, var(--slds-g-color-accent-3)));
284
284
  --sds-c-button-text-color-focus: var(--slds-c-button-neutral-text-color-focus, var(--slds-g-color-accent-3));
285
285
  --sds-c-button-text-color-active: var(
286
286
  --slds-c-button-neutral-text-color-active,
@@ -315,36 +315,36 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
315
315
  :host([data-render-mode="shadow"][variant='brand']) [part~='button'] {
316
316
  --slds-c-button-neutral-color-background: var(
317
317
  --slds-c-button-brand-color-background,
318
- var(--slds-g-color-accent-container-2)
318
+ var(--slds-g-color-accent-container-1)
319
319
  );
320
320
  --slds-c-button-neutral-color-background-hover: var(
321
321
  --slds-c-button-brand-color-background-hover,
322
- var(--slds-g-color-accent-container-3)
322
+ var(--slds-g-color-accent-container-2)
323
323
  );
324
324
  --slds-c-button-neutral-color-background-focus: var(
325
325
  --slds-c-button-brand-color-background-focus,
326
- var(--slds-g-color-accent-container-3)
326
+ var(--slds-g-color-accent-container-2)
327
327
  );
328
328
  --slds-c-button-neutral-color-background-active: var(
329
329
  --slds-c-button-brand-color-background-active,
330
- var(--slds-g-color-accent-container-3)
330
+ var(--slds-g-color-accent-container-2)
331
331
  );
332
332
 
333
333
  --slds-c-button-neutral-color-border: var(
334
334
  --slds-c-button-brand-color-border,
335
- var(--slds-g-color-border-accent-2)
335
+ var(--slds-g-color-border-accent-1)
336
336
  );
337
337
  --slds-c-button-neutral-color-border-hover: var(
338
338
  --slds-c-button-brand-color-border-hover,
339
- var(--slds-g-color-border-accent-3)
339
+ var(--slds-g-color-border-accent-2)
340
340
  );
341
341
  --slds-c-button-neutral-color-border-focus: var(
342
342
  --slds-c-button-brand-color-border-focus,
343
- var(--slds-g-color-border-accent-3)
343
+ var(--slds-g-color-border-accent-2)
344
344
  );
345
345
  --slds-c-button-neutral-color-border-active: var(
346
346
  --slds-c-button-brand-color-border-active,
347
- var(--slds-g-color-border-accent-3)
347
+ var(--slds-g-color-border-accent-2)
348
348
  );
349
349
 
350
350
  /* Since the text color is white for all states, bypassing inheritence and setting the color value from SDS */
@@ -396,7 +396,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
396
396
  --slds-c-button-neutral-color-border-hover: var(--slds-g-color-border-success-2);
397
397
  --slds-c-button-neutral-color-border-focus: var(--slds-g-color-border-success-2);
398
398
  --slds-c-button-neutral-color-border-active: var(--slds-g-color-border-success-2);
399
- --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-2);
399
+ --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-1);
400
400
  --slds-c-button-neutral-text-color-hover: var(--slds-g-color-on-success-1);
401
401
  --slds-c-button-neutral-text-color-focus: var(--slds-g-color-on-success-1);
402
402
  --slds-c-button-neutral-text-color-active: var(--slds-g-color-on-success-1);
package/src/lightning/buttonStateful/button-stateful.slds.css CHANGED
@@ -32,6 +32,29 @@
32
32
  --slds-c-buttonstateful-shadow-focus,
33
33
  var(--slds-g-color-accent-2) 0 0 3px
34
34
  );
35
+
36
+ /* Pressed/Selected State */
37
+ --sds-c-button-text-color-pressed: var(--slds-g-color-accent-2);
38
+ --sds-c-button-color-background-pressed: transparent;
39
+ }
40
+
41
+ /* Hover state when button is pressed/selected */
42
+
43
+ :host([data-render-mode="shadow"]) .slds-button_stateful:hover {
44
+ --sds-c-button-color-background-pressed: var(--slds-g-color-surface-container-2);
45
+ --sds-c-button-text-color-pressed: var(--slds-s-button-color-hover);
46
+ --sds-c-button-color-border-pressed: var(--slds-g-color-border-1);
47
+ }
48
+
49
+ :host([data-render-mode="shadow"]) .slds-is-selected-clicked {
50
+ --sds-c-button-color-background-pressed: var(--slds-g-color-surface-container-1);
51
+ --sds-c-button-text-color-pressed: var(--slds-g-color-accent-2);
52
+ }
53
+
54
+ :host([data-render-mode="shadow"]) .slds-is-selected-clicked:focus {
55
+ --sds-c-button-color-background-pressed: var(--slds-g-color-surface-container-2);
56
+ --sds-c-button-text-color-pressed: var(--slds-g-color-accent-3);
57
+ --sds-c-button-shadow-pressed: var(--slds-s-button-shadow-focus);
35
58
  }
36
59
 
37
60
  /* vertical alignment for icon and text */
package/src/lightning/buttonStateful/button.slds.css CHANGED
@@ -280,7 +280,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
280
280
 
281
281
  /* Text color */
282
282
  --sds-c-button-text-color: var(--slds-c-button-neutral-text-color, var(--slds-g-color-accent-2));
283
- --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-g-color-accent-3));
283
+ --sds-c-button-text-color-hover: var(--slds-c-button-neutral-text-color-hover, var(--slds-s-button-color-hover, var(--slds-g-color-accent-3)));
284
284
  --sds-c-button-text-color-focus: var(--slds-c-button-neutral-text-color-focus, var(--slds-g-color-accent-3));
285
285
  --sds-c-button-text-color-active: var(
286
286
  --slds-c-button-neutral-text-color-active,
@@ -315,36 +315,36 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
315
315
  :host([data-render-mode="shadow"][variant='brand']) [part~='button'] {
316
316
  --slds-c-button-neutral-color-background: var(
317
317
  --slds-c-button-brand-color-background,
318
- var(--slds-g-color-accent-container-2)
318
+ var(--slds-g-color-accent-container-1)
319
319
  );
320
320
  --slds-c-button-neutral-color-background-hover: var(
321
321
  --slds-c-button-brand-color-background-hover,
322
- var(--slds-g-color-accent-container-3)
322
+ var(--slds-g-color-accent-container-2)
323
323
  );
324
324
  --slds-c-button-neutral-color-background-focus: var(
325
325
  --slds-c-button-brand-color-background-focus,
326
- var(--slds-g-color-accent-container-3)
326
+ var(--slds-g-color-accent-container-2)
327
327
  );
328
328
  --slds-c-button-neutral-color-background-active: var(
329
329
  --slds-c-button-brand-color-background-active,
330
- var(--slds-g-color-accent-container-3)
330
+ var(--slds-g-color-accent-container-2)
331
331
  );
332
332
 
333
333
  --slds-c-button-neutral-color-border: var(
334
334
  --slds-c-button-brand-color-border,
335
- var(--slds-g-color-border-accent-2)
335
+ var(--slds-g-color-border-accent-1)
336
336
  );
337
337
  --slds-c-button-neutral-color-border-hover: var(
338
338
  --slds-c-button-brand-color-border-hover,
339
- var(--slds-g-color-border-accent-3)
339
+ var(--slds-g-color-border-accent-2)
340
340
  );
341
341
  --slds-c-button-neutral-color-border-focus: var(
342
342
  --slds-c-button-brand-color-border-focus,
343
- var(--slds-g-color-border-accent-3)
343
+ var(--slds-g-color-border-accent-2)
344
344
  );
345
345
  --slds-c-button-neutral-color-border-active: var(
346
346
  --slds-c-button-brand-color-border-active,
347
- var(--slds-g-color-border-accent-3)
347
+ var(--slds-g-color-border-accent-2)
348
348
  );
349
349
 
350
350
  /* Since the text color is white for all states, bypassing inheritence and setting the color value from SDS */
@@ -396,7 +396,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
396
396
  --slds-c-button-neutral-color-border-hover: var(--slds-g-color-border-success-2);
397
397
  --slds-c-button-neutral-color-border-focus: var(--slds-g-color-border-success-2);
398
398
  --slds-c-button-neutral-color-border-active: var(--slds-g-color-border-success-2);
399
- --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-2);
399
+ --slds-c-button-neutral-text-color: var(--slds-g-color-on-success-1);
400
400
  --slds-c-button-neutral-text-color-hover: var(--slds-g-color-on-success-1);
401
401
  --slds-c-button-neutral-text-color-focus: var(--slds-g-color-on-success-1);
402
402
  --slds-c-button-neutral-text-color-active: var(--slds-g-color-on-success-1);
package/src/lightning/buttonStateful/buttonStateful.js-meta.xml CHANGED
@@ -3,4 +3,7 @@
3
3
  <isExposed>true</isExposed>
4
4
  <minApiVersion>0.0</minApiVersion>
5
5
  <support>GA</support>
6
+ <capabilities>
7
+ <capability>lightning__ServerRenderableWithHydration</capability>
8
+ </capabilities>
6
9
  </LightningComponentBundle>
package/src/lightning/calendar/keyboard.js CHANGED
@@ -1,4 +1,4 @@
1
- import { normalizeKeyValue } from 'lightning/utilsPrivate';
1
+ import { normalizeKeyValue, isRTL } from 'lightning/utilsPrivate';
2
2
 
3
3
  export function handleKeyDownOnCalendar(event, date, calendarInterface) {
4
4
  const tdElement = event.target;
@@ -16,12 +16,20 @@ export function handleKeyDownOnCalendar(event, date, calendarInterface) {
16
16
  break;
17
17
  case 'ArrowRight':
18
18
  preventDefaultAndStopPropagation(event);
19
- date.setDate(date.getDate() + 1);
19
+ if (isRTL()) {
20
+ date.setDate(date.getDate() - 1);
21
+ } else {
22
+ date.setDate(date.getDate() + 1);
23
+ }
20
24
  calendarInterface.focusDate(date);
21
25
  break;
22
26
  case 'ArrowLeft':
23
27
  preventDefaultAndStopPropagation(event);
24
- date.setDate(date.getDate() - 1);
28
+ if (isRTL()) {
29
+ date.setDate(date.getDate() + 1);
30
+ } else {
31
+ date.setDate(date.getDate() - 1);
32
+ }
25
33
  calendarInterface.focusDate(date);
26
34
  break;
27
35
  case 'Enter':