@adobe/spectrum-design-data 0.1.0 → 0.3.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.
Files changed (144) hide show
  1. package/components/accordion.json +557 -0
  2. package/components/action-bar.json +214 -0
  3. package/components/action-button.json +522 -0
  4. package/components/action-group.json +134 -0
  5. package/components/alert-banner.json +134 -0
  6. package/components/alert-dialog.json +180 -0
  7. package/components/avatar-group.json +166 -0
  8. package/components/avatar.json +246 -0
  9. package/components/badge.json +594 -0
  10. package/components/body.json +54 -0
  11. package/components/bottom-navigation-android.json +72 -0
  12. package/components/breadcrumbs.json +307 -0
  13. package/components/button-group.json +86 -0
  14. package/components/button.json +586 -0
  15. package/components/calendar.json +133 -0
  16. package/components/cards.json +541 -0
  17. package/components/checkbox-group.json +91 -0
  18. package/components/checkbox.json +339 -0
  19. package/components/close-button.json +208 -0
  20. package/components/coach-indicator.json +105 -0
  21. package/components/coach-mark.json +169 -0
  22. package/components/code.json +44 -0
  23. package/components/color-area.json +138 -0
  24. package/components/color-handle.json +111 -0
  25. package/components/color-loupe.json +77 -0
  26. package/components/color-slider.json +165 -0
  27. package/components/color-wheel.json +117 -0
  28. package/components/combo-box.json +543 -0
  29. package/components/contextual-help.json +230 -0
  30. package/components/date-picker.json +471 -0
  31. package/components/detail.json +53 -0
  32. package/components/divider.json +93 -0
  33. package/components/drop-zone.json +238 -0
  34. package/components/field-label.json +219 -0
  35. package/components/heading.json +68 -0
  36. package/components/help-text.json +209 -0
  37. package/components/illustrated-message.json +175 -0
  38. package/components/in-field-progress-button.json +88 -0
  39. package/components/in-field-progress-circle.json +116 -0
  40. package/components/in-line-alert.json +233 -0
  41. package/components/link.json +167 -0
  42. package/components/list-view.json +382 -0
  43. package/components/menu.json +597 -0
  44. package/components/meter.json +199 -0
  45. package/components/number-field.json +518 -0
  46. package/components/opacity-checkerboard.json +69 -0
  47. package/components/picker.json +579 -0
  48. package/components/popover.json +174 -0
  49. package/components/progress-bar.json +229 -0
  50. package/components/progress-circle.json +132 -0
  51. package/components/radio-button.json +308 -0
  52. package/components/radio-group.json +113 -0
  53. package/components/rating.json +168 -0
  54. package/components/scroll-zoom-bar.json +82 -0
  55. package/components/search-field.json +346 -0
  56. package/components/segmented-control.json +248 -0
  57. package/components/select-box.json +272 -0
  58. package/components/side-navigation.json +320 -0
  59. package/components/slider.json +407 -0
  60. package/components/standard-dialog.json +179 -0
  61. package/components/standard-panel.json +83 -0
  62. package/components/status-light.json +334 -0
  63. package/components/steplist.json +294 -0
  64. package/components/swatch-group.json +114 -0
  65. package/components/swatch.json +240 -0
  66. package/components/switch.json +336 -0
  67. package/components/tab-bar-ios.json +72 -0
  68. package/components/table.json +435 -0
  69. package/components/tabs.json +253 -0
  70. package/components/tag-field.json +243 -0
  71. package/components/tag-group.json +87 -0
  72. package/components/tag.json +393 -0
  73. package/components/takeover-dialog.json +117 -0
  74. package/components/text-area.json +555 -0
  75. package/components/text-field.json +555 -0
  76. package/components/thumbnail.json +149 -0
  77. package/components/title.json +91 -0
  78. package/components/toast.json +156 -0
  79. package/components/tooltip.json +179 -0
  80. package/components/tray.json +32 -0
  81. package/components/tree-view.json +393 -0
  82. package/fields/alignment.json +15 -0
  83. package/fields/anatomy.json +15 -0
  84. package/fields/color-scheme.json +15 -0
  85. package/fields/colorFamily.json +15 -0
  86. package/fields/component.json +15 -0
  87. package/fields/contrast.json +15 -0
  88. package/fields/density.json +15 -0
  89. package/fields/easing.json +15 -0
  90. package/fields/family.json +15 -0
  91. package/fields/motionRole.json +15 -0
  92. package/fields/object.json +15 -0
  93. package/fields/orientation.json +15 -0
  94. package/fields/position.json +15 -0
  95. package/fields/property.json +15 -0
  96. package/fields/scale.json +15 -0
  97. package/fields/scaleIndex.json +15 -0
  98. package/fields/shape.json +15 -0
  99. package/fields/size.json +15 -0
  100. package/fields/state.json +15 -0
  101. package/fields/structure.json +15 -0
  102. package/fields/style.json +15 -0
  103. package/fields/substructure.json +15 -0
  104. package/fields/variant.json +15 -0
  105. package/fields/weight.json +15 -0
  106. package/mode-sets/color-scheme.json +8 -0
  107. package/mode-sets/contrast.json +8 -0
  108. package/mode-sets/scale.json +8 -0
  109. package/package.json +41 -2
  110. package/registry/alignments.json +22 -0
  111. package/registry/anatomy-terms.json +739 -0
  112. package/registry/categories.json +55 -0
  113. package/registry/color-families.json +177 -0
  114. package/registry/components.json +277 -0
  115. package/registry/densities.json +17 -0
  116. package/registry/easing-curves.json +42 -0
  117. package/registry/glossary.json +181 -0
  118. package/registry/motion-roles.json +32 -0
  119. package/registry/navigation-terms.json +241 -0
  120. package/registry/orientations.json +17 -0
  121. package/registry/platform-extensions/ios-states.json +59 -0
  122. package/registry/platform-extensions/web-components-states.json +58 -0
  123. package/registry/platforms.json +37 -0
  124. package/registry/positions.json +32 -0
  125. package/registry/property-terms.json +212 -0
  126. package/registry/scale-values.json +133 -0
  127. package/registry/shapes.json +12 -0
  128. package/registry/sizes.json +71 -0
  129. package/registry/states.json +184 -0
  130. package/registry/structures.json +57 -0
  131. package/registry/substructures.json +12 -0
  132. package/registry/token-objects.json +32 -0
  133. package/registry/token-terminology.json +925 -0
  134. package/registry/typography-families.json +27 -0
  135. package/registry/typography-styles.json +22 -0
  136. package/registry/typography-weights.json +37 -0
  137. package/registry/variants.json +282 -0
  138. package/tokens/color-aliases.tokens.json +332 -328
  139. package/tokens/color-component.tokens.json +74 -74
  140. package/tokens/icons.tokens.json +191 -191
  141. package/tokens/layout-component.tokens.json +373 -316
  142. package/tokens/layout.tokens.json +110 -98
  143. package/tokens/semantic-color-palette.tokens.json +104 -104
  144. package/tokens/typography.tokens.json +379 -305
@@ -0,0 +1,15 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "name": "size",
5
+ "description": "Relative t-shirt sizing of a component or token (e.g. small, medium, large, extra-large). Distinct from the `scale` mode set.",
6
+ "kind": "semantic",
7
+ "registry": "packages/design-data/registry/sizes.json",
8
+ "validation": "advisory",
9
+ "serialization": {
10
+ "position": 9
11
+ },
12
+ "scope": null,
13
+ "required": false,
14
+ "valueType": "string"
15
+ }
@@ -0,0 +1,15 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "name": "state",
5
+ "description": "Interactive or semantic state (e.g. hover, focus, disabled, selected). Compound states use hyphenation (e.g. selected-hover).",
6
+ "kind": "semantic",
7
+ "registry": "packages/design-data/registry/states.json",
8
+ "validation": "advisory",
9
+ "serialization": {
10
+ "position": 12
11
+ },
12
+ "scope": null,
13
+ "required": false,
14
+ "valueType": "string"
15
+ }
@@ -0,0 +1,15 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "name": "structure",
5
+ "description": "Reusable visual pattern that occurs across many components (e.g. drop-shadow, overlay). Distinct from component.",
6
+ "kind": "semantic",
7
+ "registry": "packages/design-data/registry/structures.json",
8
+ "validation": "advisory",
9
+ "serialization": {
10
+ "position": 2
11
+ },
12
+ "scope": null,
13
+ "required": false,
14
+ "valueType": "string"
15
+ }
@@ -0,0 +1,15 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "name": "style",
5
+ "description": "Typographic style of a typography token (e.g. italic, oblique). Corresponds to the CSS font-style axis. Normal style is omitted (default).",
6
+ "kind": "semantic",
7
+ "registry": "packages/design-data/registry/typography-styles.json",
8
+ "validation": "advisory",
9
+ "serialization": {
10
+ "position": 20
11
+ },
12
+ "scope": "typography",
13
+ "required": false,
14
+ "valueType": "string"
15
+ }
@@ -0,0 +1,15 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "name": "substructure",
5
+ "description": "Child element within a parent structure (e.g. item within list-item, cell within table).",
6
+ "kind": "semantic",
7
+ "registry": "packages/design-data/registry/substructures.json",
8
+ "validation": "advisory",
9
+ "serialization": {
10
+ "position": 3
11
+ },
12
+ "scope": null,
13
+ "required": false,
14
+ "valueType": "string"
15
+ }
@@ -0,0 +1,15 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "name": "variant",
5
+ "description": "Primary color or semantic variant (e.g. accent, negative, informative, neutral). Not for visual style treatment — see style field for that.",
6
+ "kind": "semantic",
7
+ "registry": "packages/design-data/registry/variants.json",
8
+ "validation": "advisory",
9
+ "serialization": {
10
+ "position": 0
11
+ },
12
+ "scope": null,
13
+ "required": false,
14
+ "valueType": "string"
15
+ }
@@ -0,0 +1,15 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/field.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "name": "weight",
5
+ "description": "Typographic weight of a typography token (e.g. regular, bold, light, black). Corresponds to the CSS font-weight axis.",
6
+ "kind": "semantic",
7
+ "registry": "packages/design-data/registry/typography-weights.json",
8
+ "validation": "advisory",
9
+ "serialization": {
10
+ "position": 19
11
+ },
12
+ "scope": "typography",
13
+ "required": false,
14
+ "valueType": "string"
15
+ }
@@ -0,0 +1,8 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/mode-set.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "name": "colorScheme",
5
+ "modes": ["light", "dark", "wireframe"],
6
+ "default": "light",
7
+ "description": "Theme / appearance mode set. Controls which color scheme a token applies to. Tokens omitting colorScheme apply under the default (light) for specificity and matching purposes."
8
+ }
@@ -0,0 +1,8 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/mode-set.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "name": "contrast",
5
+ "modes": ["regular", "high"],
6
+ "default": "regular",
7
+ "description": "Accessibility contrast level. Controls which contrast variant a token applies to. Tokens omitting contrast apply under the default (regular) for specificity and matching purposes."
8
+ }
@@ -0,0 +1,8 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/mode-set.schema.json",
3
+ "specVersion": "1.0.0-draft",
4
+ "name": "scale",
5
+ "modes": ["desktop", "mobile"],
6
+ "default": "desktop",
7
+ "description": "Density / scale mode set. Controls which platform density a token applies to. Uses legacy mode names desktop and mobile (equivalent to medium and large in W3C/DTCG scale terminology). Tokens omitting scale apply under the default (desktop) for specificity and matching purposes."
8
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-design-data",
3
- "version": "0.1.0",
3
+ "version": "0.3.0",
4
4
  "description": "Spectrum design tokens in cascade format — the canonical source of truth for @adobe/spectrum-tokens",
5
5
  "type": "module",
6
6
  "repository": {
@@ -17,11 +17,50 @@
17
17
  },
18
18
  "homepage": "https://github.com/adobe/spectrum-design-data/tree/main/packages/design-data#readme",
19
19
  "exports": {
20
- "./tokens/*": "./tokens/*.tokens.json"
20
+ "./package.json": "./package.json",
21
+ "./tokens/*": "./tokens/*.tokens.json",
22
+ "./components/*": "./components/*.json",
23
+ "./fields/*": "./fields/*.json",
24
+ "./mode-sets/*": "./mode-sets/*.json",
25
+ "./registry/sizes.json": "./registry/sizes.json",
26
+ "./registry/states.json": "./registry/states.json",
27
+ "./registry/variants.json": "./registry/variants.json",
28
+ "./registry/anatomy-terms.json": "./registry/anatomy-terms.json",
29
+ "./registry/components.json": "./registry/components.json",
30
+ "./registry/scale-values.json": "./registry/scale-values.json",
31
+ "./registry/categories.json": "./registry/categories.json",
32
+ "./registry/platforms.json": "./registry/platforms.json",
33
+ "./registry/token-objects.json": "./registry/token-objects.json",
34
+ "./registry/structures.json": "./registry/structures.json",
35
+ "./registry/substructures.json": "./registry/substructures.json",
36
+ "./registry/orientations.json": "./registry/orientations.json",
37
+ "./registry/positions.json": "./registry/positions.json",
38
+ "./registry/densities.json": "./registry/densities.json",
39
+ "./registry/shapes.json": "./registry/shapes.json",
40
+ "./registry/color-families.json": "./registry/color-families.json",
41
+ "./registry/alignments.json": "./registry/alignments.json",
42
+ "./registry/typography-families.json": "./registry/typography-families.json",
43
+ "./registry/typography-weights.json": "./registry/typography-weights.json",
44
+ "./registry/typography-styles.json": "./registry/typography-styles.json",
45
+ "./registry/motion-roles.json": "./registry/motion-roles.json",
46
+ "./registry/easing-curves.json": "./registry/easing-curves.json",
47
+ "./registry/glossary.json": "./registry/glossary.json",
48
+ "./registry/token-terminology.json": "./registry/token-terminology.json",
49
+ "./registry/property-terms.json": "./registry/property-terms.json",
50
+ "./registry/navigation-terms.json": "./registry/navigation-terms.json"
21
51
  },
22
52
  "files": [
23
53
  "tokens/",
54
+ "components/",
55
+ "fields/",
56
+ "mode-sets/",
57
+ "registry/",
24
58
  "README.md"
25
59
  ],
60
+ "devDependencies": {
61
+ "ajv": "^8.12.0",
62
+ "ajv-formats": "^3.0.1",
63
+ "@adobe/design-data-spec": "2.2.0"
64
+ },
26
65
  "scripts": {}
27
66
  }
@@ -0,0 +1,22 @@
1
+ {
2
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
3
+ "type": "alignment",
4
+ "description": "Horizontal text-alignment values for text-align tokens. Assigned via the `alignment` name-object field. Corresponds to the CSS text-align axis.",
5
+ "values": [
6
+ {
7
+ "id": "start",
8
+ "label": "Start",
9
+ "description": "Align text to the inline-start edge"
10
+ },
11
+ {
12
+ "id": "center",
13
+ "label": "Center",
14
+ "description": "Center text horizontally"
15
+ },
16
+ {
17
+ "id": "end",
18
+ "label": "End",
19
+ "description": "Align text to the inline-end edge"
20
+ }
21
+ ]
22
+ }