lightning-base-components 1.18.8-alpha → 1.19.1-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (314) hide show
  1. package/README.md +1 -1
  2. package/metadata/raptor.json +51 -1
  3. package/package.json +25 -1
  4. package/scopedImports/@salesforce-internal-core.appVersion.js +1 -1
  5. package/scopedImports/@salesforce-label-LightningProgressRing.complete.js +1 -0
  6. package/scopedImports/@salesforce-label-LightningProgressRing.expired.js +1 -0
  7. package/scopedImports/@salesforce-label-LightningProgressRing.warning.js +1 -0
  8. package/scopedImports/@salesforce-label-LightningRecordPicker.defaultSelectedRecordErrorMessage.js +1 -0
  9. package/scopedImports/@salesforce-label-LightningRecordPicker.invalidConfigurationErrorMessage.js +1 -1
  10. package/scopedImports/@salesforce-label-LightningRecordPicker.loadingPlaceholder.js +1 -0
  11. package/scopedImports/@salesforce-label-LightningRecordPicker.messageWhenBadInputDefault.js +1 -0
  12. package/scopedImports/@salesforce-label-LightningServiceCloudVoiceToolkitApi.missingNbaParams.js +1 -1
  13. package/src/lightning/accordion/__docs__/accordion.md +2 -2
  14. package/src/lightning/accordion/accordion.slds.css +30 -29
  15. package/src/lightning/accordionSection/__docs__/accordionSection.md +1 -1
  16. package/src/lightning/accordionSection/accordion-section.slds.css +26 -24
  17. package/src/lightning/avatar/__docs__/avatar.md +1 -1
  18. package/src/lightning/avatar/avatar.slds.css +21 -22
  19. package/src/lightning/badge/__docs__/badge.md +1 -1
  20. package/src/lightning/barcodeScanner/__docs__/barcodeScanner.md +2 -2
  21. package/src/lightning/baseCombobox/base-combobox.slds.css +48 -71
  22. package/src/lightning/baseCombobox/baseCombobox.js +20 -7
  23. package/src/lightning/baseComboboxItem/listbox.slds.css +10 -25
  24. package/src/lightning/breadcrumb/breadcrumb.slds.css +2 -2
  25. package/src/lightning/breadcrumbs/__docs__/breadcrumbs.md +3 -3
  26. package/src/lightning/breadcrumbs/breadcrumbs.slds.css +4 -3
  27. package/src/lightning/button/__docs__/button.md +8 -8
  28. package/src/lightning/button/button.js +1 -0
  29. package/src/lightning/button/button.slds.css +3 -3
  30. package/src/lightning/buttonGroup/__docs__/buttonGroup.md +1 -1
  31. package/src/lightning/buttonIcon/__docs__/buttonIcon.md +1 -1
  32. package/src/lightning/buttonIcon/button-icon.slds.css +6 -6
  33. package/src/lightning/buttonIcon/buttonIcon.js +1 -0
  34. package/src/lightning/buttonIconStateful/__docs__/buttonIconStateful.md +1 -1
  35. package/src/lightning/buttonIconStateful/button-icon-stateful.slds.css +6 -6
  36. package/src/lightning/buttonIconStateful/buttonIconStateful.css +4 -0
  37. package/src/lightning/buttonMenu/__docs__/buttonMenu.md +3 -1
  38. package/src/lightning/buttonMenu/button-menu.slds.css +42 -51
  39. package/src/lightning/buttonMenu/buttonMenu.js +4 -1
  40. package/src/lightning/buttonStateful/__docs__/buttonStateful.md +2 -2
  41. package/src/lightning/buttonStateful/button-stateful.slds.css +19 -22
  42. package/src/lightning/calendar/calendar.slds.css +39 -48
  43. package/src/lightning/card/__docs__/card.md +5 -5
  44. package/src/lightning/card/card.slds.css +37 -18
  45. package/src/lightning/colorPickerCustom/color-picker-custom.slds.css +3 -3
  46. package/src/lightning/colorPickerPanel/popover.slds.css +1 -1
  47. package/src/lightning/combobox/__docs__/combobox.md +2 -0
  48. package/src/lightning/combobox/combobox.html +3 -2
  49. package/src/lightning/combobox/combobox.js +2 -0
  50. package/src/lightning/combobox/form-element.slds.css +23 -24
  51. package/src/lightning/datatable/__docs__/datatable.md +63 -8
  52. package/src/lightning/datepicker/datepicker.html +1 -1
  53. package/src/lightning/datepicker/datepicker.js +8 -0
  54. package/src/lightning/datepicker/form-element.slds.css +23 -24
  55. package/src/lightning/datepicker/input-text.slds.css +16 -16
  56. package/src/lightning/datetimepicker/form-element.slds.css +23 -24
  57. package/src/lightning/datetimepicker/input-text.slds.css +16 -16
  58. package/src/lightning/dialog/README.md +1 -1
  59. package/src/lightning/dualListbox/__docs__/dualListbox.md +1 -1
  60. package/src/lightning/dualListbox/dual-listbox.slds.css +4 -13
  61. package/src/lightning/dualListbox/form-element.slds.css +23 -24
  62. package/src/lightning/dualListbox/listbox.slds.css +10 -25
  63. package/src/lightning/dynamicIcon/dynamic-icon-ellie.slds.css +2 -2
  64. package/src/lightning/dynamicIcon/dynamic-icon-eq.slds.css +1 -1
  65. package/src/lightning/dynamicIcon/dynamic-icon-trend.slds.css +1 -1
  66. package/src/lightning/formattedDateTime/__docs__/formattedDateTime.md +1 -1
  67. package/src/lightning/formattedNumber/__docs__/formattedNumber.md +1 -1
  68. package/src/lightning/formattedRichText/formatted-rich-text.slds.css +0 -2
  69. package/src/lightning/helptext/form-element.slds.css +23 -24
  70. package/src/lightning/helptext/help-text.slds.css +6 -6
  71. package/src/lightning/icon/__docs__/icon.md +2 -2
  72. package/src/lightning/icon/icon.html +9 -3
  73. package/src/lightning/icon/icon.js +16 -12
  74. package/src/lightning/icon/icon.slds.css +14 -14
  75. package/src/lightning/iconSvgTemplates/buildTemplates/standard/attribute_based_pricing.html +10 -0
  76. package/src/lightning/iconSvgTemplates/buildTemplates/standard/bundles_pricing.html +7 -0
  77. package/src/lightning/iconSvgTemplates/buildTemplates/standard/data_cloud.html +8 -0
  78. package/src/lightning/iconSvgTemplates/buildTemplates/standard/data_graph.html +7 -0
  79. package/src/lightning/iconSvgTemplates/buildTemplates/standard/dynamic_highlights_panel.html +7 -0
  80. package/src/lightning/iconSvgTemplates/buildTemplates/standard/header_discounts.html +7 -0
  81. package/src/lightning/iconSvgTemplates/buildTemplates/standard/impact_outcome.html +7 -0
  82. package/src/lightning/iconSvgTemplates/buildTemplates/standard/impact_strategy.html +7 -0
  83. package/src/lightning/iconSvgTemplates/buildTemplates/standard/impact_strategy_assignment.html +7 -0
  84. package/src/lightning/iconSvgTemplates/buildTemplates/standard/indicator_assignment.html +8 -0
  85. package/src/lightning/iconSvgTemplates/buildTemplates/standard/indicator_definition.html +8 -0
  86. package/src/lightning/iconSvgTemplates/buildTemplates/standard/indicator_performance_period.html +7 -0
  87. package/src/lightning/iconSvgTemplates/buildTemplates/standard/indicator_result.html +8 -0
  88. package/src/lightning/iconSvgTemplates/buildTemplates/standard/manual_discounts.html +9 -0
  89. package/src/lightning/iconSvgTemplates/buildTemplates/standard/no_code_model.html +7 -0
  90. package/src/lightning/iconSvgTemplates/buildTemplates/standard/outcome_activity.html +7 -0
  91. package/src/lightning/iconSvgTemplates/buildTemplates/standard/panel_detail.html +8 -0
  92. package/src/lightning/iconSvgTemplates/buildTemplates/standard/price_adjustment_matrix.html +8 -0
  93. package/src/lightning/iconSvgTemplates/buildTemplates/standard/registered_model.html +7 -0
  94. package/src/lightning/iconSvgTemplates/buildTemplates/standard/repeaters.html +7 -0
  95. package/src/lightning/iconSvgTemplates/buildTemplates/standard/scheduling_workspace.html +7 -0
  96. package/src/lightning/iconSvgTemplates/buildTemplates/standard/story.html +4 -2
  97. package/src/lightning/iconSvgTemplates/buildTemplates/standard/time_period.html +7 -0
  98. package/src/lightning/iconSvgTemplates/buildTemplates/standard/travel_mode.html +2 -2
  99. package/src/lightning/iconSvgTemplates/buildTemplates/standard/uploaded_model.html +7 -0
  100. package/src/lightning/iconSvgTemplates/buildTemplates/standard/volume_discounts.html +7 -0
  101. package/src/lightning/iconSvgTemplates/buildTemplates/standard/walkthroughs.html +8 -0
  102. package/src/lightning/iconSvgTemplates/buildTemplates/templates.js +38 -1
  103. package/src/lightning/iconSvgTemplates/buildTemplates/utility/apex_alt.html +8 -0
  104. package/src/lightning/iconSvgTemplates/buildTemplates/utility/data_cloud.html +8 -0
  105. package/src/lightning/iconSvgTemplates/buildTemplates/utility/data_graph.html +7 -0
  106. package/src/lightning/iconSvgTemplates/buildTemplates/utility/data_transforms.html +7 -0
  107. package/src/lightning/iconSvgTemplates/buildTemplates/utility/edit_gpt.html +8 -0
  108. package/src/lightning/iconSvgTemplates/buildTemplates/utility/einstein.html +4 -2
  109. package/src/lightning/iconSvgTemplates/buildTemplates/utility/guidance.html +8 -0
  110. package/src/lightning/iconSvgTemplates/buildTemplates/utility/indicator_performance_period.html +7 -0
  111. package/src/lightning/iconSvgTemplates/buildTemplates/utility/mixed_sources_mapping.html +8 -0
  112. package/src/lightning/iconSvgTemplates/buildTemplates/utility/page_structure.html +7 -0
  113. package/src/lightning/iconSvgTemplates/buildTemplates/utility/sparkles.html +7 -0
  114. package/src/lightning/iconSvgTemplates/buildTemplates/utility/visibility_rule_assigned.html +7 -0
  115. package/src/lightning/iconSvgTemplates/buildTemplates/utility/walkthroughs.html +8 -0
  116. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/attribute_based_pricing.html +10 -0
  117. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/bundles_pricing.html +7 -0
  118. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/data_cloud.html +8 -0
  119. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/data_graph.html +7 -0
  120. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/dynamic_highlights_panel.html +7 -0
  121. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/header_discounts.html +7 -0
  122. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/impact_outcome.html +7 -0
  123. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/impact_strategy.html +7 -0
  124. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/impact_strategy_assignment.html +7 -0
  125. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/indicator_assignment.html +8 -0
  126. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/indicator_definition.html +8 -0
  127. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/indicator_performance_period.html +7 -0
  128. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/indicator_result.html +8 -0
  129. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/manual_discounts.html +9 -0
  130. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/no_code_model.html +7 -0
  131. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/outcome_activity.html +7 -0
  132. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/panel_detail.html +8 -0
  133. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/price_adjustment_matrix.html +8 -0
  134. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/registered_model.html +7 -0
  135. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/repeaters.html +7 -0
  136. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/scheduling_workspace.html +7 -0
  137. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/story.html +4 -2
  138. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/time_period.html +7 -0
  139. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/travel_mode.html +2 -2
  140. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/uploaded_model.html +7 -0
  141. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/volume_discounts.html +7 -0
  142. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/walkthroughs.html +8 -0
  143. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/templates.js +38 -1
  144. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/apex_alt.html +8 -0
  145. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/data_cloud.html +8 -0
  146. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/data_graph.html +7 -0
  147. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/data_transforms.html +7 -0
  148. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/edit_gpt.html +8 -0
  149. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/einstein.html +4 -2
  150. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/guidance.html +8 -0
  151. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/indicator_performance_period.html +7 -0
  152. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/mixed_sources_mapping.html +8 -0
  153. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/page_structure.html +7 -0
  154. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/sparkles.html +7 -0
  155. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/visibility_rule_assigned.html +7 -0
  156. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/walkthroughs.html +8 -0
  157. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/attribute_based_pricing.html +10 -0
  158. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/bundles_pricing.html +7 -0
  159. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/data_cloud.html +8 -0
  160. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/data_graph.html +7 -0
  161. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/dynamic_highlights_panel.html +7 -0
  162. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/header_discounts.html +7 -0
  163. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/impact_outcome.html +7 -0
  164. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/impact_strategy.html +7 -0
  165. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/impact_strategy_assignment.html +7 -0
  166. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/indicator_assignment.html +8 -0
  167. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/indicator_definition.html +8 -0
  168. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/indicator_performance_period.html +7 -0
  169. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/indicator_result.html +8 -0
  170. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/manual_discounts.html +9 -0
  171. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/no_code_model.html +7 -0
  172. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/outcome_activity.html +7 -0
  173. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/panel_detail.html +8 -0
  174. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/price_adjustment_matrix.html +8 -0
  175. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/registered_model.html +7 -0
  176. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/repeaters.html +7 -0
  177. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/scheduling_workspace.html +7 -0
  178. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/story.html +4 -2
  179. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/time_period.html +7 -0
  180. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/travel_mode.html +2 -2
  181. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/uploaded_model.html +7 -0
  182. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/volume_discounts.html +7 -0
  183. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/walkthroughs.html +8 -0
  184. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/templates.js +26 -1
  185. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/attribute_based_pricing.html +10 -0
  186. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/bundles_pricing.html +7 -0
  187. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/data_cloud.html +8 -0
  188. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/data_graph.html +7 -0
  189. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/dynamic_highlights_panel.html +7 -0
  190. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/header_discounts.html +7 -0
  191. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/impact_outcome.html +7 -0
  192. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/impact_strategy.html +7 -0
  193. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/impact_strategy_assignment.html +7 -0
  194. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/indicator_assignment.html +8 -0
  195. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/indicator_definition.html +8 -0
  196. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/indicator_performance_period.html +7 -0
  197. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/indicator_result.html +8 -0
  198. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/manual_discounts.html +9 -0
  199. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/no_code_model.html +7 -0
  200. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/outcome_activity.html +7 -0
  201. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/panel_detail.html +8 -0
  202. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/price_adjustment_matrix.html +8 -0
  203. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/registered_model.html +7 -0
  204. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/repeaters.html +7 -0
  205. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/scheduling_workspace.html +7 -0
  206. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/story.html +4 -2
  207. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/time_period.html +7 -0
  208. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/travel_mode.html +2 -2
  209. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/uploaded_model.html +7 -0
  210. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/volume_discounts.html +7 -0
  211. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/walkthroughs.html +8 -0
  212. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/templates.js +26 -1
  213. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/templates.js +13 -1
  214. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/apex_alt.html +8 -0
  215. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/data_cloud.html +8 -0
  216. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/data_graph.html +7 -0
  217. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/data_transforms.html +7 -0
  218. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/edit_gpt.html +8 -0
  219. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/einstein.html +4 -2
  220. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/guidance.html +8 -0
  221. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/indicator_performance_period.html +7 -0
  222. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/mixed_sources_mapping.html +8 -0
  223. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/page_structure.html +7 -0
  224. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/sparkles.html +7 -0
  225. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/visibility_rule_assigned.html +7 -0
  226. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/walkthroughs.html +8 -0
  227. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/templates.js +13 -1
  228. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/apex_alt.html +8 -0
  229. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/data_cloud.html +8 -0
  230. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/data_graph.html +7 -0
  231. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/data_transforms.html +7 -0
  232. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/edit_gpt.html +8 -0
  233. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/einstein.html +4 -2
  234. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/guidance.html +8 -0
  235. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/indicator_performance_period.html +7 -0
  236. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/mixed_sources_mapping.html +8 -0
  237. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/page_structure.html +7 -0
  238. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/sparkles.html +7 -0
  239. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/visibility_rule_assigned.html +7 -0
  240. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/walkthroughs.html +8 -0
  241. package/src/lightning/iconUtils/iconColors.js +1 -0
  242. package/src/lightning/iconUtils/iconUtils.js +10 -0
  243. package/src/lightning/input/__docs__/input.md +11 -6
  244. package/src/lightning/input/form-element.slds.css +23 -24
  245. package/src/lightning/input/input.html +2 -3
  246. package/src/lightning/input/input.js +14 -10
  247. package/src/lightning/inputAddress/__docs__/inputAddress.md +5 -5
  248. package/src/lightning/inputName/__docs__/inputName.md +4 -4
  249. package/src/lightning/layoutItem/__docs__/layoutItem.md +1 -1
  250. package/src/lightning/menuItem/menu-item.slds.css +3 -3
  251. package/src/lightning/modal/__docs__/migration.md +9 -9
  252. package/src/lightning/modal/__docs__/modal.md +5 -5
  253. package/src/lightning/modal/__modalUtils__/modalContainerTestConstants.js +2 -4
  254. package/src/lightning/modal/__modalUtils__/modalContainerTestMethods.js +96 -58
  255. package/src/lightning/modalBase/modalBase.js +26 -76
  256. package/src/lightning/modalBody/__docs__/modalBody.md +3 -3
  257. package/src/lightning/modalBody/modalBody.js +33 -36
  258. package/src/lightning/modalFooter/__docs__/modalFooter.md +3 -3
  259. package/src/lightning/modalFooter/modalFooter.js +1 -76
  260. package/src/lightning/modalHeader/__docs__/modalHeader.md +3 -3
  261. package/src/lightning/modalHeader/modalHeader.js +0 -68
  262. package/src/lightning/navigation/__docs__/navigation.md +3 -3
  263. package/src/lightning/pill/__docs__/pill.md +2 -2
  264. package/src/lightning/pill/avatar.slds.css +21 -22
  265. package/src/lightning/pill/pill.slds.css +17 -9
  266. package/src/lightning/pillContainer/__docs__/pillContainer.md +1 -1
  267. package/src/lightning/pillContainer/listbox.slds.css +10 -25
  268. package/src/lightning/pillContainer/pill-container.slds.css +19 -8
  269. package/src/lightning/pillContainer/pill.slds.css +17 -9
  270. package/src/lightning/popup/popover.slds.css +1 -1
  271. package/src/lightning/primitiveBubble/tooltip.slds.css +14 -23
  272. package/src/lightning/primitiveButton/primitiveButton.js +5 -1
  273. package/src/lightning/primitiveColorpickerButton/color-picker-button.slds.css +14 -14
  274. package/src/lightning/primitiveIcon/icon.slds.css +14 -14
  275. package/src/lightning/primitiveInputCheckbox/form-element.slds.css +23 -24
  276. package/src/lightning/primitiveInputCheckbox/input-checkbox.slds.css +7 -7
  277. package/src/lightning/primitiveInputCheckboxButton/form-element.slds.css +23 -24
  278. package/src/lightning/primitiveInputCheckboxButton/input-checkbox-button.slds.css +1 -6
  279. package/src/lightning/primitiveInputColor/form-element.slds.css +23 -24
  280. package/src/lightning/primitiveInputColor/input-color.slds.css +3 -3
  281. package/src/lightning/primitiveInputColor/input-text.slds.css +16 -16
  282. package/src/lightning/primitiveInputColor/primitiveInputColor.html +1 -1
  283. package/src/lightning/primitiveInputFile/button.slds.css +3 -3
  284. package/src/lightning/primitiveInputFile/form-element.slds.css +23 -24
  285. package/src/lightning/primitiveInputFile/input-file.slds.css +2 -2
  286. package/src/lightning/primitiveInputSimple/form-element.slds.css +23 -24
  287. package/src/lightning/primitiveInputSimple/input-text.slds.css +16 -16
  288. package/src/lightning/primitiveInputSimple/mobileInputUtils.js +24 -0
  289. package/src/lightning/primitiveInputSimple/primitiveInputSimple.html +1 -1
  290. package/src/lightning/primitiveInputSimple/primitiveInputSimple.js +82 -13
  291. package/src/lightning/primitiveInputToggle/form-element.slds.css +23 -24
  292. package/src/lightning/progressRing/progressRing.js +16 -3
  293. package/src/lightning/radioGroup/input-radio-group.slds.css +12 -13
  294. package/src/lightning/relativeDateTime/__docs__/relativeDateTime.md +1 -1
  295. package/src/lightning/select/__docs__/select.md +1 -1
  296. package/src/lightning/select/form-element.slds.css +23 -24
  297. package/src/lightning/select/select.slds.css +26 -27
  298. package/src/lightning/spinner/spinner.slds.css +5 -8
  299. package/src/lightning/tab/__docs__/tab.md +1 -1
  300. package/src/lightning/tab/tab.slds.css +8 -8
  301. package/src/lightning/tabBar/tab-bar.slds.css +31 -35
  302. package/src/lightning/tabset/__docs__/tabset.md +2 -2
  303. package/src/lightning/textarea/textarea.css +2 -1
  304. package/src/lightning/textarea/textarea.html +1 -1
  305. package/src/lightning/textarea/textarea.js +4 -1
  306. package/src/lightning/tile/__docs__/tile.md +1 -1
  307. package/src/lightning/timepicker/form-element.slds.css +23 -24
  308. package/src/lightning/toast/button-icon.slds.css +6 -6
  309. package/src/lightning/toast/formatted-rich-text.slds.css +0 -2
  310. package/src/lightning/toast/icon.slds.css +14 -14
  311. package/src/lightning/toast/toast.slds.css +101 -95
  312. package/src/lightning/toastContainer/toast.slds.css +101 -95
  313. package/src/lightning/utilsPrivate/utilsPrivate.js +9 -0
  314. package/src/lightning/icon/iconColors.js +0 -1
@@ -133,42 +133,42 @@
133
133
 
134
134
  /* FORM ELEMENT: STACKED */
135
135
 
136
- :host([data-render-mode="shadow"][variant~='label-stacked']) {
136
+ :host([data-render-mode="shadow"][variant='label-stacked']) {
137
137
  display: block;
138
138
  }
139
139
 
140
140
  /* TODO: Using `:not` is currently not working, and it could break the build because of issues with the dist script */
141
141
 
142
- /* :host([variant~='label-stacked']):not(.slds-form-element_readonly) {
142
+ /* :host([variant='label-stacked']):not(.slds-form-element_readonly) {
143
143
  margin-block-end: var(--sds-g-spacing-2);
144
144
  }
145
145
 
146
- :host([variant~='label-stacked']):not(.slds-is-editing) {
146
+ :host([variant='label-stacked']):not(.slds-is-editing) {
147
147
  padding: 0 var(--sds-g-spacing-1);
148
148
  } */
149
149
 
150
- /* :host([variant~='label-stacked']):not([class*="slds-size"]) {
150
+ /* :host([variant='label-stacked']):not([class*="slds-size"]) {
151
151
  width: 100%;
152
152
  flex-basis: 100%;
153
153
  } */
154
154
 
155
- :host([data-render-mode="shadow"][variant~='label-stacked']) .slds-form-element {
155
+ :host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element {
156
156
  padding: 0;
157
157
  margin-block-end: 0;
158
158
  }
159
159
 
160
- :host([data-render-mode="shadow"][variant~='label-stacked']) .slds-form-element__label,:host([data-render-mode="shadow"][variant~='label-stacked']) .slds-form-element__control {
160
+ :host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__label,:host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__control {
161
161
  border-bottom: 0; /* Remove border when using legacy version of slds-form-element */
162
162
  padding-inline-start: 0;
163
163
  }
164
164
 
165
- :host([data-render-mode="shadow"][variant~='label-stacked']) .slds-form-element__control {
165
+ :host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__control {
166
166
  width: 100%;
167
167
  flex-basis: 100%;
168
168
  clear: left;
169
169
  }
170
170
 
171
- :host([data-render-mode="shadow"][variant~='label-stacked']) .slds-form-element__icon {
171
+ :host([data-render-mode="shadow"][variant='label-stacked']) .slds-form-element__icon {
172
172
  float: none;
173
173
  padding-block-start: var(--sds-g-spacing-1, 0.25rem);
174
174
  }
@@ -177,7 +177,7 @@
177
177
 
178
178
  /* FORM ELEMENT: INLINE */
179
179
 
180
- :host([data-render-mode="shadow"][variant~='label-inline']) {
180
+ :host([data-render-mode="shadow"][variant='label-inline']) {
181
181
  display: block;
182
182
  }
183
183
 
@@ -187,32 +187,32 @@
187
187
  in lighting-input this slds class is synonymous with the variant
188
188
  */
189
189
 
190
- :host([data-render-mode="shadow"][variant~='label-inline'].slds-form-element_horizontal) {
190
+ :host([data-render-mode="shadow"][variant='label-inline'].slds-form-element_horizontal) {
191
191
  padding: var(--sds-g-spacing-1, 0.25rem);
192
192
  margin-block-end: var(--sds-g-spacing-2, 0.5rem);
193
193
  }
194
194
 
195
195
  /* TODO: Using `:not` is currently not working, and it could break the build because of issues with the dist script */
196
196
 
197
- /* :host([variant~='label-inline']):not(.slds-form-element_readonly) {
197
+ /* :host([variant='label-inline']):not(.slds-form-element_readonly) {
198
198
  margin-block-end: var(--sds-g-spacing-2);
199
199
  }
200
200
 
201
- :host([variant~='label-inline']):not([class*="slds-size"]) {
201
+ :host([variant='label-inline']):not([class*="slds-size"]) {
202
202
  width: 100%;
203
203
  flex-basis: 100%;
204
204
  }
205
205
 
206
- :host([variant~='label-inline']:not(.slds-is-editing)) {
206
+ :host([variant='label-inline']:not(.slds-is-editing)) {
207
207
  padding: var(--sds-g-spacing-1);
208
208
  } */
209
209
 
210
- :host([data-render-mode="shadow"][variant~='label-inline']).slds-is-edited {
210
+ :host([data-render-mode="shadow"][variant='label-inline']).slds-is-edited {
211
211
  padding-block-start: var(--sds-g-sizing-6, 1.25rem)
212
212
  }
213
213
 
214
- @media (min-width: 48em) {
215
- :host([data-render-mode="shadow"][variant~='label-inline']) .slds-form-element__label {
214
+ @media (width >= 48em) {
215
+ :host([data-render-mode="shadow"][variant='label-inline']) .slds-form-element__label {
216
216
  float: left;
217
217
  max-width: calc(33% - var(--sds-g-sizing-6, 1.25rem)); /* Removing icon width for when the help-text icon is present */
218
218
  flex-basis: calc(33% - var(--sds-g-sizing-6, 1.25rem)); /* Some form element controls are set to display:flex */
@@ -222,23 +222,22 @@
222
222
  z-index: 1;
223
223
  }
224
224
 
225
- :host([data-render-mode="shadow"][variant~='label-inline']) lightning-helptext {
225
+ :host([data-render-mode="shadow"][variant='label-inline']) lightning-helptext {
226
226
  float: left;
227
227
  }
228
228
 
229
- :host([data-render-mode="shadow"][variant~='label-inline']) .slds-form-element__control {
229
+ :host([data-render-mode="shadow"][variant='label-inline']) .slds-form-element__control {
230
230
  margin-inline-start: 33%;
231
231
  clear: none; /* Reset clear: left when switching to horizontal form layout */
232
232
  }
233
233
 
234
- :host([data-render-mode="shadow"][variant~='label-inline']) .slds-form-element__control .slds-form-element__control {
234
+ :host([data-render-mode="shadow"][variant='label-inline']) .slds-form-element__control .slds-form-element__control {
235
235
  padding-inline-start: 0; /* Remove left padding on nested form controls, due to issues related to lightning-form components */
236
236
  }
237
237
 
238
- :host([data-render-mode="shadow"][variant~='label-inline']) .slds-dueling-list__column .slds-form-element__label {
238
+ :host([data-render-mode="shadow"][variant='label-inline']) .slds-dueling-list__column .slds-form-element__label {
239
239
  width: auto;
240
240
  max-width: 100%;
241
- -ms-flex-preferred-size: auto;
242
241
  flex-basis: auto;
243
242
  float: none;
244
243
  position: relative;
@@ -246,11 +245,11 @@
246
245
  margin-block-end: 0;
247
246
  }
248
247
 
249
- :host([data-render-mode="shadow"][variant~='label-inline']) .slds-form-element__help {
248
+ :host([data-render-mode="shadow"][variant='label-inline']) .slds-form-element__help {
250
249
  margin-inline-start: 33%;
251
250
  }
252
251
 
253
- :host([data-render-mode="shadow"][variant~='label-inline']) .slds-dueling-list {
252
+ :host([data-render-mode="shadow"][variant='label-inline']) .slds-dueling-list {
254
253
  clear: none;
255
254
  }
256
255
  }
@@ -283,7 +282,7 @@
283
282
 
284
283
  /* FORM ELEMENT: HIDDEN */
285
284
 
286
- :host([data-render-mode="shadow"][variant~='label-hidden']) .slds-form-element__label {
285
+ :host([data-render-mode="shadow"][variant='label-hidden']) .slds-form-element__label {
287
286
  display: none
288
287
  }
289
288
  }
@@ -165,7 +165,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
165
165
  /* slds-icon mapping */
166
166
  --slds-c-icon-sizing-border: 0;
167
167
  --slds-c-icon-sizing: 0.875rem;
168
- --slds-c-icon-color-foreground: var(--slds-c-button-icon-color-foreground, currentColor);
168
+ --slds-c-icon-color-foreground: var(--slds-c-button-icon-color-foreground, currentcolor);
169
169
 
170
170
  --sds-c-button-line-height: var(
171
171
  --slds-c-button-neutral-font-lineheight,
@@ -487,7 +487,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
487
487
  /**
488
488
  * Represents inner spacing around icon for icon-position="left", when present
489
489
  */
490
- :host([data-render-mode="shadow"]) [part~='start'] {
490
+ :host([data-render-mode="shadow"]) [part='start'] {
491
491
  display: inline-flex;
492
492
  padding-inline-end: 0;
493
493
  }
@@ -495,7 +495,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
495
495
  /**
496
496
  * Represents inner spacing around icon for icon-position="right", when present
497
497
  */
498
- :host([data-render-mode="shadow"]) [part~='end'] {
498
+ :host([data-render-mode="shadow"]) [part='end'] {
499
499
  display: inline-flex;
500
500
  padding-inline-start: 0;
501
501
  }
@@ -572,7 +572,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
572
572
  );
573
573
  --slds-c-button-neutral-color-background-active: var(
574
574
  --slds-c-buttonicon-color-background-active,
575
- var(--slds-c-button-neutral-color-background-focus)
575
+ transparent
576
576
  );
577
577
 
578
578
  /* Spacing */
@@ -600,7 +600,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
600
600
  );
601
601
  --slds-c-button-neutral-color-border-active: var(
602
602
  --slds-c-buttonicon-color-border-active,
603
- var(--slds-c-button-neutral-color-border-focus)
603
+ var(--slds-c-buttonicon-color-border-focus)
604
604
  );
605
605
 
606
606
  /* Shadow */
@@ -890,7 +890,7 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
890
890
  * End part
891
891
  */
892
892
  :host([data-render-mode="shadow"]) [part='end'] {
893
- padding-inline-start: var(--slds-c-buttonicon-end-spacing-inline-start, 0);
893
+ padding-inline-start: var(--slds-c-buttonicon-end-spacing-inlinestart, 0);
894
894
  }
895
895
 
896
896
  /**
@@ -103,7 +103,7 @@ To change the fill and background colors of a non-utility icon, such as an [acti
103
103
 
104
104
  See [Styling Hooks Overview](https://www.lightningdesignsystem.com/components/icons/#Styling-Hooks-Overview) for a list of CSS custom properties.
105
105
 
106
- For more information, see [Style Components Using Lightning Design System Styling Hooks](docs/component-library/documentation/lwc/lwc.create_components_css_custom_properties) in the Lightning Web Components Developer Guide.
106
+ For more information, see [Style Components Using Lightning Design System Styling Hooks](https://developer.salesforce.com/docs/platform/lwc/guide/create-components-css-custom-properties) in the Lightning Web Components Developer Guide.
107
107
 
108
108
  To understand how we implemented SLDS in `lightning-icon`, see the **Source Code** section.
109
109
 
@@ -150,7 +150,7 @@ Pass the static resource variable in the `src` attribute.
150
150
  </template>
151
151
  ```
152
152
 
153
- For more information about static resources and using SVG, see [Access Static Resources](docs/component-library/documentation/lwc/create_resources) and [Use SVG Resources](docs/component-library/documentation/lwc/lwc.use_svg_in_component) in the _Lightning Web Components Developer Guide_.
153
+ For more information about static resources and using SVG, see [Access Static Resources](https://developer.salesforce.com/docs/platform/lwc/guide/create-resources) and [Use SVG Resources](https://developer.salesforce.com/docs/platform/lwc/guide/use-svg-in-component) in the _Lightning Web Components Developer Guide_.
154
154
 
155
155
  ##### Overriding the Icon Fill Color of Your Imported Icons
156
156
 
@@ -1,7 +1,13 @@
1
1
  <template>
2
- <span part="boundary">
3
- <lightning-primitive-icon icon-name={_iconName} size={size} variant={variant} src={_src}>
4
- </lightning-primitive-icon>
2
+ <span
3
+ style={iconBgColorStyle}
4
+ part="boundary">
5
+ <lightning-primitive-icon
6
+ icon-name={_iconName}
7
+ size={size}
8
+ variant={variant}
9
+ src={_src}
10
+ ></lightning-primitive-icon>
5
11
  <template if:true={alternativeText}>
6
12
  <span class="slds-assistive-text">{alternativeText}</span>
7
13
  </template>
@@ -7,10 +7,9 @@ import {
7
7
  import {
8
8
  computeSldsClass,
9
9
  getCategory,
10
- getName,
11
10
  isValidName,
11
+ getIconColor,
12
12
  } from 'lightning/iconUtils';
13
- import { iconColors } from './iconColors';
14
13
  import { normalizeVariant } from './util';
15
14
 
16
15
  /**
@@ -112,7 +111,6 @@ export default class LightningIcon extends LightningElement {
112
111
  });
113
112
  this._iconName = iconName;
114
113
  this.setAttribute('icon-name', iconName);
115
- this.setColor(iconName);
116
114
  } else {
117
115
  console.warn(`<lightning-icon> Invalid icon name ${iconName}`); // eslint-disable-line no-console
118
116
 
@@ -155,6 +153,7 @@ export default class LightningIcon extends LightningElement {
155
153
  get variant() {
156
154
  return normalizeVariant(this._variant, this._iconName);
157
155
  }
156
+
158
157
  set variant(value) {
159
158
  this._variant = value;
160
159
  }
@@ -168,15 +167,20 @@ export default class LightningIcon extends LightningElement {
168
167
  this.updateIconName('standard:default');
169
168
  }
170
169
 
171
- setColor(iconName) {
172
- const category = getCategory(iconName);
173
- const name = getName(iconName);
174
- const color = iconColors[category] && iconColors[category][name];
175
- if (color) {
176
- this.setAttribute(
177
- 'style',
178
- `--sds-c-icon-color-background: var(--slds-c-icon-color-background, ${color})`
179
- );
170
+ get iconBgColorStyle() {
171
+ // we set the bg color from the SLDS provided fall back colors
172
+ // for performance reasons.
173
+ const iconName = this.iconName;
174
+ if (isValidName(iconName)) {
175
+ const sdsStylingHook = '--sds-c-icon-color-background';
176
+ const sldsStylingHook = '--slds-c-icon-color-background';
177
+ const fallBackColor = 'transparent';
178
+ const color = getIconColor(iconName);
179
+ const colorToUse = color ? color : fallBackColor;
180
+ // setting SDS based hook instead of background-color on the boundary element
181
+ // so this will work in NS and synthetic.
182
+ return `${sdsStylingHook}: var(${sldsStylingHook}, ${colorToUse})`;
180
183
  }
184
+ return null;
181
185
  }
182
186
  }
@@ -48,39 +48,39 @@
48
48
  */
49
49
 
50
50
  @supports (--styling-hooks: '') {
51
- :host([data-render-mode="shadow"][size~='xxx-small']) {
51
+ :host([data-render-mode="shadow"][size='xxx-small']) {
52
52
  --slds-c-icon-sizing: var(--sds-g-sizing-3, 0.5rem);
53
53
  }
54
54
 
55
- :host([data-render-mode="shadow"][size~='xx-small']) {
55
+ :host([data-render-mode="shadow"][size='xx-small']) {
56
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
- :host([data-render-mode="shadow"][size~='x-small']) {
59
+ :host([data-render-mode="shadow"][size='x-small']) {
60
60
  --slds-c-icon-sizing: var(--sds-g-sizing-5, 1rem);
61
61
  }
62
62
 
63
- :host([data-render-mode="shadow"][size~='small']) {
63
+ :host([data-render-mode="shadow"][size='small']) {
64
64
  --slds-c-icon-sizing: var(--sds-g-sizing-7, 1.5rem);
65
65
  }
66
66
 
67
- :host([data-render-mode="shadow"][size~='large']) {
67
+ :host([data-render-mode="shadow"][size='large']) {
68
68
  --slds-c-icon-sizing: var(--sds-g-sizing-10, 3rem);
69
69
  }
70
70
 
71
- :host([data-render-mode="shadow"][variant~='warning']) {
71
+ :host([data-render-mode="shadow"][variant='warning']) {
72
72
  --slds-c-icon-color-foreground: var(--sds-g-color-warning-base-70, #fe9339);
73
73
  }
74
74
 
75
- :host([data-render-mode="shadow"][variant~='success']) {
75
+ :host([data-render-mode="shadow"][variant='success']) {
76
76
  --slds-c-icon-color-foreground: var(--sds-g-color-success-base-50, #2e844a);
77
77
  }
78
78
 
79
- :host([data-render-mode="shadow"][variant~='error']) {
79
+ :host([data-render-mode="shadow"][variant='error']) {
80
80
  --slds-c-icon-color-foreground: var(--sds-g-color-error-base-50, #ea001e);
81
81
  }
82
82
 
83
- :host([data-render-mode="shadow"][variant~='light']) {
83
+ :host([data-render-mode="shadow"][variant='light']) {
84
84
  --slds-c-icon-color-foreground: var(--sds-g-color-neutral-base-70, #aeaeae);
85
85
  }
86
86
 
@@ -90,15 +90,15 @@
90
90
  --sds-c-icon-sizing-border: var(--slds-c-icon-sizing-border);
91
91
  --sds-c-icon-color-border: var(--slds-c-icon-color-border);
92
92
  --sds-c-icon-spacing-block-start: var(
93
- --slds-c-icon-spacing-block-start,
93
+ --slds-c-icon-spacing-blockstart,
94
94
  var(--slds-c-icon-spacing-block)
95
95
  );
96
- --sds-c-icon-spacing-block-end: var(--slds-c-icon-spacing-block-end, var(--slds-c-icon-spacing-block));
96
+ --sds-c-icon-spacing-block-end: var(--slds-c-icon-spacing-blockend, var(--slds-c-icon-spacing-block));
97
97
  --sds-c-icon-spacing-inline-start: var(
98
- --slds-c-icon-spacing-inline-start,
98
+ --slds-c-icon-spacing-inlinestart,
99
99
  var(--slds-c-icon-spacing-inline)
100
100
  );
101
- --sds-c-icon-spacing-inline-end: var(--slds-c-icon-spacing-inline-end, var(--slds-c-icon-spacing-inline));
101
+ --sds-c-icon-spacing-inline-end: var(--slds-c-icon-spacing-inlineend, var(--slds-c-icon-spacing-inline));
102
102
 
103
103
  /**
104
104
  * There's a divergence in LBC that we have to support here: LBC splits their
@@ -194,7 +194,7 @@
194
194
  */
195
195
 
196
196
  :host([data-render-mode="shadow"]) .slds-icon_disabled {
197
- background-color: currentColor;
197
+ background-color: currentcolor;
198
198
  }
199
199
 
200
200
  :host([data-render-mode="shadow"]) .slds-input__icon {
@@ -0,0 +1,10 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M65.06 21.13c.39-.67 1.36-.67 1.75 0L79.49 43c.39.68-.09 1.52-.87 1.52H53.26c-.78 0-1.27-.85-.88-1.52l12.68-21.87h-.01z"></path>
5
+ <path d="M45.35 51.49H34.92c-.67-.05-1.24.28-1.71.76L20.45 65.08c-1.09 1.09-1.09 2.91 0 4.05l10.09 10.1c1.09 1.09 2.91 1.09 4.05 0l12.9-12.97c.48-.48.76-1.24.72-1.9V54.35c0-1.57-1.29-2.86-2.85-2.86h-.01zM35.07 72.48l-.67.67c-.38.38-.95.38-1.34 0l-6.47-6.48c-.38-.38-.38-.95 0-1.34l.67-.67c.38-.38.95-.38 1.34 0l6.47 6.48c.38.38.38.95 0 1.34zm3.81-3.82l-.67.67c-.38.38-.95.38-1.34 0l-6.47-6.48c-.38-.38-.38-.95 0-1.34l.67-.67c.38-.38.95-.38 1.34 0l6.47 6.48c.38.38.38.95 0 1.34zm2.66-8.11c-1.34 0-2.38-1.05-2.38-2.38s1.04-2.38 2.38-2.38 2.38 1.05 2.38 2.38-1.04 2.38-2.38 2.38z"></path>
6
+ <circle cx="66.43" cy="67.42" r="12.95"></circle>
7
+ <rect x="20.63" y="20.62" width="23.9" height="23.9" rx="2.02" ry="2.02"></rect>
8
+ </g>
9
+ </svg>
10
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M44.8 29.92c-.8 0-1.5-.4-1.8-1.1l-3.8-7.41c-.3-.6.2-1.4.9-1.4h19.8c.7 0 1.2.7.9 1.4l-4 7.41c-.3.7-1 1.1-1.8 1.1H44.8zm-.8 6.01h11.9c9.9 0 18.1 8.11 18.1 18.03v20.03C74 77.3 71.2 80 67.9 80H32c-3.3 0-6-2.7-6-6.01V53.96c0-9.92 8.1-18.03 18-18.03zm11.8 8.22L48.4 44c-.3 0-.59.05-.87.16-.27.11-.52.28-.73.49L34.64 56.8c-.41.42-.64.99-.64 1.58s.23 1.15.64 1.58l13.41 13.41c.42.41.99.64 1.58.64s1.15-.23 1.58-.64l12.15-12.16c.21-.21.38-.46.49-.73s.17-.57.16-.87l-.2-7.45c0-.29-.06-.57-.17-.84-.11-.27-.27-.51-.48-.71l-5.8-5.8c-.44-.37-.98-.6-1.55-.65h-.01zM43.09 57l1.2-1.15a.474.474 0 01.59-.14c.07.03.12.08.17.14l7.15 7.05c.06.05.11.11.15.18.03.07.05.15.05.22s-.02.15-.05.22-.09.13-.15.18L51 64.9c-.05.06-.11.11-.18.15-.07.03-.15.05-.22.05s-.15-.02-.22-.05a.517.517 0 01-.18-.15l-7.1-7.1a.655.655 0 01-.15-.18c-.03-.07-.05-.15-.05-.22s.02-.15.05-.22.09-.13.15-.18zm3.35-3.35l1.2-1.2c.11-.1.25-.15.4-.15s.29.05.4.15l7.1 7.1c.06.05.11.11.15.18.03.07.05.15.05.22s-.02.15-.05.22-.09.13-.15.18l-1.2 1.2c-.05.06-.11.11-.18.15s-.15.05-.22.05-.15-.02-.22-.05-.13-.09-.18-.15l-7.1-7.1c-.06-.05-.11-.11-.15-.18s-.05-.15-.05-.22.02-.15.05-.22.09-.13.15-.18zm11.52-5.36c.43.09.83.3 1.14.61.41.42.64.99.64 1.58s-.23 1.15-.64 1.58c-.31.31-.71.52-1.14.61s-.88.04-1.29-.13c-.41-.17-.75-.45-1-.82-.24-.37-.37-.8-.37-1.24s.13-.87.37-1.24.59-.65 1-.82.85-.21 1.29-.13z" fill-rule="evenodd"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M79.97 29.13c-.15-1.81-1-4.49-4.17-7.01-2.73-2.17-7.04-2.35-9.27-1.94-.55.1-2.97.76-4.82 2.14-3.57 2.65-5.22 6.14-6.36 9.19-1.04 2.76-1.71 7.73-2.14 11.25-1.05-.17-2.12-.27-3.21-.27s-2.14.1-3.18.26c-.76-3.59-3.33-13.14-9.84-19.19-2.71-2.37-5.44-3.57-8.11-3.57-4.32 0-7.27 3.19-8.29 6.36-2.23 6.92 2.53 12.23 6.61 13.8 3.66 1.44 4.2 1.96 4.94 2.7.2.2.41.41.65.63 1.15 1.05 2.2 2.8 3.03 4.52-5.1 4.4-8.3 10.77-8.3 16.6 0 9.63 8.41 15.38 22.5 15.38s22.5-5.75 22.5-15.38c0-5.9-3.28-12.35-8.47-16.75l.48-1.02c1.85-3.27 3.97-6.83 5.56-9.36.95.13 1.79.14 2.58.04 2.45-.32 4.24-1.14 5.45-2.49 1.36-1.52 2.06-3.73 1.86-5.9zm-5.07 3.03c-.49.56-1.41.91-2.81 1.09-.46.06-.98.04-1.64-.06-.25-.04-.51-.1-.8-.18-.91-.27-1.89.1-2.4.89-1.7 2.62-4.26 6.89-6.52 10.88-.02.04-.05.09-.08.14l-.2.43c-.99-.57-2-1.05-3.07-1.47.02-.15.04-.35.07-.6.22-1.9.92-7.67 1.9-10.26 1.34-3.56 2.76-5.67 4.92-7.26 1.09-.81 2.72-1.3 3.04-1.36 1.71-.32 4.52.04 5.82 1.08 1.57 1.25 2.44 2.6 2.56 4.02.11 1.3-.45 2.29-.79 2.68h.01zM49.99 75.68c-4.27 0-18.21-.8-18.21-11.1 0-8.08 8.12-17.84 18.21-17.84S68.2 56.5 68.2 64.58c0 10.29-13.94 11.1-18.21 11.1zM35.63 40.3c-.19-.18-.35-.34-.51-.49-1.19-1.18-2.21-2.01-6.42-3.66-1.98-.76-5.57-3.82-4.07-8.48.5-1.56 1.91-3.39 4.22-3.39 1.59 0 3.42.87 5.25 2.46 5.68 5.27 7.95 14.2 8.56 17.12-1.16.44-2.27.97-3.33 1.61-.96-1.86-2.2-3.8-3.69-5.15h-.01z"></path>
5
+ <path d="M40.34 66.07c1.18 0 2.14-1.44 2.14-3.21s-.96-3.21-2.14-3.21-2.14 1.44-2.14 3.21.96 3.21 2.14 3.21zM59.63 66.07c1.18 0 2.14-1.44 2.14-3.21s-.96-3.21-2.14-3.21-2.14 1.44-2.14 3.21.96 3.21 2.14 3.21zM49.99 65c-1.48 0-2.68.96-2.68 2.14s1.2 2.14 2.68 2.14 2.68-.96 2.68-2.14S51.47 65 49.99 65z"></path>
6
+ </g>
7
+ </svg>
8
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M59.75 47.44c3.51-2.83 5.75-7.16 5.75-12.01 0-8.52-6.9-15.42-15.42-15.42s-15.42 6.9-15.42 15.42c0 4.89 2.28 9.25 5.83 12.07l-1.86 3.29-3.97 7.01c-1.05-.32-2.16-.49-3.3-.49-6.27 0-11.35 5.08-11.35 11.35s5.08 11.35 11.35 11.35 11.35-5.08 11.35-11.35c0-3.37-1.47-6.4-3.81-8.48l3.96-6.99 1.86-3.29c1.67.62 3.48.96 5.36.96s3.75-.35 5.45-.99l1.9 3.36 3.85 6.8a11.327 11.327 0 00-3.99 8.64c0 6.27 5.08 11.35 11.35 11.35s11.35-5.08 11.35-11.35-5.08-11.35-11.35-11.35c-1.07 0-2.1.15-3.07.42l-3.91-6.91-1.91-3.38zm-28.4 27.7c3.58 0 6.49-2.9 6.49-6.49s-2.9-6.49-6.49-6.49-6.49 2.9-6.49 6.49 2.9 6.49 6.49 6.49zm37.3 0c3.58 0 6.49-2.9 6.49-6.49s-2.9-6.49-6.49-6.49-6.49 2.9-6.49 6.49 2.9 6.49 6.49 6.49z" fill-rule="evenodd"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M77.95 38.25h-55.9c-1.09 0-2.05.9-2.05 1.94v31.65c0 2.84 2.45 5.17 5.45 5.17h49.09c3 0 5.45-2.33 5.45-5.17V40.19c0-1.03-.95-1.94-2.05-1.94zM74.99 22H25c-2.75 0-5 2.25-5 5v4.37c0 1 .87 1.87 1.87 1.87h56.25c1 0 1.87-.87 1.87-1.87V27c0-2.75-2.25-5-5-5z" fill-rule="evenodd"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M73.59 20H26.41C22.89 20 20 22.8 20 26.2v47.6c0 3.4 2.9 6.2 6.41 6.2h47.17c3.52 0 6.41-2.8 6.41-6.2V26.2c0-3.4-2.9-6.2-6.41-6.2zm.21 10.9c0 .8-.83 1.4-1.66 1.4H27.76c-.83 0-1.45-.8-1.45-1.6v-2c0-.8.83-1.4 1.66-1.4h44.38c.83 0 1.45.8 1.45 1.6v2zM63.75 58.14l-1.58-1.83c-.46-.53-.74-1.2-.79-1.89l-.18-2.36c-.05-.72-.36-1.39-.88-1.9s-1.21-.83-1.95-.89l-2.11-.17c-.94-.08-1.83-.44-2.54-1.04l-1.6-1.32c-.56-.47-1.28-.73-2.02-.74-.74 0-1.46.24-2.03.71l-1.74 1.42c-.65.53-1.45.84-2.29.9l-2.26.16c-.74.05-1.44.35-1.97.85s-.85 1.17-.91 1.89l-.17 1.98c-.08.91-.46 1.78-1.09 2.47l-1.36 1.54c-.49.54-.76 1.23-.77 1.95 0 .72.25 1.41.73 1.96l1.5 1.73c.5.6.79 1.33.84 2.1l.17 2.25c.05.72.36 1.39.88 1.9s1.21.83 1.95.89l2.11.18c.94.08 1.82.44 2.53 1.04l1.6 1.34c.56.47 1.28.73 2.02.74.74 0 1.46-.24 2.03-.7l1.84-1.49c.58-.47 1.3-.75 2.05-.8l2.4-.17c.74-.05 1.44-.35 1.97-.85s.85-1.17.92-1.89l.18-1.89c.09-1 .51-1.95 1.19-2.71l1.29-1.42c.49-.54.77-1.24.78-1.96 0-.72-.26-1.42-.74-1.97zM41.98 56.6c0-.67.2-1.33.58-1.88.38-.56.93-.99 1.57-1.25s1.34-.33 2.02-.2 1.3.45 1.8.92c.49.47.83 1.07.97 1.73s.07 1.34-.19 1.96-.71 1.15-1.28 1.52-1.25.58-1.94.58c-.46 0-.91-.08-1.34-.25s-.81-.41-1.14-.73c-.33-.31-.59-.68-.76-1.09a3.21 3.21 0 01-.27-1.29l-.02-.02zm5.07 9.98s-.05.07-.09.09-.08.04-.12.04h-1.02s-.09-.01-.14-.04a.241.241 0 01-.1-.1c-.02-.04-.04-.08-.04-.13s0-.09.04-.13l7.33-12.99.09-.09s.08-.04.12-.04h1.09c.06.03.11.08.14.15.02.06.02.14 0 .2l-7.3 13.03zM58 63.35c0 .67-.2 1.33-.59 1.88-.38.56-.93.99-1.57 1.25s-1.35.33-2.03.2c-.68-.13-1.31-.45-1.8-.93-.49-.47-.83-1.08-.96-1.74s-.07-1.34.2-1.96c.26-.62.71-1.15 1.29-1.52s1.25-.57 1.95-.57c.93 0 1.82.37 2.47 1 .65.64 1.02 1.5 1.02 2.4H58zm-13.57-8.31a1.927 1.927 0 011.77-.17c.23.09.44.23.61.4s.31.37.41.59c.09.22.14.46.14.7 0 .36-.11.71-.32 1.01s-.5.53-.85.67c-.34.14-.72.17-1.09.1-.36-.07-.7-.24-.96-.5-.26-.25-.44-.58-.51-.93s-.03-.72.11-1.05c.14-.33.38-.62.69-.82zm8.99 6.78c.31-.2.67-.31 1.04-.32h.02c.25 0 .49.05.72.14s.44.23.61.4.31.37.41.59c.09.22.14.46.14.7 0 .36-.11.71-.32 1.01s-.5.53-.84.67-.72.17-1.08.1-.7-.24-.96-.49-.44-.58-.52-.93c-.07-.35-.04-.72.1-1.05.14-.33.38-.62.68-.82zM73.7 39.56c0 .8-.83 1.4-1.66 1.4H27.66c-.83 0-1.45-.8-1.45-1.6v-2c0-.8.83-1.4 1.66-1.4h44.38c.83 0 1.45.8 1.45 1.6v2z" fill-rule="evenodd"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <circle cx="50" cy="50" r="30"></circle>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M77 20H23c-1.66 0-3 1.34-3 3v11.9c0 1.66 1.34 3 3 3h54c1.66 0 3-1.34 3-3V23c0-1.66-1.34-3-3-3zm-22.1 9c0 2.7-2.2 4.89-4.9 4.9-2.76.05-5.04-2.14-5.1-4.9s2.14-5.04 4.9-5.1a5.01 5.01 0 015.1 4.9v.2zM77 41H23c-1.66 0-3 1.34-3 3v11.9c0 1.66 1.34 3 3 3h54c1.66 0 3-1.34 3-3V44c0-1.66-1.34-3-3-3zm-30.1 8.9c.11 2.65-1.96 4.89-4.62 5H42a5.01 5.01 0 01-5.1-4.9 5.01 5.01 0 014.9-5.1 5.01 5.01 0 015.1 4.9v.1zm15 0c.11 2.65-1.96 4.89-4.62 5H57a5.01 5.01 0 01-5.1-4.9 5.01 5.01 0 014.9-5.1 5.01 5.01 0 015.1 4.9v.1zM77 62H23c-1.66 0-3 1.34-3 3v12c0 1.66 1.34 3 3 3h54c1.66 0 3-1.34 3-3V65c0-1.66-1.34-3-3-3zm-37.1 8.9c.11 2.65-1.96 4.89-4.62 5H35a5.01 5.01 0 01-5.1-4.9 5.01 5.01 0 014.9-5.1 5.01 5.01 0 015.1 4.9v.1zm15 0c.11 2.65-1.96 4.89-4.62 5H50a5.01 5.01 0 01-5.1-4.9 5.01 5.01 0 014.9-5.1 5.01 5.01 0 015.1 4.9v.1zm15 0c.11 2.65-1.96 4.89-4.62 5H65a5.01 5.01 0 01-5.1-4.9 5.01 5.01 0 014.9-5.1 5.01 5.01 0 015.1 4.9v.1z"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M60.4 29.9c-2 0-3.8.2-5.5.8 2.1 1.7 3.9 3.8 5.4 6.1h.1c7 0 12.7 5.7 12.7 12.7s-5.7 12.7-12.7 12.7c-1.7 0-3.5-.3-5-1 .9-1.3 1.7-2.7 2.3-4 .2-.6.5-1 .6-1.6.6-1.8.9-3.9.9-6 0-10.8-8.8-19.6-19.6-19.6S20 38.7 20 49.5s8.8 19.6 19.6 19.6c2 0 3.8-.2 5.5-.8-2.1-1.7-3.9-3.8-5.4-6.1h-.1c-7 0-12.7-5.7-12.7-12.7s5.7-12.7 12.7-12.7c1.7 0 3.5.3 5.1 1-2.4 3.2-3.9 7.3-3.9 11.7 0 10.8 8.8 19.6 19.6 19.6S80 60.3 80 49.5s-8.8-19.6-19.6-19.6z"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M39 32h22c1.1 0 2-.9 2-2v-4c0-3.31-2.69-6-6-6H43c-3.31 0-6 2.69-6 6v4c0 1.1.9 2 2 2zM49.8 48.4v11.4h10.7c.18-2.93-.96-5.79-3.1-7.8-3.7-3.8-7.6-3.6-7.6-3.6z"></path>
5
+ <path d="M72 25h-2a.941.941 0 00-1 .88V30c0 4.42-3.58 8-8 8H39c-4.42 0-8-3.58-8-8v-4a.941.941 0 00-.88-1H28c-3.31 0-6 2.69-6 6v43c0 3.31 2.69 6 6 6h44c3.31 0 6-2.69 6-6V31c0-3.31-2.69-6-6-6zm-7.1 34.3c-.06 8.23-6.77 14.85-15 14.8s-14.85-6.77-14.8-15c.06-8.23 6.77-14.85 15-14.8 8.22.08 14.83 6.78 14.8 15z"></path>
6
+ </g>
7
+ </svg>
8
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M73.8 20H26.2c-3.4 0-6.2 2.8-6.2 6.2v47.6c0 3.4 2.8 6.2 6.2 6.2h47.6c3.4 0 6.2-2.8 6.2-6.2V26.2c0-3.4-2.8-6.2-6.2-6.2zm-3 49.3h-.1c0 .8-.8 1.4-1.6 1.4H30.4c-.8 0-1.4-.8-1.4-1.6V30.7c0-.8.8-1.4 1.6-1.4h38.8c.8 0 1.4.8 1.4 1.6v38.4z"></path>
5
+ <path d="M58.8 45.6c1.3 0 3.9-1.1 3.9-4.5s-2.5-3.6-3.2-3.6c-1.5 0-3 1.1-4.3 3.4-1.3 2.3-2.8 4.9-2.8 4.9h-.1c-.3-1.6-.6-3-.7-3.6-.3-1.4-1.9-4.5-5.3-4.5s-6.5 2-6.5 2c-.6.4-1 1-1 1.8 0 1.1.9 2.1 2.1 2.1.3 0 .6-.1.9-.2s2.6-1.4 3.1 0c.2.4.3.9.5 1.4.7 2.2 1.3 4.9 1.8 7.3L45 55.3s-2.5-.9-3.8-.9-3.9 1.1-3.9 4.5 2.5 3.6 3.2 3.6c1.5 0 3-1.1 4.3-3.4 1.3-2.3 2.8-4.9 2.8-4.9.4 2.1.8 3.8 1 4.5.9 2.4 2.8 3.9 5.4 3.9 0 0 2.7 0 5.8-1.8.8-.3 1.3-1.1 1.3-1.9 0-1.1-.9-2.1-2.1-2.1-.3 0-.6.1-.9.2s-2.3 1.3-3 .3c-.6-1-1-2.4-1.4-4.2-.3-1.5-.7-3.3-1.1-5.1l2.3-3.3c.1 0 2.6.9 3.9.9z"></path>
6
+ </g>
7
+ </svg>
8
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M80 46.4l-1.41-2.12-4.11 1.77c-5.31-8.55-15.03-14.82-25.17-14.82C34.25 31.23 20 45.11 20 59.81v.9l.06 1.2h7.2l-.09-1.2c-.01-.29-.01-.58 0-.87 0-11.88 9.93-21.57 22.14-21.57 7.72-.03 14.91 3.95 18.99 10.5l-14.07 6.11a8.236 8.236 0 00-9.03-.99c-1.89.93-3.32 2.6-3.96 4.61-.64 2.01-.43 4.19.57 6.05 2.14 3.88 6.98 5.36 10.92 3.33a7.839 7.839 0 004.29-7.8l13.05-7.76c.93 2.4 1.41 4.96 1.41 7.53v.87l-.09 1.2h7.2l.06-1.2c.02-.3.02-.6 0-.9a25.43 25.43 0 00-2.68-11.02l4.02-2.4z" fill-rule="evenodd"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M74 80H26c-3.3 0-6-2.7-6-6V26c0-3.3 2.7-6 6-6h48c3.3 0 6 2.7 6 6v48c0 3.3-2.7 6-6 6zM28.1 30v40c0 1.1.9 2 2 2H70c1.1 0 2-.9 2-2V30c0-1.1-.9-2-2-2H30.1c-1.1 0-2 .9-2 2z"></path>
5
+ <path d="M63 42.8h-3.7l1.6-6.1v-.1c0-.2-.2-.5-.5-.5h-2.9c-.2 0-.4.2-.5.4l-1.6 6.3H48l1.6-6.1v-.1c0-.2-.2-.5-.5-.5h-2.9c-.2 0-.4.2-.5.4l-1.6 6.3H40c-.2 0-.4.1-.5.3l-.7 2.8v.1c0 .2.2.5.5.5h3.9l-1.8 7.1h-4c-.2 0-.4.1-.5.3l-.7 2.8v.1c0 .2.2.5.5.5h3.7l-1.6 6.2v.1c0 .2.2.5.5.5h2.9c.2 0 .4-.1.5-.4l1.6-6.4h7.3l-1.6 6v.1c0 .2.2.5.5.5h2.9c.2 0 .4-.1.5-.4l1.6-6.4h4.1c.2 0 .4-.1.5-.4l.7-2.8v-.1c0-.2-.2-.5-.5-.5h-3.8l1.8-7.1h3.9c.2 0 .4-.1.5-.4l.7-2.8c.1-.1-.1-.2-.4-.2zM52.7 53.6h-7.4l1.8-7.1h7.3l-1.7 7.1z"></path>
6
+ </g>
7
+ </svg>
8
+ </template>
@@ -0,0 +1,9 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M45 30.52c-.41 0-.81.13-1.15.37-.34.24-.61.58-.77.98a2.263 2.263 0 00.45 2.38c.29.31.66.51 1.06.6.4.08.82.04 1.2-.12s.71-.44.93-.8c.23-.36.35-.78.35-1.21 0-.29-.05-.57-.16-.84a2.096 2.096 0 00-1.93-1.35H45zM54.92 38.63c-.41 0-.81.14-1.15.38s-.6.58-.76.98c-.15.4-.19.84-.11 1.26.08.42.28.81.57 1.11s.66.51 1.06.59.82.04 1.2-.13.7-.44.93-.8.35-.78.35-1.21c0-.29-.05-.57-.16-.84-.1-.27-.26-.51-.45-.71-.19-.2-.42-.36-.67-.47s-.52-.17-.8-.17z"></path>
5
+ <path d="M63.44 32.36l1.74 2.19c.54.66.83 1.5.82 2.37 0 .87-.31 1.7-.86 2.35l-1.43 1.7c-.75.91-1.21 2.05-1.31 3.25l-.19 2.27a3.68 3.68 0 01-1.01 2.26c-.58.6-1.36.97-2.17 1.02l-2.65.2c-.83.06-1.62.4-2.26.96l-2.04 1.79a3.335 3.335 0 01-4.47-.04l-1.77-1.61a4.789 4.789 0 00-2.79-1.25l-2.33-.22c-.82-.07-1.58-.45-2.16-1.06-.57-.61-.92-1.42-.97-2.28l-.18-2.7c-.05-.92-.37-1.8-.92-2.52l-1.66-2.07c-.53-.66-.81-1.49-.81-2.35s.31-1.69.85-2.34l1.5-1.85c.69-.83 1.11-1.87 1.2-2.96l.18-2.37c.07-.86.43-1.66 1.01-2.27.58-.6 1.36-.97 2.18-1.02l2.5-.19c.93-.07 1.82-.44 2.53-1.08l1.92-1.7c.63-.55 1.42-.85 2.24-.85s1.61.32 2.23.89l1.77 1.59c.79.71 1.77 1.15 2.8 1.25l2.33.2c.82.07 1.58.45 2.16 1.06.57.61.92 1.42.97 2.28l.19 2.83c.06.83.36 1.63.88 2.27h-.02zm-21.65-1.91c-.42.67-.65 1.45-.64 2.26 0 .54.11 1.07.3 1.56.2.49.48.94.84 1.31.36.37.79.67 1.26.87a3.74 3.74 0 003.63-.39c.63-.45 1.13-1.08 1.42-1.83.29-.74.36-1.56.21-2.35s-.52-1.51-1.07-2.07a3.733 3.733 0 00-4.21-.86c-.71.31-1.31.83-1.73 1.5zm4.86 14.34s.07-.07.1-.11l8.06-15.61c.03-.07.04-.16 0-.24a.335.335 0 00-.15-.18h-1.2s-.09.02-.13.05c-.04.03-.08.06-.1.1l-8.1 15.57s-.04.1-.04.15 0 .1.04.15c.03.05.06.09.11.12s.1.04.15.04h1.13s.09-.02.13-.05zm11.55-1.72c.42-.67.65-1.46.65-2.26l-.03.02c0-1.08-.4-2.11-1.12-2.87-.72-.76-1.7-1.2-2.73-1.2-.77 0-1.51.24-2.15.69a3.97 3.97 0 00-1.42 1.83c-.29.74-.37 1.56-.22 2.35s.52 1.51 1.06 2.08 1.23.95 1.98 1.11 1.53.07 2.24-.23c.71-.31 1.31-.83 1.74-1.5v-.02z" fill-rule="evenodd"></path>
6
+ <path d="M21.31 59.85h4.5c.7 0 1.4.63 1.3 1.47v14.37c0 2.1-1.6 3.78-3.6 3.78h-2.2c-.7 0-1.3-.63-1.3-1.36V61.22c0-.73.6-1.36 1.3-1.36zM76 65.41c1.9.21 3.2 1.99 3.9 3.67.3.84-.2 1.36-.8 1.68-2.4.84-4.83 1.7-7.25 2.57S67 75.06 64.6 75.9c-1.05.35-2.09.74-3.15 1.12-1.76.64-3.54 1.29-5.35 1.82-2.9.73-6 1.26-9 1.15-2.4 0-4.6-.31-6.9-.84-.38-.07-.77-.14-1.15-.22-1.92-.36-3.83-.73-5.75-.73H33c-1.3-.21-2.3-1.36-2.3-2.73V63.62c0-1.57 1.2-2.83 2.7-2.83h12.3c0-.1 1.7 0 3 .63 1.2.52 3.1.63 3.4.63h7c1.6 0 3 1.47 3 3.15s-1.3 3.15-3 3.15H50c-1 0-1.7.73-1.7 1.78s.8 1.78 1.7 1.78c.57 0 1.13 0 1.7.02 1.13.02 2.27.05 3.4-.02 2.5-.21 4.9-1.05 7.2-1.89 1.8-.68 3.6-1.34 5.4-1.99 1.8-.66 3.6-1.31 5.4-1.99.1-.04.21-.07.32-.11.81-.29 1.7-.61 2.58-.52z"></path>
7
+ </g>
8
+ </svg>
9
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M59.09 35.32a9.51 9.51 0 01-6.08 6.33 9.722 9.722 0 01-3.01.48c-1.05 0-2.07-.17-3.01-.48l-9.34 14.37c-1.12-1.11-2.46-2-3.97-2.59l9.34-14.37a9.407 9.407 0 01-2.48-6.39 9.47 9.47 0 0118.94 0c0 .93-.13 1.82-.38 2.67h-.01zM58.16 40.86c-1.12 1.11-2.46 2-3.97 2.59l9.34 14.37a9.46 9.46 0 00-1.75 2.72c-.18.42-.32.86-.44 1.31-.19.76-.3 1.55-.3 2.36s.1 1.61.3 2.36c.73 2.81 2.7 5.11 5.3 6.27.06.03.12.05.19.08 1.13.47 2.37.75 3.69.75a9.47 9.47 0 000-18.94c-1.05 0-2.07.17-3.01.48l-9.34-14.37v.02zM36.46 57.82c.18.19.34.39.51.61.78 1 1.35 2.16 1.68 3.42h20.54c-.16.77-.24 1.56-.24 2.36s.08 1.61.24 2.36H38.65a9.47 9.47 0 11-9.17-11.84c1.05 0 2.07.17 3.01.48 1.54.52 2.9 1.41 3.97 2.59l.02.02z"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M41.72 30.03c.01-.1-.02-.21-.1-.28 0 .1.1.2.1.28zM41.72 29.76c0 .09.09.19.09.28.13.35.29.68.48 1 2.17 4.26 7.38 5.96 11.65 3.82 1.4-.73 2.59-1.82 3.43-3.15a20.658 20.658 0 0113.38 15.47c.38 0 .76-.1 1.14-.1 1.62.01 3.24.27 4.78.77a26.104 26.104 0 00-18.05-21.72c-.11-1-.4-1.97-.86-2.86a8.71 8.71 0 00-11.65-3.82c-3.46 1.69-5.38 5.48-4.68 9.26.1.39.19.77.29 1.06zM36.84 57.54a8.664 8.664 0 00-6.81-4.68c-.09-.6-.12-1.2-.1-1.81.01-6.29 2.9-12.24 7.84-16.14-.29-.38-.48-.86-.77-1.24a17.53 17.53 0 01-1.43-4.3 26.43 26.43 0 00-11.43 21.68c0 1 .09 2.1.19 3.14-4.02 2.63-5.15 8.01-2.52 12.03 2.63 4.02 8.01 5.15 12.03 2.52 3.71-2.43 5.01-7.26 3-11.21zM79.43 57.54a8.66 8.66 0 00-11.75-3.46c-4.02 2.19-5.64 7.14-3.7 11.29.1.19.29.48.39.67a20.124 20.124 0 01-23.21 3.24 12.41 12.41 0 01-4.2 4.2c4.09 2.46 8.78 3.75 13.55 3.72 6.94 0 13.59-2.75 18.52-7.64 2.2.8 4.63.63 6.69-.48 4.2-2.12 5.89-7.25 3.77-11.45-.02-.03-.03-.07-.05-.1zM41.81 58.09c-.06.21.06.42.27.48.07.02.14.02.21 0l3.24-1.34c.22-.12.49-.08.67.1 1.37.88 2.96 1.34 4.58 1.33 5.06 0 9.17-3.91 9.17-8.58s-4.11-8.59-9.17-8.59c-4.86-.08-8.89 3.74-9.06 8.59a8.47 8.47 0 001.15 4.1c.12.2.15.44.09.67l-1.15 3.24z" fill-rule="evenodd"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M70 20H30c-5.52 0-10 4.48-10 10v40c0 5.52 4.48 10 10 10h40c5.52 0 10-4.48 10-10V30c0-5.52-4.48-10-10-10zm5 50c0 2.76-2.24 5-5 5H30c-2.76 0-5-2.24-5-5V30c0-2.76 2.24-5 5-5h40c2.76 0 5 2.24 5 5v40z"></path>
5
+ <path d="M65 40H55c-2.76 0-5 2.24-5 5v15c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V45c0-2.76-2.24-5-5-5zm0 19.17c0 .46-.37.83-.83.83h-8.33c-.46 0-.83-.37-.83-.83v-3.33c0-.46.37-.83.83-.83h8.33c.46 0 .83.37.83.83v3.33zm0-10c0 .46-.37.83-.83.83h-8.33c-.46 0-.83-.37-.83-.83v-3.33c0-.46.37-.83.83-.83h8.33c.46 0 .83.37.83.83v3.33zM67.5 30h-35a2.5 2.5 0 000 5h35a2.5 2.5 0 000-5z"></path>
6
+ </g>
7
+ </svg>
8
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M21.88 20.01h56.24c.49.02.96.22 1.31.57s.55.82.56 1.31v6.25c-.01.49-.21.96-.56 1.31s-.82.55-1.31.56H21.88c-.49 0-.96-.21-1.31-.56s-.55-.82-.57-1.31v-6.25a1.914 1.914 0 011.88-1.88zM21.88 35l18.22.11c.49.02.96.22 1.31.57.35.35.55.82.56 1.31v3.75c0 .49-.21.96-.56 1.31s-.82.55-1.31.56l-18.22-.11c-.49 0-.96-.21-1.31-.56-.35-.35-.55-.82-.57-1.31v-3.75A1.914 1.914 0 0121.88 35zM50.54 35h27.59c.49.02.96.22 1.31.57s.55.82.56 1.31v3.75c-.01.49-.21.96-.56 1.31s-.82.55-1.31.56H50.54c-.49 0-.96-.21-1.31-.56s-.55-.82-.56-1.31v-3.75c0-.49.21-.96.56-1.31s.82-.55 1.31-.57zM21.88 47.5h18.03c.49 0 .96.22 1.31.57.35.35.55.82.56 1.31v3.75c-.02.49-.22.96-.56 1.31-.35.35-.81.55-1.31.56H21.88c-.49 0-.96-.21-1.31-.56-.35-.35-.55-.82-.57-1.31v-3.75c0-.5.21-.97.56-1.32s.82-.55 1.32-.56zM21.88 60h18.03c.49.02.96.22 1.31.57.35.35.55.82.56 1.31v3.75c0 .49-.21.96-.56 1.31-.35.35-.82.55-1.31.56H21.88c-.49-.01-.96-.21-1.31-.56s-.55-.82-.57-1.31v-3.75A1.914 1.914 0 0121.88 60zM21.88 72.5h18.03c.49.01.96.22 1.31.56.35.35.55.81.56 1.31v3.76c0 .49-.21.96-.56 1.31-.35.35-.82.55-1.31.56H21.88c-.49-.01-.96-.21-1.31-.56s-.55-.82-.57-1.31v-3.76c.02-.49.22-.96.57-1.31s.82-.55 1.31-.56zM58.34 57.35c-.42 0-.84.13-1.19.36-.35.24-.63.57-.79.96s-.21.82-.12 1.24c.08.42.29.8.59 1.1s.68.51 1.1.59.85.04 1.24-.12.73-.44.96-.79c.24-.35.36-.77.36-1.19 0-.28-.05-.56-.16-.82s-.27-.5-.46-.7c-.2-.2-.44-.36-.7-.47-.26-.11-.54-.16-.82-.16h-.01zM68.57 65.32c-.42 0-.84.13-1.18.37-.35.24-.62.57-.78.97-.16.39-.2.82-.11 1.24.08.41.29.79.59 1.09s.68.5 1.1.58.84.04 1.24-.12.72-.44.96-.79.36-.77.36-1.19a2.182 2.182 0 00-.62-1.52c-.2-.2-.43-.36-.69-.47s-.54-.16-.82-.17h-.05z"></path>
5
+ <path d="M77.36 59.16l1.8 2.15c.55.65.85 1.47.85 2.33s-.32 1.67-.88 2.31l-1.47 1.67c-.77.9-1.25 2.01-1.35 3.19l-.2 2.23c-.07.84-.44 1.63-1.04 2.23-.6.59-1.4.95-2.24 1.01l-2.73.2c-.86.06-1.67.39-2.33.94l-2.1 1.76c-.65.54-1.47.84-2.31.83-.84 0-1.66-.31-2.3-.87l-1.83-1.58c-.8-.71-1.81-1.14-2.88-1.23l-2.41-.21c-.84-.07-1.63-.44-2.23-1.04-.59-.6-.95-1.4-1.01-2.24l-.19-2.65c-.05-.9-.38-1.77-.95-2.47l-1.71-2.04a3.56 3.56 0 01-.83-2.31c0-.85.32-1.66.87-2.3l1.55-1.82c.71-.82 1.14-1.84 1.24-2.92l.19-2.33c.07-.84.44-1.63 1.04-2.23.6-.59 1.4-.95 2.24-1l2.57-.18c.96-.06 1.88-.44 2.61-1.06l1.98-1.67a3.56 3.56 0 012.31-.83c.85 0 1.66.32 2.3.87l1.82 1.56c.81.7 1.82 1.13 2.89 1.23l2.4.2c.84.07 1.63.44 2.23 1.04.59.6.95 1.4 1.01 2.24l.2 2.79c.06.82.37 1.6.9 2.23v-.03zm-22.35-1.87c-.44.66-.67 1.43-.66 2.22a3.983 3.983 0 002.48 3.68c.48.2 1 .3 1.53.29.79 0 1.56-.24 2.21-.68.65-.44 1.16-1.07 1.46-1.8s.37-1.53.22-2.31c-.16-.77-.54-1.48-1.1-2.04s-1.27-.93-2.05-1.08a3.94 3.94 0 00-2.3.24c-.73.31-1.35.82-1.78 1.48h-.01zm5.01 14.11s.08-.06.1-.11l8.32-15.35c.03-.07.04-.16.01-.23a.27.27 0 00-.16-.17h-1.24s-.1.02-.14.05-.08.06-.11.1L58.44 71s-.04.1-.04.15 0 .1.04.15c.03.05.07.09.11.11.05.03.1.04.15.04h1.16s.1-.02.14-.05h.02zm11.91-1.7c.44-.66.67-1.43.67-2.22l-.03.02c0-1.06-.41-2.07-1.16-2.83a3.967 3.967 0 00-2.81-1.18 4.003 4.003 0 00-3.69 2.48c-.3.73-.38 1.53-.22 2.31s.54 1.49 1.1 2.04c.56.56 1.27.94 2.05 1.09.78.15 1.58.07 2.31-.23.73-.3 1.35-.82 1.79-1.47z" fill-rule="evenodd"></path>
6
+ </g>
7
+ </svg>
8
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M63.5 41.7c-.14.16-.27.32-.42.47-.78.79-1.76 1.39-2.86 1.72-.6.18-1.23.27-1.9.27s-1.3-.1-1.9-.27l-7.48 12.46a8.315 8.315 0 00-2.86-1.72l7.48-12.46a6.674 6.674 0 01-1.92-4.68c0-3.68 2.98-6.66 6.66-6.66s6.66 2.98 6.66 6.66c0 1.58-.54 3.02-1.46 4.17l-.03.04h.02zm.46 1.94c-.82.75-1.78 1.34-2.86 1.72l7.48 12.46c-.61.62-1.1 1.36-1.43 2.18-.11.27-.2.54-.27.83-.14.54-.21 1.09-.21 1.66s.07 1.14.21 1.66c.74 2.87 3.35 5 6.46 5 3.68 0 6.66-2.98 6.66-6.66s-2.98-6.66-6.66-6.66c-.66 0-1.3.1-1.9.27l-7.48-12.46zM49.51 59.98c-.33-.82-.82-1.55-1.43-2.17a6.745 6.745 0 00-2.86-1.72c-.6-.18-1.23-.27-1.9-.27-3.68 0-6.66 2.98-6.66 6.66s2.98 6.66 6.66 6.66c3.1 0 5.72-2.13 6.46-5h15.38c-.11-.54-.17-1.1-.17-1.66s.06-1.13.17-1.66H49.78c-.07-.29-.17-.57-.28-.84zM32.46 38.64l8.94 8.94c.36.43.36 1.14 0 1.5l-9.01 8.94c-.43.43-1.07.43-1.5 0l-1.5-1.5c-.43-.43-.43-1.07 0-1.5l3.29-3.29c.43-.43.14-1.22-.5-1.22h-11.1c-.57 0-1.07-.5-1.07-1.07V47.3c0-.58.5-1.07 1.07-1.14h11.18c.64 0 .93-.78.5-1.22l-3.29-3.29c-.43-.43-.43-1.07 0-1.5l1.5-1.5c.43-.43 1.07-.43 1.5 0z" fill-rule="evenodd"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M20 26.9c0-1.99 1.61-3.6 3.6-3.6h52.8c1.99 0 3.6 1.61 3.6 3.6v24c0 1.99-1.61 3.6-3.6 3.6H23.6c-1.99 0-3.6-1.61-3.6-3.6v-24zm9 36c0-1.65 1.33-2.99 2.97-3H66.8c1.66 0 3 1.34 3 3s-1.34 3-3 3H32c-1.65 0-2.99-1.33-3-2.97v-.03zm10.2 7.8c-1.66 0-3 1.34-3 3s1.34 3 3 3h20.4c1.66 0 3-1.34 3-3s-1.34-3-3-3H39.2z" fill-rule="evenodd"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 100 100" part="icon">
3
+ <g>
4
+ <path d="M58.75 72.5H55c-.75 0-1.25-.5-1.25-1.25v-2.5c0-.75-.5-1.25-1.25-1.25h-5c-.75 0-1.25.5-1.25 1.25v2.5c0 .75-.5 1.25-1.25 1.25h-3.75c-2.75 0-5 2.25-5 5v.62c0 1 .87 1.88 1.88 1.88h23.75c1 0 1.88-.88 1.88-1.88v-.62c0-2.75-2.25-5-5-5zM75 20H25c-2.75 0-5 2.25-5 5v32.5c0 2.75 2.25 5 5 5h50c2.75 0 5-2.25 5-5V25c0-2.75-2.25-5-5-5zM27.5 53.12V29.38c0-1 .87-1.88 1.88-1.88h7.5V55h-7.5c-1 0-1.88-.88-1.88-1.88zm45 0c0 1-.88 1.88-1.88 1.88H44.37V27.5h26.25c1 0 1.88.87 1.88 1.88v23.75z"></path>
5
+ </g>
6
+ </svg>
7
+ </template>