lightning-base-components 1.18.1-alpha → 1.18.3-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.
- package/metadata/raptor.json +9 -0
- package/package.json +57 -1
- package/src/lightning/accordion/__docs__/accordion.md +2 -2
- package/src/lightning/accordion/accordion.css +12 -0
- package/src/lightning/accordion/accordion.html +3 -1
- package/src/lightning/accordion/accordion.js +4 -2
- package/src/lightning/accordion/accordion.slds.css +671 -0
- package/src/lightning/accordionSection/accordion-section.slds.css +647 -0
- package/src/lightning/accordionSection/accordionSection.css +14 -0
- package/src/lightning/accordionSection/accordionSection.html +23 -19
- package/src/lightning/accordionSection/accordionSection.js +29 -2
- package/src/lightning/ariaObserver/__docs__/ariaObserver.md +21 -9
- package/src/lightning/ariaObserver/ariaObserver.js +185 -154
- package/src/lightning/ariaObserver/polyfill.js +639 -0
- package/src/lightning/avatar/__docs__/avatar.md +7 -7
- package/src/lightning/avatar/avatar.css +2 -0
- package/src/lightning/avatar/avatar.html +2 -0
- package/src/lightning/avatar/avatar.js +18 -15
- package/src/lightning/avatar/avatar.slds.css +272 -0
- package/src/lightning/badge/__docs__/badge.md +2 -2
- package/src/lightning/baseCombobox/base-combobox.slds.css +1585 -0
- package/src/lightning/baseCombobox/baseCombobox.css +11 -1
- package/src/lightning/baseCombobox/baseCombobox.html +154 -146
- package/src/lightning/baseCombobox/baseCombobox.js +122 -46
- package/src/lightning/baseCombobox/spinner.slds.css +438 -0
- package/src/lightning/baseComboboxItem/baseComboboxItem.js +4 -2
- package/src/lightning/baseComboboxItem/inline.css +2 -0
- package/src/lightning/breadcrumb/breadcrumb.css +2 -2
- package/src/lightning/breadcrumb/breadcrumb.js +4 -2
- package/src/lightning/breadcrumb/breadcrumb.slds.css +2 -7
- package/src/lightning/breadcrumbs/__docs__/breadcrumbs.md +3 -3
- package/src/lightning/breadcrumbs/breadcrumbs.css +2 -2
- package/src/lightning/breadcrumbs/breadcrumbs.js +3 -2
- package/src/lightning/breadcrumbs/breadcrumbs.slds.css +7 -1
- package/src/lightning/button/__docs__/button.md +15 -15
- package/src/lightning/button/__examples__/inverse/inverse.css +8 -0
- package/src/lightning/button/__examples__/inverse/inverse.html +3 -2
- package/src/lightning/button/button.css +2 -0
- package/src/lightning/button/button.html +4 -2
- package/src/lightning/button/button.js +21 -0
- package/src/lightning/button/button.slds.css +527 -0
- package/src/lightning/buttonGroup/buttonGroup.css +2 -2
- package/src/lightning/buttonGroup/buttonGroup.js +3 -2
- package/src/lightning/buttonIcon/__docs__/buttonIcon.md +9 -9
- package/src/lightning/buttonIcon/button-icon.slds.css +215 -453
- package/src/lightning/buttonIcon/buttonIcon.css +2 -2
- package/src/lightning/buttonIcon/buttonIcon.js +4 -0
- package/src/lightning/buttonIconStateful/__docs__/buttonIconStateful.md +9 -9
- package/src/lightning/buttonIconStateful/button-icon-stateful.slds.css +215 -453
- package/src/lightning/buttonIconStateful/buttonIconStateful.css +2 -2
- package/src/lightning/buttonMenu/__docs__/buttonMenu.md +8 -8
- package/src/lightning/buttonMenu/{dropdown.slds.css → button-menu.slds.css} +853 -217
- package/src/lightning/buttonMenu/buttonMenu.css +2 -2
- package/src/lightning/buttonMenu/buttonMenu.html +2 -2
- package/src/lightning/buttonMenu/buttonMenu.js +10 -14
- package/src/lightning/buttonStateful/__docs__/buttonStateful.md +12 -12
- package/src/lightning/buttonStateful/button-stateful.slds.css +225 -457
- package/src/lightning/buttonStateful/buttonStateful.css +2 -2
- package/src/lightning/buttonStateful/buttonStateful.js +3 -2
- package/src/lightning/calendar/__examples__/basic/basic.html +7 -0
- package/src/lightning/calendar/__examples__/basic/basic.js +3 -0
- package/src/lightning/calendar/calendar.css +3 -0
- package/src/lightning/calendar/calendar.html +12 -9
- package/src/lightning/calendar/calendar.js +18 -2
- package/src/lightning/calendar/calendar.slds.css +2048 -0
- package/src/lightning/card/__docs__/card.md +3 -3
- package/src/lightning/card/card.css +2 -2
- package/src/lightning/card/card.js +3 -2
- package/src/lightning/card/card.slds.css +141 -88
- package/src/lightning/checkboxGroup/__docs__/checkboxGroup.md +2 -2
- package/src/lightning/colorPickerCustom/colorPickerCustom.css +2 -2
- package/src/lightning/colorPickerCustom/colorPickerCustom.js +3 -2
- package/src/lightning/colorPickerPanel/color-picker-panel.slds.css +11 -38
- package/src/lightning/colorPickerPanel/colorPickerPanel.css +3 -2
- package/src/lightning/colorPickerPanel/colorPickerPanel.js +4 -2
- package/src/lightning/colorPickerPanel/popover.slds.css +121 -0
- package/src/lightning/combobox/combobox.css +4 -0
- package/src/lightning/combobox/combobox.html +31 -29
- package/src/lightning/combobox/combobox.js +21 -4
- package/src/lightning/combobox/combobox.slds.css +13 -0
- package/src/lightning/combobox/form-element.slds.css +281 -0
- package/src/lightning/configProvider/defaultConfig.js +2 -1
- package/src/lightning/datatable/__docs__/datatable.md +45 -35
- package/src/lightning/datatable/autoWidthStrategy.js +3 -0
- package/src/lightning/datatable/columnWidthManager.js +1 -1
- package/src/lightning/datatable/datatable.js +8 -7
- package/src/lightning/datatable/rowSelection.js +7 -4
- package/src/lightning/datatable/templates/table/table.html +1 -0
- package/src/lightning/datepicker/datepicker.css +3 -0
- package/src/lightning/datepicker/datepicker.html +7 -4
- package/src/lightning/datepicker/datepicker.js +76 -20
- package/src/lightning/datepicker/form-element.slds.css +281 -0
- package/src/lightning/datepicker/input-text.slds.css +398 -0
- package/src/lightning/datetimepicker/datetimepicker.css +3 -0
- package/src/lightning/datetimepicker/datetimepicker.html +9 -3
- package/src/lightning/datetimepicker/datetimepicker.js +42 -36
- package/src/lightning/datetimepicker/form-element.slds.css +281 -0
- package/src/lightning/datetimepicker/input-text.slds.css +398 -0
- package/src/lightning/dualListbox/dualListbox.css +2 -2
- package/src/lightning/dualListbox/dualListbox.html +3 -3
- package/src/lightning/dualListbox/dualListbox.js +47 -13
- package/src/lightning/dualListbox/form-element.slds.css +83 -34
- package/src/lightning/dualListbox/keyboard.js +20 -1
- package/src/lightning/dynamicIcon/dynamicIcon.js +3 -2
- package/src/lightning/dynamicIcon/ellie.css +1 -1
- package/src/lightning/dynamicIcon/eq.css +1 -1
- package/src/lightning/dynamicIcon/score.css +1 -1
- package/src/lightning/dynamicIcon/strength.css +1 -1
- package/src/lightning/dynamicIcon/trend.css +1 -1
- package/src/lightning/dynamicIcon/waffle.css +1 -1
- package/src/lightning/formattedRichText/formatted-rich-text.slds.css +230 -0
- package/src/lightning/formattedRichText/formattedRichText.css +2 -0
- package/src/lightning/formattedRichText/formattedRichText.js +4 -2
- package/src/lightning/formattedRichText/linkify.js +2 -2
- package/src/lightning/formattedText/formattedText.css +1 -0
- package/src/lightning/formattedText/formattedText.js +3 -2
- package/src/lightning/helptext/__docs__/helptext.md +2 -2
- package/src/lightning/helptext/form-element.slds.css +83 -34
- package/src/lightning/helptext/help-text.slds.css +215 -453
- package/src/lightning/helptext/helptext.css +2 -2
- package/src/lightning/helptext/helptext.js +3 -2
- package/src/lightning/i18nCldrOptions/README.md +5 -0
- package/src/lightning/i18nService/README.md +5 -0
- package/src/lightning/icon/__docs__/icon.md +5 -5
- package/src/lightning/icon/icon.css +2 -2
- package/src/lightning/icon/icon.js +21 -2
- package/src/lightning/icon/icon.slds.css +29 -17
- package/src/lightning/icon/iconColors.js +1 -0
- package/src/lightning/iconUtils/iconUtils.js +0 -12
- package/src/lightning/iconUtils/polyfill.js +5 -90
- package/src/lightning/input/__docs__/input.md +7 -7
- package/src/lightning/input/__examples__/checkboxbutton/checkboxbutton.css +6 -0
- package/src/lightning/input/__examples__/checkboxbutton/checkboxbutton.html +2 -1
- package/src/lightning/input/__examples__/checkboxbutton/checkboxbutton.js +1 -1
- package/src/lightning/input/__examples__/number/number.html +0 -5
- package/src/lightning/input/__examples__/text/text.html +0 -1
- package/src/lightning/input/form-element.slds.css +281 -0
- package/src/lightning/input/input.css +2 -3
- package/src/lightning/input/input.html +154 -244
- package/src/lightning/input/input.js +306 -595
- package/src/lightning/inputAddress/__docs__/inputAddress.md +3 -3
- package/src/lightning/inputUtils/inputUtils.js +15 -20
- package/src/lightning/inputUtils/normalize.js +7 -0
- package/src/lightning/{input/numberUtil.js → inputUtils/number.js} +1 -1
- package/src/lightning/inputUtils/utils.js +18 -0
- package/src/lightning/internationalizationLibrary/README.md +24 -0
- package/src/lightning/internationalizationLibrary/utils.js +4 -1
- package/src/lightning/layout/__docs__/layout.md +1 -1
- package/src/lightning/layout/__examples__/simple/simple.css +1 -1
- package/src/lightning/layout/layout.css +5 -1
- package/src/lightning/layout/layout.js +4 -2
- package/src/lightning/layoutItem/__examples__/alignmentBump/alignmentBump.css +1 -1
- package/src/lightning/layoutItem/__examples__/sizePerDevice/sizePerDevice.css +0 -1
- package/src/lightning/layoutItem/layoutItem.css +5 -0
- package/src/lightning/layoutItem/layoutItem.js +4 -2
- package/src/lightning/menuDivider/menu-divider.slds.css +15 -0
- package/src/lightning/menuDivider/menuDivider.css +3 -0
- package/src/lightning/menuDivider/menuDivider.html +1 -1
- package/src/lightning/menuDivider/menuDivider.js +4 -2
- package/src/lightning/menuItem/menu-item.slds.css +140 -0
- package/src/lightning/menuItem/menuItem.css +3 -0
- package/src/lightning/menuItem/menuItem.html +43 -41
- package/src/lightning/menuItem/menuItem.js +4 -4
- package/src/lightning/menuSubheader/menu-subheader.slds.css +22 -0
- package/src/lightning/menuSubheader/menuSubheader.css +3 -0
- package/src/lightning/menuSubheader/menuSubheader.html +3 -1
- package/src/lightning/menuSubheader/menuSubheader.js +4 -6
- package/src/lightning/modal/__docs__/modal.md +3 -1
- package/src/lightning/modal/__modalUtils__/modalContainerTestConstants.js +267 -0
- package/src/lightning/modal/__modalUtils__/modalContainerTestMethods.js +1165 -0
- package/src/lightning/modal/__modalUtils__/modalContainerTestMockData.js +131 -0
- package/src/lightning/modal/modal.js +1 -1
- package/src/lightning/modalBody/__docs__/modalBody.md +9 -9
- package/src/lightning/modalFooter/__docs__/modalFooter.md +9 -9
- package/src/lightning/modalHeader/__docs__/modalHeader.md +9 -9
- package/src/lightning/overlayContainer/overlayContainer.js +4 -2
- package/src/lightning/pill/__docs__/pill.md +3 -3
- package/src/lightning/pill/avatar.slds.css +272 -0
- package/src/lightning/pill/link.css +3 -0
- package/src/lightning/pill/link.html +1 -1
- package/src/lightning/pill/pill.js +29 -9
- package/src/lightning/pill/pill.slds.css +168 -0
- package/src/lightning/pill/plain.css +3 -0
- package/src/lightning/pill/plain.html +1 -1
- package/src/lightning/pill/plainLink.css +3 -0
- package/src/lightning/pill/plainLink.html +1 -1
- package/src/lightning/pillContainer/__docs__/pillContainer.md +14 -14
- package/src/lightning/pillContainer/barePillContainer.css +3 -0
- package/src/lightning/pillContainer/barePillContainer.html +1 -2
- package/src/lightning/pillContainer/listbox.slds.css +267 -0
- package/src/lightning/pillContainer/pill-container.slds.css +22 -0
- package/src/lightning/pillContainer/pill.slds.css +168 -0
- package/src/lightning/pillContainer/pillContainer.js +7 -3
- package/src/lightning/pillContainer/standardPillContainer.css +4 -0
- package/src/lightning/pillContainer/standardPillContainer.html +2 -2
- package/src/lightning/popup/popover.slds.css +119 -119
- package/src/lightning/popup/popup.css +1 -2
- package/src/lightning/popup/popup.js +3 -2
- package/src/lightning/positionLibrary/elementProxy.js +7 -2
- package/src/lightning/positionLibrary/util.js +8 -0
- package/src/lightning/primitiveBubble/primitiveBubble.css +2 -2
- package/src/lightning/primitiveBubble/primitiveBubble.js +4 -2
- package/src/lightning/primitiveButton/primitiveButton.js +5 -4
- package/src/lightning/primitiveCellFactory/cellWithStandardLayout.html +29 -21
- package/src/lightning/primitiveCellFactory/primitiveCellFactory.js +4 -0
- package/src/lightning/primitiveColorpickerButton/color-picker-button.slds.css +31 -19
- package/src/lightning/primitiveColorpickerButton/primitiveColorpickerButton.css +2 -2
- package/src/lightning/primitiveColorpickerButton/primitiveColorpickerButton.js +5 -3
- package/src/lightning/primitiveIcon/icon.slds.css +209 -0
- package/src/lightning/primitiveIcon/primitiveIcon.css +2 -1
- package/src/lightning/primitiveIcon/primitiveIcon.html +1 -1
- package/src/lightning/primitiveIcon/primitiveIcon.js +26 -16
- package/src/lightning/progressStep/progressStep.js +10 -13
- package/src/lightning/radioGroup/__docs__/radioGroup.md +4 -4
- package/src/lightning/radioGroup/radioGroup.css +2 -1
- package/src/lightning/radioGroup/radioGroup.js +4 -2
- package/src/lightning/select/__docs__/select.md +2 -2
- package/src/lightning/select/form-element.slds.css +83 -34
- package/src/lightning/select/select.css +2 -2
- package/src/lightning/select/select.js +4 -2
- package/src/lightning/select/select.slds.css +86 -34
- package/src/lightning/shadowBaseClassPrivate/shadowBaseClassPrivate.js +1 -1
- package/src/lightning/sldsCommon/sldsCommon.css +251 -89
- package/src/lightning/sldsUtilsAlignment/sldsUtilsAlignment.css +10 -0
- package/src/lightning/sldsUtilsAlignment/sldsUtilsAlignment.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsBorders/sldsUtilsBorders.css +18 -0
- package/src/lightning/sldsUtilsBorders/sldsUtilsBorders.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsBox/sldsUtilsBox.css +24 -0
- package/src/lightning/sldsUtilsBox/sldsUtilsBox.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsFloats/sldsUtilsFloats.css +20 -0
- package/src/lightning/sldsUtilsFloats/sldsUtilsFloats.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsGrid/sldsUtilsGrid.css +259 -0
- package/src/lightning/sldsUtilsGrid/sldsUtilsGrid.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsHyphenation/sldsUtilsHyphenation.css +8 -0
- package/src/lightning/sldsUtilsHyphenation/sldsUtilsHyphenation.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsLineClamp/sldsUtilsLineClamp.css +57 -0
- package/src/lightning/sldsUtilsLineClamp/sldsUtilsLineClamp.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsMargin/sldsUtilsMargin.css +313 -0
- package/src/lightning/sldsUtilsMargin/sldsUtilsMargin.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsPadding/sldsUtilsPadding.css +308 -0
- package/src/lightning/sldsUtilsPadding/sldsUtilsPadding.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsPosition/sldsUtilsPosition.css +18 -0
- package/src/lightning/sldsUtilsPosition/sldsUtilsPosition.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsSizing/sldsUtilsSizing.css +1408 -0
- package/src/lightning/sldsUtilsSizing/sldsUtilsSizing.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsThemes/sldsUtilsThemes.css +295 -0
- package/src/lightning/sldsUtilsThemes/sldsUtilsThemes.js-meta.xml +4 -0
- package/src/lightning/sldsUtilsTruncation/sldsUtilsTruncation.css +14 -0
- package/src/lightning/sldsUtilsTruncation/sldsUtilsTruncation.js-meta.xml +4 -0
- package/src/lightning/slider/__docs__/slider.md +2 -2
- package/src/lightning/spinner/spinner.css +2 -2
- package/src/lightning/spinner/spinner.js +4 -2
- package/src/lightning/tabBar/tab-bar.slds.css +334 -0
- package/src/lightning/tabBar/tabBar.css +2 -0
- package/src/lightning/tabBar/tabBar.html +4 -3
- package/src/lightning/tabBar/tabBar.js +30 -3
- package/src/lightning/tabset/__docs__/tabset.md +2 -2
- package/src/lightning/tabset/tabset.html +5 -4
- package/src/lightning/tabset/tabset.js +29 -11
- package/src/lightning/textarea/__docs__/textarea.md +2 -2
- package/src/lightning/timepicker/form-element.slds.css +281 -0
- package/src/lightning/timepicker/timepicker.css +3 -0
- package/src/lightning/timepicker/timepicker.html +5 -1
- package/src/lightning/timepicker/timepicker.js +22 -17
- package/src/lightning/timepicker/timepicker.slds.css +18 -0
- package/src/lightning/toast/toast.js-meta.xml +2 -0
- package/src/lightning/toastContainer/__docs__/toastContainer.md +14 -34
- package/src/lightning/toastContainer/toastContainer.js +10 -15
- package/src/lightning/tooltipLibrary/tooltipLibrary.js +32 -23
- package/src/lightning/utilsPrivate/browser.js +5 -3
- package/src/lightning/utilsPrivate/os.js +6 -4
- package/src/lightning/utilsPrivate/ssr.js +4 -0
- package/src/lightning/utilsPrivate/utilsPrivate.js +2 -0
- package/src/lightning/verticalNavigation/verticalNavigation.css +2 -1
- package/src/lightning/verticalNavigation/verticalNavigation.js +3 -2
- package/src/lightning/verticalNavigationSection/verticalNavigationSection.css +2 -1
- package/src/lightning/verticalNavigationSection/verticalNavigationSection.js +3 -2
- package/src/lightning/accordion/__perf__DISABLED/accordion-perf-utils.js +0 -76
- package/src/lightning/accordion/__perf__DISABLED/accordion10Multiple25SectionEach.perf.js +0 -57
- package/src/lightning/accordion/__perf__DISABLED/accordion10Simple25SectionEach.perf.js +0 -37
- package/src/lightning/accordion/__perf__DISABLED/accordionMultiple50Section.perf.js +0 -45
- package/src/lightning/accordion/__perf__DISABLED/accordionSimple50Section.perf.js +0 -35
- package/src/lightning/accordion/__perf__DISABLED/container/container.html +0 -15
- package/src/lightning/accordion/__perf__DISABLED/container/container.js +0 -7
- package/src/lightning/iconUtils/isIframeInEdge.js +0 -7
- package/src/lightning/iconUtils/supportsSvg.js +0 -16
- package/src/lightning/input/input-checkbox.slds.css +0 -404
- package/src/lightning/input/input-text.slds.css +0 -287
- package/src/lightning/input/normalize.js +0 -6
- package/src/lightning/input/selection.js +0 -131
- package/src/lightning/positionLibrary/__component__/positionLibraryBounding.spec.js +0 -319
- package/src/lightning/positionLibrary/__component__/x/bounding/bounding.css +0 -16
- package/src/lightning/positionLibrary/__component__/x/bounding/bounding.html +0 -36
- package/src/lightning/positionLibrary/__component__/x/bounding/bounding.js +0 -122
- /package/src/lightning/{baseCombobox → baseComboboxItem}/listbox.slds.css +0 -0
- /package/src/lightning/formattedRichText/{__examples__disabled → __examples__}/basic/basic.html +0 -0
- /package/src/lightning/formattedRichText/{__examples__disabled → __examples__}/basic/basic.js +0 -0
- /package/src/lightning/{input/emailUtil.js → inputUtils/email.js} +0 -0
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
@import 'lightning/sldsCommon';
|
|
2
2
|
@import './help-text.slds.css';
|
|
3
|
-
@import "./form-element.slds.css";
|
|
3
|
+
@import "./form-element.slds.css";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import labelButtonAlternativeText from '@salesforce/label/LightningHelptext.buttonAlternativeText';
|
|
2
|
-
import {
|
|
2
|
+
import { api, track } from 'lwc';
|
|
3
|
+
import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
|
|
3
4
|
import { isValidName } from 'lightning/iconUtils';
|
|
4
5
|
import { normalizeString } from 'lightning/utilsPrivate';
|
|
5
6
|
import { TooltipType } from 'lightning/tooltipLibrary';
|
|
@@ -11,7 +12,7 @@ const DEFAULT_ICON_VARIANT = 'bare';
|
|
|
11
12
|
/**
|
|
12
13
|
* An icon with a text popover used for tooltips.
|
|
13
14
|
*/
|
|
14
|
-
export default class LightningHelptext extends
|
|
15
|
+
export default class LightningHelptext extends LightningShadowBaseClass {
|
|
15
16
|
// TODO: future refactoring to remove this.state convention
|
|
16
17
|
@track
|
|
17
18
|
state = {
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
# i18nCldrOptions
|
|
2
|
+
|
|
3
|
+
This module gets generated from [Localizer's i18n-cldr-options](https://git.soma.salesforce.com/Globalization/localizerjs/tree/master/packages/%40localizer/i18n-cldr-options) which is maintained by the globalization team.
|
|
4
|
+
|
|
5
|
+
We then expose it as part of lightning for internal usage on the platform. This module is also part of our NPM distribution.
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
# i18nService
|
|
2
|
+
|
|
3
|
+
This module gets generated from [Localizer's i18n-service](https://git.soma.salesforce.com/Globalization/localizerjs/tree/master/packages/%40localizer/i18n-service) which is maintained by the globalization team.
|
|
4
|
+
|
|
5
|
+
We then expose it as part of lightning for internal usage on the platform. This module is also part of our NPM distribution.
|
|
@@ -83,12 +83,12 @@ To change the fill and background color of a utility icon, define a custom class
|
|
|
83
83
|
</lightning-icon>
|
|
84
84
|
```
|
|
85
85
|
|
|
86
|
-
Specify the fill and background colors on the utility icon using the `--
|
|
86
|
+
Specify the fill and background colors on the utility icon using the `--slds-c-icon-color-*` custom properties.
|
|
87
87
|
|
|
88
88
|
```css
|
|
89
89
|
.my-icon {
|
|
90
|
-
--
|
|
91
|
-
--
|
|
90
|
+
--slds-c-icon-color-foreground-default: orange;
|
|
91
|
+
--slds-c-icon-color-background: gray;
|
|
92
92
|
}
|
|
93
93
|
```
|
|
94
94
|
|
|
@@ -96,8 +96,8 @@ To change the fill and background colors of a non-utility icon, such as an [acti
|
|
|
96
96
|
|
|
97
97
|
```css
|
|
98
98
|
.my-icon {
|
|
99
|
-
--
|
|
100
|
-
--
|
|
99
|
+
--slds-c-icon-color-foreground: orange;
|
|
100
|
+
--slds-c-icon-color-background: gray;
|
|
101
101
|
}
|
|
102
102
|
```
|
|
103
103
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
@import
|
|
1
|
+
@import 'lightning/sldsCommon';
|
|
2
|
+
@import './icon.slds.css';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { api } from 'lwc';
|
|
2
|
+
import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
|
|
2
3
|
import {
|
|
3
4
|
classListMutation,
|
|
4
5
|
normalizeString,
|
|
@@ -7,14 +8,18 @@ import {
|
|
|
7
8
|
import {
|
|
8
9
|
computeSldsClass,
|
|
9
10
|
getCategory,
|
|
11
|
+
getName,
|
|
10
12
|
isValidName,
|
|
11
13
|
} from 'lightning/iconUtils';
|
|
14
|
+
import { iconColors } from './iconColors';
|
|
12
15
|
import { normalizeVariant } from './util';
|
|
13
16
|
|
|
14
17
|
/**
|
|
15
18
|
* Represents a visual element that provides context and enhances usability.
|
|
16
19
|
*/
|
|
17
|
-
export default class LightningIcon extends
|
|
20
|
+
export default class LightningIcon extends LightningShadowBaseClass {
|
|
21
|
+
static validationOptOut = ['class'];
|
|
22
|
+
|
|
18
23
|
_src;
|
|
19
24
|
_privateIconName;
|
|
20
25
|
_iconName;
|
|
@@ -109,6 +114,7 @@ export default class LightningIcon extends LightningElement {
|
|
|
109
114
|
});
|
|
110
115
|
this._iconName = iconName;
|
|
111
116
|
this.setAttribute('icon-name', iconName);
|
|
117
|
+
this.setColor(iconName);
|
|
112
118
|
} else {
|
|
113
119
|
console.warn(`<lightning-icon> Invalid icon name ${iconName}`); // eslint-disable-line no-console
|
|
114
120
|
|
|
@@ -156,6 +162,7 @@ export default class LightningIcon extends LightningElement {
|
|
|
156
162
|
}
|
|
157
163
|
|
|
158
164
|
connectedCallback() {
|
|
165
|
+
super.connectedCallback();
|
|
159
166
|
this.classList.add('slds-icon_container');
|
|
160
167
|
}
|
|
161
168
|
|
|
@@ -163,4 +170,16 @@ export default class LightningIcon extends LightningElement {
|
|
|
163
170
|
this._src = undefined;
|
|
164
171
|
this.updateIconName('standard:default');
|
|
165
172
|
}
|
|
173
|
+
|
|
174
|
+
setColor(iconName) {
|
|
175
|
+
const category = getCategory(iconName);
|
|
176
|
+
const name = getName(iconName);
|
|
177
|
+
const color = iconColors[category] && iconColors[category][name];
|
|
178
|
+
if (color) {
|
|
179
|
+
this.setAttribute(
|
|
180
|
+
'style',
|
|
181
|
+
`--sds-c-icon-color-background: var(--slds-c-icon-color-background, ${color})`
|
|
182
|
+
);
|
|
183
|
+
}
|
|
184
|
+
}
|
|
166
185
|
}
|
|
@@ -49,39 +49,39 @@
|
|
|
49
49
|
|
|
50
50
|
@supports (--styling-hooks: '') {
|
|
51
51
|
:host([data-render-mode="shadow"][size~='xxx-small']) {
|
|
52
|
-
--slds-c-icon-sizing: 0.5rem;
|
|
52
|
+
--slds-c-icon-sizing: var(--sds-g-sizing-3, 0.5rem);
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
:host([data-render-mode="shadow"][size~='xx-small']) {
|
|
56
|
-
--slds-c-icon-sizing: 0.
|
|
56
|
+
--slds-c-icon-sizing: calc(var(--sds-g-sizing-1, 0.125rem) + var(--sds-g-sizing-4, 0.75rem));
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
:host([data-render-mode="shadow"][size~='x-small']) {
|
|
60
|
-
--slds-c-icon-sizing: 1rem;
|
|
60
|
+
--slds-c-icon-sizing: var(--sds-g-sizing-5, 1rem);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
:host([data-render-mode="shadow"][size~='small']) {
|
|
64
|
-
--slds-c-icon-sizing: 1.5rem;
|
|
64
|
+
--slds-c-icon-sizing: var(--sds-g-sizing-7, 1.5rem);
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
:host([data-render-mode="shadow"][size~='large']) {
|
|
68
|
-
--slds-c-icon-sizing: 3rem;
|
|
68
|
+
--slds-c-icon-sizing: var(--sds-g-sizing-10, 3rem);
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
:host([data-render-mode="shadow"][variant~='warning']) {
|
|
72
|
-
--slds-c-icon-color-foreground: var(--sds-g-color-warning-base-
|
|
72
|
+
--slds-c-icon-color-foreground: var(--sds-g-color-warning-base-70, #fe9339);
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
:host([data-render-mode="shadow"][variant~='success']) {
|
|
76
|
-
--slds-c-icon-color-foreground: var(--sds-g-color-success-base-
|
|
76
|
+
--slds-c-icon-color-foreground: var(--sds-g-color-success-base-50, #2e844a);
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
:host([data-render-mode="shadow"][variant~='error']) {
|
|
80
|
-
--slds-c-icon-color-foreground: var(--sds-g-color-error-base-
|
|
80
|
+
--slds-c-icon-color-foreground: var(--sds-g-color-error-base-50, #ea001e);
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
:host([data-render-mode="shadow"][variant~='light']) {
|
|
84
|
-
--slds-c-icon-color-foreground: var(--sds-g-color-neutral-base-
|
|
84
|
+
--slds-c-icon-color-foreground: var(--sds-g-color-neutral-base-70, #aeaeae);
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
:host([data-render-mode="shadow"]) [part~='boundary'] {
|
|
@@ -115,15 +115,15 @@
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
:host([data-render-mode="shadow"]) [part~='icon'] {
|
|
118
|
-
--sds-c-icon-color-foreground: var(--slds-c-icon-color-foreground, var(--sds-g-color-neutral-base-
|
|
119
|
-
--sds-c-icon-sizing-height: var(--slds-c-icon-sizing-height, var(--slds-c-icon-sizing, 2rem));
|
|
120
|
-
--sds-c-icon-sizing-width: var(--slds-c-icon-sizing-width, var(--slds-c-icon-sizing, 2rem));
|
|
118
|
+
--sds-c-icon-color-foreground: var(--slds-c-icon-color-foreground, var(--sds-g-color-neutral-base-100, #ffffff));
|
|
119
|
+
--sds-c-icon-sizing-height: var(--slds-c-icon-sizing-height, var(--slds-c-icon-sizing, var(--sds-g-sizing-9, 2rem)));
|
|
120
|
+
--sds-c-icon-sizing-width: var(--slds-c-icon-sizing-width, var(--slds-c-icon-sizing, var(--sds-g-sizing-9, 2rem)));
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
:host([data-render-mode="shadow"][icon-name*='action']) {
|
|
124
|
-
--slds-c-icon-spacing-block: 0.5rem;
|
|
125
|
-
--slds-c-icon-spacing-inline: 0.5rem;
|
|
126
|
-
--slds-c-icon-radius-border:
|
|
124
|
+
--slds-c-icon-spacing-block: var(--sds-g-sizing-3, 0.5rem);
|
|
125
|
+
--slds-c-icon-spacing-inline: var(--sds-g-sizing-3, 0.5rem);
|
|
126
|
+
--slds-c-icon-radius-border: calc(var(--sds-g-radius-border-circle, 100%) / 2);
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
129
|
|
|
@@ -152,12 +152,13 @@
|
|
|
152
152
|
/*! @css-var-fallback fill */
|
|
153
153
|
--slds-c-icon-color-foreground: var(
|
|
154
154
|
--slds-c-icon-color-foreground-default,
|
|
155
|
-
var(--sds-c-icon-color-foreground-default,
|
|
155
|
+
var(--sds-c-icon-color-foreground-default, var(
|
|
156
|
+
--sds-g-color-neutral-base-50, #747474))
|
|
156
157
|
);
|
|
157
158
|
}
|
|
158
159
|
|
|
159
160
|
:host([data-render-mode="shadow"]) .slds-icon-text-default.slds-is-disabled {
|
|
160
|
-
fill: #
|
|
161
|
+
fill: var(--sds-g-color-neutral-base-80, #c9c9c9);
|
|
161
162
|
}
|
|
162
163
|
|
|
163
164
|
/**
|
|
@@ -195,3 +196,14 @@
|
|
|
195
196
|
:host([data-render-mode="shadow"]) .slds-icon_disabled {
|
|
196
197
|
background-color: currentColor;
|
|
197
198
|
}
|
|
199
|
+
|
|
200
|
+
:host([data-render-mode="shadow"]) .slds-input__icon {
|
|
201
|
+
--slds-c-icon-sizing: calc(var(--sds-g-sizing-1, 0.125rem) + var(--sds-g-sizing-4, 0.75rem));
|
|
202
|
+
|
|
203
|
+
position: absolute;
|
|
204
|
+
top: 50%;
|
|
205
|
+
margin-block-start: -0.4375rem;
|
|
206
|
+
line-height: var(--sds-g-font-lineheight-1, 1);
|
|
207
|
+
border: 0;
|
|
208
|
+
z-index: 2;
|
|
209
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const iconColors = {"standard":{"contact":"rgb(88, 103, 232)","crypto_transaction":"rgb(255, 93, 45)","multi_select_checkbox":"rgb(147, 147, 147)","work_order":"rgb(6, 165, 154)","post":"rgb(27, 150, 255)","global_constant":"rgb(16, 124, 173)","change_request":"rgb(5, 103, 100)","carousel":"rgb(59, 167, 85)","work_contract":"rgb(27, 150, 255)","resource_skill":"rgb(59, 167, 85)","system_and_global_variable":"rgb(16, 124, 173)","segments":"rgb(255, 93, 45)","account_info":"rgb(88, 103, 232)","goals":"rgb(27, 150, 255)","tour_check":"rgb(144, 80, 233)","adjust_value":"rgb(59, 167, 85)","case_wrap_up":"rgb(255, 93, 45)","investment_account":"rgb(59, 167, 85)","store":"rgb(34, 104, 62)","slider":"rgb(147, 147, 147)","output":"rgb(16, 124, 173)","medication_ingredient":"rgb(6, 165, 154)","store_group":"rgb(27, 150, 255)","all":"rgb(16, 124, 173)","service_territory_policy":"rgb(27, 150, 255)","slack_conversations":"rgb(72, 26, 84)","picklist_choice":"rgb(16, 124, 173)","choice":"rgb(16, 124, 173)","funding_requirement":"rgb(34, 104, 62)","your_account":"rgb(27, 150, 255)","app":"rgb(255, 93, 45)","default":"rgb(147, 147, 147)","case_milestone":"rgb(255, 93, 45)","today":"rgb(255, 83, 138)","buyer_account":"rgb(34, 104, 62)","lead_list":"rgb(255, 93, 45)","work_plan_template":"rgb(6, 165, 154)","tableau":"rgb(15, 30, 60)","shift":"rgb(255, 83, 138)","product_item_transaction":"rgb(255, 93, 45)","person_language":"rgb(6, 165, 154)","apex":"rgb(16, 124, 173)","reply_text":"rgb(255, 83, 138)","answer_private":"rgb(255, 93, 45)","immunization":"rgb(255, 83, 138)","asset_downtime_period":"rgb(16, 124, 173)","opportunity_contact role":"rgb(88, 103, 232)","retail_banking_console":"rgb(6, 165, 154)","channel_program_members":"rgb(6, 165, 154)","apps_admin":"rgb(88, 103, 232)","datadotcom":"rgb(27, 150, 255)","settings":"rgb(34, 104, 62)","network_contract":"rgb(59, 167, 85)","crypto_transaction_envelope_item":"rgb(16, 124, 173)","product_item":"rgb(27, 150, 255)","metrics":"rgb(27, 150, 255)","topic2":"rgb(27, 150, 255)","partner_fund_allocation":"rgb(6, 165, 154)","care_request_reviewer":"rgb(59, 167, 85)","crypto_transaction_envelope_change_snapshot":"rgb(203, 101, 255)","approval":"rgb(59, 167, 85)","work_queue":"rgb(16, 124, 173)","iot_orchestrations":"rgb(16, 124, 173)","visualforce_page":"rgb(255, 93, 45)","person_account":"rgb(88, 103, 232)","entity":"rgb(255, 93, 45)","service_territory_location":"rgb(88, 103, 232)","qualifications":"rgb(34, 104, 62)","document_preview":"rgb(182, 5, 84)","tax_treatment":"rgb(34, 104, 62)","entitlement_policy":"rgb(34, 104, 62)","form":"rgb(59, 167, 85)","products":"rgb(34, 104, 62)","prompt":"rgb(6, 165, 154)","order_item":"rgb(27, 150, 255)","read_receipts":"rgb(59, 167, 85)","javascript_button":"rgb(255, 93, 45)","maintenance_asset":"rgb(16, 124, 173)","work_plan_rule":"rgb(6, 165, 154)","loop":"rgb(255, 93, 45)","portal_roles_and_subordinates":"rgb(27, 150, 255)","work_capacity_limit":"rgb(16, 124, 173)","employee_organization":"rgb(27, 150, 255)","workforce_engagement":"rgb(182, 5, 84)","constant":"rgb(16, 124, 173)","marketing_actions":"rgb(59, 167, 85)","case_transcript":"rgb(255, 93, 45)","timesheet_entry":"rgb(59, 167, 85)","key_dates":"rgb(27, 150, 255)","multi_picklist":"rgb(147, 147, 147)","facility_bed":"rgb(255, 83, 138)","product_workspace":"rgb(34, 104, 62)","visit_templates":"rgb(27, 150, 255)","restriction_policy":"rgb(27, 150, 255)","task":"rgb(59, 167, 85)","answer_best":"rgb(255, 93, 45)","attach":"rgb(144, 80, 233)","asset_action":"rgb(16, 124, 173)","section":"rgb(147, 147, 147)","service_request":"rgb(27, 150, 255)","orders":"rgb(27, 150, 255)","propagation_policy":"rgb(27, 150, 255)","budget":"rgb(16, 124, 173)","report_type":"rgb(59, 167, 85)","past_chat":"rgb(255, 93, 45)","crypto_transaction_envelope_change_log":"rgb(8, 73, 104)","feedback":"rgb(27, 150, 255)","action_list_component":"rgb(16, 124, 173)","opportunity_splits":"rgb(255, 93, 45)","location_permit":"rgb(6, 165, 154)","messaging_user":"rgb(6, 165, 154)","filter_criteria":"rgb(16, 124, 173)","tax_policy":"rgb(34, 104, 62)","trailhead":"rgb(3, 45, 96)","entitlements":"rgb(144, 80, 233)","checkout":"rgb(34, 104, 62)","formula":"rgb(16, 124, 173)","case_log_a_call":"rgb(255, 93, 45)","shift_pattern_entry":"rgb(255, 83, 138)","thanks_loading":"rgb(147, 147, 147)","job_family":"rgb(27, 150, 255)","service_appointment_capacity_usage":"rgb(16, 124, 173)","channel_program_levels":"rgb(6, 165, 154)","letterhead":"rgb(27, 150, 255)","promotions_workspace":"rgb(34, 104, 62)","nft_settings":"rgb(255, 83, 138)","asset_hierarchy":"rgb(16, 124, 173)","email_chatter":"rgb(255, 93, 45)","document_reference":"rgb(16, 124, 173)","announcement":"rgb(27, 150, 255)","field_sales":"rgb(144, 80, 233)","bot":"rgb(16, 124, 173)","macros":"rgb(6, 165, 154)","dashboard_ea":"rgb(88, 103, 232)","job_profile":"rgb(255, 83, 138)","steps":"rgb(16, 124, 173)","snippet_alt":"rgb(16, 124, 173)","asset_relationship":"rgb(255, 93, 45)","high_velocity_sales":"rgb(6, 165, 154)","brand":"rgb(88, 103, 232)","historical_adherence":"rgb(6, 165, 154)","visits":"rgb(27, 150, 255)","einstein_replies":"rgb(255, 83, 138)","coaching":"rgb(255, 83, 138)","record_lookup":"rgb(255, 83, 138)","product_service_campaign_item":"rgb(16, 124, 173)","scheduling_constraint":"rgb(255, 83, 138)","lightning_component":"rgb(147, 147, 147)","search":"rgb(27, 150, 255)","connected_apps":"rgb(88, 103, 232)","swarm_request":"rgb(255, 83, 138)","work_type_group":"rgb(16, 124, 173)","education":"rgb(27, 150, 255)","work_type":"rgb(16, 124, 173)","travel_mode":"rgb(59, 167, 85)","environment_hub":"rgb(16, 124, 173)","identifier":"rgb(255, 93, 45)","cms":"rgb(59, 167, 85)","call_coaching":"rgb(27, 150, 255)","salesforce_cms":"rgb(16, 124, 173)","price_sheet":"rgb(59, 167, 85)","thanks":"rgb(255, 83, 138)","service_territory_member":"rgb(88, 103, 232)","work_forecast":"rgb(255, 93, 45)","crypto_product_category_wallet_role":"rgb(5, 103, 100)","holiday_operating_hours":"rgb(27, 150, 255)","user_role":"rgb(59, 167, 85)","observation_component":"rgb(88, 103, 232)","orchestrator":"rgb(16, 124, 173)","work_capacity_usage":"rgb(16, 124, 173)","record_create":"rgb(255, 83, 138)","campaign_members":"rgb(255, 93, 45)","retail_banking":"rgb(6, 165, 154)","product_service_campaign":"rgb(16, 124, 173)","portal_roles":"rgb(255, 93, 45)","calibration":"rgb(6, 165, 154)","answer_public":"rgb(255, 93, 45)","display_text":"rgb(147, 147, 147)","product_consumed_state":"rgb(6, 165, 154)","budget_category_value":"rgb(27, 150, 255)","unmatched":"rgb(27, 150, 255)","partners":"rgb(6, 165, 154)","email_iq":"rgb(88, 103, 232)","mulesoft":"rgb(27, 150, 255)","service_crew":"rgb(255, 93, 45)","payment_gateway":"rgb(5, 103, 100)","voice_call":"rgb(59, 167, 85)","cancel_checkout":"rgb(147, 147, 147)","asset_warranty":"rgb(16, 124, 173)","resource_capacity":"rgb(59, 167, 85)","setup_modal":"rgb(16, 124, 173)","channel_programs":"rgb(6, 165, 154)","quip":"rgb(255, 93, 45)","quip_sheet":"rgb(59, 167, 85)","timeslot":"rgb(255, 93, 45)","live_chat":"rgb(255, 93, 45)","service_request_detail":"rgb(6, 165, 154)","med_rec_statement_recommendation":"rgb(88, 103, 232)","job_position":"rgb(27, 150, 255)","sobject_collection":"rgb(16, 124, 173)","user":"rgb(6, 165, 154)","client":"rgb(6, 165, 154)","screen":"rgb(27, 150, 255)","portal":"rgb(59, 167, 85)","partner_fund_request":"rgb(6, 165, 154)","asset_audit":"rgb(144, 80, 233)","resource_preference":"rgb(59, 167, 85)","first_non_empty":"rgb(255, 83, 138)","customer_360":"rgb(3, 45, 96)","employee_job":"rgb(27, 150, 255)","resource_absence":"rgb(59, 167, 85)","text_template":"rgb(16, 124, 173)","entitlement_template":"rgb(88, 103, 232)","lightning_usage":"rgb(88, 103, 232)","product_transfer_state":"rgb(255, 93, 45)","medication_dispense":"rgb(27, 150, 255)","entitlement":"rgb(88, 103, 232)","empty":"rgb(147, 147, 147)","text":"rgb(147, 147, 147)","delegated_account":"rgb(34, 104, 62)","fulfillment_order":"rgb(147, 147, 147)","case_email":"rgb(255, 93, 45)","account":"rgb(88, 103, 232)","coupon_codes":"rgb(34, 104, 62)","assignment":"rgb(255, 93, 45)","wealth_management_console":"rgb(6, 165, 154)","task2":"rgb(59, 167, 85)","patient_medication_dosage":"rgb(6, 165, 154)","code_playground":"rgb(16, 124, 173)","social":"rgb(255, 83, 138)","endorsement":"rgb(88, 103, 232)","folder":"rgb(88, 103, 232)","service_crew_member":"rgb(88, 103, 232)","variation_attribute_setup":"rgb(34, 104, 62)","connect_wallet":"rgb(182, 5, 84)","flow":"rgb(16, 124, 173)","recipe":"rgb(16, 124, 173)","expense_report_entry":"rgb(47, 44, 183)","employee":"rgb(27, 150, 255)","omni_supervisor":"rgb(88, 103, 232)","capacity_plan":"rgb(255, 83, 138)","asset_object":"rgb(16, 124, 173)","product":"rgb(144, 80, 233)","crypto_transaction_envelope":"rgb(5, 103, 100)","topic":"rgb(27, 150, 255)","product_required":"rgb(255, 83, 138)","dynamic_record_choice":"rgb(16, 124, 173)","aggregation_policy":"rgb(27, 150, 255)","warranty_term":"rgb(16, 124, 173)","process":"rgb(16, 124, 173)","swarm_session":"rgb(255, 83, 138)","people":"rgb(6, 165, 154)","medication":"rgb(59, 167, 85)","reward":"rgb(255, 83, 138)","employee_contact":"rgb(27, 150, 255)","bundle_policy":"rgb(27, 150, 255)","performance":"rgb(255, 93, 45)","promotions":"rgb(34, 104, 62)","case_comment":"rgb(255, 93, 45)","price_book_entries":"rgb(34, 104, 62)","sales_channel":"rgb(16, 124, 173)","apex_plugin":"rgb(16, 124, 173)","campaign":"rgb(255, 93, 45)","contact_request":"rgb(255, 93, 45)","business_hours":"rgb(59, 167, 85)","evernote":"rgb(59, 167, 85)","variation_products":"rgb(34, 104, 62)","trailhead_alt":"rgb(3, 45, 96)","service_territory":"rgb(88, 103, 232)","customer_lifecycle_analytics":"rgb(88, 103, 232)","code_set":"rgb(16, 124, 173)","case":"rgb(255, 93, 45)","slack":"rgb(74, 21, 75)","currency":"rgb(147, 147, 147)","record":"rgb(59, 167, 85)","code_set_bundle":"rgb(16, 124, 173)","queue":"rgb(16, 124, 173)","schedule_objective":"rgb(16, 124, 173)","contract_line_item":"rgb(59, 167, 85)","skill_entity":"rgb(88, 103, 232)","funding_award_adjustment":"rgb(27, 150, 255)","skill":"rgb(255, 93, 45)","operating_hours":"rgb(27, 150, 255)","crypto_product":"rgb(144, 80, 233)","custom":"rgb(147, 147, 147)","related_list":"rgb(6, 165, 154)","bot_training":"rgb(16, 124, 173)","case_change_status":"rgb(255, 93, 45)","insurance_console":"rgb(6, 165, 154)","dashboard_component":"rgb(88, 103, 232)","incident":"rgb(182, 5, 84)","contract":"rgb(59, 167, 85)","sobject":"rgb(147, 147, 147)","sales_cadence_target":"rgb(16, 124, 173)","photo":"rgb(147, 147, 147)","apps":"rgb(27, 150, 255)","timesheet":"rgb(88, 103, 232)","drafts":"rgb(27, 150, 255)","outcome":"rgb(255, 93, 45)","discounts":"rgb(34, 104, 62)","work_order_item":"rgb(27, 150, 255)","pricebook":"rgb(144, 80, 233)","scan_card":"rgb(255, 93, 45)","note":"rgb(255, 93, 45)","serialized_product_transaction":"rgb(27, 150, 255)","shift_pattern":"rgb(255, 83, 138)","buyer_group":"rgb(34, 104, 62)","product_quantity_rules":"rgb(34, 104, 62)","medication_reconciliation":"rgb(16, 124, 173)","procedure":"rgb(27, 150, 255)","opportunity":"rgb(255, 93, 45)","news":"rgb(88, 103, 232)","sort_policy":"rgb(27, 150, 255)","display_rich_text":"rgb(147, 147, 147)","strategy":"rgb(59, 167, 85)","call_history":"rgb(255, 93, 45)","webcart":"rgb(34, 104, 62)","serialized_product":"rgb(27, 150, 255)","tax_rate":"rgb(34, 104, 62)","report":"rgb(6, 165, 154)","customer_workspace":"rgb(34, 104, 62)","groups":"rgb(27, 150, 255)","data_model":"rgb(255, 83, 138)","dashboard":"rgb(255, 83, 138)","generic_loading":"rgb(147, 147, 147)","number_input":"rgb(147, 147, 147)","toggle":"rgb(147, 147, 147)","address":"rgb(59, 167, 85)","price_books":"rgb(34, 104, 62)","entity_milestone":"rgb(255, 93, 45)","contract_line_outcome":"rgb(34, 104, 62)","wealth_management":"rgb(6, 165, 154)","customers":"rgb(6, 165, 154)","disclosure_and_compliance":"rgb(6, 165, 154)","story":"rgb(16, 124, 173)","service_appointment":"rgb(88, 103, 232)","maintenance_plan":"rgb(16, 124, 173)","contract_line_outcome_data":"rgb(34, 104, 62)","data_integration_hub":"rgb(16, 124, 173)","person_name":"rgb(88, 103, 232)","work_plan_template_entry":"rgb(6, 165, 154)","hierarchy":"rgb(6, 165, 154)","custom_component_task":"rgb(88, 103, 232)","partner_marketing_budget":"rgb(6, 165, 154)","asset_action_source":"rgb(16, 124, 173)","skill_requirement":"rgb(255, 93, 45)","filter_criteria_rule":"rgb(16, 124, 173)","location":"rgb(59, 167, 85)","promotion_tiers":"rgb(34, 104, 62)","radio_button":"rgb(147, 147, 147)","avatar_loading":"rgb(147, 147, 147)","article":"rgb(255, 93, 45)","learner_program":"rgb(255, 93, 45)","invocable_action":"rgb(16, 124, 173)","device":"rgb(88, 103, 232)","proposition":"rgb(27, 150, 255)","snippets":"rgb(6, 165, 154)","customer_portal_users":"rgb(27, 150, 255)","actions_and_buttons":"rgb(255, 93, 45)","record_update":"rgb(255, 83, 138)","shift_type":"rgb(255, 83, 138)","water":"rgb(88, 103, 232)","log_a_call":"rgb(6, 165, 154)","crypto_wallet":"rgb(34, 104, 62)","crypto_wallet_group":"rgb(16, 124, 173)","quotes":"rgb(59, 167, 85)","question_feed":"rgb(255, 93, 45)","kanban":"rgb(27, 150, 255)","work_plan":"rgb(6, 165, 154)","shift_template":"rgb(255, 83, 138)","merge":"rgb(255, 93, 45)","expense":"rgb(47, 44, 183)","dataset":"rgb(144, 80, 233)","shift_preference":"rgb(255, 83, 138)","product_consumed":"rgb(6, 165, 154)","canvas":"rgb(147, 147, 147)","forecasts":"rgb(59, 167, 85)","relationship":"rgb(27, 150, 255)","tour":"rgb(144, 80, 233)","service_resource":"rgb(88, 103, 232)","filter":"rgb(47, 44, 183)","sales_path":"rgb(16, 124, 173)","shift_scheduling_operation":"rgb(255, 83, 138)","events":"rgb(27, 150, 255)","data_mapping":"rgb(3, 45, 96)","sms":"rgb(59, 167, 85)","rtc_presence":"rgb(6, 165, 154)","avatar":"rgb(27, 150, 255)","record_delete":"rgb(255, 83, 138)","solution":"rgb(59, 167, 85)","nft_studio":"rgb(88, 103, 232)","agent_home":"rgb(3, 45, 96)","partner_fund_claim":"rgb(6, 165, 154)","individual":"rgb(27, 150, 255)","custom_notification":"rgb(27, 150, 255)","contract_payment":"rgb(144, 80, 233)","date_input":"rgb(147, 147, 147)","catalog":"rgb(34, 104, 62)","template":"rgb(27, 150, 255)","activation_target":"rgb(203, 101, 255)","selling_model":"rgb(144, 80, 233)","shipment":"rgb(88, 103, 232)","budget_allocation":"rgb(16, 124, 173)","record_signature_task":"rgb(255, 83, 138)","event":"rgb(255, 83, 138)","insurance":"rgb(6, 165, 154)","live_chat_visitor":"rgb(255, 93, 45)","textarea":"rgb(147, 147, 147)","work_step":"rgb(6, 165, 154)","picklist_type":"rgb(147, 147, 147)","survey":"rgb(16, 124, 173)","link":"rgb(27, 150, 255)","messaging_session":"rgb(6, 165, 154)","video":"rgb(144, 80, 233)","list_email":"rgb(147, 147, 147)","med_rec_recommendation":"rgb(6, 165, 154)","crypto_wallet_group_item":"rgb(144, 80, 233)","recycle_bin":"rgb(27, 150, 255)","document":"rgb(147, 147, 147)","product_transfer":"rgb(255, 93, 45)","instore_locations":"rgb(16, 124, 173)","recent":"rgb(27, 150, 255)","practitioner_role":"rgb(255, 83, 138)","password":"rgb(147, 147, 147)","datashare_target":"rgb(255, 83, 138)","expense_report":"rgb(47, 44, 183)","branch_merge":"rgb(255, 83, 138)","ai_accelerator_card":"rgb(16, 124, 173)","insights":"rgb(203, 101, 255)","budget_period":"rgb(150, 2, 199)","market":"rgb(34, 104, 62)","dropbox":"rgb(27, 150, 255)","unified_health_score":"rgb(88, 103, 232)","bill_of_materials":"rgb(255, 93, 45)","calculated_insights":"rgb(27, 150, 255)","employee_job_position":"rgb(27, 150, 255)","file":"rgb(147, 147, 147)","currency_input":"rgb(147, 147, 147)","data_transforms":"rgb(88, 103, 232)","variable":"rgb(16, 124, 173)","team_member":"rgb(255, 93, 45)","pricing_workspace":"rgb(34, 104, 62)","agent_session":"rgb(255, 93, 45)","guidance_center":"rgb(88, 103, 232)","crypto_category_wallet_group":"rgb(182, 5, 84)","group_loading":"rgb(147, 147, 147)","lead":"rgb(255, 93, 45)","email":"rgb(147, 147, 147)","service_contract":"rgb(88, 103, 232)","decision":"rgb(255, 93, 45)","promotion_segments":"rgb(34, 104, 62)","duration_downscale":"rgb(27, 150, 255)","snippet":"rgb(88, 103, 232)","entitlement_process":"rgb(88, 103, 232)","contact_list":"rgb(88, 103, 232)","planogram":"rgb(27, 150, 255)","activations":"rgb(144, 80, 233)","scheduling_policy":"rgb(255, 83, 138)","channel_program_history":"rgb(6, 165, 154)","question_best":"rgb(255, 93, 45)","collection_variable":"rgb(16, 124, 173)","procedure_detail":"rgb(6, 165, 154)","sales_value":"rgb(27, 150, 255)","knowledge":"rgb(203, 101, 255)","datashares":"rgb(150, 2, 199)","date_time":"rgb(147, 147, 147)","category":"rgb(34, 104, 62)","maintenance_work_rule":"rgb(16, 124, 173)","data_streams":"rgb(255, 83, 138)","textbox":"rgb(147, 147, 147)","lead_insights":"rgb(27, 150, 255)","waits":"rgb(255, 93, 45)","concur":"rgb(6, 165, 154)","feed":"rgb(27, 150, 255)","sort":"rgb(47, 44, 183)","messaging_conversation":"rgb(6, 165, 154)","service_report":"rgb(88, 103, 232)","iot_context":"rgb(16, 124, 173)","asset_state_period":"rgb(16, 124, 173)","call":"rgb(255, 93, 45)","collection":"rgb(255, 93, 45)","stage":"rgb(255, 93, 45)","sales_cadence":"rgb(16, 124, 173)","product_request_line_item":"rgb(59, 167, 85)","return_order_line_item":"rgb(6, 165, 154)","chart":"rgb(6, 165, 154)","customer":"rgb(34, 104, 62)","buyer_group_qualifier":"rgb(34, 104, 62)","quick_text":"rgb(27, 150, 255)","home":"rgb(255, 83, 138)","sossession":"rgb(16, 124, 173)","bundle_config":"rgb(27, 150, 255)","employee_asset":"rgb(27, 150, 255)","process_exception":"rgb(255, 93, 45)","product_warranty_term":"rgb(144, 80, 233)","problem":"rgb(255, 93, 45)","stage_collection":"rgb(255, 93, 45)","product_request":"rgb(59, 167, 85)","logging":"rgb(16, 124, 173)","assigned_resource":"rgb(59, 167, 85)","return_order":"rgb(6, 165, 154)","poll":"rgb(27, 150, 255)","household":"rgb(6, 165, 154)","work_step_template":"rgb(6, 165, 154)","medication_statement":"rgb(27, 150, 255)"},"custom":{"custom110":"rgb(242, 139, 0)","custom100":"rgb(225, 93, 118)","custom111":"rgb(242, 139, 0)","custom1":"rgb(255, 123, 132)","custom101":"rgb(242, 139, 0)","custom112":"rgb(242, 139, 0)","custom2":"rgb(207, 208, 92)","custom102":"rgb(242, 139, 0)","custom113":"rgb(242, 139, 0)","custom90":"rgb(34, 164, 138)","custom3":"rgb(236, 180, 108)","custom103":"rgb(242, 139, 0)","custom80":"rgb(101, 154, 213)","custom91":"rgb(191, 123, 102)","custom4":"rgb(225, 217, 81)","custom104":"rgb(242, 139, 0)","custom70":"rgb(231, 105, 180)","custom81":"rgb(218, 98, 127)","custom92":"rgb(81, 126, 130)","custom5":"rgb(159, 219, 102)","custom105":"rgb(242, 139, 0)","custom60":"rgb(191, 90, 136)","custom71":"rgb(227, 110, 227)","custom82":"rgb(209, 91, 151)","custom93":"rgb(144, 77, 76)","custom6":"rgb(84, 196, 115)","custom106":"rgb(242, 139, 0)","custom50":"rgb(73, 188, 211)","custom61":"rgb(245, 115, 118)","custom72":"rgb(141, 155, 251)","custom83":"rgb(231, 128, 111)","custom94":"rgb(67, 156, 186)","custom7":"rgb(106, 137, 229)","custom107":"rgb(242, 139, 0)","custom40":"rgb(131, 199, 94)","custom51":"rgb(216, 199, 96)","custom62":"rgb(107, 146, 220)","custom73":"rgb(103, 158, 240)","custom84":"rgb(246, 112, 123)","custom95":"rgb(139, 207, 106)","custom8":"rgb(80, 206, 185)","custom108":"rgb(242, 139, 0)","custom30":"rgb(245, 159, 113)","custom41":"rgb(67, 181, 181)","custom52":"rgb(238, 142, 111)","custom63":"rgb(124, 207, 96)","custom74":"rgb(65, 200, 160)","custom85":"rgb(242, 104, 145)","custom96":"rgb(109, 157, 227)","custom9":"rgb(107, 158, 226)","custom109":"rgb(242, 139, 0)","custom20":"rgb(72, 199, 200)","custom31":"rgb(235, 104, 127)","custom42":"rgb(207, 208, 91)","custom53":"rgb(243, 110, 131)","custom64":"rgb(97, 143, 216)","custom75":"rgb(205, 159, 101)","custom86":"rgb(226, 96, 171)","custom97":"rgb(221, 96, 133)","custom10":"rgb(100, 136, 227)","custom21":"rgb(138, 122, 237)","custom32":"rgb(56, 195, 147)","custom43":"rgb(127, 147, 249)","custom54":"rgb(234, 112, 177)","custom65":"rgb(242, 121, 171)","custom76":"rgb(219, 109, 122)","custom87":"rgb(216, 118, 229)","custom98":"rgb(225, 190, 92)","custom11":"rgb(135, 132, 234)","custom22":"rgb(139, 133, 249)","custom33":"rgb(151, 207, 93)","custom44":"rgb(200, 202, 88)","custom55":"rgb(214, 110, 224)","custom66":"rgb(216, 190, 95)","custom77":"rgb(181, 93, 91)","custom88":"rgb(153, 111, 230)","custom99":"rgb(240, 133, 110)","custom12":"rgb(220, 113, 209)","custom23":"rgb(176, 112, 230)","custom34":"rgb(213, 138, 106)","custom45":"rgb(217, 88, 121)","custom56":"rgb(113, 141, 235)","custom67":"rgb(248, 125, 118)","custom78":"rgb(90, 149, 221)","custom89":"rgb(62, 153, 190)","custom13":"rgb(223, 97, 132)","custom24":"rgb(229, 103, 152)","custom35":"rgb(233, 99, 126)","custom46":"rgb(103, 165, 231)","custom57":"rgb(90, 156, 221)","custom68":"rgb(242, 105, 121)","custom79":"rgb(142, 211, 99)","custom14":"rgb(60, 194, 179)","custom25":"rgb(228, 111, 190)","custom36":"rgb(212, 114, 212)","custom47":"rgb(95, 204, 100)","custom58":"rgb(52, 181, 157)","custom69":"rgb(237, 99, 135)","custom15":"rgb(247, 126, 117)","custom26":"rgb(118, 152, 240)","custom37":"rgb(140, 137, 242)","custom48":"rgb(239, 105, 127)","custom59":"rgb(227, 208, 103)","custom16":"rgb(233, 175, 103)","custom27":"rgb(90, 176, 210)","custom38":"rgb(83, 182, 215)","custom49":"rgb(226, 92, 128)","custom17":"rgb(172, 211, 96)","custom28":"rgb(137, 192, 89)","custom39":"rgb(79, 190, 117)","custom18":"rgb(77, 202, 118)","custom29":"rgb(189, 210, 95)","custom19":"rgb(58, 190, 177)"},"action":{"new_custom18":"rgb(59, 167, 85)","new_custom29":"rgb(59, 167, 85)","edit_groups":"rgb(6, 165, 154)","new_custom9":"rgb(27, 150, 255)","log_a_call":"rgb(6, 165, 154)","new_custom19":"rgb(6, 165, 154)","filter":"rgb(255, 83, 138)","user_activation":"rgb(16, 124, 173)","opportunity_competitor":"rgb(255, 93, 45)","canvas":"rgb(16, 124, 173)","change_record_type":"rgb(16, 124, 173)","new_notebook":"rgb(255, 93, 45)","docusign":"rgb(27, 150, 255)","share_link":"rgb(88, 103, 232)","add_file":"rgb(88, 103, 232)","edit_relationship":"rgb(6, 165, 154)","notebook":"rgb(255, 93, 45)","new_lead":"rgb(255, 93, 45)","new_custom_object":"rgb(59, 167, 85)","new_account":"rgb(88, 103, 232)","question_post_action":"rgb(59, 167, 85)","share_file":"rgb(147, 147, 147)","default_custom_object":"rgb(16, 124, 173)","opportunity_team_member":"rgb(255, 93, 45)","add_photo_video":"rgb(6, 165, 154)","sort":"rgb(59, 167, 85)","call":"rgb(6, 165, 154)","concur":"rgb(6, 165, 154)","reject":"rgb(6, 165, 154)","share_poll":"rgb(27, 150, 255)","scan_enabled":"rgb(27, 150, 255)","following":"rgb(59, 167, 85)","defer":"rgb(255, 83, 138)","opportunity_line_item":"rgb(255, 93, 45)","social_post":"rgb(255, 83, 138)","share_post":"rgb(27, 150, 255)","view_relationship":"rgb(27, 150, 255)","adjust_value":"rgb(59, 167, 85)","upload":"rgb(16, 124, 173)","remove_relationship":"rgb(255, 83, 138)","freeze_user":"rgb(16, 124, 173)","new_person_account":"rgb(88, 103, 232)","bug":"rgb(255, 83, 138)","apex":"rgb(92, 92, 92)","new_opportunity":"rgb(255, 93, 45)","fallback":"rgb(88, 103, 232)","dial_in":"rgb(88, 103, 232)","approval":"rgb(6, 165, 154)","change_owner":"rgb(16, 124, 173)","new_task":"rgb(59, 167, 85)","priority":"rgb(255, 93, 45)","remove":"rgb(16, 124, 173)","web_link":"rgb(27, 150, 255)","leave_group":"rgb(255, 93, 45)","manage_perm_sets":"rgb(16, 124, 173)","close":"rgb(255, 83, 138)","google_news":"rgb(255, 83, 138)","announcement":"rgb(255, 93, 45)","back":"rgb(6, 165, 154)","new_custom90":"rgb(6, 165, 154)","download":"rgb(16, 124, 173)","new_custom80":"rgb(27, 150, 255)","new_custom91":"rgb(147, 147, 147)","search":"rgb(27, 150, 255)","new_event":"rgb(255, 83, 138)","new_custom70":"rgb(255, 83, 138)","new_custom81":"rgb(255, 83, 138)","new_custom92":"rgb(5, 103, 100)","refresh":"rgb(16, 124, 173)","share_thanks":"rgb(255, 83, 138)","update":"rgb(16, 124, 173)","email":"rgb(16, 124, 173)","join_group":"rgb(88, 103, 232)","new_custom60":"rgb(255, 83, 138)","new_custom71":"rgb(203, 101, 255)","new_custom82":"rgb(255, 83, 138)","new_custom93":"rgb(92, 92, 92)","edit":"rgb(6, 165, 154)","quote":"rgb(59, 167, 85)","dropbox":"rgb(27, 150, 255)","description":"rgb(59, 167, 85)","map":"rgb(27, 150, 255)","user":"rgb(27, 150, 255)","reset_password":"rgb(16, 124, 173)","new_custom50":"rgb(27, 150, 255)","new_custom61":"rgb(255, 83, 138)","new_custom72":"rgb(88, 103, 232)","new_custom83":"rgb(255, 83, 138)","new_custom94":"rgb(6, 165, 154)","clone":"rgb(27, 150, 255)","script":"rgb(16, 124, 173)","delete":"rgb(255, 83, 138)","new_custom40":"rgb(59, 167, 85)","new_custom51":"rgb(255, 93, 45)","new_custom62":"rgb(88, 103, 232)","new_custom73":"rgb(27, 150, 255)","new_custom84":"rgb(255, 83, 138)","new_custom95":"rgb(59, 167, 85)","scan_disabled":"rgb(147, 147, 147)","share":"rgb(16, 124, 173)","new_custom30":"rgb(255, 93, 45)","new_custom41":"rgb(6, 165, 154)","new_custom52":"rgb(255, 83, 138)","new_custom63":"rgb(59, 167, 85)","new_custom74":"rgb(6, 165, 154)","new_custom85":"rgb(255, 83, 138)","new_custom96":"rgb(27, 150, 255)","log_event":"rgb(27, 150, 255)","new_group":"rgb(27, 150, 255)","new_custom20":"rgb(6, 165, 154)","new_custom31":"rgb(255, 83, 138)","new_custom42":"rgb(59, 167, 85)","info":"rgb(16, 124, 173)","new_custom53":"rgb(255, 83, 138)","new_custom64":"rgb(88, 103, 232)","new_custom75":"rgb(147, 147, 147)","new_custom86":"rgb(255, 83, 138)","flow":"rgb(16, 124, 173)","new_custom97":"rgb(255, 83, 138)","submit_for_approval":"rgb(59, 167, 85)","new":"rgb(27, 150, 255)","new_campaign":"rgb(255, 93, 45)","new_custom10":"rgb(88, 103, 232)","new_custom21":"rgb(88, 103, 232)","new_custom32":"rgb(6, 165, 154)","new_custom43":"rgb(88, 103, 232)","new_custom54":"rgb(255, 83, 138)","new_custom65":"rgb(255, 83, 138)","new_custom76":"rgb(255, 83, 138)","new_custom87":"rgb(203, 101, 255)","new_custom98":"rgb(255, 93, 45)","new_case":"rgb(255, 93, 45)","new_custom100":"rgb(255, 83, 138)","new_custom1":"rgb(255, 83, 138)","new_contact":"rgb(144, 80, 233)","office_365":"rgb(255, 93, 45)","new_custom11":"rgb(88, 103, 232)","new_custom22":"rgb(88, 103, 232)","new_custom33":"rgb(59, 167, 85)","new_custom44":"rgb(59, 167, 85)","new_custom55":"rgb(203, 101, 255)","new_custom66":"rgb(255, 93, 45)","new_custom77":"rgb(255, 83, 138)","new_custom88":"rgb(144, 80, 233)","new_custom99":"rgb(255, 83, 138)","add_contact":"rgb(144, 80, 233)","evernote":"rgb(59, 167, 85)","new_custom2":"rgb(59, 167, 85)","lead_convert":"rgb(255, 93, 45)","new_custom12":"rgb(203, 101, 255)","new_custom23":"rgb(203, 101, 255)","new_custom34":"rgb(255, 93, 45)","new_custom45":"rgb(255, 83, 138)","new_custom56":"rgb(88, 103, 232)","new_custom67":"rgb(255, 83, 138)","recall":"rgb(8, 73, 104)","new_custom78":"rgb(27, 150, 255)","new_custom89":"rgb(16, 124, 173)","follow":"rgb(27, 150, 255)","record":"rgb(59, 167, 85)","new_custom3":"rgb(255, 93, 45)","new_note":"rgb(255, 93, 45)","new_custom13":"rgb(255, 83, 138)","new_custom24":"rgb(255, 83, 138)","new_custom35":"rgb(255, 83, 138)","new_custom46":"rgb(27, 150, 255)","new_custom57":"rgb(27, 150, 255)","new_custom68":"rgb(255, 83, 138)","new_custom79":"rgb(59, 167, 85)","new_child_case":"rgb(255, 93, 45)","new_custom4":"rgb(255, 93, 45)","new_custom14":"rgb(6, 165, 154)","new_custom25":"rgb(255, 83, 138)","new_custom36":"rgb(203, 101, 255)","new_custom47":"rgb(59, 167, 85)","new_custom58":"rgb(6, 165, 154)","new_custom69":"rgb(255, 83, 138)","new_custom5":"rgb(59, 167, 85)","goal":"rgb(27, 150, 255)","new_custom15":"rgb(255, 83, 138)","new_custom26":"rgb(88, 103, 232)","new_custom37":"rgb(88, 103, 232)","new_custom48":"rgb(255, 83, 138)","new_custom59":"rgb(255, 93, 45)","new_custom6":"rgb(59, 167, 85)","log_this_event":"rgb(255, 83, 138)","new_custom16":"rgb(255, 93, 45)","new_custom27":"rgb(27, 150, 255)","new_custom38":"rgb(27, 150, 255)","new_custom49":"rgb(255, 83, 138)","new_custom7":"rgb(88, 103, 232)","more":"rgb(27, 150, 255)","add_relationship":"rgb(27, 150, 255)","new_custom17":"rgb(59, 167, 85)","new_custom28":"rgb(59, 167, 85)","new_custom39":"rgb(59, 167, 85)","password_unlock":"rgb(16, 124, 173)","check":"rgb(16, 124, 173)","update_status":"rgb(6, 165, 154)","preview":"rgb(88, 103, 232)","new_custom8":"rgb(6, 165, 154)"}}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { getPathPrefix, getToken } from 'lightning/configProvider';
|
|
2
|
-
import isIframeInEdge from './isIframeInEdge';
|
|
3
2
|
|
|
4
3
|
const validNameRe = /^([a-zA-Z]+):([a-zA-Z]\w*)$/;
|
|
5
4
|
const underscoreRe = /_/g;
|
|
@@ -65,17 +64,6 @@ export const getIconPath = (iconName, direction = 'ltr') => {
|
|
|
65
64
|
if (isValidName(iconName)) {
|
|
66
65
|
const baseIconPath = getBaseIconPath(getCategory(iconName), direction);
|
|
67
66
|
if (baseIconPath) {
|
|
68
|
-
// This check was introduced the following MS-Edge issue:
|
|
69
|
-
// https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/9655192/
|
|
70
|
-
// If and when this get fixed, we can safely remove this block of code.
|
|
71
|
-
if (isIframeInEdge) {
|
|
72
|
-
// protocol => 'https:' or 'http:'
|
|
73
|
-
// host => hostname + port
|
|
74
|
-
const origin = `${window.location.protocol}//${window.location.host}`;
|
|
75
|
-
return `${origin}${pathPrefix}${baseIconPath}#${getName(
|
|
76
|
-
iconName
|
|
77
|
-
)}`;
|
|
78
|
-
}
|
|
79
67
|
return `${pathPrefix}${baseIconPath}#${getName(iconName)}`;
|
|
80
68
|
}
|
|
81
69
|
}
|
|
@@ -1,93 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
|
-
This polyfill
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
rendered on the page, both end up as #image from the doctype sprite (last one
|
|
7
|
-
wins). SLDS cannot change their image IDs due to backwards-compatibility
|
|
8
|
-
reasons so we take care of this issue at runtime by adding namespacing as we
|
|
9
|
-
polyfill SVG elements.
|
|
10
|
-
|
|
11
|
-
For example, given "/assets/icons/action-sprite/svg/symbols.svg#approval", we
|
|
12
|
-
replace the "#approval" id with "#${namespace}-approval" and a similar
|
|
13
|
-
operation is done on the corresponding symbol element.
|
|
2
|
+
This polyfill is no longer needed, since we no longer
|
|
3
|
+
support IE or the non-Chromium versions of Edge
|
|
4
|
+
However, since it's exported to customers we can't
|
|
5
|
+
remove it from our repo entirely
|
|
14
6
|
**/
|
|
15
7
|
|
|
16
|
-
|
|
17
|
-
import supportsSvg from './supportsSvg';
|
|
18
|
-
|
|
19
|
-
const svgTagName = /svg/i;
|
|
20
|
-
const isSvgElement = (el) => el && svgTagName.test(el.nodeName);
|
|
21
|
-
|
|
22
|
-
const requestCache = {};
|
|
23
|
-
const symbolEls = {};
|
|
24
|
-
const svgFragments = {};
|
|
25
|
-
|
|
26
|
-
const spritesContainerId = 'slds-svg-sprites';
|
|
27
|
-
let spritesEl;
|
|
28
|
-
|
|
29
|
-
export function polyfill(el) {
|
|
30
|
-
if (!supportsSvg && isSvgElement(el)) {
|
|
31
|
-
if (!spritesEl) {
|
|
32
|
-
spritesEl = document.createElement('svg');
|
|
33
|
-
spritesEl.xmlns = 'http://www.w3.org/2000/svg';
|
|
34
|
-
spritesEl['xmlns:xlink'] = 'http://www.w3.org/1999/xlink';
|
|
35
|
-
spritesEl.style.display = 'none';
|
|
36
|
-
spritesEl.id = spritesContainerId;
|
|
37
|
-
|
|
38
|
-
document.body.insertBefore(spritesEl, document.body.childNodes[0]);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
Array.from(el.getElementsByTagName('use')).forEach((use) => {
|
|
42
|
-
// We access the href differently in raptor and in aura, probably
|
|
43
|
-
// due to difference in the way the svg is constructed.
|
|
44
|
-
const src =
|
|
45
|
-
use.getAttribute('xlink:href') || use.getAttribute('href');
|
|
46
|
-
|
|
47
|
-
if (src) {
|
|
48
|
-
// "/assets/icons/action-sprite/svg/symbols.svg#approval" =>
|
|
49
|
-
// ["/assets/icons/action-sprite/svg/symbols.svg", "approval"]
|
|
50
|
-
const parts = src.split('#');
|
|
51
|
-
const url = parts[0];
|
|
52
|
-
const id = parts[1];
|
|
53
|
-
const namespace = url.replace(/[^\w]/g, '-');
|
|
54
|
-
const href = `#${namespace}-${id}`;
|
|
55
|
-
|
|
56
|
-
if (url.length) {
|
|
57
|
-
// set the HREF value to no longer be an external reference
|
|
58
|
-
if (use.getAttribute('xlink:href')) {
|
|
59
|
-
use.setAttribute('xlink:href', href);
|
|
60
|
-
} else {
|
|
61
|
-
use.setAttribute('href', href);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
// only insert SVG content if it hasn't already been retrieved
|
|
65
|
-
if (!requestCache[url]) {
|
|
66
|
-
requestCache[url] = fetchSvg(url);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
requestCache[url].then((svgContent) => {
|
|
70
|
-
// create a document fragment from the svgContent returned (is parsed by HTML parser)
|
|
71
|
-
if (!svgFragments[url]) {
|
|
72
|
-
const svgFragment = document
|
|
73
|
-
.createRange()
|
|
74
|
-
.createContextualFragment(svgContent);
|
|
75
|
-
|
|
76
|
-
svgFragments[url] = svgFragment;
|
|
77
|
-
}
|
|
78
|
-
if (!symbolEls[href]) {
|
|
79
|
-
const svgFragment = svgFragments[url];
|
|
80
|
-
const symbolEl = svgFragment.querySelector(
|
|
81
|
-
`#${id}`
|
|
82
|
-
);
|
|
83
|
-
|
|
84
|
-
symbolEls[href] = true;
|
|
85
|
-
symbolEl.id = `${namespace}-${id}`;
|
|
86
|
-
spritesEl.appendChild(symbolEl);
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
}
|
|
8
|
+
export function polyfill() {}
|
|
@@ -120,8 +120,8 @@ To apply custom styling, use the `:host` selector. Use SLDS styling hooks to cus
|
|
|
120
120
|
|
|
121
121
|
```css
|
|
122
122
|
:host {
|
|
123
|
-
--
|
|
124
|
-
--
|
|
123
|
+
--slds-c-checkbox-color-background-checked: green;
|
|
124
|
+
--slds-c-checkbox-mark-color-foreground: yellow;
|
|
125
125
|
}
|
|
126
126
|
```
|
|
127
127
|
|
|
@@ -555,7 +555,7 @@ to select a time.
|
|
|
555
555
|
|
|
556
556
|
On mobile devices, this component uses the native time picker, which ignores the `time-style` attribute. The native time picker uses the user's device settings for the input time format.
|
|
557
557
|
|
|
558
|
-
On desktop, this component uses a time picker styled with the Lightning Design System. This picker uses the user's Salesforce locale setting for the time format, either 12-hr time with AM/PM or 24-hr time format. The entered date and time are validated against the user's Salesforce locale format during the `blur` event.
|
|
558
|
+
On desktop, this component uses a time picker styled with the Lightning Design System. This picker uses the user's Salesforce locale setting for the time format, either 12-hr time with AM/PM or 24-hr time format. The entered date and time are validated against the user's Salesforce locale format during the `blur` event.
|
|
559
559
|
|
|
560
560
|
The component uses the attribute `time-style="short"` by default, so the time picker
|
|
561
561
|
displays time without seconds. To display time including seconds, set `time-style="medium"`.
|
|
@@ -596,8 +596,8 @@ To apply custom styling, use the `:host` selector. Use SLDS styling hooks to cus
|
|
|
596
596
|
|
|
597
597
|
```css
|
|
598
598
|
:host {
|
|
599
|
-
--
|
|
600
|
-
--
|
|
599
|
+
--slds-c-checkbox-toggle-switch-color-background: orange;
|
|
600
|
+
--slds-c-checkbox-toggle-color-background-checked: green;
|
|
601
601
|
}
|
|
602
602
|
```
|
|
603
603
|
|
|
@@ -1033,11 +1033,11 @@ This example creates two fields using `lightning-input` in a compound row simila
|
|
|
1033
1033
|
</fieldset>
|
|
1034
1034
|
```
|
|
1035
1035
|
|
|
1036
|
-
To apply custom styling, use the `:host` selector. Use SLDS styling hooks to customize the component's styles. For example, change the background color of the input fields using the `--
|
|
1036
|
+
To apply custom styling, use the `:host` selector. Use SLDS styling hooks to customize the component's styles. For example, change the background color of the input fields using the `--slds-c-input-color-background` custom property.
|
|
1037
1037
|
|
|
1038
1038
|
```css
|
|
1039
1039
|
:host {
|
|
1040
|
-
--
|
|
1040
|
+
--slds-c-input-color-background: orange;
|
|
1041
1041
|
}
|
|
1042
1042
|
```
|
|
1043
1043
|
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
<h2 class="header">Input Checkbox Button</h2>
|
|
4
4
|
<lightning-input type="checkbox-button" label="Input One" name="input1"></lightning-input>
|
|
5
5
|
<lightning-input type="checkbox-button" label="Input Two" name="input2" checked required></lightning-input>
|
|
6
|
-
<lightning-input type="checkbox-button" label="Input Three" name="input3"
|
|
6
|
+
<lightning-input type="checkbox-button" label="Input Three" name="input3" disabled></lightning-input>
|
|
7
|
+
<lightning-input type="checkbox-button" label="Input Four" name="input3" checked disabled></lightning-input>
|
|
7
8
|
</div>
|
|
8
9
|
</template>
|
|
@@ -19,11 +19,6 @@
|
|
|
19
19
|
<lightning-input type="number" name="input8" required value="5" label="Required number field with a maximum value of 99" max="99"></lightning-input>
|
|
20
20
|
</div>
|
|
21
21
|
|
|
22
|
-
<div>
|
|
23
|
-
<h2>Input Counter</h2>
|
|
24
|
-
<lightning-input type="counter" value="123" label="Input with a Counter"></lightning-input>
|
|
25
|
-
</div>
|
|
26
|
-
|
|
27
22
|
<div>
|
|
28
23
|
<h2>Live Input Number</h2>
|
|
29
24
|
<lightning-input type="number" name="seven" value={amount} onchange={handleAmountChange} placeholder="type the number of items..." label="Enter a number" ></lightning-input>
|