@salesforce-ux/design-system 2.24.0 → 2.24.2

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 (702) hide show
  1. package/README.md +1 -1
  2. package/RELEASENOTES.general.md +9 -0
  3. package/RELEASENOTES.md +19 -2
  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/release-notes/components/accordion/RELEASENOTES.md +6 -0
  7. package/__internal/release-notes/components/buttons/RELEASENOTES.md +1 -1
  8. package/__internal/release-notes/components/icons/RELEASENOTES.md +1 -0
  9. package/__internal/release-notes/components/popovers/RELEASENOTES.md +9 -1
  10. package/__internal/slds.umd.js +6 -6
  11. package/__internal/styles/salesforce-lightning-design-system_touch-demo.css +8 -4
  12. package/__internal/styles/salesforce-lightning-design-system_touch-demo.min.css +1 -1
  13. package/assets/styles/salesforce-lightning-design-system-imports.sanitized.css +1 -1
  14. package/assets/styles/salesforce-lightning-design-system-legacy.css +272 -235
  15. package/assets/styles/salesforce-lightning-design-system-legacy.min.css +55 -53
  16. package/assets/styles/salesforce-lightning-design-system-offline.css +272 -236
  17. package/assets/styles/salesforce-lightning-design-system-offline.min.css +7 -7
  18. package/assets/styles/salesforce-lightning-design-system.css +272 -236
  19. package/assets/styles/salesforce-lightning-design-system.min.css +7 -7
  20. package/assets/styles/salesforce-lightning-design-system.sanitized.css +142 -114
  21. package/assets/styles/salesforce-lightning-design-system_touch.css +10 -4
  22. package/assets/styles/salesforce-lightning-design-system_touch.min.css +1 -1
  23. package/css/accordion/base/index.css +16 -10
  24. package/css/accordion/base/touch.css +11 -4
  25. package/css/activity-timeline/base/index.css +11 -4
  26. package/css/alert/base/index.css +17 -6
  27. package/css/app-launcher/base/index.css +13 -6
  28. package/css/avatar/base/index.css +11 -4
  29. package/css/avatar-group/base/index.css +21 -7
  30. package/css/badges/base/index.css +11 -4
  31. package/css/brand-band/base/index.css +11 -4
  32. package/css/breadcrumbs/base/index.css +11 -4
  33. package/css/breadcrumbs/kinetics/index.css +11 -4
  34. package/css/builder-header/base/index.css +13 -6
  35. package/css/button-groups/base/index.css +13 -6
  36. package/css/button-groups/list/index.css +11 -4
  37. package/css/button-groups/row/index.css +11 -4
  38. package/css/button-icons/base/index.css +28 -9
  39. package/css/button-icons/base/touch.css +11 -4
  40. package/css/button-icons/bordered-filled-container/index.css +11 -4
  41. package/css/button-icons/bordered-inverse/index.css +11 -4
  42. package/css/button-icons/bordered-transparent-container/index.css +11 -4
  43. package/css/button-icons/brand/index.css +11 -4
  44. package/css/button-icons/inverse/index.css +11 -4
  45. package/css/button-icons/sizing/index.css +11 -4
  46. package/css/button-icons/stateful/index.css +29 -7
  47. package/css/button-icons/transparent-container/index.css +11 -4
  48. package/css/buttons/base/index.css +35 -19
  49. package/css/buttons/base/touch.css +11 -4
  50. package/css/buttons/dual-stateful/index.css +26 -7
  51. package/css/buttons/kinetics/index.css +11 -4
  52. package/css/buttons/stateful/index.css +11 -4
  53. package/css/cards/base/index.css +11 -4
  54. package/css/cards/base/touch.css +11 -4
  55. package/css/cards/einstein/index.css +11 -4
  56. package/css/carousel/base/index.css +17 -10
  57. package/css/chat/base/index.css +13 -9
  58. package/css/chat/past/index.css +11 -4
  59. package/css/checkbox/base/index.css +12 -5
  60. package/css/checkbox/base/touch.css +11 -4
  61. package/css/checkbox/form-element/index.css +11 -4
  62. package/css/checkbox/form-element/touch.css +11 -4
  63. package/css/checkbox-button/base/index.css +13 -6
  64. package/css/checkbox-button/base/touch.css +11 -4
  65. package/css/checkbox-button-group/base/index.css +13 -6
  66. package/css/checkbox-button-group/base/touch.css +11 -4
  67. package/css/checkbox-toggle/base/index.css +15 -5
  68. package/css/checkbox-toggle/base/touch.css +11 -4
  69. package/css/color-picker/base/index.css +20 -12
  70. package/css/color-picker/custom-only/index.css +11 -4
  71. package/css/color-picker/predefined-only/index.css +11 -4
  72. package/css/color-picker/swatches-only/index.css +11 -4
  73. package/css/combobox/autocomplete/index.css +11 -4
  74. package/css/combobox/base/index.css +19 -12
  75. package/css/combobox/base/touch.css +11 -4
  76. package/css/combobox/deprecated-inline-listbox/index.css +11 -4
  77. package/css/combobox/deprecated-multi-entity/index.css +11 -4
  78. package/css/combobox/deprecated-readonly/index.css +11 -4
  79. package/css/combobox/dialog/index.css +11 -4
  80. package/css/common/index.css +11 -4
  81. package/css/counter/base/index.css +11 -11
  82. package/css/data-tables/base/index.css +19 -12
  83. package/css/data-tables/base/touch.css +11 -4
  84. package/css/data-tables/fixed-header/index.css +11 -4
  85. package/css/data-tables/hidden-header/index.css +11 -4
  86. package/css/data-tables/inline-edit/index.css +15 -8
  87. package/css/data-tables/responsive/index.css +21 -7
  88. package/css/datepickers/base/index.css +15 -13
  89. package/css/datepickers/range/index.css +21 -7
  90. package/css/datetime-picker/base/index.css +11 -4
  91. package/css/docked-composer/base/index.css +13 -6
  92. package/css/docked-composer/email/index.css +11 -4
  93. package/css/docked-form-footer/base/index.css +11 -4
  94. package/css/docked-utility-bar/base/index.css +13 -6
  95. package/css/docked-utility-bar/utility-panel/index.css +11 -4
  96. package/css/drop-zone/base/index.css +11 -4
  97. package/css/dueling-picklist/base/index.css +11 -4
  98. package/css/dynamic-icons/ellie/index.css +11 -4
  99. package/css/dynamic-icons/eq/index.css +11 -4
  100. package/css/dynamic-icons/global-action-help/index.css +11 -4
  101. package/css/dynamic-icons/score/index.css +11 -4
  102. package/css/dynamic-icons/strength/index.css +11 -4
  103. package/css/dynamic-icons/trend/index.css +11 -4
  104. package/css/dynamic-icons/typing/index.css +11 -4
  105. package/css/dynamic-icons/waffle/index.css +11 -4
  106. package/css/dynamic-menu/base/index.css +11 -4
  107. package/css/einstein-header/base/index.css +11 -4
  108. package/css/expandable-section/base/index.css +11 -4
  109. package/css/expression/base/index.css +11 -4
  110. package/css/expression/custom-logic/index.css +11 -4
  111. package/css/expression/filters/index.css +11 -4
  112. package/css/expression/formula/index.css +11 -4
  113. package/css/feeds/base/index.css +11 -4
  114. package/css/feeds/comment/index.css +11 -4
  115. package/css/feeds/post/index.css +14 -8
  116. package/css/feeds/post-with-attachments/index.css +11 -4
  117. package/css/file-selector/base/index.css +13 -6
  118. package/css/files/base/index.css +14 -8
  119. package/css/form-element/address/index.css +11 -4
  120. package/css/form-element/base/index.css +11 -4
  121. package/css/form-element/base/touch.css +11 -4
  122. package/css/form-element/compound/index.css +11 -4
  123. package/css/form-element/horizontal/index.css +11 -4
  124. package/css/form-element/horizontal/touch.css +11 -4
  125. package/css/form-element/record-detail/index.css +11 -4
  126. package/css/form-element/stacked/index.css +11 -4
  127. package/css/form-element/stacked/touch.css +11 -4
  128. package/css/form-layout/base/index.css +11 -4
  129. package/css/form-layout/compound/index.css +11 -4
  130. package/css/global-header/base/index.css +11 -4
  131. package/css/global-header/global-actions/index.css +15 -8
  132. package/css/global-header/notifications/index.css +11 -4
  133. package/css/global-navigation/navigation-bar/index.css +29 -10
  134. package/css/icons/action/index.css +11 -4
  135. package/css/icons/base/index.css +12 -5
  136. package/css/icons/custom/index.css +11 -4
  137. package/css/icons/doctype/index.css +11 -4
  138. package/css/icons/standard/index.css +11 -4
  139. package/css/illustration/base/index.css +11 -4
  140. package/css/input/base/index.css +15 -8
  141. package/css/input/base/touch.css +11 -4
  142. package/css/list-builder/base/index.css +11 -4
  143. package/css/lookups/base/index.css +11 -4
  144. package/css/lookups-mobile/combobox/index.css +11 -4
  145. package/css/lookups-mobile/faux-input/index.css +13 -6
  146. package/css/lookups-mobile/listbox/index.css +11 -4
  147. package/css/map/base/index.css +13 -6
  148. package/css/map/base/touch.css +11 -4
  149. package/css/menus/action-overflow/index.css +11 -4
  150. package/css/menus/dropdown/index.css +27 -13
  151. package/css/menus/dropdown/touch.css +11 -4
  152. package/css/menus/submenu/index.css +11 -4
  153. package/css/modals/base/index.css +11 -4
  154. package/css/modals/base/touch.css +11 -4
  155. package/css/notifications/base/index.css +16 -8
  156. package/css/page-headers/base/index.css +11 -4
  157. package/css/page-headers/record-home/index.css +11 -4
  158. package/css/page-headers/record-home-vertical/index.css +11 -4
  159. package/css/page-headers/related-list/index.css +11 -4
  160. package/css/panels/base/index.css +11 -4
  161. package/css/panels/detail/index.css +11 -4
  162. package/css/panels/filtering/index.css +11 -4
  163. package/css/path/base/index.css +17 -10
  164. package/css/path/base/touch.css +11 -4
  165. package/css/pills/base/index.css +22 -15
  166. package/css/pills/base/touch.css +11 -4
  167. package/css/pills/listbox-of-pill-options/index.css +11 -4
  168. package/css/popovers/base/index.css +15 -4
  169. package/css/popovers/brand/index.css +12 -5
  170. package/css/popovers/einstein/index.css +11 -4
  171. package/css/popovers/error/index.css +11 -4
  172. package/css/popovers/feature/index.css +11 -4
  173. package/css/popovers/nubbins/index.css +11 -4
  174. package/css/popovers/panels/index.css +11 -4
  175. package/css/popovers/prompt/index.css +11 -4
  176. package/css/popovers/prompt/touch.css +11 -4
  177. package/css/popovers/walkthrough/index.css +11 -4
  178. package/css/popovers/warning/index.css +17 -6
  179. package/css/progress-bar/base/index.css +11 -4
  180. package/css/progress-bar/vertical/index.css +11 -4
  181. package/css/progress-indicator/base/index.css +19 -12
  182. package/css/progress-indicator/base/touch.css +11 -4
  183. package/css/progress-indicator/vertical/index.css +11 -4
  184. package/css/progress-indicator/vertical/touch.css +11 -4
  185. package/css/progress-ring/base/index.css +11 -4
  186. package/css/prompt/base/index.css +11 -4
  187. package/css/publishers/base/index.css +11 -4
  188. package/css/publishers/comment/index.css +13 -6
  189. package/css/radio-button-group/base/index.css +13 -6
  190. package/css/radio-button-group/base/touch.css +11 -4
  191. package/css/radio-group/base/index.css +13 -6
  192. package/css/radio-group/base/touch.css +11 -4
  193. package/css/regions/base/index.css +11 -4
  194. package/css/rich-text-editor/base/index.css +13 -10
  195. package/css/scoped-notifications/base/index.css +13 -6
  196. package/css/scoped-tabs/base/index.css +13 -6
  197. package/css/select/base/index.css +16 -8
  198. package/css/setup-assistant/base/index.css +11 -4
  199. package/css/slider/base/index.css +13 -6
  200. package/css/slider/base/touch.css +11 -4
  201. package/css/spinners/base/index.css +11 -4
  202. package/css/split-view/base/index.css +13 -6
  203. package/css/summary-detail/base/index.css +11 -4
  204. package/css/tabs/base/index.css +28 -9
  205. package/css/tabs/mobile-stack/index.css +13 -7
  206. package/css/tabs/mobile-stack/touch.css +11 -4
  207. package/css/tabs/scrolling/index.css +11 -4
  208. package/css/tabs/sub-tabs/index.css +31 -10
  209. package/css/textarea/base/index.css +14 -7
  210. package/css/tiles/base/index.css +11 -4
  211. package/css/tiles/board/index.css +11 -4
  212. package/css/timepicker/base/index.css +11 -4
  213. package/css/toast/base/index.css +15 -9
  214. package/css/tooltips/base/index.css +13 -6
  215. package/css/tree-grid/base/index.css +11 -4
  216. package/css/trees/base/index.css +13 -6
  217. package/css/trial-bar/header/index.css +15 -9
  218. package/css/vertical-navigation/expandable-section/index.css +11 -4
  219. package/css/vertical-navigation/list/index.css +13 -6
  220. package/css/vertical-navigation/quickfind/index.css +11 -4
  221. package/css/vertical-navigation/radio-group/index.css +11 -4
  222. package/css/vertical-tabs/base/index.css +13 -6
  223. package/css/visual-picker/coverable-content/index.css +15 -8
  224. package/css/visual-picker/link/index.css +11 -4
  225. package/css/visual-picker/non-coverable-content/index.css +11 -4
  226. package/css/visual-picker/vertical/index.css +11 -4
  227. package/css/welcome-mat/base/index.css +13 -6
  228. package/css/welcome-mat/info-only/index.css +11 -4
  229. package/css/welcome-mat/splash/index.css +11 -4
  230. package/css/welcome-mat/trailhead-connected/index.css +11 -4
  231. package/design-tokens/bg-standard.yml +1 -1
  232. package/design-tokens/dist/bg-standard.android.xml +1 -1
  233. package/design-tokens/dist/bg-standard.aura.tokens +1 -1
  234. package/design-tokens/dist/bg-standard.common.js +1 -1
  235. package/design-tokens/dist/bg-standard.default.scss +1 -1
  236. package/design-tokens/dist/bg-standard.ios.json +1 -1
  237. package/design-tokens/dist/bg-standard.json +1 -1
  238. package/design-tokens/dist/bg-standard.less +1 -1
  239. package/design-tokens/dist/bg-standard.map.scss +1 -1
  240. package/design-tokens/dist/bg-standard.raw.json +2 -2
  241. package/design-tokens/dist/bg-standard.styl +1 -1
  242. package/design-tokens/dist/shadow.common.js +8 -6
  243. package/design-tokens/dist/shadow.custom-props.scss +8 -6
  244. package/design-tokens/dist/shadow.json +4 -3
  245. package/design-tokens/dist/shadow.module.js +8 -6
  246. package/design-tokens/dist/shadow.raw.json +31 -23
  247. package/design-tokens/dist/slds-hooks.common.js +0 -6
  248. package/design-tokens/dist/slds-hooks.custom-props.scss +0 -6
  249. package/design-tokens/dist/slds-hooks.json +1 -4
  250. package/design-tokens/dist/slds-hooks.module.js +1 -7
  251. package/design-tokens/dist/slds-hooks.raw.json +1 -46
  252. package/metadata/components/alert/styling-hooks.json +1 -1
  253. package/metadata/components/buttons/styling-hooks.json +1 -1
  254. package/metadata/components/checkbox/styling-hooks.json +1 -1
  255. package/metadata/components/input/styling-hooks.json +1 -1
  256. package/metadata/components/pills/styling-hooks.json +1 -1
  257. package/metadata/components/radio-group/styling-hooks.json +1 -1
  258. package/metadata/components/select/styling-hooks.json +1 -1
  259. package/metadata/components/textarea/styling-hooks.json +1 -1
  260. package/package.json +1 -1
  261. package/scss/_config.scss +2 -2
  262. package/scss/_design-tokens.scss +1 -1
  263. package/scss/_init.scss +1 -1
  264. package/scss/_styling-hooks.scss +8 -1
  265. package/scss/components/_index.sanitized.scss +1 -1
  266. package/scss/components/_index.scss +1 -1
  267. package/scss/components/_kinetics.scss +1 -1
  268. package/scss/components/_touch.scss +1 -1
  269. package/scss/components/accordion/_doc.scss +1 -1
  270. package/scss/components/accordion/base/_index.scss +7 -4
  271. package/scss/components/accordion/base/_touch.scss +1 -1
  272. package/scss/components/activity-timeline/_doc.scss +1 -1
  273. package/scss/components/activity-timeline/base/_deprecate.scss +1 -1
  274. package/scss/components/activity-timeline/base/_index.scss +1 -1
  275. package/scss/components/alert/_doc.scss +1 -1
  276. package/scss/components/alert/base/_index.scss +6 -2
  277. package/scss/components/app-launcher/_doc.scss +1 -1
  278. package/scss/components/app-launcher/base/_deprecate.scss +1 -1
  279. package/scss/components/app-launcher/base/_index.scss +2 -2
  280. package/scss/components/avatar/_doc.scss +1 -1
  281. package/scss/components/avatar/base/_index.scss +1 -1
  282. package/scss/components/avatar-group/_doc.scss +1 -1
  283. package/scss/components/avatar-group/base/_index.scss +1 -1
  284. package/scss/components/avatar-group/mixins/_index.scss +1 -1
  285. package/scss/components/badges/_doc.scss +1 -1
  286. package/scss/components/badges/base/_index.scss +1 -1
  287. package/scss/components/brand-band/_doc.scss +1 -1
  288. package/scss/components/brand-band/base/_index.scss +1 -1
  289. package/scss/components/breadcrumbs/_doc.scss +1 -1
  290. package/scss/components/breadcrumbs/base/_index.scss +1 -1
  291. package/scss/components/breadcrumbs/kinetics/_index.scss +1 -1
  292. package/scss/components/builder-header/_doc.scss +1 -1
  293. package/scss/components/builder-header/base/_index.scss +2 -2
  294. package/scss/components/button-groups/_doc.scss +1 -1
  295. package/scss/components/button-groups/base/_index.scss +2 -2
  296. package/scss/components/button-groups/list/_index.scss +1 -1
  297. package/scss/components/button-groups/row/_index.scss +1 -1
  298. package/scss/components/button-icons/_doc.scss +1 -1
  299. package/scss/components/button-icons/base/_deprecate.scss +1 -1
  300. package/scss/components/button-icons/base/_index.scss +7 -2
  301. package/scss/components/button-icons/base/_touch.scss +1 -1
  302. package/scss/components/button-icons/bordered-filled-container/_index.scss +1 -1
  303. package/scss/components/button-icons/bordered-inverse/_index.scss +1 -1
  304. package/scss/components/button-icons/bordered-transparent-container/_index.scss +1 -1
  305. package/scss/components/button-icons/brand/_index.scss +1 -1
  306. package/scss/components/button-icons/inverse/_index.scss +1 -1
  307. package/scss/components/button-icons/mixins/_index.scss +1 -1
  308. package/scss/components/button-icons/sizing/_index.scss +1 -1
  309. package/scss/components/button-icons/stateful/_index.scss +6 -1
  310. package/scss/components/button-icons/transparent-container/_index.scss +1 -1
  311. package/scss/components/buttons/_doc.scss +1 -1
  312. package/scss/components/buttons/base/_deprecate.scss +1 -1
  313. package/scss/components/buttons/base/_index.scss +17 -10
  314. package/scss/components/buttons/base/_touch.scss +1 -1
  315. package/scss/components/buttons/dual-stateful/_index.scss +6 -1
  316. package/scss/components/buttons/kinetics/_index.scss +1 -1
  317. package/scss/components/buttons/mixins/_index.scss +1 -1
  318. package/scss/components/buttons/stateful/_deprecate.scss +1 -1
  319. package/scss/components/buttons/stateful/_index.scss +1 -1
  320. package/scss/components/cards/_doc.scss +1 -1
  321. package/scss/components/cards/base/_blame.scss +1 -1
  322. package/scss/components/cards/base/_deprecate.scss +1 -1
  323. package/scss/components/cards/base/_index.scss +1 -1
  324. package/scss/components/cards/base/_touch.scss +1 -1
  325. package/scss/components/cards/einstein/_index.scss +1 -1
  326. package/scss/components/carousel/_doc.scss +1 -1
  327. package/scss/components/carousel/base/_index.scss +4 -4
  328. package/scss/components/chat/_doc.scss +1 -1
  329. package/scss/components/chat/base/_index.scss +2 -6
  330. package/scss/components/chat/past/_index.scss +1 -1
  331. package/scss/components/checkbox/_doc.scss +1 -1
  332. package/scss/components/checkbox/base/_deprecate.scss +1 -1
  333. package/scss/components/checkbox/base/_index.scss +2 -2
  334. package/scss/components/checkbox/base/_touch.scss +1 -1
  335. package/scss/components/checkbox/form-element/_index.scss +1 -1
  336. package/scss/components/checkbox/form-element/_touch.scss +1 -1
  337. package/scss/components/checkbox-button/_doc.scss +1 -1
  338. package/scss/components/checkbox-button/base/_deprecate.scss +2 -2
  339. package/scss/components/checkbox-button/base/_index.scss +2 -2
  340. package/scss/components/checkbox-button/base/_touch.scss +1 -1
  341. package/scss/components/checkbox-button-group/_doc.scss +1 -1
  342. package/scss/components/checkbox-button-group/base/_index.scss +2 -2
  343. package/scss/components/checkbox-button-group/base/_touch.scss +1 -1
  344. package/scss/components/checkbox-toggle/_doc.scss +1 -1
  345. package/scss/components/checkbox-toggle/base/_index.scss +2 -2
  346. package/scss/components/checkbox-toggle/base/_touch.scss +1 -1
  347. package/scss/components/color-picker/_doc.scss +1 -1
  348. package/scss/components/color-picker/base/_index.scss +5 -5
  349. package/scss/components/color-picker/custom-only/_index.scss +1 -1
  350. package/scss/components/color-picker/predefined-only/_index.scss +1 -1
  351. package/scss/components/color-picker/swatches-only/_index.scss +1 -1
  352. package/scss/components/combobox/_doc.scss +1 -1
  353. package/scss/components/combobox/autocomplete/_index.scss +1 -1
  354. package/scss/components/combobox/base/_index.scss +5 -5
  355. package/scss/components/combobox/base/_touch.scss +1 -1
  356. package/scss/components/combobox/deprecated-inline-listbox/_index.scss +1 -1
  357. package/scss/components/combobox/deprecated-multi-entity/_index.scss +1 -1
  358. package/scss/components/combobox/deprecated-readonly/_index.scss +1 -1
  359. package/scss/components/combobox/dialog/_index.scss +1 -1
  360. package/scss/components/counter/_doc.scss +1 -1
  361. package/scss/components/counter/base/_index.scss +1 -9
  362. package/scss/components/data-tables/_doc.scss +1 -1
  363. package/scss/components/data-tables/base/_blame.scss +1 -1
  364. package/scss/components/data-tables/base/_index.scss +5 -5
  365. package/scss/components/data-tables/base/_touch.scss +1 -1
  366. package/scss/components/data-tables/fixed-header/_index.scss +1 -1
  367. package/scss/components/data-tables/hidden-header/_index.scss +1 -1
  368. package/scss/components/data-tables/inline-edit/_index.scss +3 -3
  369. package/scss/components/data-tables/mixins/_index.scss +1 -1
  370. package/scss/components/data-tables/responsive/_index.scss +1 -1
  371. package/scss/components/datepickers/_doc.scss +1 -1
  372. package/scss/components/datepickers/base/_deprecate.scss +1 -1
  373. package/scss/components/datepickers/base/_index.scss +3 -8
  374. package/scss/components/datepickers/mixins/_index.scss +1 -1
  375. package/scss/components/datepickers/range/_index.scss +1 -1
  376. package/scss/components/datetime-picker/_doc.scss +1 -1
  377. package/scss/components/datetime-picker/base/_index.scss +1 -1
  378. package/scss/components/docked-composer/_doc.scss +1 -1
  379. package/scss/components/docked-composer/base/_deprecate.scss +1 -1
  380. package/scss/components/docked-composer/base/_index.scss +2 -2
  381. package/scss/components/docked-composer/email/_index.scss +1 -1
  382. package/scss/components/docked-form-footer/_doc.scss +1 -1
  383. package/scss/components/docked-form-footer/base/_index.scss +1 -1
  384. package/scss/components/docked-utility-bar/_doc.scss +1 -1
  385. package/scss/components/docked-utility-bar/base/_index.scss +2 -2
  386. package/scss/components/docked-utility-bar/utility-panel/_index.scss +1 -1
  387. package/scss/components/drop-zone/_doc.scss +1 -1
  388. package/scss/components/drop-zone/base/_index.scss +1 -1
  389. package/scss/components/dueling-picklist/_doc.scss +1 -1
  390. package/scss/components/dueling-picklist/base/_deprecate.scss +1 -1
  391. package/scss/components/dueling-picklist/base/_index.scss +1 -1
  392. package/scss/components/dynamic-icons/_doc.scss +1 -1
  393. package/scss/components/dynamic-icons/ellie/_index.scss +1 -1
  394. package/scss/components/dynamic-icons/eq/_index.scss +1 -1
  395. package/scss/components/dynamic-icons/global-action-help/_index.scss +1 -1
  396. package/scss/components/dynamic-icons/score/_index.scss +1 -1
  397. package/scss/components/dynamic-icons/strength/_index.scss +1 -1
  398. package/scss/components/dynamic-icons/trend/_index.scss +1 -1
  399. package/scss/components/dynamic-icons/typing/_index.scss +1 -1
  400. package/scss/components/dynamic-icons/waffle/_index.scss +1 -1
  401. package/scss/components/dynamic-menu/_doc.scss +1 -1
  402. package/scss/components/dynamic-menu/base/_index.scss +1 -1
  403. package/scss/components/einstein-header/base/_index.scss +1 -1
  404. package/scss/components/expandable-section/_doc.scss +1 -1
  405. package/scss/components/expandable-section/base/_deprecate.scss +1 -1
  406. package/scss/components/expandable-section/base/_index.scss +1 -1
  407. package/scss/components/expression/_doc.scss +1 -1
  408. package/scss/components/expression/base/_index.scss +1 -1
  409. package/scss/components/expression/custom-logic/_index.scss +1 -1
  410. package/scss/components/expression/filters/_index.scss +1 -1
  411. package/scss/components/expression/formula/_index.scss +1 -1
  412. package/scss/components/feeds/_doc.scss +1 -1
  413. package/scss/components/feeds/base/_index.scss +1 -1
  414. package/scss/components/feeds/comment/_deprecate.scss +1 -1
  415. package/scss/components/feeds/comment/_index.scss +1 -1
  416. package/scss/components/feeds/post/_index.scss +3 -4
  417. package/scss/components/feeds/post-with-attachments/_index.scss +1 -1
  418. package/scss/components/file-selector/_doc.scss +1 -1
  419. package/scss/components/file-selector/base/_index.scss +2 -2
  420. package/scss/components/files/_doc.scss +1 -1
  421. package/scss/components/files/base/_index.scss +3 -4
  422. package/scss/components/form-element/_doc.scss +1 -1
  423. package/scss/components/form-element/address/_index.scss +1 -1
  424. package/scss/components/form-element/base/_index.scss +1 -1
  425. package/scss/components/form-element/base/_touch.scss +1 -1
  426. package/scss/components/form-element/compound/_index.scss +1 -1
  427. package/scss/components/form-element/horizontal/_index.scss +1 -1
  428. package/scss/components/form-element/horizontal/_touch.scss +1 -1
  429. package/scss/components/form-element/record-detail/_index.scss +1 -1
  430. package/scss/components/form-element/stacked/_index.scss +1 -1
  431. package/scss/components/form-element/stacked/_touch.scss +1 -1
  432. package/scss/components/form-layout/_doc.scss +1 -1
  433. package/scss/components/form-layout/base/_index.scss +1 -1
  434. package/scss/components/form-layout/compound/_deprecate.scss +1 -1
  435. package/scss/components/form-layout/compound/_index.scss +1 -1
  436. package/scss/components/global-header/_doc.scss +1 -1
  437. package/scss/components/global-header/base/_deprecate.scss +1 -1
  438. package/scss/components/global-header/base/_index.scss +1 -1
  439. package/scss/components/global-header/global-actions/_index.scss +4 -4
  440. package/scss/components/global-header/notifications/_index.scss +1 -1
  441. package/scss/components/global-navigation/_doc.scss +1 -1
  442. package/scss/components/global-navigation/mixins/_index.scss +1 -1
  443. package/scss/components/global-navigation/navigation-bar/_index.scss +9 -7
  444. package/scss/components/icons/_doc.scss +1 -1
  445. package/scss/components/icons/action/_index.scss +1 -1
  446. package/scss/components/icons/base/_index.scss +1 -1
  447. package/scss/components/icons/custom/_index.scss +1 -1
  448. package/scss/components/icons/doctype/_index.scss +1 -1
  449. package/scss/components/icons/standard/_index.scss +1 -1
  450. package/scss/components/illustration/_doc.scss +1 -1
  451. package/scss/components/illustration/base/_index.scss +1 -1
  452. package/scss/components/input/_doc.scss +1 -1
  453. package/scss/components/input/base/_deprecate.scss +1 -1
  454. package/scss/components/input/base/_index.scss +4 -4
  455. package/scss/components/input/base/_touch.scss +1 -1
  456. package/scss/components/list-builder/_doc.scss +1 -1
  457. package/scss/components/list-builder/base/_index.scss +1 -1
  458. package/scss/components/lookups/_doc.scss +1 -1
  459. package/scss/components/lookups/base/_deprecate.scss +2 -2
  460. package/scss/components/lookups/base/_index.scss +1 -1
  461. package/scss/components/lookups-mobile/combobox/_index.scss +1 -1
  462. package/scss/components/lookups-mobile/faux-input/_index.scss +2 -2
  463. package/scss/components/lookups-mobile/listbox/_index.scss +1 -1
  464. package/scss/components/map/_doc.scss +1 -1
  465. package/scss/components/map/base/_index.scss +2 -2
  466. package/scss/components/map/base/_touch.scss +1 -1
  467. package/scss/components/menus/_doc.scss +1 -1
  468. package/scss/components/menus/action-overflow/_index.scss +1 -1
  469. package/scss/components/menus/dropdown/_deprecate.scss +1 -1
  470. package/scss/components/menus/dropdown/_index.scss +4 -4
  471. package/scss/components/menus/dropdown/_touch.scss +1 -1
  472. package/scss/components/menus/mixins/_index.scss +1 -1
  473. package/scss/components/menus/submenu/_index.scss +1 -1
  474. package/scss/components/modals/_doc.scss +1 -1
  475. package/scss/components/modals/base/_deprecate.scss +1 -1
  476. package/scss/components/modals/base/_index.scss +1 -1
  477. package/scss/components/modals/base/_touch.scss +1 -1
  478. package/scss/components/notifications/_doc.scss +1 -1
  479. package/scss/components/notifications/base/_index.scss +4 -4
  480. package/scss/components/page-headers/_doc.scss +1 -1
  481. package/scss/components/page-headers/base/_blame.scss +1 -1
  482. package/scss/components/page-headers/base/_index.scss +1 -1
  483. package/scss/components/page-headers/object-home/_deprecate.scss +1 -1
  484. package/scss/components/page-headers/record-home/_index.scss +1 -1
  485. package/scss/components/page-headers/record-home-vertical/_index.scss +1 -1
  486. package/scss/components/page-headers/related-list/_index.scss +1 -1
  487. package/scss/components/panels/_doc.scss +1 -1
  488. package/scss/components/panels/base/_index.scss +1 -1
  489. package/scss/components/panels/detail/_index.scss +1 -1
  490. package/scss/components/panels/filtering/_index.scss +1 -1
  491. package/scss/components/path/_doc.scss +1 -1
  492. package/scss/components/path/base/_index.scss +4 -4
  493. package/scss/components/path/base/_touch.scss +1 -1
  494. package/scss/components/path-simple/base/_deprecate.scss +1 -1
  495. package/scss/components/picklist/_doc.scss +1 -1
  496. package/scss/components/picklist/base/_deprecate.scss +2 -2
  497. package/scss/components/pills/_doc.scss +1 -1
  498. package/scss/components/pills/base/_deprecate.scss +1 -1
  499. package/scss/components/pills/base/_index.scss +7 -7
  500. package/scss/components/pills/base/_touch.scss +1 -1
  501. package/scss/components/pills/listbox-of-pill-options/_index.scss +1 -1
  502. package/scss/components/popovers/_doc.scss +1 -1
  503. package/scss/components/popovers/base/_index.scss +5 -1
  504. package/scss/components/popovers/brand/_index.scss +3 -2
  505. package/scss/components/popovers/einstein/_index.scss +1 -1
  506. package/scss/components/popovers/error/_index.scss +1 -1
  507. package/scss/components/popovers/feature/_index.scss +1 -1
  508. package/scss/components/popovers/nubbins/_index.scss +1 -1
  509. package/scss/components/popovers/panels/_index.scss +1 -1
  510. package/scss/components/popovers/prompt/_index.scss +1 -1
  511. package/scss/components/popovers/prompt/_touch.scss +1 -1
  512. package/scss/components/popovers/walkthrough/_deprecate.scss +1 -1
  513. package/scss/components/popovers/walkthrough/_index.scss +1 -1
  514. package/scss/components/popovers/warning/_index.scss +5 -1
  515. package/scss/components/process/wizard/_deprecate.scss +1 -1
  516. package/scss/components/progress-bar/_doc.scss +1 -1
  517. package/scss/components/progress-bar/base/_index.scss +1 -1
  518. package/scss/components/progress-bar/vertical/_index.scss +1 -1
  519. package/scss/components/progress-indicator/_doc.scss +1 -1
  520. package/scss/components/progress-indicator/base/_index.scss +5 -5
  521. package/scss/components/progress-indicator/base/_touch.scss +1 -1
  522. package/scss/components/progress-indicator/vertical/_index.scss +1 -1
  523. package/scss/components/progress-indicator/vertical/_touch.scss +1 -1
  524. package/scss/components/progress-ring/_doc.scss +1 -1
  525. package/scss/components/progress-ring/base/_index.scss +1 -1
  526. package/scss/components/prompt/_doc.scss +1 -1
  527. package/scss/components/prompt/base/_deprecate.scss +1 -1
  528. package/scss/components/prompt/base/_index.scss +1 -1
  529. package/scss/components/publishers/_doc.scss +1 -1
  530. package/scss/components/publishers/base/_index.scss +1 -1
  531. package/scss/components/publishers/comment/_index.scss +2 -2
  532. package/scss/components/radio-button-group/_doc.scss +1 -1
  533. package/scss/components/radio-button-group/base/_index.scss +2 -2
  534. package/scss/components/radio-button-group/base/_touch.scss +1 -1
  535. package/scss/components/radio-group/_doc.scss +1 -1
  536. package/scss/components/radio-group/base/_index.scss +2 -2
  537. package/scss/components/radio-group/base/_touch.scss +1 -1
  538. package/scss/components/regions/base/_index.scss +1 -1
  539. package/scss/components/rich-text-editor/_doc.scss +1 -1
  540. package/scss/components/rich-text-editor/base/_index.scss +2 -6
  541. package/scss/components/scoped-notifications/_doc.scss +1 -1
  542. package/scss/components/scoped-notifications/base/_index.scss +2 -2
  543. package/scss/components/scoped-tabs/_doc.scss +1 -1
  544. package/scss/components/scoped-tabs/base/_deprecate.scss +1 -1
  545. package/scss/components/scoped-tabs/base/_index.scss +2 -2
  546. package/scss/components/select/_doc.scss +1 -1
  547. package/scss/components/select/base/_index.scss +3 -3
  548. package/scss/components/setup-assistant/_doc.scss +1 -1
  549. package/scss/components/setup-assistant/base/_index.scss +1 -1
  550. package/scss/components/slider/_doc.scss +1 -1
  551. package/scss/components/slider/base/_index.scss +2 -2
  552. package/scss/components/slider/base/_touch.scss +1 -1
  553. package/scss/components/spinners/_doc.scss +1 -1
  554. package/scss/components/spinners/base/_index.scss +1 -1
  555. package/scss/components/split-view/_doc.scss +1 -1
  556. package/scss/components/split-view/base/_deprecate.scss +1 -1
  557. package/scss/components/split-view/base/_index.scss +2 -2
  558. package/scss/components/summary-detail/_doc.scss +1 -1
  559. package/scss/components/summary-detail/base/_index.scss +1 -1
  560. package/scss/components/tabs/_doc.scss +1 -1
  561. package/scss/components/tabs/base/_deprecate.scss +1 -1
  562. package/scss/components/tabs/base/_index.scss +15 -3
  563. package/scss/components/tabs/mixins/_index.scss +1 -1
  564. package/scss/components/tabs/mobile-stack/_deprecate.scss +2 -2
  565. package/scss/components/tabs/mobile-stack/_index.scss +2 -3
  566. package/scss/components/tabs/mobile-stack/_touch.scss +1 -1
  567. package/scss/components/tabs/scrolling/_index.scss +1 -1
  568. package/scss/components/tabs/sub-tabs/_index.scss +1 -1
  569. package/scss/components/textarea/_doc.scss +1 -1
  570. package/scss/components/textarea/base/_index.scss +4 -3
  571. package/scss/components/tiles/_doc.scss +1 -1
  572. package/scss/components/tiles/base/_index.scss +1 -1
  573. package/scss/components/tiles/board/_index.scss +1 -1
  574. package/scss/components/timepicker/_doc.scss +1 -1
  575. package/scss/components/timepicker/base/_deprecate.scss +1 -1
  576. package/scss/components/timepicker/base/_index.scss +1 -1
  577. package/scss/components/toast/_doc.scss +1 -1
  578. package/scss/components/toast/base/_index.scss +2 -2
  579. package/scss/components/toast/modal-toast/_deprecate.scss +1 -1
  580. package/scss/components/tooltips/_doc.scss +1 -1
  581. package/scss/components/tooltips/base/_deprecate.scss +1 -1
  582. package/scss/components/tooltips/base/_index.scss +2 -2
  583. package/scss/components/tree-grid/_doc.scss +1 -1
  584. package/scss/components/tree-grid/base/_index.scss +1 -1
  585. package/scss/components/trees/_doc.scss +1 -1
  586. package/scss/components/trees/base/_deprecate.scss +1 -1
  587. package/scss/components/trees/base/_index.scss +2 -2
  588. package/scss/components/trial-bar/_doc.scss +1 -1
  589. package/scss/components/trial-bar/header/_index.scss +2 -2
  590. package/scss/components/vertical-navigation/_doc.scss +1 -1
  591. package/scss/components/vertical-navigation/expandable-section/_index.scss +1 -1
  592. package/scss/components/vertical-navigation/list/_deprecate.scss +1 -1
  593. package/scss/components/vertical-navigation/list/_index.scss +2 -2
  594. package/scss/components/vertical-navigation/quickfind/_index.scss +1 -1
  595. package/scss/components/vertical-navigation/radio-group/_index.scss +1 -1
  596. package/scss/components/vertical-tabs/_doc.scss +1 -1
  597. package/scss/components/vertical-tabs/base/_index.scss +2 -2
  598. package/scss/components/visual-picker/_doc.scss +1 -1
  599. package/scss/components/visual-picker/coverable-content/_index.scss +3 -3
  600. package/scss/components/visual-picker/link/_index.scss +1 -1
  601. package/scss/components/visual-picker/non-coverable-content/_index.scss +1 -1
  602. package/scss/components/visual-picker/vertical/_index.scss +1 -1
  603. package/scss/components/welcome-mat/_doc.scss +1 -1
  604. package/scss/components/welcome-mat/base/_deprecate.scss +1 -1
  605. package/scss/components/welcome-mat/base/_index.scss +2 -2
  606. package/scss/components/welcome-mat/info-only/_index.scss +1 -1
  607. package/scss/components/welcome-mat/splash/_index.scss +1 -1
  608. package/scss/components/welcome-mat/trailhead-connected/_index.scss +1 -1
  609. package/scss/core/_vf-reset.scss +1 -1
  610. package/scss/dependencies/_appearance.scss +1 -1
  611. package/scss/dependencies/_core.scss +1 -1
  612. package/scss/dependencies/_forms.scss +1 -1
  613. package/scss/dependencies/_functions.scss +1 -1
  614. package/scss/dependencies/_index.scss +1 -1
  615. package/scss/dependencies/_interactions.scss +1 -1
  616. package/scss/dependencies/_kinetics.scss +1 -1
  617. package/scss/dependencies/_layout.scss +1 -1
  618. package/scss/dependencies/_lists.scss +1 -1
  619. package/scss/dependencies/_motion.scss +1 -1
  620. package/scss/dependencies/_popover.scss +1 -1
  621. package/scss/dependencies/_root.scss +1 -1
  622. package/scss/dependencies/_rtl.scss +1 -1
  623. package/scss/dependencies/_scrolling.scss +1 -1
  624. package/scss/dependencies/_sizing.scss +1 -1
  625. package/scss/dependencies/_tabs.scss +1 -1
  626. package/scss/dependencies/_text.scss +1 -1
  627. package/scss/dependencies/_theme.scss +4 -5
  628. package/scss/dependencies/_touch.scss +1 -1
  629. package/scss/dependencies/_typography.scss +1 -1
  630. package/scss/dependencies/_visibility.scss +1 -1
  631. package/scss/index-internal.scss +1 -1
  632. package/scss/index-sanitized.scss +1 -1
  633. package/scss/index-vf.scss +1 -1
  634. package/scss/index.scss +1 -1
  635. package/scss/legacy.scss +2 -2
  636. package/scss/touch/_index.scss +1 -1
  637. package/scss/touch/forms/edit-dialog/_index.scss +1 -1
  638. package/scss/touch/menus/action-overflow/_index.scss +1 -1
  639. package/scss/touch-demo.scss +1 -1
  640. package/scss/touch-internal.scss +1 -1
  641. package/scss/touch.scss +1 -1
  642. package/scss/utilities/_index.scss +1 -1
  643. package/scss/utilities/_touch.scss +1 -1
  644. package/scss/utilities/alignment/_doc.scss +1 -1
  645. package/scss/utilities/alignment/_index.scss +1 -1
  646. package/scss/utilities/borders/_doc.scss +1 -1
  647. package/scss/utilities/borders/_index.scss +1 -1
  648. package/scss/utilities/box/_doc.scss +1 -1
  649. package/scss/utilities/box/_index.scss +2 -2
  650. package/scss/utilities/color/_doc.scss +1 -1
  651. package/scss/utilities/color/_index.scss +1 -1
  652. package/scss/utilities/description-list/_doc.scss +1 -1
  653. package/scss/utilities/description-list/_index.scss +1 -1
  654. package/scss/utilities/floats/_doc.scss +1 -1
  655. package/scss/utilities/floats/_index.scss +1 -1
  656. package/scss/utilities/grid/_deprecate.scss +1 -1
  657. package/scss/utilities/grid/_doc.scss +1 -1
  658. package/scss/utilities/grid/_index.scss +1 -1
  659. package/scss/utilities/horizontal-list/_deprecate.scss +1 -1
  660. package/scss/utilities/horizontal-list/_doc.scss +1 -1
  661. package/scss/utilities/horizontal-list/_index.scss +1 -1
  662. package/scss/utilities/hyphenation/_doc.scss +1 -1
  663. package/scss/utilities/hyphenation/_index.scss +1 -1
  664. package/scss/utilities/index-with-dependencies.scss +1 -1
  665. package/scss/utilities/interactions/_doc.scss +1 -1
  666. package/scss/utilities/interactions/_index.scss +2 -2
  667. package/scss/utilities/layout/_doc.scss +1 -1
  668. package/scss/utilities/layout/_index.scss +1 -1
  669. package/scss/utilities/line-clamp/_doc.scss +1 -1
  670. package/scss/utilities/line-clamp/_index.scss +1 -1
  671. package/scss/utilities/margin/_doc.scss +1 -1
  672. package/scss/utilities/margin/_index.scss +1 -1
  673. package/scss/utilities/media-objects/_deprecate.scss +1 -1
  674. package/scss/utilities/media-objects/_doc.scss +1 -1
  675. package/scss/utilities/media-objects/_index.scss +1 -1
  676. package/scss/utilities/name-value-list/_doc.scss +1 -1
  677. package/scss/utilities/name-value-list/_index.scss +1 -1
  678. package/scss/utilities/padding/_doc.scss +1 -1
  679. package/scss/utilities/padding/_index.scss +1 -1
  680. package/scss/utilities/position/_doc.scss +1 -1
  681. package/scss/utilities/position/_index.scss +1 -1
  682. package/scss/utilities/print/_doc.scss +1 -1
  683. package/scss/utilities/print/_index.scss +1 -1
  684. package/scss/utilities/scrollable/_doc.scss +1 -1
  685. package/scss/utilities/scrollable/_index.scss +1 -1
  686. package/scss/utilities/sizing/_doc.scss +1 -1
  687. package/scss/utilities/sizing/_index.scss +1 -1
  688. package/scss/utilities/text/_doc.scss +1 -1
  689. package/scss/utilities/text/_index.scss +1 -1
  690. package/scss/utilities/text/_touch.scss +1 -1
  691. package/scss/utilities/themes/_doc.scss +1 -1
  692. package/scss/utilities/themes/_index.scss +1 -1
  693. package/scss/utilities/truncation/_doc.scss +1 -1
  694. package/scss/utilities/truncation/_index.scss +1 -1
  695. package/scss/utilities/vertical-list/_deprecate.scss +1 -1
  696. package/scss/utilities/vertical-list/_doc.scss +1 -1
  697. package/scss/utilities/vertical-list/_index.scss +1 -1
  698. package/scss/utilities/visibility/_deprecate.scss +1 -1
  699. package/scss/utilities/visibility/_doc.scss +1 -1
  700. package/scss/utilities/visibility/_index.scss +1 -1
  701. package/ui.aura-tokens.json +1 -1
  702. package/ui.component-tokens.json +1 -1
package/assets/styles/salesforce-lightning-design-system-offline.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  @charset "UTF-8";
3
3
  :root{
4
4
  --slds-g-color-neutral-base-100:#ffffff;
@@ -232,9 +232,13 @@
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), 0 0 0 4px var(--slds-g-color-brand-base-40, #0B5CAB);
239
+ --_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;
240
+ --_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;
241
+ --_slds-g-shadow-outline-focus:0 0 0 2px var(--slds-g-color-brand-base-40, #0B5CAB);
238
242
  }
239
243
  /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
240
244
  html{
@@ -1029,8 +1033,8 @@ img{
1029
1033
  .slds-button-group .slds-button_brand + .slds-button_last .slds-button_icon-brand:focus,
1030
1034
  .slds-button-group .slds-button_brand + .slds-button--last .slds-button_icon-brand:focus,
1031
1035
  .slds-button-group-list li:last-child .slds-button_icon-brand:focus{
1032
- -webkit-box-shadow:var(--slds-g-shadow-5);
1033
- box-shadow:var(--slds-g-shadow-5);
1036
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
1037
+ box-shadow:var(--_slds-g-shadow-outset-focus);
1034
1038
  }
1035
1039
 
1036
1040
  .slds-button-group-list li:first-child .slds-button,
@@ -1123,10 +1127,9 @@ img{
1123
1127
  color:var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, #014486));
1124
1128
  }
1125
1129
  .slds-button:focus{
1126
- -webkit-box-shadow:var(--slds-c-button-shadow-focus, var(--sds-c-button-shadow-focus, 0 0 0 2px var(--slds-g-color-neutral-base-100, white)));
1127
- box-shadow:var(--slds-c-button-shadow-focus, var(--sds-c-button-shadow-focus, 0 0 0 2px var(--slds-g-color-neutral-base-100, white)));
1128
- outline:2px solid var(--slds-g-color-brand-base-40, #0b5cab);
1129
- outline-offset:2px;
1130
+ -webkit-box-shadow:var(--slds-c-button-shadow-focus, var(--sds-c-button-shadow-focus, var(--_slds-g-shadow-outline-focus)));
1131
+ box-shadow:var(--slds-c-button-shadow-focus, var(--sds-c-button-shadow-focus, var(--_slds-g-shadow-outline-focus)));
1132
+ outline:0;
1130
1133
  }
1131
1134
  .slds-button:active{
1132
1135
  color:var(--slds-c-button-text-color-active, var(--sds-c-button-text-color-active, #014486));
@@ -1163,10 +1166,7 @@ a.slds-button{
1163
1166
  }
1164
1167
  a.slds-button:focus{
1165
1168
  /*! @css-var-fallback box-shadow */
1166
- --slds-c-button-shadow-focus:var(--sds-c-button-shadow-focus,
1167
- 0 0 0 2px var(--slds-g-color-neutral-base-100, white));
1168
- outline:2px solid var(--slds-g-color-brand-base-40, #0b5cab);
1169
- outline-offset:2px;
1169
+ --slds-c-button-shadow-focus:var(--sds-c-button-shadow-focus, var(--_slds-g-shadow-outline-focus));
1170
1170
  }
1171
1171
 
1172
1172
  a.slds-button_brand:hover,
@@ -1356,8 +1356,8 @@ a.slds-button--inverse:focus{
1356
1356
  }
1357
1357
  .slds-button_inverse:focus,
1358
1358
  .slds-button--inverse:focus{
1359
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
1360
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
1359
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
1360
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
1361
1361
  }
1362
1362
  .slds-button_inverse:active,
1363
1363
  .slds-button--inverse:active{
@@ -1552,6 +1552,17 @@ a.slds-button--inverse:focus{
1552
1552
  border-color:var(--slds-g-color-neutral-base-80, #c9c7c5);
1553
1553
  color:var(--slds-g-color-neutral-base-100, white);
1554
1554
  }
1555
+
1556
+ .slds-button_brand:focus,
1557
+ .slds-button--brand:focus,
1558
+ .slds-button_success:focus,
1559
+ .slds-button--success:focus,
1560
+ .slds-button_destructive:focus,
1561
+ .slds-button--destructive:focus{
1562
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
1563
+ box-shadow:var(--_slds-g-shadow-outset-focus);
1564
+ outline:0;
1565
+ }
1555
1566
  .slds-button__icon{
1556
1567
  width:0.875rem;
1557
1568
  height:0.875rem;
@@ -1757,6 +1768,11 @@ a.slds-button--inverse:focus{
1757
1768
  var(--sds-c-button-brand-text-color-hover,
1758
1769
  var(--slds-g-color-neutral-base-100, white)));
1759
1770
  }
1771
+ .slds-button_dual-stateful.slds-is-pressed:focus{
1772
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
1773
+ box-shadow:var(--_slds-g-shadow-outset-focus);
1774
+ outline:0;
1775
+ }
1760
1776
  .slds-button_dual-stateful.slds-is-pressed .slds-text-not-pressed{
1761
1777
  display:none;
1762
1778
  }
@@ -1868,6 +1884,11 @@ a.slds-button--inverse:focus{
1868
1884
  border-color:var(--slds-g-color-neutral-base-80, #c9c7c5);
1869
1885
  color:var(--slds-g-color-neutral-base-100, white);
1870
1886
  }
1887
+ .slds-button_icon-brand:focus{
1888
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
1889
+ box-shadow:var(--_slds-g-shadow-outset-focus);
1890
+ outline:0;
1891
+ }
1871
1892
  .slds-button_icon-border-filled,
1872
1893
  .slds-button--icon-border-filled{
1873
1894
  background-color:var(--slds-g-color-neutral-base-100, white);
@@ -1906,8 +1927,8 @@ a.slds-button--inverse:focus{
1906
1927
  .slds-button--icon-inverse:focus,
1907
1928
  .slds-button_icon-border-inverse:focus,
1908
1929
  .slds-button--icon-border-inverse:focus{
1909
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
1910
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
1930
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
1931
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
1911
1932
  border-color:transparent;
1912
1933
  outline:0;
1913
1934
  }
@@ -2125,6 +2146,16 @@ a.slds-button--inverse:focus{
2125
2146
  .slds-button_icon-border-inverse.slds-is-selected:focus .slds-button__icon{
2126
2147
  fill:var(--slds-g-color-neutral-base-100, white);
2127
2148
  }
2149
+ .slds-button_icon-container.slds-is-selected:focus,
2150
+ .slds-button--icon-container.slds-is-selected:focus,
2151
+ .slds-button_icon-border.slds-is-selected:focus,
2152
+ .slds-button--icon-border.slds-is-selected:focus,
2153
+ .slds-button_icon-border-filled.slds-is-selected:focus,
2154
+ .slds-button_icon-border-inverse.slds-is-selected:focus{
2155
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
2156
+ box-shadow:var(--_slds-g-shadow-outset-focus);
2157
+ outline:0;
2158
+ }
2128
2159
  .slds-button_icon-container.slds-is-selected[disabled], .slds-button_icon-container.slds-is-selected:disabled,
2129
2160
  .slds-button--icon-container.slds-is-selected[disabled],
2130
2161
  .slds-button--icon-container.slds-is-selected:disabled,
@@ -2192,8 +2223,8 @@ a.slds-button--inverse:focus{
2192
2223
  }
2193
2224
  .slds-color-picker__swatch-trigger:focus, .slds-color-picker__swatch-trigger:active{
2194
2225
  outline:none;
2195
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
2196
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
2226
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
2227
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
2197
2228
  border-radius:0.125rem;
2198
2229
  }
2199
2230
  .slds-color-picker__custom{
@@ -2228,8 +2259,9 @@ a.slds-button--inverse:focus{
2228
2259
  border-radius:50%;
2229
2260
  }
2230
2261
  .slds-color-picker__range-indicator:focus{
2231
- outline:2px solid var(--slds-g-color-brand-base-40, #0b5cab);
2232
- outline-offset:0;
2262
+ -webkit-box-shadow:var(--_slds-g-shadow-outline-focus);
2263
+ box-shadow:var(--_slds-g-shadow-outline-focus);
2264
+ outline:0;
2233
2265
  }
2234
2266
  .slds-color-picker__hue-and-preview{
2235
2267
  display:-webkit-box;
@@ -2297,16 +2329,16 @@ a.slds-button--inverse:focus{
2297
2329
  }
2298
2330
  .slds-color-picker__hue-slider:focus::-webkit-slider-thumb{
2299
2331
  border-color:var(--slds-g-color-brand-base-60, #1b96ff);
2300
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
2301
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
2332
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
2333
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
2302
2334
  }
2303
2335
  .slds-color-picker__hue-slider:focus::-moz-range-thumb{
2304
2336
  border-color:var(--slds-g-color-brand-base-60, #1b96ff);
2305
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
2337
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
2306
2338
  }
2307
2339
  .slds-color-picker__hue-slider:focus::-ms-thumb{
2308
2340
  border-color:var(--slds-g-color-brand-base-60, #1b96ff);
2309
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
2341
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
2310
2342
  }
2311
2343
  .slds-color-picker__hue-slider::-moz-range-track{
2312
2344
  height:0;
@@ -4026,7 +4058,7 @@ a.slds-button--inverse:focus{
4026
4058
  }
4027
4059
 
4028
4060
  .slds-icon-standard-your-account{
4029
- background-color:var(--slds-c-icon-color-background, var(--sds-c-icon-color-background, #1b96ff));
4061
+ background-color:var(--slds-c-icon-color-background, var(--sds-c-icon-color-background, #014486));
4030
4062
  }
4031
4063
 
4032
4064
  .slds-icon-standard-app{
@@ -6203,6 +6235,9 @@ a.slds-button--inverse:focus{
6203
6235
  padding-left:var(--slds-c-accordion-section-spacing-inline-start, var(--sds-c-accordion-section-spacing-inline-start, 0.75rem));
6204
6236
  background-color:var(--slds-c-accordion-summary-color-background, var(--sds-c-accordion-summary-color-background, transparent));
6205
6237
  }
6238
+ .slds-accordion__summary .slds-dropdown-trigger .slds-button{
6239
+ margin-left:0.75rem;
6240
+ }
6206
6241
  .slds-accordion__summary-heading{
6207
6242
  display:-webkit-box;
6208
6243
  display:-ms-flexbox;
@@ -6216,9 +6251,8 @@ a.slds-button--inverse:focus{
6216
6251
  line-height:var(--slds-c-accordion-heading-line-height, var(--sds-c-accordion-heading-line-height, 1.25));
6217
6252
  }
6218
6253
  .slds-accordion__summary-heading .slds-button:focus{
6219
- outline-offset:-0.25rem;
6220
- -webkit-box-shadow:none;
6221
- box-shadow:none;
6254
+ -webkit-box-shadow:inset var(--_slds-g-shadow-outline-focus);
6255
+ box-shadow:inset var(--_slds-g-shadow-outline-focus);
6222
6256
  }
6223
6257
  .slds-accordion__summary-action{
6224
6258
  display:-webkit-inline-box;
@@ -6242,9 +6276,6 @@ a.slds-button--inverse:focus{
6242
6276
  }
6243
6277
  .slds-accordion__summary-action:hover, .slds-accordion__summary-action:focus{
6244
6278
  color:var(--sds-c-accordion-heading-text-color-hover, var(--sds-c-accordion-heading-text-color-hover, #014486));
6245
- max-width:-webkit-max-content;
6246
- max-width:-moz-max-content;
6247
- max-width:max-content;
6248
6279
  }
6249
6280
  .slds-accordion__summary-action-icon{
6250
6281
  -ms-flex-negative:0;
@@ -7088,8 +7119,8 @@ a.slds-button--inverse:focus{
7088
7119
  outline:0;
7089
7120
  }
7090
7121
  .slds-carousel__panel-action:focus{
7091
- -webkit-box-shadow:var(--slds-g-shadow-5);
7092
- box-shadow:var(--slds-g-shadow-5);
7122
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
7123
+ box-shadow:var(--_slds-g-shadow-outset-focus);
7093
7124
  }
7094
7125
  .slds-carousel__image{
7095
7126
  border-top-left-radius:0.25rem;
@@ -7142,8 +7173,8 @@ a.slds-button--inverse:focus{
7142
7173
  outline:0;
7143
7174
  }
7144
7175
  .slds-carousel__indicator-action:focus{
7145
- -webkit-box-shadow:var(--slds-g-shadow-5);
7146
- box-shadow:var(--slds-g-shadow-5);
7176
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
7177
+ box-shadow:var(--_slds-g-shadow-outset-focus);
7147
7178
  border-radius:50%;
7148
7179
  }
7149
7180
  .slds-carousel__autoplay{
@@ -7153,8 +7184,8 @@ a.slds-button--inverse:focus{
7153
7184
  margin-left:0.25rem;
7154
7185
  }
7155
7186
  .slds-carousel__autoplay .slds-button:focus{
7156
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
7157
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
7187
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
7188
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
7158
7189
  outline:0;
7159
7190
  }
7160
7191
  .slds-card_empty .slds-card__body,
@@ -7482,8 +7513,8 @@ a.slds-button--inverse:focus{
7482
7513
  }
7483
7514
  .slds-chat-message__file:focus-within,
7484
7515
  .slds-chat-message__image:focus-within{
7485
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
7486
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
7516
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
7517
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
7487
7518
  }
7488
7519
 
7489
7520
  .slds-chat-message__text_inbound,
@@ -7601,9 +7632,6 @@ a.slds-button--inverse:focus{
7601
7632
  height:0.75rem;
7602
7633
  fill:var(--slds-g-link-color, #0176d3);
7603
7634
  }
7604
- .slds-chat-message__action:focus{
7605
- outline-offset:-0.0625rem;
7606
- }
7607
7635
  .slds-chat-event{
7608
7636
  -webkit-box-align:center;
7609
7637
  -ms-flex-align:center;
@@ -7833,7 +7861,7 @@ a.slds-button--inverse:focus{
7833
7861
  outline:0;
7834
7862
  }
7835
7863
  .slds-input:focus{
7836
- --slds-c-input-shadow:var(--slds-c-input-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3));
7864
+ --slds-c-input-shadow:var(--slds-c-input-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3));
7837
7865
  --slds-c-input-color-border:inherit;
7838
7866
  outline:0;
7839
7867
  }
@@ -7893,8 +7921,8 @@ a.slds-button--inverse:focus{
7893
7921
  }
7894
7922
  .slds-input_bare:focus,
7895
7923
  .slds-input--bare:focus{
7896
- -webkit-box-shadow:var(--slds-g-shadow-7, 0 0 3px #0176d3);
7897
- box-shadow:var(--slds-g-shadow-7, 0 0 3px #0176d3);
7924
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
7925
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
7898
7926
  outline:0;
7899
7927
  }
7900
7928
  .slds-input_height,
@@ -8071,7 +8099,7 @@ a.slds-button--inverse:focus{
8071
8099
  --slds-c-input-shadow:var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset, 0 0 3px #0176d3;
8072
8100
  }
8073
8101
  .slds-has-error .slds-input:focus{
8074
- --slds-c-input-shadow:var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset, var(--slds-g-shadow-5, 0 0 3px #0176d3);
8102
+ --slds-c-input-shadow:var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
8075
8103
  --slds-c-input-color-border:var(--slds-g-color-error-base-40, #ea001e);
8076
8104
  outline:0;
8077
8105
  }
@@ -8107,13 +8135,6 @@ a.slds-button--inverse:focus{
8107
8135
  transform:translateY(-50%);
8108
8136
  right:0.75rem;
8109
8137
  }
8110
-
8111
- .slds-input__button_decrement:focus,
8112
- .slds-input__button_increment:focus{
8113
- outline-offset:-0.125rem;
8114
- -webkit-box-shadow:none;
8115
- box-shadow:none;
8116
- }
8117
8138
  .slds-textarea{
8118
8139
  -webkit-appearance:none;
8119
8140
  min-height:var(--slds-c-textarea-sizing-min-height, var(--sds-c-textarea-sizing-min-height));
@@ -8146,8 +8167,8 @@ a.slds-button--inverse:focus{
8146
8167
  }
8147
8168
  .slds-textarea:focus{
8148
8169
  border-color:var(--slds-g-color-border-base-4, #c9c9c9);
8149
- -webkit-box-shadow:var(--slds-c-textarea-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3));
8150
- box-shadow:var(--slds-c-textarea-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3));
8170
+ -webkit-box-shadow:var(--slds-c-textarea-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3));
8171
+ box-shadow:var(--slds-c-textarea-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3));
8151
8172
  }
8152
8173
  .slds-textarea[disabled], .slds-textarea.slds-is-disabled{
8153
8174
  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
@@ -8182,7 +8203,8 @@ a.slds-button--inverse:focus{
8182
8203
  }
8183
8204
  .slds-has-error .slds-textarea:focus{
8184
8205
  /*! @css-var-fallback box-shadow */
8185
- --slds-c-textarea-shadow-focus:var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset, var(--slds-g-shadow-5, 0 0 3px #0176d3);
8206
+ --slds-c-textarea-shadow-focus:var(--slds-g-color-error-base-40,
8207
+ #ea001e) 0 0 0 1px inset, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
8186
8208
  }
8187
8209
  .slds-radio{
8188
8210
  display:inline-block;
@@ -8241,8 +8263,8 @@ a.slds-button--inverse:focus{
8241
8263
  }
8242
8264
  .slds-radio [type=radio]:focus + .slds-radio_faux, .slds-radio [type=radio]:focus + .slds-radio--faux, .slds-radio [type=radio]:focus ~ .slds-radio_faux, .slds-radio [type=radio]:focus ~ .slds-radio--faux, .slds-radio [type=radio]:focus + .slds-radio__label .slds-radio_faux, .slds-radio [type=radio]:focus + .slds-radio__label .slds-radio--faux{
8243
8265
  border-color:var(--slds-c-radio-color-border-focus, var(--slds-c-radio-color-border-focus, var(--slds-g-color-border-base-4, #c9c9c9)));
8244
- -webkit-box-shadow:var(--slds-c-radio-shadow-focus, var(--sds-c-radio-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3)));
8245
- box-shadow:var(--slds-c-radio-shadow-focus, var(--sds-c-radio-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3)));
8266
+ -webkit-box-shadow:var(--slds-c-radio-shadow-focus, var(--sds-c-radio-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3)));
8267
+ box-shadow:var(--slds-c-radio-shadow-focus, var(--sds-c-radio-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3)));
8246
8268
  outline:0;
8247
8269
  }
8248
8270
  .slds-radio [type=radio][disabled]{
@@ -8399,8 +8421,8 @@ a.slds-button--inverse:focus{
8399
8421
  .slds-radio--button [type=radio]:focus ~ .slds-radio--faux,
8400
8422
  .slds-radio--button [type=radio]:focus + .slds-radio_button__label,
8401
8423
  .slds-radio--button [type=radio]:focus + .slds-radio--button__label{
8402
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
8403
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
8424
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
8425
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
8404
8426
  z-index:1;
8405
8427
  }
8406
8428
  .slds-radio_button [type=radio][disabled] + .slds-radio_faux, .slds-radio_button [type=radio][disabled] + .slds-radio--faux, .slds-radio_button [type=radio][disabled] ~ .slds-radio_faux, .slds-radio_button [type=radio][disabled] ~ .slds-radio--faux, .slds-radio_button [type=radio][disabled] + .slds-radio_button__label, .slds-radio_button [type=radio][disabled] + .slds-radio--button__label,
@@ -8555,7 +8577,7 @@ a.slds-button--inverse:focus{
8555
8577
  /*! @css-var-fallback border-color */
8556
8578
  --slds-c-checkbox-color-border:var(--slds-c-checkbox-color-border-focus, var(--sds-c-checkbox-color-border-focus));
8557
8579
  /*! @css-var-fallback box-shadow */
8558
- --slds-c-checkbox-shadow:var(--slds-c-checkbox-shadow-focus, var(--sds-c-checkbox-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3)));
8580
+ --slds-c-checkbox-shadow:var(--slds-c-checkbox-shadow-focus, var(--sds-c-checkbox-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3)));
8559
8581
  }
8560
8582
  .slds-checkbox [type=checkbox]:focus:checked > .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus:checked > .slds-checkbox--faux, .slds-checkbox [type=checkbox]:focus:checked ~ .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus:checked ~ .slds-checkbox--faux, .slds-checkbox [type=checkbox]:focus:checked + .slds-checkbox__label .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus:checked + .slds-checkbox__label .slds-checkbox--faux{
8561
8583
  /*! @css-var-fallback border-color */
@@ -8755,7 +8777,7 @@ a.slds-button--inverse:focus{
8755
8777
  /*! @css-var-fallback background-color */
8756
8778
  --slds-c-checkbox-toggle-color-background:var(--sds-c-checkbox-toggle-color-background-focus, var(--slds-g-color-neutral-base-50, #939393));
8757
8779
  /*! @css-var-fallback box-shadow */
8758
- --slds-c-checkbox-toggle-shadow:var(--sds-c-checkbox-toggle-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3));
8780
+ --slds-c-checkbox-toggle-shadow:var(--sds-c-checkbox-toggle-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3));
8759
8781
  }
8760
8782
  .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_off,
8761
8783
  .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--off,
@@ -9074,8 +9096,8 @@ a.slds-button--inverse:focus{
9074
9096
  .slds-checkbox--add-button [type=checkbox]:focus ~ .slds-checkbox--faux,
9075
9097
  .slds-checkbox--add-button [type=checkbox]:focus + .slds-checkbox_faux,
9076
9098
  .slds-checkbox--add-button [type=checkbox]:focus + .slds-checkbox--faux{
9077
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
9078
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
9099
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
9100
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
9079
9101
  border:none;
9080
9102
  }
9081
9103
  .slds-checkbox_add-button [type=checkbox][disabled] ~ .slds-checkbox_faux,
@@ -9148,8 +9170,8 @@ a.slds-button--inverse:focus{
9148
9170
  color:var(--slds-g-color-neutral-base-50, white);
9149
9171
  }
9150
9172
  .slds-checkbox-button_is-focused{
9151
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
9152
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
9173
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
9174
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
9153
9175
  }
9154
9176
  .slds-checkbox_button-group,
9155
9177
  .slds-checkbox--button-group{
@@ -9269,8 +9291,8 @@ a.slds-button--inverse:focus{
9269
9291
  .slds-checkbox--button [type=checkbox]:focus ~ .slds-checkbox--faux,
9270
9292
  .slds-checkbox--button [type=checkbox]:focus + .slds-checkbox_button__label,
9271
9293
  .slds-checkbox--button [type=checkbox]:focus + .slds-checkbox--button__label{
9272
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
9273
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
9294
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
9295
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
9274
9296
  z-index:1;
9275
9297
  }
9276
9298
  .slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox_faux, .slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox--faux, .slds-checkbox_button [type=checkbox][disabled] ~ .slds-checkbox_faux, .slds-checkbox_button [type=checkbox][disabled] ~ .slds-checkbox--faux, .slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox_button__label, .slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox--button__label,
@@ -9321,8 +9343,8 @@ a.slds-button--inverse:focus{
9321
9343
  }
9322
9344
  .slds-select:focus{
9323
9345
  border-color:var(--slds-g-color-border-base-4, #c9c9c9);
9324
- -webkit-box-shadow:var(--slds-c-select-shadow-focus, var(--sds-c-select-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3)));
9325
- box-shadow:var(--slds-c-select-shadow-focus, var(--sds-c-select-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3)));
9346
+ -webkit-box-shadow:var(--slds-c-select-shadow-focus, var(--sds-c-select-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3)));
9347
+ box-shadow:var(--slds-c-select-shadow-focus, var(--sds-c-select-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3)));
9326
9348
  }
9327
9349
  .slds-select[disabled], .slds-select.slds-is-disabled{
9328
9350
  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
@@ -9390,8 +9412,8 @@ a.slds-button--inverse:focus{
9390
9412
  box-shadow:var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset, 0 0 3px #0176d3;
9391
9413
  }
9392
9414
  .slds-has-error .slds-select:focus{
9393
- -webkit-box-shadow:var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset, var(--slds-g-shadow-5, 0 0 3px #0176d3);
9394
- box-shadow:var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset, var(--slds-g-shadow-5, 0 0 3px #0176d3);
9415
+ -webkit-box-shadow:var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
9416
+ box-shadow:var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
9395
9417
  }
9396
9418
  .slds-form_inline .slds-form-element,
9397
9419
  .slds-form_inline .slds-form-element__label,
@@ -9847,8 +9869,8 @@ a.slds-button--inverse:focus{
9847
9869
  }
9848
9870
  .slds-slider__range:focus::-webkit-slider-thumb{
9849
9871
  background-color:var(--slds-c-slider-thumb-color-foreground-focus, var(--sds-c-slider-thumb-color-foreground-focus, #014486));
9850
- -webkit-box-shadow:var(--slds-c-slider-thumb-shadow-focus, var(--sds-c-slider-thumb-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3)));
9851
- box-shadow:var(--slds-c-slider-thumb-shadow-focus, var(--sds-c-slider-thumb-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3)));
9872
+ -webkit-box-shadow:var(--slds-c-slider-thumb-shadow-focus, var(--sds-c-slider-thumb-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3)));
9873
+ box-shadow:var(--slds-c-slider-thumb-shadow-focus, var(--sds-c-slider-thumb-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3)));
9852
9874
  }
9853
9875
  .slds-slider__range:active::-webkit-slider-thumb{
9854
9876
  background-color:var(--slds-c-slider-thumb-color-foreground-active, var(--sds-c-slider-thumb-color-foreground-active, #014486));
@@ -9924,8 +9946,8 @@ a.slds-button--inverse:focus{
9924
9946
  border-style:solid;
9925
9947
  }
9926
9948
  .slds-file-selector__input:focus ~ .slds-file-selector__body > .slds-file-selector__button{
9927
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
9928
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
9949
+ -webkit-box-shadow:var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
9950
+ box-shadow:var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
9929
9951
  }
9930
9952
  .slds-file-selector__input[disabled] ~ .slds-file-selector__body{
9931
9953
  color:var(--slds-g-color-neutral-base-50, #c9c9c9);
@@ -10608,6 +10630,10 @@ a.slds-button--inverse:focus{
10608
10630
  border-top-color:var(--slds-g-color-brand-base-10, #001639);
10609
10631
  background-color:var(--slds-g-color-brand-base-20, #032d60);
10610
10632
  }
10633
+ .slds-popover_dark .slds-button:focus{
10634
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
10635
+ box-shadow:var(--_slds-g-shadow-outset-focus);
10636
+ }
10611
10637
  .slds-popover_brand .slds-popover__footer{
10612
10638
  background-color:transparent;
10613
10639
  border-color:transparent;
@@ -10618,7 +10644,7 @@ a.slds-button--inverse:focus{
10618
10644
  .slds-popover_brand.slds-popover_brand-dark .slds-popover__icon{
10619
10645
  fill:var(--slds-g-color-brand-base-10, #001639);
10620
10646
  }
10621
- .slds-popover_brand:not(.slds-popover_brand-dark) .slds-button:focus{
10647
+ .slds-popover_brand:not(.slds-popover_brand-dark):not(.slds-popover_prompt) .slds-button:focus{
10622
10648
  -webkit-box-shadow:none;
10623
10649
  box-shadow:none;
10624
10650
  }
@@ -11316,9 +11342,8 @@ a.slds-button--inverse:focus{
11316
11342
  }
11317
11343
  .slds-popover_walkthrough a:focus,
11318
11344
  .slds-popover--walkthrough a:focus{
11319
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
11320
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
11321
- border:1px solid var(--slds-g-color-neutral-base-100, #f3f3f3);
11345
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11346
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11322
11347
  }
11323
11348
  .slds-popover_walkthrough a:active,
11324
11349
  .slds-popover--walkthrough a:active{
@@ -11450,8 +11475,8 @@ a.slds-button--inverse:focus{
11450
11475
  }
11451
11476
  .slds-popover_warning button:focus{
11452
11477
  color:var(--slds-g-color-neutral-base-30, #514f4d);
11453
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
11454
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
11478
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11479
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11455
11480
  }
11456
11481
  .slds-popover_warning button:active{
11457
11482
  color:var(--slds-g-color-neutral-base-50, #706e6b);
@@ -11478,6 +11503,10 @@ a.slds-button--inverse:focus{
11478
11503
  .slds-popover_warning .slds-popover__footer .slds-button{
11479
11504
  text-decoration:none;
11480
11505
  }
11506
+ .slds-popover_warning .slds-popover__footer .slds-button:focus{
11507
+ -webkit-box-shadow:var(--_slds-g-shadow-outline-focus);
11508
+ box-shadow:var(--_slds-g-shadow-outline-focus);
11509
+ }
11481
11510
  .slds-popover_warning .slds-popover__footer .slds-button.slds-button_neutral{
11482
11511
  color:#0176d3;
11483
11512
  }
@@ -11564,8 +11593,8 @@ a.slds-button--inverse:focus{
11564
11593
  }
11565
11594
 
11566
11595
  a:has(+ .slds-popover.slds-popover_tooltip):focus{
11567
- -webkit-box-shadow:var(--slds-g-shadow-5);
11568
- box-shadow:var(--slds-g-shadow-5);
11596
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
11597
+ box-shadow:var(--_slds-g-shadow-outset-focus);
11569
11598
  outline:0;
11570
11599
  }
11571
11600
  .slds-rise-from-ground{
@@ -11840,8 +11869,8 @@ a:has(+ .slds-popover.slds-popover_tooltip):focus{
11840
11869
  }
11841
11870
  .slds-dropdown_inverse .slds-dropdown__item > a:focus,
11842
11871
  .slds-dropdown--inverse .slds-dropdown__item > a:focus{
11843
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
11844
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
11872
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11873
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11845
11874
  outline:0;
11846
11875
  }
11847
11876
  .slds-dropdown_inverse .slds-dropdown__item > a:active,
@@ -11889,12 +11918,12 @@ a:has(+ .slds-popover.slds-popover_tooltip):focus{
11889
11918
  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
11890
11919
  }
11891
11920
  .slds-dropdown__item > a:focus{
11892
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
11893
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
11921
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11922
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
11894
11923
  }
11895
11924
  .slds-dropdown__item > a.slds-has-success:focus, .slds-dropdown__item > a.slds-has-warning:focus, .slds-dropdown__item > a.slds-has-error:focus{
11896
- -webkit-box-shadow:var(--slds-g-shadow-7);
11897
- box-shadow:var(--slds-g-shadow-7);
11925
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
11926
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
11898
11927
  }
11899
11928
  .slds-dropdown__item > a:active{
11900
11929
  text-decoration:none;
@@ -12091,8 +12120,8 @@ a:has(+ .slds-popover.slds-popover_tooltip):focus{
12091
12120
  font-weight:400;
12092
12121
  }
12093
12122
  .slds-picklist input[readonly]:focus, .slds-picklist input[readonly].slds-has-focus{
12094
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
12095
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
12123
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
12124
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
12096
12125
  }
12097
12126
  .slds-picklist input[readonly][disabled]{
12098
12127
  background-color:var(--slds-g-color-neutral-base-80, #f3f3f3);
@@ -12196,8 +12225,8 @@ input[readonly][role=combobox]{
12196
12225
  [role=combobox] input[readonly]:focus, [role=combobox] input[readonly].slds-has-focus,
12197
12226
  input[readonly][role=combobox]:focus,
12198
12227
  input[readonly][role=combobox].slds-has-focus{
12199
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
12200
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
12228
+ -webkit-box-shadow:var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
12229
+ box-shadow:var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
12201
12230
  }
12202
12231
  [role=combobox] input[readonly][disabled],
12203
12232
  input[readonly][role=combobox][disabled]{
@@ -12302,8 +12331,8 @@ input[readonly][role=combobox][disabled]{
12302
12331
  .slds-listbox_vertical .slds-listbox__option.slds-has-focus,
12303
12332
  .slds-listbox--vertical .slds-listbox__option:focus,
12304
12333
  .slds-listbox--vertical .slds-listbox__option.slds-has-focus{
12305
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
12306
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
12334
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
12335
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
12307
12336
  outline:0;
12308
12337
  }
12309
12338
  .slds-listbox_vertical .slds-listbox__option[aria-disabled=true],
@@ -12346,8 +12375,8 @@ input[readonly][role=combobox][disabled]{
12346
12375
  .slds-dueling-list__options .slds-listbox_vertical .slds-listbox__option.slds-is-selected.slds-has-focus,
12347
12376
  .slds-dueling-list__options .slds-listbox--vertical .slds-listbox__option.slds-is-selected:focus,
12348
12377
  .slds-dueling-list__options .slds-listbox--vertical .slds-listbox__option.slds-is-selected.slds-has-focus{
12349
- -webkit-box-shadow:var(--slds-g-shadow-7);
12350
- box-shadow:var(--slds-g-shadow-7);
12378
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
12379
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
12351
12380
  }
12352
12381
  .slds-input-has-icon_left .slds-combobox__input[value], .slds-input-has-icon_left .slds-combobox__input.slds-combobox__input-value,
12353
12382
  .slds-input-has-icon_left-right .slds-combobox__input[value],
@@ -12431,8 +12460,8 @@ input[readonly][role=combobox][disabled]{
12431
12460
  .slds-combobox__input{
12432
12461
  }
12433
12462
  .slds-combobox__input:focus, .slds-combobox__input.slds-has-focus{
12434
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
12435
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
12463
+ -webkit-box-shadow:var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
12464
+ box-shadow:var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
12436
12465
  outline:0;
12437
12466
  }
12438
12467
  .slds-combobox-group{
@@ -12752,8 +12781,8 @@ input[readonly][role=combobox][disabled]{
12752
12781
  outline:0;
12753
12782
  }
12754
12783
  .slds-datepicker tbody > tr > td:focus > .slds-day{
12755
- -webkit-box-shadow:var(--slds-g-shadow-7);
12756
- box-shadow:var(--slds-g-shadow-7);
12784
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
12785
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
12757
12786
  }
12758
12787
  .slds-datepicker tbody > tr > td:hover > .slds-day{
12759
12788
  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
@@ -12764,8 +12793,8 @@ input[readonly][role=combobox][disabled]{
12764
12793
  }
12765
12794
  .slds-datepicker tbody > tr > td.slds-is-selected:focus > .slds-day{
12766
12795
  background:#014486;
12767
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
12768
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
12796
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
12797
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
12769
12798
  outline:0;
12770
12799
  color:var(--slds-g-color-neutral-base-100, white);
12771
12800
  }
@@ -12774,11 +12803,6 @@ input[readonly][role=combobox][disabled]{
12774
12803
  -webkit-box-shadow:none;
12775
12804
  box-shadow:none;
12776
12805
  }
12777
- .slds-datepicker .slds-button:focus{
12778
- -webkit-box-shadow:none;
12779
- box-shadow:none;
12780
- outline-offset:0;
12781
- }
12782
12806
  .slds-datepicker__filter{
12783
12807
  padding:0.25rem;
12784
12808
  }
@@ -12927,8 +12951,8 @@ input[readonly][role=combobox][disabled]{
12927
12951
  background-color:var(--slds-g-color-neutral-base-100, white);
12928
12952
  }
12929
12953
  .slds-docked-composer.slds-has-focus{
12930
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
12931
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
12954
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
12955
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
12932
12956
  }
12933
12957
  .slds-docked-composer.slds-is-open{
12934
12958
  height:480px;
@@ -13167,8 +13191,8 @@ input[readonly][role=combobox][disabled]{
13167
13191
  outline:none;
13168
13192
  }
13169
13193
  .slds-utility-bar__action:focus{
13170
- -webkit-box-shadow:var(--slds-g-shadow-6);
13171
- box-shadow:var(--slds-g-shadow-6);
13194
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
13195
+ box-shadow:var(--_slds-g-shadow-inset-focus);
13172
13196
  outline:0;
13173
13197
  }
13174
13198
  .slds-utility-bar__action:hover, .slds-utility-bar__action:focus{
@@ -13549,13 +13573,14 @@ input[readonly][role=combobox][disabled]{
13549
13573
  transition:transform 80ms ease-out, box-shadow 0.1s linear;
13550
13574
  transition:transform 80ms ease-out, box-shadow 0.1s linear, -webkit-transform 80ms ease-out, -webkit-box-shadow 0.1s linear;
13551
13575
  }
13552
- .slds-global-actions__avatar:hover, .slds-global-actions__avatar:focus{
13576
+ .slds-global-actions__avatar:hover{
13553
13577
  -webkit-box-shadow:#818181 0 0 0 2px;
13554
13578
  box-shadow:#818181 0 0 0 2px;
13555
13579
  }
13556
13580
  .slds-global-actions__avatar:focus{
13557
- -webkit-box-shadow:none;
13558
- box-shadow:none;
13581
+ -webkit-box-shadow:var(--_slds-g-shadow-outline-focus);
13582
+ box-shadow:var(--_slds-g-shadow-outline-focus);
13583
+ outline:0;
13559
13584
  }
13560
13585
  .slds-global-actions__favorites{
13561
13586
  display:-webkit-inline-box;
@@ -14140,6 +14165,10 @@ input[readonly][role=combobox][disabled]{
14140
14165
  .slds-context-bar__item.slds-has-warning .slds-indicator_unsaved{
14141
14166
  color:currentColor;
14142
14167
  }
14168
+ .slds-context-bar__item.slds-has-warning .slds-button_icon:focus{
14169
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
14170
+ box-shadow:var(--_slds-g-shadow-inset-focus);
14171
+ }
14143
14172
  .slds-context-bar__item.slds-has-success.slds-is-active:after, .slds-context-bar__item.slds-has-warning.slds-is-active:after, .slds-context-bar__item.slds-has-error.slds-is-active:after{
14144
14173
  content:"";
14145
14174
  background:var(--slds-g-color-neutral-base-30, #3e3e3c);
@@ -14196,6 +14225,10 @@ input[readonly][role=combobox][disabled]{
14196
14225
  color:inherit;
14197
14226
  text-decoration:none;
14198
14227
  }
14228
+ .slds-context-bar__label-action.slds-button:focus{
14229
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
14230
+ box-shadow:var(--_slds-g-shadow-inset-focus);
14231
+ }
14199
14232
  .slds-context-bar__icon-action{
14200
14233
  display:-webkit-box;
14201
14234
  display:-ms-flexbox;
@@ -14224,9 +14257,6 @@ input[readonly][role=combobox][disabled]{
14224
14257
  visibility:visible;
14225
14258
  opacity:1;
14226
14259
  }
14227
- .slds-context-bar__icon-action .slds-context-bar__button:focus{
14228
- outline-offset:-0.0625rem;
14229
- }
14230
14260
  .slds-context-bar__icon-action:hover, .slds-context-bar__icon-action:focus{
14231
14261
  color:var(--slds-g-color-neutral-base-30, #444444);
14232
14262
  }
@@ -14479,8 +14509,8 @@ input[readonly][role=combobox][disabled]{
14479
14509
  }
14480
14510
  .slds-builder-header__item-action:focus{
14481
14511
  text-decoration:underline;
14482
- -webkit-box-shadow:var(--slds-g-shadow-7, 0 0 3px #0176d3);
14483
- box-shadow:var(--slds-g-shadow-7, 0 0 3px #0176d3);
14512
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
14513
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
14484
14514
  outline:none;
14485
14515
  border-radius:0;
14486
14516
  }
@@ -14605,8 +14635,8 @@ input[readonly][role=combobox][disabled]{
14605
14635
  }
14606
14636
  .slds-publisher_comment.slds-has-focus,
14607
14637
  .slds-publisher--comment.slds-has-focus{
14608
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
14609
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
14638
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
14639
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
14610
14640
  }
14611
14641
  .slds-publisher_comment .slds-publisher__actions,
14612
14642
  .slds-publisher--comment .slds-publisher__actions{
@@ -14808,10 +14838,9 @@ input[readonly][role=combobox][disabled]{
14808
14838
  fill:currentColor;
14809
14839
  }
14810
14840
  .slds-post__footer-action:focus{
14811
- outline:2px solid var(--slds-g-color-brand-base-40);
14812
- -webkit-box-shadow:0 0 0 4px var(--slds-g-color-neutral-base-100);
14813
- box-shadow:0 0 0 4px var(--slds-g-color-neutral-base-100);
14814
- outline-offset:2px;
14841
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
14842
+ box-shadow:var(--_slds-g-shadow-outset-focus);
14843
+ outline:0;
14815
14844
  border-radius:0.125rem;
14816
14845
  }
14817
14846
  .slds-post__footer-meta-list{
@@ -15249,8 +15278,8 @@ input[readonly][role=combobox][disabled]{
15249
15278
  text-decoration:underline;
15250
15279
  }
15251
15280
  .slds-coordinates__item-action:focus{
15252
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
15253
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
15281
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
15282
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
15254
15283
  }
15255
15284
  .slds-coordinates__item-action:active{
15256
15285
  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
@@ -15324,8 +15353,8 @@ input[readonly][role=combobox][disabled]{
15324
15353
  border-color:#014486;
15325
15354
  }
15326
15355
  .slds-app-launcher__tile:focus{
15327
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
15328
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
15356
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
15357
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
15329
15358
  }
15330
15359
  .slds-app-launcher__tile.slds-is-draggable .slds-app-launcher__tile-figure{
15331
15360
  padding-bottom:0.25rem;
@@ -15401,8 +15430,8 @@ input[readonly][role=combobox][disabled]{
15401
15430
  }
15402
15431
  .slds-visual-picker input:focus ~ label .slds-visual-picker__figure{
15403
15432
  border:1px solid var(--slds-g-color-border-base-1, #e5e5e5);
15404
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
15405
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
15433
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
15434
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
15406
15435
  outline:0;
15407
15436
  }
15408
15437
  .slds-visual-picker input:checked ~ label .slds-visual-picker__figure{
@@ -15410,8 +15439,8 @@ input[readonly][role=combobox][disabled]{
15410
15439
  box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.16);
15411
15440
  }
15412
15441
  .slds-visual-picker input:checked:focus ~ label .slds-visual-picker__figure{
15413
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
15414
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
15442
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
15443
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
15415
15444
  }
15416
15445
  .slds-visual-picker input:focus ~ label .slds-visual-picker__body > *:first-child{
15417
15446
  text-decoration:underline;
@@ -15589,7 +15618,7 @@ input[readonly][role=combobox][disabled]{
15589
15618
  }
15590
15619
  .slds-pill:focus{
15591
15620
  /*! @css-var-fallback box-shadow */
15592
- --slds-c-pill-shadow:var(--sds-c-pill-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3));
15621
+ --slds-c-pill-shadow:var(--sds-c-pill-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3));
15593
15622
  outline:0;
15594
15623
  }
15595
15624
  .slds-pill a{
@@ -15601,8 +15630,8 @@ input[readonly][role=combobox][disabled]{
15601
15630
  width:max-content;
15602
15631
  }
15603
15632
  .slds-pill .slds-pill__remove:focus{
15604
- -webkit-box-shadow:var(--slds-g-shadow-7);
15605
- box-shadow:var(--slds-g-shadow-7);
15633
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
15634
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
15606
15635
  outline:0;
15607
15636
  }
15608
15637
  .slds-pill_bare,
@@ -15642,8 +15671,8 @@ input[readonly][role=combobox][disabled]{
15642
15671
  .slds-pill_container .slds-pill--link .slds-pill:focus,
15643
15672
  .slds-pill_container .slds-listbox-item .slds-pill__action:focus,
15644
15673
  .slds-pill_container .slds-listbox-item .slds-pill:focus{
15645
- -webkit-box-shadow:var(--slds-g-shadow-6);
15646
- box-shadow:var(--slds-g-shadow-6);
15674
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
15675
+ box-shadow:var(--_slds-g-shadow-inset-focus);
15647
15676
  }
15648
15677
  .slds-pill_container .slds-pill_link .slds-pill.slds-pill_bare:focus,
15649
15678
  .slds-pill_container .slds-pill--link .slds-pill.slds-pill_bare:focus,
@@ -15652,8 +15681,8 @@ input[readonly][role=combobox][disabled]{
15652
15681
  }
15653
15682
 
15654
15683
  .slds-listbox_selection-group .slds-listbox-item .slds-pill:focus{
15655
- -webkit-box-shadow:var(--slds-g-shadow-6);
15656
- box-shadow:var(--slds-g-shadow-6);
15684
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
15685
+ box-shadow:var(--_slds-g-shadow-inset-focus);
15657
15686
  }
15658
15687
  .slds-pill__label{
15659
15688
  white-space:nowrap;
@@ -15663,8 +15692,8 @@ input[readonly][role=combobox][disabled]{
15663
15692
  .slds-pill__label:focus{
15664
15693
  outline:0;
15665
15694
  border-radius:0.25rem;
15666
- -webkit-box-shadow:var(--slds-c-pill-label-shadow-focus, var(--sds-c-pill-label-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3)));
15667
- box-shadow:var(--slds-c-pill-label-shadow-focus, var(--sds-c-pill-label-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3)));
15695
+ -webkit-box-shadow:var(--slds-c-pill-label-shadow-focus, var(--sds-c-pill-label-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3)));
15696
+ box-shadow:var(--slds-c-pill-label-shadow-focus, var(--sds-c-pill-label-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3)));
15668
15697
  }
15669
15698
  .slds-pill__icon,
15670
15699
  .slds-pill__icon_container{
@@ -15745,8 +15774,8 @@ input[readonly][role=combobox][disabled]{
15745
15774
  flex-grow:1;
15746
15775
  }
15747
15776
  .slds-pill__action:focus{
15748
- -webkit-box-shadow:var(--slds-c-pill-action-shadow, var(--sds-c-pill-action-shadow, var(--slds-g-shadow-5, 0 0 3px #0176d3)));
15749
- box-shadow:var(--slds-c-pill-action-shadow, var(--sds-c-pill-action-shadow, var(--slds-g-shadow-5, 0 0 3px #0176d3)));
15777
+ -webkit-box-shadow:var(--slds-c-pill-action-shadow, var(--sds-c-pill-action-shadow, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3)));
15778
+ box-shadow:var(--slds-c-pill-action-shadow, var(--sds-c-pill-action-shadow, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3)));
15750
15779
  outline:0;
15751
15780
  }
15752
15781
  .slds-has-error{
@@ -16242,8 +16271,8 @@ input[readonly][role=combobox][disabled]{
16242
16271
  }
16243
16272
  }
16244
16273
  .slds-path__track.slds-has-overflow .slds-path__scroll-controls .slds-button:focus{
16245
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
16246
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
16274
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
16275
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
16247
16276
  outline:none;
16248
16277
  }
16249
16278
  .slds-path__scroller{
@@ -16286,8 +16315,8 @@ input[readonly][role=combobox][disabled]{
16286
16315
  }
16287
16316
  }
16288
16317
  .slds-path__scroller-container .slds-button:focus{
16289
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
16290
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
16318
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
16319
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
16291
16320
  outline:none;
16292
16321
  }
16293
16322
 
@@ -16613,8 +16642,8 @@ input[readonly][role=combobox][disabled]{
16613
16642
  text-decoration:none;
16614
16643
  }
16615
16644
  .slds-path__link:focus{
16616
- -webkit-box-shadow:var(--slds-g-shadow-7);
16617
- box-shadow:var(--slds-g-shadow-7);
16645
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
16646
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
16618
16647
  outline:0;
16619
16648
  text-decoration:none;
16620
16649
  }
@@ -16962,8 +16991,8 @@ input[readonly][role=combobox][disabled]{
16962
16991
  }
16963
16992
  .slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker:focus,
16964
16993
  .slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker:focus{
16965
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
16966
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
16994
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
16995
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
16967
16996
  outline:0;
16968
16997
  }
16969
16998
  .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker, .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:hover, .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:focus,
@@ -17014,8 +17043,8 @@ input[readonly][role=combobox][disabled]{
17014
17043
  border-color:var(--slds-g-color-brand-base-50, #0176d3);
17015
17044
  }
17016
17045
  .slds-progress__item.slds-is-active .slds-progress__marker:focus{
17017
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
17018
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
17046
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
17047
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
17019
17048
  outline:0;
17020
17049
  }
17021
17050
  .slds-progress__item.slds-has-error .slds-progress__marker, .slds-progress__item.slds-has-error .slds-progress__marker:hover, .slds-progress__item.slds-has-error .slds-progress__marker:focus{
@@ -17026,8 +17055,8 @@ input[readonly][role=combobox][disabled]{
17026
17055
  box-shadow:none;
17027
17056
  }
17028
17057
  .slds-progress__item.slds-has-error .slds-progress__marker:focus{
17029
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
17030
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
17058
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
17059
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
17031
17060
  outline:0;
17032
17061
  }
17033
17062
  .slds-progress__marker{
@@ -17052,8 +17081,8 @@ input[readonly][role=combobox][disabled]{
17052
17081
  outline:none;
17053
17082
  }
17054
17083
  .slds-progress__marker:focus{
17055
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
17056
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
17084
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
17085
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
17057
17086
  }
17058
17087
  .slds-progress__marker_icon,
17059
17088
  .slds-progress__marker--icon{
@@ -17325,8 +17354,8 @@ input[readonly][role=combobox][disabled]{
17325
17354
  }
17326
17355
  .slds-rich-text-editor.slds-has-focus{
17327
17356
  border:1px solid var(--slds-g-color-border-base-4, #e5e5e5);
17328
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
17329
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
17357
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
17358
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
17330
17359
  }
17331
17360
  .slds-rich-text-editor.slds-has-error{
17332
17361
  border:2px solid var(--slds-g-color-error-base-40, #ea001e);
@@ -17348,10 +17377,6 @@ input[readonly][role=combobox][disabled]{
17348
17377
  padding:1rem;
17349
17378
  background-color:var(--slds-g-color-neutral-base-100, white);
17350
17379
  }
17351
- .slds-rich-text-area__content:focus{
17352
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
17353
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
17354
- }
17355
17380
 
17356
17381
  .slds-picklist__label[disabled] .slds-icon{
17357
17382
  fill:var(--slds-g-color-neutral-base-80, #c9c9c9);
@@ -18774,8 +18799,8 @@ input[readonly][role=combobox][disabled]{
18774
18799
  text-decoration:none;
18775
18800
  }
18776
18801
  .slds-split-view__list-item-action:focus{
18777
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
18778
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
18802
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
18803
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
18779
18804
  }
18780
18805
  .slds-split-view__list-item-action[aria-current=page]{
18781
18806
  -webkit-box-shadow:inset 4px 0 0 #0176d3;
@@ -19073,6 +19098,10 @@ input[readonly][role=combobox][disabled]{
19073
19098
  .slds-tabs_default__overflow-button.slds-has-error .slds-button, .slds-tabs_default__overflow-button.slds-has-success .slds-button{
19074
19099
  color:var(--slds-g-color-neutral-base-100, white);
19075
19100
  }
19101
+ .slds-tabs_default__overflow-button.slds-has-error .slds-button:focus, .slds-tabs_default__overflow-button.slds-has-success .slds-button:focus, .slds-tabs_default__overflow-button.slds-has-warning .slds-button:focus{
19102
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
19103
+ box-shadow:var(--_slds-g-shadow-outset-focus);
19104
+ }
19076
19105
  .slds-tabs_default__content,
19077
19106
  .slds-tabs--default__content{
19078
19107
  position:relative;
@@ -19121,14 +19150,20 @@ input[readonly][role=combobox][disabled]{
19121
19150
  margin-left:0.5rem;
19122
19151
  }
19123
19152
 
19124
- .slds-tabs_default__nav .slds-has-error .slds-tabs_default__link:focus,
19125
- .slds-tabs_default__nav .slds-has-warning .slds-tabs_default__link:focus,
19126
- .slds-tabs_default__nav .slds-has-success .slds-tabs_default__link:focus{
19127
- -webkit-box-shadow:var(--slds-g-shadow-6);
19128
- box-shadow:var(--slds-g-shadow-6);
19153
+ .slds-tabs_default__nav .slds-has-error .slds-tabs_default__link:focus-visible,
19154
+ .slds-tabs_default__nav .slds-has-warning .slds-tabs_default__link:focus-visible,
19155
+ .slds-tabs_default__nav .slds-has-success .slds-tabs_default__link:focus-visible{
19156
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
19157
+ box-shadow:var(--_slds-g-shadow-inset-focus);
19129
19158
  outline:0;
19130
19159
  text-decoration:none;
19131
19160
  }
19161
+ .slds-tabs_default__nav .slds-has-error .slds-button:focus,
19162
+ .slds-tabs_default__nav .slds-has-warning .slds-button:focus,
19163
+ .slds-tabs_default__nav .slds-has-success .slds-button:focus{
19164
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
19165
+ box-shadow:var(--_slds-g-shadow-inset-focus);
19166
+ }
19132
19167
  .slds-tabs_mobile__title{
19133
19168
  width:100%;
19134
19169
  height:100%;
@@ -19137,8 +19172,8 @@ input[readonly][role=combobox][disabled]{
19137
19172
  padding:0 1rem;
19138
19173
  }
19139
19174
  .slds-tabs_mobile__title .slds-button:focus{
19140
- -webkit-box-shadow:none;
19141
- box-shadow:none;
19175
+ -webkit-box-shadow:inset var(--_slds-g-shadow-outline-focus);
19176
+ box-shadow:inset var(--_slds-g-shadow-outline-focus);
19142
19177
  }
19143
19178
  .slds-tabs_mobile__title-action{
19144
19179
  width:100%;
@@ -19234,9 +19269,8 @@ input[readonly][role=combobox][disabled]{
19234
19269
  border-bottom:1px solid var(--slds-g-color-border-base-1, #e5e5e5);
19235
19270
  }
19236
19271
  .slds-tabs-mobile__item .slds-button:focus{
19237
- outline-offset:-0.0625rem;
19238
- -webkit-box-shadow:none;
19239
- box-shadow:none;
19272
+ -webkit-box-shadow:inset var(--_slds-g-shadow-outline-focus);
19273
+ box-shadow:inset var(--_slds-g-shadow-outline-focus);
19240
19274
  }
19241
19275
  .slds-tabs-mobile__group .slds-tabs-mobile__container + .slds-tabs-mobile__container .slds-tabs-mobile__item:first-child{
19242
19276
  border-top:0;
@@ -19399,8 +19433,8 @@ input[readonly][role=combobox][disabled]{
19399
19433
  }
19400
19434
  .slds-tabs_scoped__overflow-button .slds-button:focus{
19401
19435
  outline:0;
19402
- -webkit-box-shadow:var(--slds-g-shadow-6);
19403
- box-shadow:var(--slds-g-shadow-6);
19436
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
19437
+ box-shadow:var(--_slds-g-shadow-inset-focus);
19404
19438
  }
19405
19439
  .slds-active .slds-tabs_scoped__link,
19406
19440
  .slds-active .slds-tabs--scoped__link,
@@ -19783,8 +19817,8 @@ input[readonly][role=combobox][disabled]{
19783
19817
  .slds-nav-vertical__action:focus{
19784
19818
  outline:0;
19785
19819
  text-decoration:none;
19786
- -webkit-box-shadow:var(--slds-g-shadow-7);
19787
- box-shadow:var(--slds-g-shadow-7);
19820
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
19821
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
19788
19822
  }
19789
19823
  .slds-nav-vertical__action:focus:hover{
19790
19824
  -webkit-box-shadow:inset 2px 0 0 #1b96ff;
@@ -19890,8 +19924,8 @@ input[readonly][role=combobox][disabled]{
19890
19924
  }
19891
19925
  .slds-notify_alert a:focus,
19892
19926
  .slds-notify--alert a:focus{
19893
- -webkit-box-shadow:var(--slds-c-alert-shadow, var(--slds-g-shadow-5, 0 0 3px #0176d3));
19894
- box-shadow:var(--slds-c-alert-shadow, var(--slds-g-shadow-5, 0 0 3px #0176d3));
19927
+ -webkit-box-shadow:var(--slds-c-alert-shadow, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3));
19928
+ box-shadow:var(--slds-c-alert-shadow, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3));
19895
19929
  border-width:var(--slds-c-alert-sizing-border, 1px);
19896
19930
  border-style:solid;
19897
19931
  border-color:var(--slds-c-alert-color-border, transparent);
@@ -19915,6 +19949,10 @@ input[readonly][role=combobox][disabled]{
19915
19949
  .slds-alert_warning .slds-button__icon{
19916
19950
  fill:var(--slds-g-color-neutral-base-30, #514f4d);
19917
19951
  }
19952
+ .slds-alert_warning .slds-button:focus{
19953
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
19954
+ box-shadow:var(--_slds-g-shadow-inset-focus);
19955
+ }
19918
19956
  .slds-alert_error{
19919
19957
  /*! @css-var-fallback background-color */
19920
19958
  --slds-c-alert-color-background:var(--slds-g-color-error-base-40, #ea001e);
@@ -19998,9 +20036,8 @@ input[readonly][role=combobox][disabled]{
19998
20036
  }
19999
20037
  .slds-notify_toast a:focus,
20000
20038
  .slds-notify--toast a:focus{
20001
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
20002
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
20003
- border:1px solid var(--slds-g-color-neutral-base-100, #f3f3f3);
20039
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
20040
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
20004
20041
  }
20005
20042
  .slds-notify_toast a:active,
20006
20043
  .slds-notify--toast a:active{
@@ -20022,8 +20059,8 @@ input[readonly][role=combobox][disabled]{
20022
20059
  }
20023
20060
  .slds-notify_toast .slds-notify__content a:focus,
20024
20061
  .slds-notify--toast .slds-notify__content a:focus{
20025
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
20026
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
20062
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
20063
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
20027
20064
  border-color:transparent;
20028
20065
  }
20029
20066
 
@@ -20037,8 +20074,8 @@ input[readonly][role=combobox][disabled]{
20037
20074
  padding:0.75rem;
20038
20075
  }
20039
20076
  .slds-scoped-notification a:focus{
20040
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
20041
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
20077
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
20078
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
20042
20079
  border-radius:0.125rem;
20043
20080
  outline:0;
20044
20081
  }
@@ -20131,8 +20168,9 @@ input[readonly][role=combobox][disabled]{
20131
20168
  text-decoration:none;
20132
20169
  }
20133
20170
  .slds-notification__target:focus{
20134
- outline:2px solid var(--slds-g-color-brand-base-40);
20135
- outline-offset:-0.25rem;
20171
+ -webkit-box-shadow:inset var(--_slds-g-shadow-outline-focus);
20172
+ box-shadow:inset var(--_slds-g-shadow-outline-focus);
20173
+ outline:0;
20136
20174
  }
20137
20175
  .slds-notification__footer{
20138
20176
  padding:0.75rem 0.75rem 1rem 0.75rem;
@@ -20143,8 +20181,8 @@ input[readonly][role=combobox][disabled]{
20143
20181
  right:0;
20144
20182
  }
20145
20183
  .slds-notification__close:focus{
20146
- -webkit-box-shadow:var(--slds-g-shadow-7, 0 0 3px #0176d3);
20147
- box-shadow:var(--slds-g-shadow-7, 0 0 3px #0176d3);
20184
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
20185
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
20148
20186
  outline:0;
20149
20187
  }
20150
20188
 
@@ -20175,9 +20213,8 @@ input[readonly][role=combobox][disabled]{
20175
20213
  outline:0;
20176
20214
  }
20177
20215
  .slds-trial-header a:not([class*=slds-button_]):not([class*=slds-button--]):focus, .slds-trial-header button:not([class*=slds-button_]):not([class*=slds-button--]):focus{
20178
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
20179
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
20180
- border:1px solid var(--slds-g-color-neutral-base-100, #f3f3f3);
20216
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
20217
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
20181
20218
  }
20182
20219
  .slds-trial-header a:not([class*=slds-button_]):not([class*=slds-button--]):active, .slds-trial-header button:not([class*=slds-button_]):not([class*=slds-button--]):active{
20183
20220
  color:var(--slds-g-color-neutral-100-opacity-50, rgba(255, 255, 255, 0.5));
@@ -20190,8 +20227,8 @@ input[readonly][role=combobox][disabled]{
20190
20227
  fill:var(--slds-g-color-success-base-70, #45c65a);
20191
20228
  }
20192
20229
  .slds-trial-header button:not([class*=slds-button_]):not([class*=slds-button--]):focus{
20193
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
20194
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
20230
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
20231
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
20195
20232
  }
20196
20233
 
20197
20234
  .slds-lookup{
@@ -20295,8 +20332,8 @@ input[readonly][role=combobox][disabled]{
20295
20332
  text-decoration:none;
20296
20333
  }
20297
20334
  .slds-lookup__item-action:focus, .slds-lookup__item-action.slds-has-focus{
20298
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
20299
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
20335
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
20336
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
20300
20337
  }
20301
20338
  .slds-lookup__item-action .slds-media__figure{
20302
20339
  margin-right:0.5rem;
@@ -20460,8 +20497,8 @@ input[readonly][role=combobox][disabled]{
20460
20497
  .slds-faux-input:focus{
20461
20498
  outline:0;
20462
20499
  background-color:var(--slds-g-color-neutral-base-100, white);
20463
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
20464
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
20500
+ -webkit-box-shadow:var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
20501
+ box-shadow:var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
20465
20502
  }
20466
20503
 
20467
20504
  .slds-faux-input_label{
@@ -20838,10 +20875,9 @@ input[readonly][role=combobox][disabled]{
20838
20875
  }
20839
20876
  .slds-image__crop:focus,
20840
20877
  .slds-file__crop:focus{
20841
- -webkit-box-shadow:0 0 0 2px var(--slds-g-color-neutral-base-100, white);
20842
- box-shadow:0 0 0 2px var(--slds-g-color-neutral-base-100, white);
20843
- outline:2px solid var(--slds-g-color-brand-base-40, #0b5cab);
20844
- outline-offset:2px;
20878
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
20879
+ box-shadow:var(--_slds-g-shadow-outset-focus);
20880
+ outline:0;
20845
20881
  border-radius:0.125rem;
20846
20882
  }
20847
20883
  .slds-image__crop_1-by-1,
@@ -21010,8 +21046,8 @@ input[readonly][role=combobox][disabled]{
21010
21046
  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
21011
21047
  }
21012
21048
  .slds-table:not(.slds-no-row-hover) tbody tr:focus{
21013
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
21014
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
21049
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
21050
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
21015
21051
  }
21016
21052
  .slds-table tbody tr.slds-is-selected > td,
21017
21053
  .slds-table tbody tr.slds-is-selected > th, .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > td,
@@ -21051,8 +21087,8 @@ input[readonly][role=combobox][disabled]{
21051
21087
  .slds-table th.slds-has-focus,
21052
21088
  .slds-table [role=gridcell]:focus,
21053
21089
  .slds-table [role=gridcell].slds-has-focus{
21054
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
21055
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
21090
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
21091
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
21056
21092
  }
21057
21093
  .slds-table th:focus.slds-cell_action-mode,
21058
21094
  .slds-table th.slds-has-focus.slds-cell_action-mode,
@@ -21062,8 +21098,8 @@ input[readonly][role=combobox][disabled]{
21062
21098
  }
21063
21099
  .slds-table th:focus,
21064
21100
  .slds-table th.slds-has-focus{
21065
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
21066
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
21101
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
21102
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
21067
21103
  }
21068
21104
  .slds-table th:active,
21069
21105
  .slds-table [role=gridcell]:active{
@@ -21184,8 +21220,8 @@ input[readonly][role=combobox][disabled]{
21184
21220
  background-color:var(--slds-g-color-neutral-base-100, white);
21185
21221
  }
21186
21222
  .slds-th__action:focus{
21187
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
21188
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
21223
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
21224
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
21189
21225
  }
21190
21226
  .slds-th__action_form,
21191
21227
  .slds-th__action--form{
@@ -21744,16 +21780,16 @@ input[readonly][role=combobox][disabled]{
21744
21780
  }
21745
21781
 
21746
21782
  .slds-is-resizable .slds-th__action:focus{
21747
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
21748
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
21783
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
21784
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
21749
21785
  }
21750
21786
  .slds-table .slds-cell-edit{
21751
21787
  outline:0;
21752
21788
  }
21753
21789
  .slds-table .slds-cell-edit.slds-has-focus{
21754
21790
  background-color:var(--slds-g-color-neutral-base-100, white);
21755
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
21756
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
21791
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
21792
+ box-shadow:var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
21757
21793
  }
21758
21794
  .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_edit,
21759
21795
  .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon--edit,
@@ -21998,8 +22034,8 @@ input[readonly][role=combobox][disabled]{
21998
22034
  background:var(--slds-g-color-neutral-base-95, #f3f3f3);
21999
22035
  cursor:pointer;
22000
22036
  text-decoration:none;
22001
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
22002
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
22037
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
22038
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
22003
22039
  }
22004
22040
 
22005
22041
  .slds-tree [role=treeitem][aria-selected=true]:focus > .slds-tree__item{
@@ -22478,8 +22514,8 @@ input[readonly][role=combobox][disabled]{
22478
22514
  margin-bottom:-1px;
22479
22515
  }
22480
22516
  .slds-vertical-tabs__nav-item:focus-within{
22481
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
22482
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
22517
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
22518
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
22483
22519
  outline:0;
22484
22520
  }
22485
22521
  .slds-vertical-tabs__link{
@@ -22573,8 +22609,8 @@ input[readonly][role=combobox][disabled]{
22573
22609
  align-items:center;
22574
22610
  }
22575
22611
  .slds-welcome-mat__info:focus{
22576
- -webkit-box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
22577
- box-shadow:var(--slds-g-shadow-6, 0 0 3px #0176d3);
22612
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
22613
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
22578
22614
  }
22579
22615
  .slds-welcome-mat__info:focus-visible{
22580
22616
  outline:0;
@@ -25093,8 +25129,8 @@ input[readonly][role=combobox][disabled]{
25093
25129
  text-decoration:none;
25094
25130
  }
25095
25131
  .slds-has-blur-focus:focus{
25096
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
25097
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
25132
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
25133
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
25098
25134
  outline:0;
25099
25135
  }
25100
25136
  .slds-has-input-focus{
@@ -25752,8 +25788,8 @@ input[readonly][role=combobox][disabled]{
25752
25788
  box-shadow:0 0 0 1px var(--slds-g-color-border-brand-2, #1b96ff) inset;
25753
25789
  }
25754
25790
  .slds-box_link:focus{
25755
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
25756
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
25791
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
25792
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
25757
25793
  border:1px solid var(--slds-g-color-border-base-1, #e5e5e5);
25758
25794
  }
25759
25795
  .slds-theme{
@@ -25903,8 +25939,8 @@ input[readonly][role=combobox][disabled]{
25903
25939
  }
25904
25940
  .slds-theme_warning a:focus,
25905
25941
  .slds-theme--warning a:focus{
25906
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
25907
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
25942
+ -webkit-box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
25943
+ box-shadow:var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
25908
25944
  border:1px solid var(--slds-g-color-neutral-base-30, #514f4d);
25909
25945
  }
25910
25946
  .slds-theme_warning a:active,
@@ -25927,8 +25963,8 @@ input[readonly][role=combobox][disabled]{
25927
25963
  .slds-theme_warning button:focus,
25928
25964
  .slds-theme--warning button:focus{
25929
25965
  color:var(--slds-g-color-neutral-base-30, #514f4d);
25930
- -webkit-box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
25931
- box-shadow:var(--slds-g-shadow-5, 0 0 3px #0176d3);
25966
+ -webkit-box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
25967
+ box-shadow:var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
25932
25968
  }
25933
25969
  .slds-theme_warning button:active,
25934
25970
  .slds-theme--warning button:active{