@adobe/spectrum-design-data 3.7.0 → 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,164 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "switch",
|
|
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 (control to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (control to label)","name":"space-between","fields":[{"path":"$ref","before":"aa27af6e-baef-4d7c-bf8c-f9a972e51713","after":"1247c1ab-9e31-482a-832c-d32911a1e698"}]},
|
|
20
|
+
{"id":"5e22a7a1-1","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (control to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (control to label)","name":"space-between","fields":[{"path":"$ref","before":"45f94495-0f53-42b2-94f6-7a6d91eb2ca1","after":"1247c1ab-9e31-482a-832c-d32911a1e698"}]},
|
|
21
|
+
{"id":"5e22a7a1-2","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (control to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (control to label)","name":"space-between","fields":[{"path":"$ref","before":"24a438ce-be6a-477e-aa0e-a3e97e286904","after":"2f10fab2-66e0-4007-9c01-9643d472ba3b"}]},
|
|
22
|
+
{"id":"5e22a7a1-3","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (control to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (control to label)","name":"space-between","fields":[{"path":"$ref","before":"b4ce04fa-bc03-44c9-afef-a38810ac9c65","after":"2f10fab2-66e0-4007-9c01-9643d472ba3b"}]},
|
|
23
|
+
{"id":"5e22a7a1-4","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (control to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (control to label)","name":"space-between","fields":[{"path":"$ref","before":"307fb510-8759-41ee-89d2-fcfe4d554b85","after":"42da5f00-7ba7-4a9a-8ab4-6f3552e22fdd"}]},
|
|
24
|
+
{"id":"5e22a7a1-5","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (control to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (control to label)","name":"space-between","fields":[{"path":"$ref","before":"8991287c-763f-4a39-ad5b-7ccdbc39b3f6","after":"42da5f00-7ba7-4a9a-8ab4-6f3552e22fdd"}]},
|
|
25
|
+
{"id":"5e22a7a1-6","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (control to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (control to label)","name":"space-between","fields":[{"path":"$ref","before":"7cde8c74-2ac9-4468-a25e-06c1a6cd9cbe","after":"9898011f-a47c-4d5d-a74e-70b5f8d0b91c"}]},
|
|
26
|
+
{"id":"5e22a7a1-7","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (control to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (control to label)","name":"space-between","fields":[{"path":"$ref","before":"53a33d46-8d81-4f13-8c79-c4d9257a5b68","after":"9898011f-a47c-4d5d-a74e-70b5f8d0b91c"}]},
|
|
27
|
+
{"id":"5e22a7a1-8","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to control)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to control)","name":"space-between","fields":[{"path":"$ref","before":"8a907825-236c-4548-91c4-2123e095726c","after":"80b4ea6a-2f97-4d23-9256-61e30ed07f4d"}]},
|
|
28
|
+
{"id":"5e22a7a1-9","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to control)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to control)","name":"space-between","fields":[{"path":"$ref","before":"f379c453-da21-41f6-92d1-9b6bdb95fd86","after":"80b4ea6a-2f97-4d23-9256-61e30ed07f4d"}]},
|
|
29
|
+
{"id":"5e22a7a1-10","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to control)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to control)","name":"space-between","fields":[{"path":"$ref","before":"0135b823-5097-43bb-9911-9f731146af3b","after":"62ea5f0e-3cb5-4535-8cd1-a7f30ba932fc"}]},
|
|
30
|
+
{"id":"5e22a7a1-11","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to control)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to control)","name":"space-between","fields":[{"path":"$ref","before":"68276028-41d8-49e1-b0d4-f70cd27ab149","after":"62ea5f0e-3cb5-4535-8cd1-a7f30ba932fc"}]},
|
|
31
|
+
{"id":"5e22a7a1-12","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to control)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to control)","name":"space-between","fields":[{"path":"$ref","before":"f2c965e6-89fb-4b9d-843d-cfde31b7703d","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
32
|
+
{"id":"5e22a7a1-13","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to control)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to control)","name":"space-between","fields":[{"path":"$ref","before":"035e786b-17f2-488e-a049-84b257a3312f","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
33
|
+
{"id":"5e22a7a1-14","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to control)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to control)","name":"space-between","fields":[{"path":"$ref","before":"fbc21571-970f-4bb2-8280-f6262446896b","after":"cc707192-e70f-4965-8582-55fa97d02184"}]},
|
|
34
|
+
{"id":"5e22a7a1-15","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to control)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top edge to control)","name":"space-between","fields":[{"path":"$ref","before":"7e95ad9a-ca10-4f06-9c19-8dd2270cfdad","after":"cc707192-e70f-4965-8582-55fa97d02184"}]},
|
|
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-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"}]},
|
|
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-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"}]},
|
|
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-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"}]},
|
|
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-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"}]},
|
|
39
|
+
{"id":"5e22a7a1-20","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"}]},
|
|
40
|
+
{"id":"5e22a7a1-21","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"}]},
|
|
41
|
+
{"id":"5e22a7a1-22","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"}]},
|
|
42
|
+
{"id":"5e22a7a1-23","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"}]},
|
|
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-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"}]},
|
|
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-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"}]},
|
|
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-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"}]},
|
|
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-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"}]},
|
|
47
|
+
{"id":"5e22a7a1-28","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"}]},
|
|
48
|
+
{"id":"5e22a7a1-29","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"}]},
|
|
49
|
+
{"id":"5e22a7a1-30","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"}]},
|
|
50
|
+
{"id":"5e22a7a1-31","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"}]},
|
|
51
|
+
{"id":"5e22a7a1-32","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"}]}
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
]
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"release": "3.0.0",
|
|
58
|
+
"version": "1.0.2",
|
|
59
|
+
"bump": "patch",
|
|
60
|
+
"date": "2026-09-08",
|
|
61
|
+
"commit": "284fe0dba6da9932c454eaee20bbbb04272d4433",
|
|
62
|
+
"commits": [
|
|
63
|
+
{
|
|
64
|
+
"commit": "6005339a0678226eee3e827fd5bbfa793f5bccc7",
|
|
65
|
+
"date": "2026-09-08",
|
|
66
|
+
"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"},
|
|
67
|
+
"entries": [],
|
|
68
|
+
"metadata": {"count":48,"fields":["conceptId","set_uuid"]}
|
|
69
|
+
}
|
|
70
|
+
]
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"release": "3.3.0",
|
|
74
|
+
"version": "1.0.3",
|
|
75
|
+
"bump": "patch",
|
|
76
|
+
"date": "2026-09-30",
|
|
77
|
+
"commit": "fdb29c3027de60713f6f0f98520fc0879fa408c5",
|
|
78
|
+
"commits": [
|
|
79
|
+
{
|
|
80
|
+
"commit": "b9888b8ce9a0e4ec5b607e088942999629d5d43d",
|
|
81
|
+
"date": "2026-09-28",
|
|
82
|
+
"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"},
|
|
83
|
+
"entries": [],
|
|
84
|
+
"metadata": {"count":1,"fields":["implementation added"]}
|
|
85
|
+
}
|
|
86
|
+
]
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"release": "3.4.0",
|
|
90
|
+
"version": "1.1.0",
|
|
91
|
+
"bump": "minor",
|
|
92
|
+
"date": "2026-10-01",
|
|
93
|
+
"commit": "61c5e6769e60980caf58c544b508ab2e610958b4",
|
|
94
|
+
"commits": [
|
|
95
|
+
{
|
|
96
|
+
"commit": "ec3376fa833f2c31dd0b2340590134b2747b00c4",
|
|
97
|
+
"date": "2026-10-01",
|
|
98
|
+
"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"},
|
|
99
|
+
"entries": [
|
|
100
|
+
{"id":"ec3376fa-0","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/0","name":"guideline: Keyboard focus.\n\nA switch can be navigated using","fields":[{"path":"content","before":"Switches toggle an individual option on or off. They're typically used to activate or deactivate a specific setting.","after":"Keyboard focus.\n\nA switch can be navigated using a keyboard. The keyboard focus state takes the switch's visual hover state and adds a blue ring to the switch in focus."}]},
|
|
101
|
+
{"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/1","name":"guideline: Text overflow.\n\nWhen the label is too long for t","fields":[{"path":"content","before":"Switch should always have a label for accessibility and clear comprehension. When the label is not defined, a switch becomes standalone. Standalone switches should only be used when their connection to other components is clear and they give sufficient context — for example, in application panels.","after":"Text overflow.\n\nWhen the label is too long for the horizontal space available, it wraps to form another line."}]},
|
|
102
|
+
{"id":"ec3376fa-2","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/2","name":"guideline: When to use an emphasized switch?\n\nEmphasized sw","fields":[{"path":"content","before":"Switches can either be selected or not selected. They cannot be in an indeterminate state (unlike checkboxes). When a switch represents multiple values that are not identical, the switch should appear as not selected.","after":"When to use an emphasized switch?\n\nEmphasized switches are optimal for forms, settings, and other scenarios where the switches need to be noticed. Not emphasized switches are optimal for application panels where all the visual components are monochrome in order to direct focus to the canvas."}]},
|
|
103
|
+
{"id":"ec3376fa-3","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/3","name":"guideline: When to use a standalone switch?\n\nStandalone swi","fields":[{"path":"content","before":"Switch 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":"When to use a standalone switch?\n\nStandalone switches should be used in situations where the context is clear without an associated text label. For example, a switch located at the top of a panel next to the panel's title makes it clear that the switch will enable/disable the panel options."}]},
|
|
104
|
+
{"id":"ec3376fa-4","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/4","name":"guideline: Switch, checkbox or radio button?\n\nSwitches are ","fields":[{"path":"content","before":"By default, switches are not emphasized (gray). This version is optimal for when the switch is not the core part of an interface, such as in application panels, where all visual components are monochrome in order to direct focus to the content.","after":"Switch, checkbox or radio button?\n\nSwitches are best for communicating activation (e.g., turning a setting on or off). Checkboxes are best for communicating selection (e.g., selecting multiple items from a list). Radio buttons are best when only one option can be selected at a time from a set (e.g., choosing one preference or mode)."}]},
|
|
105
|
+
{"id":"ec3376fa-5","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/5","name":"guideline: Representing mixed values.\n\nWhen a switch repres","fields":[{"path":"content","before":"The emphasized (blue) version provides a visual prominence that is optimal for forms, settings, lists or grids of assets, and other situations where a switch needs to be noticed.","after":"Representing mixed values.\n\nWhen a switch represents multiple values that are not identical, the switch should appear as not selected. Any subsequent click or tap should select the switch, and update all values to be selected. Another click or tap after that should deselect the switch, and update all values to be not selected."}]},
|
|
106
|
+
{"id":"ec3376fa-6","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/6","name":"guideline: No partial state.\n\nSwitches can only be on or of","fields":[{"path":"content","before":"A switch in a disabled state shows that an action exists, but is not available in that circumstance. This state can be used to maintain layout continuity and to communicate that an action may become available later.","after":"No partial state.\n\nSwitches can only be on or off. Indeterminate switches don't exist in accessibility APIs, so it's not possible to make an indeterminate switch accessible. If you need to show a partial state, use a checkbox instead of a switch. When a parent switch represents a group of switches, it should be turned off unless all of the switches are on (turning the parent switch on turns all of the switches on)."}]},
|
|
107
|
+
{"id":"ec3376fa-7","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/7","name":"guideline: A label for a switch describes a setting that is","fields":[{"path":"content","before":"Switches have a read-only option for when they’re in the disabled state but still need their labels to be shown. This allows for content to be copied, but not interacted with or changed.","after":"A label for a switch describes a setting that is either on or off — two mutually exclusive states. Use a short description (1-3 words) of the setting. Try to include all necessary information in the label, but it's OK to add clarifying text after to supplement if needed. Keep in mind that when a user takes an action on a switch, that action will often affect other content in an experience. Think systematically to ensure that all labels are paralleling each other in their writing."}]},
|
|
108
|
+
{"id":"ec3376fa-8","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/8","name":"guideline: Consider if the label should use a verb or a nou","fields":[{"path":"content","before":"A switch can be navigated using a keyboard. The keyboard focus state takes the switch’s visual hover state and adds a blue ring to the switch in focus.","after":"Consider if the label should use a verb or a noun.\n\nA switch shows a state of persistence for something — a noun or a proper noun — as either being \"on\" or \"off.\" A verb isn't usually needed to communicate the thing being turned on or off, but there can be instances where phrasing the label as a verb can aid in clarity. Just try to keep switches consistently using either verbs or nouns if you have more than one of them in a single view."}]},
|
|
109
|
+
{"id":"ec3376fa-9","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/9","name":"guideline: Avoid using verb phrases related to a state of a","fields":[{"path":"content","before":"When the label is too long for the horizontal space available, it wraps to form another line.","after":"Avoid using verb phrases related to a state of activity.\n\nAvoid using verb phrases related to activity states in a switch label, such as \"turn on\" or \"turn off.\" A switch is naturally either in a state of being on or off — active or inactive — so repeating in the label that something is \"on\" or \"off\" is redundant and clutters an interface."}]},
|
|
110
|
+
{"id":"ec3376fa-10","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/10","name":"guideline: Use a neutral tone.\n\nBecause switches are used f","fields":[{"path":"content","before":"Emphasized switches are optimal for forms, settings, and other scenarios where the switches need to be noticed. Not emphasized switches are optimal for application panels where all the visual components are monochrome in order to direct focus to the canvas.","after":"Use a neutral tone.\n\nBecause switches are used for controls and utility, their labels are written in a neutral, utilitarian way. There's no need for overly celebratory language."}]},
|
|
111
|
+
{"id":"ec3376fa-11","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/11","name":"guideline: Use \"you\" or \"your\" if needed to refer to the us","fields":[{"path":"content","before":"Standalone switches should be used in situations where the context is clear without an associated text label. For example, a switch located at the top of a panel next to the panel's title makes it clear that the switch will enable/disable the panel options.","after":"Use \"you\" or \"your\" if needed to refer to the user directly.\n\nDescribe switches objectively by using only the names of features or settings, or what those features and settings will do. In the case where it's necessary to refer to a user directly, do so sparingly and use the second person \"you/your.\" We aim to be conversational and talk to the user — not as them."}]},
|
|
112
|
+
{"id":"ec3376fa-12","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/12","name":"guideline: Use sentence case.\n\nFollowing Adobe's UX writing","fields":[{"path":"content","before":"Switches are best for communicating activation (e.g., turning a setting on or off). Checkboxes are best for communicating selection (e.g., selecting multiple items from a list). Radio buttons are best when only one option can be selected at a time from a set (e.g., choosing one preference or mode).","after":"Use sentence case.\n\nFollowing Adobe's UX writing style, labels for switches are written in sentence case unless they contain words that are branded terms."}]},
|
|
113
|
+
{"id":"ec3376fa-13","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/13","name":"guideline: RTL.\n\nFor RTL (right-to-left) languages, the lay","fields":[{"path":"content","before":"When a switch represents multiple values that are not identical, the switch should appear as not selected. Any subsequent click or tap should select the switch, and update all values to be selected. Another click or tap after that should deselect the switch, and update all values to be not selected.","after":"RTL.\n\nFor RTL (right-to-left) languages, the layout of the switch is mirrored. The track is placed on the right side of the text and the handle is positioned to the left when the switch is turned on."}]},
|
|
114
|
+
{"id":"ec3376fa-14","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/14","name":"guideline: Keyboard interactions.\n\nKey Interaction Tab Move","fields":[{"path":"content","before":"Switches can only be on or off. Indeterminate switches don’t exist in accessibility APIs, so it’s not possible to make an indeterminate switch accessible. If you need to show a partial state, use a checkbox instead of a switch.","after":"Keyboard interactions.\n\nKey Interaction Tab Moves focus to the next item or group of items. Shift + Tab Moves focus to the previous item or group of items. Space or Enter Toggles the switch between on and off."}]},
|
|
115
|
+
{"id":"ec3376fa-15","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/documentBlocks/15","name":"guideline: Cursor guidelines.\n\nCursor Description Pointer U","fields":[{"path":"content","before":"When a parent switch represents a group of switches, it should be turned off unless all of the switches are on (turning the parent switch on turns all of the switches on).","after":"Cursor guidelines.\n\nCursor Description Pointer Use the pointer cursor for interactive elements in all states."}]},
|
|
116
|
+
{"id":"ec3376fa-16","kind":"document-block","change":"added","class":"documentation","bump":"minor","indirect":false,"contexts":[],"record":"switch/documentBlocks/16","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 Info and relationships, Identify purpose 1.3.1, 1.3.6 A, AAA Switches should be understandable by assistive technologies like screen readers. This means the proper semantic HTML or ARIA role should be utilized. Use of color 1.4.1 A Switches never rely on color alone to convey meaning. The active state uses blue to reinforce “on,” and the handle shifts position to clearly show whether the switch is on or off. 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. Resize text 1.4.4 AA Switches should be built in such a way that they can be resized without assistive technology up to 200%. Non-text contrast 1.4.11 AA The visual presentation of icons and various 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 when the label is wrapped. 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."}}
|
|
117
|
+
]
|
|
118
|
+
}
|
|
119
|
+
]
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"release": "3.8.0",
|
|
123
|
+
"version": "1.2.0",
|
|
124
|
+
"bump": "minor",
|
|
125
|
+
"date": "2026-11-03",
|
|
126
|
+
"commit": "7b38617df24442d22724fb890cef69aa198b9e3a",
|
|
127
|
+
"commits": [
|
|
128
|
+
{
|
|
129
|
+
"commit": "9b4ad35c29fb00193e5847625699afb04fa0c560",
|
|
130
|
+
"date": "2026-10-31",
|
|
131
|
+
"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"},
|
|
132
|
+
"entries": [
|
|
133
|
+
{"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"}]},
|
|
134
|
+
{"id":"9b4ad35c-1","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control (selected, non emphasized)"],"scope":{"property":"background-color","options":null},"record":"background-color#Control (selected, non emphasized)","name":"background-color","fields":[],"after":"43ca4c0d-7803-4e8e-b444-26fe70d5304c"},
|
|
135
|
+
{"id":"9b4ad35c-2","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control (selected, non emphasized)"],"scope":{"property":"background-color","options":null},"record":"background-color#Control (selected, non emphasized)","name":"background-color","fields":[],"after":"d236bdc5-037b-4838-8401-8a0d5136936c"},
|
|
136
|
+
{"id":"9b4ad35c-3","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control (selected, non emphasized)"],"scope":{"property":"background-color","options":null},"record":"background-color#Control (selected, non emphasized)","name":"background-color","fields":[],"after":"cf169d95-e427-4665-a983-c24727dbfa60"},
|
|
137
|
+
{"id":"9b4ad35c-4","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control (selected, non emphasized)"],"scope":{"property":"background-color","options":null},"record":"background-color#Control (selected, non emphasized)","name":"background-color","fields":[],"after":"c2c538e0-6f8d-4586-953a-b98ef40c9eca"},
|
|
138
|
+
{"id":"9b4ad35c-5","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control"],"scope":{"property":"border-color","options":null},"record":"border-color#Control","name":"border-color","fields":[],"after":"43ca4c0d-7803-4e8e-b444-26fe70d5304c"},
|
|
139
|
+
{"id":"9b4ad35c-6","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control"],"scope":{"property":"border-color","options":null},"record":"border-color#Control","name":"border-color","fields":[],"after":"d236bdc5-037b-4838-8401-8a0d5136936c"},
|
|
140
|
+
{"id":"9b4ad35c-7","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control"],"scope":{"property":"border-color","options":null},"record":"border-color#Control","name":"border-color","fields":[],"after":"cf169d95-e427-4665-a983-c24727dbfa60"},
|
|
141
|
+
{"id":"9b4ad35c-8","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control"],"scope":{"property":"border-color","options":null},"record":"border-color#Control","name":"border-color","fields":[],"after":"c2c538e0-6f8d-4586-953a-b98ef40c9eca"},
|
|
142
|
+
{"id":"9b4ad35c-9","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control (disabled)"],"scope":{"property":"border-color","options":null},"record":"border-color#Control (disabled)","name":"border-color","fields":[],"after":"8bf69fd3-1462-49b9-a78a-cc2f03380823"},
|
|
143
|
+
{"id":"9b4ad35c-10","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control (disabled, selected)"],"scope":{"property":"background-color","options":null},"record":"background-color#Control (disabled, selected)","name":"background-color","fields":[],"after":"8bf69fd3-1462-49b9-a78a-cc2f03380823"},
|
|
144
|
+
{"id":"9b4ad35c-11","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control"],"scope":{"property":"background-color","options":null},"record":"background-color#Control","name":"background-color","fields":[],"after":"43ca4c0d-7803-4e8e-b444-26fe70d5304c"},
|
|
145
|
+
{"id":"9b4ad35c-12","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control"],"scope":{"property":"background-color","options":null},"record":"background-color#Control","name":"background-color","fields":[],"after":"d236bdc5-037b-4838-8401-8a0d5136936c"},
|
|
146
|
+
{"id":"9b4ad35c-13","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control"],"scope":{"property":"background-color","options":null},"record":"background-color#Control","name":"background-color","fields":[],"after":"cf169d95-e427-4665-a983-c24727dbfa60"},
|
|
147
|
+
{"id":"9b4ad35c-14","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control"],"scope":{"property":"background-color","options":null},"record":"background-color#Control","name":"background-color","fields":[],"after":"c2c538e0-6f8d-4586-953a-b98ef40c9eca"},
|
|
148
|
+
{"id":"9b4ad35c-15","kind":"relationship","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":["Control (disabled)"],"scope":{"property":"background-color","options":null},"record":"background-color#Control (disabled)","name":"background-color","fields":[],"after":"8bf69fd3-1462-49b9-a78a-cc2f03380823"},
|
|
149
|
+
{"id":"9b4ad35c-16","kind":"option","change":"added","class":"api","bump":"minor","indirect":false,"contexts":[],"record":"switch/options/hideLabel","name":"hideLabel","fields":[],"after":{"type":"boolean","default":false}},
|
|
150
|
+
{"id":"9b4ad35c-17","kind":"option","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/options/isReadOnly","name":"isReadOnly","fields":[{"path":"description","after":"Behavior only: the switch keeps its default or selected appearance and does not respond to hover or press. No distinct read-only visual is defined in Figma (Web POC), react-spectrum S2, or Spectrum Web Components 1st-gen."}]},
|
|
151
|
+
{"id":"9b4ad35c-18","kind":"anatomy-part","change":"added","class":"api","bump":"minor","indirect":false,"contexts":[],"record":"switch/anatomy/container","name":"container","fields":[],"after":{"name":"container","description":"Row that holds the track and the label.","required":true,"contains":["track","label"]}},
|
|
152
|
+
{"id":"9b4ad35c-19","kind":"anatomy-part","change":"added","class":"api","bump":"minor","indirect":false,"contexts":[],"record":"switch/anatomy/focus-indicator","name":"focus-indicator","fields":[],"after":{"name":"focus-indicator","description":"Outline drawn outside the track for keyboard focus.","presentIn":["keyboard-focus"]}},
|
|
153
|
+
{"id":"9b4ad35c-20","kind":"anatomy-part","change":"added","class":"api","bump":"minor","indirect":false,"contexts":[],"record":"switch/anatomy/handle","name":"handle","fields":[],"after":{"name":"handle","description":"Circle that sits at the start of the track when off and at the end when on.","required":true}},
|
|
154
|
+
{"id":"9b4ad35c-21","kind":"anatomy-part","change":"added","class":"api","bump":"minor","indirect":false,"contexts":[],"record":"switch/anatomy/label","name":"label","fields":[],"after":{"name":"label","description":"Text label."}},
|
|
155
|
+
{"id":"9b4ad35c-22","kind":"anatomy-part","change":"added","class":"api","bump":"minor","indirect":false,"contexts":[],"record":"switch/anatomy/track","name":"track","fields":[],"after":{"name":"track","description":"Pill-shaped background. Its border is drawn while the switch is off. Holds the handle.","required":true,"contains":["handle"]}},
|
|
156
|
+
{"id":"9b4ad35c-23","kind":"component","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"switch/anatomyReview","name":"anatomyReview","fields":[{"path":"anatomyReview.notes","after":"control removed (a grouping with no style of its own); its size moved to track, which now holds the handle. focus-indicator is state-only."}]},
|
|
157
|
+
{"id":"9b4ad35c-24","kind":"visual-recipe","change":"added","class":"visual","bump":"minor","indirect":false,"contexts":[],"record":"switch/visual","name":"switch","fields":[]}
|
|
158
|
+
],
|
|
159
|
+
"metadata": {"count":25,"fields":["anatomyReview.reviewedIn","anatomyReview.status","scope.options.isSelected","scope.options.state","scope.part"]}
|
|
160
|
+
}
|
|
161
|
+
]
|
|
162
|
+
}
|
|
163
|
+
]
|
|
164
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "tab-bar-ios",
|
|
5
|
+
"baseline": {"release":"2.1.0","version":"1.0.0","commit":"4033f09de6696d4f61d1da89d42129a941dbd806"},
|
|
6
|
+
"releases": [
|
|
7
|
+
{
|
|
8
|
+
"release": "2.3.0",
|
|
9
|
+
"version": "2.0.0",
|
|
10
|
+
"bump": "major",
|
|
11
|
+
"date": "2026-08-27",
|
|
12
|
+
"commit": "8b1f8cf3ab669ad8bf4bfb648caa035bd8c589da",
|
|
13
|
+
"commits": [
|
|
14
|
+
{
|
|
15
|
+
"commit": "6d070af0f289fc18d23b7406ed23bc606ccc7e65",
|
|
16
|
+
"date": "2026-08-27",
|
|
17
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1385,"title":"feat(design-data): remove tab-bar-ios and ios-states from monorepo","url":"https://github.com/adobe/spectrum-design-data/pull/1385"},
|
|
18
|
+
"entries": [
|
|
19
|
+
{"id":"6d070af0-0","kind":"component","change":"removed","class":"api","bump":"major","indirect":false,"contexts":[],"record":"tab-bar-ios/","name":"tab-bar-ios","fields":[]}
|
|
20
|
+
]
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
]
|
|
25
|
+
}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
|
|
3
|
+
"specVersion": "1.0.0-draft",
|
|
4
|
+
"component": "table",
|
|
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": "0b2d328b9dbfe7adf3cb762853faa15a4ba92dd0",
|
|
16
|
+
"date": "2026-08-17",
|
|
17
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1333,"title":"fix(design-data): remove SPEC-027 dangling tokenBindings superseded by CTR","url":"https://github.com/adobe/spectrum-design-data/pull/1333"},
|
|
18
|
+
"entries": [
|
|
19
|
+
{"id":"0b2d328b-0","kind":"component","change":"updated","class":"api","bump":"patch","indirect":false,"contexts":[],"record":"table/tokenBindings","name":"tokenBindings","fields":[{"path":"tokenBindings","before":[{"token":"table-selected-row-background-color-highlight","context":"Selected row background (highlight selection)"},{"token":"table-selected-row-background-opacity-highlight","context":"Selected row background (highlight selection)"},{"token":"table-selected-row-background-opacity-highlight-hover","context":"Selected row background (highlight selection, hover)"},{"token":"table-selected-row-background-opacity-hover-highlight","context":"S2 Selected row background (highlight selection, hover)"}]}]}
|
|
20
|
+
]
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"release": "2.7.0",
|
|
26
|
+
"version": "1.0.2",
|
|
27
|
+
"bump": "patch",
|
|
28
|
+
"date": "2026-09-03",
|
|
29
|
+
"commit": "6d1892a74dfa5fe9819fdd3d7d6893b08318b244",
|
|
30
|
+
"commits": [
|
|
31
|
+
{
|
|
32
|
+
"commit": "5e22a7a18cd1a4f2a5957cba9cafa66bef73ed63",
|
|
33
|
+
"date": "2026-09-03",
|
|
34
|
+
"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"},
|
|
35
|
+
"entries": [
|
|
36
|
+
{"id":"5e22a7a1-0","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (column header row top/bottom to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (column header row top/bottom to text)","name":"space-between","fields":[{"path":"$ref","before":"0ec68b5a-4251-4727-a689-b10722ce1a43","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
37
|
+
{"id":"5e22a7a1-1","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (column header row top/bottom to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (column header row top/bottom to text)","name":"space-between","fields":[{"path":"$ref","before":"ff3c5329-ccec-4b94-b200-29a377b34380","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
38
|
+
{"id":"5e22a7a1-2","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (column header row top/bottom to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (column header row top/bottom to text)","name":"space-between","fields":[{"path":"$ref","before":"7357ba3f-c707-4475-b616-4752776c06d1","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
39
|
+
{"id":"5e22a7a1-3","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (column header row top/bottom to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (column header row top/bottom to text)","name":"space-between","fields":[{"path":"$ref","before":"631d14a5-1d2e-4e4a-90e8-146e8a397530","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
40
|
+
{"id":"5e22a7a1-4","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (row top/bottom to text, compact density)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (row top/bottom to text, compact density)","name":"space-between","fields":[{"path":"$ref","before":"02c5faff-dbb4-4633-ae57-413b3666dfca","after":"42473d6e-5f40-46c7-9bbc-302e355ae6ae"}]},
|
|
41
|
+
{"id":"5e22a7a1-5","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (row top/bottom to text, compact density)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (row top/bottom to text, compact density)","name":"space-between","fields":[{"path":"$ref","before":"d9d8fee2-9e0f-4c2b-8059-f9badb3b6482","after":"42473d6e-5f40-46c7-9bbc-302e355ae6ae"}]},
|
|
42
|
+
{"id":"5e22a7a1-6","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 11px, mobile 14px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 11px, mobile 14px;","name":"space-between","fields":[{"path":"$ref","before":"ae401c94-c643-446f-a44e-38c9f3104fc6","after":"15ffb38e-341b-4c47-a6b3-c197e05afffe"}]},
|
|
43
|
+
{"id":"5e22a7a1-7","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 11px, mobile 14px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 11px, mobile 14px;","name":"space-between","fields":[{"path":"$ref","before":"0cd86854-57ca-4023-b544-8a4a76418164","after":"15ffb38e-341b-4c47-a6b3-c197e05afffe"}]},
|
|
44
|
+
{"id":"5e22a7a1-8","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 11px, mobile 14px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 11px, mobile 14px;","name":"space-between","fields":[{"path":"$ref","before":"f14087ac-db72-43df-a8fa-9c9b03c6a1c9","after":"15ffb38e-341b-4c47-a6b3-c197e05afffe"}]},
|
|
45
|
+
{"id":"5e22a7a1-9","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 11px, mobile 14px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 11px, mobile 14px;","name":"space-between","fields":[{"path":"$ref","before":"6ff9a81f-a2f8-4966-a48b-c8561aa4f833","after":"15ffb38e-341b-4c47-a6b3-c197e05afffe"}]},
|
|
46
|
+
{"id":"5e22a7a1-10","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (row top/bottom to text, spacious density)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (row top/bottom to text, spacious density)","name":"space-between","fields":[{"path":"$ref","before":"9893c4bf-aa89-4b46-987f-09432943734a","after":"a775a186-802e-4256-947c-7fda3ac53caa"}]},
|
|
47
|
+
{"id":"5e22a7a1-11","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (row top/bottom to text, spacious density)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (row top/bottom to text, spacious density)","name":"space-between","fields":[{"path":"$ref","before":"cfa36bf7-cce0-4049-970a-8f11c6d60673","after":"a775a186-802e-4256-947c-7fda3ac53caa"}]},
|
|
48
|
+
{"id":"5e22a7a1-12","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (row top/bottom to text, spacious density)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (row top/bottom to text, spacious density)","name":"space-between","fields":[{"path":"$ref","before":"2cedf119-a2f6-484a-8bdd-83652a8d6d79","after":"a775a186-802e-4256-947c-7fda3ac53caa"}]},
|
|
49
|
+
{"id":"5e22a7a1-13","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (row top/bottom to text, spacious density)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (row top/bottom to text, spacious density)","name":"space-between","fields":[{"path":"$ref","before":"8273e28d-20b4-4575-9449-9178af111e38","after":"a775a186-802e-4256-947c-7fda3ac53caa"}]},
|
|
50
|
+
{"id":"5e22a7a1-14","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (text to start/end edge or divider)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (text to start/end edge or divider)","name":"space-between","fields":[{"path":"$ref","before":"5e46672f-eab0-4ec3-bd14-68ffa4404ec1","after":"a775a186-802e-4256-947c-7fda3ac53caa"}]},
|
|
51
|
+
{"id":"5e22a7a1-15","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 8px, mobile 10px;\n\nThis applies to icon, avatar, and thumbnail."],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 8px, mobile 10px;\n\nThis applies to icon, avatar, and thumbnail.","name":"space-between","fields":[{"path":"$ref","before":"4366909e-3bfb-481c-abdc-4ae71f965bc3","after":"42da5f00-7ba7-4a9a-8ab4-6f3552e22fdd"}]},
|
|
52
|
+
{"id":"5e22a7a1-16","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 8px, mobile 10px;\n\nThis applies to icon, avatar, and thumbnail."],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 8px, mobile 10px;\n\nThis applies to icon, avatar, and thumbnail.","name":"space-between","fields":[{"path":"$ref","before":"205f0c77-6588-4cc7-927f-3ba767200bac","after":"42da5f00-7ba7-4a9a-8ab4-6f3552e22fdd"}]},
|
|
53
|
+
{"id":"5e22a7a1-17","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (checkbox to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (checkbox to text)","name":"space-between","fields":[{"path":"$ref","before":"400553db-907c-43a5-8545-92ba212e12b8","after":"15ffb38e-341b-4c47-a6b3-c197e05afffe"}]},
|
|
54
|
+
{"id":"5e22a7a1-18","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (checkbox to text)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (checkbox to text)","name":"space-between","fields":[{"path":"$ref","before":"cb7c89c0-9f31-43c4-8427-2e048f549ff7","after":"15ffb38e-341b-4c47-a6b3-c197e05afffe"}]},
|
|
55
|
+
{"id":"5e22a7a1-19","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 8px, mobile 11px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 8px, mobile 11px;","name":"space-between","fields":[{"path":"$ref","before":"578765e6-b2ec-4bfe-ae28-f24cbee15898","after":"42473d6e-5f40-46c7-9bbc-302e355ae6ae"}]},
|
|
56
|
+
{"id":"5e22a7a1-20","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 8px, mobile 11px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 8px, mobile 11px;","name":"space-between","fields":[{"path":"$ref","before":"2e168a2b-46aa-453f-9ca1-746485216c84","after":"42473d6e-5f40-46c7-9bbc-302e355ae6ae"}]},
|
|
57
|
+
{"id":"5e22a7a1-21","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 8px, mobile 11px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 8px, mobile 11px;","name":"space-between","fields":[{"path":"$ref","before":"0b12ff10-52e2-4084-9f1b-ee7bc0b50576","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
58
|
+
{"id":"5e22a7a1-22","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 8px, mobile 11px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 8px, mobile 11px;","name":"space-between","fields":[{"path":"$ref","before":"84f00d87-c0ea-42fd-8477-9fff028bf79c","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
59
|
+
{"id":"5e22a7a1-23","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 12px, mobile 16px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 12px, mobile 16px;","name":"space-between","fields":[{"path":"$ref","before":"be965b15-08f8-43be-9953-52151d8c7670","after":"15ffb38e-341b-4c47-a6b3-c197e05afffe"}]},
|
|
60
|
+
{"id":"5e22a7a1-24","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 12px, mobile 16px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 12px, mobile 16px;","name":"space-between","fields":[{"path":"$ref","before":"2ae09505-d43f-4e2c-b8a6-014ccfef5c10","after":"15ffb38e-341b-4c47-a6b3-c197e05afffe"}]},
|
|
61
|
+
{"id":"5e22a7a1-25","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 16px, mobile 21px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 16px, mobile 21px;","name":"space-between","fields":[{"path":"$ref","before":"c8a04cab-bfad-4b82-94dc-6c2b4160c7cb","after":"a775a186-802e-4256-947c-7fda3ac53caa"}]},
|
|
62
|
+
{"id":"5e22a7a1-26","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Note: desktop 16px, mobile 21px;"],"scope":{"property":"space-between","options":null},"record":"space-between#Note: desktop 16px, mobile 21px;","name":"space-between","fields":[{"path":"$ref","before":"a57d2d1a-5e0c-4d4c-84eb-dd2339366aad","after":"a775a186-802e-4256-947c-7fda3ac53caa"}]},
|
|
63
|
+
{"id":"5e22a7a1-27","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (section header row top/bottom to text)"],"scope":{"property":"component-top-to-text-100","options":null},"record":"component-top-to-text-100#Spacing (section header row top/bottom to text) ","name":"component-top-to-text-100","fields":[{"path":"$ref","before":"15bf492b-3a65-4577-8a3b-df09026b96a7","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
64
|
+
{"id":"5e22a7a1-28","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (section header row top/bottom to text)"],"scope":{"property":"component-top-to-text-100","options":null},"record":"component-top-to-text-100#Spacing (section header row top/bottom to text) ","name":"component-top-to-text-100","fields":[{"path":"$ref","before":"bed358a2-0559-4501-a147-b375887f25af","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
65
|
+
{"id":"5e22a7a1-29","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (section header row top/bottom to text)"],"scope":{"property":"component-bottom-to-text-100","options":null},"record":"component-bottom-to-text-100#Spacing (section header row top/bottom to text) ","name":"component-bottom-to-text-100","fields":[{"path":"$ref","before":"24def269-4582-46f6-a00c-8b5a28410917","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
|
|
66
|
+
{"id":"5e22a7a1-30","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (section header row top/bottom to text)"],"scope":{"property":"component-bottom-to-text-100","options":null},"record":"component-bottom-to-text-100#Spacing (section header row top/bottom to text) ","name":"component-bottom-to-text-100","fields":[{"path":"$ref","before":"c8590269-dcaa-44f6-9c2d-d33274c3fe5e","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]}
|
|
67
|
+
]
|
|
68
|
+
}
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"release": "3.0.0",
|
|
73
|
+
"version": "1.0.3",
|
|
74
|
+
"bump": "patch",
|
|
75
|
+
"date": "2026-09-08",
|
|
76
|
+
"commit": "284fe0dba6da9932c454eaee20bbbb04272d4433",
|
|
77
|
+
"commits": [
|
|
78
|
+
{
|
|
79
|
+
"commit": "6005339a0678226eee3e827fd5bbfa793f5bccc7",
|
|
80
|
+
"date": "2026-09-08",
|
|
81
|
+
"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"},
|
|
82
|
+
"entries": [],
|
|
83
|
+
"metadata": {"count":46,"fields":["conceptId","set_uuid"]}
|
|
84
|
+
}
|
|
85
|
+
]
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"release": "3.2.3",
|
|
89
|
+
"version": "1.0.4",
|
|
90
|
+
"bump": "patch",
|
|
91
|
+
"date": "2026-09-14",
|
|
92
|
+
"commit": "05c64ff95a62826179e8e0921d3934f636346f27",
|
|
93
|
+
"commits": [
|
|
94
|
+
{
|
|
95
|
+
"commit": "d88be4e0204abb31d9f02ce680acd0fe478057a7",
|
|
96
|
+
"date": "2026-09-14",
|
|
97
|
+
"source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1452,"title":"fix(tokens): stack-item selected-down background gray-300 → gray-200","url":"https://github.com/adobe/spectrum-design-data/pull/1452"},
|
|
98
|
+
"entries": [
|
|
99
|
+
{"id":"d88be4e0-0","kind":"token","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Row (checkbox selection, down)"],"scope":{"property":"color","options":{"state":["selected","down"],"object":"background"}},"record":"1ad58d16-66da-44ae-829e-9ee1ff56a857","name":"color[object=background,state=?]","fields":[{"path":"$ref","before":"dac01571-b26a-4aef-ace7-d0e34e917570","after":"8a182a6b-149b-41a6-b608-fc247bcc298f"}]}
|
|
100
|
+
]
|
|
101
|
+
}
|
|
102
|
+
]
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"release": "3.4.0",
|
|
106
|
+
"version": "1.1.0",
|
|
107
|
+
"bump": "minor",
|
|
108
|
+
"date": "2026-10-01",
|
|
109
|
+
"commit": "61c5e6769e60980caf58c544b508ab2e610958b4",
|
|
110
|
+
"commits": [
|
|
111
|
+
{
|
|
112
|
+
"commit": "ec3376fa833f2c31dd0b2340590134b2747b00c4",
|
|
113
|
+
"date": "2026-10-01",
|
|
114
|
+
"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"},
|
|
115
|
+
"entries": [
|
|
116
|
+
{"id":"ec3376fa-0","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/0","name":"guideline: Standard vs. quiet.\n\nUse a standard table when a","fields":[{"path":"content","before":"Tables organize and display structured information in rows and columns. They support scanning, sorting, comparing, and interacting with large amounts of data. Use when multiple data points need to be reviewed or acted on in one place.","after":"Standard vs. quiet.\n\nUse a standard table when a table is the main focus of an experience. Quiet tables are for when a table is meant to be supplementary, subtle, or lightweight."}]},
|
|
117
|
+
{"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/1","name":"guideline: Selection.\n\nBy default, rows are not selectable.","fields":[{"path":"content","before":"Tables come in three sizes: small, medium, and large. Size affects the overall scale, including font size and spacing. Medium is the default. Use large for high-visibility tables or when readability is critical. Use small in constrained spaces or when the table is secondary to other content.","after":"Selection.\n\nBy default, rows are not selectable. Enable selection with selectionMode=single or selectionMode=multiple. Checkbox selection (default): Checkboxes appear on the left. Clicking toggles selection. Use for bulk actions or when selection should be explicit. Highlight selection: No checkboxes—rows show a highlighted background when selected. Clicking a row selects it (use modifier keys for multi-select). Use when rows also need to support navigation or actions via onAction or href, or when a cleaner appearance is needed. Navigation: Use onAction for row actions or href for links. In highlight selection style, double-click performs actions while single-click selects, allowing both behaviors."}]},
|
|
118
|
+
{"id":"ec3376fa-2","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/2","name":"guideline: Hover state.\n\nAll tables have a hover state rega","fields":[{"path":"content","before":"If true, the table header is hidden.","after":"Hover state.\n\nAll tables have a hover state regardless of if actions or selections can be made. This aids the user in viewing content in a single row."}]},
|
|
119
|
+
{"id":"ec3376fa-3","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/3","name":"guideline: Start-align textual data.\n\nSimilar to a paragrap","fields":[{"path":"content","before":"Configuration for the table header row.","after":"Start-align textual data.\n\nSimilar to a paragraph of text, textual data should be start-aligned within a table (left-aligned in LTR languages, right-aligned in RTL languages). Never use center alignment."}]},
|
|
120
|
+
{"id":"ec3376fa-4","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/4","name":"guideline: Right align numerical data.\n\nNumerical data shou","fields":[{"path":"content","before":"Tables come in three densities: compact, regular, and spacious. Density controls vertical spacing while keeping font sizes consistent—compact rows have tighter padding, spacious rows have more breathing room. Regular is the default for most use cases. Use compact when fitting more data in a limited viewport is critical (e.g., dashboards, data-heavy admin panels). Use spacious when scannability and visual comfort are priorities (e.g., transaction histories, settings tables with minimal data).","after":"Right align numerical data.\n\nNumerical data should generally be right-aligned for ease of scanning and comparing. This alignment typically does NOT reverse in RTL languages because: Numbers are written left-to-right even in RTL languages (e.g., Arabic numerals) Right-alignment ensures decimal places and digits line up vertically for comparison Exception: Use start-alignment (left in LTR, right in RTL) when numbers are arbitrary identifiers, known as \"nominal numbers,\" which can't be compared or combined arithmetically (e.g., ZIP codes, IP addresses, phone numbers). These behave like text. Column headers follow the alignment of their data."}]},
|
|
121
|
+
{"id":"ec3376fa-5","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/5","name":"guideline: Use tabular numbers for numerical data.\n\nWhen us","fields":[{"path":"content","before":"Use a standard table when a table is the main focus of an experience. Quiet tables are for when a table is meant to be supplementary, subtle, or lightweight.","after":"Use tabular numbers for numerical data.\n\nWhen users need to compare numerical values, use tabular (monospaced) and lining (not old style) numbers to make it easier. These features are supported by Adobe Clean via the OpenType panel in Illustrator or via the CSS font feature settings."}]},
|
|
122
|
+
{"id":"ec3376fa-6","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/6","name":"guideline: Respect vertical alignment.\n\nAll content should ","fields":[{"path":"content","before":"If true, table columns can be sorted.","after":"Respect vertical alignment.\n\nAll content should be centered vertically within the row to offer the right visual balance."}]},
|
|
123
|
+
{"id":"ec3376fa-7","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/7","name":"guideline: Use column dividers sparingly.\n\nColumn dividers ","fields":[{"path":"content","before":"An array of column definitions for the table.","after":"Use column dividers sparingly.\n\nColumn dividers are optional decorations that can help organize table content and create groups of data. Only use these when necessary, and don't add them to every column."}]},
|
|
124
|
+
{"id":"ec3376fa-8","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/8","name":"guideline: Use an en dash (–) for missing values.\n\nWhen the","fields":[{"path":"content","before":"An array of row data for the table.","after":"Use an en dash (–) for missing values.\n\nWhen there are gaps in the data, use an en dash (–) to represent null or not applicable (N/A) values."}]},
|
|
125
|
+
{"id":"ec3376fa-9","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/9","name":"guideline: RTL.\n\nIn right‑to‑left languages, the table layo","fields":[{"path":"content","before":"All tables have a hover state regardless of if actions or selections can be made. This aids the user in viewing content in a single row.","after":"RTL.\n\nIn right‑to‑left languages, the table layout is mirrored. The columns run from right to left, and the text alignment within each column is reversed. Keep in mind that some content, such as file extensions and email addresses, does not change direction or translate."}]},
|
|
126
|
+
{"id":"ec3376fa-10","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/10","name":"guideline: Keyboard interactions.\n\nKey Interaction Tab Tabb","fields":[{"path":"content","before":"Similar to a paragraph of text, textual data should be start-aligned within a table (left-aligned in LTR languages, right-aligned in RTL languages). Never use center alignment.","after":"Keyboard interactions.\n\nKey Interaction Tab Tabbing into an item that has a tooltip associated with it (e.g., an icon) shows the tooltip. Esc Hides the tooltip."}]},
|
|
127
|
+
{"id":"ec3376fa-11","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/11","name":"guideline: Cursor guidelines.\n\nCursor Description Pointer I","fields":[{"path":"content","before":"Numerical data should generally be right-aligned for ease of scanning and comparing. This alignment typically does NOT reverse in RTL languages because:","after":"Cursor guidelines.\n\nCursor Description Pointer If the trigger is a button or link, or a focus-only element (like an info icon that shows a tooltip on hover), use the pointer cursor. Default (Arrow) If the trigger is an icon that is not clickable, use the default cursor. Pointer If the tooltip has a link, use the pointer cursor when interacting with the link."}]},
|
|
128
|
+
{"id":"ec3376fa-12","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/12","name":"guideline: WCAG 2.2 compliance.\n\nAny criterion not mention ","fields":[{"path":"content","before":"Exception: Use start-alignment (left in LTR, right in RTL) when numbers are arbitrary identifiers, known as \"nominal numbers,\" which can't be compared or combined arithmetically (e.g., ZIP codes, IP addresses, phone numbers). These behave like text.","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—such as icons used in tooltips and icons that trigger tooltips—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 Tooltips 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 tooltips. Tooltips use color to reinforce their meaning, but every tooltip also includes a clear text label that communicates purpose. 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. Resize text 1.4.4 AA Tooltips should be built in such a way that they can be resized without assistive technology up to 200%. 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 icons and various 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 in wrapped tooltips. 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."}]},
|
|
129
|
+
{"id":"ec3376fa-13","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/13","name":"guideline: Column headers follow the alignment of their dat","fields":[],"before":{"type":"guideline","content":"Column headers follow the alignment of their data."}},
|
|
130
|
+
{"id":"ec3376fa-14","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/14","name":"guideline: All content should be centered vertically within","fields":[],"before":{"type":"guideline","content":"All content should be centered vertically within the row to offer the right visual balance."}},
|
|
131
|
+
{"id":"ec3376fa-15","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/15","name":"guideline: Tables use row dividers, hover states, and selec","fields":[],"before":{"type":"guideline","content":"Tables use row dividers, hover states, and selection highlighting to help users track data. Zebra striping adds visual noise without improving usability."}},
|
|
132
|
+
{"id":"ec3376fa-16","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/16","name":"guideline: Column dividers are optional decorations that ca","fields":[],"before":{"type":"guideline","content":"Column dividers are optional decorations that can help organize table content and create groups of data. Only use these when necessary, and don't add them to every column."}},
|
|
133
|
+
{"id":"ec3376fa-17","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"table/documentBlocks/17","name":"guideline: When there are gaps in the data, use an en dash ","fields":[],"before":{"type":"guideline","content":"When there are gaps in the data, use an en dash (–) to represent null or not applicable (N/A) values."}},
|
|
134
|
+
{"id":"ec3376fa-18","kind":"document-block","change":"added","class":"documentation","bump":"minor","indirect":false,"contexts":[],"record":"table/documentBlocks/18","name":"do-dont: Don't use zebra stripes","fields":[],"after":{"type":"do-dont","content":"Don't use zebra stripes","dont":"Tables use row dividers, hover states, and selection highlighting to help users track data. Zebra striping adds visual noise without improving usability."}}
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
]
|
|
138
|
+
}
|
|
139
|
+
]
|
|
140
|
+
}
|