You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
BREAKING CHANGE: uses Spectrum 2 tokens
Also:
* feat(fieldlabel): medium as default and 100 sizing tokens
- Use the correct "100" sized tokens for medium.
- Make medium styles the default, to conform with existing pattern.
.spectrum-FieldLabel--sizeM class removed as it is no longer
necessary.
* feat(fieldlabel): use correct font size tokens
The font-size tokens used for large and extra large needed to be shifted
up to match the s2 spec.
* refactor(fieldlabel): remove deprecated mods
Remove renamed mods marked as deprecated for S2 release.
* docs(fieldlabel): spectrum 2 noted in migration notes
Updates some docs and adds migration notes. Clarifies some docs around
"left" and "right", and fixes duplicate ID warnings from examples code.
* docs(fieldlabel): form - docs update and regenerate mods
Add migration guide section to "Form", that currently lives within the
Field label component. Regenerates mods to include the removal of
deprecated renamed mods.
* fix(fieldlabel): rename mod property referencing global token
A mod custom property was referencing a global token instead of the
component itself. Renames this and adds a note to the migration guide.
* feat(fieldlabel): use correct sizing tokens
Use correct tokens for some large and extra large custom properties,
to matching with design.
* style(fieldlabel): applying linter formatting adjustments
Run linter fix on the fieldlabel component, which rearranges a few
declarations.
* docs(fieldlabel): document asterisk icon size
Add documentation about asterisk UI icon sizes specified on the design.
These sizes are already handled in the Storybook template, but were not
really explained to the user.
* feat(fieldlabel): black and white static color variants
Add classes for static colors, as defined on the designs. And adds
examples of these variants to the documentation.
* build(fieldlabel): specify s2 tokens release for dependency
Use Spectrum 2 version of tokens package in dependencies list.
Copy file name to clipboardexpand all lines: components/fieldlabel/metadata/fieldlabel.yml
+67-26
Original file line number
Diff line number
Diff line change
@@ -6,83 +6,98 @@ sections:
6
6
This component can be modified via its `--mod-*` prefixed custom properties. A list of those prefixed custom properties can be found <a class="spectrum-Link" href="https://github.com/adobe/spectrum-css/tree/main/components/fieldlabel/metadata/mods.md">here</a>.
7
7
- name: Migration Guide
8
8
description: |
9
-
### T-shirt sizing
9
+
### x/x/2024 - Version 8.0.0
10
+
#### Spectrum 2 release
11
+
Field label now uses Spectrum 2 tokens and specifications. A few notable changes and additions:
12
+
- The medium size styles are used by default, so the `spectrum-FieldLabel--sizeM` class is no longer necessary and has been removed.
13
+
- Two variant classes have been added for black and white static colors.
14
+
- The mod custom property `--mod-disabled-content-color` has been renamed to `--mod-field-label-disabled-content-color`.
15
+
16
+
### 11/13/2020 - Version 3.0.0
17
+
#### T-shirt sizing
10
18
Field label now supports t-shirt sizing and requires that you specify the size by adding a `.spectrum-FieldLabel--size*` class.
description: Labels with either the `spectrum-FieldLabel--left` or `spectrum-FieldLabel--right` class are for positioning the label to the side (inline start) of the form field. The left class sets the text alignment to left.
description: With `spectrum-FieldLabel--right`, the side label is still positioned similarly to the left class, but with the text alignment set to right.
description: A Field label for a required field can display either the text "(required)", or an asterisk. If using the asterisk icon, do not leave any space between the label text and the start of the `<svg>` element in the markup, so extra space is not added in addition to the inline margin.
91
+
description: |
92
+
A Field label for a required field can display either the text "(required)", or an asterisk.
93
+
94
+
If using the asterisk icon, do not leave any space between the label text and the start of the `<svg>` element in the markup, so extra space is not added in addition to the inline margin. The following UI icon sizes are used for the asterisk:
Copy file name to clipboardexpand all lines: components/fieldlabel/metadata/form.yml
+11
Original file line number
Diff line number
Diff line change
@@ -1,5 +1,16 @@
1
1
name: Form
2
2
description: Form provides structure and spacing for your form fields.
3
+
sections:
4
+
- name: Custom Properties API
5
+
description: |
6
+
This component can be modified via its `--mod-*` prefixed custom properties. A list of those prefixed custom properties can be found <a class="spectrum-Link" href="https://github.com/adobe/spectrum-css/tree/main/components/fieldlabel/metadata/mods.md">here</a>.
7
+
- name: Migration Guide
8
+
description: |
9
+
### x/x/2024 - Version 8.0.0
10
+
#### Spectrum 2 release
11
+
The renamed mod properties previously marked as deprecated have been removed:
12
+
- `--mod-tableform-item-block-spacing` has been renamed to `--mod-form-item-block-spacing`
13
+
- `--mod-tableform-item-block-spacing-labels-above` has been renamed to `--mod-form-item-block-spacing-labels-above`
0 commit comments