lightning-base-components 1.26.4-alpha → 1.27.2-alpha

package/src/lightning/formattedRichText/__docs__/formattedRichText.md

@@ -74,8 +74,8 @@ removed and the text content is preserved. The supported HTML tags are: `a`,
 `abbr`, `acronym`, `address`, `br`, `big`, `blockquote`, `caption`,
 `cite`, `code`, `col`, `colgroup`, `del`, `div`, `dl`, `dd`, `dt`, `em`,
 `font`, `h1`, `h2`, `h3`, `h4`, `h5`, `h6`, `hr`, `img`, `ins`, `kbd`,
-`li`, `ol`, `mark`, `p`, `param`, `pre`, `q`, `s`, `samp`, `small`, `span`, 
-`strong`, `sub`, `sup`, `table`, `tbody`, `td`, `tfoot`, `th`, `thead`, `tr`, 
+`li`, `ol`, `mark`, `p`, `param`, `pre`, `q`, `s`, `samp`, `small`, `span`,
+`strong`, `sub`, `sup`, `table`, `tbody`, `td`, `tfoot`, `th`, `thead`, `tr`,
 `tt`, `u`, `ul`, `var`, `strike`.
 
 Supported HTML attributes include: `accept`, `action`, `align`, `alt`,
@@ -92,7 +92,7 @@ Supported HTML attributes include: `accept`, `action`, `align`, `alt`,
 `tabindex`, `target`, `title`, `type`, `usemap`, `valign`, `value`, `width`,
 `xmlns`.
 
-The HTML tags `b` and `i` aren't supported. This component converts the `b` tags to `strong` and `i` tags to `em` for screen reader accessibility. Other unsupported tags and attributes are removed, and only their text content is displayed. 
+The HTML tags `b` and `i` aren't supported. This component converts the `b` tags to `strong` and `i` tags to `em` for screen reader accessibility. Other unsupported tags and attributes are removed, and only their text content is displayed.
 
 We recommend using the `h1` to `h6` elements for headings and use `mark` to highlight text. For more information, see the [W3C recommendations](https://www.w3.org/TR/html52/textlevel-semantics.html).
 
@@ -100,17 +100,17 @@ We recommend using the `h1` to `h6` elements for headings and use `mark` to high
 
 `lightning-formatted-rich-text` supports the following protocols.
 
--   ftp
--   ftps
--   http
--   https
--   mailto
--   tel
--   callto
--   cid
--   xmpp
--   ciscotel
--   navision
+- ftp
+- ftps
+- http
+- https
+- mailto
+- tel
+- callto
+- cid
+- xmpp
+- ciscotel
+- navision
 
 URLs such as `www.salesforce.com` or `salesforce.com` are also displayed as links. All links, including those that don't include a protocol, are displayed using the anchor tag with a target value of `_blank`. To display links with other target values, use [lightning-formatted-url](bundle/lightning-formatted-url/) instead.
 

package/src/lightning/formattedRichText/formattedRichText.lbc.native.css

@@ -1,3 +1,3 @@
 @import 'lightning/sldsCommon';
 @import 'lightning/sldsUtilsThemes';
-@import './formatted-rich-text.slds.css';
+@import './formatted-rich-text.slds.css';

package/src/lightning/formattedRichTextRenderer/formattedRichTextRenderer.lbc.native.css

@@ -1,3 +1,3 @@
 @import 'lightning/sldsCommon';
 @import 'lightning/sldsUtilsThemes';
-@import './formatted-rich-text.slds.css';
+@import './formatted-rich-text.slds.css';

package/src/lightning/formattedText/formattedText.lbc.native.css

@@ -1 +1 @@
-@import 'lightning/sldsCommon'
+@import 'lightning/sldsCommon';

package/src/lightning/formattedTime/__docs__/formattedTime.md

@@ -11,9 +11,9 @@ be used.
 
 An ISO8601 formatted time string matches one of the following patterns.
 
--   HH:mm
--   HH:mm:ss
--   HH:mm:ss.SSS
+- HH:mm
+- HH:mm:ss
+- HH:mm:ss.SSS
 
 `HH` is the number of hours that have passed since midnight, `mm` is the
 number of minutes that have passed since the start of the hour, `ss` is

package/src/lightning/formattedUrl/__docs__/formattedUrl.md

@@ -35,9 +35,9 @@ By default, clicking the link takes you to the URL in the same frame where it wa
 
 To create an absolute URL, set the `value` attribute using one of these patterns.
 
--   www.salesforce.com
--   http://www.salesforce.com
--   https://developer.salesforce.com/docs/component-library
+- www.salesforce.com
+- http://www.salesforce.com
+- https://developer.salesforce.com/docs/component-library
 
 `http://` is inserted before a value like `www.salesforce.com` or `my/path`, which does not begin with a slash. This creates an absolute URL like `http://www.salesforce.com` or `http://my/path`. This behavior is contrary to that of the anchor `<a>` tag where omitting the leading slash results in a relative path from the current directory.
 
@@ -63,10 +63,10 @@ URLs without a protocol use the host domain's protocol. For example, `www.exampl
 
 To create a relative URL, set the `value` attribute using one of these patterns.
 
--   index.html
--   /my/path
--   ./my/path
--   ../my/path
+- index.html
+- /my/path
+- ./my/path
+- ../my/path
 
 If the `value` includes a leading slash in the path like `/my/path`, the resulting URL is root-relative and uses the domain of the page as the prefix. For example, if the current page is located on `example.com/directory/`, the resulting URL is `http://example.com/my/path`. To create a URL from the current directory, start the URL with a dot-slash like `./my/path`. To create a URL to the parent directory of the current page, start the URL with dot-dot-slash like `../my/path`.
 
@@ -92,10 +92,10 @@ provide a target, `lightning-formatted-url` uses the `_self` target value.
 
 Supported `target` values are:
 
--   `_blank`: Opens the link in a new window or tab. In a mobile hybrid app like the Salesforce mobile app, the link is handled similar to `_self` and opens inside the app if possible.
--   `_self`: Opens the link in the same frame as it was clicked. This is the default behavior. In Lightning Experience and Experience Builder sites, the link is opened in a new tab if it cannot be opened inside the app. We recommend that you use [`lightning-navigation`](bundle/lightning-navigation/documentation) to create links within Lightning Experience and Experience Builder sites.
--   `_parent`: Opens the link in the parent frame. If there's no parent, this is similar to `_self`.
--   `_top`: Opens the link into the top-level browsing context. If there's no parent, this is similar to `_self`.
+- `_blank`: Opens the link in a new window or tab. In a mobile hybrid app like the Salesforce mobile app, the link is handled similar to `_self` and opens inside the app if possible.
+- `_self`: Opens the link in the same frame as it was clicked. This is the default behavior. In Lightning Experience and Experience Builder sites, the link is opened in a new tab if it cannot be opened inside the app. We recommend that you use [`lightning-navigation`](bundle/lightning-navigation/documentation) to create links within Lightning Experience and Experience Builder sites.
+- `_parent`: Opens the link in the parent frame. If there's no parent, this is similar to `_self`.
+- `_top`: Opens the link into the top-level browsing context. If there's no parent, this is similar to `_self`.
 
 For more information about link targets, see the [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a).
 

package/src/lightning/groupedCombobox/README.md

@@ -3,14 +3,14 @@
 > `lightning-grouped-combobox` is internal-only. It's not yet supported for use by customers on the Salesforce platform.
 
 - [lightning-grouped-combobox](#lightning-grouped-combobox)
-  - [Overview](#overview)
-  - [Implementing Autocomplete Behavior](#implementing-autocomplete-behavior)
-  - [Updating Dropdown Items](#updating-dropdown-items)
-  - [Attributes](#attributes)
-  - [Methods](#methods)
-  - [Custom Events](#custom-events)
-  - [Usage Considerations](#usage-considerations)
-  - [Examples](#examples)
+    - [Overview](#overview)
+    - [Implementing Autocomplete Behavior](#implementing-autocomplete-behavior)
+    - [Updating Dropdown Items](#updating-dropdown-items)
+    - [Attributes](#attributes)
+    - [Methods](#methods)
+    - [Custom Events](#custom-events)
+    - [Usage Considerations](#usage-considerations)
+    - [Examples](#examples)
 
 ## Overview
 
@@ -174,28 +174,28 @@ To highlight part of the text or subtext in a dropdown item that matches user in
 
 Use the following attributes to customize `lightning-grouped-combobox`.
 
-| Attribute Name                   | Type    | Description                                                                                                                                                                                                                                                                                                                                    |
-| -------------------------------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| label                            | string  | Required. The text label for the combobox.                                                                                                                                                                                                                                                                                                     |
-| items                            | object  | Required. The list of items that's displayed in the dropdown. This list can be updated to match user input. See the **Updating Dropdown Items** section.                                                                                                                                                                                       |
-| disabled                         | boolean | Specifies whether the input field is disabled. Disabled fields are grayed out and users cannot interact with them. The default is false.                                                                                                                                                                                                       |
-| field-level-help                 | string  | Help text detailing the purpose and function of the combobox, displayed on hover.                                                                                                                                                                                                                                                              |
-| input-icon-name                  | string  | The icon that appears on the input field. The default is `utility:search`.                                                                                                                                                                                                                                                                     |
-| input-icon-size                  | string  | The size of the icon that appears on the input field. The default is `x-small`.                                                                                                                                                                                                                                                                |
-| input-icon-alternative-text      | string  | The alternative text for the icon that's displayed on the input field.                                                                                                                                                                                                                                                                         |
-| input-maxlength                  | integer | The maximum number of characters allowed for the input field.                                                                                                                                                                                                                                                                                  |
+| Attribute Name                   | Type    | Description                                                                                                                                                                                                                                                                                                                                     |
+| -------------------------------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| label                            | string  | Required. The text label for the combobox.                                                                                                                                                                                                                                                                                                      |
+| items                            | object  | Required. The list of items that's displayed in the dropdown. This list can be updated to match user input. See the **Updating Dropdown Items** section.                                                                                                                                                                                        |
+| disabled                         | boolean | Specifies whether the input field is disabled. Disabled fields are grayed out and users cannot interact with them. The default is false.                                                                                                                                                                                                        |
+| field-level-help                 | string  | Help text detailing the purpose and function of the combobox, displayed on hover.                                                                                                                                                                                                                                                               |
+| input-icon-name                  | string  | The icon that appears on the input field. The default is `utility:search`.                                                                                                                                                                                                                                                                      |
+| input-icon-size                  | string  | The size of the icon that appears on the input field. The default is `x-small`.                                                                                                                                                                                                                                                                 |
+| input-icon-alternative-text      | string  | The alternative text for the icon that's displayed on the input field.                                                                                                                                                                                                                                                                          |
+| input-maxlength                  | integer | The maximum number of characters allowed for the input field.                                                                                                                                                                                                                                                                                   |
 | input-pill                       | object  | The pill that appears in the input field, which is supported for single-selection. To create a pill, pass in an object that contains key-value pairs for `label` and `icon-name`. Displaying this pill prevents users from typing or selecting another option. An "x" button is present on the pill for the user to remove the selected option. |
-| input-text                       | string  | The default text or existing value in the input field.                                                                                                                                                                                                                                                                                         |
-| message-when-value-missing       | string  | Error message to be displayed when the value is missing and input is required. The default is "required".                                                                                                                                                                                                                                      |
-| pills                            | object  | A list of pills that includes the `type`, `href`, `label`, `iconName`, and `alternativeText`. Pills are used for multi-selection and appear under the input.                                                                                                                                                                                   |
-| placeholder                      | string  | The placeholder text on the input field. The default is 'Select an Item'.                                                                                                                                                                                                                                                                      |
-| readonly                         | boolean | Specifies whether the input field is read-only. The default is false.                                                                                                                                                                                                                                                                          |
-| required                         | boolean | Specifies whether an input value is required. The default is false. When required is `true`  you must also specify `value`.                                                                                                                                                                                                                      |
-| show-activity-indicator          | boolean | Displays a spinner in the input field to indicate activity. The default is false.                                                                                                                                                                                                                                                              |
-| show-dropdown-activity-indicator | boolean | Displays a spinner in the dropdown list to indicate activity. The default is false.                                                                                                                                                                                                                                                            |
-| validity                         | boolean | Represents the validity states that an element is in, with respect to constraint validation.                                                                                                                                                                                                                                                   |
-| value                            | string  | When `value` has a value, it flags to the component that a valid selection has been made, used only for constraint validation in conjunction with the `required` attribute. If `value` has no value, and `required` is set to true, the component is in an invalid state.                                                                                               |
-| variant                          | string  | Changes the appearance of the combobox. Supported variants include `label-hidden`, `label-stacked`, and `label-inline`. The default is `standard`.                                                                                                                                                                                             |
+| input-text                       | string  | The default text or existing value in the input field.                                                                                                                                                                                                                                                                                          |
+| message-when-value-missing       | string  | Error message to be displayed when the value is missing and input is required. The default is "required".                                                                                                                                                                                                                                       |
+| pills                            | object  | A list of pills that includes the `type`, `href`, `label`, `iconName`, and `alternativeText`. Pills are used for multi-selection and appear under the input.                                                                                                                                                                                    |
+| placeholder                      | string  | The placeholder text on the input field. The default is 'Select an Item'.                                                                                                                                                                                                                                                                       |
+| readonly                         | boolean | Specifies whether the input field is read-only. The default is false.                                                                                                                                                                                                                                                                           |
+| required                         | boolean | Specifies whether an input value is required. The default is false. When required is `true` you must also specify `value`.                                                                                                                                                                                                                      |
+| show-activity-indicator          | boolean | Displays a spinner in the input field to indicate activity. The default is false.                                                                                                                                                                                                                                                               |
+| show-dropdown-activity-indicator | boolean | Displays a spinner in the dropdown list to indicate activity. The default is false.                                                                                                                                                                                                                                                             |
+| validity                         | boolean | Represents the validity states that an element is in, with respect to constraint validation.                                                                                                                                                                                                                                                    |
+| value                            | string  | When `value` has a value, it flags to the component that a valid selection has been made, used only for constraint validation in conjunction with the `required` attribute. If `value` has no value, and `required` is set to true, the component is in an invalid state.                                                                       |
+| variant                          | string  | Changes the appearance of the combobox. Supported variants include `label-hidden`, `label-stacked`, and `label-inline`. The default is `standard`.                                                                                                                                                                                              |
 
 Pass in the following key-value pairs to `items`.
 
@@ -204,7 +204,7 @@ Pass in the following key-value pairs to `items`.
 | text                     | string | Required. The text to display for the option.                                                      |
 | type                     | string | Required. Supported types include `option-inline` and `option-card`.                               |
 | value                    | string | Required. The value associated with the option.                                                    |
-| iconName                 | string | The icon that appears on the left of the option name.                                    |
+| iconName                 | string | The icon that appears on the left of the option name.                                              |
 | iconSize                 | string | Supported by `option-card` only. The size of the icon that appears on the left of the option name. |
 | iconAlternativeText      | string | Assistive text for the icon that appears on the left of the option name                            |
 | rightIconAlternativeText | string | Assistive text for the icon that appears on the right of the option name.                          |
@@ -212,7 +212,6 @@ Pass in the following key-value pairs to `items`.
 | rightIconSize            | string | The size of the icon that appears on the right of the option name. The default is `small`.         |
 | subText                  | string | The subtitle to display below the text. Supported for `option-card` only.                          |
 
-
 ## Methods
 
 **`blur()`**
@@ -277,9 +276,9 @@ The event fired when an item is selected on the object filter, either through ke
 
 When customizing autocomplete behavior for `lightning-grouped-combobox`, consider the following use cases.
 
--   Display default options when the input is focused or display matches only when more than X character have been typed
--   Display a visual cue to show when the data is loaded from the server-side, on the input, or inside the dropdown list
--   Display default items when there are no matches such as enabling an option to create a new record or hide the dropdown list
+- Display default options when the input is focused or display matches only when more than X character have been typed
+- Display a visual cue to show when the data is loaded from the server-side, on the input, or inside the dropdown list
+- Display default items when there are no matches such as enabling an option to create a new record or hide the dropdown list
 
 If you want a dropdown component that doesn't need autocomplete behavior, consider using either `lightning-combobox` or `lightning-picklist`. The latter displays a simple dropdown list for single selection, and a dual listbox for multiple selection. `lightning-picklist` displays the native `select` element on mobile devices. For example, base components like `lightning-input-address` and `lightning-input-field` use `lightning-picklist` internally.
 

package/src/lightning/groupedCombobox/form-element.slds.css

@@ -1,5 +1,4 @@
 
-
 /**
  * sldsFormElementUtils.css and form-element.css have many similarities
  * however, they are used for very different use cases, and this is why
@@ -255,7 +254,9 @@
   display: block;
 }
 
-:host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__label,:host([data-render-mode="shadow"][variant="label-stacked"]) ::part(rich-text-label),:host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__control,:host([data-render-mode="shadow"][variant="label-stacked"]) ::part(rich-text-editor-container) {/* for rich text via lightning-quill */
+:host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__label,:host([data-render-mode="shadow"][variant="label-stacked"]) ::part(rich-text-label),:host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__control,:host([data-render-mode="shadow"][variant="label-stacked"]) ::part(rich-text-editor-container) {
+  /* for rich text via lightning-quill */
+
   /* @W-14518344 The following line still exists in SLDS-internal
       but it was removed here because it was causing the input
       component to not display it's bottom border
@@ -294,8 +295,7 @@
 /* Force inner child input to not have padding and margin.
 The parent (ex. lightning-input-field) will provide it instead */
 
-:host([data-render-mode="shadow"][variant='label-inline']) .slds-form-element,:host([data-render-mode="shadow"][variant='label-inline']) [variant='label-inline']
-{
+:host([data-render-mode="shadow"][variant='label-inline']) .slds-form-element,:host([data-render-mode="shadow"][variant='label-inline']) [variant='label-inline'] {
   padding: 0;
   margin-block-end: 0;
 }

package/src/lightning/groupedCombobox/grouped-combobox.slds.css

@@ -1,13 +1,13 @@
 
-  :host([data-render-mode="shadow"]) .slds-combobox-group {
-    display: flex;
-    flex-direction: row;
-  }
+:host([data-render-mode="shadow"]) .slds-combobox-group {
+  display: flex;
+  flex-direction: row;
+}
 
-  :host([data-render-mode="shadow"]) .slds-combobox_object-switcher {
-    flex-shrink: 0;
-  }
+:host([data-render-mode="shadow"]) .slds-combobox_object-switcher {
+  flex-shrink: 0;
+}
 
-  :host([data-render-mode="shadow"]) .slds-combobox-addon_end {
-    flex: 1 1 auto;
-  }
+:host([data-render-mode="shadow"]) .slds-combobox-addon_end {
+  flex: 1 1 auto;
+}

package/src/lightning/groupedCombobox/groupedCombobox.lbc.native.css

@@ -1,4 +1,3 @@
-
 @import 'lightning/sldsCommon';
 @import './form-element.slds.css';
 @import './input-text.slds.css';