@adobe/spectrum-design-data 2.2.0 → 2.3.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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adobe/spectrum-design-data",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.1",
|
|
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": {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"devDependencies": {
|
|
63
63
|
"ajv": "^8.12.0",
|
|
64
64
|
"ajv-formats": "^3.0.1",
|
|
65
|
-
"@adobe/design-data-spec": "3.
|
|
65
|
+
"@adobe/design-data-spec": "3.4.1"
|
|
66
66
|
},
|
|
67
67
|
"scripts": {}
|
|
68
68
|
}
|
package/registry/states.json
CHANGED
|
@@ -87,8 +87,10 @@
|
|
|
87
87
|
{
|
|
88
88
|
"id": "active",
|
|
89
89
|
"label": "Active",
|
|
90
|
+
"aliases": ["pressed"],
|
|
90
91
|
"description": "Active or pressed state",
|
|
91
|
-
"usedIn": ["component-options", "component-schemas"]
|
|
92
|
+
"usedIn": ["component-options", "component-schemas"],
|
|
93
|
+
"relatedTerms": ["down"]
|
|
92
94
|
},
|
|
93
95
|
{
|
|
94
96
|
"id": "focus",
|
|
@@ -159,7 +161,8 @@
|
|
|
159
161
|
"id": "down",
|
|
160
162
|
"label": "Down",
|
|
161
163
|
"description": "Pressed or down state (mouse button down)",
|
|
162
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
164
|
+
"usedIn": ["tokens", "component-schemas"],
|
|
165
|
+
"relatedTerms": ["active"]
|
|
163
166
|
},
|
|
164
167
|
{
|
|
165
168
|
"id": "pending",
|
|
@@ -5320,5 +5320,167 @@
|
|
|
5320
5320
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
5321
5321
|
"$ref": "e05251ac-d64a-4157-9b20-224f0392269e",
|
|
5322
5322
|
"uuid": "beaff99a-634a-4ce8-b2f4-54c63202d45b"
|
|
5323
|
+
},
|
|
5324
|
+
{
|
|
5325
|
+
"name": {
|
|
5326
|
+
"property": "opacity",
|
|
5327
|
+
"scaleIndex": 0
|
|
5328
|
+
},
|
|
5329
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5330
|
+
"value": "0",
|
|
5331
|
+
"uuid": "f3dbabcc-8aca-4c2a-83de-31052be74892"
|
|
5332
|
+
},
|
|
5333
|
+
{
|
|
5334
|
+
"name": {
|
|
5335
|
+
"property": "opacity",
|
|
5336
|
+
"scaleIndex": 50
|
|
5337
|
+
},
|
|
5338
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5339
|
+
"value": "0.02",
|
|
5340
|
+
"uuid": "953a3ae4-200e-4021-84cc-7177c0199bb0"
|
|
5341
|
+
},
|
|
5342
|
+
{
|
|
5343
|
+
"name": {
|
|
5344
|
+
"property": "opacity",
|
|
5345
|
+
"scaleIndex": 75
|
|
5346
|
+
},
|
|
5347
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5348
|
+
"value": "0.03",
|
|
5349
|
+
"uuid": "e397b1c2-18ad-421d-a16a-91a94a8fb510"
|
|
5350
|
+
},
|
|
5351
|
+
{
|
|
5352
|
+
"name": {
|
|
5353
|
+
"property": "opacity",
|
|
5354
|
+
"scaleIndex": 100
|
|
5355
|
+
},
|
|
5356
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5357
|
+
"value": "0.04",
|
|
5358
|
+
"uuid": "f60d39bb-d6de-472f-92f2-16d376899c7a"
|
|
5359
|
+
},
|
|
5360
|
+
{
|
|
5361
|
+
"name": {
|
|
5362
|
+
"property": "opacity",
|
|
5363
|
+
"scaleIndex": 125
|
|
5364
|
+
},
|
|
5365
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5366
|
+
"value": "0.06",
|
|
5367
|
+
"uuid": "88498cf4-9297-45c8-a268-24fa6df45e8f"
|
|
5368
|
+
},
|
|
5369
|
+
{
|
|
5370
|
+
"name": {
|
|
5371
|
+
"property": "opacity",
|
|
5372
|
+
"scaleIndex": 150
|
|
5373
|
+
},
|
|
5374
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5375
|
+
"value": "0.08",
|
|
5376
|
+
"uuid": "f3a644a5-79e6-4ca8-b928-2769f7fc4976"
|
|
5377
|
+
},
|
|
5378
|
+
{
|
|
5379
|
+
"name": {
|
|
5380
|
+
"property": "opacity",
|
|
5381
|
+
"scaleIndex": 200
|
|
5382
|
+
},
|
|
5383
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5384
|
+
"value": "0.12",
|
|
5385
|
+
"uuid": "4650acd2-32bf-4c59-b73e-90965643392e"
|
|
5386
|
+
},
|
|
5387
|
+
{
|
|
5388
|
+
"name": {
|
|
5389
|
+
"property": "opacity",
|
|
5390
|
+
"scaleIndex": 300
|
|
5391
|
+
},
|
|
5392
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5393
|
+
"value": "0.16",
|
|
5394
|
+
"uuid": "dc734505-ee27-4ffa-abdb-7edb9420007d"
|
|
5395
|
+
},
|
|
5396
|
+
{
|
|
5397
|
+
"name": {
|
|
5398
|
+
"property": "opacity",
|
|
5399
|
+
"scaleIndex": 350
|
|
5400
|
+
},
|
|
5401
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5402
|
+
"value": "0.2",
|
|
5403
|
+
"uuid": "2841d19f-afb3-47a1-92a4-1d37ef7dafb8"
|
|
5404
|
+
},
|
|
5405
|
+
{
|
|
5406
|
+
"name": {
|
|
5407
|
+
"property": "opacity",
|
|
5408
|
+
"scaleIndex": 400
|
|
5409
|
+
},
|
|
5410
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5411
|
+
"value": "0.24",
|
|
5412
|
+
"uuid": "5065fe2c-135e-41a1-8495-7471e4e185b7"
|
|
5413
|
+
},
|
|
5414
|
+
{
|
|
5415
|
+
"name": {
|
|
5416
|
+
"property": "opacity",
|
|
5417
|
+
"scaleIndex": 500
|
|
5418
|
+
},
|
|
5419
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5420
|
+
"value": "0.32",
|
|
5421
|
+
"uuid": "cc57bed6-8348-4c30-bfdc-88a34d4d5886"
|
|
5422
|
+
},
|
|
5423
|
+
{
|
|
5424
|
+
"name": {
|
|
5425
|
+
"property": "opacity",
|
|
5426
|
+
"scaleIndex": 600
|
|
5427
|
+
},
|
|
5428
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5429
|
+
"value": "0.4",
|
|
5430
|
+
"uuid": "94faa089-0cd2-44c3-bab6-53a754fe2c56"
|
|
5431
|
+
},
|
|
5432
|
+
{
|
|
5433
|
+
"name": {
|
|
5434
|
+
"property": "opacity",
|
|
5435
|
+
"scaleIndex": 700
|
|
5436
|
+
},
|
|
5437
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5438
|
+
"value": "0.48",
|
|
5439
|
+
"uuid": "e0caf147-d392-4eb4-bcc3-b4133176915c"
|
|
5440
|
+
},
|
|
5441
|
+
{
|
|
5442
|
+
"name": {
|
|
5443
|
+
"property": "opacity",
|
|
5444
|
+
"scaleIndex": 750
|
|
5445
|
+
},
|
|
5446
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5447
|
+
"value": "0.56",
|
|
5448
|
+
"uuid": "0f26b201-f7d1-4960-ac0c-1cca49aad42a"
|
|
5449
|
+
},
|
|
5450
|
+
{
|
|
5451
|
+
"name": {
|
|
5452
|
+
"property": "opacity",
|
|
5453
|
+
"scaleIndex": 800
|
|
5454
|
+
},
|
|
5455
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5456
|
+
"value": "0.64",
|
|
5457
|
+
"uuid": "d5f4d0aa-6301-400f-a585-50a815768c19"
|
|
5458
|
+
},
|
|
5459
|
+
{
|
|
5460
|
+
"name": {
|
|
5461
|
+
"property": "opacity",
|
|
5462
|
+
"scaleIndex": 900
|
|
5463
|
+
},
|
|
5464
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5465
|
+
"value": "0.8",
|
|
5466
|
+
"uuid": "aca4b30c-1352-433a-a372-fbfcd5f73c8d"
|
|
5467
|
+
},
|
|
5468
|
+
{
|
|
5469
|
+
"name": {
|
|
5470
|
+
"property": "opacity",
|
|
5471
|
+
"scaleIndex": 950
|
|
5472
|
+
},
|
|
5473
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5474
|
+
"value": "0.96",
|
|
5475
|
+
"uuid": "354bc196-1f32-45d8-ba2f-f6c38346b3f8"
|
|
5476
|
+
},
|
|
5477
|
+
{
|
|
5478
|
+
"name": {
|
|
5479
|
+
"property": "opacity",
|
|
5480
|
+
"scaleIndex": 1000
|
|
5481
|
+
},
|
|
5482
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
|
|
5483
|
+
"value": "1",
|
|
5484
|
+
"uuid": "a6f37fff-9050-4b30-b345-bfd67adf6239"
|
|
5323
5485
|
}
|
|
5324
5486
|
]
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/component.schema.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/v0/components/tab-bar-ios.json",
|
|
4
|
-
"specVersion": "1.0.0-draft",
|
|
5
|
-
"name": "tab-bar-ios",
|
|
6
|
-
"displayName": "Tab bar (iOS)",
|
|
7
|
-
"description": "Tab bar is a top-level navigation control for iOS apps.",
|
|
8
|
-
"meta": {
|
|
9
|
-
"category": "navigation",
|
|
10
|
-
"documentationUrl": "https://spectrum.adobe.com/page/tab-bar-ios/"
|
|
11
|
-
},
|
|
12
|
-
"options": {
|
|
13
|
-
"label": {
|
|
14
|
-
"type": "string"
|
|
15
|
-
},
|
|
16
|
-
"labelPosition": {
|
|
17
|
-
"type": "string",
|
|
18
|
-
"default": "bottom",
|
|
19
|
-
"values": [
|
|
20
|
-
{
|
|
21
|
-
"value": "bottom"
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
"value": "side"
|
|
25
|
-
}
|
|
26
|
-
]
|
|
27
|
-
},
|
|
28
|
-
"icon": {
|
|
29
|
-
"$ref": "https://opensource.adobe.com/spectrum-design-data/schemas/types/workflow-icon.json"
|
|
30
|
-
},
|
|
31
|
-
"background": {
|
|
32
|
-
"type": "string",
|
|
33
|
-
"default": "primary",
|
|
34
|
-
"values": [
|
|
35
|
-
{
|
|
36
|
-
"value": "primary"
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
"value": "secondary"
|
|
40
|
-
}
|
|
41
|
-
]
|
|
42
|
-
},
|
|
43
|
-
"hasBadge": {
|
|
44
|
-
"type": "boolean",
|
|
45
|
-
"default": false
|
|
46
|
-
},
|
|
47
|
-
"isDisabled": {
|
|
48
|
-
"type": "boolean",
|
|
49
|
-
"default": false
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
"lifecycle": {
|
|
53
|
-
"introduced": "1.0.0-draft"
|
|
54
|
-
},
|
|
55
|
-
"accessibility": {
|
|
56
|
-
"intents": ["navigate"],
|
|
57
|
-
"focusable": true,
|
|
58
|
-
"keyboardIntents": ["navigate-items"],
|
|
59
|
-
"wcag": [
|
|
60
|
-
{
|
|
61
|
-
"criterion": "2.1.1",
|
|
62
|
-
"level": "A",
|
|
63
|
-
"title": "Keyboard"
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
"criterion": "4.1.2",
|
|
67
|
-
"level": "A",
|
|
68
|
-
"title": "Name, Role, Value"
|
|
69
|
-
}
|
|
70
|
-
]
|
|
71
|
-
}
|
|
72
|
-
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/platform-extension.json",
|
|
3
|
-
"platform": "iOS",
|
|
4
|
-
"platformVersion": "iOS 17+",
|
|
5
|
-
"description": "iOS-specific terminology for interaction states",
|
|
6
|
-
"extends": "states",
|
|
7
|
-
"extensions": [
|
|
8
|
-
{
|
|
9
|
-
"termId": "hover",
|
|
10
|
-
"platformTerm": "highlighted",
|
|
11
|
-
"platformAliases": ["isHighlighted"],
|
|
12
|
-
"notes": "iOS uses 'highlighted' state for pointer interactions on devices with pointer support (iPad with mouse/trackpad)",
|
|
13
|
-
"reference": "UIControl.State.highlighted",
|
|
14
|
-
"codeExample": "button.isHighlighted = true",
|
|
15
|
-
"differences": [
|
|
16
|
-
"Only available on iOS devices with pointer support",
|
|
17
|
-
"Not triggered by touch interactions",
|
|
18
|
-
"Maps to UIControl.State.highlighted property"
|
|
19
|
-
]
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
"termId": "focus",
|
|
23
|
-
"platformTerm": "focused",
|
|
24
|
-
"platformAliases": ["isFocused"],
|
|
25
|
-
"notes": "iOS uses UIFocusSystem for keyboard and pointer navigation",
|
|
26
|
-
"reference": "UIFocusEnvironment",
|
|
27
|
-
"codeExample": "view.canBecomeFocused",
|
|
28
|
-
"differences": [
|
|
29
|
-
"Part of UIFocusSystem framework",
|
|
30
|
-
"Supports both keyboard and pointer navigation",
|
|
31
|
-
"Requires implementing UIFocusEnvironment protocol"
|
|
32
|
-
]
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
"termId": "disabled",
|
|
36
|
-
"platformTerm": "disabled",
|
|
37
|
-
"platformAliases": ["isEnabled"],
|
|
38
|
-
"notes": "iOS uses isEnabled property (inverted boolean)",
|
|
39
|
-
"reference": "UIControl.isEnabled",
|
|
40
|
-
"codeExample": "button.isEnabled = false",
|
|
41
|
-
"differences": [
|
|
42
|
-
"Property is named 'isEnabled' but inverted (false = disabled)",
|
|
43
|
-
"Affects both visual appearance and interaction"
|
|
44
|
-
]
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"termId": "selected",
|
|
48
|
-
"platformTerm": "selected",
|
|
49
|
-
"platformAliases": ["isSelected"],
|
|
50
|
-
"notes": "iOS uses isSelected for toggle-able controls",
|
|
51
|
-
"reference": "UIControl.isSelected",
|
|
52
|
-
"codeExample": "button.isSelected = true",
|
|
53
|
-
"differences": [
|
|
54
|
-
"Used for toggleable controls like checkboxes and radio buttons",
|
|
55
|
-
"Can be combined with other states (highlighted, disabled)"
|
|
56
|
-
]
|
|
57
|
-
}
|
|
58
|
-
]
|
|
59
|
-
}
|