npm - lightning-base-components - Versions diffs - 1.16.7-alpha → 1.17.1-alpha - Mend

lightning-base-components 1.16.7-alpha → 1.17.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 (427) hide show

package/src/lightning/buttonStateful/buttonStateful.css CHANGED Viewed

@@ -1,2 +1,2 @@
-@import 'lightning/sldsCommon';
-@import './button-stateful.slds.css';
+/* @import 'lightning/sldsCommon';
+@import './button-stateful.slds.css'; */

package/src/lightning/card/card.css CHANGED Viewed

@@ -1,2 +1,2 @@
-@import 'lightning/sldsCommon';
-@import './card.slds.css';
+/* @import 'lightning/sldsCommon';
+@import './card.slds.css'; */

package/src/lightning/carousel/carousel.css CHANGED Viewed

@@ -1,6 +1,7 @@
 slot {
     /* W-6709264: Workaround for IE11/Edge to prevent slot items from stacking vertically. */
     display: flex;
     /* W-7665481: Workaround for above when space is limited in other browsers. */
     max-width: 100%;
 }

package/src/lightning/carousel/carousel.html CHANGED Viewed

@@ -30,12 +30,13 @@
                     >
                         <a
                             id={paginationItem.id}
+                            href="about:blank"
                             class={paginationItem.className}
-                            href="javascript:void(0);"
                             role="tab"
                             tabindex={paginationItem.tabIndex}
                             aria-selected={paginationItem.ariaSelected}
                             title={paginationItem.tabTitle}
+                            onclick={onItemLinkSelect}
                         >
                             <span class="slds-assistive-text">{paginationItem.tabTitle}</span>
                         </a>

package/src/lightning/carousel/carousel.js CHANGED Viewed

@@ -322,6 +322,13 @@ export default class LightningCarousel extends LightningElement {
         }
     }
+    /**
+     * prevent browser default when clicking on anchor tag with href '#'
+     */
+    onItemLinkSelect(event) {
+        event.preventDefault();
+    }
     /**
      * Unselects the current active item on the carousel.
      */

package/src/lightning/colorPickerCustom/colorPickerCustom.css CHANGED Viewed

@@ -1,2 +1,2 @@
-@import 'lightning/sldsCommon';
-@import './color-picker-custom.slds.css';
+/* @import 'lightning/sldsCommon';
+@import './color-picker-custom.slds.css'; */

package/src/lightning/colorPickerPanel/colorPickerPanel.css CHANGED Viewed

@@ -1,5 +1,5 @@
-@import 'lightning/sldsCommon';
-@import './color-picker-panel.slds.css';
+/* @import 'lightning/sldsCommon';
+@import './color-picker-panel.slds.css'; */
 /* Fix for footer button centering issue, for details see: W-11543875
  *

package/src/lightning/combobox/combobox.css CHANGED Viewed

@@ -9,7 +9,7 @@
 :host.slds-has-error {
     --slds-c-input-color-border: var(--slds-g-color-error-base-40, #ea001e);
     --slds-c-input-shadow: var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset;
-    --slds-c-input-color-background: var(--slds-c-input-color-background, var(--sds-c-input-color-background, var(--slds-g-color-neutral-base-100, #ffffff)));
+    --slds-c-input-color-background: var(--slds-c-input-color-background, var(--sds-c-input-color-background, var(--slds-g-color-neutral-base-100, #fff)));
     --slds-c-input-text-color: var(--slds-c-input-text-color, var(--sds-c-input-text-color, var(--slds-g-color-neutral-base-10, #747474)));
 }

package/src/lightning/confirm/__examples__disabled/basic/basic.css CHANGED Viewed

@@ -2,6 +2,6 @@
     margin: 0.5rem;
     border-radius: 0.5rem;
     background: #FFF;
-    box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.2);
+    box-shadow: 0 1px 0.25rem rgb(0 0 0 / 20%);
     padding: 1rem;
 }

package/src/lightning/datatable/templates/div/div.css CHANGED Viewed

@@ -51,7 +51,7 @@
 [role="rowheader"].slds-has-focus,
 [role="rowheader"]:focus {
-    -webkit-box-shadow: var(--sds-c-color-border-selection, #0176d3) 0 0 0 1px inset;
+    box-shadow: var(--sds-c-color-border-selection, #0176d3) 0 0 0 1px inset;
     box-shadow: var(--sds-c-color-border-selection, #0176d3) 0 0 0 1px inset;
     outline: 0;
 }

package/src/lightning/dualListbox/dualListbox.css CHANGED Viewed

@@ -1,5 +1,5 @@
-@import 'lightning/sldsCommon';
-@import './listbox.slds.css';
+/* @import 'lightning/sldsCommon';
+@import './listbox.slds.css'; */
 :host {
     display: block;

package/src/lightning/groupedCombobox/groupedCombobox.html CHANGED Viewed

@@ -10,10 +10,10 @@
     <div class="slds-form-element__control">
         <div class={computedComboboxGroupClass}>
             <template if:true={computedHasFilter}>
-                <label data-filter-label class="slds-form-element__label slds-assistive-text">{filterLabel}</label>
-                <div class="slds-form-element">
-                    <div class="slds-form-element__control">
-                        <div class="slds-combobox_object-switcher slds-combobox-addon_start">
+                <div class="slds-combobox_object-switcher slds-combobox-addon_start">
+                    <div class="slds-form-element">
+                        <label data-filter-label class="slds-form-element__label slds-assistive-text">{filterLabel}</label>
+                        <div class="slds-form-element__control">
                             <lightning-base-combobox
                                 data-filter
                                 onready={handleFilterReady}

package/src/lightning/groupedCombobox/groupedCombobox.js CHANGED Viewed

@@ -254,8 +254,6 @@ export default class LightningGroupedCombobox extends LightningElement {
     get computedComboboxGroupClass() {
         return classSet().add({
-            'slds-has-selection':
-                Array.isArray(this._pills) && this._pills.length > 0,
             'slds-combobox-group': this.computedHasFilter,
         });
     }
@@ -265,7 +263,11 @@ export default class LightningGroupedCombobox extends LightningElement {
     }
     get computedLookupComboboxClass() {
-        return this.computedHasFilter ? 'slds-combobox-addon_end' : '';
+        return classSet().add({
+            'slds-has-selection':
+                Array.isArray(this._pills) && this._pills.length > 0,
+            'slds-combobox-addon_end': this.computedHasFilter,
+        });
     }
     get _hasPills() {

package/src/lightning/helptext/__examples__/basic/basic.css CHANGED Viewed

@@ -1,7 +1,7 @@
 .lgc-bg {
-    background-color: rgb(242, 242, 242);
+    background-color: rgb(242 242 242);
 }
 .lgc-bg-inverse {
-    background-color: rgb(22, 50, 92);
+    background-color: rgb(22 50 92);
 }

package/src/lightning/helptext/helptext.css CHANGED Viewed

@@ -1,2 +1,2 @@
-@import 'lightning/sldsCommon';
-@import './help-text.slds.css';
+/* @import 'lightning/sldsCommon';
+@import './help-text.slds.css'; */

package/src/lightning/helptext/helptext.html CHANGED Viewed

@@ -6,6 +6,7 @@
             variant={computedButtonVariant}
             alternative-text={alternativeText}
             tooltip={content}
+            onprivatebuttoniconregister={handleButtonIconRegister}
         ></lightning-button-icon>
     </div>
 </template>

package/src/lightning/helptext/helptext.js CHANGED Viewed

@@ -2,6 +2,7 @@ import labelButtonAlternativeText from '@salesforce/label/LightningHelptext.butt
 import { LightningElement, api, track } from 'lwc';
 import { isValidName } from 'lightning/iconUtils';
 import { normalizeString } from 'lightning/utilsPrivate';
+import { TooltipType } from 'lightning/tooltipLibrary';
 const DEFAULT_BUTTON_ALT_TEXT = labelButtonAlternativeText;
 const DEFAULT_ICON_NAME = 'utility:info';
@@ -135,4 +136,14 @@ export default class LightningHelptext extends LightningElement {
                 return '';
         }
     }
+    /**
+     * Set lightning-button-icon tooltips to be created with toggle events
+     *
+     * @param {*} event
+     */
+    handleButtonIconRegister(event) {
+        event.stopPropagation();
+        event.detail.setTooltipType(TooltipType.Toggle);
+    }
 }

package/src/lightning/icon/__examples__/variants/variants.css CHANGED Viewed

@@ -3,6 +3,7 @@
     padding: 12px;
     color: #fff;
 }
 .row{
-    margin:10px 0 10px;
+    margin:10px 0;
 }

package/src/lightning/icon/icon.css CHANGED Viewed

@@ -1,2 +1,2 @@
-@import "lightning/sldsCommon";
-@import "./icon.slds.css";
+/* @import "lightning/sldsCommon";
+@import "./icon.slds.css"; */

package/src/lightning/icon/icon.js CHANGED Viewed

@@ -9,7 +9,6 @@ import {
     getCategory,
     isValidName,
 } from 'lightning/iconUtils';
 import { normalizeVariant } from './util';
 /**