@adobe/spectrum-design-data 3.7.1 → 3.8.0
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.
- package/changelog/accordion.json +359 -0
- package/changelog/action-bar.json +110 -0
- package/changelog/action-button.json +362 -0
- package/changelog/action-group.json +72 -0
- package/changelog/alert-banner.json +65 -0
- package/changelog/alert-dialog.json +88 -0
- package/changelog/avatar-group.json +93 -0
- package/changelog/avatar.json +99 -0
- package/changelog/badge.json +595 -0
- package/changelog/bar-panel.json +7 -0
- package/changelog/body.json +7 -0
- package/changelog/bottom-navigation-android.json +7 -0
- package/changelog/breadcrumbs.json +145 -0
- package/changelog/button-group.json +66 -0
- package/changelog/button.json +504 -0
- package/changelog/calendar.json +62 -0
- package/changelog/card-horizontal.json +7 -0
- package/changelog/card.json +24 -0
- package/changelog/cards.json +137 -0
- package/changelog/checkbox-group.json +48 -0
- package/changelog/checkbox.json +210 -0
- package/changelog/close-button.json +125 -0
- package/changelog/coach-indicator.json +77 -0
- package/changelog/coach-mark.json +44 -0
- package/changelog/code.json +7 -0
- package/changelog/collection-card.json +7 -0
- package/changelog/color-area.json +67 -0
- package/changelog/color-control.json +7 -0
- package/changelog/color-handle.json +80 -0
- package/changelog/color-loupe.json +77 -0
- package/changelog/color-slider.json +89 -0
- package/changelog/color-wheel.json +68 -0
- package/changelog/combo-box.json +277 -0
- package/changelog/contextual-help.json +74 -0
- package/changelog/date-field.json +24 -0
- package/changelog/date-picker.json +175 -0
- package/changelog/detail.json +7 -0
- package/changelog/divider.json +82 -0
- package/changelog/double-calendar.json +7 -0
- package/changelog/drop-zone.json +155 -0
- package/changelog/field-label.json +118 -0
- package/changelog/field.json +7 -0
- package/changelog/floating-action-button.json +7 -0
- package/changelog/form-item.json +7 -0
- package/changelog/heading.json +24 -0
- package/changelog/help-text.json +100 -0
- package/changelog/illustrated-message.json +79 -0
- package/changelog/in-field-button.json +7 -0
- package/changelog/in-field-progress-button.json +7 -0
- package/changelog/in-field-progress-circle.json +48 -0
- package/changelog/in-line-alert.json +66 -0
- package/changelog/link.json +123 -0
- package/changelog/list-view.json +184 -0
- package/changelog/menu.json +254 -0
- package/changelog/meter.json +89 -0
- package/changelog/number-field.json +232 -0
- package/changelog/opacity-checkerboard.json +7 -0
- package/changelog/picker.json +241 -0
- package/changelog/popover.json +86 -0
- package/changelog/progress-bar.json +94 -0
- package/changelog/progress-circle.json +62 -0
- package/changelog/radio-button.json +180 -0
- package/changelog/radio-group.json +61 -0
- package/changelog/rating.json +64 -0
- package/changelog/scroll-zoom-bar.json +7 -0
- package/changelog/search-field.json +188 -0
- package/changelog/segmented-control.json +139 -0
- package/changelog/segmented-text-field.json +7 -0
- package/changelog/select-box.json +106 -0
- package/changelog/side-navigation.json +171 -0
- package/changelog/single-calendar.json +7 -0
- package/changelog/slider.json +144 -0
- package/changelog/stack-item.json +25 -0
- package/changelog/standard-dialog.json +58 -0
- package/changelog/standard-panel.json +7 -0
- package/changelog/status-light.json +108 -0
- package/changelog/steplist.json +66 -0
- package/changelog/swatch-group.json +62 -0
- package/changelog/swatch.json +99 -0
- package/changelog/switch.json +164 -0
- package/changelog/tab-bar-ios.json +25 -0
- package/changelog/table.json +140 -0
- package/changelog/tabs.json +118 -0
- package/changelog/tag-field.json +91 -0
- package/changelog/tag-group.json +66 -0
- package/changelog/tag.json +217 -0
- package/changelog/takeover-dialog.json +67 -0
- package/changelog/text-area.json +240 -0
- package/changelog/text-field.json +222 -0
- package/changelog/thumbnail.json +49 -0
- package/changelog/time-field.json +24 -0
- package/changelog/title.json +24 -0
- package/changelog/toast.json +110 -0
- package/changelog/tooltip.json +115 -0
- package/changelog/tray.json +7 -0
- package/changelog/tree-view.json +202 -0
- package/changelog/triple-calendar.json +7 -0
- package/changelog/user-card.json +24 -0
- package/components/accordion.json +37 -0
- package/components/action-button.json +44 -0
- package/components/badge.json +18 -2
- package/components/button.json +47 -1
- package/components/checkbox.json +42 -0
- package/components/radio-button.json +43 -3
- package/components/switch.json +36 -1
- package/package.json +4 -2
- package/registry/anatomy-terms.json +13 -8
- package/registry/token-terminology.json +1 -1
- package/tokens/layout.tokens.json +3 -2
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "standard-dialog",
|
|
5
|
+
"baseline": {"release":"2.1.0","version":"1.0.0","commit":"4033f09de6696d4f61d1da89d42129a941dbd806"},
|
|
6
|
+
"releases": [
|
|
7
|
+
{
|
|
8
|
+
"release": "3.0.0",
|
|
9
|
+
"version": "1.0.1",
|
|
10
|
+
"bump": "patch",
|
|
11
|
+
"date": "2026-09-08",
|
|
12
|
+
"commit": "284fe0dba6da9932c454eaee20bbbb04272d4433",
|
|
13
|
+
"commits": [
|
|
14
|
+
{
|
|
15
|
+
"commit": "6005339a0678226eee3e827fd5bbfa793f5bccc7",
|
|
16
|
+
"date": "2026-09-08",
|
|
17
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1428,"title":"feat(tokens)!: add conceptId as canonical concept-level UUID, retire set_uuid","url":"https://github.com/adobe/spectrum-design-data/pull/1428"},
|
|
18
|
+
"entries": [],
|
|
19
|
+
"metadata": {"count":13,"fields":["conceptId","set_uuid"]}
|
|
20
|
+
}
|
|
21
|
+
]
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"release": "3.4.0",
|
|
25
|
+
"version": "1.1.0",
|
|
26
|
+
"bump": "minor",
|
|
27
|
+
"date": "2026-10-01",
|
|
28
|
+
"commit": "61c5e6769e60980caf58c544b508ab2e610958b4",
|
|
29
|
+
"commits": [
|
|
30
|
+
{
|
|
31
|
+
"commit": "ec3376fa833f2c31dd0b2340590134b2747b00c4",
|
|
32
|
+
"date": "2026-10-01",
|
|
33
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1524,"title":"feat(design-data): promote public Spectrum Hub guidance to main","url":"https://github.com/adobe/spectrum-design-data/pull/1524"},
|
|
34
|
+
"entries": [
|
|
35
|
+
{"id":"ec3376fa-0","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/0","name":"guideline: Placement.\n\nStandard dialogs appear in the cente","fields":[{"path":"content","before":"Standard dialogs are containers that appear over the interface to present contextual information, tasks, or workflows. They’re centered on the screen and used for moderately complex actions that require focused attention. Interactions outside the dialog are blocked until it's dismissed or completed.","after":"Placement.\n\nStandard dialogs appear in the center of the screen."}]},
|
|
36
|
+
{"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/1","name":"guideline: Text overflow.\n\nWhen the title and description t","fields":[{"path":"content","before":"By default, an alert dialog that includes a button to cancel or go back will be labeled “Cancel.”","after":"Text overflow.\n\nWhen the title and description text are too long for the available horizontal space, they wrap to form another line."}]},
|
|
37
|
+
{"id":"ec3376fa-2","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/2","name":"guideline: Button group overflow.\n\nStandard dialogs can inc","fields":[{"path":"content","before":"Standard dialogs can include up to three buttons if a secondary outline button label is defined. If no label is defined, the button won’t appear. The secondary outline button should use a short, actionable phrase that clearly communicates the result of selecting the action—typically describing the previous step or an alternative choice.","after":"Button group overflow.\n\nStandard dialogs can include up to three buttons. When horizontal space is limited, the buttons stack vertically. Buttons should be ordered by ascending importance, with the most critical action placed at the end or bottom of the stack."}]},
|
|
38
|
+
{"id":"ec3376fa-3","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/3","name":"guideline: Dismissible or not?\n\nWhether a dialog is dismiss","fields":[{"path":"content","before":"The primary action label refers to the rightmost button in the dialog footer for languages that read left to right. It should use a short, actionable phrase that clearly communicates the result of selecting the action—whether that means moving forward or dismissing the dialog.","after":"Dismissible or not?\n\nWhether a dialog is dismissible is controlled by the hideCloseButton prop. A dialog with a close button can be dismissed by clicking the button or the background overlay. Avoid using a dismissible dialog when the user needs to confirm an action or make a decision. Instead, use a dismissible dialog for information that is optional or nice to know—content that can be quickly dismissed without requiring user action."}]},
|
|
39
|
+
{"id":"ec3376fa-4","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/4","name":"guideline: Use similar language for dialog titles and actio","fields":[{"path":"content","before":"The presence of a close button determines whether a dialog is dismissible.","after":"Use similar language for dialog titles and actions.\n\nMost dialog titles should communicate the primary action of the dialog. When possible, the button label should use the same language as the action mentioned in the title. For example, if the title is \"Delete conversation,\" the primary action button label should be \"Delete."}]},
|
|
40
|
+
{"id":"ec3376fa-5","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/5","name":"guideline: In both cases, pressing the Escape key should cl","fields":[],"before":{"type":"guideline","content":"In both cases, pressing the Escape key should close the dialog and return the page to its previous state. This action should behave the same as clicking a close or cancel button."}},
|
|
41
|
+
{"id":"ec3376fa-6","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/6","name":"guideline: Standard dialogs are available in three widths:","fields":[],"before":{"type":"guideline","content":"Standard dialogs are available in three widths:"}},
|
|
42
|
+
{"id":"ec3376fa-7","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/7","name":"guideline: Dialogs automatically scale down to 90% of the s","fields":[],"before":{"type":"guideline","content":"Dialogs automatically scale down to 90% of the screen width on smaller viewports. Height is flexible and adjusts to fit the content."}},
|
|
43
|
+
{"id":"ec3376fa-8","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/8","name":"guideline: Standard dialogs can include a full-bleed cover ","fields":[],"before":{"type":"guideline","content":"Standard dialogs can include a full-bleed cover image at the top. Dialogs with a cover image should not be dismissible and rely on buttons in the footer area to close the dialog."}},
|
|
44
|
+
{"id":"ec3376fa-9","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/9","name":"guideline: Standard dialogs can include an optional descrip","fields":[],"before":{"type":"guideline","content":"Standard dialogs can include an optional description. Use the description to briefly provide additional context or information that helps users make an informed decision based on the available actions."}},
|
|
45
|
+
{"id":"ec3376fa-10","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/10","name":"guideline: All standard dialogs must include a title. The t","fields":[],"before":{"type":"guideline","content":"All standard dialogs must include a title. The title appears at the top of the dialog and should briefly describe the expected outcome if the user proceeds with the primary action. If a cover image is shown, the title will appear below it."}},
|
|
46
|
+
{"id":"ec3376fa-11","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/11","name":"guideline: Standard dialogs appear in the center of the scr","fields":[],"before":{"type":"guideline","content":"Standard dialogs appear in the center of the screen."}},
|
|
47
|
+
{"id":"ec3376fa-12","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/12","name":"guideline: When the title and description text are too long","fields":[],"before":{"type":"guideline","content":"When the title and description text are too long for the available horizontal space, they wrap to form another line."}},
|
|
48
|
+
{"id":"ec3376fa-13","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/13","name":"guideline: Standard dialogs can include up to three buttons","fields":[],"before":{"type":"guideline","content":"Standard dialogs can include up to three buttons. When horizontal space is limited, the buttons stack vertically. Buttons should be ordered by ascending importance, with the most critical action placed at the end or bottom of the stack."}},
|
|
49
|
+
{"id":"ec3376fa-14","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/14","name":"guideline: Avoid using a dismissible dialog when the user n","fields":[],"before":{"type":"guideline","content":"Avoid using a dismissible dialog when the user needs to confirm an action or make a decision. Instead, use a dismissible dialog for information that is optional or nice to know—content that can be quickly dismissed without requiring user action."}},
|
|
50
|
+
{"id":"ec3376fa-15","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/15","name":"guideline: A dismissible dialog should not include buttons ","fields":[],"before":{"type":"guideline","content":"A dismissible dialog should not include buttons in the footer. Instead, the dialog is dismissed by clicking the close button or the background overlay."}},
|
|
51
|
+
{"id":"ec3376fa-16","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/16","name":"guideline: Most dialog titles should communicate the primar","fields":[],"before":{"type":"guideline","content":"Most dialog titles should communicate the primary action of the dialog. When possible, the button label should use the same language as the action mentioned in the title. For example, if the title is “Delete conversation,” the primary action button label should be “Delete.”"}},
|
|
52
|
+
{"id":"ec3376fa-17","kind":"document-block","change":"added","class":"documentation","bump":"minor","indirect":false,"contexts":[],"record":"standard-dialog/documentBlocks/17","name":"do-dont: Don't include buttons when dismissible","fields":[],"after":{"type":"do-dont","content":"Don't include buttons when dismissible","dont":"A dismissible dialog should not include buttons in the footer. Instead, the dialog is dismissed by clicking the close button or the background overlay."}}
|
|
53
|
+
]
|
|
54
|
+
}
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
]
|
|
58
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "standard-panel",
|
|
5
|
+
"baseline": {"release":"2.1.0","version":"1.0.0","commit":"4033f09de6696d4f61d1da89d42129a941dbd806"},
|
|
6
|
+
"releases": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "status-light",
|
|
5
|
+
"baseline": {"release":"2.1.0","version":"1.0.0","commit":"4033f09de6696d4f61d1da89d42129a941dbd806"},
|
|
6
|
+
"releases": [
|
|
7
|
+
{
|
|
8
|
+
"release": "2.7.0",
|
|
9
|
+
"version": "1.0.1",
|
|
10
|
+
"bump": "patch",
|
|
11
|
+
"date": "2026-09-03",
|
|
12
|
+
"commit": "6d1892a74dfa5fe9819fdd3d7d6893b08318b244",
|
|
13
|
+
"commits": [
|
|
14
|
+
{
|
|
15
|
+
"commit": "5e22a7a18cd1a4f2a5957cba9cafa66bef73ed63",
|
|
16
|
+
"date": "2026-09-03",
|
|
17
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1394,"title":"fix(design-data): re-point CTR refs off deprecated tokens, add guard rail","url":"https://github.com/adobe/spectrum-design-data/pull/1394"},
|
|
18
|
+
"entries": [
|
|
19
|
+
{"id":"5e22a7a1-0","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (dot to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (dot to label) ","name":"space-between","fields":[{"path":"$ref","before":"ea98b9b0-20b5-4f19-aa4f-375559b1362a","after":"9898011f-a47c-4d5d-a74e-70b5f8d0b91c"}]},
|
|
20
|
+
{"id":"5e22a7a1-1","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (dot to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (dot to label) ","name":"space-between","fields":[{"path":"$ref","before":"752a84f5-cbb7-4d18-85ca-fc913a061bb5","after":"1247c1ab-9e31-482a-832c-d32911a1e698"}]},
|
|
21
|
+
{"id":"5e22a7a1-2","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (dot to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (dot to label) ","name":"space-between","fields":[{"path":"$ref","before":"d3e53f14-b91e-4d10-8508-17360ae5620e","after":"42da5f00-7ba7-4a9a-8ab4-6f3552e22fdd"}]},
|
|
22
|
+
{"id":"5e22a7a1-3","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (dot to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (dot to label) ","name":"space-between","fields":[{"path":"$ref","before":"ee780be7-b32c-4da8-a6bc-fc0897799537","after":"2f10fab2-66e0-4007-9c01-9643d472ba3b"}]},
|
|
23
|
+
{"id":"5e22a7a1-4","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to dot)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to dot) ","name":"space-between","fields":[{"path":"$ref","before":"ddece3b1-7f85-4c08-b783-5bde8e31f480","after":"cc707192-e70f-4965-8582-55fa97d02184"}]},
|
|
24
|
+
{"id":"5e22a7a1-5","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to dot)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to dot) ","name":"space-between","fields":[{"path":"$ref","before":"a4f43adc-1db1-4e2f-a5d1-3ec06c62c9ff","after":"cc707192-e70f-4965-8582-55fa97d02184"}]},
|
|
25
|
+
{"id":"5e22a7a1-6","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to dot)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to dot) ","name":"space-between","fields":[{"path":"$ref","before":"e2aa334e-ebb7-4e5f-a735-4f6a43b2d6cf","after":"62ea5f0e-3cb5-4535-8cd1-a7f30ba932fc"}]},
|
|
26
|
+
{"id":"5e22a7a1-7","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to dot)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to dot) ","name":"space-between","fields":[{"path":"$ref","before":"321a462b-8811-4264-ac1f-4608df8f8c53","after":"62ea5f0e-3cb5-4535-8cd1-a7f30ba932fc"}]},
|
|
27
|
+
{"id":"5e22a7a1-8","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to dot)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to dot) ","name":"space-between","fields":[{"path":"$ref","before":"ead22722-10f9-4cfe-a387-65f5d86ca520","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
28
|
+
{"id":"5e22a7a1-9","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to dot)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to dot) ","name":"space-between","fields":[{"path":"$ref","before":"8d9d872f-7c55-4a94-a80d-c1f2c8834f5d","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
29
|
+
{"id":"5e22a7a1-10","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to dot)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to dot) ","name":"space-between","fields":[{"path":"$ref","before":"899c7b7c-7405-4e29-8d42-edf41ca2943f","after":"80b4ea6a-2f97-4d23-9256-61e30ed07f4d"}]},
|
|
30
|
+
{"id":"5e22a7a1-11","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to dot)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to dot) ","name":"space-between","fields":[{"path":"$ref","before":"b351cade-6d69-449e-908a-518793fef5b9","after":"80b4ea6a-2f97-4d23-9256-61e30ed07f4d"}]},
|
|
31
|
+
{"id":"5e22a7a1-12","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-top-to-text-75","options":null},"record":"component-top-to-text-75#Spacing (top/bottom edge to label)","name":"component-top-to-text-75","fields":[{"path":"$ref","before":"477d659b-6489-4e90-84db-75a93174559a","after":"80b4ea6a-2f97-4d23-9256-61e30ed07f4d"}]},
|
|
32
|
+
{"id":"5e22a7a1-13","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-top-to-text-75","options":null},"record":"component-top-to-text-75#Spacing (top/bottom edge to label)","name":"component-top-to-text-75","fields":[{"path":"$ref","before":"54a0e5cf-3e4a-454b-9dba-a6a2c277fa5e","after":"80b4ea6a-2f97-4d23-9256-61e30ed07f4d"}]},
|
|
33
|
+
{"id":"5e22a7a1-14","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-top-to-text-100","options":null},"record":"component-top-to-text-100#Spacing (top/bottom edge to label)","name":"component-top-to-text-100","fields":[{"path":"$ref","before":"15bf492b-3a65-4577-8a3b-df09026b96a7","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
34
|
+
{"id":"5e22a7a1-15","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-top-to-text-100","options":null},"record":"component-top-to-text-100#Spacing (top/bottom edge to label)","name":"component-top-to-text-100","fields":[{"path":"$ref","before":"bed358a2-0559-4501-a147-b375887f25af","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
35
|
+
{"id":"5e22a7a1-16","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-top-to-text-200","options":null},"record":"component-top-to-text-200#Spacing (top/bottom edge to label)","name":"component-top-to-text-200","fields":[{"path":"$ref","before":"c7914376-3769-4172-8467-fb811b3c155f","after":"cc707192-e70f-4965-8582-55fa97d02184"}]},
|
|
36
|
+
{"id":"5e22a7a1-17","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-top-to-text-200","options":null},"record":"component-top-to-text-200#Spacing (top/bottom edge to label)","name":"component-top-to-text-200","fields":[{"path":"$ref","before":"621c9cf1-02e2-478b-9f47-0804f0183531","after":"cc707192-e70f-4965-8582-55fa97d02184"}]},
|
|
37
|
+
{"id":"5e22a7a1-18","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-top-to-text-300","options":null},"record":"component-top-to-text-300#Spacing (top/bottom edge to label)","name":"component-top-to-text-300","fields":[{"path":"$ref","before":"9bf3970e-eb76-4be5-82c4-0df2538df753","after":"62ea5f0e-3cb5-4535-8cd1-a7f30ba932fc"}]},
|
|
38
|
+
{"id":"5e22a7a1-19","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-top-to-text-300","options":null},"record":"component-top-to-text-300#Spacing (top/bottom edge to label)","name":"component-top-to-text-300","fields":[{"path":"$ref","before":"e0ae8c97-73ee-4b09-839f-5ebfb6eb0d7a","after":"62ea5f0e-3cb5-4535-8cd1-a7f30ba932fc"}]},
|
|
39
|
+
{"id":"5e22a7a1-20","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-bottom-to-text-75","options":null},"record":"component-bottom-to-text-75#Spacing (top/bottom edge to label)","name":"component-bottom-to-text-75","fields":[{"path":"$ref","before":"923c46e1-b6f7-4d8a-844d-b4c0661b5e60","after":"80b4ea6a-2f97-4d23-9256-61e30ed07f4d"}]},
|
|
40
|
+
{"id":"5e22a7a1-21","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-bottom-to-text-75","options":null},"record":"component-bottom-to-text-75#Spacing (top/bottom edge to label)","name":"component-bottom-to-text-75","fields":[{"path":"$ref","before":"0f1a6c63-bc4f-444c-9a18-67b6c35464b1","after":"80b4ea6a-2f97-4d23-9256-61e30ed07f4d"}]},
|
|
41
|
+
{"id":"5e22a7a1-22","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-bottom-to-text-100","options":null},"record":"component-bottom-to-text-100#Spacing (top/bottom edge to label)","name":"component-bottom-to-text-100","fields":[{"path":"$ref","before":"24def269-4582-46f6-a00c-8b5a28410917","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
42
|
+
{"id":"5e22a7a1-23","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-bottom-to-text-100","options":null},"record":"component-bottom-to-text-100#Spacing (top/bottom edge to label)","name":"component-bottom-to-text-100","fields":[{"path":"$ref","before":"c8590269-dcaa-44f6-9c2d-d33274c3fe5e","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
43
|
+
{"id":"5e22a7a1-24","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-bottom-to-text-200","options":null},"record":"component-bottom-to-text-200#Spacing (top/bottom edge to label)","name":"component-bottom-to-text-200","fields":[{"path":"$ref","before":"ae65b844-9758-4708-8781-2c8df35af1e9","after":"cc707192-e70f-4965-8582-55fa97d02184"}]},
|
|
44
|
+
{"id":"5e22a7a1-25","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-bottom-to-text-200","options":null},"record":"component-bottom-to-text-200#Spacing (top/bottom edge to label)","name":"component-bottom-to-text-200","fields":[{"path":"$ref","before":"a39cef5c-631c-4942-b5d2-9121e05d47f8","after":"cc707192-e70f-4965-8582-55fa97d02184"}]},
|
|
45
|
+
{"id":"5e22a7a1-26","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-bottom-to-text-300","options":null},"record":"component-bottom-to-text-300#Spacing (top/bottom edge to label)","name":"component-bottom-to-text-300","fields":[{"path":"$ref","before":"4459554a-d872-4a6a-a620-4a1937605d29","after":"62ea5f0e-3cb5-4535-8cd1-a7f30ba932fc"}]},
|
|
46
|
+
{"id":"5e22a7a1-27","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to label)"],"scope":{"property":"component-bottom-to-text-300","options":null},"record":"component-bottom-to-text-300#Spacing (top/bottom edge to label)","name":"component-bottom-to-text-300","fields":[{"path":"$ref","before":"a6aac364-d617-4e21-a1db-5523daaa3c6c","after":"62ea5f0e-3cb5-4535-8cd1-a7f30ba932fc"}]}
|
|
47
|
+
]
|
|
48
|
+
}
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"release": "3.0.0",
|
|
53
|
+
"version": "1.0.2",
|
|
54
|
+
"bump": "patch",
|
|
55
|
+
"date": "2026-09-08",
|
|
56
|
+
"commit": "284fe0dba6da9932c454eaee20bbbb04272d4433",
|
|
57
|
+
"commits": [
|
|
58
|
+
{
|
|
59
|
+
"commit": "6005339a0678226eee3e827fd5bbfa793f5bccc7",
|
|
60
|
+
"date": "2026-09-08",
|
|
61
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1428,"title":"feat(tokens)!: add conceptId as canonical concept-level UUID, retire set_uuid","url":"https://github.com/adobe/spectrum-design-data/pull/1428"},
|
|
62
|
+
"entries": [],
|
|
63
|
+
"metadata": {"count":90,"fields":["conceptId","set_uuid"]}
|
|
64
|
+
}
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"release": "3.3.0",
|
|
69
|
+
"version": "1.0.3",
|
|
70
|
+
"bump": "patch",
|
|
71
|
+
"date": "2026-09-30",
|
|
72
|
+
"commit": "fdb29c3027de60713f6f0f98520fc0879fa408c5",
|
|
73
|
+
"commits": [
|
|
74
|
+
{
|
|
75
|
+
"commit": "b9888b8ce9a0e4ec5b607e088942999629d5d43d",
|
|
76
|
+
"date": "2026-09-28",
|
|
77
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1513,"title":"feat(data): add S2 implementation metadata","url":"https://github.com/adobe/spectrum-design-data/pull/1513"},
|
|
78
|
+
"entries": [],
|
|
79
|
+
"metadata": {"count":2,"fields":["implementation added"]}
|
|
80
|
+
}
|
|
81
|
+
]
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"release": "3.4.0",
|
|
85
|
+
"version": "1.0.4",
|
|
86
|
+
"bump": "patch",
|
|
87
|
+
"date": "2026-10-01",
|
|
88
|
+
"commit": "61c5e6769e60980caf58c544b508ab2e610958b4",
|
|
89
|
+
"commits": [
|
|
90
|
+
{
|
|
91
|
+
"commit": "ec3376fa833f2c31dd0b2340590134b2747b00c4",
|
|
92
|
+
"date": "2026-10-01",
|
|
93
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1524,"title":"feat(design-data): promote public Spectrum Hub guidance to main","url":"https://github.com/adobe/spectrum-design-data/pull/1524"},
|
|
94
|
+
"entries": [
|
|
95
|
+
{"id":"ec3376fa-0","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"status-light/documentBlocks/0","name":"guideline: Text overflow.\n\nWhen the text is too long for th","fields":[{"path":"content","before":"Status lights indicate the state or condition of an item. They convey semantic meaning such as statuses and categories.","after":"Text overflow.\n\nWhen the text is too long for the horizontal space available, it wraps to form another line."}]},
|
|
96
|
+
{"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"status-light/documentBlocks/1","name":"guideline: Use the appropriate variation.\n\nSemantic status ","fields":[{"path":"content","before":"Status lights should always include a label. Color alone is not enough to communicate the status.","after":"Use the appropriate variation.\n\nSemantic status lights should never be used for color coding categories or labels, and vice versa."}]},
|
|
97
|
+
{"id":"ec3376fa-2","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"status-light/documentBlocks/2","name":"guideline: Status light text.\n\nA status light should always","fields":[{"path":"content","before":"When status lights have a semantic meaning, they use semantic colors. Use these variants for the following statuses:","after":"Status light text.\n\nA status light should always include a label with text that clearly communicates about the kind of status being shown. Do not change the text color to match the dot."}]},
|
|
98
|
+
{"id":"ec3376fa-3","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"status-light/documentBlocks/3","name":"guideline: RTL.\n\nFor RTL (right-to-left) languages, the lay","fields":[{"path":"content","before":"When status lights are used to color code categories and labels that are commonly found in data visualization, they use non-semantic label colors. The ideal usage for these is when there are 8 or fewer categories or labels being color coded.","after":"RTL.\n\nFor RTL (right-to-left) languages, the layout of the status light is mirrored. The dot is placed on the right side of the text."}]},
|
|
99
|
+
{"id":"ec3376fa-4","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"status-light/documentBlocks/4","name":"guideline: Cursor Description Default (Arrow) Use the defau","fields":[{"path":"content","before":"Status lights come in four different sizes: small, medium, large, and extra-large. The medium size is the default and most frequently used option. Use the other sizes sparingly; they should be used to create a hierarchy of importance within the page.","after":"Cursor Description Default (Arrow) Use the default cursor for non-interactive components like status light."}]},
|
|
100
|
+
{"id":"ec3376fa-5","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"status-light/documentBlocks/5","name":"guideline: Any criterion not mention in the below table are","fields":[{"path":"content","before":"When the text is too long for the horizontal space available, it wraps to form another line.","after":"Any criterion not mention in the below table are not applicable to this component or are resolved with underlying requirements, engineering, and styles of the entire system. 1. Perceivable Requirement Criterion Level Compliance Info and relationships, Identify purpose 1.3.1, 1.3.6 A, AAA Status lights should be understandable by assistive technologies like screen readers. This means using the proper semantic HTML or ARIA role should be utilized. Use of color 1.4.1 A Color is never used as the sole way to convey meaning in status lights. While color is used to reinforce their meaning, every status light also includes a clear text label that communicates the status. Text contrast minimums 1.4.3 AA Large text has a contrast ratio of at least 3:1, and small text has a contrast ratio of at least 4.5:1. Incidental text such as disabled, hidden, or decorative text has no contrast requirement. Visual presentation 1.4.8 AAA The width of text blocks is no more than 80 characters (40 for CJK languages), and text is never justified. Non-text contrast 1.4.11 AA The visual presentation of the status light dot has a contrast ratio of at least 3:1. Text spacing 1.4.12 AA Line height of text is at least 1.5x the font size when wrapped. 2. Operable Requirement Criterion Level Compliance Seizures and physical reactions 2.3.1, 2.3.2, 2.3.3 A, AAA, AAA There is no flashing content or unnecessary motion or animation in this component."}]},
|
|
101
|
+
{"id":"ec3376fa-6","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"status-light/documentBlocks/6","name":"guideline: Semantic status lights should never be used for ","fields":[],"before":{"type":"guideline","content":"Semantic status lights should never be used for color coding categories or labels, and vice versa."}},
|
|
102
|
+
{"id":"ec3376fa-7","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"status-light/documentBlocks/7","name":"guideline: A status light should always include a label wit","fields":[],"before":{"type":"guideline","content":"A status light should always include a label with text that clearly communicates about the kind of status being shown. Do not change the text color to match the dot."}}
|
|
103
|
+
]
|
|
104
|
+
}
|
|
105
|
+
]
|
|
106
|
+
}
|
|
107
|
+
]
|
|
108
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "steplist",
|
|
5
|
+
"baseline": {"release":"2.1.0","version":"1.0.0","commit":"4033f09de6696d4f61d1da89d42129a941dbd806"},
|
|
6
|
+
"releases": [
|
|
7
|
+
{
|
|
8
|
+
"release": "2.7.0",
|
|
9
|
+
"version": "1.0.1",
|
|
10
|
+
"bump": "patch",
|
|
11
|
+
"date": "2026-09-03",
|
|
12
|
+
"commit": "6d1892a74dfa5fe9819fdd3d7d6893b08318b244",
|
|
13
|
+
"commits": [
|
|
14
|
+
{
|
|
15
|
+
"commit": "5e22a7a18cd1a4f2a5957cba9cafa66bef73ed63",
|
|
16
|
+
"date": "2026-09-03",
|
|
17
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1394,"title":"fix(design-data): re-point CTR refs off deprecated tokens, add guard rail","url":"https://github.com/adobe/spectrum-design-data/pull/1394"},
|
|
18
|
+
"entries": [
|
|
19
|
+
{"id":"5e22a7a1-0","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (text to visual)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (text to visual)","name":"space-between","fields":[{"path":"$ref","before":"50763a0d-c6eb-47f0-8b56-4c86ee22a430","after":"42da5f00-7ba7-4a9a-8ab4-6f3552e22fdd"}]},
|
|
20
|
+
{"id":"5e22a7a1-1","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (text to visual)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (text to visual)","name":"space-between","fields":[{"path":"$ref","before":"77dc4cd4-8e4e-4873-b6f3-d573eb7fc315","after":"42da5f00-7ba7-4a9a-8ab4-6f3552e22fdd"}]},
|
|
21
|
+
{"id":"5e22a7a1-2","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (text to visual)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (text to visual)","name":"space-between","fields":[{"path":"$ref","before":"1d601d0a-d6d0-4711-9fb9-71898c2bcc9a","after":"9898011f-a47c-4d5d-a74e-70b5f8d0b91c"}]},
|
|
22
|
+
{"id":"5e22a7a1-3","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (text to visual)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (text to visual)","name":"space-between","fields":[{"path":"$ref","before":"09d55113-8d94-429f-b0c8-ffabe8ccba27","after":"9898011f-a47c-4d5d-a74e-70b5f8d0b91c"}]},
|
|
23
|
+
{"id":"5e22a7a1-4","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (text to visual)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (text to visual)","name":"space-between","fields":[{"path":"$ref","before":"7ce11af3-b94b-4239-a310-f8d09635779a","after":"1247c1ab-9e31-482a-832c-d32911a1e698"}]},
|
|
24
|
+
{"id":"5e22a7a1-5","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (text to visual)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (text to visual)","name":"space-between","fields":[{"path":"$ref","before":"dc4ec555-72eb-4328-aba4-e8d594102f45","after":"1247c1ab-9e31-482a-832c-d32911a1e698"}]},
|
|
25
|
+
{"id":"5e22a7a1-6","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (text to visual)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (text to visual)","name":"space-between","fields":[{"path":"$ref","before":"4366909e-3bfb-481c-abdc-4ae71f965bc3","after":"2f10fab2-66e0-4007-9c01-9643d472ba3b"}]},
|
|
26
|
+
{"id":"5e22a7a1-7","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (text to visual)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (text to visual)","name":"space-between","fields":[{"path":"$ref","before":"205f0c77-6588-4cc7-927f-3ba767200bac","after":"2f10fab2-66e0-4007-9c01-9643d472ba3b"}]}
|
|
27
|
+
]
|
|
28
|
+
}
|
|
29
|
+
]
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"release": "3.0.0",
|
|
33
|
+
"version": "1.0.2",
|
|
34
|
+
"bump": "patch",
|
|
35
|
+
"date": "2026-09-08",
|
|
36
|
+
"commit": "284fe0dba6da9932c454eaee20bbbb04272d4433",
|
|
37
|
+
"commits": [
|
|
38
|
+
{
|
|
39
|
+
"commit": "6005339a0678226eee3e827fd5bbfa793f5bccc7",
|
|
40
|
+
"date": "2026-09-08",
|
|
41
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1428,"title":"feat(tokens)!: add conceptId as canonical concept-level UUID, retire set_uuid","url":"https://github.com/adobe/spectrum-design-data/pull/1428"},
|
|
42
|
+
"entries": [],
|
|
43
|
+
"metadata": {"count":57,"fields":["conceptId","set_uuid"]}
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"release": "3.6.0",
|
|
49
|
+
"version": "1.0.3",
|
|
50
|
+
"bump": "patch",
|
|
51
|
+
"date": "2026-10-16",
|
|
52
|
+
"commit": "0886a1692f3d73d38a8f0fbc431e91658b8e5813",
|
|
53
|
+
"commits": [
|
|
54
|
+
{
|
|
55
|
+
"commit": "15f371e50e2ce95a624a93152e408e1bbe8844dc",
|
|
56
|
+
"date": "2026-10-16",
|
|
57
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1382,"title":"feat(tokens): add static + theme-aware transparency tokens, deprecate legacy","url":"https://github.com/adobe/spectrum-design-data/pull/1382"},
|
|
58
|
+
"entries": [
|
|
59
|
+
{"id":"15f371e5-0","kind":"token","change":"updated","class":"api","bump":"patch","indirect":false,"contexts":["Step visual text"],"record":"9b799da8-2130-417e-b7ee-5e1154a89837","name":"color[colorFamily=white]","fields":[{"path":"lifecycle.deprecatedIn","after":"15.6.0"},{"path":"lifecycle.replacedBy","after":"2b2717e1-3479-4dab-9609-0d694993a1af"}]},
|
|
60
|
+
{"id":"15f371e5-1","kind":"token","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":["Step visual text"],"record":"9b799da8-2130-417e-b7ee-5e1154a89837","name":"color[colorFamily=white]","fields":[{"path":"lifecycle.deprecatedComment","after":"Replaced with transparent-static-white-1000"}]}
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
]
|
|
64
|
+
}
|
|
65
|
+
]
|
|
66
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "swatch-group",
|
|
5
|
+
"baseline": {"release":"2.1.0","version":"1.0.0","commit":"4033f09de6696d4f61d1da89d42129a941dbd806"},
|
|
6
|
+
"releases": [
|
|
7
|
+
{
|
|
8
|
+
"release": "2.7.0",
|
|
9
|
+
"version": "1.0.1",
|
|
10
|
+
"bump": "patch",
|
|
11
|
+
"date": "2026-09-03",
|
|
12
|
+
"commit": "6d1892a74dfa5fe9819fdd3d7d6893b08318b244",
|
|
13
|
+
"commits": [
|
|
14
|
+
{
|
|
15
|
+
"commit": "5e22a7a18cd1a4f2a5957cba9cafa66bef73ed63",
|
|
16
|
+
"date": "2026-09-03",
|
|
17
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1394,"title":"fix(design-data): re-point CTR refs off deprecated tokens, add guard rail","url":"https://github.com/adobe/spectrum-design-data/pull/1394"},
|
|
18
|
+
"entries": [
|
|
19
|
+
{"id":"5e22a7a1-0","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (spacious)"],"scope":{"property":"spacing","options":null},"record":"spacing#Spacing (spacious)","name":"spacing","fields":[{"path":"$ref","before":"b80ef303-eae7-498f-b172-73a098be0f0b","after":"b83df7f2-8811-4bad-b012-213e430e2aaf"}]}
|
|
20
|
+
]
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"release": "3.0.0",
|
|
26
|
+
"version": "1.0.2",
|
|
27
|
+
"bump": "patch",
|
|
28
|
+
"date": "2026-09-08",
|
|
29
|
+
"commit": "284fe0dba6da9932c454eaee20bbbb04272d4433",
|
|
30
|
+
"commits": [
|
|
31
|
+
{
|
|
32
|
+
"commit": "6005339a0678226eee3e827fd5bbfa793f5bccc7",
|
|
33
|
+
"date": "2026-09-08",
|
|
34
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1428,"title":"feat(tokens)!: add conceptId as canonical concept-level UUID, retire set_uuid","url":"https://github.com/adobe/spectrum-design-data/pull/1428"},
|
|
35
|
+
"entries": [],
|
|
36
|
+
"metadata": {"count":1,"fields":["conceptId"]}
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"release": "3.4.0",
|
|
42
|
+
"version": "1.0.3",
|
|
43
|
+
"bump": "patch",
|
|
44
|
+
"date": "2026-10-01",
|
|
45
|
+
"commit": "61c5e6769e60980caf58c544b508ab2e610958b4",
|
|
46
|
+
"commits": [
|
|
47
|
+
{
|
|
48
|
+
"commit": "ec3376fa833f2c31dd0b2340590134b2747b00c4",
|
|
49
|
+
"date": "2026-10-01",
|
|
50
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1524,"title":"feat(design-data): promote public Spectrum Hub guidance to main","url":"https://github.com/adobe/spectrum-design-data/pull/1524"},
|
|
51
|
+
"entries": [
|
|
52
|
+
{"id":"ec3376fa-0","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch-group/documentBlocks/0","name":"guideline: Border only for low-contrast swatches.\n\nIt's imp","fields":[{"path":"content","before":"Swatch groups organize related swatches into a single container. They’re used to display collections of colors, gradients, textures, or materials for comparison or selection.","after":"Border only for low-contrast swatches.\n\nIt's important for users to compare colors when they're displayed in a swatch group. Because of this, swatches within a swatch group with low contrast (below 3:1 contrast with the background) have a less prominent border compared to the swatch component when used by itself. This reduces the likelihood of the UI interfering with color perception and comparisons."}]},
|
|
53
|
+
{"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch-group/documentBlocks/1","name":"guideline: Corner rounding in swatch groups.\n\nA corner roun","fields":[{"path":"content","before":"Swatch groups come in 3 densities: regular (default), compact, and spacious. Compact and spacious densities retain the same swatch size as regular density but have less or more padding between each swatch, respectively.","after":"Corner rounding in swatch groups.\n\nA corner rounding of none should be used in a swatch group in order to help minimize the Hermann grid illusion that happens at the intersections of the white space within the group. The only exception is when a swatch group only takes up a single row. In that case, use any of the rounding options: none, partial rounding, or full rounding."}]},
|
|
54
|
+
{"id":"ec3376fa-2","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch-group/documentBlocks/2","name":"guideline: Keyboard interactions.\n\nKey Interaction Tab Move","fields":[{"path":"content","before":"By default, selection is not enabled in a swatch group. Selection can be enabled for a swatch group to allow for toggling. This is often used inside of swatch panels.","after":"Keyboard interactions.\n\nKey Interaction Tab Moves focus onto the swatch or swatch group. Arrow keys Moves focus through the swatches in the group."}]},
|
|
55
|
+
{"id":"ec3376fa-3","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch-group/documentBlocks/3","name":"guideline: Cursor guidelines.\n\nCursor Description Pointer U","fields":[{"path":"content","before":"When selection is enabled, a swatch group can allow for either single or multiple selection of swatches. This is often used inside of swatch panels to allow for bulk operations, such as deleting multiple swatches at once.","after":"Cursor guidelines.\n\nCursor Description Pointer Use the pointer cursor for all interactive elements in every state."}]},
|
|
56
|
+
{"id":"ec3376fa-4","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch-group/documentBlocks/4","name":"guideline: WCAG 2.2 compliance.\n\nAny criterion not mention ","fields":[{"path":"content","before":"It’s important for users to compare colors when they’re displayed in a swatch group. Because of this, swatches within a swatch group with low contrast (below 3:1 contrast with the background) have a less prominent border compared to the swatch component when used by itself. This reduces the likelihood of the UI interfering with color perception and comparisons.","after":"WCAG 2.2 compliance.\n\nAny criterion not mention in the below table are not applicable to this component or are resolved with underlying requirements, engineering, and styles of the entire system. 1. Perceivable Requirement Criterion Level Compliance Non-text content 1.1.1 A Non‑text elements must provide a text alternative that communicates the control’s purpose. All controls, especially icon‑only controls, need an accessible name (for example, via a title, aria‑label, or associated text) so screen readers can announce their function. Info and relationships, Identify purpose 1.3.1, 1.3.6 A, AAA Swatch groups should be understandable by assistive technologies like screen readers. This means the proper semantic HTML or ARIA role should be utilized, so the grouping relationship between swatches and the selected state are programmatically conveyed. Use of color 1.4.1 A This criterion requires that color not be the only method of communicating information. In swatches, the color itself is the content being presented, not a cue that conveys additional meaning. 2. Operable Requirement Criterion Level Compliance Keyboard 2.1.1, 2.1.3 A, AAA All functionality of the component is operable through a keyboard without specific timing for keystrokes. Keyboard traps 2.1.2 A Focus can be moved away from the component using only a keyboard. Seizures and physical reactions 2.3.1, 2.3.2, 2.3.3 A, AAA, AAA There is no flashing content or unnecessary motion or animation in this component. Focus order 2.4.3 A Navigation sequences receive focus in an order that preserves meaning and operability. Focus visible 2.4.7 AA Keyboard states use an indicator that is visible with at least 3:1 contrast."}]}
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
]
|
|
62
|
+
}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "swatch",
|
|
5
|
+
"baseline": {"release":"2.1.0","version":"1.0.0","commit":"4033f09de6696d4f61d1da89d42129a941dbd806"},
|
|
6
|
+
"releases": [
|
|
7
|
+
{
|
|
8
|
+
"release": "2.7.0",
|
|
9
|
+
"version": "1.0.1",
|
|
10
|
+
"bump": "patch",
|
|
11
|
+
"date": "2026-09-03",
|
|
12
|
+
"commit": "6d1892a74dfa5fe9819fdd3d7d6893b08318b244",
|
|
13
|
+
"commits": [
|
|
14
|
+
{
|
|
15
|
+
"commit": "5e22a7a18cd1a4f2a5957cba9cafa66bef73ed63",
|
|
16
|
+
"date": "2026-09-03",
|
|
17
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1394,"title":"fix(design-data): re-point CTR refs off deprecated tokens, add guard rail","url":"https://github.com/adobe/spectrum-design-data/pull/1394"},
|
|
18
|
+
"entries": [
|
|
19
|
+
{"id":"5e22a7a1-0","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Focus ring"],"scope":{"property":"gap","options":null},"record":"gap#Focus ring","name":"gap","fields":[{"path":"$ref","before":"693651ef-71c7-4096-91a5-1c84cb861021","after":"fb035d45-e63b-4cd4-b220-675a52e99399"}]}
|
|
20
|
+
]
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"release": "3.0.0",
|
|
26
|
+
"version": "1.0.2",
|
|
27
|
+
"bump": "patch",
|
|
28
|
+
"date": "2026-09-08",
|
|
29
|
+
"commit": "284fe0dba6da9932c454eaee20bbbb04272d4433",
|
|
30
|
+
"commits": [
|
|
31
|
+
{
|
|
32
|
+
"commit": "6005339a0678226eee3e827fd5bbfa793f5bccc7",
|
|
33
|
+
"date": "2026-09-08",
|
|
34
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1428,"title":"feat(tokens)!: add conceptId as canonical concept-level UUID, retire set_uuid","url":"https://github.com/adobe/spectrum-design-data/pull/1428"},
|
|
35
|
+
"entries": [],
|
|
36
|
+
"metadata": {"count":34,"fields":["conceptId","set_uuid"]}
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"release": "3.4.0",
|
|
42
|
+
"version": "1.0.3",
|
|
43
|
+
"bump": "patch",
|
|
44
|
+
"date": "2026-10-01",
|
|
45
|
+
"commit": "61c5e6769e60980caf58c544b508ab2e610958b4",
|
|
46
|
+
"commits": [
|
|
47
|
+
{
|
|
48
|
+
"commit": "ec3376fa833f2c31dd0b2340590134b2747b00c4",
|
|
49
|
+
"date": "2026-10-01",
|
|
50
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1524,"title":"feat(design-data): promote public Spectrum Hub guidance to main","url":"https://github.com/adobe/spectrum-design-data/pull/1524"},
|
|
51
|
+
"entries": [
|
|
52
|
+
{"id":"ec3376fa-0","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch/documentBlocks/0","name":"guideline: Keyboard focus.\n\nA swatch can be navigated using","fields":[{"path":"content","before":"The preview shows the sample of the fill that the swatch represents. This property can be a color, gradient, texture, or material. The exact format this property takes will depend on implementation. Some examples of the format include color values, image, canvas, and gradient.","after":"Keyboard focus.\n\nA swatch can be navigated using a keyboard. The keyboard focus state adds a blue ring to the swatch in focus."}]},
|
|
53
|
+
{"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch/documentBlocks/1","name":"guideline: Mixed value.\n\nWhen a swatch represents multiple ","fields":[{"path":"content","before":"Swatches come in four different sizes: extra-small, small, medium, and large. The medium size is the default and most frequently used option. Use the other sizes sparingly; they should be used to create a hierarchy of importance within the page.","after":"Mixed value.\n\nWhen a swatch represents multiple values that are not identical, the preview shows a gray fill and a dash UI icon."}]},
|
|
54
|
+
{"id":"ec3376fa-2","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch/documentBlocks/2","name":"guideline: Hide unavailable swatches when possible.\n\nEven t","fields":[{"path":"content","before":"By default, swatches have partial rounding. There are 3 options for a swatch’s rounding: none, partial rounding, and full rounding.","after":"Hide unavailable swatches when possible.\n\nEven though swatches can have a disabled state, hiding unavailable swatches reduces visual clutter and eases cognitive load. Only show disabled swatches if hiding them would cause confusion to your users."}]},
|
|
55
|
+
{"id":"ec3376fa-3","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch/documentBlocks/3","name":"guideline: Keyboard interactions.\n\nKey Interaction Tab Move","fields":[{"path":"content","before":"A swatch can have a selected state to allow for selection. This is often used in a swatch group.","after":"Keyboard interactions.\n\nKey Interaction Tab Moves focus onto or off of the swatch group. Focus moves to the first swatch in the group. Space or Enter Triggers an action or selects the swatch when selection is enabled. The focus remains on the swatch, unless the swatch opens or closes the current container. In this case, the focus moves to the target or back to the caller."}]},
|
|
56
|
+
{"id":"ec3376fa-4","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch/documentBlocks/4","name":"guideline: Cursor guidelines.\n\nCursor Description Pointer U","fields":[{"path":"content","before":"A swatch in a disabled state shows that the swatch exists, but is not available in that circumstance. This state can be used to maintain layout continuity and to communicate that a swatch may become available later. Disabled swatches should be used with caution.","after":"Cursor guidelines.\n\nCursor Description Pointer Use the pointer cursor for all interactive elements in every state."}]},
|
|
57
|
+
{"id":"ec3376fa-5","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch/documentBlocks/5","name":"guideline: WCAG 2.2 compliance.\n\nAny criterion not mention ","fields":[{"path":"content","before":"A swatch can be navigated using a keyboard. The keyboard focus state adds a blue ring to the swatch in focus.","after":"WCAG 2.2 compliance.\n\nAny criterion not mention in the below table are not applicable to this component or are resolved with underlying requirements, engineering, and styles of the entire system. 1. Perceivable Requirement Criterion Level Compliance Non-text content 1.1.1 A Non‑text elements must provide a text alternative that communicates the control’s purpose. All controls, especially icon‑only controls, need an accessible name (for example, via a title, aria‑label, or associated text) so screen readers can announce their function. Info and relationships, Identify purpose 1.3.1, 1.3.6 A, AAA Swatch groups should be understandable by assistive technologies like screen readers. This means the proper semantic HTML or ARIA role should be utilized, so the grouping relationship between swatches and the selected state are programmatically conveyed. Use of color 1.4.1 A This criterion requires that color not be the only method of communicating information. In swatches, the color itself is the content being presented, not a cue that conveys additional meaning. 2. Operable Requirement Criterion Level Compliance Keyboard 2.1.1, 2.1.3 A, AAA All functionality of the component is operable through a keyboard without specific timing for keystrokes. Keyboard traps 2.1.2 A Focus can be moved away from the component using only a keyboard. Seizures and physical reactions 2.3.1, 2.3.2, 2.3.3 A, AAA, AAA There is no flashing content or unnecessary motion or animation in this component. Focus order 2.4.3 A Navigation sequences receive focus in an order that preserves meaning and operability. Focus visible 2.4.7 AA Keyboard states use an indicator that is visible with at least 3:1 contrast."}]},
|
|
58
|
+
{"id":"ec3376fa-6","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"swatch/documentBlocks/6","name":"guideline: Even though swatches can have a disabled state, ","fields":[],"before":{"type":"guideline","content":"Even though swatches can have a disabled state, hiding unavailable swatches reduces visual clutter and eases cognitive load. Only show disabled swatches if hiding them would cause confusion to your users."}}
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
]
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"release": "3.6.0",
|
|
65
|
+
"version": "1.0.4",
|
|
66
|
+
"bump": "patch",
|
|
67
|
+
"date": "2026-10-16",
|
|
68
|
+
"commit": "0886a1692f3d73d38a8f0fbc431e91658b8e5813",
|
|
69
|
+
"commits": [
|
|
70
|
+
{
|
|
71
|
+
"commit": "15f371e50e2ce95a624a93152e408e1bbe8844dc",
|
|
72
|
+
"date": "2026-10-16",
|
|
73
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1382,"title":"feat(tokens): add static + theme-aware transparency tokens, deprecate legacy","url":"https://github.com/adobe/spectrum-design-data/pull/1382"},
|
|
74
|
+
"entries": [
|
|
75
|
+
{"id":"15f371e5-0","kind":"token","change":"updated","class":"api","bump":"patch","indirect":false,"contexts":["Disabled icon"],"record":"9b799da8-2130-417e-b7ee-5e1154a89837","name":"color[colorFamily=white]","fields":[{"path":"lifecycle.deprecatedIn","after":"15.6.0"},{"path":"lifecycle.replacedBy","after":"2b2717e1-3479-4dab-9609-0d694993a1af"}]},
|
|
76
|
+
{"id":"15f371e5-1","kind":"token","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":["Disabled icon"],"record":"9b799da8-2130-417e-b7ee-5e1154a89837","name":"color[colorFamily=white]","fields":[{"path":"lifecycle.deprecatedComment","after":"Replaced with transparent-static-white-1000"}]}
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
]
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"release": "3.8.0",
|
|
83
|
+
"version": "1.0.5",
|
|
84
|
+
"bump": "patch",
|
|
85
|
+
"date": "2026-11-03",
|
|
86
|
+
"commit": "7b38617df24442d22724fb890cef69aa198b9e3a",
|
|
87
|
+
"commits": [
|
|
88
|
+
{
|
|
89
|
+
"commit": "9b4ad35c29fb00193e5847625699afb04fa0c560",
|
|
90
|
+
"date": "2026-10-31",
|
|
91
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1582,"title":"feat: component visual recipes, renderer, explorer site and platform-aware rendering","url":"https://github.com/adobe/spectrum-design-data/pull/1582"},
|
|
92
|
+
"entries": [
|
|
93
|
+
{"id":"9b4ad35c-0","kind":"token","change":"renamed","class":"api","bump":"patch","indirect":false,"contexts":["Focus ring"],"record":"fb035d45-e63b-4cd4-b220-675a52e99399","name":"gap[anatomy=focus-indicator,legacyKey=focus-ring-gap]","fields":[{"path":"name.anatomy","before":"focus-ring","after":"focus-indicator"},{"path":"name.legacyKey","after":"focus-ring-gap"}]}
|
|
94
|
+
]
|
|
95
|
+
}
|
|
96
|
+
]
|
|
97
|
+
}
|
|
98
|
+
]
|
|
99
|
+
}
|