UNPKG

@salesforce-ux/design-system

Version:

Salesforce Lightning Design System

lightningdesignsystem.com

salesforce-ux/design-system

118 lines (63 loc) • 2.99 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!-- Release notes authoring guidelines: http://keepachangelog.com/ --> # Data Tables Release Notes <!-- ## [Unreleased] --> ## 2.25.0 ### Changed - Changed the hover color for the icons used in inline edit variant - Changed the dropdown options color when disabled ## 2.24.0 ### Changed - Introduced a new hidden element which helps screen reader announce its state when a cell content has been updated ## 2.22.0 ### Added - Added `font-weight` property in `.slds-is-edited` & `.slds-has-error` to provide secondary indicator for the text - Updated `Accessibility` section in `docs.mdx` documentation file for bold text ## 2.22.0 ### Changed - Removed `aria-label` from table header to prevent from reading twice headers. ## 2.17.0 ### Added - Added `slds-cell_action-mode` to blueprints of actionable data tables ## 2.15.2 ### Added - Added `aria-label`, and alternatively, `aria-labelledby` to allow adding additional table context for screen readers ## 2.15.1 ### Changed - Changed the `aria-live` value from `assertive` to `polite` ## 2.14.0 ### Added - Added `slds-cell_action-mode` class for styling cells in Action mode ## 2.12.1 ### Changed - Updated styles for resize handle if final column is resizable. ## 2.12.0 ### Changed - Changed `white-space` property to `pre-line` in `slds-cell-wrap` for cell content that has pre-formatted line breaks. - Adjusted positioning for resize handle for better usability on touch devices, and made the handle visible in all cases ### Added - Added documentation and examples for wrapping, line clamping and truncating table cell content. ## 2.11.8 ### Changed - Adjusted positioning for `slds-th__action-button` for better vertical alignment and made additional changes to support appearance in the touch implementation ## 2.11.7 ### Changed - Updated height and width dimensions on touch version of `slds-th__action-button` ## 2.10.0 ### Changed - Changed `slds-th__action-button` alignment to use `margin-top` instead of `transform: translateY` ## 2.8.0 ### Changed - Added bold font weight to `th` elements within table headers. ### Removed - Removed `slds-text-title_caps` from table headers. ## 2.7.0 ### Added - Added a hidden header variation of the data table - This involves adding the `slds-table_header-hidden` class to the `<table>` and using the `slds-assistive-text` class on the `<thead>` to ensure the table remains accessible - Multi select data tables now require `aria-multiselectable="true"` applied to the `table` element for both Advanced and Inline Edit variants. - Multi select data tables now require `aria-selected` to be set to `false` on every row that is not selected ### Changed - Data tables underwent some minor markup changes to help align all the different variants to use common markup patterns. No visual styling or functionality has changed, but you will notice more examples. ### Fixed - Improved the color contrast of links inside of selected rows