@salesforce-ux/design-system 2.24.0 → 2.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (691) hide show
  1. package/README.md +1 -1
  2. package/RELEASENOTES.general.md +5 -0
  3. package/RELEASENOTES.md +5 -0
  4. package/__internal/chunked/docs/common.js +1 -1
  5. package/__internal/chunked/docs/ui/components/brand-band/docs.mdx.js +1 -1
  6. package/__internal/slds.umd.js +6 -6
  7. package/__internal/styles/salesforce-lightning-design-system_touch-demo.css +8 -4
  8. package/__internal/styles/salesforce-lightning-design-system_touch-demo.min.css +1 -1
  9. package/assets/styles/salesforce-lightning-design-system-imports.sanitized.css +1 -1
  10. package/assets/styles/salesforce-lightning-design-system-legacy.css +268 -231
  11. package/assets/styles/salesforce-lightning-design-system-legacy.min.css +55 -53
  12. package/assets/styles/salesforce-lightning-design-system-offline.css +268 -232
  13. package/assets/styles/salesforce-lightning-design-system-offline.min.css +7 -7
  14. package/assets/styles/salesforce-lightning-design-system.css +268 -232
  15. package/assets/styles/salesforce-lightning-design-system.min.css +7 -7
  16. package/assets/styles/salesforce-lightning-design-system.sanitized.css +139 -111
  17. package/assets/styles/salesforce-lightning-design-system_touch.css +10 -4
  18. package/assets/styles/salesforce-lightning-design-system_touch.min.css +1 -1
  19. package/css/accordion/base/index.css +13 -7
  20. package/css/accordion/base/touch.css +11 -4
  21. package/css/activity-timeline/base/index.css +11 -4
  22. package/css/alert/base/index.css +17 -6
  23. package/css/app-launcher/base/index.css +13 -6
  24. package/css/avatar/base/index.css +11 -4
  25. package/css/avatar-group/base/index.css +21 -7
  26. package/css/badges/base/index.css +11 -4
  27. package/css/brand-band/base/index.css +11 -4
  28. package/css/breadcrumbs/base/index.css +11 -4
  29. package/css/breadcrumbs/kinetics/index.css +11 -4
  30. package/css/builder-header/base/index.css +13 -6
  31. package/css/button-groups/base/index.css +13 -6
  32. package/css/button-groups/list/index.css +11 -4
  33. package/css/button-groups/row/index.css +11 -4
  34. package/css/button-icons/base/index.css +28 -9
  35. package/css/button-icons/base/touch.css +11 -4
  36. package/css/button-icons/bordered-filled-container/index.css +11 -4
  37. package/css/button-icons/bordered-inverse/index.css +11 -4
  38. package/css/button-icons/bordered-transparent-container/index.css +11 -4
  39. package/css/button-icons/brand/index.css +11 -4
  40. package/css/button-icons/inverse/index.css +11 -4
  41. package/css/button-icons/sizing/index.css +11 -4
  42. package/css/button-icons/stateful/index.css +29 -7
  43. package/css/button-icons/transparent-container/index.css +11 -4
  44. package/css/buttons/base/index.css +35 -19
  45. package/css/buttons/base/touch.css +11 -4
  46. package/css/buttons/dual-stateful/index.css +26 -7
  47. package/css/buttons/kinetics/index.css +11 -4
  48. package/css/buttons/stateful/index.css +11 -4
  49. package/css/cards/base/index.css +11 -4
  50. package/css/cards/base/touch.css +11 -4
  51. package/css/cards/einstein/index.css +11 -4
  52. package/css/carousel/base/index.css +17 -10
  53. package/css/chat/base/index.css +13 -9
  54. package/css/chat/past/index.css +11 -4
  55. package/css/checkbox/base/index.css +12 -5
  56. package/css/checkbox/base/touch.css +11 -4
  57. package/css/checkbox/form-element/index.css +11 -4
  58. package/css/checkbox/form-element/touch.css +11 -4
  59. package/css/checkbox-button/base/index.css +13 -6
  60. package/css/checkbox-button/base/touch.css +11 -4
  61. package/css/checkbox-button-group/base/index.css +13 -6
  62. package/css/checkbox-button-group/base/touch.css +11 -4
  63. package/css/checkbox-toggle/base/index.css +15 -5
  64. package/css/checkbox-toggle/base/touch.css +11 -4
  65. package/css/color-picker/base/index.css +20 -12
  66. package/css/color-picker/custom-only/index.css +11 -4
  67. package/css/color-picker/predefined-only/index.css +11 -4
  68. package/css/color-picker/swatches-only/index.css +11 -4
  69. package/css/combobox/autocomplete/index.css +11 -4
  70. package/css/combobox/base/index.css +19 -12
  71. package/css/combobox/base/touch.css +11 -4
  72. package/css/combobox/deprecated-inline-listbox/index.css +11 -4
  73. package/css/combobox/deprecated-multi-entity/index.css +11 -4
  74. package/css/combobox/deprecated-readonly/index.css +11 -4
  75. package/css/combobox/dialog/index.css +11 -4
  76. package/css/common/index.css +11 -4
  77. package/css/counter/base/index.css +11 -11
  78. package/css/data-tables/base/index.css +19 -12
  79. package/css/data-tables/base/touch.css +11 -4
  80. package/css/data-tables/fixed-header/index.css +11 -4
  81. package/css/data-tables/hidden-header/index.css +11 -4
  82. package/css/data-tables/inline-edit/index.css +15 -8
  83. package/css/data-tables/responsive/index.css +21 -7
  84. package/css/datepickers/base/index.css +15 -13
  85. package/css/datepickers/range/index.css +21 -7
  86. package/css/datetime-picker/base/index.css +11 -4
  87. package/css/docked-composer/base/index.css +13 -6
  88. package/css/docked-composer/email/index.css +11 -4
  89. package/css/docked-form-footer/base/index.css +11 -4
  90. package/css/docked-utility-bar/base/index.css +13 -6
  91. package/css/docked-utility-bar/utility-panel/index.css +11 -4
  92. package/css/drop-zone/base/index.css +11 -4
  93. package/css/dueling-picklist/base/index.css +11 -4
  94. package/css/dynamic-icons/ellie/index.css +11 -4
  95. package/css/dynamic-icons/eq/index.css +11 -4
  96. package/css/dynamic-icons/global-action-help/index.css +11 -4
  97. package/css/dynamic-icons/score/index.css +11 -4
  98. package/css/dynamic-icons/strength/index.css +11 -4
  99. package/css/dynamic-icons/trend/index.css +11 -4
  100. package/css/dynamic-icons/typing/index.css +11 -4
  101. package/css/dynamic-icons/waffle/index.css +11 -4
  102. package/css/dynamic-menu/base/index.css +11 -4
  103. package/css/einstein-header/base/index.css +11 -4
  104. package/css/expandable-section/base/index.css +11 -4
  105. package/css/expression/base/index.css +11 -4
  106. package/css/expression/custom-logic/index.css +11 -4
  107. package/css/expression/filters/index.css +11 -4
  108. package/css/expression/formula/index.css +11 -4
  109. package/css/feeds/base/index.css +11 -4
  110. package/css/feeds/comment/index.css +11 -4
  111. package/css/feeds/post/index.css +14 -8
  112. package/css/feeds/post-with-attachments/index.css +11 -4
  113. package/css/file-selector/base/index.css +13 -6
  114. package/css/files/base/index.css +14 -8
  115. package/css/form-element/address/index.css +11 -4
  116. package/css/form-element/base/index.css +11 -4
  117. package/css/form-element/base/touch.css +11 -4
  118. package/css/form-element/compound/index.css +11 -4
  119. package/css/form-element/horizontal/index.css +11 -4
  120. package/css/form-element/horizontal/touch.css +11 -4
  121. package/css/form-element/record-detail/index.css +11 -4
  122. package/css/form-element/stacked/index.css +11 -4
  123. package/css/form-element/stacked/touch.css +11 -4
  124. package/css/form-layout/base/index.css +11 -4
  125. package/css/form-layout/compound/index.css +11 -4
  126. package/css/global-header/base/index.css +11 -4
  127. package/css/global-header/global-actions/index.css +15 -8
  128. package/css/global-header/notifications/index.css +11 -4
  129. package/css/global-navigation/navigation-bar/index.css +29 -10
  130. package/css/icons/action/index.css +11 -4
  131. package/css/icons/base/index.css +12 -5
  132. package/css/icons/custom/index.css +11 -4
  133. package/css/icons/doctype/index.css +11 -4
  134. package/css/icons/standard/index.css +11 -4
  135. package/css/illustration/base/index.css +11 -4
  136. package/css/input/base/index.css +15 -8
  137. package/css/input/base/touch.css +11 -4
  138. package/css/list-builder/base/index.css +11 -4
  139. package/css/lookups/base/index.css +11 -4
  140. package/css/lookups-mobile/combobox/index.css +11 -4
  141. package/css/lookups-mobile/faux-input/index.css +13 -6
  142. package/css/lookups-mobile/listbox/index.css +11 -4
  143. package/css/map/base/index.css +13 -6
  144. package/css/map/base/touch.css +11 -4
  145. package/css/menus/action-overflow/index.css +11 -4
  146. package/css/menus/dropdown/index.css +27 -13
  147. package/css/menus/dropdown/touch.css +11 -4
  148. package/css/menus/submenu/index.css +11 -4
  149. package/css/modals/base/index.css +11 -4
  150. package/css/modals/base/touch.css +11 -4
  151. package/css/notifications/base/index.css +16 -8
  152. package/css/page-headers/base/index.css +11 -4
  153. package/css/page-headers/record-home/index.css +11 -4
  154. package/css/page-headers/record-home-vertical/index.css +11 -4
  155. package/css/page-headers/related-list/index.css +11 -4
  156. package/css/panels/base/index.css +11 -4
  157. package/css/panels/detail/index.css +11 -4
  158. package/css/panels/filtering/index.css +11 -4
  159. package/css/path/base/index.css +17 -10
  160. package/css/path/base/touch.css +11 -4
  161. package/css/pills/base/index.css +22 -15
  162. package/css/pills/base/touch.css +11 -4
  163. package/css/pills/listbox-of-pill-options/index.css +11 -4
  164. package/css/popovers/base/index.css +15 -4
  165. package/css/popovers/brand/index.css +11 -4
  166. package/css/popovers/einstein/index.css +11 -4
  167. package/css/popovers/error/index.css +11 -4
  168. package/css/popovers/feature/index.css +11 -4
  169. package/css/popovers/nubbins/index.css +11 -4
  170. package/css/popovers/panels/index.css +11 -4
  171. package/css/popovers/prompt/index.css +11 -4
  172. package/css/popovers/prompt/touch.css +11 -4
  173. package/css/popovers/walkthrough/index.css +11 -4
  174. package/css/popovers/warning/index.css +17 -6
  175. package/css/progress-bar/base/index.css +11 -4
  176. package/css/progress-bar/vertical/index.css +11 -4
  177. package/css/progress-indicator/base/index.css +19 -12
  178. package/css/progress-indicator/base/touch.css +11 -4
  179. package/css/progress-indicator/vertical/index.css +11 -4
  180. package/css/progress-indicator/vertical/touch.css +11 -4
  181. package/css/progress-ring/base/index.css +11 -4
  182. package/css/prompt/base/index.css +11 -4
  183. package/css/publishers/base/index.css +11 -4
  184. package/css/publishers/comment/index.css +13 -6
  185. package/css/radio-button-group/base/index.css +13 -6
  186. package/css/radio-button-group/base/touch.css +11 -4
  187. package/css/radio-group/base/index.css +13 -6
  188. package/css/radio-group/base/touch.css +11 -4
  189. package/css/regions/base/index.css +11 -4
  190. package/css/rich-text-editor/base/index.css +13 -10
  191. package/css/scoped-notifications/base/index.css +13 -6
  192. package/css/scoped-tabs/base/index.css +13 -6
  193. package/css/select/base/index.css +16 -8
  194. package/css/setup-assistant/base/index.css +11 -4
  195. package/css/slider/base/index.css +13 -6
  196. package/css/slider/base/touch.css +11 -4
  197. package/css/spinners/base/index.css +11 -4
  198. package/css/split-view/base/index.css +13 -6
  199. package/css/summary-detail/base/index.css +11 -4
  200. package/css/tabs/base/index.css +28 -9
  201. package/css/tabs/mobile-stack/index.css +13 -7
  202. package/css/tabs/mobile-stack/touch.css +11 -4
  203. package/css/tabs/scrolling/index.css +11 -4
  204. package/css/tabs/sub-tabs/index.css +31 -10
  205. package/css/textarea/base/index.css +14 -7
  206. package/css/tiles/base/index.css +11 -4
  207. package/css/tiles/board/index.css +11 -4
  208. package/css/timepicker/base/index.css +11 -4
  209. package/css/toast/base/index.css +15 -9
  210. package/css/tooltips/base/index.css +13 -6
  211. package/css/tree-grid/base/index.css +11 -4
  212. package/css/trees/base/index.css +13 -6
  213. package/css/trial-bar/header/index.css +15 -9
  214. package/css/vertical-navigation/expandable-section/index.css +11 -4
  215. package/css/vertical-navigation/list/index.css +13 -6
  216. package/css/vertical-navigation/quickfind/index.css +11 -4
  217. package/css/vertical-navigation/radio-group/index.css +11 -4
  218. package/css/vertical-tabs/base/index.css +13 -6
  219. package/css/visual-picker/coverable-content/index.css +15 -8
  220. package/css/visual-picker/link/index.css +11 -4
  221. package/css/visual-picker/non-coverable-content/index.css +11 -4
  222. package/css/visual-picker/vertical/index.css +11 -4
  223. package/css/welcome-mat/base/index.css +13 -6
  224. package/css/welcome-mat/info-only/index.css +11 -4
  225. package/css/welcome-mat/splash/index.css +11 -4
  226. package/css/welcome-mat/trailhead-connected/index.css +11 -4
  227. package/design-tokens/bg-standard.yml +1 -1
  228. package/design-tokens/dist/bg-standard.android.xml +1 -1
  229. package/design-tokens/dist/bg-standard.aura.tokens +1 -1
  230. package/design-tokens/dist/bg-standard.common.js +1 -1
  231. package/design-tokens/dist/bg-standard.default.scss +1 -1
  232. package/design-tokens/dist/bg-standard.ios.json +1 -1
  233. package/design-tokens/dist/bg-standard.json +1 -1
  234. package/design-tokens/dist/bg-standard.less +1 -1
  235. package/design-tokens/dist/bg-standard.map.scss +1 -1
  236. package/design-tokens/dist/bg-standard.raw.json +2 -2
  237. package/design-tokens/dist/bg-standard.styl +1 -1
  238. package/design-tokens/dist/shadow.common.js +8 -6
  239. package/design-tokens/dist/shadow.custom-props.scss +8 -6
  240. package/design-tokens/dist/shadow.json +4 -3
  241. package/design-tokens/dist/shadow.module.js +8 -6
  242. package/design-tokens/dist/shadow.raw.json +31 -23
  243. package/design-tokens/dist/slds-hooks.common.js +0 -6
  244. package/design-tokens/dist/slds-hooks.custom-props.scss +0 -6
  245. package/design-tokens/dist/slds-hooks.json +1 -4
  246. package/design-tokens/dist/slds-hooks.module.js +1 -7
  247. package/design-tokens/dist/slds-hooks.raw.json +1 -46
  248. package/metadata/components/buttons/styling-hooks.json +1 -1
  249. package/package.json +1 -1
  250. package/scss/_config.scss +2 -2
  251. package/scss/_design-tokens.scss +1 -1
  252. package/scss/_init.scss +1 -1
  253. package/scss/_styling-hooks.scss +8 -1
  254. package/scss/components/_index.sanitized.scss +1 -1
  255. package/scss/components/_index.scss +1 -1
  256. package/scss/components/_kinetics.scss +1 -1
  257. package/scss/components/_touch.scss +1 -1
  258. package/scss/components/accordion/_doc.scss +1 -1
  259. package/scss/components/accordion/base/_index.scss +2 -3
  260. package/scss/components/accordion/base/_touch.scss +1 -1
  261. package/scss/components/activity-timeline/_doc.scss +1 -1
  262. package/scss/components/activity-timeline/base/_deprecate.scss +1 -1
  263. package/scss/components/activity-timeline/base/_index.scss +1 -1
  264. package/scss/components/alert/_doc.scss +1 -1
  265. package/scss/components/alert/base/_index.scss +6 -2
  266. package/scss/components/app-launcher/_doc.scss +1 -1
  267. package/scss/components/app-launcher/base/_deprecate.scss +1 -1
  268. package/scss/components/app-launcher/base/_index.scss +2 -2
  269. package/scss/components/avatar/_doc.scss +1 -1
  270. package/scss/components/avatar/base/_index.scss +1 -1
  271. package/scss/components/avatar-group/_doc.scss +1 -1
  272. package/scss/components/avatar-group/base/_index.scss +1 -1
  273. package/scss/components/avatar-group/mixins/_index.scss +1 -1
  274. package/scss/components/badges/_doc.scss +1 -1
  275. package/scss/components/badges/base/_index.scss +1 -1
  276. package/scss/components/brand-band/_doc.scss +1 -1
  277. package/scss/components/brand-band/base/_index.scss +1 -1
  278. package/scss/components/breadcrumbs/_doc.scss +1 -1
  279. package/scss/components/breadcrumbs/base/_index.scss +1 -1
  280. package/scss/components/breadcrumbs/kinetics/_index.scss +1 -1
  281. package/scss/components/builder-header/_doc.scss +1 -1
  282. package/scss/components/builder-header/base/_index.scss +2 -2
  283. package/scss/components/button-groups/_doc.scss +1 -1
  284. package/scss/components/button-groups/base/_index.scss +2 -2
  285. package/scss/components/button-groups/list/_index.scss +1 -1
  286. package/scss/components/button-groups/row/_index.scss +1 -1
  287. package/scss/components/button-icons/_doc.scss +1 -1
  288. package/scss/components/button-icons/base/_deprecate.scss +1 -1
  289. package/scss/components/button-icons/base/_index.scss +7 -2
  290. package/scss/components/button-icons/base/_touch.scss +1 -1
  291. package/scss/components/button-icons/bordered-filled-container/_index.scss +1 -1
  292. package/scss/components/button-icons/bordered-inverse/_index.scss +1 -1
  293. package/scss/components/button-icons/bordered-transparent-container/_index.scss +1 -1
  294. package/scss/components/button-icons/brand/_index.scss +1 -1
  295. package/scss/components/button-icons/inverse/_index.scss +1 -1
  296. package/scss/components/button-icons/mixins/_index.scss +1 -1
  297. package/scss/components/button-icons/sizing/_index.scss +1 -1
  298. package/scss/components/button-icons/stateful/_index.scss +6 -1
  299. package/scss/components/button-icons/transparent-container/_index.scss +1 -1
  300. package/scss/components/buttons/_doc.scss +1 -1
  301. package/scss/components/buttons/base/_deprecate.scss +1 -1
  302. package/scss/components/buttons/base/_index.scss +17 -10
  303. package/scss/components/buttons/base/_touch.scss +1 -1
  304. package/scss/components/buttons/dual-stateful/_index.scss +6 -1
  305. package/scss/components/buttons/kinetics/_index.scss +1 -1
  306. package/scss/components/buttons/mixins/_index.scss +1 -1
  307. package/scss/components/buttons/stateful/_deprecate.scss +1 -1
  308. package/scss/components/buttons/stateful/_index.scss +1 -1
  309. package/scss/components/cards/_doc.scss +1 -1
  310. package/scss/components/cards/base/_blame.scss +1 -1
  311. package/scss/components/cards/base/_deprecate.scss +1 -1
  312. package/scss/components/cards/base/_index.scss +1 -1
  313. package/scss/components/cards/base/_touch.scss +1 -1
  314. package/scss/components/cards/einstein/_index.scss +1 -1
  315. package/scss/components/carousel/_doc.scss +1 -1
  316. package/scss/components/carousel/base/_index.scss +4 -4
  317. package/scss/components/chat/_doc.scss +1 -1
  318. package/scss/components/chat/base/_index.scss +2 -6
  319. package/scss/components/chat/past/_index.scss +1 -1
  320. package/scss/components/checkbox/_doc.scss +1 -1
  321. package/scss/components/checkbox/base/_deprecate.scss +1 -1
  322. package/scss/components/checkbox/base/_index.scss +2 -2
  323. package/scss/components/checkbox/base/_touch.scss +1 -1
  324. package/scss/components/checkbox/form-element/_index.scss +1 -1
  325. package/scss/components/checkbox/form-element/_touch.scss +1 -1
  326. package/scss/components/checkbox-button/_doc.scss +1 -1
  327. package/scss/components/checkbox-button/base/_deprecate.scss +2 -2
  328. package/scss/components/checkbox-button/base/_index.scss +2 -2
  329. package/scss/components/checkbox-button/base/_touch.scss +1 -1
  330. package/scss/components/checkbox-button-group/_doc.scss +1 -1
  331. package/scss/components/checkbox-button-group/base/_index.scss +2 -2
  332. package/scss/components/checkbox-button-group/base/_touch.scss +1 -1
  333. package/scss/components/checkbox-toggle/_doc.scss +1 -1
  334. package/scss/components/checkbox-toggle/base/_index.scss +2 -2
  335. package/scss/components/checkbox-toggle/base/_touch.scss +1 -1
  336. package/scss/components/color-picker/_doc.scss +1 -1
  337. package/scss/components/color-picker/base/_index.scss +5 -5
  338. package/scss/components/color-picker/custom-only/_index.scss +1 -1
  339. package/scss/components/color-picker/predefined-only/_index.scss +1 -1
  340. package/scss/components/color-picker/swatches-only/_index.scss +1 -1
  341. package/scss/components/combobox/_doc.scss +1 -1
  342. package/scss/components/combobox/autocomplete/_index.scss +1 -1
  343. package/scss/components/combobox/base/_index.scss +5 -5
  344. package/scss/components/combobox/base/_touch.scss +1 -1
  345. package/scss/components/combobox/deprecated-inline-listbox/_index.scss +1 -1
  346. package/scss/components/combobox/deprecated-multi-entity/_index.scss +1 -1
  347. package/scss/components/combobox/deprecated-readonly/_index.scss +1 -1
  348. package/scss/components/combobox/dialog/_index.scss +1 -1
  349. package/scss/components/counter/_doc.scss +1 -1
  350. package/scss/components/counter/base/_index.scss +1 -9
  351. package/scss/components/data-tables/_doc.scss +1 -1
  352. package/scss/components/data-tables/base/_blame.scss +1 -1
  353. package/scss/components/data-tables/base/_index.scss +5 -5
  354. package/scss/components/data-tables/base/_touch.scss +1 -1
  355. package/scss/components/data-tables/fixed-header/_index.scss +1 -1
  356. package/scss/components/data-tables/hidden-header/_index.scss +1 -1
  357. package/scss/components/data-tables/inline-edit/_index.scss +3 -3
  358. package/scss/components/data-tables/mixins/_index.scss +1 -1
  359. package/scss/components/data-tables/responsive/_index.scss +1 -1
  360. package/scss/components/datepickers/_doc.scss +1 -1
  361. package/scss/components/datepickers/base/_deprecate.scss +1 -1
  362. package/scss/components/datepickers/base/_index.scss +3 -8
  363. package/scss/components/datepickers/mixins/_index.scss +1 -1
  364. package/scss/components/datepickers/range/_index.scss +1 -1
  365. package/scss/components/datetime-picker/_doc.scss +1 -1
  366. package/scss/components/datetime-picker/base/_index.scss +1 -1
  367. package/scss/components/docked-composer/_doc.scss +1 -1
  368. package/scss/components/docked-composer/base/_deprecate.scss +1 -1
  369. package/scss/components/docked-composer/base/_index.scss +2 -2
  370. package/scss/components/docked-composer/email/_index.scss +1 -1
  371. package/scss/components/docked-form-footer/_doc.scss +1 -1
  372. package/scss/components/docked-form-footer/base/_index.scss +1 -1
  373. package/scss/components/docked-utility-bar/_doc.scss +1 -1
  374. package/scss/components/docked-utility-bar/base/_index.scss +2 -2
  375. package/scss/components/docked-utility-bar/utility-panel/_index.scss +1 -1
  376. package/scss/components/drop-zone/_doc.scss +1 -1
  377. package/scss/components/drop-zone/base/_index.scss +1 -1
  378. package/scss/components/dueling-picklist/_doc.scss +1 -1
  379. package/scss/components/dueling-picklist/base/_deprecate.scss +1 -1
  380. package/scss/components/dueling-picklist/base/_index.scss +1 -1
  381. package/scss/components/dynamic-icons/_doc.scss +1 -1
  382. package/scss/components/dynamic-icons/ellie/_index.scss +1 -1
  383. package/scss/components/dynamic-icons/eq/_index.scss +1 -1
  384. package/scss/components/dynamic-icons/global-action-help/_index.scss +1 -1
  385. package/scss/components/dynamic-icons/score/_index.scss +1 -1
  386. package/scss/components/dynamic-icons/strength/_index.scss +1 -1
  387. package/scss/components/dynamic-icons/trend/_index.scss +1 -1
  388. package/scss/components/dynamic-icons/typing/_index.scss +1 -1
  389. package/scss/components/dynamic-icons/waffle/_index.scss +1 -1
  390. package/scss/components/dynamic-menu/_doc.scss +1 -1
  391. package/scss/components/dynamic-menu/base/_index.scss +1 -1
  392. package/scss/components/einstein-header/base/_index.scss +1 -1
  393. package/scss/components/expandable-section/_doc.scss +1 -1
  394. package/scss/components/expandable-section/base/_deprecate.scss +1 -1
  395. package/scss/components/expandable-section/base/_index.scss +1 -1
  396. package/scss/components/expression/_doc.scss +1 -1
  397. package/scss/components/expression/base/_index.scss +1 -1
  398. package/scss/components/expression/custom-logic/_index.scss +1 -1
  399. package/scss/components/expression/filters/_index.scss +1 -1
  400. package/scss/components/expression/formula/_index.scss +1 -1
  401. package/scss/components/feeds/_doc.scss +1 -1
  402. package/scss/components/feeds/base/_index.scss +1 -1
  403. package/scss/components/feeds/comment/_deprecate.scss +1 -1
  404. package/scss/components/feeds/comment/_index.scss +1 -1
  405. package/scss/components/feeds/post/_index.scss +3 -4
  406. package/scss/components/feeds/post-with-attachments/_index.scss +1 -1
  407. package/scss/components/file-selector/_doc.scss +1 -1
  408. package/scss/components/file-selector/base/_index.scss +2 -2
  409. package/scss/components/files/_doc.scss +1 -1
  410. package/scss/components/files/base/_index.scss +3 -4
  411. package/scss/components/form-element/_doc.scss +1 -1
  412. package/scss/components/form-element/address/_index.scss +1 -1
  413. package/scss/components/form-element/base/_index.scss +1 -1
  414. package/scss/components/form-element/base/_touch.scss +1 -1
  415. package/scss/components/form-element/compound/_index.scss +1 -1
  416. package/scss/components/form-element/horizontal/_index.scss +1 -1
  417. package/scss/components/form-element/horizontal/_touch.scss +1 -1
  418. package/scss/components/form-element/record-detail/_index.scss +1 -1
  419. package/scss/components/form-element/stacked/_index.scss +1 -1
  420. package/scss/components/form-element/stacked/_touch.scss +1 -1
  421. package/scss/components/form-layout/_doc.scss +1 -1
  422. package/scss/components/form-layout/base/_index.scss +1 -1
  423. package/scss/components/form-layout/compound/_deprecate.scss +1 -1
  424. package/scss/components/form-layout/compound/_index.scss +1 -1
  425. package/scss/components/global-header/_doc.scss +1 -1
  426. package/scss/components/global-header/base/_deprecate.scss +1 -1
  427. package/scss/components/global-header/base/_index.scss +1 -1
  428. package/scss/components/global-header/global-actions/_index.scss +4 -4
  429. package/scss/components/global-header/notifications/_index.scss +1 -1
  430. package/scss/components/global-navigation/_doc.scss +1 -1
  431. package/scss/components/global-navigation/mixins/_index.scss +1 -1
  432. package/scss/components/global-navigation/navigation-bar/_index.scss +9 -7
  433. package/scss/components/icons/_doc.scss +1 -1
  434. package/scss/components/icons/action/_index.scss +1 -1
  435. package/scss/components/icons/base/_index.scss +1 -1
  436. package/scss/components/icons/custom/_index.scss +1 -1
  437. package/scss/components/icons/doctype/_index.scss +1 -1
  438. package/scss/components/icons/standard/_index.scss +1 -1
  439. package/scss/components/illustration/_doc.scss +1 -1
  440. package/scss/components/illustration/base/_index.scss +1 -1
  441. package/scss/components/input/_doc.scss +1 -1
  442. package/scss/components/input/base/_deprecate.scss +1 -1
  443. package/scss/components/input/base/_index.scss +4 -4
  444. package/scss/components/input/base/_touch.scss +1 -1
  445. package/scss/components/list-builder/_doc.scss +1 -1
  446. package/scss/components/list-builder/base/_index.scss +1 -1
  447. package/scss/components/lookups/_doc.scss +1 -1
  448. package/scss/components/lookups/base/_deprecate.scss +2 -2
  449. package/scss/components/lookups/base/_index.scss +1 -1
  450. package/scss/components/lookups-mobile/combobox/_index.scss +1 -1
  451. package/scss/components/lookups-mobile/faux-input/_index.scss +2 -2
  452. package/scss/components/lookups-mobile/listbox/_index.scss +1 -1
  453. package/scss/components/map/_doc.scss +1 -1
  454. package/scss/components/map/base/_index.scss +2 -2
  455. package/scss/components/map/base/_touch.scss +1 -1
  456. package/scss/components/menus/_doc.scss +1 -1
  457. package/scss/components/menus/action-overflow/_index.scss +1 -1
  458. package/scss/components/menus/dropdown/_deprecate.scss +1 -1
  459. package/scss/components/menus/dropdown/_index.scss +4 -4
  460. package/scss/components/menus/dropdown/_touch.scss +1 -1
  461. package/scss/components/menus/mixins/_index.scss +1 -1
  462. package/scss/components/menus/submenu/_index.scss +1 -1
  463. package/scss/components/modals/_doc.scss +1 -1
  464. package/scss/components/modals/base/_deprecate.scss +1 -1
  465. package/scss/components/modals/base/_index.scss +1 -1
  466. package/scss/components/modals/base/_touch.scss +1 -1
  467. package/scss/components/notifications/_doc.scss +1 -1
  468. package/scss/components/notifications/base/_index.scss +4 -4
  469. package/scss/components/page-headers/_doc.scss +1 -1
  470. package/scss/components/page-headers/base/_blame.scss +1 -1
  471. package/scss/components/page-headers/base/_index.scss +1 -1
  472. package/scss/components/page-headers/object-home/_deprecate.scss +1 -1
  473. package/scss/components/page-headers/record-home/_index.scss +1 -1
  474. package/scss/components/page-headers/record-home-vertical/_index.scss +1 -1
  475. package/scss/components/page-headers/related-list/_index.scss +1 -1
  476. package/scss/components/panels/_doc.scss +1 -1
  477. package/scss/components/panels/base/_index.scss +1 -1
  478. package/scss/components/panels/detail/_index.scss +1 -1
  479. package/scss/components/panels/filtering/_index.scss +1 -1
  480. package/scss/components/path/_doc.scss +1 -1
  481. package/scss/components/path/base/_index.scss +4 -4
  482. package/scss/components/path/base/_touch.scss +1 -1
  483. package/scss/components/path-simple/base/_deprecate.scss +1 -1
  484. package/scss/components/picklist/_doc.scss +1 -1
  485. package/scss/components/picklist/base/_deprecate.scss +2 -2
  486. package/scss/components/pills/_doc.scss +1 -1
  487. package/scss/components/pills/base/_deprecate.scss +1 -1
  488. package/scss/components/pills/base/_index.scss +7 -7
  489. package/scss/components/pills/base/_touch.scss +1 -1
  490. package/scss/components/pills/listbox-of-pill-options/_index.scss +1 -1
  491. package/scss/components/popovers/_doc.scss +1 -1
  492. package/scss/components/popovers/base/_index.scss +5 -1
  493. package/scss/components/popovers/brand/_index.scss +2 -1
  494. package/scss/components/popovers/einstein/_index.scss +1 -1
  495. package/scss/components/popovers/error/_index.scss +1 -1
  496. package/scss/components/popovers/feature/_index.scss +1 -1
  497. package/scss/components/popovers/nubbins/_index.scss +1 -1
  498. package/scss/components/popovers/panels/_index.scss +1 -1
  499. package/scss/components/popovers/prompt/_index.scss +1 -1
  500. package/scss/components/popovers/prompt/_touch.scss +1 -1
  501. package/scss/components/popovers/walkthrough/_deprecate.scss +1 -1
  502. package/scss/components/popovers/walkthrough/_index.scss +1 -1
  503. package/scss/components/popovers/warning/_index.scss +5 -1
  504. package/scss/components/process/wizard/_deprecate.scss +1 -1
  505. package/scss/components/progress-bar/_doc.scss +1 -1
  506. package/scss/components/progress-bar/base/_index.scss +1 -1
  507. package/scss/components/progress-bar/vertical/_index.scss +1 -1
  508. package/scss/components/progress-indicator/_doc.scss +1 -1
  509. package/scss/components/progress-indicator/base/_index.scss +5 -5
  510. package/scss/components/progress-indicator/base/_touch.scss +1 -1
  511. package/scss/components/progress-indicator/vertical/_index.scss +1 -1
  512. package/scss/components/progress-indicator/vertical/_touch.scss +1 -1
  513. package/scss/components/progress-ring/_doc.scss +1 -1
  514. package/scss/components/progress-ring/base/_index.scss +1 -1
  515. package/scss/components/prompt/_doc.scss +1 -1
  516. package/scss/components/prompt/base/_deprecate.scss +1 -1
  517. package/scss/components/prompt/base/_index.scss +1 -1
  518. package/scss/components/publishers/_doc.scss +1 -1
  519. package/scss/components/publishers/base/_index.scss +1 -1
  520. package/scss/components/publishers/comment/_index.scss +2 -2
  521. package/scss/components/radio-button-group/_doc.scss +1 -1
  522. package/scss/components/radio-button-group/base/_index.scss +2 -2
  523. package/scss/components/radio-button-group/base/_touch.scss +1 -1
  524. package/scss/components/radio-group/_doc.scss +1 -1
  525. package/scss/components/radio-group/base/_index.scss +2 -2
  526. package/scss/components/radio-group/base/_touch.scss +1 -1
  527. package/scss/components/regions/base/_index.scss +1 -1
  528. package/scss/components/rich-text-editor/_doc.scss +1 -1
  529. package/scss/components/rich-text-editor/base/_index.scss +2 -6
  530. package/scss/components/scoped-notifications/_doc.scss +1 -1
  531. package/scss/components/scoped-notifications/base/_index.scss +2 -2
  532. package/scss/components/scoped-tabs/_doc.scss +1 -1
  533. package/scss/components/scoped-tabs/base/_deprecate.scss +1 -1
  534. package/scss/components/scoped-tabs/base/_index.scss +2 -2
  535. package/scss/components/select/_doc.scss +1 -1
  536. package/scss/components/select/base/_index.scss +3 -3
  537. package/scss/components/setup-assistant/_doc.scss +1 -1
  538. package/scss/components/setup-assistant/base/_index.scss +1 -1
  539. package/scss/components/slider/_doc.scss +1 -1
  540. package/scss/components/slider/base/_index.scss +2 -2
  541. package/scss/components/slider/base/_touch.scss +1 -1
  542. package/scss/components/spinners/_doc.scss +1 -1
  543. package/scss/components/spinners/base/_index.scss +1 -1
  544. package/scss/components/split-view/_doc.scss +1 -1
  545. package/scss/components/split-view/base/_deprecate.scss +1 -1
  546. package/scss/components/split-view/base/_index.scss +2 -2
  547. package/scss/components/summary-detail/_doc.scss +1 -1
  548. package/scss/components/summary-detail/base/_index.scss +1 -1
  549. package/scss/components/tabs/_doc.scss +1 -1
  550. package/scss/components/tabs/base/_deprecate.scss +1 -1
  551. package/scss/components/tabs/base/_index.scss +15 -3
  552. package/scss/components/tabs/mixins/_index.scss +1 -1
  553. package/scss/components/tabs/mobile-stack/_deprecate.scss +2 -2
  554. package/scss/components/tabs/mobile-stack/_index.scss +2 -3
  555. package/scss/components/tabs/mobile-stack/_touch.scss +1 -1
  556. package/scss/components/tabs/scrolling/_index.scss +1 -1
  557. package/scss/components/tabs/sub-tabs/_index.scss +1 -1
  558. package/scss/components/textarea/_doc.scss +1 -1
  559. package/scss/components/textarea/base/_index.scss +4 -3
  560. package/scss/components/tiles/_doc.scss +1 -1
  561. package/scss/components/tiles/base/_index.scss +1 -1
  562. package/scss/components/tiles/board/_index.scss +1 -1
  563. package/scss/components/timepicker/_doc.scss +1 -1
  564. package/scss/components/timepicker/base/_deprecate.scss +1 -1
  565. package/scss/components/timepicker/base/_index.scss +1 -1
  566. package/scss/components/toast/_doc.scss +1 -1
  567. package/scss/components/toast/base/_index.scss +2 -2
  568. package/scss/components/toast/modal-toast/_deprecate.scss +1 -1
  569. package/scss/components/tooltips/_doc.scss +1 -1
  570. package/scss/components/tooltips/base/_deprecate.scss +1 -1
  571. package/scss/components/tooltips/base/_index.scss +2 -2
  572. package/scss/components/tree-grid/_doc.scss +1 -1
  573. package/scss/components/tree-grid/base/_index.scss +1 -1
  574. package/scss/components/trees/_doc.scss +1 -1
  575. package/scss/components/trees/base/_deprecate.scss +1 -1
  576. package/scss/components/trees/base/_index.scss +2 -2
  577. package/scss/components/trial-bar/_doc.scss +1 -1
  578. package/scss/components/trial-bar/header/_index.scss +2 -2
  579. package/scss/components/vertical-navigation/_doc.scss +1 -1
  580. package/scss/components/vertical-navigation/expandable-section/_index.scss +1 -1
  581. package/scss/components/vertical-navigation/list/_deprecate.scss +1 -1
  582. package/scss/components/vertical-navigation/list/_index.scss +2 -2
  583. package/scss/components/vertical-navigation/quickfind/_index.scss +1 -1
  584. package/scss/components/vertical-navigation/radio-group/_index.scss +1 -1
  585. package/scss/components/vertical-tabs/_doc.scss +1 -1
  586. package/scss/components/vertical-tabs/base/_index.scss +2 -2
  587. package/scss/components/visual-picker/_doc.scss +1 -1
  588. package/scss/components/visual-picker/coverable-content/_index.scss +3 -3
  589. package/scss/components/visual-picker/link/_index.scss +1 -1
  590. package/scss/components/visual-picker/non-coverable-content/_index.scss +1 -1
  591. package/scss/components/visual-picker/vertical/_index.scss +1 -1
  592. package/scss/components/welcome-mat/_doc.scss +1 -1
  593. package/scss/components/welcome-mat/base/_deprecate.scss +1 -1
  594. package/scss/components/welcome-mat/base/_index.scss +2 -2
  595. package/scss/components/welcome-mat/info-only/_index.scss +1 -1
  596. package/scss/components/welcome-mat/splash/_index.scss +1 -1
  597. package/scss/components/welcome-mat/trailhead-connected/_index.scss +1 -1
  598. package/scss/core/_vf-reset.scss +1 -1
  599. package/scss/dependencies/_appearance.scss +1 -1
  600. package/scss/dependencies/_core.scss +1 -1
  601. package/scss/dependencies/_forms.scss +1 -1
  602. package/scss/dependencies/_functions.scss +1 -1
  603. package/scss/dependencies/_index.scss +1 -1
  604. package/scss/dependencies/_interactions.scss +1 -1
  605. package/scss/dependencies/_kinetics.scss +1 -1
  606. package/scss/dependencies/_layout.scss +1 -1
  607. package/scss/dependencies/_lists.scss +1 -1
  608. package/scss/dependencies/_motion.scss +1 -1
  609. package/scss/dependencies/_popover.scss +1 -1
  610. package/scss/dependencies/_root.scss +1 -1
  611. package/scss/dependencies/_rtl.scss +1 -1
  612. package/scss/dependencies/_scrolling.scss +1 -1
  613. package/scss/dependencies/_sizing.scss +1 -1
  614. package/scss/dependencies/_tabs.scss +1 -1
  615. package/scss/dependencies/_text.scss +1 -1
  616. package/scss/dependencies/_theme.scss +4 -5
  617. package/scss/dependencies/_touch.scss +1 -1
  618. package/scss/dependencies/_typography.scss +1 -1
  619. package/scss/dependencies/_visibility.scss +1 -1
  620. package/scss/index-internal.scss +1 -1
  621. package/scss/index-sanitized.scss +1 -1
  622. package/scss/index-vf.scss +1 -1
  623. package/scss/index.scss +1 -1
  624. package/scss/legacy.scss +2 -2
  625. package/scss/touch/_index.scss +1 -1
  626. package/scss/touch/forms/edit-dialog/_index.scss +1 -1
  627. package/scss/touch/menus/action-overflow/_index.scss +1 -1
  628. package/scss/touch-demo.scss +1 -1
  629. package/scss/touch-internal.scss +1 -1
  630. package/scss/touch.scss +1 -1
  631. package/scss/utilities/_index.scss +1 -1
  632. package/scss/utilities/_touch.scss +1 -1
  633. package/scss/utilities/alignment/_doc.scss +1 -1
  634. package/scss/utilities/alignment/_index.scss +1 -1
  635. package/scss/utilities/borders/_doc.scss +1 -1
  636. package/scss/utilities/borders/_index.scss +1 -1
  637. package/scss/utilities/box/_doc.scss +1 -1
  638. package/scss/utilities/box/_index.scss +2 -2
  639. package/scss/utilities/color/_doc.scss +1 -1
  640. package/scss/utilities/color/_index.scss +1 -1
  641. package/scss/utilities/description-list/_doc.scss +1 -1
  642. package/scss/utilities/description-list/_index.scss +1 -1
  643. package/scss/utilities/floats/_doc.scss +1 -1
  644. package/scss/utilities/floats/_index.scss +1 -1
  645. package/scss/utilities/grid/_deprecate.scss +1 -1
  646. package/scss/utilities/grid/_doc.scss +1 -1
  647. package/scss/utilities/grid/_index.scss +1 -1
  648. package/scss/utilities/horizontal-list/_deprecate.scss +1 -1
  649. package/scss/utilities/horizontal-list/_doc.scss +1 -1
  650. package/scss/utilities/horizontal-list/_index.scss +1 -1
  651. package/scss/utilities/hyphenation/_doc.scss +1 -1
  652. package/scss/utilities/hyphenation/_index.scss +1 -1
  653. package/scss/utilities/index-with-dependencies.scss +1 -1
  654. package/scss/utilities/interactions/_doc.scss +1 -1
  655. package/scss/utilities/interactions/_index.scss +2 -2
  656. package/scss/utilities/layout/_doc.scss +1 -1
  657. package/scss/utilities/layout/_index.scss +1 -1
  658. package/scss/utilities/line-clamp/_doc.scss +1 -1
  659. package/scss/utilities/line-clamp/_index.scss +1 -1
  660. package/scss/utilities/margin/_doc.scss +1 -1
  661. package/scss/utilities/margin/_index.scss +1 -1
  662. package/scss/utilities/media-objects/_deprecate.scss +1 -1
  663. package/scss/utilities/media-objects/_doc.scss +1 -1
  664. package/scss/utilities/media-objects/_index.scss +1 -1
  665. package/scss/utilities/name-value-list/_doc.scss +1 -1
  666. package/scss/utilities/name-value-list/_index.scss +1 -1
  667. package/scss/utilities/padding/_doc.scss +1 -1
  668. package/scss/utilities/padding/_index.scss +1 -1
  669. package/scss/utilities/position/_doc.scss +1 -1
  670. package/scss/utilities/position/_index.scss +1 -1
  671. package/scss/utilities/print/_doc.scss +1 -1
  672. package/scss/utilities/print/_index.scss +1 -1
  673. package/scss/utilities/scrollable/_doc.scss +1 -1
  674. package/scss/utilities/scrollable/_index.scss +1 -1
  675. package/scss/utilities/sizing/_doc.scss +1 -1
  676. package/scss/utilities/sizing/_index.scss +1 -1
  677. package/scss/utilities/text/_doc.scss +1 -1
  678. package/scss/utilities/text/_index.scss +1 -1
  679. package/scss/utilities/text/_touch.scss +1 -1
  680. package/scss/utilities/themes/_doc.scss +1 -1
  681. package/scss/utilities/themes/_index.scss +1 -1
  682. package/scss/utilities/truncation/_doc.scss +1 -1
  683. package/scss/utilities/truncation/_index.scss +1 -1
  684. package/scss/utilities/vertical-list/_deprecate.scss +1 -1
  685. package/scss/utilities/vertical-list/_doc.scss +1 -1
  686. package/scss/utilities/vertical-list/_index.scss +1 -1
  687. package/scss/utilities/visibility/_deprecate.scss +1 -1
  688. package/scss/utilities/visibility/_doc.scss +1 -1
  689. package/scss/utilities/visibility/_index.scss +1 -1
  690. package/ui.aura-tokens.json +1 -1
  691. package/ui.component-tokens.json +1 -1
package/css/toast/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-notify-container,
239
246
  .slds-notify_container {
@@ -282,9 +289,8 @@
282
289
  outline: 0;
283
290
  }
284
291
  .slds-notify_toast a:focus {
285
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
286
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
287
- border: 1px solid var(--slds-g-color-neutral-base-100, #f3f3f3);
292
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
293
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
288
294
  }
289
295
  .slds-notify_toast a:active {
290
296
  color: var(--slds-g-color-neutral-100-opacity-50, rgba(255, 255, 255, 0.5));
@@ -302,8 +308,8 @@
302
308
  transform: translateY(-0.125rem);
303
309
  }
304
310
  .slds-notify_toast .slds-notify__content a:focus {
305
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
306
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
311
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
312
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
307
313
  border-color: transparent;
308
314
  }
309
315
 
package/css/tooltips/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  @charset "UTF-8";
3
3
  :root {
4
4
  --slds-g-color-neutral-base-100: #ffffff;
@@ -232,9 +232,16 @@
232
232
  --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
233
233
  --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
234
234
  --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
235
- --slds-g-shadow-5: 0 0 0 2px #ffffff, 0 0 0 4px #0b5cab;
236
- --slds-g-shadow-6: 0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset;
237
- --slds-g-shadow-7: 0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset;
235
+ }
236
+
237
+ :root {
238
+ --_slds-g-shadow-outset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100, #ffffff),
239
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab);
240
+ --_slds-g-shadow-inset-focus: 0 0 0 2px var(--slds-g-color-neutral-base-100) inset,
241
+ 0 0 0 4px var(--slds-g-color-brand-base-40, #0b5cab) inset;
242
+ --_slds-g-shadow-inset-inverse-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
243
+ 0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset;
244
+ --_slds-g-shadow-outline-focus: 0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab);
238
245
  }
239
246
  .slds-popover_tooltip {
240
247
  width: auto;
@@ -251,8 +258,8 @@
251
258
  }
252
259
 
253
260
  a:has(+ .slds-popover.slds-popover_tooltip):focus {
254
- -webkit-box-shadow: var(--slds-g-shadow-5);
255
- box-shadow: var(--slds-g-shadow-5);
261
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus);
262
+ box-shadow: var(--_slds-g-shadow-outset-focus);
256
263
  outline: 0;
257
264
  }
258
265
  .slds-rise-from-ground {
package/css/tree-grid/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-table_tree {
239
246
  }
package/css/trees/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-tree-container,
239
246
  .slds-tree_container {
@@ -262,8 +269,8 @@
262
269
  background: var(--slds-g-color-neutral-base-95, #f3f3f3);
263
270
  cursor: pointer;
264
271
  text-decoration: none;
265
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
266
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
272
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
273
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
267
274
  }
268
275
 
269
276
  .slds-tree [role="treeitem"][aria-selected="true"]:focus > .slds-tree__item {
package/css/trial-bar/header/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-trial-header {
239
246
  color: var(--slds-g-color-neutral-base-100, white);
@@ -257,9 +264,8 @@
257
264
  }
258
265
 
259
266
  .slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]):focus {
260
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
261
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
262
- border: 1px solid var(--slds-g-color-neutral-base-100, #f3f3f3);
267
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
268
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
263
269
  }
264
270
 
265
271
  .slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]):active {
@@ -273,6 +279,6 @@
273
279
  fill: var(--slds-g-color-success-base-70, #45c65a);
274
280
  }
275
281
  .slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]):focus {
276
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
277
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
282
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
283
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
278
284
  }
package/css/vertical-navigation/expandable-section/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-nav-vertical__action_overflow {
239
246
  color: var(--slds-g-color-neutral-base-50, #747474);
package/css/vertical-navigation/list/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-nav-vertical {
239
246
  position: relative;
@@ -314,8 +321,8 @@
314
321
  .slds-nav-vertical__action:focus {
315
322
  outline: 0;
316
323
  text-decoration: none;
317
- -webkit-box-shadow: var(--slds-g-shadow-7);
318
- box-shadow: var(--slds-g-shadow-7);
324
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
325
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
319
326
  }
320
327
  .slds-nav-vertical__action:focus:hover {
321
328
  -webkit-box-shadow: inset 2px 0 0 #1b96ff;
package/css/vertical-navigation/quickfind/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,7 +231,14 @@
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
  }
package/css/vertical-navigation/radio-group/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-nav-vertical__item {
239
246
  display: block;
package/css/vertical-tabs/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-vertical-tabs {
239
246
  display: -webkit-box;
@@ -263,8 +270,8 @@
263
270
  margin-bottom: -1px;
264
271
  }
265
272
  .slds-vertical-tabs__nav-item:focus-within {
266
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
267
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
273
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
274
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
268
275
  outline: 0;
269
276
  }
270
277
  .slds-vertical-tabs__link {
package/css/visual-picker/coverable-content/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-visual-picker {
239
246
  display: -webkit-inline-box;
@@ -279,8 +286,8 @@
279
286
  }
280
287
  .slds-visual-picker input:focus ~ label .slds-visual-picker__figure {
281
288
  border: 1px solid var(--slds-g-color-border-base-1, #e5e5e5);
282
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
283
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
289
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
290
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
284
291
  outline: 0;
285
292
  }
286
293
  .slds-visual-picker input:checked ~ label .slds-visual-picker__figure {
@@ -288,8 +295,8 @@
288
295
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
289
296
  }
290
297
  .slds-visual-picker input:checked:focus ~ label .slds-visual-picker__figure {
291
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
292
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
298
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
299
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
293
300
  }
294
301
  .slds-visual-picker input:focus ~ label .slds-visual-picker__body > *:first-child {
295
302
  text-decoration: underline;
package/css/visual-picker/link/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,7 +231,14 @@
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
  }
package/css/visual-picker/non-coverable-content/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-visual-picker__text-check {
239
246
  position: absolute;
package/css/visual-picker/vertical/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-visual-picker_vertical {
239
246
  width: 25rem;
package/css/welcome-mat/base/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-welcome-mat {
239
246
  position: relative;
@@ -267,8 +274,8 @@
267
274
  align-items: center;
268
275
  }
269
276
  .slds-welcome-mat__info:focus {
270
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
271
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
277
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
278
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
272
279
  }
273
280
  .slds-welcome-mat__info:focus-visible {
274
281
  outline: 0;
package/css/welcome-mat/info-only/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-welcome-mat_info-only .slds-welcome-mat__content {
239
246
  height: 37.5rem;
package/css/welcome-mat/splash/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-welcome-mat_splash .slds-welcome-mat__content {
239
246
  height: 37.5rem;
package/css/welcome-mat/trailhead-connected/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-welcome-mat__info-badge-container {
239
246
  display: inline-block;
package/design-tokens/bg-standard.yml CHANGED
@@ -998,7 +998,7 @@ props:
998
998
  FUNDING_REQUIREMENT:
999
999
  value: '#396547'
1000
1000
  YOUR_ACCOUNT:
1001
- value: '#1B96FF'
1001
+ value: '#014486'
1002
1002
  BILL_OF_MATERIALS:
1003
1003
  value: '#FF5D2D'
1004
1004
  BUYER_GROUP_QUALIFIER:
package/design-tokens/dist/bg-standard.android.xml CHANGED
@@ -35,7 +35,7 @@
35
35
  <property name="PICKLIST_CHOICE" category="background-color" value="#ff107cad"/>
36
36
  <property name="CHOICE" category="background-color" value="#ff107cad"/>
37
37
  <property name="FUNDING_REQUIREMENT" category="background-color" value="#ff396547"/>
38
- <property name="YOUR_ACCOUNT" category="background-color" value="#ff1b96ff"/>
38
+ <property name="YOUR_ACCOUNT" category="background-color" value="#ff014486"/>
39
39
  <property name="APP" category="background-color" value="#ffff5d2d"/>
40
40
  <property name="DEFAULT" category="background-color" value="#ff939393"/>
41
41
  <property name="CASE_MILESTONE" category="background-color" value="#ffff5d2d"/>
package/design-tokens/dist/bg-standard.aura.tokens CHANGED
@@ -34,7 +34,7 @@
34
34
  <aura:token name="picklistChoice" property="background,background-color" value="rgb(16, 124, 173)"/>
35
35
  <aura:token name="choice" property="background,background-color" value="rgb(16, 124, 173)"/>
36
36
  <aura:token name="fundingRequirement" property="background,background-color" value="rgb(57, 101, 71)"/>
37
- <aura:token name="yourAccount" property="background,background-color" value="rgb(27, 150, 255)"/>
37
+ <aura:token name="yourAccount" property="background,background-color" value="rgb(1, 68, 134)"/>
38
38
  <aura:token name="app" property="background,background-color" value="rgb(255, 93, 45)"/>
39
39
  <aura:token name="default" property="background,background-color" value="rgb(147, 147, 147)"/>
40
40
  <aura:token name="caseMilestone" property="background,background-color" value="rgb(255, 93, 45)"/>
package/design-tokens/dist/bg-standard.common.js CHANGED
@@ -34,7 +34,7 @@ module.exports = {
34
34
  picklistChoice: "rgb(16, 124, 173)",
35
35
  choice: "rgb(16, 124, 173)",
36
36
  fundingRequirement: "rgb(57, 101, 71)",
37
- yourAccount: "rgb(27, 150, 255)",
37
+ yourAccount: "rgb(1, 68, 134)",
38
38
  app: "rgb(255, 93, 45)",
39
39
  default: "rgb(147, 147, 147)",
40
40
  caseMilestone: "rgb(255, 93, 45)",
package/design-tokens/dist/bg-standard.default.scss CHANGED
@@ -34,7 +34,7 @@ $slack-conversations: rgb(72, 26, 84) !default;
34
34
  $picklist-choice: rgb(16, 124, 173) !default;
35
35
  $choice: rgb(16, 124, 173) !default;
36
36
  $funding-requirement: rgb(57, 101, 71) !default;
37
- $your-account: rgb(27, 150, 255) !default;
37
+ $your-account: rgb(1, 68, 134) !default;
38
38
  $app: rgb(255, 93, 45) !default;
39
39
  $default: rgb(147, 147, 147) !default;
40
40
  $case-milestone: rgb(255, 93, 45) !default;