@ons/design-system 53.1.0 → 53.1.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.
@@ -85,7 +85,7 @@
85
85
  "text": checkbox.other.label.text
86
86
  },
87
87
  "legend": checkbox.other.legend,
88
- "legendClasses": checkbox.other.legendClasses | default('') + ' ons-u-mb-xs',
88
+ "legendClasses": checkbox.other.legendClasses,
89
89
  "value": checkbox.other.value,
90
90
  "autoSelect": checkbox.other.autoSelect,
91
91
  "selectAllChildren": checkbox.other.selectAllChildren,
@@ -84,7 +84,7 @@
84
84
  "id": params.id,
85
85
  "legend": params.legendOrLabel,
86
86
  "description": params.description,
87
- "legendClasses": 'ons-u-mb-xs ' + (params.legendClasses if params.legendClasses else ''),
87
+ "legendClasses": params.legendClasses,
88
88
  "error": params.error,
89
89
  "legendIsQuestionTitle": params.legendIsQuestionTitle,
90
90
  "dontWrap": params.dontWrap
@@ -127,7 +127,7 @@ describe('macro: duration', () => {
127
127
  id: 'duration',
128
128
  legend: 'How long have you lived at this address?',
129
129
  description: 'Enter “0” into the years field if you have lived at this address for less than a year',
130
- legendClasses: 'ons-u-mb-xs custom-legend-class',
130
+ legendClasses: 'custom-legend-class',
131
131
  dontWrap: true,
132
132
  legendIsQuestionTitle: true,
133
133
  error: false,
@@ -1,6 +1,7 @@
1
1
  .ons-fieldset {
2
2
  &__legend {
3
- @extend .ons-label;
3
+ font-weight: $font-weight-bold;
4
+ margin: 0 0 0.6rem;
4
5
  }
5
6
 
6
7
  &__description:not(&__description--title) {
@@ -11,14 +12,10 @@
11
12
  font-weight: normal;
12
13
  }
13
14
 
14
- .ons-fieldset {
15
- &__legend {
16
- margin: 0 0 0.6rem;
17
- }
15
+ > * .ons-fieldset {
18
16
  .ons-fieldset {
19
17
  &__legend {
20
18
  font-weight: normal;
21
- margin: 0;
22
19
  }
23
20
  }
24
21
  }
@@ -2,7 +2,7 @@
2
2
  color: inherit;
3
3
  display: block;
4
4
  font-weight: $font-weight-bold;
5
- margin-bottom: 0.4rem;
5
+ margin: 0 0 0.6rem;
6
6
 
7
7
  &__description {
8
8
  @extend .ons-u-fs-s;