UNPKG

@salesforce-ux/design-system

Version:

Salesforce Lightning Design System

github.com/salesforce-ux/design-system

salesforce-ux/design-system

61 lines (45 loc) • 2.63 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
<!-- Release notes authoring guidelines: http://keepachangelog.com/ --> # Form Element Release Notes <!-- ## [Unreleased] --> ## 2.8.0 ### Added - Added form classes for rows and columns, `slds-form__row` and `slds-form__item` - Added `slds-form-element_stacked` to manage stacked form elements - Added `slds-form-element_horizontal` to manage horizontal form elements - Added `slds-is-edited` class to indicate if a form element has been edited but not saved - Added `slds-form-element_undo` to wrap the undo button icon when a form element has been edited but not saved - Added support for single column horizontal form elements with `slds-form-element_1-col`, used to re-distribute the ratio of label to control - Added `slds-form-element_compound` to manage compound form elements - Added `slds-form-element_address` for address specific compound form elements - Added image based checkbox to record form ### Changed - Added spacing around `slds-form-element` depending on densification settings - Form labels will now hyphenate when a word with no spaces exceeds the available space of the label container ### Deprecated - Deprecated `slds-form_stacked` for `slds-form-element_stacked` - Deprecated `slds-form_horizontal` for `slds-form-element_horizontal` - Deprecated `slds-form_compound` for `slds-form-element_compound` ## 2.7.5 ### Changed - Form labels will now hyphenate when a word with no spaces exceeds the available space of the label container ## 2.7.4 ### Added - Added `slds-form-element_address` for address specific compound form elements ### Fixed - Resolved issue where empty form elements would collapse in view mode ## 2.7.3 ### Fixed - Resolved issue where Rich Text content would overflow the container of a form element in IE11 ## 2.7.0 ### Added - Left aligned label support for components with help text icon and required asterisk - Left aligned label support for `fieldset` and `legend` form elements - Added `slds-form-element__readonly` to apply appropiate styling when a form element is in view mode ### Changed - Reduced overall height of all view mode form elements - Changed labels to be left-aligned when using `slds-form_horizontal` - Changed HTML so a compound form's `slds-form-element__group` is wrapped inside of `slds-form-element__control` - Changed HTML that moved the required asterisk inside of `legend` element - Changed HTML that moved the help text icon to be adjacent to the `legend` element - Changed HTML so `slds-form-element__legend` is now required on all `legend` elements - Changed HTML so `slds-form-element__control` is now required to wrap all form controls