@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/combobox/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-combobox_container {
239
246
  display: -webkit-box;
@@ -299,8 +306,8 @@ input[readonly][role="combobox"] {
299
306
  [role="combobox"] input[readonly].slds-has-focus,
300
307
  input[readonly][role="combobox"]:focus,
301
308
  input[readonly][role="combobox"].slds-has-focus {
302
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
303
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
309
+ -webkit-box-shadow: var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
310
+ box-shadow: var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
304
311
  }
305
312
  [role="combobox"] input[readonly][disabled],
306
313
  input[readonly][role="combobox"][disabled] {
@@ -393,8 +400,8 @@ input[readonly][role="combobox"][disabled] {
393
400
  }
394
401
  .slds-listbox_vertical .slds-listbox__option:focus,
395
402
  .slds-listbox_vertical .slds-listbox__option.slds-has-focus {
396
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
397
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
403
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
404
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
398
405
  outline: 0;
399
406
  }
400
407
  .slds-listbox_vertical .slds-listbox__option[aria-disabled="true"],
@@ -420,8 +427,8 @@ input[readonly][role="combobox"][disabled] {
420
427
 
421
428
  .slds-dueling-list__options .slds-listbox_vertical .slds-listbox__option.slds-is-selected:focus,
422
429
  .slds-dueling-list__options .slds-listbox_vertical .slds-listbox__option.slds-is-selected.slds-has-focus {
423
- -webkit-box-shadow: var(--slds-g-shadow-7);
424
- box-shadow: var(--slds-g-shadow-7);
430
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
431
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
425
432
  }
426
433
  .slds-input-has-icon_left .slds-combobox__input[value],
427
434
  .slds-input-has-icon_left .slds-combobox__input.slds-combobox__input-value,
@@ -502,8 +509,8 @@ input[readonly][role="combobox"][disabled] {
502
509
  }
503
510
  .slds-combobox__input:focus,
504
511
  .slds-combobox__input.slds-has-focus {
505
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
506
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
512
+ -webkit-box-shadow: var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
513
+ box-shadow: var(--_slds-g-shadow-outline-focus, 0 0 3px #0176d3);
507
514
  outline: 0;
508
515
  }
509
516
  .slds-combobox-group {
package/css/combobox/base/touch.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-listbox_horizontal li + li {
239
246
  padding-left: 0.25rem;
package/css/combobox/deprecated-inline-listbox/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/combobox/deprecated-multi-entity/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/combobox/deprecated-readonly/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/combobox/dialog/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,7 +232,14 @@
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
  }
package/css/common/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
  /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
239
246
  article,
package/css/counter/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-input_counter {
239
246
  text-align: center;
@@ -262,10 +269,3 @@
262
269
  transform: translateY(-50%);
263
270
  right: 0.75rem;
264
271
  }
265
-
266
- .slds-input__button_decrement:focus,
267
- .slds-input__button_increment:focus {
268
- outline-offset: -0.125rem;
269
- -webkit-box-shadow: none;
270
- box-shadow: none;
271
- }
package/css/data-tables/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 {
239
246
  background-color: var(--slds-g-color-neutral-base-100, white);
@@ -269,8 +276,8 @@
269
276
  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
270
277
  }
271
278
  .slds-table:not(.slds-no-row-hover) tbody tr:focus {
272
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
273
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
279
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
280
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
274
281
  }
275
282
  .slds-table tbody tr.slds-is-selected > td,
276
283
  .slds-table tbody tr.slds-is-selected > th,
@@ -310,8 +317,8 @@
310
317
  .slds-table th.slds-has-focus,
311
318
  .slds-table [role="gridcell"]:focus,
312
319
  .slds-table [role="gridcell"].slds-has-focus {
313
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
314
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
320
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
321
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
315
322
  }
316
323
  .slds-table th:focus.slds-cell_action-mode,
317
324
  .slds-table th.slds-has-focus.slds-cell_action-mode,
@@ -321,8 +328,8 @@
321
328
  }
322
329
  .slds-table th:focus,
323
330
  .slds-table th.slds-has-focus {
324
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
325
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
331
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
332
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
326
333
  }
327
334
  .slds-table th:active,
328
335
  .slds-table [role="gridcell"]:active {
@@ -430,8 +437,8 @@
430
437
  background-color: var(--slds-g-color-neutral-base-100, white);
431
438
  }
432
439
  .slds-th__action:focus {
433
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
434
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
440
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
441
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
435
442
  }
436
443
  .slds-th__action_form {
437
444
  display: -webkit-inline-box;
package/css/data-tables/base/touch.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Lightning Design System 2.24.0 */
1
+ /*! Lightning Design System 2.24.1 */
2
2
  :root {
3
3
  --slds-g-color-neutral-base-100: #ffffff;
4
4
  --slds-g-color-neutral-base-95: #f3f3f3;
@@ -231,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-th__action {
239
246
  padding-right: 1.25rem;
package/css/data-tables/fixed-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-table_header-fixed_container {
239
246
  position: relative;
package/css/data-tables/hidden-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-table_header-hidden {
239
246
  border-top: 0;
package/css/data-tables/inline-edit/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_edit_container:focus {
239
246
  outline: none;
@@ -312,16 +319,16 @@
312
319
  }
313
320
 
314
321
  .slds-is-resizable .slds-th__action:focus {
315
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
316
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
322
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
323
+ box-shadow: var(--_slds-g-shadow-inset-focus, 0 0 3px #0176d3);
317
324
  }
318
325
  .slds-table .slds-cell-edit {
319
326
  outline: 0;
320
327
  }
321
328
  .slds-table .slds-cell-edit.slds-has-focus {
322
329
  background-color: var(--slds-g-color-neutral-base-100, white);
323
- -webkit-box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
324
- box-shadow: var(--slds-g-shadow-6, 0 0 3px #0176d3);
330
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
331
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3);
325
332
  }
326
333
  .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_edit,
327
334
  .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_lock {
package/css/data-tables/responsive/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
  :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
  @media (max-width: 48em) {
475
489
  .slds-max-medium-table_stacked {
package/css/datepickers/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-datepicker {
239
246
  padding: 0;
@@ -274,8 +281,8 @@
274
281
  outline: 0;
275
282
  }
276
283
  .slds-datepicker tbody > tr > td:focus > .slds-day {
277
- -webkit-box-shadow: var(--slds-g-shadow-7);
278
- box-shadow: var(--slds-g-shadow-7);
284
+ -webkit-box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
285
+ box-shadow: var(--_slds-g-shadow-inset-inverse-focus);
279
286
  }
280
287
  .slds-datepicker tbody > tr > td:hover > .slds-day {
281
288
  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
@@ -286,8 +293,8 @@
286
293
  }
287
294
  .slds-datepicker tbody > tr > td.slds-is-selected:focus > .slds-day {
288
295
  background: #014486;
289
- -webkit-box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
290
- box-shadow: var(--slds-g-shadow-5, 0 0 3px #0176d3);
296
+ -webkit-box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
297
+ box-shadow: var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3);
291
298
  outline: 0;
292
299
  color: var(--slds-g-color-neutral-base-100, white);
293
300
  }
@@ -296,11 +303,6 @@
296
303
  -webkit-box-shadow: none;
297
304
  box-shadow: none;
298
305
  }
299
- .slds-datepicker .slds-button:focus {
300
- -webkit-box-shadow: none;
301
- box-shadow: none;
302
- outline-offset: 0;
303
- }
304
306
  .slds-datepicker__filter {
305
307
  padding: 0.25rem;
306
308
  }
package/css/datepickers/range/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
  :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
  .slds-datepicker {
475
489
  }
package/css/datetime-picker/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-datetimepicker_has-tooltip .slds-form-element__icon {
239
246
  padding-top: 0;