lightning-base-components 1.21.8-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 (76) hide show
  1. package/metadata/raptor.json +3 -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 +16 -13
  5. package/src/lightning/baseComboboxFormattedText/baseComboboxFormattedText.js-meta.xml +1 -1
  6. package/src/lightning/button/button.slds.css +16 -13
  7. package/src/lightning/buttonIcon/button-icon.slds.css +16 -13
  8. package/src/lightning/buttonIconStateful/button-icon.slds.css +16 -13
  9. package/src/lightning/buttonIconStateful/button.slds.css +16 -13
  10. package/src/lightning/buttonMenu/button-icon.slds.css +16 -13
  11. package/src/lightning/buttonMenu/button.slds.css +16 -13
  12. package/src/lightning/buttonMenu/buttonMenu.js +5 -3
  13. package/src/lightning/buttonStateful/button-stateful.slds.css +23 -0
  14. package/src/lightning/buttonStateful/button.slds.css +16 -13
  15. package/src/lightning/buttonStateful/buttonStateful.js-meta.xml +3 -0
  16. package/src/lightning/calendar/keyboard.js +11 -3
  17. package/src/lightning/combobox/combobox.js +5 -13
  18. package/src/lightning/datatable/__examples__/withVirtualization/withVirtualization.js +0 -1
  19. package/src/lightning/datatable/datatable.js +35 -39
  20. package/src/lightning/datatable/keyboard.js +11 -10
  21. package/src/lightning/datatable/renderManager.js +1 -3
  22. package/src/lightning/datatable/rows.js +16 -9
  23. package/src/lightning/datatable/state.js +0 -1
  24. package/src/lightning/datatable/templates/div/div.html +8 -8
  25. package/src/lightning/datatable/templates/div/div.lbc.synthetic.css +7 -0
  26. package/src/lightning/datatable/virtualization.js +11 -14
  27. package/src/lightning/formattedAddress/formattedAddress.js +3 -2
  28. package/src/lightning/formattedDateTime/formattedDateTime.js +3 -2
  29. package/src/lightning/formattedDateTime/formattedDateTime.js-meta.xml +1 -1
  30. package/src/lightning/formattedLocation/formattedLocation.js +3 -2
  31. package/src/lightning/formattedPhone/formattedPhone.js +3 -2
  32. package/src/lightning/formattedTime/formattedTime.js +3 -2
  33. package/src/lightning/formattedUrl/formattedUrl.js +3 -2
  34. package/src/lightning/helptext/button-icon.slds.css +16 -13
  35. package/src/lightning/helptext/helptext.js-meta.xml +3 -0
  36. package/src/lightning/inputAddress/__docs__/inputAddress.md +44 -3
  37. package/src/lightning/inputAddress/inputAddress.js +8 -6
  38. package/src/lightning/inputName/inputName.js-meta.xml +3 -0
  39. package/src/lightning/interactiveDialogBase/button.slds.css +507 -0
  40. package/src/lightning/interactiveDialogBase/interactive-dialog-base.slds.css +45 -17
  41. package/src/lightning/interactiveDialogBase/interactiveDialogBase.lbc.native.css +6 -1
  42. package/src/lightning/interactiveDialogBase/modal-base.slds.css +242 -0
  43. package/src/lightning/interactiveDialogBase/modal-body.slds.css +60 -0
  44. package/src/lightning/interactiveDialogBase/modal-footer.slds.css +79 -0
  45. package/src/lightning/interactiveDialogBase/modal-header.slds.css +76 -0
  46. package/src/lightning/lookupAddress/lookupAddress.js-meta.xml +3 -0
  47. package/src/lightning/menuDivider/menuDivider.js-meta.xml +3 -0
  48. package/src/lightning/menuItem/menuItem.js +19 -3
  49. package/src/lightning/menuSubheader/menuSubheader.js-meta.xml +3 -0
  50. package/src/lightning/modal/modal.js-meta.xml +3 -0
  51. package/src/lightning/modalBase/modalBase.js +7 -5
  52. package/src/lightning/modalBody/modalBody.js-meta.xml +3 -0
  53. package/src/lightning/modalFooter/modalFooter.js-meta.xml +3 -0
  54. package/src/lightning/modalHeader/modalHeader.js-meta.xml +3 -0
  55. package/src/lightning/picklist/picklist.js +3 -2
  56. package/src/lightning/pill/pill.js +1 -1
  57. package/src/lightning/pillContainer/button.slds.css +16 -13
  58. package/src/lightning/primitiveDatatableTooltip/primitiveDatatableTooltip.js +11 -7
  59. package/src/lightning/primitiveDatatableTooltipBubble/primitiveDatatableTooltipBubble.html +1 -1
  60. package/src/lightning/primitiveFileDroppableZone/primitiveFileDroppableZone.js +3 -2
  61. package/src/lightning/primitiveInputCheckbox/input-checkbox.slds.css +1 -1
  62. package/src/lightning/primitiveInputFile/button.slds.css +16 -13
  63. package/src/lightning/primitiveInputFile/input-file.slds.css +3 -2
  64. package/src/lightning/primitiveInputToggle/input-toggle.slds.css +13 -7
  65. package/src/lightning/progressBar/progressBar.js-meta.xml +3 -0
  66. package/src/lightning/progressRing/progressRing.js-meta.xml +3 -0
  67. package/src/lightning/prompt/form-element.slds.css +319 -0
  68. package/src/lightning/prompt/input-text.slds.css +506 -0
  69. package/src/lightning/prompt/prompt.lbc.native.css +2 -0
  70. package/src/lightning/purifyLib/purify.js +838 -586
  71. package/src/lightning/radioGroup/radioGroup.js-meta.xml +3 -0
  72. package/src/lightning/textarea/textarea.js-meta.xml +3 -0
  73. package/src/lightning/toast/button-icon.slds.css +16 -13
  74. package/src/lightning/toast/toast.js-meta.xml +3 -0
  75. package/src/lightning/toastContainer/toastContainer.js-meta.xml +3 -0
  76. package/src/lightning/verticalNavigationOverflow/button.slds.css +16 -13
package/src/lightning/radioGroup/radioGroup.js-meta.xml CHANGED
@@ -3,4 +3,7 @@
3
3
  <isExposed>true</isExposed>
4
4
  <minApiVersion>41.0</minApiVersion>
5
5
  <support>GA</support>
6
+ <capabilities>
7
+ <capability>lightning__ServerRenderableWithHydration</capability>
8
+ </capabilities>
6
9
  </LightningComponentBundle>
package/src/lightning/textarea/textarea.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/toast/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);
@@ -427,8 +427,11 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
427
427
  * SLDS light DOM.
428
428
  *
429
429
  * E.g. --slds-c-button-color-background
430
- */
431
- :host([data-render-mode="shadow"][variant='base']) [part~='button'] {
430
+ */
431
+ /**
432
+ * text variant is for button-stateful
433
+ */
434
+ :host([data-render-mode="shadow"][variant='base']) [part~='button'],:host([data-render-mode="shadow"][variant='text']) [part~='button']{
432
435
  --sds-c-button-spacing-inline: 0;
433
436
  --slds-c-button-neutral-text-color: var(--slds-g-color-accent-2);
434
437
  --slds-c-button-neutral-color-border: transparent;
@@ -440,7 +443,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
440
443
  --slds-c-button-neutral-color-background-focus: transparent;
441
444
  --slds-c-button-neutral-color-background-active: transparent;
442
445
  }
443
- :host([data-render-mode="shadow"][variant='base']) [part~='button']:disabled {
446
+ :host([data-render-mode="shadow"][variant='base']) [part~='button']:disabled,:host([data-render-mode="shadow"][variant='text']) [part~='button']:disabled {
444
447
  --sds-c-button-color-background: transparent;
445
448
  --sds-c-button-color-border: transparent;
446
449
  }
package/src/lightning/toast/toast.js-meta.xml CHANGED
@@ -3,4 +3,7 @@
3
3
  <isExposed>true</isExposed>
4
4
  <minApiVersion>59.0</minApiVersion>
5
5
  <support>GA</support>
6
+ <capabilities>
7
+ <capability>lightning__ServerRenderableWithHydration</capability>
8
+ </capabilities>
6
9
  </LightningComponentBundle>
package/src/lightning/toastContainer/toastContainer.js-meta.xml CHANGED
@@ -3,4 +3,7 @@
3
3
  <isExposed>true</isExposed>
4
4
  <minApiVersion>58.0</minApiVersion>
5
5
  <support>GA</support>
6
+ <capabilities>
7
+ <capability>lightning__ServerRenderableWithHydration</capability>
8
+ </capabilities>
6
9
  </LightningComponentBundle>
package/src/lightning/verticalNavigationOverflow/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);
@@ -424,8 +424,11 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
424
424
  * SLDS light DOM.
425
425
  *
426
426
  * E.g. --slds-c-button-color-background
427
- */
428
- :host([data-render-mode="shadow"][variant='base']) [part~='button'] {
427
+ */
428
+ /**
429
+ * text variant is for button-stateful
430
+ */
431
+ :host([data-render-mode="shadow"][variant='base']) [part~='button'],:host([data-render-mode="shadow"][variant='text']) [part~='button']{
429
432
  --sds-c-button-spacing-inline: 0;
430
433
  --slds-c-button-neutral-text-color: var(--slds-g-color-accent-2);
431
434
  --slds-c-button-neutral-color-border: transparent;
@@ -437,7 +440,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
437
440
  --slds-c-button-neutral-color-background-focus: transparent;
438
441
  --slds-c-button-neutral-color-background-active: transparent;
439
442
  }
440
- :host([data-render-mode="shadow"][variant='base']) [part~='button']:disabled {
443
+ :host([data-render-mode="shadow"][variant='base']) [part~='button']:disabled,:host([data-render-mode="shadow"][variant='text']) [part~='button']:disabled {
441
444
  --sds-c-button-color-background: transparent;
442
445
  --sds-c-button-color-border: transparent;
443
446
  }