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.
Files changed (298) hide show
  1. package/metadata/raptor.json +9 -0
  2. package/package.json +57 -1
  3. package/src/lightning/accordion/__docs__/accordion.md +2 -2
  4. package/src/lightning/accordion/accordion.css +12 -0
  5. package/src/lightning/accordion/accordion.html +3 -1
  6. package/src/lightning/accordion/accordion.js +4 -2
  7. package/src/lightning/accordion/accordion.slds.css +671 -0
  8. package/src/lightning/accordionSection/accordion-section.slds.css +647 -0
  9. package/src/lightning/accordionSection/accordionSection.css +14 -0
  10. package/src/lightning/accordionSection/accordionSection.html +23 -19
  11. package/src/lightning/accordionSection/accordionSection.js +29 -2
  12. package/src/lightning/ariaObserver/__docs__/ariaObserver.md +21 -9
  13. package/src/lightning/ariaObserver/ariaObserver.js +185 -154
  14. package/src/lightning/ariaObserver/polyfill.js +639 -0
  15. package/src/lightning/avatar/__docs__/avatar.md +7 -7
  16. package/src/lightning/avatar/avatar.css +2 -0
  17. package/src/lightning/avatar/avatar.html +2 -0
  18. package/src/lightning/avatar/avatar.js +18 -15
  19. package/src/lightning/avatar/avatar.slds.css +272 -0
  20. package/src/lightning/badge/__docs__/badge.md +2 -2
  21. package/src/lightning/baseCombobox/base-combobox.slds.css +1585 -0
  22. package/src/lightning/baseCombobox/baseCombobox.css +11 -1
  23. package/src/lightning/baseCombobox/baseCombobox.html +154 -146
  24. package/src/lightning/baseCombobox/baseCombobox.js +122 -46
  25. package/src/lightning/baseCombobox/spinner.slds.css +438 -0
  26. package/src/lightning/baseComboboxItem/baseComboboxItem.js +4 -2
  27. package/src/lightning/baseComboboxItem/inline.css +2 -0
  28. package/src/lightning/breadcrumb/breadcrumb.css +2 -2
  29. package/src/lightning/breadcrumb/breadcrumb.js +4 -2
  30. package/src/lightning/breadcrumb/breadcrumb.slds.css +2 -7
  31. package/src/lightning/breadcrumbs/__docs__/breadcrumbs.md +3 -3
  32. package/src/lightning/breadcrumbs/breadcrumbs.css +2 -2
  33. package/src/lightning/breadcrumbs/breadcrumbs.js +3 -2
  34. package/src/lightning/breadcrumbs/breadcrumbs.slds.css +7 -1
  35. package/src/lightning/button/__docs__/button.md +15 -15
  36. package/src/lightning/button/__examples__/inverse/inverse.css +8 -0
  37. package/src/lightning/button/__examples__/inverse/inverse.html +3 -2
  38. package/src/lightning/button/button.css +2 -0
  39. package/src/lightning/button/button.html +4 -2
  40. package/src/lightning/button/button.js +21 -0
  41. package/src/lightning/button/button.slds.css +527 -0
  42. package/src/lightning/buttonGroup/buttonGroup.css +2 -2
  43. package/src/lightning/buttonGroup/buttonGroup.js +3 -2
  44. package/src/lightning/buttonIcon/__docs__/buttonIcon.md +9 -9
  45. package/src/lightning/buttonIcon/button-icon.slds.css +215 -453
  46. package/src/lightning/buttonIcon/buttonIcon.css +2 -2
  47. package/src/lightning/buttonIcon/buttonIcon.js +4 -0
  48. package/src/lightning/buttonIconStateful/__docs__/buttonIconStateful.md +9 -9
  49. package/src/lightning/buttonIconStateful/button-icon-stateful.slds.css +215 -453
  50. package/src/lightning/buttonIconStateful/buttonIconStateful.css +2 -2
  51. package/src/lightning/buttonMenu/__docs__/buttonMenu.md +8 -8
  52. package/src/lightning/buttonMenu/{dropdown.slds.css → button-menu.slds.css} +853 -217
  53. package/src/lightning/buttonMenu/buttonMenu.css +2 -2
  54. package/src/lightning/buttonMenu/buttonMenu.html +2 -2
  55. package/src/lightning/buttonMenu/buttonMenu.js +10 -14
  56. package/src/lightning/buttonStateful/__docs__/buttonStateful.md +12 -12
  57. package/src/lightning/buttonStateful/button-stateful.slds.css +225 -457
  58. package/src/lightning/buttonStateful/buttonStateful.css +2 -2
  59. package/src/lightning/buttonStateful/buttonStateful.js +3 -2
  60. package/src/lightning/calendar/__examples__/basic/basic.html +7 -0
  61. package/src/lightning/calendar/__examples__/basic/basic.js +3 -0
  62. package/src/lightning/calendar/calendar.css +3 -0
  63. package/src/lightning/calendar/calendar.html +12 -9
  64. package/src/lightning/calendar/calendar.js +18 -2
  65. package/src/lightning/calendar/calendar.slds.css +2048 -0
  66. package/src/lightning/card/__docs__/card.md +3 -3
  67. package/src/lightning/card/card.css +2 -2
  68. package/src/lightning/card/card.js +3 -2
  69. package/src/lightning/card/card.slds.css +141 -88
  70. package/src/lightning/checkboxGroup/__docs__/checkboxGroup.md +2 -2
  71. package/src/lightning/colorPickerCustom/colorPickerCustom.css +2 -2
  72. package/src/lightning/colorPickerCustom/colorPickerCustom.js +3 -2
  73. package/src/lightning/colorPickerPanel/color-picker-panel.slds.css +11 -38
  74. package/src/lightning/colorPickerPanel/colorPickerPanel.css +3 -2
  75. package/src/lightning/colorPickerPanel/colorPickerPanel.js +4 -2
  76. package/src/lightning/colorPickerPanel/popover.slds.css +121 -0
  77. package/src/lightning/combobox/combobox.css +4 -0
  78. package/src/lightning/combobox/combobox.html +31 -29
  79. package/src/lightning/combobox/combobox.js +21 -4
  80. package/src/lightning/combobox/combobox.slds.css +13 -0
  81. package/src/lightning/combobox/form-element.slds.css +281 -0
  82. package/src/lightning/configProvider/defaultConfig.js +2 -1
  83. package/src/lightning/datatable/__docs__/datatable.md +45 -35
  84. package/src/lightning/datatable/autoWidthStrategy.js +3 -0
  85. package/src/lightning/datatable/columnWidthManager.js +1 -1
  86. package/src/lightning/datatable/datatable.js +8 -7
  87. package/src/lightning/datatable/rowSelection.js +7 -4
  88. package/src/lightning/datatable/templates/table/table.html +1 -0
  89. package/src/lightning/datepicker/datepicker.css +3 -0
  90. package/src/lightning/datepicker/datepicker.html +7 -4
  91. package/src/lightning/datepicker/datepicker.js +76 -20
  92. package/src/lightning/datepicker/form-element.slds.css +281 -0
  93. package/src/lightning/datepicker/input-text.slds.css +398 -0
  94. package/src/lightning/datetimepicker/datetimepicker.css +3 -0
  95. package/src/lightning/datetimepicker/datetimepicker.html +9 -3
  96. package/src/lightning/datetimepicker/datetimepicker.js +42 -36
  97. package/src/lightning/datetimepicker/form-element.slds.css +281 -0
  98. package/src/lightning/datetimepicker/input-text.slds.css +398 -0
  99. package/src/lightning/dualListbox/dualListbox.css +2 -2
  100. package/src/lightning/dualListbox/dualListbox.html +3 -3
  101. package/src/lightning/dualListbox/dualListbox.js +47 -13
  102. package/src/lightning/dualListbox/form-element.slds.css +83 -34
  103. package/src/lightning/dualListbox/keyboard.js +20 -1
  104. package/src/lightning/dynamicIcon/dynamicIcon.js +3 -2
  105. package/src/lightning/dynamicIcon/ellie.css +1 -1
  106. package/src/lightning/dynamicIcon/eq.css +1 -1
  107. package/src/lightning/dynamicIcon/score.css +1 -1
  108. package/src/lightning/dynamicIcon/strength.css +1 -1
  109. package/src/lightning/dynamicIcon/trend.css +1 -1
  110. package/src/lightning/dynamicIcon/waffle.css +1 -1
  111. package/src/lightning/formattedRichText/formatted-rich-text.slds.css +230 -0
  112. package/src/lightning/formattedRichText/formattedRichText.css +2 -0
  113. package/src/lightning/formattedRichText/formattedRichText.js +4 -2
  114. package/src/lightning/formattedRichText/linkify.js +2 -2
  115. package/src/lightning/formattedText/formattedText.css +1 -0
  116. package/src/lightning/formattedText/formattedText.js +3 -2
  117. package/src/lightning/helptext/__docs__/helptext.md +2 -2
  118. package/src/lightning/helptext/form-element.slds.css +83 -34
  119. package/src/lightning/helptext/help-text.slds.css +215 -453
  120. package/src/lightning/helptext/helptext.css +2 -2
  121. package/src/lightning/helptext/helptext.js +3 -2
  122. package/src/lightning/i18nCldrOptions/README.md +5 -0
  123. package/src/lightning/i18nService/README.md +5 -0
  124. package/src/lightning/icon/__docs__/icon.md +5 -5
  125. package/src/lightning/icon/icon.css +2 -2
  126. package/src/lightning/icon/icon.js +21 -2
  127. package/src/lightning/icon/icon.slds.css +29 -17
  128. package/src/lightning/icon/iconColors.js +1 -0
  129. package/src/lightning/iconUtils/iconUtils.js +0 -12
  130. package/src/lightning/iconUtils/polyfill.js +5 -90
  131. package/src/lightning/input/__docs__/input.md +7 -7
  132. package/src/lightning/input/__examples__/checkboxbutton/checkboxbutton.css +6 -0
  133. package/src/lightning/input/__examples__/checkboxbutton/checkboxbutton.html +2 -1
  134. package/src/lightning/input/__examples__/checkboxbutton/checkboxbutton.js +1 -1
  135. package/src/lightning/input/__examples__/number/number.html +0 -5
  136. package/src/lightning/input/__examples__/text/text.html +0 -1
  137. package/src/lightning/input/form-element.slds.css +281 -0
  138. package/src/lightning/input/input.css +2 -3
  139. package/src/lightning/input/input.html +154 -244
  140. package/src/lightning/input/input.js +306 -595
  141. package/src/lightning/inputAddress/__docs__/inputAddress.md +3 -3
  142. package/src/lightning/inputUtils/inputUtils.js +15 -20
  143. package/src/lightning/inputUtils/normalize.js +7 -0
  144. package/src/lightning/{input/numberUtil.js → inputUtils/number.js} +1 -1
  145. package/src/lightning/inputUtils/utils.js +18 -0
  146. package/src/lightning/internationalizationLibrary/README.md +24 -0
  147. package/src/lightning/internationalizationLibrary/utils.js +4 -1
  148. package/src/lightning/layout/__docs__/layout.md +1 -1
  149. package/src/lightning/layout/__examples__/simple/simple.css +1 -1
  150. package/src/lightning/layout/layout.css +5 -1
  151. package/src/lightning/layout/layout.js +4 -2
  152. package/src/lightning/layoutItem/__examples__/alignmentBump/alignmentBump.css +1 -1
  153. package/src/lightning/layoutItem/__examples__/sizePerDevice/sizePerDevice.css +0 -1
  154. package/src/lightning/layoutItem/layoutItem.css +5 -0
  155. package/src/lightning/layoutItem/layoutItem.js +4 -2
  156. package/src/lightning/menuDivider/menu-divider.slds.css +15 -0
  157. package/src/lightning/menuDivider/menuDivider.css +3 -0
  158. package/src/lightning/menuDivider/menuDivider.html +1 -1
  159. package/src/lightning/menuDivider/menuDivider.js +4 -2
  160. package/src/lightning/menuItem/menu-item.slds.css +140 -0
  161. package/src/lightning/menuItem/menuItem.css +3 -0
  162. package/src/lightning/menuItem/menuItem.html +43 -41
  163. package/src/lightning/menuItem/menuItem.js +4 -4
  164. package/src/lightning/menuSubheader/menu-subheader.slds.css +22 -0
  165. package/src/lightning/menuSubheader/menuSubheader.css +3 -0
  166. package/src/lightning/menuSubheader/menuSubheader.html +3 -1
  167. package/src/lightning/menuSubheader/menuSubheader.js +4 -6
  168. package/src/lightning/modal/__docs__/modal.md +3 -1
  169. package/src/lightning/modal/__modalUtils__/modalContainerTestConstants.js +267 -0
  170. package/src/lightning/modal/__modalUtils__/modalContainerTestMethods.js +1165 -0
  171. package/src/lightning/modal/__modalUtils__/modalContainerTestMockData.js +131 -0
  172. package/src/lightning/modal/modal.js +1 -1
  173. package/src/lightning/modalBody/__docs__/modalBody.md +9 -9
  174. package/src/lightning/modalFooter/__docs__/modalFooter.md +9 -9
  175. package/src/lightning/modalHeader/__docs__/modalHeader.md +9 -9
  176. package/src/lightning/overlayContainer/overlayContainer.js +4 -2
  177. package/src/lightning/pill/__docs__/pill.md +3 -3
  178. package/src/lightning/pill/avatar.slds.css +272 -0
  179. package/src/lightning/pill/link.css +3 -0
  180. package/src/lightning/pill/link.html +1 -1
  181. package/src/lightning/pill/pill.js +29 -9
  182. package/src/lightning/pill/pill.slds.css +168 -0
  183. package/src/lightning/pill/plain.css +3 -0
  184. package/src/lightning/pill/plain.html +1 -1
  185. package/src/lightning/pill/plainLink.css +3 -0
  186. package/src/lightning/pill/plainLink.html +1 -1
  187. package/src/lightning/pillContainer/__docs__/pillContainer.md +14 -14
  188. package/src/lightning/pillContainer/barePillContainer.css +3 -0
  189. package/src/lightning/pillContainer/barePillContainer.html +1 -2
  190. package/src/lightning/pillContainer/listbox.slds.css +267 -0
  191. package/src/lightning/pillContainer/pill-container.slds.css +22 -0
  192. package/src/lightning/pillContainer/pill.slds.css +168 -0
  193. package/src/lightning/pillContainer/pillContainer.js +7 -3
  194. package/src/lightning/pillContainer/standardPillContainer.css +4 -0
  195. package/src/lightning/pillContainer/standardPillContainer.html +2 -2
  196. package/src/lightning/popup/popover.slds.css +119 -119
  197. package/src/lightning/popup/popup.css +1 -2
  198. package/src/lightning/popup/popup.js +3 -2
  199. package/src/lightning/positionLibrary/elementProxy.js +7 -2
  200. package/src/lightning/positionLibrary/util.js +8 -0
  201. package/src/lightning/primitiveBubble/primitiveBubble.css +2 -2
  202. package/src/lightning/primitiveBubble/primitiveBubble.js +4 -2
  203. package/src/lightning/primitiveButton/primitiveButton.js +5 -4
  204. package/src/lightning/primitiveCellFactory/cellWithStandardLayout.html +29 -21
  205. package/src/lightning/primitiveCellFactory/primitiveCellFactory.js +4 -0
  206. package/src/lightning/primitiveColorpickerButton/color-picker-button.slds.css +31 -19
  207. package/src/lightning/primitiveColorpickerButton/primitiveColorpickerButton.css +2 -2
  208. package/src/lightning/primitiveColorpickerButton/primitiveColorpickerButton.js +5 -3
  209. package/src/lightning/primitiveIcon/icon.slds.css +209 -0
  210. package/src/lightning/primitiveIcon/primitiveIcon.css +2 -1
  211. package/src/lightning/primitiveIcon/primitiveIcon.html +1 -1
  212. package/src/lightning/primitiveIcon/primitiveIcon.js +26 -16
  213. package/src/lightning/progressStep/progressStep.js +10 -13
  214. package/src/lightning/radioGroup/__docs__/radioGroup.md +4 -4
  215. package/src/lightning/radioGroup/radioGroup.css +2 -1
  216. package/src/lightning/radioGroup/radioGroup.js +4 -2
  217. package/src/lightning/select/__docs__/select.md +2 -2
  218. package/src/lightning/select/form-element.slds.css +83 -34
  219. package/src/lightning/select/select.css +2 -2
  220. package/src/lightning/select/select.js +4 -2
  221. package/src/lightning/select/select.slds.css +86 -34
  222. package/src/lightning/shadowBaseClassPrivate/shadowBaseClassPrivate.js +1 -1
  223. package/src/lightning/sldsCommon/sldsCommon.css +251 -89
  224. package/src/lightning/sldsUtilsAlignment/sldsUtilsAlignment.css +10 -0
  225. package/src/lightning/sldsUtilsAlignment/sldsUtilsAlignment.js-meta.xml +4 -0
  226. package/src/lightning/sldsUtilsBorders/sldsUtilsBorders.css +18 -0
  227. package/src/lightning/sldsUtilsBorders/sldsUtilsBorders.js-meta.xml +4 -0
  228. package/src/lightning/sldsUtilsBox/sldsUtilsBox.css +24 -0
  229. package/src/lightning/sldsUtilsBox/sldsUtilsBox.js-meta.xml +4 -0
  230. package/src/lightning/sldsUtilsFloats/sldsUtilsFloats.css +20 -0
  231. package/src/lightning/sldsUtilsFloats/sldsUtilsFloats.js-meta.xml +4 -0
  232. package/src/lightning/sldsUtilsGrid/sldsUtilsGrid.css +259 -0
  233. package/src/lightning/sldsUtilsGrid/sldsUtilsGrid.js-meta.xml +4 -0
  234. package/src/lightning/sldsUtilsHyphenation/sldsUtilsHyphenation.css +8 -0
  235. package/src/lightning/sldsUtilsHyphenation/sldsUtilsHyphenation.js-meta.xml +4 -0
  236. package/src/lightning/sldsUtilsLineClamp/sldsUtilsLineClamp.css +57 -0
  237. package/src/lightning/sldsUtilsLineClamp/sldsUtilsLineClamp.js-meta.xml +4 -0
  238. package/src/lightning/sldsUtilsMargin/sldsUtilsMargin.css +313 -0
  239. package/src/lightning/sldsUtilsMargin/sldsUtilsMargin.js-meta.xml +4 -0
  240. package/src/lightning/sldsUtilsPadding/sldsUtilsPadding.css +308 -0
  241. package/src/lightning/sldsUtilsPadding/sldsUtilsPadding.js-meta.xml +4 -0
  242. package/src/lightning/sldsUtilsPosition/sldsUtilsPosition.css +18 -0
  243. package/src/lightning/sldsUtilsPosition/sldsUtilsPosition.js-meta.xml +4 -0
  244. package/src/lightning/sldsUtilsSizing/sldsUtilsSizing.css +1408 -0
  245. package/src/lightning/sldsUtilsSizing/sldsUtilsSizing.js-meta.xml +4 -0
  246. package/src/lightning/sldsUtilsThemes/sldsUtilsThemes.css +295 -0
  247. package/src/lightning/sldsUtilsThemes/sldsUtilsThemes.js-meta.xml +4 -0
  248. package/src/lightning/sldsUtilsTruncation/sldsUtilsTruncation.css +14 -0
  249. package/src/lightning/sldsUtilsTruncation/sldsUtilsTruncation.js-meta.xml +4 -0
  250. package/src/lightning/slider/__docs__/slider.md +2 -2
  251. package/src/lightning/spinner/spinner.css +2 -2
  252. package/src/lightning/spinner/spinner.js +4 -2
  253. package/src/lightning/tabBar/tab-bar.slds.css +334 -0
  254. package/src/lightning/tabBar/tabBar.css +2 -0
  255. package/src/lightning/tabBar/tabBar.html +4 -3
  256. package/src/lightning/tabBar/tabBar.js +30 -3
  257. package/src/lightning/tabset/__docs__/tabset.md +2 -2
  258. package/src/lightning/tabset/tabset.html +5 -4
  259. package/src/lightning/tabset/tabset.js +29 -11
  260. package/src/lightning/textarea/__docs__/textarea.md +2 -2
  261. package/src/lightning/timepicker/form-element.slds.css +281 -0
  262. package/src/lightning/timepicker/timepicker.css +3 -0
  263. package/src/lightning/timepicker/timepicker.html +5 -1
  264. package/src/lightning/timepicker/timepicker.js +22 -17
  265. package/src/lightning/timepicker/timepicker.slds.css +18 -0
  266. package/src/lightning/toast/toast.js-meta.xml +2 -0
  267. package/src/lightning/toastContainer/__docs__/toastContainer.md +14 -34
  268. package/src/lightning/toastContainer/toastContainer.js +10 -15
  269. package/src/lightning/tooltipLibrary/tooltipLibrary.js +32 -23
  270. package/src/lightning/utilsPrivate/browser.js +5 -3
  271. package/src/lightning/utilsPrivate/os.js +6 -4
  272. package/src/lightning/utilsPrivate/ssr.js +4 -0
  273. package/src/lightning/utilsPrivate/utilsPrivate.js +2 -0
  274. package/src/lightning/verticalNavigation/verticalNavigation.css +2 -1
  275. package/src/lightning/verticalNavigation/verticalNavigation.js +3 -2
  276. package/src/lightning/verticalNavigationSection/verticalNavigationSection.css +2 -1
  277. package/src/lightning/verticalNavigationSection/verticalNavigationSection.js +3 -2
  278. package/src/lightning/accordion/__perf__DISABLED/accordion-perf-utils.js +0 -76
  279. package/src/lightning/accordion/__perf__DISABLED/accordion10Multiple25SectionEach.perf.js +0 -57
  280. package/src/lightning/accordion/__perf__DISABLED/accordion10Simple25SectionEach.perf.js +0 -37
  281. package/src/lightning/accordion/__perf__DISABLED/accordionMultiple50Section.perf.js +0 -45
  282. package/src/lightning/accordion/__perf__DISABLED/accordionSimple50Section.perf.js +0 -35
  283. package/src/lightning/accordion/__perf__DISABLED/container/container.html +0 -15
  284. package/src/lightning/accordion/__perf__DISABLED/container/container.js +0 -7
  285. package/src/lightning/iconUtils/isIframeInEdge.js +0 -7
  286. package/src/lightning/iconUtils/supportsSvg.js +0 -16
  287. package/src/lightning/input/input-checkbox.slds.css +0 -404
  288. package/src/lightning/input/input-text.slds.css +0 -287
  289. package/src/lightning/input/normalize.js +0 -6
  290. package/src/lightning/input/selection.js +0 -131
  291. package/src/lightning/positionLibrary/__component__/positionLibraryBounding.spec.js +0 -319
  292. package/src/lightning/positionLibrary/__component__/x/bounding/bounding.css +0 -16
  293. package/src/lightning/positionLibrary/__component__/x/bounding/bounding.html +0 -36
  294. package/src/lightning/positionLibrary/__component__/x/bounding/bounding.js +0 -122
  295. /package/src/lightning/{baseCombobox → baseComboboxItem}/listbox.slds.css +0 -0
  296. /package/src/lightning/formattedRichText/{__examples__disabled → __examples__}/basic/basic.html +0 -0
  297. /package/src/lightning/formattedRichText/{__examples__disabled → __examples__}/basic/basic.js +0 -0
  298. /package/src/lightning/{input/emailUtil.js → inputUtils/email.js} +0 -0
@@ -1,3 +1,3 @@
1
- /* @import 'lightning/sldsCommon';
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 { LightningElement, api, track } from 'lwc';
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 LightningElement {
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 `--sds-c-icon-color-*` custom properties.
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
- --sds-c-icon-color-foreground-default: orange;
91
- --sds-c-icon-color-background: gray;
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
- --sds-c-icon-color-foreground: orange;
100
- --sds-c-icon-color-background: gray;
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
- /* @import "lightning/sldsCommon";
2
- @import "./icon.slds.css"; */
1
+ @import 'lightning/sldsCommon';
2
+ @import './icon.slds.css';
@@ -1,4 +1,5 @@
1
- import { LightningElement, api } from 'lwc';
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 LightningElement {
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.875rem;
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-4);
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-contrast-1);
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-contrast-1);
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-contrast-1);
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-1));
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: 50%;
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, #706e6b)
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: #dddbda;
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 injects SVG sprites into the document for clients that don't
3
- fully support SVG. We do this globally at the document level for performance
4
- reasons. This causes us to lose namespacing of IDs across sprites. For example,
5
- if both #image from utility sprite and #image from doctype sprite need to be
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
- import fetchSvg from './fetchSvg';
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
- --sds-c-checkbox-color-background-checked: green;
124
- --sds-c-checkbox-mark-color-foreground: yellow;
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
- --sds-c-checkbox-toggle-switch-color-background: orange;
600
- --sds-c-checkbox-toggle-color-background-checked: green;
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 `--sds-c-input-color-background` custom property.
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
- --sds-c-input-color-background: orange;
1040
+ --slds-c-input-color-background: orange;
1041
1041
  }
1042
1042
  ```
1043
1043
 
@@ -0,0 +1,6 @@
1
+ .slds-box {
2
+ padding: 1rem;
3
+ margin: 0;
4
+ border-radius: .25rem;
5
+ border: 1px solid lightgrey;
6
+ }
@@ -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" checked disabled></lightning-input>
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>
@@ -1,3 +1,3 @@
1
1
  import { LightningElement } from 'lwc';
2
2
 
3
- export default class InputCheckboxBasic extends LightningElement {}
3
+ export default class InputCheckboxButton extends LightningElement {}
@@ -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>
@@ -86,5 +86,4 @@
86
86
  <lightning-input type="text" label="Enter some text" placeholder="type here..." maxlength="10"></lightning-input>
87
87
  </div>
88
88
  </div>
89
-
90
89
  </template>