@salesforce-ux/design-system 2.24.0 → 2.24.1

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 (691) hide show
  1. package/README.md +1 -1
  2. package/RELEASENOTES.general.md +5 -0
  3. package/RELEASENOTES.md +5 -0
  4. package/__internal/chunked/docs/common.js +1 -1
  5. package/__internal/chunked/docs/ui/components/brand-band/docs.mdx.js +1 -1
  6. package/__internal/slds.umd.js +6 -6
  7. package/__internal/styles/salesforce-lightning-design-system_touch-demo.css +8 -4
  8. package/__internal/styles/salesforce-lightning-design-system_touch-demo.min.css +1 -1
  9. package/assets/styles/salesforce-lightning-design-system-imports.sanitized.css +1 -1
  10. package/assets/styles/salesforce-lightning-design-system-legacy.css +268 -231
  11. package/assets/styles/salesforce-lightning-design-system-legacy.min.css +55 -53
  12. package/assets/styles/salesforce-lightning-design-system-offline.css +268 -232
  13. package/assets/styles/salesforce-lightning-design-system-offline.min.css +7 -7
  14. package/assets/styles/salesforce-lightning-design-system.css +268 -232
  15. package/assets/styles/salesforce-lightning-design-system.min.css +7 -7
  16. package/assets/styles/salesforce-lightning-design-system.sanitized.css +139 -111
  17. package/assets/styles/salesforce-lightning-design-system_touch.css +10 -4
  18. package/assets/styles/salesforce-lightning-design-system_touch.min.css +1 -1
  19. package/css/accordion/base/index.css +13 -7
  20. package/css/accordion/base/touch.css +11 -4
  21. package/css/activity-timeline/base/index.css +11 -4
  22. package/css/alert/base/index.css +17 -6
  23. package/css/app-launcher/base/index.css +13 -6
  24. package/css/avatar/base/index.css +11 -4
  25. package/css/avatar-group/base/index.css +21 -7
  26. package/css/badges/base/index.css +11 -4
  27. package/css/brand-band/base/index.css +11 -4
  28. package/css/breadcrumbs/base/index.css +11 -4
  29. package/css/breadcrumbs/kinetics/index.css +11 -4
  30. package/css/builder-header/base/index.css +13 -6
  31. package/css/button-groups/base/index.css +13 -6
  32. package/css/button-groups/list/index.css +11 -4
  33. package/css/button-groups/row/index.css +11 -4
  34. package/css/button-icons/base/index.css +28 -9
  35. package/css/button-icons/base/touch.css +11 -4
  36. package/css/button-icons/bordered-filled-container/index.css +11 -4
  37. package/css/button-icons/bordered-inverse/index.css +11 -4
  38. package/css/button-icons/bordered-transparent-container/index.css +11 -4
  39. package/css/button-icons/brand/index.css +11 -4
  40. package/css/button-icons/inverse/index.css +11 -4
  41. package/css/button-icons/sizing/index.css +11 -4
  42. package/css/button-icons/stateful/index.css +29 -7
  43. package/css/button-icons/transparent-container/index.css +11 -4
  44. package/css/buttons/base/index.css +35 -19
  45. package/css/buttons/base/touch.css +11 -4
  46. package/css/buttons/dual-stateful/index.css +26 -7
  47. package/css/buttons/kinetics/index.css +11 -4
  48. package/css/buttons/stateful/index.css +11 -4
  49. package/css/cards/base/index.css +11 -4
  50. package/css/cards/base/touch.css +11 -4
  51. package/css/cards/einstein/index.css +11 -4
  52. package/css/carousel/base/index.css +17 -10
  53. package/css/chat/base/index.css +13 -9
  54. package/css/chat/past/index.css +11 -4
  55. package/css/checkbox/base/index.css +12 -5
  56. package/css/checkbox/base/touch.css +11 -4
  57. package/css/checkbox/form-element/index.css +11 -4
  58. package/css/checkbox/form-element/touch.css +11 -4
  59. package/css/checkbox-button/base/index.css +13 -6
  60. package/css/checkbox-button/base/touch.css +11 -4
  61. package/css/checkbox-button-group/base/index.css +13 -6
  62. package/css/checkbox-button-group/base/touch.css +11 -4
  63. package/css/checkbox-toggle/base/index.css +15 -5
  64. package/css/checkbox-toggle/base/touch.css +11 -4
  65. package/css/color-picker/base/index.css +20 -12
  66. package/css/color-picker/custom-only/index.css +11 -4
  67. package/css/color-picker/predefined-only/index.css +11 -4
  68. package/css/color-picker/swatches-only/index.css +11 -4
  69. package/css/combobox/autocomplete/index.css +11 -4
  70. package/css/combobox/base/index.css +19 -12
  71. package/css/combobox/base/touch.css +11 -4
  72. package/css/combobox/deprecated-inline-listbox/index.css +11 -4
  73. package/css/combobox/deprecated-multi-entity/index.css +11 -4
  74. package/css/combobox/deprecated-readonly/index.css +11 -4
  75. package/css/combobox/dialog/index.css +11 -4
  76. package/css/common/index.css +11 -4
  77. package/css/counter/base/index.css +11 -11
  78. package/css/data-tables/base/index.css +19 -12
  79. package/css/data-tables/base/touch.css +11 -4
  80. package/css/data-tables/fixed-header/index.css +11 -4
  81. package/css/data-tables/hidden-header/index.css +11 -4
  82. package/css/data-tables/inline-edit/index.css +15 -8
  83. package/css/data-tables/responsive/index.css +21 -7
  84. package/css/datepickers/base/index.css +15 -13
  85. package/css/datepickers/range/index.css +21 -7
  86. package/css/datetime-picker/base/index.css +11 -4
  87. package/css/docked-composer/base/index.css +13 -6
  88. package/css/docked-composer/email/index.css +11 -4
  89. package/css/docked-form-footer/base/index.css +11 -4
  90. package/css/docked-utility-bar/base/index.css +13 -6
  91. package/css/docked-utility-bar/utility-panel/index.css +11 -4
  92. package/css/drop-zone/base/index.css +11 -4
  93. package/css/dueling-picklist/base/index.css +11 -4
  94. package/css/dynamic-icons/ellie/index.css +11 -4
  95. package/css/dynamic-icons/eq/index.css +11 -4
  96. package/css/dynamic-icons/global-action-help/index.css +11 -4
  97. package/css/dynamic-icons/score/index.css +11 -4
  98. package/css/dynamic-icons/strength/index.css +11 -4
  99. package/css/dynamic-icons/trend/index.css +11 -4
  100. package/css/dynamic-icons/typing/index.css +11 -4
  101. package/css/dynamic-icons/waffle/index.css +11 -4
  102. package/css/dynamic-menu/base/index.css +11 -4
  103. package/css/einstein-header/base/index.css +11 -4
  104. package/css/expandable-section/base/index.css +11 -4
  105. package/css/expression/base/index.css +11 -4
  106. package/css/expression/custom-logic/index.css +11 -4
  107. package/css/expression/filters/index.css +11 -4
  108. package/css/expression/formula/index.css +11 -4
  109. package/css/feeds/base/index.css +11 -4
  110. package/css/feeds/comment/index.css +11 -4
  111. package/css/feeds/post/index.css +14 -8
  112. package/css/feeds/post-with-attachments/index.css +11 -4
  113. package/css/file-selector/base/index.css +13 -6
  114. package/css/files/base/index.css +14 -8
  115. package/css/form-element/address/index.css +11 -4
  116. package/css/form-element/base/index.css +11 -4
  117. package/css/form-element/base/touch.css +11 -4
  118. package/css/form-element/compound/index.css +11 -4
  119. package/css/form-element/horizontal/index.css +11 -4
  120. package/css/form-element/horizontal/touch.css +11 -4
  121. package/css/form-element/record-detail/index.css +11 -4
  122. package/css/form-element/stacked/index.css +11 -4
  123. package/css/form-element/stacked/touch.css +11 -4
  124. package/css/form-layout/base/index.css +11 -4
  125. package/css/form-layout/compound/index.css +11 -4
  126. package/css/global-header/base/index.css +11 -4
  127. package/css/global-header/global-actions/index.css +15 -8
  128. package/css/global-header/notifications/index.css +11 -4
  129. package/css/global-navigation/navigation-bar/index.css +29 -10
  130. package/css/icons/action/index.css +11 -4
  131. package/css/icons/base/index.css +12 -5
  132. package/css/icons/custom/index.css +11 -4
  133. package/css/icons/doctype/index.css +11 -4
  134. package/css/icons/standard/index.css +11 -4
  135. package/css/illustration/base/index.css +11 -4
  136. package/css/input/base/index.css +15 -8
  137. package/css/input/base/touch.css +11 -4
  138. package/css/list-builder/base/index.css +11 -4
  139. package/css/lookups/base/index.css +11 -4
  140. package/css/lookups-mobile/combobox/index.css +11 -4
  141. package/css/lookups-mobile/faux-input/index.css +13 -6
  142. package/css/lookups-mobile/listbox/index.css +11 -4
  143. package/css/map/base/index.css +13 -6
  144. package/css/map/base/touch.css +11 -4
  145. package/css/menus/action-overflow/index.css +11 -4
  146. package/css/menus/dropdown/index.css +27 -13
  147. package/css/menus/dropdown/touch.css +11 -4
  148. package/css/menus/submenu/index.css +11 -4
  149. package/css/modals/base/index.css +11 -4
  150. package/css/modals/base/touch.css +11 -4
  151. package/css/notifications/base/index.css +16 -8
  152. package/css/page-headers/base/index.css +11 -4
  153. package/css/page-headers/record-home/index.css +11 -4
  154. package/css/page-headers/record-home-vertical/index.css +11 -4
  155. package/css/page-headers/related-list/index.css +11 -4
  156. package/css/panels/base/index.css +11 -4
  157. package/css/panels/detail/index.css +11 -4
  158. package/css/panels/filtering/index.css +11 -4
  159. package/css/path/base/index.css +17 -10
  160. package/css/path/base/touch.css +11 -4
  161. package/css/pills/base/index.css +22 -15
  162. package/css/pills/base/touch.css +11 -4
  163. package/css/pills/listbox-of-pill-options/index.css +11 -4
  164. package/css/popovers/base/index.css +15 -4
  165. package/css/popovers/brand/index.css +11 -4
  166. package/css/popovers/einstein/index.css +11 -4
  167. package/css/popovers/error/index.css +11 -4
  168. package/css/popovers/feature/index.css +11 -4
  169. package/css/popovers/nubbins/index.css +11 -4
  170. package/css/popovers/panels/index.css +11 -4
  171. package/css/popovers/prompt/index.css +11 -4
  172. package/css/popovers/prompt/touch.css +11 -4
  173. package/css/popovers/walkthrough/index.css +11 -4
  174. package/css/popovers/warning/index.css +17 -6
  175. package/css/progress-bar/base/index.css +11 -4
  176. package/css/progress-bar/vertical/index.css +11 -4
  177. package/css/progress-indicator/base/index.css +19 -12
  178. package/css/progress-indicator/base/touch.css +11 -4
  179. package/css/progress-indicator/vertical/index.css +11 -4
  180. package/css/progress-indicator/vertical/touch.css +11 -4
  181. package/css/progress-ring/base/index.css +11 -4
  182. package/css/prompt/base/index.css +11 -4
  183. package/css/publishers/base/index.css +11 -4
  184. package/css/publishers/comment/index.css +13 -6
  185. package/css/radio-button-group/base/index.css +13 -6
  186. package/css/radio-button-group/base/touch.css +11 -4
  187. package/css/radio-group/base/index.css +13 -6
  188. package/css/radio-group/base/touch.css +11 -4
  189. package/css/regions/base/index.css +11 -4
  190. package/css/rich-text-editor/base/index.css +13 -10
  191. package/css/scoped-notifications/base/index.css +13 -6
  192. package/css/scoped-tabs/base/index.css +13 -6
  193. package/css/select/base/index.css +16 -8
  194. package/css/setup-assistant/base/index.css +11 -4
  195. package/css/slider/base/index.css +13 -6
  196. package/css/slider/base/touch.css +11 -4
  197. package/css/spinners/base/index.css +11 -4
  198. package/css/split-view/base/index.css +13 -6
  199. package/css/summary-detail/base/index.css +11 -4
  200. package/css/tabs/base/index.css +28 -9
  201. package/css/tabs/mobile-stack/index.css +13 -7
  202. package/css/tabs/mobile-stack/touch.css +11 -4
  203. package/css/tabs/scrolling/index.css +11 -4
  204. package/css/tabs/sub-tabs/index.css +31 -10
  205. package/css/textarea/base/index.css +14 -7
  206. package/css/tiles/base/index.css +11 -4
  207. package/css/tiles/board/index.css +11 -4
  208. package/css/timepicker/base/index.css +11 -4
  209. package/css/toast/base/index.css +15 -9
  210. package/css/tooltips/base/index.css +13 -6
  211. package/css/tree-grid/base/index.css +11 -4
  212. package/css/trees/base/index.css +13 -6
  213. package/css/trial-bar/header/index.css +15 -9
  214. package/css/vertical-navigation/expandable-section/index.css +11 -4
  215. package/css/vertical-navigation/list/index.css +13 -6
  216. package/css/vertical-navigation/quickfind/index.css +11 -4
  217. package/css/vertical-navigation/radio-group/index.css +11 -4
  218. package/css/vertical-tabs/base/index.css +13 -6
  219. package/css/visual-picker/coverable-content/index.css +15 -8
  220. package/css/visual-picker/link/index.css +11 -4
  221. package/css/visual-picker/non-coverable-content/index.css +11 -4
  222. package/css/visual-picker/vertical/index.css +11 -4
  223. package/css/welcome-mat/base/index.css +13 -6
  224. package/css/welcome-mat/info-only/index.css +11 -4
  225. package/css/welcome-mat/splash/index.css +11 -4
  226. package/css/welcome-mat/trailhead-connected/index.css +11 -4
  227. package/design-tokens/bg-standard.yml +1 -1
  228. package/design-tokens/dist/bg-standard.android.xml +1 -1
  229. package/design-tokens/dist/bg-standard.aura.tokens +1 -1
  230. package/design-tokens/dist/bg-standard.common.js +1 -1
  231. package/design-tokens/dist/bg-standard.default.scss +1 -1
  232. package/design-tokens/dist/bg-standard.ios.json +1 -1
  233. package/design-tokens/dist/bg-standard.json +1 -1
  234. package/design-tokens/dist/bg-standard.less +1 -1
  235. package/design-tokens/dist/bg-standard.map.scss +1 -1
  236. package/design-tokens/dist/bg-standard.raw.json +2 -2
  237. package/design-tokens/dist/bg-standard.styl +1 -1
  238. package/design-tokens/dist/shadow.common.js +8 -6
  239. package/design-tokens/dist/shadow.custom-props.scss +8 -6
  240. package/design-tokens/dist/shadow.json +4 -3
  241. package/design-tokens/dist/shadow.module.js +8 -6
  242. package/design-tokens/dist/shadow.raw.json +31 -23
  243. package/design-tokens/dist/slds-hooks.common.js +0 -6
  244. package/design-tokens/dist/slds-hooks.custom-props.scss +0 -6
  245. package/design-tokens/dist/slds-hooks.json +1 -4
  246. package/design-tokens/dist/slds-hooks.module.js +1 -7
  247. package/design-tokens/dist/slds-hooks.raw.json +1 -46
  248. package/metadata/components/buttons/styling-hooks.json +1 -1
  249. package/package.json +1 -1
  250. package/scss/_config.scss +2 -2
  251. package/scss/_design-tokens.scss +1 -1
  252. package/scss/_init.scss +1 -1
  253. package/scss/_styling-hooks.scss +8 -1
  254. package/scss/components/_index.sanitized.scss +1 -1
  255. package/scss/components/_index.scss +1 -1
  256. package/scss/components/_kinetics.scss +1 -1
  257. package/scss/components/_touch.scss +1 -1
  258. package/scss/components/accordion/_doc.scss +1 -1
  259. package/scss/components/accordion/base/_index.scss +2 -3
  260. package/scss/components/accordion/base/_touch.scss +1 -1
  261. package/scss/components/activity-timeline/_doc.scss +1 -1
  262. package/scss/components/activity-timeline/base/_deprecate.scss +1 -1
  263. package/scss/components/activity-timeline/base/_index.scss +1 -1
  264. package/scss/components/alert/_doc.scss +1 -1
  265. package/scss/components/alert/base/_index.scss +6 -2
  266. package/scss/components/app-launcher/_doc.scss +1 -1
  267. package/scss/components/app-launcher/base/_deprecate.scss +1 -1
  268. package/scss/components/app-launcher/base/_index.scss +2 -2
  269. package/scss/components/avatar/_doc.scss +1 -1
  270. package/scss/components/avatar/base/_index.scss +1 -1
  271. package/scss/components/avatar-group/_doc.scss +1 -1
  272. package/scss/components/avatar-group/base/_index.scss +1 -1
  273. package/scss/components/avatar-group/mixins/_index.scss +1 -1
  274. package/scss/components/badges/_doc.scss +1 -1
  275. package/scss/components/badges/base/_index.scss +1 -1
  276. package/scss/components/brand-band/_doc.scss +1 -1
  277. package/scss/components/brand-band/base/_index.scss +1 -1
  278. package/scss/components/breadcrumbs/_doc.scss +1 -1
  279. package/scss/components/breadcrumbs/base/_index.scss +1 -1
  280. package/scss/components/breadcrumbs/kinetics/_index.scss +1 -1
  281. package/scss/components/builder-header/_doc.scss +1 -1
  282. package/scss/components/builder-header/base/_index.scss +2 -2
  283. package/scss/components/button-groups/_doc.scss +1 -1
  284. package/scss/components/button-groups/base/_index.scss +2 -2
  285. package/scss/components/button-groups/list/_index.scss +1 -1
  286. package/scss/components/button-groups/row/_index.scss +1 -1
  287. package/scss/components/button-icons/_doc.scss +1 -1
  288. package/scss/components/button-icons/base/_deprecate.scss +1 -1
  289. package/scss/components/button-icons/base/_index.scss +7 -2
  290. package/scss/components/button-icons/base/_touch.scss +1 -1
  291. package/scss/components/button-icons/bordered-filled-container/_index.scss +1 -1
  292. package/scss/components/button-icons/bordered-inverse/_index.scss +1 -1
  293. package/scss/components/button-icons/bordered-transparent-container/_index.scss +1 -1
  294. package/scss/components/button-icons/brand/_index.scss +1 -1
  295. package/scss/components/button-icons/inverse/_index.scss +1 -1
  296. package/scss/components/button-icons/mixins/_index.scss +1 -1
  297. package/scss/components/button-icons/sizing/_index.scss +1 -1
  298. package/scss/components/button-icons/stateful/_index.scss +6 -1
  299. package/scss/components/button-icons/transparent-container/_index.scss +1 -1
  300. package/scss/components/buttons/_doc.scss +1 -1
  301. package/scss/components/buttons/base/_deprecate.scss +1 -1
  302. package/scss/components/buttons/base/_index.scss +17 -10
  303. package/scss/components/buttons/base/_touch.scss +1 -1
  304. package/scss/components/buttons/dual-stateful/_index.scss +6 -1
  305. package/scss/components/buttons/kinetics/_index.scss +1 -1
  306. package/scss/components/buttons/mixins/_index.scss +1 -1
  307. package/scss/components/buttons/stateful/_deprecate.scss +1 -1
  308. package/scss/components/buttons/stateful/_index.scss +1 -1
  309. package/scss/components/cards/_doc.scss +1 -1
  310. package/scss/components/cards/base/_blame.scss +1 -1
  311. package/scss/components/cards/base/_deprecate.scss +1 -1
  312. package/scss/components/cards/base/_index.scss +1 -1
  313. package/scss/components/cards/base/_touch.scss +1 -1
  314. package/scss/components/cards/einstein/_index.scss +1 -1
  315. package/scss/components/carousel/_doc.scss +1 -1
  316. package/scss/components/carousel/base/_index.scss +4 -4
  317. package/scss/components/chat/_doc.scss +1 -1
  318. package/scss/components/chat/base/_index.scss +2 -6
  319. package/scss/components/chat/past/_index.scss +1 -1
  320. package/scss/components/checkbox/_doc.scss +1 -1
  321. package/scss/components/checkbox/base/_deprecate.scss +1 -1
  322. package/scss/components/checkbox/base/_index.scss +2 -2
  323. package/scss/components/checkbox/base/_touch.scss +1 -1
  324. package/scss/components/checkbox/form-element/_index.scss +1 -1
  325. package/scss/components/checkbox/form-element/_touch.scss +1 -1
  326. package/scss/components/checkbox-button/_doc.scss +1 -1
  327. package/scss/components/checkbox-button/base/_deprecate.scss +2 -2
  328. package/scss/components/checkbox-button/base/_index.scss +2 -2
  329. package/scss/components/checkbox-button/base/_touch.scss +1 -1
  330. package/scss/components/checkbox-button-group/_doc.scss +1 -1
  331. package/scss/components/checkbox-button-group/base/_index.scss +2 -2
  332. package/scss/components/checkbox-button-group/base/_touch.scss +1 -1
  333. package/scss/components/checkbox-toggle/_doc.scss +1 -1
  334. package/scss/components/checkbox-toggle/base/_index.scss +2 -2
  335. package/scss/components/checkbox-toggle/base/_touch.scss +1 -1
  336. package/scss/components/color-picker/_doc.scss +1 -1
  337. package/scss/components/color-picker/base/_index.scss +5 -5
  338. package/scss/components/color-picker/custom-only/_index.scss +1 -1
  339. package/scss/components/color-picker/predefined-only/_index.scss +1 -1
  340. package/scss/components/color-picker/swatches-only/_index.scss +1 -1
  341. package/scss/components/combobox/_doc.scss +1 -1
  342. package/scss/components/combobox/autocomplete/_index.scss +1 -1
  343. package/scss/components/combobox/base/_index.scss +5 -5
  344. package/scss/components/combobox/base/_touch.scss +1 -1
  345. package/scss/components/combobox/deprecated-inline-listbox/_index.scss +1 -1
  346. package/scss/components/combobox/deprecated-multi-entity/_index.scss +1 -1
  347. package/scss/components/combobox/deprecated-readonly/_index.scss +1 -1
  348. package/scss/components/combobox/dialog/_index.scss +1 -1
  349. package/scss/components/counter/_doc.scss +1 -1
  350. package/scss/components/counter/base/_index.scss +1 -9
  351. package/scss/components/data-tables/_doc.scss +1 -1
  352. package/scss/components/data-tables/base/_blame.scss +1 -1
  353. package/scss/components/data-tables/base/_index.scss +5 -5
  354. package/scss/components/data-tables/base/_touch.scss +1 -1
  355. package/scss/components/data-tables/fixed-header/_index.scss +1 -1
  356. package/scss/components/data-tables/hidden-header/_index.scss +1 -1
  357. package/scss/components/data-tables/inline-edit/_index.scss +3 -3
  358. package/scss/components/data-tables/mixins/_index.scss +1 -1
  359. package/scss/components/data-tables/responsive/_index.scss +1 -1
  360. package/scss/components/datepickers/_doc.scss +1 -1
  361. package/scss/components/datepickers/base/_deprecate.scss +1 -1
  362. package/scss/components/datepickers/base/_index.scss +3 -8
  363. package/scss/components/datepickers/mixins/_index.scss +1 -1
  364. package/scss/components/datepickers/range/_index.scss +1 -1
  365. package/scss/components/datetime-picker/_doc.scss +1 -1
  366. package/scss/components/datetime-picker/base/_index.scss +1 -1
  367. package/scss/components/docked-composer/_doc.scss +1 -1
  368. package/scss/components/docked-composer/base/_deprecate.scss +1 -1
  369. package/scss/components/docked-composer/base/_index.scss +2 -2
  370. package/scss/components/docked-composer/email/_index.scss +1 -1
  371. package/scss/components/docked-form-footer/_doc.scss +1 -1
  372. package/scss/components/docked-form-footer/base/_index.scss +1 -1
  373. package/scss/components/docked-utility-bar/_doc.scss +1 -1
  374. package/scss/components/docked-utility-bar/base/_index.scss +2 -2
  375. package/scss/components/docked-utility-bar/utility-panel/_index.scss +1 -1
  376. package/scss/components/drop-zone/_doc.scss +1 -1
  377. package/scss/components/drop-zone/base/_index.scss +1 -1
  378. package/scss/components/dueling-picklist/_doc.scss +1 -1
  379. package/scss/components/dueling-picklist/base/_deprecate.scss +1 -1
  380. package/scss/components/dueling-picklist/base/_index.scss +1 -1
  381. package/scss/components/dynamic-icons/_doc.scss +1 -1
  382. package/scss/components/dynamic-icons/ellie/_index.scss +1 -1
  383. package/scss/components/dynamic-icons/eq/_index.scss +1 -1
  384. package/scss/components/dynamic-icons/global-action-help/_index.scss +1 -1
  385. package/scss/components/dynamic-icons/score/_index.scss +1 -1
  386. package/scss/components/dynamic-icons/strength/_index.scss +1 -1
  387. package/scss/components/dynamic-icons/trend/_index.scss +1 -1
  388. package/scss/components/dynamic-icons/typing/_index.scss +1 -1
  389. package/scss/components/dynamic-icons/waffle/_index.scss +1 -1
  390. package/scss/components/dynamic-menu/_doc.scss +1 -1
  391. package/scss/components/dynamic-menu/base/_index.scss +1 -1
  392. package/scss/components/einstein-header/base/_index.scss +1 -1
  393. package/scss/components/expandable-section/_doc.scss +1 -1
  394. package/scss/components/expandable-section/base/_deprecate.scss +1 -1
  395. package/scss/components/expandable-section/base/_index.scss +1 -1
  396. package/scss/components/expression/_doc.scss +1 -1
  397. package/scss/components/expression/base/_index.scss +1 -1
  398. package/scss/components/expression/custom-logic/_index.scss +1 -1
  399. package/scss/components/expression/filters/_index.scss +1 -1
  400. package/scss/components/expression/formula/_index.scss +1 -1
  401. package/scss/components/feeds/_doc.scss +1 -1
  402. package/scss/components/feeds/base/_index.scss +1 -1
  403. package/scss/components/feeds/comment/_deprecate.scss +1 -1
  404. package/scss/components/feeds/comment/_index.scss +1 -1
  405. package/scss/components/feeds/post/_index.scss +3 -4
  406. package/scss/components/feeds/post-with-attachments/_index.scss +1 -1
  407. package/scss/components/file-selector/_doc.scss +1 -1
  408. package/scss/components/file-selector/base/_index.scss +2 -2
  409. package/scss/components/files/_doc.scss +1 -1
  410. package/scss/components/files/base/_index.scss +3 -4
  411. package/scss/components/form-element/_doc.scss +1 -1
  412. package/scss/components/form-element/address/_index.scss +1 -1
  413. package/scss/components/form-element/base/_index.scss +1 -1
  414. package/scss/components/form-element/base/_touch.scss +1 -1
  415. package/scss/components/form-element/compound/_index.scss +1 -1
  416. package/scss/components/form-element/horizontal/_index.scss +1 -1
  417. package/scss/components/form-element/horizontal/_touch.scss +1 -1
  418. package/scss/components/form-element/record-detail/_index.scss +1 -1
  419. package/scss/components/form-element/stacked/_index.scss +1 -1
  420. package/scss/components/form-element/stacked/_touch.scss +1 -1
  421. package/scss/components/form-layout/_doc.scss +1 -1
  422. package/scss/components/form-layout/base/_index.scss +1 -1
  423. package/scss/components/form-layout/compound/_deprecate.scss +1 -1
  424. package/scss/components/form-layout/compound/_index.scss +1 -1
  425. package/scss/components/global-header/_doc.scss +1 -1
  426. package/scss/components/global-header/base/_deprecate.scss +1 -1
  427. package/scss/components/global-header/base/_index.scss +1 -1
  428. package/scss/components/global-header/global-actions/_index.scss +4 -4
  429. package/scss/components/global-header/notifications/_index.scss +1 -1
  430. package/scss/components/global-navigation/_doc.scss +1 -1
  431. package/scss/components/global-navigation/mixins/_index.scss +1 -1
  432. package/scss/components/global-navigation/navigation-bar/_index.scss +9 -7
  433. package/scss/components/icons/_doc.scss +1 -1
  434. package/scss/components/icons/action/_index.scss +1 -1
  435. package/scss/components/icons/base/_index.scss +1 -1
  436. package/scss/components/icons/custom/_index.scss +1 -1
  437. package/scss/components/icons/doctype/_index.scss +1 -1
  438. package/scss/components/icons/standard/_index.scss +1 -1
  439. package/scss/components/illustration/_doc.scss +1 -1
  440. package/scss/components/illustration/base/_index.scss +1 -1
  441. package/scss/components/input/_doc.scss +1 -1
  442. package/scss/components/input/base/_deprecate.scss +1 -1
  443. package/scss/components/input/base/_index.scss +4 -4
  444. package/scss/components/input/base/_touch.scss +1 -1
  445. package/scss/components/list-builder/_doc.scss +1 -1
  446. package/scss/components/list-builder/base/_index.scss +1 -1
  447. package/scss/components/lookups/_doc.scss +1 -1
  448. package/scss/components/lookups/base/_deprecate.scss +2 -2
  449. package/scss/components/lookups/base/_index.scss +1 -1
  450. package/scss/components/lookups-mobile/combobox/_index.scss +1 -1
  451. package/scss/components/lookups-mobile/faux-input/_index.scss +2 -2
  452. package/scss/components/lookups-mobile/listbox/_index.scss +1 -1
  453. package/scss/components/map/_doc.scss +1 -1
  454. package/scss/components/map/base/_index.scss +2 -2
  455. package/scss/components/map/base/_touch.scss +1 -1
  456. package/scss/components/menus/_doc.scss +1 -1
  457. package/scss/components/menus/action-overflow/_index.scss +1 -1
  458. package/scss/components/menus/dropdown/_deprecate.scss +1 -1
  459. package/scss/components/menus/dropdown/_index.scss +4 -4
  460. package/scss/components/menus/dropdown/_touch.scss +1 -1
  461. package/scss/components/menus/mixins/_index.scss +1 -1
  462. package/scss/components/menus/submenu/_index.scss +1 -1
  463. package/scss/components/modals/_doc.scss +1 -1
  464. package/scss/components/modals/base/_deprecate.scss +1 -1
  465. package/scss/components/modals/base/_index.scss +1 -1
  466. package/scss/components/modals/base/_touch.scss +1 -1
  467. package/scss/components/notifications/_doc.scss +1 -1
  468. package/scss/components/notifications/base/_index.scss +4 -4
  469. package/scss/components/page-headers/_doc.scss +1 -1
  470. package/scss/components/page-headers/base/_blame.scss +1 -1
  471. package/scss/components/page-headers/base/_index.scss +1 -1
  472. package/scss/components/page-headers/object-home/_deprecate.scss +1 -1
  473. package/scss/components/page-headers/record-home/_index.scss +1 -1
  474. package/scss/components/page-headers/record-home-vertical/_index.scss +1 -1
  475. package/scss/components/page-headers/related-list/_index.scss +1 -1
  476. package/scss/components/panels/_doc.scss +1 -1
  477. package/scss/components/panels/base/_index.scss +1 -1
  478. package/scss/components/panels/detail/_index.scss +1 -1
  479. package/scss/components/panels/filtering/_index.scss +1 -1
  480. package/scss/components/path/_doc.scss +1 -1
  481. package/scss/components/path/base/_index.scss +4 -4
  482. package/scss/components/path/base/_touch.scss +1 -1
  483. package/scss/components/path-simple/base/_deprecate.scss +1 -1
  484. package/scss/components/picklist/_doc.scss +1 -1
  485. package/scss/components/picklist/base/_deprecate.scss +2 -2
  486. package/scss/components/pills/_doc.scss +1 -1
  487. package/scss/components/pills/base/_deprecate.scss +1 -1
  488. package/scss/components/pills/base/_index.scss +7 -7
  489. package/scss/components/pills/base/_touch.scss +1 -1
  490. package/scss/components/pills/listbox-of-pill-options/_index.scss +1 -1
  491. package/scss/components/popovers/_doc.scss +1 -1
  492. package/scss/components/popovers/base/_index.scss +5 -1
  493. package/scss/components/popovers/brand/_index.scss +2 -1
  494. package/scss/components/popovers/einstein/_index.scss +1 -1
  495. package/scss/components/popovers/error/_index.scss +1 -1
  496. package/scss/components/popovers/feature/_index.scss +1 -1
  497. package/scss/components/popovers/nubbins/_index.scss +1 -1
  498. package/scss/components/popovers/panels/_index.scss +1 -1
  499. package/scss/components/popovers/prompt/_index.scss +1 -1
  500. package/scss/components/popovers/prompt/_touch.scss +1 -1
  501. package/scss/components/popovers/walkthrough/_deprecate.scss +1 -1
  502. package/scss/components/popovers/walkthrough/_index.scss +1 -1
  503. package/scss/components/popovers/warning/_index.scss +5 -1
  504. package/scss/components/process/wizard/_deprecate.scss +1 -1
  505. package/scss/components/progress-bar/_doc.scss +1 -1
  506. package/scss/components/progress-bar/base/_index.scss +1 -1
  507. package/scss/components/progress-bar/vertical/_index.scss +1 -1
  508. package/scss/components/progress-indicator/_doc.scss +1 -1
  509. package/scss/components/progress-indicator/base/_index.scss +5 -5
  510. package/scss/components/progress-indicator/base/_touch.scss +1 -1
  511. package/scss/components/progress-indicator/vertical/_index.scss +1 -1
  512. package/scss/components/progress-indicator/vertical/_touch.scss +1 -1
  513. package/scss/components/progress-ring/_doc.scss +1 -1
  514. package/scss/components/progress-ring/base/_index.scss +1 -1
  515. package/scss/components/prompt/_doc.scss +1 -1
  516. package/scss/components/prompt/base/_deprecate.scss +1 -1
  517. package/scss/components/prompt/base/_index.scss +1 -1
  518. package/scss/components/publishers/_doc.scss +1 -1
  519. package/scss/components/publishers/base/_index.scss +1 -1
  520. package/scss/components/publishers/comment/_index.scss +2 -2
  521. package/scss/components/radio-button-group/_doc.scss +1 -1
  522. package/scss/components/radio-button-group/base/_index.scss +2 -2
  523. package/scss/components/radio-button-group/base/_touch.scss +1 -1
  524. package/scss/components/radio-group/_doc.scss +1 -1
  525. package/scss/components/radio-group/base/_index.scss +2 -2
  526. package/scss/components/radio-group/base/_touch.scss +1 -1
  527. package/scss/components/regions/base/_index.scss +1 -1
  528. package/scss/components/rich-text-editor/_doc.scss +1 -1
  529. package/scss/components/rich-text-editor/base/_index.scss +2 -6
  530. package/scss/components/scoped-notifications/_doc.scss +1 -1
  531. package/scss/components/scoped-notifications/base/_index.scss +2 -2
  532. package/scss/components/scoped-tabs/_doc.scss +1 -1
  533. package/scss/components/scoped-tabs/base/_deprecate.scss +1 -1
  534. package/scss/components/scoped-tabs/base/_index.scss +2 -2
  535. package/scss/components/select/_doc.scss +1 -1
  536. package/scss/components/select/base/_index.scss +3 -3
  537. package/scss/components/setup-assistant/_doc.scss +1 -1
  538. package/scss/components/setup-assistant/base/_index.scss +1 -1
  539. package/scss/components/slider/_doc.scss +1 -1
  540. package/scss/components/slider/base/_index.scss +2 -2
  541. package/scss/components/slider/base/_touch.scss +1 -1
  542. package/scss/components/spinners/_doc.scss +1 -1
  543. package/scss/components/spinners/base/_index.scss +1 -1
  544. package/scss/components/split-view/_doc.scss +1 -1
  545. package/scss/components/split-view/base/_deprecate.scss +1 -1
  546. package/scss/components/split-view/base/_index.scss +2 -2
  547. package/scss/components/summary-detail/_doc.scss +1 -1
  548. package/scss/components/summary-detail/base/_index.scss +1 -1
  549. package/scss/components/tabs/_doc.scss +1 -1
  550. package/scss/components/tabs/base/_deprecate.scss +1 -1
  551. package/scss/components/tabs/base/_index.scss +15 -3
  552. package/scss/components/tabs/mixins/_index.scss +1 -1
  553. package/scss/components/tabs/mobile-stack/_deprecate.scss +2 -2
  554. package/scss/components/tabs/mobile-stack/_index.scss +2 -3
  555. package/scss/components/tabs/mobile-stack/_touch.scss +1 -1
  556. package/scss/components/tabs/scrolling/_index.scss +1 -1
  557. package/scss/components/tabs/sub-tabs/_index.scss +1 -1
  558. package/scss/components/textarea/_doc.scss +1 -1
  559. package/scss/components/textarea/base/_index.scss +4 -3
  560. package/scss/components/tiles/_doc.scss +1 -1
  561. package/scss/components/tiles/base/_index.scss +1 -1
  562. package/scss/components/tiles/board/_index.scss +1 -1
  563. package/scss/components/timepicker/_doc.scss +1 -1
  564. package/scss/components/timepicker/base/_deprecate.scss +1 -1
  565. package/scss/components/timepicker/base/_index.scss +1 -1
  566. package/scss/components/toast/_doc.scss +1 -1
  567. package/scss/components/toast/base/_index.scss +2 -2
  568. package/scss/components/toast/modal-toast/_deprecate.scss +1 -1
  569. package/scss/components/tooltips/_doc.scss +1 -1
  570. package/scss/components/tooltips/base/_deprecate.scss +1 -1
  571. package/scss/components/tooltips/base/_index.scss +2 -2
  572. package/scss/components/tree-grid/_doc.scss +1 -1
  573. package/scss/components/tree-grid/base/_index.scss +1 -1
  574. package/scss/components/trees/_doc.scss +1 -1
  575. package/scss/components/trees/base/_deprecate.scss +1 -1
  576. package/scss/components/trees/base/_index.scss +2 -2
  577. package/scss/components/trial-bar/_doc.scss +1 -1
  578. package/scss/components/trial-bar/header/_index.scss +2 -2
  579. package/scss/components/vertical-navigation/_doc.scss +1 -1
  580. package/scss/components/vertical-navigation/expandable-section/_index.scss +1 -1
  581. package/scss/components/vertical-navigation/list/_deprecate.scss +1 -1
  582. package/scss/components/vertical-navigation/list/_index.scss +2 -2
  583. package/scss/components/vertical-navigation/quickfind/_index.scss +1 -1
  584. package/scss/components/vertical-navigation/radio-group/_index.scss +1 -1
  585. package/scss/components/vertical-tabs/_doc.scss +1 -1
  586. package/scss/components/vertical-tabs/base/_index.scss +2 -2
  587. package/scss/components/visual-picker/_doc.scss +1 -1
  588. package/scss/components/visual-picker/coverable-content/_index.scss +3 -3
  589. package/scss/components/visual-picker/link/_index.scss +1 -1
  590. package/scss/components/visual-picker/non-coverable-content/_index.scss +1 -1
  591. package/scss/components/visual-picker/vertical/_index.scss +1 -1
  592. package/scss/components/welcome-mat/_doc.scss +1 -1
  593. package/scss/components/welcome-mat/base/_deprecate.scss +1 -1
  594. package/scss/components/welcome-mat/base/_index.scss +2 -2
  595. package/scss/components/welcome-mat/info-only/_index.scss +1 -1
  596. package/scss/components/welcome-mat/splash/_index.scss +1 -1
  597. package/scss/components/welcome-mat/trailhead-connected/_index.scss +1 -1
  598. package/scss/core/_vf-reset.scss +1 -1
  599. package/scss/dependencies/_appearance.scss +1 -1
  600. package/scss/dependencies/_core.scss +1 -1
  601. package/scss/dependencies/_forms.scss +1 -1
  602. package/scss/dependencies/_functions.scss +1 -1
  603. package/scss/dependencies/_index.scss +1 -1
  604. package/scss/dependencies/_interactions.scss +1 -1
  605. package/scss/dependencies/_kinetics.scss +1 -1
  606. package/scss/dependencies/_layout.scss +1 -1
  607. package/scss/dependencies/_lists.scss +1 -1
  608. package/scss/dependencies/_motion.scss +1 -1
  609. package/scss/dependencies/_popover.scss +1 -1
  610. package/scss/dependencies/_root.scss +1 -1
  611. package/scss/dependencies/_rtl.scss +1 -1
  612. package/scss/dependencies/_scrolling.scss +1 -1
  613. package/scss/dependencies/_sizing.scss +1 -1
  614. package/scss/dependencies/_tabs.scss +1 -1
  615. package/scss/dependencies/_text.scss +1 -1
  616. package/scss/dependencies/_theme.scss +4 -5
  617. package/scss/dependencies/_touch.scss +1 -1
  618. package/scss/dependencies/_typography.scss +1 -1
  619. package/scss/dependencies/_visibility.scss +1 -1
  620. package/scss/index-internal.scss +1 -1
  621. package/scss/index-sanitized.scss +1 -1
  622. package/scss/index-vf.scss +1 -1
  623. package/scss/index.scss +1 -1
  624. package/scss/legacy.scss +2 -2
  625. package/scss/touch/_index.scss +1 -1
  626. package/scss/touch/forms/edit-dialog/_index.scss +1 -1
  627. package/scss/touch/menus/action-overflow/_index.scss +1 -1
  628. package/scss/touch-demo.scss +1 -1
  629. package/scss/touch-internal.scss +1 -1
  630. package/scss/touch.scss +1 -1
  631. package/scss/utilities/_index.scss +1 -1
  632. package/scss/utilities/_touch.scss +1 -1
  633. package/scss/utilities/alignment/_doc.scss +1 -1
  634. package/scss/utilities/alignment/_index.scss +1 -1
  635. package/scss/utilities/borders/_doc.scss +1 -1
  636. package/scss/utilities/borders/_index.scss +1 -1
  637. package/scss/utilities/box/_doc.scss +1 -1
  638. package/scss/utilities/box/_index.scss +2 -2
  639. package/scss/utilities/color/_doc.scss +1 -1
  640. package/scss/utilities/color/_index.scss +1 -1
  641. package/scss/utilities/description-list/_doc.scss +1 -1
  642. package/scss/utilities/description-list/_index.scss +1 -1
  643. package/scss/utilities/floats/_doc.scss +1 -1
  644. package/scss/utilities/floats/_index.scss +1 -1
  645. package/scss/utilities/grid/_deprecate.scss +1 -1
  646. package/scss/utilities/grid/_doc.scss +1 -1
  647. package/scss/utilities/grid/_index.scss +1 -1
  648. package/scss/utilities/horizontal-list/_deprecate.scss +1 -1
  649. package/scss/utilities/horizontal-list/_doc.scss +1 -1
  650. package/scss/utilities/horizontal-list/_index.scss +1 -1
  651. package/scss/utilities/hyphenation/_doc.scss +1 -1
  652. package/scss/utilities/hyphenation/_index.scss +1 -1
  653. package/scss/utilities/index-with-dependencies.scss +1 -1
  654. package/scss/utilities/interactions/_doc.scss +1 -1
  655. package/scss/utilities/interactions/_index.scss +2 -2
  656. package/scss/utilities/layout/_doc.scss +1 -1
  657. package/scss/utilities/layout/_index.scss +1 -1
  658. package/scss/utilities/line-clamp/_doc.scss +1 -1
  659. package/scss/utilities/line-clamp/_index.scss +1 -1
  660. package/scss/utilities/margin/_doc.scss +1 -1
  661. package/scss/utilities/margin/_index.scss +1 -1
  662. package/scss/utilities/media-objects/_deprecate.scss +1 -1
  663. package/scss/utilities/media-objects/_doc.scss +1 -1
  664. package/scss/utilities/media-objects/_index.scss +1 -1
  665. package/scss/utilities/name-value-list/_doc.scss +1 -1
  666. package/scss/utilities/name-value-list/_index.scss +1 -1
  667. package/scss/utilities/padding/_doc.scss +1 -1
  668. package/scss/utilities/padding/_index.scss +1 -1
  669. package/scss/utilities/position/_doc.scss +1 -1
  670. package/scss/utilities/position/_index.scss +1 -1
  671. package/scss/utilities/print/_doc.scss +1 -1
  672. package/scss/utilities/print/_index.scss +1 -1
  673. package/scss/utilities/scrollable/_doc.scss +1 -1
  674. package/scss/utilities/scrollable/_index.scss +1 -1
  675. package/scss/utilities/sizing/_doc.scss +1 -1
  676. package/scss/utilities/sizing/_index.scss +1 -1
  677. package/scss/utilities/text/_doc.scss +1 -1
  678. package/scss/utilities/text/_index.scss +1 -1
  679. package/scss/utilities/text/_touch.scss +1 -1
  680. package/scss/utilities/themes/_doc.scss +1 -1
  681. package/scss/utilities/themes/_index.scss +1 -1
  682. package/scss/utilities/truncation/_doc.scss +1 -1
  683. package/scss/utilities/truncation/_index.scss +1 -1
  684. package/scss/utilities/vertical-list/_deprecate.scss +1 -1
  685. package/scss/utilities/vertical-list/_doc.scss +1 -1
  686. package/scss/utilities/vertical-list/_index.scss +1 -1
  687. package/scss/utilities/visibility/_deprecate.scss +1 -1
  688. package/scss/utilities/visibility/_doc.scss +1 -1
  689. package/scss/utilities/visibility/_index.scss +1 -1
  690. package/ui.aura-tokens.json +1 -1
  691. package/ui.component-tokens.json +1 -1
package/assets/styles/salesforce-lightning-design-system.sanitized.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  @charset "UTF-8";
3
3
  :root {
4
4
  --slds-g-color-neutral-base-100: #ffffff;
@@ -232,9 +232,16 @@
232
232
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
233
233
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
234
234
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
235
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
236
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
237
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
235
+ }
236
+
237
+ :root {
238
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
239
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab);
240
+ --_slds-g-shadow-inset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100) inset,
241
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
242
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
243
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
244
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
238
245
  }
239
246
  /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
240
247
  article,
@@ -685,9 +692,8 @@ img {
685
692
  line-height: var(--slds-c-accordion-heading-line-height, var(--sds-c-accordion-heading-line-height, 1.25));
686
693
  }
687
694
  .slds-accordion__summary-heading .slds-button:focus {
688
- outline-offset: -0.25rem;
689
- -webkit-box-shadow: none;
690
- box-shadow: none;
695
+ -webkit-box-shadow: inset var(--_slds-g-shadow-outline-focus);
696
+ box-shadow: inset var(--_slds-g-shadow-outline-focus);
691
697
  }
692
698
  .slds-accordion__summary-action {
693
699
  display: -webkit-inline-box;
@@ -1055,8 +1061,8 @@ img {
1055
1061
  }
1056
1062
  .slds-button-group .slds-button_brand + .slds-button_last .slds-button_icon-brand:focus,
1057
1063
  .slds-button-group-list li:last-child .slds-button_icon-brand:focus {
1058
- -webkit-box-shadow: var(--slds-g-shadow-5);
1059
- box-shadow: var(--slds-g-shadow-5);
1064
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus);
1065
+ box-shadow: var(--_slds-g-shadow-outset-focus);
1060
1066
  }
1061
1067
 
1062
1068
  .slds-button-group-list li:first-child .slds-button,
@@ -1188,6 +1194,11 @@ img {
1188
1194
  border-color: var(--slds-g-color-neutral-base-80, #c9c7c5);
1189
1195
  color: var(--slds-g-color-neutral-base-100, white);
1190
1196
  }
1197
+ .slds-button_icon-brand:focus {
1198
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus);
1199
+ box-shadow: var(--_slds-g-shadow-outset-focus);
1200
+ outline: 0;
1201
+ }
1191
1202
  .slds-button_icon-border-filled {
1192
1203
  background-color: var(--slds-g-color-neutral-base-100, white);
1193
1204
  }
@@ -1215,8 +1226,8 @@ img {
1215
1226
  }
1216
1227
  .slds-button_icon-inverse:focus,
1217
1228
  .slds-button_icon-border-inverse:focus {
1218
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
1219
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
1229
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
1230
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
1220
1231
  border-color: transparent;
1221
1232
  outline: 0;
1222
1233
  }
@@ -1390,6 +1401,14 @@ img {
1390
1401
  .slds-button_icon-border-inverse.slds-is-selected:focus .slds-button__icon {
1391
1402
  fill: var(--slds-g-color-neutral-base-100, white);
1392
1403
  }
1404
+ .slds-button_icon-container.slds-is-selected:focus,
1405
+ .slds-button_icon-border.slds-is-selected:focus,
1406
+ .slds-button_icon-border-filled.slds-is-selected:focus,
1407
+ .slds-button_icon-border-inverse.slds-is-selected:focus {
1408
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus);
1409
+ box-shadow: var(--_slds-g-shadow-outset-focus);
1410
+ outline: 0;
1411
+ }
1393
1412
  .slds-button_icon-container.slds-is-selected[disabled],
1394
1413
  .slds-button_icon-container.slds-is-selected:disabled,
1395
1414
  .slds-button_icon-border.slds-is-selected[disabled],
@@ -1448,14 +1467,10 @@ img {
1448
1467
  .slds-button:focus {
1449
1468
  -webkit-box-shadow: var(
1450
1469
  --slds-c-button-shadow-focus,
1451
- var(--sds-c-button-shadow-focus, 0 0 0 2px var(--slds-g-color-neutral-base-100, white))
1452
- );
1453
- box-shadow: var(
1454
- --slds-c-button-shadow-focus,
1455
- var(--sds-c-button-shadow-focus, 0 0 0 2px var(--slds-g-color-neutral-base-100, white))
1470
+ var(--sds-c-button-shadow-focus, var(--_slds-g-shadow-outline-focus))
1456
1471
  );
1457
- outline: 2px solid var(--slds-g-color-brand-base-40, #0b5cab);
1458
- outline-offset: 2px;
1472
+ box-shadow: var(--slds-c-button-shadow-focus, var(--sds-c-button-shadow-focus, var(--_slds-g-shadow-outline-focus)));
1473
+ outline: 0;
1459
1474
  }
1460
1475
  .slds-button:active {
1461
1476
  color: var(--slds-c-button-text-color-active, var(--sds-c-button-text-color-active, #014486));
@@ -1498,9 +1513,7 @@ a.slds-button {
1498
1513
  }
1499
1514
  a.slds-button:focus {
1500
1515
  /*! @css-var-fallback box-shadow */
1501
- --slds-c-button-shadow-focus: var(--sds-c-button-shadow-focus, 0 0 0 2px var(--slds-g-color-neutral-base-100, white));
1502
- outline: 2px solid var(--slds-g-color-brand-base-40, #0b5cab);
1503
- outline-offset: 2px;
1516
+ --slds-c-button-shadow-focus: var(--sds-c-button-shadow-focus, var(--_slds-g-shadow-outline-focus));
1504
1517
  }
1505
1518
 
1506
1519
  a.slds-button_brand:hover,
@@ -1796,8 +1809,8 @@ a.slds-button--inverse:focus {
1796
1809
  );
1797
1810
  }
1798
1811
  .slds-button_inverse:focus {
1799
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
1800
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
1812
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
1813
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
1801
1814
  }
1802
1815
  .slds-button_inverse:active {
1803
1816
  /*! @css-var-fallback background-color */
@@ -2086,6 +2099,14 @@ a.slds-button--inverse:focus {
2086
2099
  border-color: var(--slds-g-color-neutral-base-80, #c9c7c5);
2087
2100
  color: var(--slds-g-color-neutral-base-100, white);
2088
2101
  }
2102
+
2103
+ .slds-button_brand:focus,
2104
+ .slds-button_success:focus,
2105
+ .slds-button_destructive:focus {
2106
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus);
2107
+ box-shadow: var(--_slds-g-shadow-outset-focus);
2108
+ outline: 0;
2109
+ }
2089
2110
  .slds-button__icon {
2090
2111
  width: 0.875rem;
2091
2112
  height: 0.875rem;
@@ -2667,8 +2688,8 @@ a.slds-button--inverse:focus {
2667
2688
  outline: 0;
2668
2689
  }
2669
2690
  .slds-carousel__panel-action:focus {
2670
- -webkit-box-shadow: var(--slds-g-shadow-5);
2671
- box-shadow: var(--slds-g-shadow-5);
2691
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus);
2692
+ box-shadow: var(--_slds-g-shadow-outset-focus);
2672
2693
  }
2673
2694
  .slds-carousel__image {
2674
2695
  border-top-left-radius: 0.25rem;
@@ -2723,8 +2744,8 @@ a.slds-button--inverse:focus {
2723
2744
  outline: 0;
2724
2745
  }
2725
2746
  .slds-carousel__indicator-action:focus {
2726
- -webkit-box-shadow: var(--slds-g-shadow-5);
2727
- box-shadow: var(--slds-g-shadow-5);
2747
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus);
2748
+ box-shadow: var(--_slds-g-shadow-outset-focus);
2728
2749
  border-radius: 50%;
2729
2750
  }
2730
2751
  .slds-carousel__autoplay {
@@ -2734,8 +2755,8 @@ a.slds-button--inverse:focus {
2734
2755
  margin-left: 0.25rem;
2735
2756
  }
2736
2757
  .slds-carousel__autoplay .slds-button:focus {
2737
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
2738
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
2758
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
2759
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
2739
2760
  outline: 0;
2740
2761
  }
2741
2762
  .slds-checkbox {
@@ -2823,7 +2844,7 @@ a.slds-button--inverse:focus {
2823
2844
  /*! @css-var-fallback box-shadow */
2824
2845
  --slds-c-checkbox-shadow: var(
2825
2846
  --slds-c-checkbox-shadow-focus,
2826
- var(--sds-c-checkbox-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3))
2847
+ var(--sds-c-checkbox-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3))
2827
2848
  );
2828
2849
  }
2829
2850
  .slds-checkbox [type="checkbox"]:focus:checked > .slds-checkbox_faux,
@@ -2986,8 +3007,8 @@ input[readonly][role="combobox"] {
2986
3007
  [role="combobox"] input[readonly].slds-has-focus,
2987
3008
  input[readonly][role="combobox"]:focus,
2988
3009
  input[readonly][role="combobox"].slds-has-focus {
2989
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
2990
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
3010
+ -webkit-box-shadow: var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
3011
+ box-shadow: var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
2991
3012
  }
2992
3013
  [role="combobox"] input[readonly][disabled],
2993
3014
  input[readonly][role="combobox"][disabled] {
@@ -3080,8 +3101,8 @@ input[readonly][role="combobox"][disabled] {
3080
3101
  }
3081
3102
  .slds-listbox_vertical .slds-listbox__option:focus,
3082
3103
  .slds-listbox_vertical .slds-listbox__option.slds-has-focus {
3083
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
3084
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
3104
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
3105
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
3085
3106
  outline: 0;
3086
3107
  }
3087
3108
  .slds-listbox_vertical .slds-listbox__option[aria-disabled="true"],
@@ -3107,8 +3128,8 @@ input[readonly][role="combobox"][disabled] {
3107
3128
 
3108
3129
  .slds-dueling-list__options .slds-listbox_vertical .slds-listbox__option.slds-is-selected:focus,
3109
3130
  .slds-dueling-list__options .slds-listbox_vertical .slds-listbox__option.slds-is-selected.slds-has-focus {
3110
- -webkit-box-shadow: var(--slds-g-shadow-7);
3111
- box-shadow: var(--slds-g-shadow-7);
3131
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
3132
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
3112
3133
  }
3113
3134
  .slds-input-has-icon_left .slds-combobox__input[value],
3114
3135
  .slds-input-has-icon_left .slds-combobox__input.slds-combobox__input-value,
@@ -3189,8 +3210,8 @@ input[readonly][role="combobox"][disabled] {
3189
3210
  }
3190
3211
  .slds-combobox__input:focus,
3191
3212
  .slds-combobox__input.slds-has-focus {
3192
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
3193
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
3213
+ -webkit-box-shadow: var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
3214
+ box-shadow: var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
3194
3215
  outline: 0;
3195
3216
  }
3196
3217
  .slds-combobox-group {
@@ -3384,8 +3405,8 @@ input[readonly][role="combobox"][disabled] {
3384
3405
  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
3385
3406
  }
3386
3407
  .slds-table:not(.slds-no-row-hover) tbody tr:focus {
3387
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
3388
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
3408
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
3409
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
3389
3410
  }
3390
3411
  .slds-table tbody tr.slds-is-selected > td,
3391
3412
  .slds-table tbody tr.slds-is-selected > th,
@@ -3425,8 +3446,8 @@ input[readonly][role="combobox"][disabled] {
3425
3446
  .slds-table th.slds-has-focus,
3426
3447
  .slds-table [role="gridcell"]:focus,
3427
3448
  .slds-table [role="gridcell"].slds-has-focus {
3428
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
3429
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
3449
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
3450
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
3430
3451
  }
3431
3452
  .slds-table th:focus.slds-cell_action-mode,
3432
3453
  .slds-table th.slds-has-focus.slds-cell_action-mode,
@@ -3436,8 +3457,8 @@ input[readonly][role="combobox"][disabled] {
3436
3457
  }
3437
3458
  .slds-table th:focus,
3438
3459
  .slds-table th.slds-has-focus {
3439
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
3440
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
3460
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
3461
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
3441
3462
  }
3442
3463
  .slds-table th:active,
3443
3464
  .slds-table [role="gridcell"]:active {
@@ -3545,8 +3566,8 @@ input[readonly][role="combobox"][disabled] {
3545
3566
  background-color: var(--slds-g-color-neutral-base-100, white);
3546
3567
  }
3547
3568
  .slds-th__action:focus {
3548
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
3549
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
3569
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
3570
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
3550
3571
  }
3551
3572
  .slds-th__action_form {
3552
3573
  display: -webkit-inline-box;
@@ -3909,16 +3930,16 @@ input[readonly][role="combobox"][disabled] {
3909
3930
  }
3910
3931
 
3911
3932
  .slds-is-resizable .slds-th__action:focus {
3912
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
3913
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
3933
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
3934
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
3914
3935
  }
3915
3936
  .slds-table .slds-cell-edit {
3916
3937
  outline: 0;
3917
3938
  }
3918
3939
  .slds-table .slds-cell-edit.slds-has-focus {
3919
3940
  background-color: var(--slds-g-color-neutral-base-100, white);
3920
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
3921
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
3941
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
3942
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
3922
3943
  }
3923
3944
  .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_edit,
3924
3945
  .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_lock {
@@ -4140,8 +4161,8 @@ input[readonly][role="combobox"][disabled] {
4140
4161
  border-style: solid;
4141
4162
  }
4142
4163
  .slds-file-selector__input:focus ~ .slds-file-selector__body > .slds-file-selector__button {
4143
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
4144
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
4164
+ -webkit-box-shadow: var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
4165
+ box-shadow: var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
4145
4166
  }
4146
4167
  .slds-file-selector__input[disabled] ~ .slds-file-selector__body {
4147
4168
  color: var(--slds-g-color-neutral-base-50, #c9c9c9);
@@ -6471,7 +6492,7 @@ input[readonly][role="combobox"][disabled] {
6471
6492
  }
6472
6493
 
6473
6494
  .slds-icon-standard-your-account {
6474
- background-color: var(--slds-c-icon-color-background, var(--sds-c-icon-color-background, #1b96ff));
6495
+ background-color: var(--slds-c-icon-color-background, var(--sds-c-icon-color-background, #014486));
6475
6496
  }
6476
6497
 
6477
6498
  .slds-icon-standard-app {
@@ -8669,7 +8690,7 @@ input[readonly][role="combobox"][disabled] {
8669
8690
  outline: 0;
8670
8691
  }
8671
8692
  .slds-input:focus {
8672
- --slds-c-input-shadow: var(--slds-c-input-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3));
8693
+ --slds-c-input-shadow: var(--slds-c-input-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3));
8673
8694
  --slds-c-input-color-border: inherit;
8674
8695
  outline: 0;
8675
8696
  }
@@ -8735,8 +8756,8 @@ input[readonly][role="combobox"][disabled] {
8735
8756
  --slds-c-input-shadow-focus: none;
8736
8757
  }
8737
8758
  .slds-input_bare:focus {
8738
- -webkit-box-shadow: var(--slds-g-shadow-7, 0 0 3px #0176d3);
8739
- box-shadow: var(--slds-g-shadow-7, 0 0 3px #0176d3);
8759
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
8760
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
8740
8761
  outline: 0;
8741
8762
  }
8742
8763
  .slds-input_height {
@@ -8896,7 +8917,7 @@ input[readonly][role="combobox"][disabled] {
8896
8917
  }
8897
8918
  .slds-has-error .slds-input:focus {
8898
8919
  --slds-c-input-shadow: var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset,
8899
- var(--slds-g-shadow-5, 0 0 3px #0176d3);
8920
+ var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
8900
8921
  --slds-c-input-color-border: var(--slds-g-color-error-base-40, #ea001e);
8901
8922
  outline: 0;
8902
8923
  }
@@ -8975,8 +8996,8 @@ input[readonly][role="combobox"][disabled] {
8975
8996
  text-decoration: underline;
8976
8997
  }
8977
8998
  .slds-coordinates__item-action:focus {
8978
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
8979
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
8999
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
9000
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
8980
9001
  }
8981
9002
  .slds-coordinates__item-action:active {
8982
9003
  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
@@ -9080,8 +9101,8 @@ input[readonly][role="combobox"][disabled] {
9080
9101
  background-color: transparent;
9081
9102
  }
9082
9103
  .slds-dropdown_inverse .slds-dropdown__item > a:focus {
9083
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
9084
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
9104
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
9105
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
9085
9106
  outline: 0;
9086
9107
  }
9087
9108
  .slds-dropdown_inverse .slds-dropdown__item > a:active {
@@ -9127,14 +9148,14 @@ input[readonly][role="combobox"][disabled] {
9127
9148
  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
9128
9149
  }
9129
9150
  .slds-dropdown__item > a:focus {
9130
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
9131
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
9151
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
9152
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
9132
9153
  }
9133
9154
  .slds-dropdown__item > a.slds-has-success:focus,
9134
9155
  .slds-dropdown__item > a.slds-has-warning:focus,
9135
9156
  .slds-dropdown__item > a.slds-has-error:focus {
9136
- -webkit-box-shadow: var(--slds-g-shadow-7);
9137
- box-shadow: var(--slds-g-shadow-7);
9157
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
9158
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
9138
9159
  }
9139
9160
  .slds-dropdown__item > a:active {
9140
9161
  text-decoration: none;
@@ -9306,7 +9327,7 @@ input[readonly][role="combobox"][disabled] {
9306
9327
  }
9307
9328
  .slds-pill:focus {
9308
9329
  /*! @css-var-fallback box-shadow */
9309
- --slds-c-pill-shadow: var(--sds-c-pill-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3));
9330
+ --slds-c-pill-shadow: var(--sds-c-pill-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3));
9310
9331
  outline: 0;
9311
9332
  }
9312
9333
  .slds-pill a {
@@ -9318,8 +9339,8 @@ input[readonly][role="combobox"][disabled] {
9318
9339
  width: max-content;
9319
9340
  }
9320
9341
  .slds-pill .slds-pill__remove:focus {
9321
- -webkit-box-shadow: var(--slds-g-shadow-7);
9322
- box-shadow: var(--slds-g-shadow-7);
9342
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
9343
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
9323
9344
  outline: 0;
9324
9345
  }
9325
9346
  .slds-pill_bare {
@@ -9373,8 +9394,8 @@ input[readonly][role="combobox"][disabled] {
9373
9394
  .slds-pill_container .slds-pill_link .slds-pill:focus,
9374
9395
  .slds-pill_container .slds-listbox-item .slds-pill__action:focus,
9375
9396
  .slds-pill_container .slds-listbox-item .slds-pill:focus {
9376
- -webkit-box-shadow: var(--slds-g-shadow-6);
9377
- box-shadow: var(--slds-g-shadow-6);
9397
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus);
9398
+ box-shadow: var(--_slds-g-shadow-inset-focus);
9378
9399
  }
9379
9400
  .slds-pill_container .slds-pill_link .slds-pill.slds-pill_bare:focus,
9380
9401
  .slds-pill_container .slds-listbox-item .slds-pill.slds-pill_bare:focus {
@@ -9382,8 +9403,8 @@ input[readonly][role="combobox"][disabled] {
9382
9403
  }
9383
9404
 
9384
9405
  .slds-listbox_selection-group .slds-listbox-item .slds-pill:focus {
9385
- -webkit-box-shadow: var(--slds-g-shadow-6);
9386
- box-shadow: var(--slds-g-shadow-6);
9406
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus);
9407
+ box-shadow: var(--_slds-g-shadow-inset-focus);
9387
9408
  }
9388
9409
  .slds-pill__label {
9389
9410
  white-space: nowrap;
@@ -9395,11 +9416,11 @@ input[readonly][role="combobox"][disabled] {
9395
9416
  border-radius: 0.25rem;
9396
9417
  -webkit-box-shadow: var(
9397
9418
  --slds-c-pill-label-shadow-focus,
9398
- var(--sds-c-pill-label-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3))
9419
+ var(--sds-c-pill-label-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3))
9399
9420
  );
9400
9421
  box-shadow: var(
9401
9422
  --slds-c-pill-label-shadow-focus,
9402
- var(--sds-c-pill-label-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3))
9423
+ var(--sds-c-pill-label-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3))
9403
9424
  );
9404
9425
  }
9405
9426
  .slds-pill__icon,
@@ -9485,11 +9506,11 @@ input[readonly][role="combobox"][disabled] {
9485
9506
  .slds-pill__action:focus {
9486
9507
  -webkit-box-shadow: var(
9487
9508
  --slds-c-pill-action-shadow,
9488
- var(--sds-c-pill-action-shadow, var(--slds-g-shadow-5, 0 0 3px #0176d3))
9509
+ var(--sds-c-pill-action-shadow, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3))
9489
9510
  );
9490
9511
  box-shadow: var(
9491
9512
  --slds-c-pill-action-shadow,
9492
- var(--sds-c-pill-action-shadow, var(--slds-g-shadow-5, 0 0 3px #0176d3))
9513
+ var(--sds-c-pill-action-shadow, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3))
9493
9514
  );
9494
9515
  outline: 0;
9495
9516
  }
@@ -9651,11 +9672,11 @@ input[readonly][role="combobox"][disabled] {
9651
9672
  );
9652
9673
  -webkit-box-shadow: var(
9653
9674
  --slds-c-radio-shadow-focus,
9654
- var(--sds-c-radio-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3))
9675
+ var(--sds-c-radio-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3))
9655
9676
  );
9656
9677
  box-shadow: var(
9657
9678
  --slds-c-radio-shadow-focus,
9658
- var(--sds-c-radio-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3))
9679
+ var(--sds-c-radio-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3))
9659
9680
  );
9660
9681
  outline: 0;
9661
9682
  }
@@ -9796,8 +9817,8 @@ input[readonly][role="combobox"][disabled] {
9796
9817
  }
9797
9818
  .slds-rich-text-editor.slds-has-focus {
9798
9819
  border: 1px solid var(--slds-g-color-border-base-4, #e5e5e5);
9799
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
9800
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
9820
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
9821
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
9801
9822
  }
9802
9823
  .slds-rich-text-editor.slds-has-error {
9803
9824
  border: 2px solid var(--slds-g-color-error-base-40, #ea001e);
@@ -9819,10 +9840,6 @@ input[readonly][role="combobox"][disabled] {
9819
9840
  padding: 1rem;
9820
9841
  background-color: var(--slds-g-color-neutral-base-100, white);
9821
9842
  }
9822
- .slds-rich-text-area__content:focus {
9823
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
9824
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
9825
- }
9826
9843
 
9827
9844
  .slds-picklist__label[disabled] .slds-icon {
9828
9845
  fill: var(--slds-g-color-neutral-base-80, #c9c9c9);
@@ -10462,11 +10479,11 @@ input[readonly][role="combobox"][disabled] {
10462
10479
  );
10463
10480
  -webkit-box-shadow: var(
10464
10481
  --slds-c-slider-thumb-shadow-focus,
10465
- var(--sds-c-slider-thumb-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3))
10482
+ var(--sds-c-slider-thumb-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3))
10466
10483
  );
10467
10484
  box-shadow: var(
10468
10485
  --slds-c-slider-thumb-shadow-focus,
10469
- var(--sds-c-slider-thumb-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3))
10486
+ var(--sds-c-slider-thumb-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3))
10470
10487
  );
10471
10488
  }
10472
10489
  .slds-slider__range:active::-webkit-slider-thumb {
@@ -10712,6 +10729,12 @@ input[readonly][role="combobox"][disabled] {
10712
10729
  .slds-tabs_default__overflow-button.slds-has-success .slds-button {
10713
10730
  color: var(--slds-g-color-neutral-base-100, white);
10714
10731
  }
10732
+ .slds-tabs_default__overflow-button.slds-has-error .slds-button:focus,
10733
+ .slds-tabs_default__overflow-button.slds-has-success .slds-button:focus,
10734
+ .slds-tabs_default__overflow-button.slds-has-warning .slds-button:focus {
10735
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus);
10736
+ box-shadow: var(--_slds-g-shadow-outset-focus);
10737
+ }
10715
10738
  .slds-tabs_default__content {
10716
10739
  position: relative;
10717
10740
  padding-top: var(
@@ -10786,14 +10809,20 @@ input[readonly][role="combobox"][disabled] {
10786
10809
  margin-left: 0.5rem;
10787
10810
  }
10788
10811
 
10789
- .slds-tabs_default__nav .slds-has-error .slds-tabs_default__link:focus,
10790
- .slds-tabs_default__nav .slds-has-warning .slds-tabs_default__link:focus,
10791
- .slds-tabs_default__nav .slds-has-success .slds-tabs_default__link:focus {
10792
- -webkit-box-shadow: var(--slds-g-shadow-6);
10793
- box-shadow: var(--slds-g-shadow-6);
10812
+ .slds-tabs_default__nav .slds-has-error .slds-tabs_default__link:focus-visible,
10813
+ .slds-tabs_default__nav .slds-has-warning .slds-tabs_default__link:focus-visible,
10814
+ .slds-tabs_default__nav .slds-has-success .slds-tabs_default__link:focus-visible {
10815
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus);
10816
+ box-shadow: var(--_slds-g-shadow-inset-focus);
10794
10817
  outline: 0;
10795
10818
  text-decoration: none;
10796
10819
  }
10820
+ .slds-tabs_default__nav .slds-has-error .slds-button:focus,
10821
+ .slds-tabs_default__nav .slds-has-warning .slds-button:focus,
10822
+ .slds-tabs_default__nav .slds-has-success .slds-button:focus {
10823
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus);
10824
+ box-shadow: var(--_slds-g-shadow-inset-focus);
10825
+ }
10797
10826
  .slds-tabs-mobile__container {
10798
10827
  position: relative;
10799
10828
  overflow: hidden;
@@ -10839,9 +10868,8 @@ input[readonly][role="combobox"][disabled] {
10839
10868
  border-bottom: 1px solid var(--slds-g-color-border-base-1, #e5e5e5);
10840
10869
  }
10841
10870
  .slds-tabs-mobile__item .slds-button:focus {
10842
- outline-offset: -0.0625rem;
10843
- -webkit-box-shadow: none;
10844
- box-shadow: none;
10871
+ -webkit-box-shadow: inset var(--_slds-g-shadow-outline-focus);
10872
+ box-shadow: inset var(--_slds-g-shadow-outline-focus);
10845
10873
  }
10846
10874
  .slds-tabs-mobile__group
10847
10875
  .slds-tabs-mobile__container
@@ -10892,8 +10920,8 @@ input[readonly][role="combobox"][disabled] {
10892
10920
  }
10893
10921
  .slds-textarea:focus {
10894
10922
  border-color: var(--slds-g-color-border-base-4, #c9c9c9);
10895
- -webkit-box-shadow: var(--slds-c-textarea-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3));
10896
- box-shadow: var(--slds-c-textarea-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3));
10923
+ -webkit-box-shadow: var(--slds-c-textarea-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3));
10924
+ box-shadow: var(--slds-c-textarea-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3));
10897
10925
  }
10898
10926
  .slds-textarea[disabled],
10899
10927
  .slds-textarea.slds-is-disabled {
@@ -10937,7 +10965,7 @@ input[readonly][role="combobox"][disabled] {
10937
10965
  .slds-has-error .slds-textarea:focus {
10938
10966
  /*! @css-var-fallback box-shadow */
10939
10967
  --slds-c-textarea-shadow-focus: var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset,
10940
- var(--slds-g-shadow-5, 0 0 3px #0176d3);
10968
+ var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
10941
10969
  }
10942
10970
  .slds-tile + .slds-tile {
10943
10971
  margin-top: 0.5rem;
@@ -11071,8 +11099,8 @@ input[readonly][role="combobox"][disabled] {
11071
11099
  background: var(--slds-g-color-neutral-base-95, #f3f3f3);
11072
11100
  cursor: pointer;
11073
11101
  text-decoration: none;
11074
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
11075
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
11102
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11103
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11076
11104
  }
11077
11105
 
11078
11106
  .slds-tree [role="treeitem"][aria-selected="true"]:focus > .slds-tree__item {
@@ -11313,8 +11341,8 @@ input[readonly][role="combobox"][disabled] {
11313
11341
  .slds-nav-vertical__action:focus {
11314
11342
  outline: 0;
11315
11343
  text-decoration: none;
11316
- -webkit-box-shadow: var(--slds-g-shadow-7);
11317
- box-shadow: var(--slds-g-shadow-7);
11344
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
11345
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
11318
11346
  }
11319
11347
  .slds-nav-vertical__action:focus:hover {
11320
11348
  -webkit-box-shadow: inset 2px 0 0 #1b96ff;
@@ -11366,8 +11394,8 @@ input[readonly][role="combobox"][disabled] {
11366
11394
  margin-bottom: -1px;
11367
11395
  }
11368
11396
  .slds-vertical-tabs__nav-item:focus-within {
11369
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
11370
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
11397
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11398
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11371
11399
  outline: 0;
11372
11400
  }
11373
11401
  .slds-vertical-tabs__link {
@@ -13106,8 +13134,8 @@ input[readonly][role="combobox"][disabled] {
13106
13134
  text-decoration: none;
13107
13135
  }
13108
13136
  .slds-has-blur-focus:focus {
13109
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
13110
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
13137
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
13138
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
13111
13139
  outline: 0;
13112
13140
  }
13113
13141
  .slds-has-input-focus {
@@ -13573,8 +13601,8 @@ input[readonly][role="combobox"][disabled] {
13573
13601
  box-shadow: 0 0 0 1px var(--slds-g-color-border-brand-2, #1b96ff) inset;
13574
13602
  }
13575
13603
  .slds-box_link:focus {
13576
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
13577
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
13604
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
13605
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
13578
13606
  border: 1px solid var(--slds-g-color-border-base-1, #e5e5e5);
13579
13607
  }
13580
13608
  .slds-theme {
@@ -13705,8 +13733,8 @@ input[readonly][role="combobox"][disabled] {
13705
13733
  text-decoration: none;
13706
13734
  }
13707
13735
  .slds-theme_warning a:focus {
13708
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
13709
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
13736
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
13737
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
13710
13738
  border: 1px solid var(--slds-g-color-neutral-base-30, #514f4d);
13711
13739
  }
13712
13740
  .slds-theme_warning a:active {
@@ -13724,8 +13752,8 @@ input[readonly][role="combobox"][disabled] {
13724
13752
  }
13725
13753
  .slds-theme_warning button:focus {
13726
13754
  color: var(--slds-g-color-neutral-base-30, #514f4d);
13727
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
13728
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
13755
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
13756
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
13729
13757
  }
13730
13758
  .slds-theme_warning button:active {
13731
13759
  color: var(--slds-g-color-neutral-base-50, #706e6b);
package/assets/styles/salesforce-lightning-design-system_touch.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root{
3
3
  --slds-g-color-neutral-base-100:#ffffff;
4
4
  --slds-g-color-neutral-base-95:#f3f3f3;
@@ -231,10 +231,15 @@
231
231
  --slds-g-color-neutral-100-opacity-25:rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50:rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75:rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5:0 0 0 2px #FFFFFF, 0 0 0 4px #0B5CAB;
235
- --slds-g-shadow-6:0 0 0 2px #FFFFFF inset, 0 0 0 4px #0B5CAB inset;
236
- --slds-g-shadow-7:0 0 0 2px #0B5CAB inset, 0 0 0 4px #FFFFFF inset;
237
234
  }
235
+
236
+ :root{
237
+ --_slds-g-shadow-outset-focus:0 0 0 2px var(--slds-g-color-neutral-base-100, #FFFFFF), 0 0 0 4px var(--slds-g-color-brand-base-40, #0B5CAB);
238
+ --_slds-g-shadow-inset-focus:0 0 0 2px var(--slds-g-color-neutral-base-100) inset, 0 0 0 4px var(--slds-g-color-brand-base-40, #0B5CAB) inset;
239
+ --_slds-g-shadow-inset-inverse-focus:0 0 0 2px var(--slds-g-color-brand-base-40, #0B5CAB) inset, 0 0 0 4px var(--slds-g-color-neutral-base-100, #FFFFFF) inset;
240
+ --_slds-g-shadow-outline-focus:0 0 0 2px var(--slds-g-color-brand-base-40, #0B5CAB);
241
+ }
242
+
238
243
  @media (pointer: coarse) and (hover: none){
239
244
  body{
240
245
  font-size:1rem;
@@ -894,6 +899,7 @@
894
899
  font-size:1.25rem;
895
900
  }
896
901
  }
902
+
897
903
  @media (pointer: coarse) and (hover: none) and (min-width: 48em){
898
904
  .slds-form-element_horizontal .slds-form-element__label,
899
905
  .slds-form_horizontal .slds-form-element .slds-form-element__label,