@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/css/rich-text-editor/base/index.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,16 @@
232
232
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
233
233
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
234
234
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
235
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
236
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
237
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
235
+ }
236
+
237
+ :root {
238
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
239
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab);
240
+ --_slds-g-shadow-inset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100) inset,
241
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
242
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
243
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
244
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
238
245
  }
239
246
  .slds-rich-text-editor {
240
247
  border: 1px solid var(--slds-g-color-border-base-4, #e5e5e5);
@@ -316,8 +323,8 @@
316
323
  }
317
324
  .slds-rich-text-editor.slds-has-focus {
318
325
  border: 1px solid var(--slds-g-color-border-base-4, #e5e5e5);
319
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
320
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
326
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
327
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
321
328
  }
322
329
  .slds-rich-text-editor.slds-has-error {
323
330
  border: 2px solid var(--slds-g-color-error-base-40, #ea001e);
@@ -339,10 +346,6 @@
339
346
  padding: 1rem;
340
347
  background-color: var(--slds-g-color-neutral-base-100, white);
341
348
  }
342
- .slds-rich-text-area__content:focus {
343
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
344
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
345
- }
346
349
 
347
350
  .slds-picklist__label[disabled] .slds-icon {
348
351
  fill: var(--slds-g-color-neutral-base-80, #c9c9c9);
package/css/scoped-notifications/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,16 +231,23 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-scoped-notification {
239
246
  padding: 0.75rem;
240
247
  }
241
248
  .slds-scoped-notification a:focus {
242
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
243
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
249
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
250
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
244
251
  border-radius: 0.125rem;
245
252
  outline: 0;
246
253
  }
package/css/scoped-tabs/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-tabs_scoped {
239
246
  display: block;
@@ -319,8 +326,8 @@
319
326
  }
320
327
  .slds-tabs_scoped__overflow-button .slds-button:focus {
321
328
  outline: 0;
322
- -webkit-box-shadow: var(--slds-g-shadow-6);
323
- box-shadow: var(--slds-g-shadow-6);
329
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus);
330
+ box-shadow: var(--_slds-g-shadow-inset-focus);
324
331
  }
325
332
  .slds-active .slds-tabs_scoped__link,
326
333
  .slds-is-active .slds-tabs_scoped__link {
package/css/select/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-select {
239
246
  height: calc(1.875rem + (1px * 2));
@@ -274,11 +281,11 @@
274
281
  border-color: var(--slds-g-color-border-base-4, #c9c9c9);
275
282
  -webkit-box-shadow: var(
276
283
  --slds-c-select-shadow-focus,
277
- var(--sds-c-select-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3))
284
+ var(--sds-c-select-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3))
278
285
  );
279
286
  box-shadow: var(
280
287
  --slds-c-select-shadow-focus,
281
- var(--sds-c-select-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3))
288
+ var(--sds-c-select-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3))
282
289
  );
283
290
  }
284
291
  .slds-select[disabled],
@@ -355,6 +362,7 @@
355
362
  }
356
363
  .slds-has-error .slds-select:focus {
357
364
  -webkit-box-shadow: var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset,
358
- var(--slds-g-shadow-5, 0 0 3px #0176d3);
359
- box-shadow: var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset, var(--slds-g-shadow-5, 0 0 3px #0176d3);
365
+ var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
366
+ box-shadow: var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset,
367
+ var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
360
368
  }
package/css/setup-assistant/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-setup-assistant {
239
246
  padding: 1rem;
package/css/slider/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-slider {
239
246
  display: -webkit-box;
@@ -374,11 +381,11 @@
374
381
  );
375
382
  -webkit-box-shadow: var(
376
383
  --slds-c-slider-thumb-shadow-focus,
377
- var(--sds-c-slider-thumb-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3))
384
+ var(--sds-c-slider-thumb-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3))
378
385
  );
379
386
  box-shadow: var(
380
387
  --slds-c-slider-thumb-shadow-focus,
381
- var(--sds-c-slider-thumb-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3))
388
+ var(--sds-c-slider-thumb-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3))
382
389
  );
383
390
  }
384
391
  .slds-slider__range:active::-webkit-slider-thumb {
package/css/slider/base/touch.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-slider {
239
246
  -webkit-box-align: center;
package/css/spinners/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-spinner_container {
239
246
  position: absolute;
package/css/split-view/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-split-view_container {
239
246
  position: relative;
@@ -317,8 +324,8 @@
317
324
  text-decoration: none;
318
325
  }
319
326
  .slds-split-view__list-item-action:focus {
320
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
321
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
327
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
328
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
322
329
  }
323
330
  .slds-split-view__list-item-action[aria-current="page"] {
324
331
  -webkit-box-shadow: inset 4px 0 0 #0176d3;
package/css/summary-detail/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-summary-detail {
239
246
  display: -webkit-box;
package/css/tabs/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-tabs_default {
239
246
  display: block;
@@ -413,6 +420,12 @@
413
420
  .slds-tabs_default__overflow-button.slds-has-success .slds-button {
414
421
  color: var(--slds-g-color-neutral-base-100, white);
415
422
  }
423
+ .slds-tabs_default__overflow-button.slds-has-error .slds-button:focus,
424
+ .slds-tabs_default__overflow-button.slds-has-success .slds-button:focus,
425
+ .slds-tabs_default__overflow-button.slds-has-warning .slds-button:focus {
426
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus);
427
+ box-shadow: var(--_slds-g-shadow-outset-focus);
428
+ }
416
429
  .slds-tabs_default__content {
417
430
  position: relative;
418
431
  padding-top: var(
@@ -487,11 +500,17 @@
487
500
  margin-left: 0.5rem;
488
501
  }
489
502
 
490
- .slds-tabs_default__nav .slds-has-error .slds-tabs_default__link:focus,
491
- .slds-tabs_default__nav .slds-has-warning .slds-tabs_default__link:focus,
492
- .slds-tabs_default__nav .slds-has-success .slds-tabs_default__link:focus {
493
- -webkit-box-shadow: var(--slds-g-shadow-6);
494
- box-shadow: var(--slds-g-shadow-6);
503
+ .slds-tabs_default__nav .slds-has-error .slds-tabs_default__link:focus-visible,
504
+ .slds-tabs_default__nav .slds-has-warning .slds-tabs_default__link:focus-visible,
505
+ .slds-tabs_default__nav .slds-has-success .slds-tabs_default__link:focus-visible {
506
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus);
507
+ box-shadow: var(--_slds-g-shadow-inset-focus);
495
508
  outline: 0;
496
509
  text-decoration: none;
497
510
  }
511
+ .slds-tabs_default__nav .slds-has-error .slds-button:focus,
512
+ .slds-tabs_default__nav .slds-has-warning .slds-button:focus,
513
+ .slds-tabs_default__nav .slds-has-success .slds-button:focus {
514
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus);
515
+ box-shadow: var(--_slds-g-shadow-inset-focus);
516
+ }
package/css/tabs/mobile-stack/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-tabs-mobile__container {
239
246
  position: relative;
@@ -280,9 +287,8 @@
280
287
  border-bottom: 1px solid var(--slds-g-color-border-base-1, #e5e5e5);
281
288
  }
282
289
  .slds-tabs-mobile__item .slds-button:focus {
283
- outline-offset: -0.0625rem;
284
- -webkit-box-shadow: none;
285
- box-shadow: none;
290
+ -webkit-box-shadow: inset var(--_slds-g-shadow-outline-focus);
291
+ box-shadow: inset var(--_slds-g-shadow-outline-focus);
286
292
  }
287
293
  .slds-tabs-mobile__group
288
294
  .slds-tabs-mobile__container
package/css/tabs/mobile-stack/touch.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-tabs-mobile__item .slds-button:active,
239
246
  .slds-tabs-mobile__item .slds-button:hover {
package/css/tabs/scrolling/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-tabs__nav-scroller.slds-has-overflow {
239
246
  position: relative;
package/css/tabs/sub-tabs/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  :root {
239
246
  --slds-g-color-neutral-base-100: #ffffff;
@@ -467,9 +474,16 @@
467
474
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
468
475
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
469
476
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
470
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
471
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
472
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
477
+ }
478
+
479
+ :root {
480
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
481
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab);
482
+ --_slds-g-shadow-inset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100) inset,
483
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
484
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
485
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
486
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
473
487
  }
474
488
  :root {
475
489
  --slds-g-color-neutral-base-100: #ffffff;
@@ -703,9 +717,16 @@
703
717
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
704
718
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
705
719
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
706
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
707
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
708
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
720
+ }
721
+
722
+ :root {
723
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
724
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab);
725
+ --_slds-g-shadow-inset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100) inset,
726
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
727
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
728
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
729
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
709
730
  }
710
731
  .slds-sub-tabs .slds-tabs_default__nav {
711
732
  border-bottom-width: 1px;
package/css/textarea/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-textarea {
239
246
  -webkit-appearance: none;
@@ -278,8 +285,8 @@
278
285
  }
279
286
  .slds-textarea:focus {
280
287
  border-color: var(--slds-g-color-border-base-4, #c9c9c9);
281
- -webkit-box-shadow: var(--slds-c-textarea-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3));
282
- box-shadow: var(--slds-c-textarea-shadow-focus, var(--slds-g-shadow-5, 0 0 3px #0176d3));
288
+ -webkit-box-shadow: var(--slds-c-textarea-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3));
289
+ box-shadow: var(--slds-c-textarea-shadow-focus, var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3));
283
290
  }
284
291
  .slds-textarea[disabled],
285
292
  .slds-textarea.slds-is-disabled {
@@ -323,5 +330,5 @@
323
330
  .slds-has-error .slds-textarea:focus {
324
331
  /*! @css-var-fallback box-shadow */
325
332
  --slds-c-textarea-shadow-focus: var(--slds-g-color-error-base-40, #ea001e) 0 0 0 1px inset,
326
- var(--slds-g-shadow-5, 0 0 3px #0176d3);
333
+ var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
327
334
  }
package/css/tiles/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.2 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,9 +231,16 @@
231
231
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
232
232
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
233
233
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
234
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
235
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
236
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
234
+ }
235
+
236
+ :root {
237
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
238
+ 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,
240
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
241
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
242
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
243
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
237
244
  }
238
245
  .slds-tile + .slds-tile {
239
246
  margin-top: 0.5rem;