@adobe/spectrum-design-data 3.7.1 → 3.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/changelog/accordion.json +359 -0
  2. package/changelog/action-bar.json +110 -0
  3. package/changelog/action-button.json +362 -0
  4. package/changelog/action-group.json +72 -0
  5. package/changelog/alert-banner.json +65 -0
  6. package/changelog/alert-dialog.json +88 -0
  7. package/changelog/avatar-group.json +93 -0
  8. package/changelog/avatar.json +99 -0
  9. package/changelog/badge.json +595 -0
  10. package/changelog/bar-panel.json +7 -0
  11. package/changelog/body.json +7 -0
  12. package/changelog/bottom-navigation-android.json +7 -0
  13. package/changelog/breadcrumbs.json +145 -0
  14. package/changelog/button-group.json +66 -0
  15. package/changelog/button.json +504 -0
  16. package/changelog/calendar.json +62 -0
  17. package/changelog/card-horizontal.json +7 -0
  18. package/changelog/card.json +24 -0
  19. package/changelog/cards.json +137 -0
  20. package/changelog/checkbox-group.json +48 -0
  21. package/changelog/checkbox.json +210 -0
  22. package/changelog/close-button.json +125 -0
  23. package/changelog/coach-indicator.json +77 -0
  24. package/changelog/coach-mark.json +44 -0
  25. package/changelog/code.json +7 -0
  26. package/changelog/collection-card.json +7 -0
  27. package/changelog/color-area.json +67 -0
  28. package/changelog/color-control.json +7 -0
  29. package/changelog/color-handle.json +80 -0
  30. package/changelog/color-loupe.json +77 -0
  31. package/changelog/color-slider.json +89 -0
  32. package/changelog/color-wheel.json +68 -0
  33. package/changelog/combo-box.json +277 -0
  34. package/changelog/contextual-help.json +74 -0
  35. package/changelog/date-field.json +24 -0
  36. package/changelog/date-picker.json +175 -0
  37. package/changelog/detail.json +7 -0
  38. package/changelog/divider.json +82 -0
  39. package/changelog/double-calendar.json +7 -0
  40. package/changelog/drop-zone.json +155 -0
  41. package/changelog/field-label.json +118 -0
  42. package/changelog/field.json +7 -0
  43. package/changelog/floating-action-button.json +7 -0
  44. package/changelog/form-item.json +7 -0
  45. package/changelog/heading.json +24 -0
  46. package/changelog/help-text.json +100 -0
  47. package/changelog/illustrated-message.json +79 -0
  48. package/changelog/in-field-button.json +7 -0
  49. package/changelog/in-field-progress-button.json +7 -0
  50. package/changelog/in-field-progress-circle.json +48 -0
  51. package/changelog/in-line-alert.json +66 -0
  52. package/changelog/link.json +123 -0
  53. package/changelog/list-view.json +184 -0
  54. package/changelog/menu.json +254 -0
  55. package/changelog/meter.json +89 -0
  56. package/changelog/number-field.json +232 -0
  57. package/changelog/opacity-checkerboard.json +7 -0
  58. package/changelog/picker.json +241 -0
  59. package/changelog/popover.json +86 -0
  60. package/changelog/progress-bar.json +94 -0
  61. package/changelog/progress-circle.json +62 -0
  62. package/changelog/radio-button.json +180 -0
  63. package/changelog/radio-group.json +61 -0
  64. package/changelog/rating.json +64 -0
  65. package/changelog/scroll-zoom-bar.json +7 -0
  66. package/changelog/search-field.json +188 -0
  67. package/changelog/segmented-control.json +139 -0
  68. package/changelog/segmented-text-field.json +7 -0
  69. package/changelog/select-box.json +106 -0
  70. package/changelog/side-navigation.json +171 -0
  71. package/changelog/single-calendar.json +7 -0
  72. package/changelog/slider.json +144 -0
  73. package/changelog/stack-item.json +25 -0
  74. package/changelog/standard-dialog.json +58 -0
  75. package/changelog/standard-panel.json +7 -0
  76. package/changelog/status-light.json +108 -0
  77. package/changelog/steplist.json +66 -0
  78. package/changelog/swatch-group.json +62 -0
  79. package/changelog/swatch.json +99 -0
  80. package/changelog/switch.json +164 -0
  81. package/changelog/tab-bar-ios.json +25 -0
  82. package/changelog/table.json +140 -0
  83. package/changelog/tabs.json +118 -0
  84. package/changelog/tag-field.json +91 -0
  85. package/changelog/tag-group.json +66 -0
  86. package/changelog/tag.json +217 -0
  87. package/changelog/takeover-dialog.json +67 -0
  88. package/changelog/text-area.json +240 -0
  89. package/changelog/text-field.json +222 -0
  90. package/changelog/thumbnail.json +49 -0
  91. package/changelog/time-field.json +24 -0
  92. package/changelog/title.json +24 -0
  93. package/changelog/toast.json +110 -0
  94. package/changelog/tooltip.json +115 -0
  95. package/changelog/tray.json +7 -0
  96. package/changelog/tree-view.json +202 -0
  97. package/changelog/triple-calendar.json +7 -0
  98. package/changelog/user-card.json +24 -0
  99. package/components/accordion.json +37 -0
  100. package/components/action-button.json +44 -0
  101. package/components/badge.json +18 -2
  102. package/components/button.json +47 -1
  103. package/components/checkbox.json +42 -0
  104. package/components/radio-button.json +43 -3
  105. package/components/switch.json +36 -1
  106. package/package.json +4 -2
  107. package/registry/anatomy-terms.json +13 -8
  108. package/registry/token-terminology.json +1 -1
  109. package/tokens/layout.tokens.json +3 -2
@@ -0,0 +1,118 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "component": "tabs",
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": "5e22a7a18cd1a4f2a5957cba9cafa66bef73ed63",
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 label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (icon to label)","name":"space-between","fields":[{"path":"$ref","before":"1d601d0a-d6d0-4711-9fb9-71898c2bcc9a","after":"9898011f-a47c-4d5d-a74e-70b5f8d0b91c"}]},
20
+ {"id":"5e22a7a1-1","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (icon to label)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (icon to label)","name":"space-between","fields":[{"path":"$ref","before":"09d55113-8d94-429f-b0c8-ffabe8ccba27","after":"9898011f-a47c-4d5d-a74e-70b5f8d0b91c"}]},
21
+ {"id":"5e22a7a1-2","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom to edge, workflow icon only)"],"scope":{"property":"top-to-workflow-icon-compact-medium","options":null},"record":"top-to-workflow-icon-compact-medium#Spacing (top/bottom to edge, workflow icon only)","name":"top-to-workflow-icon-compact-medium","fields":[{"path":"$ref","before":"7788c25c-0ce2-4170-8c5f-2fb1d98d953a","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
22
+ {"id":"5e22a7a1-3","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom to edge, workflow icon only)"],"scope":{"property":"top-to-workflow-icon-compact-medium","options":null},"record":"top-to-workflow-icon-compact-medium#Spacing (top/bottom to edge, workflow icon only)","name":"top-to-workflow-icon-compact-medium","fields":[{"path":"$ref","before":"4fb0520b-8c74-4fb7-b279-a3586a06a57e","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
23
+ {"id":"5e22a7a1-4","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom to edge, workflow icon only)"],"scope":{"property":"top-to-workflow-icon-medium","options":null},"record":"top-to-workflow-icon-medium#Spacing (top/bottom to edge, workflow icon only)","name":"top-to-workflow-icon-medium","fields":[{"path":"$ref","before":"aec60dda-9e5a-40c8-8e45-5e1662eab6e3","after":"71a2a059-e5d7-4965-a4c0-5ed1fee74c6a"}]},
24
+ {"id":"5e22a7a1-5","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom to edge, workflow icon only)"],"scope":{"property":"top-to-workflow-icon-medium","options":null},"record":"top-to-workflow-icon-medium#Spacing (top/bottom to edge, workflow icon only)","name":"top-to-workflow-icon-medium","fields":[{"path":"$ref","before":"820baccf-af24-42a3-9729-99408bc9322f","after":"71a2a059-e5d7-4965-a4c0-5ed1fee74c6a"}]},
25
+ {"id":"5e22a7a1-6","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to label)"],"scope":{"property":"top-to-text-compact-medium","options":null},"record":"top-to-text-compact-medium#Spacing (top edge to label)","name":"top-to-text-compact-medium","fields":[{"path":"$ref","before":"2481e3a1-302b-46b8-98c2-e9461dd47d0c","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
26
+ {"id":"5e22a7a1-7","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to label)"],"scope":{"property":"top-to-text-compact-medium","options":null},"record":"top-to-text-compact-medium#Spacing (top edge to label)","name":"top-to-text-compact-medium","fields":[{"path":"$ref","before":"128757b0-d690-4886-95d5-e9df36182a0f","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
27
+ {"id":"5e22a7a1-8","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to label)"],"scope":{"property":"top-to-text-medium","options":null},"record":"top-to-text-medium#Spacing (top edge to label)","name":"top-to-text-medium","fields":[{"path":"$ref","before":"e75e4e96-6d1b-4a86-9059-5c1f6f6ab269","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
28
+ {"id":"5e22a7a1-9","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top edge to label)"],"scope":{"property":"top-to-text-medium","options":null},"record":"top-to-text-medium#Spacing (top edge to label)","name":"top-to-text-medium","fields":[{"path":"$ref","before":"a8c455e9-60e5-4838-bc9c-eaf7b39a4bf7","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
29
+ {"id":"5e22a7a1-10","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (bottom edge to label)"],"scope":{"property":"bottom-to-text-compact-medium","options":null},"record":"bottom-to-text-compact-medium#Spacing (bottom edge to label)","name":"bottom-to-text-compact-medium","fields":[{"path":"$ref","before":"b44bbd5a-ef03-4e83-a9f5-88c896969d4d","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
30
+ {"id":"5e22a7a1-11","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (bottom edge to label)"],"scope":{"property":"bottom-to-text-compact-medium","options":null},"record":"bottom-to-text-compact-medium#Spacing (bottom edge to label)","name":"bottom-to-text-compact-medium","fields":[{"path":"$ref","before":"e69dee42-92da-4ca9-9eb8-97a7860adaba","after":"5741f832-f012-45bc-9e87-6e07ab2cb87f"}]},
31
+ {"id":"5e22a7a1-12","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (bottom edge to label)"],"scope":{"property":"bottom-to-text-medium","options":null},"record":"bottom-to-text-medium#Spacing (bottom edge to label)","name":"bottom-to-text-medium","fields":[{"path":"$ref","before":"f507e1bd-f08e-42b1-aee6-ea38f9f8a387","after":"71a2a059-e5d7-4965-a4c0-5ed1fee74c6a"}]},
32
+ {"id":"5e22a7a1-13","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (bottom edge to label)"],"scope":{"property":"bottom-to-text-medium","options":null},"record":"bottom-to-text-medium#Spacing (bottom edge to label)","name":"bottom-to-text-medium","fields":[{"path":"$ref","before":"691db84a-5336-4e45-bf73-ee617057e718","after":"71a2a059-e5d7-4965-a4c0-5ed1fee74c6a"}]},
33
+ {"id":"5e22a7a1-14","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (between tab items, horizontal)"],"scope":{"property":"to-tab-item-horizontal-medium","options":null},"record":"to-tab-item-horizontal-medium#Spacing (between tab items, horizontal)","name":"to-tab-item-horizontal-medium","fields":[{"path":"$ref","before":"31bea7d1-c8c2-4901-9f18-7a5c936d243f","after":"7a5f3049-0c20-4ff8-84ea-d161e58546fb"}]},
34
+ {"id":"5e22a7a1-15","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (between tab items, horizontal)"],"scope":{"property":"to-tab-item-horizontal-medium","options":null},"record":"to-tab-item-horizontal-medium#Spacing (between tab items, horizontal)","name":"to-tab-item-horizontal-medium","fields":[{"path":"$ref","before":"885a7cc3-8873-4cb7-99e7-b17f42fb48f1","after":"7a5f3049-0c20-4ff8-84ea-d161e58546fb"}]},
35
+ {"id":"5e22a7a1-16","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Focus ring"],"scope":{"property":"gap","options":null},"record":"gap#Focus ring","name":"gap","fields":[{"path":"$ref","before":"693651ef-71c7-4096-91a5-1c84cb861021","after":"fb035d45-e63b-4cd4-b220-675a52e99399"}]}
36
+ ]
37
+ }
38
+ ]
39
+ },
40
+ {
41
+ "release": "3.0.0",
42
+ "version": "1.0.2",
43
+ "bump": "patch",
44
+ "date": "2026-09-08",
45
+ "commit": "569b7abcb96ebeaa549c1c1a1cb44975b30bff59",
46
+ "commits": [
47
+ {
48
+ "commit": "6005339a0678226eee3e827fd5bbfa793f5bccc7",
49
+ "date": "2026-09-08",
50
+ "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"},
51
+ "entries": [],
52
+ "metadata": {"count":35,"fields":["conceptId","set_uuid"]}
53
+ }
54
+ ]
55
+ },
56
+ {
57
+ "release": "3.3.0",
58
+ "version": "1.0.3",
59
+ "bump": "patch",
60
+ "date": "2026-09-30",
61
+ "commit": "51ac62471300dc7514bb716907bf81d94aad4777",
62
+ "commits": [
63
+ {
64
+ "commit": "b9888b8ce9a0e4ec5b607e088942999629d5d43d",
65
+ "date": "2026-09-28",
66
+ "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"},
67
+ "entries": [],
68
+ "metadata": {"count":2,"fields":["implementation added"]}
69
+ }
70
+ ]
71
+ },
72
+ {
73
+ "release": "3.4.0",
74
+ "version": "1.1.0",
75
+ "bump": "minor",
76
+ "date": "2026-10-01",
77
+ "commit": "b07a196c22db3f99c93307e6240f196b72535d13",
78
+ "commits": [
79
+ {
80
+ "commit": "ec3376fa833f2c31dd0b2340590134b2747b00c4",
81
+ "date": "2026-10-01",
82
+ "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"},
83
+ "entries": [
84
+ {"id":"ec3376fa-0","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tabs/documentBlocks/0","name":"guideline: Animation.\n\nWhen a user selects a tab item, the ","fields":[{"path":"content","before":"Tabs organize related content into multiple sections. They allow navigation between views while keeping the content grouped under a single context. Use when content can be divided logically into categories within the same view.","after":"Animation.\n\nWhen a user selects a tab item, the selection indicator slides along the base to the newly selected tab. The text and icon colors of both tabs fade during the transition. The tab view changes immediately upon selection."}]},
85
+ {"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tabs/documentBlocks/1","name":"guideline: Tab overflow.\n\nWhen there are too many tabs to f","fields":[{"path":"content","before":"Tabs can be horizontal or vertical. By default, tabs are horizontal and should be used when horizontal space is limited.","after":"Tab overflow.\n\nWhen there are too many tabs to fit horizontally across the viewport, display the tabs component as a quiet picker. When appropriate, you can also use alternative overflow methods such as horizontal scrolling."}]},
86
+ {"id":"ec3376fa-2","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tabs/documentBlocks/2","name":"guideline: Too many tabs.\n\nWhen there are too many tabs to ","fields":[{"path":"content","before":"Use vertical tabs when horizontal space is more generous or when the list of sections is too long for a horizontal layout. Vertical tabs can also serve as anchor links, providing shortcuts to sections on a single page. In this case, tab items link to on-page anchors rather than opening a new tab view.","after":"Too many tabs.\n\nWhen there are too many tabs to fit horizontally across the viewport, you can either allow horizontal scrolling or place all tab items in a quiet picker. Do not truncate multiple tab items just to make them fit horizontally."}]},
87
+ {"id":"ec3376fa-3","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tabs/documentBlocks/3","name":"guideline: Nested tabs.\n\nAvoid using multiple levels of tab","fields":[{"path":"content","before":"When a user selects a tab item, the selection indicator slides along the base to the newly selected tab. The text and icon colors of both tabs fade during the transition. The tab view changes immediately upon selection.","after":"Nested tabs.\n\nAvoid using multiple levels of tabs. Instead, consider other organizational patterns such as side navigation, accordions or collapsible panels. Nesting tabs is acceptable only when there is a clear separation between the two tab experiences or when different orientations are used. Do not compromise hierarchy by using the same tab variations or orientations."}]},
88
+ {"id":"ec3376fa-4","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tabs/documentBlocks/4","name":"guideline: Use icons consistently.\n\nDon't mix the use of ic","fields":[{"path":"content","before":"When there are too many tabs to fit horizontally across the viewport, display the tabs component as a quiet picker. When appropriate, you can also use alternative overflow methods such as horizontal scrolling.","after":"Use icons consistently.\n\nDon't mix the use of icons in tabs. Navigation controls require a clear spacial relationship to one another, and mixing the use of icons can dramatically impact the visual balance and presence for each tab item. Keep in mind that if one tab item has an icon, then they all should have an icon."}]},
89
+ {"id":"ec3376fa-5","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tabs/documentBlocks/5","name":"guideline: Use tooltips for icon only tabs.\n\nIt can often b","fields":[{"path":"content","before":"When there are too many tabs to fit horizontally across the viewport, you can either allow horizontal scrolling or place all tab items in a quiet picker. Do not truncate multiple tab items just to make them fit horizontally.","after":"Use tooltips for icon only tabs.\n\nIt can often be hard to identify the meaning of icon-only tabs. An icon-only tab should always show a tooltip displaying the label on hover."}]},
90
+ {"id":"ec3376fa-6","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tabs/documentBlocks/6","name":"guideline: RTL horizontal tabs.\n\nFor RTL (right-to-left) la","fields":[{"path":"content","before":"Use tabs to organize sections of equal importance. Groups of content under each tab item should not be of different natures. Don't use tabs to replace a flow; use pagination components instead.","after":"RTL horizontal tabs.\n\nFor RTL (right-to-left) languages, the layout of the horizontal tabs is mirrored. The tabs are right-aligned and their order is reverse."}]},
91
+ {"id":"ec3376fa-7","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tabs/documentBlocks/7","name":"guideline: RTL vertical tabs.\n\nFor RTL (right-to-left) lang","fields":[{"path":"content","before":"Avoid using multiple levels of tabs. Instead, consider other organizational patterns such as side navigation, accordions or collapsible panels. Nesting tabs is acceptable only when there is a clear separation between the two tab experiences or when different orientations are used.","after":"RTL vertical tabs.\n\nFor RTL (right-to-left) languages, the layout of the vertical tabs is mirrored. The divider and selection indicator should be placed on the right, as they are meant to visually anchor the text labels."}]},
92
+ {"id":"ec3376fa-8","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tabs/documentBlocks/8","name":"guideline: Keyboard interactions.\n\nThere are two possible b","fields":[{"path":"content","before":"Do not compromise hierarchy by using the same tab variations or orientations.","after":"Keyboard interactions.\n\nThere are two possible behaviors for manipulating tabs with the keyboard: manual or automatic activation. Typically, manual activation of tabs is only necessary when content cannot be displayed instantly (i.e., not all the panel content is present in the DOM.) For additional guidance, see Deciding When to Make Selection Automatically Follow Focus. Option 1: Manual activation Key Interaction Tab Moves focus into the tabs component and places focus on the selected tab item. If the tabs component is already in focus, moves focus to the next element in the page tab sequence. Left Arrow Moves focus to the previous tab item. If focus is on the first tab item, moves focus to the last tab item. Right Arrow Moves focus to the next tab item. If focus is on the last tab item, moves focus to the first tab item. Space or Enter Activates the tab item in focus. Home (optional) Moves focus to the first tab item. End (optional) Moves focus to the last tab item. Delete (optional) When deletion is allowed, Delete closes the currently activated tab item. If any tab items remain, moves focus to the tab item following one that was closed. Option 2: Automatic activation Key Interaction Tab Moves focus into the tabs component and places focus on the selected tab item. If the tabs component is already in focus, moves focus to the next element in the page tab sequence. Left Arrow Moves focus to the previous tab item and automatically activates it. If focus is on the first tab item, moves focus to the last tab item. Right Arrow Moves focus to the next tab item and automatically activates it. If focus is on the last tab item, moves focus to the first tab item. Home (optional) Moves focus to the first tab item and automatically activates it. End (optional) Moves focus to the last tab item and automatically activates it. Delete (optional) When deletion is allowed, Delete closes the currently activated tab item. If any tab items remain, moves focus to and activates the tab item following one that was closed."}]},
93
+ {"id":"ec3376fa-9","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tabs/documentBlocks/9","name":"guideline: Cursor guidelines.\n\nCursor Usage Pointer Use the","fields":[{"path":"content","before":"Don’t mix the use of icons in tabs. Navigation controls require a clear spacial relationship to one another, and mixing the use of icons can dramatically impact the visual balance and presence for each tab item. Keep in mind that if one tab item has an icon, then they all should have an icon.","after":"Cursor guidelines.\n\nCursor Usage Pointer Use the pointer cursor for interactive elements including tabs."}]},
94
+ {"id":"ec3376fa-10","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tabs/documentBlocks/10","name":"guideline: WCAG 2.2 compliance.\n\nAny criterion not mention ","fields":[{"path":"content","before":"It can often be hard to identify the meaning of icon-only tabs. An icon-only tab should always show a tooltip displaying the label on hover.","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 tabs, must provide a text alternative that communicates the tab's purpose. All tabs, especially icon-only tabs, 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 Tabs should be understandable by assistive technologies like screen readers. This means the proper semantic HTML or ARIA role should be utilized. Orientation 1.3.4 AA Tabs are available in both vertical and horizontal orientations. 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. Resize text 1.4.4 AA Tabs 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. 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."}]},
95
+ {"id":"ec3376fa-11","kind":"document-block","change":"added","class":"documentation","bump":"minor","indirect":false,"contexts":[],"record":"tabs/documentBlocks/11","name":"do-dont: Don't use tabs for varying levels of importance","fields":[],"after":{"type":"do-dont","content":"Don't use tabs for varying levels of importance","dont":"Use tabs to organize sections of equal importance. Groups of content under each tab item should not be of different natures. Don't use tabs to replace a flow; use pagination components instead."}}
96
+ ]
97
+ }
98
+ ]
99
+ },
100
+ {
101
+ "release": "3.8.0",
102
+ "version": "1.1.1",
103
+ "bump": "patch",
104
+ "date": "2026-11-03",
105
+ "commit": "7b38617df24442d22724fb890cef69aa198b9e3a",
106
+ "commits": [
107
+ {
108
+ "commit": "9b4ad35c29fb00193e5847625699afb04fa0c560",
109
+ "date": "2026-10-31",
110
+ "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"},
111
+ "entries": [
112
+ {"id":"9b4ad35c-0","kind":"token","change":"renamed","class":"api","bump":"patch","indirect":false,"contexts":["Focus ring"],"record":"fb035d45-e63b-4cd4-b220-675a52e99399","name":"gap[anatomy=focus-indicator,legacyKey=focus-ring-gap]","fields":[{"path":"name.anatomy","before":"focus-ring","after":"focus-indicator"},{"path":"name.legacyKey","after":"focus-ring-gap"}]}
113
+ ]
114
+ }
115
+ ]
116
+ }
117
+ ]
118
+ }
@@ -0,0 +1,91 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "component": "tag-field",
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": "5e22a7a18cd1a4f2a5957cba9cafa66bef73ed63",
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 (top/bottom edge to alert icon)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to alert icon)","name":"space-between","fields":[{"path":"$ref","before":"20658099-94df-4c6c-a2f2-558c92174121","after":"ba072414-2cdd-4773-86a5-11ca47c08e23"}]},
20
+ {"id":"5e22a7a1-1","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to alert icon)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to alert icon)","name":"space-between","fields":[{"path":"$ref","before":"68c4dc34-49cb-4174-bd06-5f5dfbd0b64e","after":"ba072414-2cdd-4773-86a5-11ca47c08e23"}]},
21
+ {"id":"5e22a7a1-2","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to alert icon)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to alert icon)","name":"space-between","fields":[{"path":"$ref","before":"dd684a30-2e49-4096-8b1c-40fbd6c8cac2","after":"52a75511-eb1b-4de2-a1bb-959365d8dc1a"}]},
22
+ {"id":"5e22a7a1-3","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to alert icon)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to alert icon)","name":"space-between","fields":[{"path":"$ref","before":"b98d3a2d-94fb-4491-9650-1c9a62365a19","after":"52a75511-eb1b-4de2-a1bb-959365d8dc1a"}]},
23
+ {"id":"5e22a7a1-4","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to alert icon)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to alert icon)","name":"space-between","fields":[{"path":"$ref","before":"e0b53a9a-e95a-45b8-b9b2-a16b70096c05","after":"ece70425-e509-45cc-8336-76fc8afdb921"}]},
24
+ {"id":"5e22a7a1-5","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to alert icon)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to alert icon)","name":"space-between","fields":[{"path":"$ref","before":"a7c0e1fc-bc57-450e-bdc2-1c2cf2823d98","after":"ece70425-e509-45cc-8336-76fc8afdb921"}]},
25
+ {"id":"5e22a7a1-6","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (edge to tag group)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (edge to tag group)","name":"space-between","fields":[{"path":"$ref","before":"b6eebf3a-4733-4177-a235-6eccfacf67cd","after":"ba072414-2cdd-4773-86a5-11ca47c08e23"}]},
26
+ {"id":"5e22a7a1-7","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (edge to tag group)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (edge to tag group)","name":"space-between","fields":[{"path":"$ref","before":"5e448fc3-6c14-4169-84a0-1f70bbc478cb","after":"ba072414-2cdd-4773-86a5-11ca47c08e23"}]},
27
+ {"id":"5e22a7a1-8","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (edge to tag group)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (edge to tag group)","name":"space-between","fields":[{"path":"$ref","before":"798ecb75-638c-41dd-81a0-d7ecca9960da","after":"52a75511-eb1b-4de2-a1bb-959365d8dc1a"}]},
28
+ {"id":"5e22a7a1-9","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (edge to tag group)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (edge to tag group)","name":"space-between","fields":[{"path":"$ref","before":"0072dc62-b868-4c4b-afd9-9c52d876c614","after":"52a75511-eb1b-4de2-a1bb-959365d8dc1a"}]},
29
+ {"id":"5e22a7a1-10","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (edge to tag group)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (edge to tag group)","name":"space-between","fields":[{"path":"$ref","before":"03b1351c-1309-4e1a-a18b-bf3a350814c4","after":"ece70425-e509-45cc-8336-76fc8afdb921"}]},
30
+ {"id":"5e22a7a1-11","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (edge to tag group)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (edge to tag group)","name":"space-between","fields":[{"path":"$ref","before":"1fda84ab-aa68-46fb-bd0f-d8174a08a41e","after":"ece70425-e509-45cc-8336-76fc8afdb921"}]}
31
+ ]
32
+ }
33
+ ]
34
+ },
35
+ {
36
+ "release": "3.0.0",
37
+ "version": "1.0.2",
38
+ "bump": "patch",
39
+ "date": "2026-09-08",
40
+ "commit": "569b7abcb96ebeaa549c1c1a1cb44975b30bff59",
41
+ "commits": [
42
+ {
43
+ "commit": "6005339a0678226eee3e827fd5bbfa793f5bccc7",
44
+ "date": "2026-09-08",
45
+ "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"},
46
+ "entries": [],
47
+ "metadata": {"count":40,"fields":["conceptId","set_uuid"]}
48
+ }
49
+ ]
50
+ },
51
+ {
52
+ "release": "3.2.0",
53
+ "version": "1.0.3",
54
+ "bump": "patch",
55
+ "date": "2026-09-09",
56
+ "commit": "d22d38d279c007e8f4536ddc8431a2e04bd24804",
57
+ "commits": [
58
+ {
59
+ "commit": "e3571706e0aba86418b7d97c3986684c8159775c",
60
+ "date": "2026-09-09",
61
+ "source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1438,"title":"fix(design-data): correct desktop base-padding-horizontal L/XL/2xL values","url":"https://github.com/adobe/spectrum-design-data/pull/1438"},
62
+ "entries": [
63
+ {"id":"e3571706-0","kind":"token","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (edge to tag group)","Spacing (top/bottom edge to alert icon)"],"record":"ece70425-e509-45cc-8336-76fc8afdb921","name":"padding-horizontal[legacyKey=base-padding-horizontal-large,scale=desktop,size=l,structure=base]","fields":[{"path":"value","before":"14px","after":"16px"}]}
64
+ ]
65
+ }
66
+ ]
67
+ },
68
+ {
69
+ "release": "3.7.1",
70
+ "version": "1.0.4",
71
+ "bump": "patch",
72
+ "date": "2026-10-31",
73
+ "commit": "6c59c1ffc26ee80e11b1354c8e97d1479023af30",
74
+ "commits": [
75
+ {
76
+ "commit": "a60aeea243b2ac4e812d46bbd9f7140c9f62f398",
77
+ "date": "2026-10-31",
78
+ "source": {"type":"pr","repo":"adobe/spectrum-design-data","number":1572,"title":"fix(design-data): point the second duplicate relationship at the mobile token","url":"https://github.com/adobe/spectrum-design-data/pull/1572"},
79
+ "entries": [
80
+ {"id":"a60aeea2-0","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to alert icon)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to alert icon)","name":"space-between","fields":[{"path":"$ref","before":"ba072414-2cdd-4773-86a5-11ca47c08e23","after":"6b43633d-8f29-4c24-b26e-687d6f161bce"}]},
81
+ {"id":"a60aeea2-1","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to alert icon)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to alert icon)","name":"space-between","fields":[{"path":"$ref","before":"52a75511-eb1b-4de2-a1bb-959365d8dc1a","after":"71731484-e759-4a5f-89ed-9fe04ac19aed"}]},
82
+ {"id":"a60aeea2-2","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (top/bottom edge to alert icon)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (top/bottom edge to alert icon)","name":"space-between","fields":[{"path":"$ref","before":"ece70425-e509-45cc-8336-76fc8afdb921","after":"38e5af78-cb3e-4ff4-9849-28f9d4c56a38"}]},
83
+ {"id":"a60aeea2-3","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (edge to tag group)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (edge to tag group)","name":"space-between","fields":[{"path":"$ref","before":"ba072414-2cdd-4773-86a5-11ca47c08e23","after":"6b43633d-8f29-4c24-b26e-687d6f161bce"}]},
84
+ {"id":"a60aeea2-4","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (edge to tag group)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (edge to tag group)","name":"space-between","fields":[{"path":"$ref","before":"52a75511-eb1b-4de2-a1bb-959365d8dc1a","after":"71731484-e759-4a5f-89ed-9fe04ac19aed"}]},
85
+ {"id":"a60aeea2-5","kind":"relationship","change":"updated","class":"visual","bump":"patch","indirect":false,"contexts":["Spacing (edge to tag group)"],"scope":{"property":"space-between","options":null},"record":"space-between#Spacing (edge to tag group)","name":"space-between","fields":[{"path":"$ref","before":"ece70425-e509-45cc-8336-76fc8afdb921","after":"38e5af78-cb3e-4ff4-9849-28f9d4c56a38"}]}
86
+ ]
87
+ }
88
+ ]
89
+ }
90
+ ]
91
+ }
@@ -0,0 +1,66 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component-changelog.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "component": "tag-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": "569b7abcb96ebeaa549c1c1a1cb44975b30bff59",
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":2,"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": "51ac62471300dc7514bb716907bf81d94aad4777",
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.1.0",
42
+ "bump": "minor",
43
+ "date": "2026-10-01",
44
+ "commit": "b07a196c22db3f99c93307e6240f196b72535d13",
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":"tag-group/documentBlocks/0","name":"guideline: Tag group overflow.\n\nWhen horizontal space is li","fields":[{"path":"content","before":"Tag groups organize multiple tags into a single visual group. They’re used to categorize content like keywords or names that describe an item or search query. Tags within the group can be added, removed, or styled to reflect different types of content.","after":"Tag group overflow.\n\nWhen horizontal space is limited in a tag group, the individual tags wrap to form another line."}]},
52
+ {"id":"ec3376fa-1","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tag-group/documentBlocks/1","name":"guideline: Focus between tags.\n\nIf the order of tags within","fields":[{"path":"content","before":"Tag groups come in three different sizes: small, medium, and large. The medium size is the default and most frequently used option. Use the other sizes sparingly; they should be used to create a hierarchy of importance within the page.","after":"Focus between tags.\n\nIf the order of tags within the group matters, the user must be able to click or use keyboard focus between tags to add more."}]},
53
+ {"id":"ec3376fa-2","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tag-group/documentBlocks/2","name":"guideline: Allow bulk actions.\n\nIn some instances, it's pos","fields":[{"path":"content","before":"Labels can be placed either on top or on the side of a group of tags. Top labels are the default and are recommended because they work better with long copy, localization, and responsive layouts. Side labels are most useful when vertical space is limited.","after":"Allow bulk actions.\n\nIn some instances, it's possible to add an action next to a group of tags to provide a way to easily act on the entire group at once. Reveal the action only when more than one tag is displayed."}]},
54
+ {"id":"ec3376fa-3","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tag-group/documentBlocks/3","name":"guideline: RTL.\n\nFor RTL (right-to-left) languages, the gro","fields":[{"path":"content","before":"The label of the tag group can be hidden if the context for the tags is sufficient without the title — for example, when the page title or section title applies to the group of tags.","after":"RTL.\n\nFor RTL (right-to-left) languages, the group of tags is mirrored. The first tag will appear on the left instead of the right and flow from there."}]},
55
+ {"id":"ec3376fa-4","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tag-group/documentBlocks/4","name":"guideline: Keyboard interactions.\n\nKey Interaction Tab Tabb","fields":[{"path":"content","before":"Define an action label to include a link-style button to perform an action on the entire group of tags. This button always appears at the end of the tag group.","after":"Keyboard interactions.\n\nKey Interaction Tab Tabbing into a group of tags places the focus on the first tag (only one tag receives the keyboard focus at a time). Arrow keys Moves focus through the group of tags. Page Up or Page Down Moves focus to the previous or next tag in the group (last becomes first, and first becomes last). Home or End Moves focus to the first or last tag in the group. Backspace or Delete Removes the tag in focus from the group. Space If the tag is selectable, the space bar will toggle selection. Ctrl / Cmd + A Selects all tags."}]},
56
+ {"id":"ec3376fa-5","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tag-group/documentBlocks/5","name":"guideline: Cursor guidelines.\n\nCursor Description Default (","fields":[{"path":"content","before":"When horizontal space is limited in a tag group, the individual tags wrap to form another line.","after":"Cursor guidelines.\n\nCursor Description Default (Arrow) Use the default cursor for non-interactive tags. Pointer Use the pointer cursor for interactive tags, such as tags that are removable or can be used to filter content. Grab hand Use the grab hand cursor when the order of tags can be rearranged. Grab fist Use the grab fist cursor when holding a tag."}]},
57
+ {"id":"ec3376fa-6","kind":"document-block","change":"updated","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tag-group/documentBlocks/6","name":"guideline: WCAG 2.2 compliance.\n\nAny criterion not mention ","fields":[{"path":"content","before":"If the order of tags within the group matters, the user must be able to click or use keyboard focus between tags to add more.","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 tags—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 Tags should be understandable by assistive technologies like screen readers. This means the proper semantic HTML or ARIA role should be utilized. Text contrast 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 Tag groups 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 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."}]},
58
+ {"id":"ec3376fa-7","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tag-group/documentBlocks/7","name":"guideline: In some instances, it's possible to add an actio","fields":[],"before":{"type":"guideline","content":"In some instances, it's possible to add an action next to a group of tags to provide a way to easily act on the entire group at once. Reveal the action only when more than one tag is displayed."}},
59
+ {"id":"ec3376fa-8","kind":"document-block","change":"removed","class":"documentation","bump":"patch","indirect":false,"contexts":[],"record":"tag-group/documentBlocks/8","name":"guideline: In cases where users cannot interact with a larg","fields":[],"before":{"type":"guideline","content":"In cases where users cannot interact with a large group of tags, consider hiding the group and its broader construct rather than disabling all the individual tags."}},
60
+ {"id":"ec3376fa-9","kind":"document-block","change":"added","class":"documentation","bump":"minor","indirect":false,"contexts":[],"record":"tag-group/documentBlocks/9","name":"do-dont: Avoid disabling a large group of tags","fields":[],"after":{"type":"do-dont","content":"Avoid disabling a large group of tags","dont":"In cases where users cannot interact with a large group of tags, consider hiding the group and its broader construct rather than disabling all the individual tags."}}
61
+ ]
62
+ }
63
+ ]
64
+ }
65
+ ]
66
+ }