@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,72 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "action-group",
|
|
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":3,"fields":["conceptId"]}
|
|
20
|
+
}
|
|
21
|
+
]
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"release": "3.3.0",
|
|
25
|
+
"version": "1.0.2",
|
|
26
|
+
"bump": "patch",
|
|
27
|
+
"date": "2026-09-30",
|
|
28
|
+
"commit": "fdb29c3027de60713f6f0f98520fc0879fa408c5",
|
|
29
|
+
"commits": [
|
|
30
|
+
{
|
|
31
|
+
"commit": "b9888b8ce9a0e4ec5b607e088942999629d5d43d",
|
|
32
|
+
"date": "2026-09-28",
|
|
33
|
+
"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"},
|
|
34
|
+
"entries": [],
|
|
35
|
+
"metadata": {"count":1,"fields":["implementation added"]}
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"release": "3.4.0",
|
|
41
|
+
"version": "1.0.3",
|
|
42
|
+
"bump": "patch",
|
|
43
|
+
"date": "2026-10-01",
|
|
44
|
+
"commit": "61c5e6769e60980caf58c544b508ab2e610958b4",
|
|
45
|
+
"commits": [
|
|
46
|
+
{
|
|
47
|
+
"commit": "ec3376fa833f2c31dd0b2340590134b2747b00c4",
|
|
48
|
+
"date": "2026-10-01",
|
|
49
|
+
"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"},
|
|
50
|
+
"entries": [
|
|
51
|
+
{"id":"ec3376fa-0","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/0","name":"guideline: Use an Action menu to show additional actions.\n\n","fields":[{"path":"content","before":"An action group in a disabled state shows that the action buttons within the group exist, but are not available in that circumstance. This state can be used to maintain layout continuity and to communicate that an action group may become available later.","after":"Use an Action menu to show additional actions.\n\nWhen there are more actions than the action group has horizontal space for, overflowMode collapse will use an Action menu to contain additional actions. This is used in the components like action bar or panels to show an array of actions to select from when horizontal space is limited."}]},
|
|
52
|
+
{"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/1","name":"guideline: When to use Action group vs. Segmented control.\n","fields":[{"path":"content","before":"When selection is enabled, an action group's selection behavior can be set to allow for an empty selection, or not.","after":"When to use Action group vs. Segmented control.\n\nWhen multiple items can be selected at a time use an action group when taking actions or making choices from a list of options. Action group is the preferred competent to use when those actions are simple (1-2 words or icon only). If you are switching views or navigating to different content, a segmented control is the preferred component."}]},
|
|
53
|
+
{"id":"ec3376fa-2","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/2","name":"guideline: Fully justified action groups.\n\nUse the fully ju","fields":[{"path":"content","before":"When selection is enabled, an action group can allow for single or multiple selection of action buttons.","after":"Fully justified action groups.\n\nUse the fully justified variant when using the vertical compact action group (both the quiet and not quiet options). This will ensure the buttons have the same width."}]},
|
|
54
|
+
{"id":"ec3376fa-3","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/3","name":"guideline: By default, selection is not enabled in an actio","fields":[],"before":{"type":"guideline","content":"By default, selection is not enabled in an action group. This is used for action groups that offer direct actions, rather than toggling."}},
|
|
55
|
+
{"id":"ec3376fa-4","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/4","name":"guideline: Selection can be enabled for an action group to ","fields":[],"before":{"type":"guideline","content":"Selection can be enabled for an action group to allow for toggling. This can be used to disclose parts of an interface (for example, showing or hiding panels) or to switch between views (for example, grid or list views)."}},
|
|
56
|
+
{"id":"ec3376fa-5","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/5","name":"guideline: Like action buttons, action groups are not empha","fields":[],"before":{"type":"guideline","content":"Like action buttons, action groups are not emphasized by default. This is optimal for when the action group is not the core part of an interface, such as in application panels, where all components are monochrome in order to direct focus to the content."}},
|
|
57
|
+
{"id":"ec3376fa-6","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/6","name":"guideline: The emphasized action group has a blue backgroun","fields":[],"before":{"type":"guideline","content":"The emphasized action group has a blue background for its selected state in order to provide a visual prominence that meets the accessible color contrast ratio. This is optimal for when the selection should call attention, such as within a tool bar."}},
|
|
58
|
+
{"id":"ec3376fa-7","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/7","name":"guideline: By default, an action group uses not-quiet actio","fields":[],"before":{"type":"guideline","content":"By default, an action group uses not-quiet action buttons. This style works best in a dense array of controls where the background helps to separate action buttons from the surrounding container, or to give visibility to isolated buttons."}},
|
|
59
|
+
{"id":"ec3376fa-8","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/8","name":"guideline: Alternatively, quiet action groups can have no v","fields":[],"before":{"type":"guideline","content":"Alternatively, quiet action groups can have no visible background until they’re interacted with. This style works best when a clear layout (vertical stack, table, grid) makes it easy to parse the buttons. Too many quiet components in a small space can be hard to read."}},
|
|
60
|
+
{"id":"ec3376fa-9","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/9","name":"guideline: An action group can become justified. By default","fields":[],"before":{"type":"guideline","content":"An action group can become justified. By default, it is not justified since the action button size depends on the label and/or icon inside each button. When an action group is justified, it takes up the entire available container width, divided equally for each action button that is inside the group."}},
|
|
61
|
+
{"id":"ec3376fa-10","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/10","name":"guideline: Action groups come in two densities: regular and","fields":[],"before":{"type":"guideline","content":"Action groups come in two densities: regular and compact. The compact density retains the same font and icon sizes, but has tighter spacing. The action buttons also become connected for non-quiet action groups."}},
|
|
62
|
+
{"id":"ec3376fa-11","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/11","name":"guideline: Action groups come in four different sizes: smal","fields":[],"before":{"type":"guideline","content":"Action groups 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."}},
|
|
63
|
+
{"id":"ec3376fa-12","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/12","name":"guideline: An action group can be either horizontal or vert","fields":[],"before":{"type":"guideline","content":"An action group can be either horizontal or vertical in its orientation. By default, an action group is horizontal. The vertical option should be reserved for when horizontal space is limited."}},
|
|
64
|
+
{"id":"ec3376fa-13","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/13","name":"guideline: When there are more actions than the action grou","fields":[],"before":{"type":"guideline","content":"When there are more actions than the action group has horizontal space for, overflowMode collapse will use an Action menu to contain additional actions. This is used in the components like action bar or panels to show an array of actions to select from when horizontal space is limited."}},
|
|
65
|
+
{"id":"ec3376fa-14","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/14","name":"guideline: When multiple items can be selected at a time us","fields":[],"before":{"type":"guideline","content":"When multiple items can be selected at a time use an action group when taking actions or making choices from a list of options. Action group is the preferred competent to use when those actions are simple (1-2 words or icon only). If you are switching views or navigating to different content, a segmented control is the preferred component."}},
|
|
66
|
+
{"id":"ec3376fa-15","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"action-group/documentBlocks/15","name":"guideline: Use the fully justified variant when using the v","fields":[],"before":{"type":"guideline","content":"Use the fully justified variant when using the vertical compact action group (both the quiet and not quiet options). This will ensure the buttons have the same width."}}
|
|
67
|
+
]
|
|
68
|
+
}
|
|
69
|
+
]
|
|
70
|
+
}
|
|
71
|
+
]
|
|
72
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "alert-banner",
|
|
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 (icon to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (icon to text)","name":"space-between","fields":[{"path":"$ref","before":"4366909e-3bfb-481c-abdc-4ae71f965bc3","after":"42da5f00-7ba7-4a9a-8ab4-6f3552e22fdd"}]},
|
|
20
|
+
{"id":"5e22a7a1-1","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (icon to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (icon to text)","name":"space-between","fields":[{"path":"$ref","before":"205f0c77-6588-4cc7-927f-3ba767200bac","after":"42da5f00-7ba7-4a9a-8ab4-6f3552e22fdd"}]},
|
|
21
|
+
{"id":"5e22a7a1-2","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to icon)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to icon)","name":"space-between","fields":[{"path":"$ref","before":"fbe047c4-0346-4b81-bdf6-6565cede7a28","after":"64fa4ab7-be93-4420-8cdc-a6ef91499852"}]},
|
|
22
|
+
{"id":"5e22a7a1-3","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to icon)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to icon)","name":"space-between","fields":[{"path":"$ref","before":"402c755b-322c-4ea0-856c-ca209bdaa8ec","after":"64fa4ab7-be93-4420-8cdc-a6ef91499852"}]},
|
|
23
|
+
{"id":"5e22a7a1-4","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to text)","name":"space-between","fields":[{"path":"$ref","before":"1d289972-d5ba-41e8-8935-e8c83afb15cf","after":"64fa4ab7-be93-4420-8cdc-a6ef91499852"}]},
|
|
24
|
+
{"id":"5e22a7a1-5","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to text)","name":"space-between","fields":[{"path":"$ref","before":"8db02117-b543-4b3e-b0ff-203e9a821708","after":"64fa4ab7-be93-4420-8cdc-a6ef91499852"}]},
|
|
25
|
+
{"id":"5e22a7a1-6","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to text)","name":"space-between","fields":[{"path":"$ref","before":"e19fdd96-44a4-407b-b2b1-01001684fc84","after":"64fa4ab7-be93-4420-8cdc-a6ef91499852"}]},
|
|
26
|
+
{"id":"5e22a7a1-7","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to text)","name":"space-between","fields":[{"path":"$ref","before":"5f2b2bc1-ebb0-46dd-a563-58df6307996d","after":"64fa4ab7-be93-4420-8cdc-a6ef91499852"}]}
|
|
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":23,"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": "54ee322dc2fa9c6556549597a74610c290638664",
|
|
56
|
+
"date": "2026-10-15",
|
|
57
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1544,"title":"fix(design-data): pin structure-prefixed legacy keys and add regression test","url":"https://github.com/adobe/spectrum-design-data/pull/1544"},
|
|
58
|
+
"entries": [
|
|
59
|
+
{"id":"54ee322d-0","kind":"token","change":"renamed","class":"api","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to icon)","Spacing (top/bottom edge to text)"],"record":"64fa4ab7-be93-4420-8cdc-a6ef91499852","name":"padding-vertical[legacyKey=banner-padding-vertical,structure=banner]","fields":[{"path":"name.legacyKey","after":"banner-padding-vertical"}]}
|
|
60
|
+
]
|
|
61
|
+
}
|
|
62
|
+
]
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "alert-dialog",
|
|
5
|
+
"baseline": {"release":"2.1.0","version":"1.0.0","commit":"4033f09de6696d4f61d1da89d42129a941dbd806"},
|
|
6
|
+
"releases": [
|
|
7
|
+
{
|
|
8
|
+
"release": "2.2.0",
|
|
9
|
+
"version": "1.0.1",
|
|
10
|
+
"bump": "patch",
|
|
11
|
+
"date": "2026-08-24",
|
|
12
|
+
"commit": "4338aa65262f3a8b9b84a64aa6478611d37e41ed",
|
|
13
|
+
"commits": [
|
|
14
|
+
{
|
|
15
|
+
"commit": "9c697cfcee3820ddc7bc3688ea000552de708641",
|
|
16
|
+
"date": "2026-08-17",
|
|
17
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1336,"title":"fix(design-data): resolve SPEC-027 dangling tokenBindings for vpk.1","url":"https://github.com/adobe/spectrum-design-data/pull/1336"},
|
|
18
|
+
"entries": [
|
|
19
|
+
{"id":"9c697cfc-0","kind":"component","change":"updated","class":"api","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/tokenBindings","name":"tokenBindings","fields":[{"path":"tokenBindings","before":[{"token":"alert-dialog-top-to-alert-icon","context":"Icon asset (error and warning variants)"}]}]}
|
|
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":21,"fields":["conceptId","set_uuid"]}
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"release": "3.3.0",
|
|
42
|
+
"version": "1.0.3",
|
|
43
|
+
"bump": "patch",
|
|
44
|
+
"date": "2026-09-30",
|
|
45
|
+
"commit": "fdb29c3027de60713f6f0f98520fc0879fa408c5",
|
|
46
|
+
"commits": [
|
|
47
|
+
{
|
|
48
|
+
"commit": "b9888b8ce9a0e4ec5b607e088942999629d5d43d",
|
|
49
|
+
"date": "2026-09-28",
|
|
50
|
+
"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"},
|
|
51
|
+
"entries": [],
|
|
52
|
+
"metadata": {"count":1,"fields":["implementation added"]}
|
|
53
|
+
}
|
|
54
|
+
]
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"release": "3.4.0",
|
|
58
|
+
"version": "1.1.0",
|
|
59
|
+
"bump": "minor",
|
|
60
|
+
"date": "2026-10-01",
|
|
61
|
+
"commit": "61c5e6769e60980caf58c544b508ab2e610958b4",
|
|
62
|
+
"commits": [
|
|
63
|
+
{
|
|
64
|
+
"commit": "ec3376fa833f2c31dd0b2340590134b2747b00c4",
|
|
65
|
+
"date": "2026-10-01",
|
|
66
|
+
"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"},
|
|
67
|
+
"entries": [
|
|
68
|
+
{"id":"ec3376fa-0","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/0","name":"guideline: Text overflow.\n\nWhen the title and description t","fields":[{"path":"content","before":"Alert dialogs present critical information that must be acknowledged. They appear over the interface and block further interaction until an action is selected.","after":"Text overflow.\n\nWhen the title and description text are too long for the available horizontal space, they wrap to form another line."}]},
|
|
69
|
+
{"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/1","name":"guideline: Button group overflow.\n\nAlert dialogs can includ","fields":[{"path":"content","before":"By default, an alert dialog that includes a button to cancel or go back will be labeled “Cancel.”","after":"Button group overflow.\n\nAlert 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."}]},
|
|
70
|
+
{"id":"ec3376fa-2","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/2","name":"guideline: Use alert dialogs sparingly.\n\nAlert dialogs are ","fields":[{"path":"content","before":"Alert 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":"Use alert dialogs sparingly.\n\nAlert dialogs are interruptive, so they should be reserved for important information that users must acknowledge before continuing a task or workflow. Use them only when absolutely necessary—not for low-priority notifications or excessive confirmations."}]},
|
|
71
|
+
{"id":"ec3376fa-3","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/3","name":"guideline: Don’t nest alert dialogs.\n\nAlert dialogs are des","fields":[{"path":"content","before":"An alert dialog must include at least one button. 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":"Don’t nest alert dialogs.\n\nAlert dialogs are designed to pause the experience until a decision is made, so only one should appear at a time. Avoid opening an alert dialog from within another. If a situation seems to require a sequence of decisions, consider using a different design pattern."}]},
|
|
72
|
+
{"id":"ec3376fa-4","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/4","name":"guideline: Writing for alert dialogs starts by determining ","fields":[{"path":"content","before":"Use the appropriate variant based on the context of the message:","after":"Writing for alert dialogs starts by determining the nature of the message. Each Spectrum alert dialog variant has its own communication goal and tone that work in partnership with its visual design. Alert dialog variant Goal Tone Confirmation Asking a user to confirm an action they want to take. Instructive Information Sharing important information that a user needs to acknowledge. Helpful Warning Sharing time-sensitive information that a user needs to consider, but won’t block them from proceeding. Instructive to helpful Destructive Telling a user that if they are to proceed with an action they want to take, it may impact their data in a negative way. Instructive Error Communicating critical information about an issue that a user needs to resolve before they can move forward with a task. Supportive"}]},
|
|
73
|
+
{"id":"ec3376fa-5","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/5","name":"guideline: Writing the title.\n\nAll alert dialogs must have ","fields":[{"path":"content","before":"Alert dialogs should include a description when available. The description briefly communicates any additional information or context a user needs to make a decision based on the options presented.","after":"Writing the title.\n\nAll alert dialogs must have a title. The title communicates the upshot of the message, such as the eventual outcome or conclusion of an action. It should be as close as possible to a complete sentence (subject + verb). Don’t use punctuation at the end of the title. Most alert dialog titles communicate the main effect of whatever a person is about to do. Titles ideally use the same or similar phrasing as the call-to-action that had led someone to the alert dialog in the first place. The title of an error alert dialog communicates the result of the error. Don’t just state that an error has occurred."}]},
|
|
74
|
+
{"id":"ec3376fa-6","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/6","name":"guideline: Writing the description.\n\nAlert dialog descripti","fields":[{"path":"content","before":"All alert dialogs must have a title. The title appears at the top of the dialog and uses a few words to convey the outcome of what will happen if a user continues with the primary action.","after":"Writing the description.\n\nAlert dialog descriptions share any additional information or context that a person needs to know in order to make one of the decisions offered by the actions. Descriptions are written in complete sentences, and any error code is included in parentheses at the end of the last sentence."}]},
|
|
75
|
+
{"id":"ec3376fa-7","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/7","name":"guideline: Writing the actions.\n\nUse a short phrase to succ","fields":[{"path":"content","before":"When the title and description text are too long for the available horizontal space, they wrap to form another line.","after":"Writing the actions.\n\nUse a short phrase to succinctly describe the options for next steps. If possible, have the button label use the same language as the action mentioned in the alert dialog title (e.g., if a dialog's title is “Delete conversation,” its primary action button label would be “Delete”)."}]},
|
|
76
|
+
{"id":"ec3376fa-8","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/8","name":"guideline: Make button labels specific and actionable.\n\nFor","fields":[{"path":"content","before":"Alert 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.","after":"Make button labels specific and actionable.\n\nFor alert dialog buttons, make the labels as specific and actionable as possible. Even if someone were to only read the word or phrase on the button, they should be able to get a summary of the alert dialog’s entire message."}]},
|
|
77
|
+
{"id":"ec3376fa-9","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/9","name":"guideline: Avoid asking questions.\n\nQuestions in alert dial","fields":[{"path":"content","before":"Alert dialogs are interruptive, so they should be reserved for important information that users must acknowledge before continuing a task or workflow. Use them only when absolutely necessary—not for low-priority notifications or excessive confirmations.","after":"Avoid asking questions.\n\nQuestions in alert dialog titles — such as “Are you sure you want to quit?” or “Do you want to cancel?” — are redundant and undermine a user's agency in the decision they've already made by taking a previous action to get to the alert dialog. This phrasing also sets up for a yes/no set of actions, which can become confusing. Instead, reframe the message to focus on the outcome or effect."}]},
|
|
78
|
+
{"id":"ec3376fa-10","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/10","name":"guideline: Pair confirmation with distinct actions.\n\nIt’s O","fields":[{"path":"content","before":"Alert dialogs are designed to pause the experience until a decision is made, so only one should appear at a time. Avoid opening an alert dialog from within another. If a situation seems to require a sequence of decisions, consider using a different design pattern.","after":"Pair confirmation with distinct actions.\n\nIt’s OK to ask a question in an alert dialog's description to confirm if someone wants to go ahead with a choice that the system is making on their behalf. However, this should still be paired with distinct actions that show that a person has control over what happens next."}]},
|
|
79
|
+
{"id":"ec3376fa-11","kind":"document-block","change":"added","class":"documentation","bump":"minor","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/11","name":"guideline: RTL.\n\nFor RTL (right-to-left) languages, the lay","fields":[],"after":{"type":"guideline","content":"RTL.\n\nFor RTL (right-to-left) languages, the layout of the alert dialog is mirrored. Texts are right-aligned and buttons are left-aligned."}},
|
|
80
|
+
{"id":"ec3376fa-12","kind":"document-block","change":"added","class":"documentation","bump":"minor","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/12","name":"guideline: Keyboard interactions.\n\nKey Interaction Tab Move","fields":[],"after":{"type":"guideline","content":"Keyboard interactions.\n\nKey Interaction Tab Moves focus to the next button inside the alert dialog (last becomes first). If none of the buttons are selected, the focus is set on the first button. Shift + Tab Moves focus to the previous button inside the alert dialog (first becomes last). If none of the buttons are selected, the focus is set on the last button. Esc Dismisses the alert dialog. This is equivalent to choosing “Cancel” or an “OK” confirmation. Esc Dismisses the alert banner if possible. This is equivalent to selecting the close button."}},
|
|
81
|
+
{"id":"ec3376fa-13","kind":"document-block","change":"added","class":"documentation","bump":"minor","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/13","name":"guideline: Cursor guidelines.\n\nCursor Usage Default (Arrow)","fields":[],"after":{"type":"guideline","content":"Cursor guidelines.\n\nCursor Usage Default (Arrow) Use the default cursor for non-interactive elements and text within the alert dialog. Pointer Use the pointer cursor for any interactive elements, such as buttons, inside the alert dialog."}},
|
|
82
|
+
{"id":"ec3376fa-14","kind":"document-block","change":"added","class":"documentation","bump":"minor","indirect":false,"contexts":[],"record":"alert-dialog/documentBlocks/14","name":"guideline: WCAG 2.2 compliance.\n\nAny criterion not mention ","fields":[],"after":{"type":"guideline","content":"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, such as icons used in alert dialogs, must provide a text alternative that communicates the dialog's purpose. All alert dialogs 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 Alert dialogs should be understandable by assistive technologies like screen readers. This means using the proper semantic HTML or ARIA role of alertdialog should be utilized. Use of color 1.4.1 A Color is not used as a means to convey information or distinguish elements. Contrast 1.4.3 AA The visual presentation of text has a contrast ratio of at least 4.5:1. 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 illustrations and component states have 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. 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."}}
|
|
83
|
+
]
|
|
84
|
+
}
|
|
85
|
+
]
|
|
86
|
+
}
|
|
87
|
+
]
|
|
88
|
+
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "avatar-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 (avatar to avatar)"],"scope":{"property":"to-avatar-50","options":null},"record":"to-avatar-50#Spacing (avatar to avatar)","name":"to-avatar-50","fields":[{"path":"$ref","before":"4328bc86-01d4-4467-b99a-33099effe781","after":"2fca8c2d-dad0-4441-8e52-e623d76ef701"}]},
|
|
20
|
+
{"id":"5e22a7a1-1","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-50","options":null},"record":"to-avatar-50#Spacing (avatar to avatar)","name":"to-avatar-50","fields":[{"path":"$ref","before":"b395e912-9061-44bd-ab77-840cde0f3e80","after":"2fca8c2d-dad0-4441-8e52-e623d76ef701"}]},
|
|
21
|
+
{"id":"5e22a7a1-2","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-75","options":null},"record":"to-avatar-75#Spacing (avatar to avatar)","name":"to-avatar-75","fields":[{"path":"$ref","before":"4970f7de-506d-4e2c-9412-8ebd268c5da3","after":"1247c1ab-9e31-482a-832c-d32911a1e698"}]},
|
|
22
|
+
{"id":"5e22a7a1-3","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-75","options":null},"record":"to-avatar-75#Spacing (avatar to avatar)","name":"to-avatar-75","fields":[{"path":"$ref","before":"889a7ebb-86b7-4615-87ee-e75aa4b48d60","after":"1247c1ab-9e31-482a-832c-d32911a1e698"}]},
|
|
23
|
+
{"id":"5e22a7a1-4","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-100","options":null},"record":"to-avatar-100#Spacing (avatar to avatar)","name":"to-avatar-100","fields":[{"path":"$ref","before":"273888c7-abc9-4af8-802a-e8ecf864f2fa","after":"9898011f-a47c-4d5d-a74e-70b5f8d0b91c"}]},
|
|
24
|
+
{"id":"5e22a7a1-5","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-100","options":null},"record":"to-avatar-100#Spacing (avatar to avatar)","name":"to-avatar-100","fields":[{"path":"$ref","before":"bacd5b38-1eed-49d6-9513-f363315f2a23","after":"9898011f-a47c-4d5d-a74e-70b5f8d0b91c"}]},
|
|
25
|
+
{"id":"5e22a7a1-6","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-200","options":null},"record":"to-avatar-200#Spacing (avatar to avatar)","name":"to-avatar-200","fields":[{"path":"$ref","before":"629d5ce9-487d-4ee9-be0d-5ff24c66d174","after":"2f10fab2-66e0-4007-9c01-9643d472ba3b"}]},
|
|
26
|
+
{"id":"5e22a7a1-7","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-200","options":null},"record":"to-avatar-200#Spacing (avatar to avatar)","name":"to-avatar-200","fields":[{"path":"$ref","before":"7815e63c-1d4f-4ee0-a656-a6053595ad59","after":"2f10fab2-66e0-4007-9c01-9643d472ba3b"}]},
|
|
27
|
+
{"id":"5e22a7a1-8","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-300","options":null},"record":"to-avatar-300#Spacing (avatar to avatar)","name":"to-avatar-300","fields":[{"path":"$ref","before":"e345324b-640f-4f45-88c6-4765ca97ea22","after":"42da5f00-7ba7-4a9a-8ab4-6f3552e22fdd"}]},
|
|
28
|
+
{"id":"5e22a7a1-9","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-300","options":null},"record":"to-avatar-300#Spacing (avatar to avatar)","name":"to-avatar-300","fields":[{"path":"$ref","before":"04481b80-1c05-416a-95cf-c0c85147ce2e","after":"42da5f00-7ba7-4a9a-8ab4-6f3552e22fdd"}]},
|
|
29
|
+
{"id":"5e22a7a1-10","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-400","options":null},"record":"to-avatar-400#Spacing (avatar to avatar)","name":"to-avatar-400","fields":[{"path":"$ref","before":"63c5deff-94da-4981-ba9a-fd46b4372830","after":"f3078f76-5c45-4b40-8d3c-523afcc4d2af"}]},
|
|
30
|
+
{"id":"5e22a7a1-11","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-400","options":null},"record":"to-avatar-400#Spacing (avatar to avatar)","name":"to-avatar-400","fields":[{"path":"$ref","before":"5c733ac6-d7b9-44f0-8827-1d8232ca5332","after":"f3078f76-5c45-4b40-8d3c-523afcc4d2af"}]},
|
|
31
|
+
{"id":"5e22a7a1-12","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-500","options":null},"record":"to-avatar-500#Spacing (avatar to avatar)","name":"to-avatar-500","fields":[{"path":"$ref","before":"8b6b74b4-e7c3-4f7c-a2b6-f410fcc17a83","after":"dae4ef22-9423-4ef2-a0d2-cc08ed9c0cd7"}]},
|
|
32
|
+
{"id":"5e22a7a1-13","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (avatar to avatar)"],"scope":{"property":"to-avatar-500","options":null},"record":"to-avatar-500#Spacing (avatar to avatar)","name":"to-avatar-500","fields":[{"path":"$ref","before":"c980c4f4-f2c5-4963-873e-de275f3353d1","after":"dae4ef22-9423-4ef2-a0d2-cc08ed9c0cd7"}]}
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
]
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"release": "3.0.0",
|
|
39
|
+
"version": "1.0.2",
|
|
40
|
+
"bump": "patch",
|
|
41
|
+
"date": "2026-09-08",
|
|
42
|
+
"commit": "284fe0dba6da9932c454eaee20bbbb04272d4433",
|
|
43
|
+
"commits": [
|
|
44
|
+
{
|
|
45
|
+
"commit": "6005339a0678226eee3e827fd5bbfa793f5bccc7",
|
|
46
|
+
"date": "2026-09-08",
|
|
47
|
+
"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"},
|
|
48
|
+
"entries": [],
|
|
49
|
+
"metadata": {"count":29,"fields":["conceptId","set_uuid"]}
|
|
50
|
+
}
|
|
51
|
+
]
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"release": "3.3.0",
|
|
55
|
+
"version": "1.0.3",
|
|
56
|
+
"bump": "patch",
|
|
57
|
+
"date": "2026-09-30",
|
|
58
|
+
"commit": "fdb29c3027de60713f6f0f98520fc0879fa408c5",
|
|
59
|
+
"commits": [
|
|
60
|
+
{
|
|
61
|
+
"commit": "b9888b8ce9a0e4ec5b607e088942999629d5d43d",
|
|
62
|
+
"date": "2026-09-28",
|
|
63
|
+
"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"},
|
|
64
|
+
"entries": [],
|
|
65
|
+
"metadata": {"count":1,"fields":["implementation added"]}
|
|
66
|
+
}
|
|
67
|
+
]
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"release": "3.4.0",
|
|
71
|
+
"version": "1.1.0",
|
|
72
|
+
"bump": "minor",
|
|
73
|
+
"date": "2026-10-01",
|
|
74
|
+
"commit": "61c5e6769e60980caf58c544b508ab2e610958b4",
|
|
75
|
+
"commits": [
|
|
76
|
+
{
|
|
77
|
+
"commit": "ec3376fa833f2c31dd0b2340590134b2747b00c4",
|
|
78
|
+
"date": "2026-10-01",
|
|
79
|
+
"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"},
|
|
80
|
+
"entries": [
|
|
81
|
+
{"id":"ec3376fa-0","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar-group/documentBlocks/0","name":"guideline: Keyboard focus.\n\nIndividual avatars inside Avata","fields":[{"path":"content","before":"An avatar group displays a set of related avatars together. It’s typically used to represent a collection of people or entities.","after":"Keyboard focus.\n\nIndividual avatars inside Avatar group can be navigated using a keyboard. The keyboard focus state adds a focus ring around the avatar."}]},
|
|
82
|
+
{"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar-group/documentBlocks/1","name":"guideline: Adjusting stroke color to match neutral backgrou","fields":[{"path":"content","before":"Avatar sizes scale exponentially, based on the Spectrum type scale. Avatar has preset sizes to flex across all surfaces and can also be customized to fit appropriately for your context.","after":"Adjusting stroke color to match neutral backgrounds.\n\nEach individual avatar has a stroke applied to better show distinction between individual users in the group. By default, the outline color is a neutral gray, but the stroke color should be adjusted manually to match the background where the avatar group is placed."}]},
|
|
83
|
+
{"id":"ec3376fa-2","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar-group/documentBlocks/2","name":"guideline: An Avatar group can have an optional text label ","fields":[],"before":{"type":"guideline","content":"An Avatar group can have an optional text label that clearly describes the group or number of users that it represents."}},
|
|
84
|
+
{"id":"ec3376fa-3","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar-group/documentBlocks/3","name":"guideline: Individual avatars inside Avatar group can be na","fields":[],"before":{"type":"guideline","content":"Individual avatars inside Avatar group can be navigated using a keyboard. The keyboard focus state adds a focus ring around the avatar."}},
|
|
85
|
+
{"id":"ec3376fa-4","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar-group/documentBlocks/4","name":"guideline: Each individual avatar has a stroke applied to b","fields":[],"before":{"type":"guideline","content":"Each individual avatar has a stroke applied to better show distinction between individual users in the group. By default, the outline color is a neutral gray, but the stroke color should be adjusted manually to match the background where the avatar group is placed."}},
|
|
86
|
+
{"id":"ec3376fa-5","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar-group/documentBlocks/5","name":"guideline: When using a colored background the avatar strok","fields":[],"before":{"type":"guideline","content":"When using a colored background the avatar stroke color should remain set as default for both light and dark themes."}},
|
|
87
|
+
{"id":"ec3376fa-6","kind":"document-block","change":"added","class":"documentation","bump":"minor","indirect":false,"contexts":[],"record":"avatar-group/documentBlocks/6","name":"do-dont: Do not adjust stroke color on a colored backgrou","fields":[],"after":{"type":"do-dont","content":"Do not adjust stroke color on a colored background","dont":"When using a colored background the avatar stroke color should remain set as default for both light and dark themes."}}
|
|
88
|
+
]
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
}
|
|
92
|
+
]
|
|
93
|
+
}
|
|
@@ -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": "avatar",
|
|
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 indicator"],"scope":{"property":"gap","options":null},"record":"gap#Focus indicator","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":8,"fields":["conceptId","set_uuid"]}
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"release": "3.3.0",
|
|
42
|
+
"version": "1.0.3",
|
|
43
|
+
"bump": "patch",
|
|
44
|
+
"date": "2026-09-30",
|
|
45
|
+
"commit": "fdb29c3027de60713f6f0f98520fc0879fa408c5",
|
|
46
|
+
"commits": [
|
|
47
|
+
{
|
|
48
|
+
"commit": "b9888b8ce9a0e4ec5b607e088942999629d5d43d",
|
|
49
|
+
"date": "2026-09-28",
|
|
50
|
+
"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"},
|
|
51
|
+
"entries": [],
|
|
52
|
+
"metadata": {"count":2,"fields":["implementation added"]}
|
|
53
|
+
}
|
|
54
|
+
]
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"release": "3.4.0",
|
|
58
|
+
"version": "1.0.4",
|
|
59
|
+
"bump": "patch",
|
|
60
|
+
"date": "2026-10-01",
|
|
61
|
+
"commit": "61c5e6769e60980caf58c544b508ab2e610958b4",
|
|
62
|
+
"commits": [
|
|
63
|
+
{
|
|
64
|
+
"commit": "ec3376fa833f2c31dd0b2340590134b2747b00c4",
|
|
65
|
+
"date": "2026-10-01",
|
|
66
|
+
"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"},
|
|
67
|
+
"entries": [
|
|
68
|
+
{"id":"ec3376fa-0","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar/documentBlocks/0","name":"guideline: Keyboard focus.\n\nAn avatar can be navigated usin","fields":[{"path":"content","before":"An avatar in a disabled state shows that an avatar exists, but is not available or a user is not active in that circumstance. This can be used to maintain layout continuity and communicate that an avatar may become available or active later.","after":"Keyboard focus.\n\nAn avatar can be navigated using a keyboard. The keyboard focus state adds a blue ring to the avatar in focus."}]},
|
|
69
|
+
{"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar/documentBlocks/1","name":"guideline: Multiple avatars in a group.\n\nAn avatar group di","fields":[{"path":"content","before":"When used as an individual Avatar, showStroke is false by default. When used in Avatar group, showStroke is true by default to create separation between the stacked group of Avatar components.","after":"Multiple avatars in a group.\n\nAn avatar group displays a set of related avatars together. It’s typically used to represent a collection of people or entities."}]},
|
|
70
|
+
{"id":"ec3376fa-2","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar/documentBlocks/2","name":"guideline: Use gradient image avatars when a user image is ","fields":[{"path":"content","before":"Avatar sizes scale exponentially, based on the Spectrum type scale. Avatar has preset sizes to flex across all surfaces and can also be customized to fit appropriately for your context.","after":"Use gradient image avatars when a user image is undefined.\n\nUse branded generic avatars when a user has not set their avatar image. These images are designed to be abstracted from all genders, locales, and cultures."}]},
|
|
71
|
+
{"id":"ec3376fa-3","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar/documentBlocks/3","name":"guideline: Use the initials avatar style for users with lat","fields":[{"path":"content","before":"An avatar has multiple visual styles, depending on the user preference. These show up as branded gradient images, initials of the user’s name, as well as any image that a user uploads. For users who do not have Adobe accounts, they will default to the guest avatar.","after":"Use the initials avatar style for users with latin characters only.\n\nThe initials avatar is designed to work with latin characters only and supports 1 or 2 characters that are programmatically identified by the first name and last name in a user's account settings. For users with non-latin characters, their default avatar should be the gradient image style."}]},
|
|
72
|
+
{"id":"ec3376fa-4","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar/documentBlocks/4","name":"guideline: Use the guest avatar style for users without an ","fields":[{"path":"content","before":"An avatar can be navigated using a keyboard. The keyboard focus state adds a blue ring to the avatar in focus.","after":"Use the guest avatar style for users without an Adobe account.\n\nThe guest avatar style is designed for users who may be interacting with Adobe products, but are not logged in or do not have an Adobe account."}]},
|
|
73
|
+
{"id":"ec3376fa-5","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar/documentBlocks/5","name":"guideline: An avatar group displays a set of related avatar","fields":[],"before":{"type":"guideline","content":"An avatar group displays a set of related avatars together. It’s typically used to represent a collection of people or entities."}},
|
|
74
|
+
{"id":"ec3376fa-6","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar/documentBlocks/6","name":"guideline: Use branded generic avatars when a user has not ","fields":[],"before":{"type":"guideline","content":"Use branded generic avatars when a user has not set their avatar image. These images are designed to be abstracted from all genders, locales, and cultures."}},
|
|
75
|
+
{"id":"ec3376fa-7","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar/documentBlocks/7","name":"guideline: The initials avatar is designed to work with lat","fields":[],"before":{"type":"guideline","content":"The initials avatar is designed to work with latin characters only and supports 1 or 2 characters that are programmatically identified by the first name and last name in a user’s account settings. For users with non-latin characters, their default avatar should be the gradient image style."}},
|
|
76
|
+
{"id":"ec3376fa-8","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"avatar/documentBlocks/8","name":"guideline: The guest avatar style is designed for users who","fields":[],"before":{"type":"guideline","content":"The guest avatar style is designed for users who may be interacting with Adobe products, but are not logged in or do not have an Adobe account."}}
|
|
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 indicator"],"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
|
+
}
|