@adobe/spectrum-tokens 13.0.0-beta.36 → 13.0.0-beta.38

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.md CHANGED
@@ -1,5 +1,121 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.38
4
+
5
+ ### Minor Changes
6
+
7
+ - [#360](https://github.com/adobe/spectrum-tokens/pull/360) [`f73a0b4`](https://github.com/adobe/spectrum-tokens/commit/f73a0b40464f1c73f2d9e8f6cf97da926e392ac7) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - - Fixed token type from Sizing to Font size for contextual-help-body-size and `contextual-help-title-size`
8
+
9
+ - Renamed tokens by deprecating previous ones and creating new ones, with font in the token name
10
+ Updated value of `contextual-help-title-font-size`
11
+
12
+ Marked the the following tokens in Tokens Studio for deprecation:
13
+
14
+ - `negative-subdued-background-color-default` ( --> points to `negative-subtle-background-color-default`)
15
+ - `negative-subdued-background-color-hover`
16
+ - `negative-subdued-background-color-down`
17
+ - `negative-subdued-background-color-key-focus`
18
+
19
+ ## Design motivation
20
+
21
+ - The updated type sorts them correctly in the Tokens Studio data
22
+ - The updated value reflects the latest design for Spectrum 2, using the new title style instead of heading
23
+ - The negative-subdued tokens were deprecated because the tag "error" variant has been deprecated and are no longer needed in the system. A new "subtle" token has been added for the in-line alert use case.
24
+
25
+ ## Token diff
26
+
27
+ _Tokens added (2):_
28
+
29
+ - `contextual-help-body-font-size`
30
+ - `contextual-help-title-font-size`
31
+
32
+ _Newly deprecated Tokens (6):_
33
+
34
+ - `contextual-help-body-size`
35
+ - `contextual-help-title-size`
36
+ - `negative-subdued-background-color-default`
37
+ - `negative-subdued-background-color-hover`
38
+ - `negative-subdued-background-color-down`
39
+ - `negative-subdued-background-color-key-focus`
40
+
41
+ ## 13.0.0-beta.37
42
+
43
+ ### Minor Changes
44
+
45
+ - [#355](https://github.com/adobe/spectrum-tokens/pull/355) [`783a200`](https://github.com/adobe/spectrum-tokens/commit/783a200983efa8e1f2cc31fd40ac3ed7298bb312) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Updated tokens according to updated token spec for Spectrum 2, including new and deprecated tokens
46
+
47
+ ## Design Motivation
48
+
49
+ ### Change 1: Updated terminology to align with t-shirt sizes
50
+
51
+ Previously in S1, the breadcrumb variants were default, compact, and multiline. However, in S2, we have aligned breadcrumb to t-shirt sizes, resulting in the following changes:
52
+
53
+ - Breadcrumbs (default) -> Breadcrumbs (L)
54
+ - Breadcrumbs (compact) -> Breadcrumbs (M)
55
+ - Breadcrumbs (multiline) -> Breadcrumbs (multiline)
56
+
57
+ ### Change 2: Updated truncated menu button sizes and spacing
58
+
59
+ Other structural changes
60
+
61
+ - In S1 all variants used M sized action button – now we use S, M, L sized action buttons for respective sizes.
62
+ - In S1 all variants had same spacing 8px around chevron, now we use different spacings for all the three variants
63
+
64
+ ## Token Diff
65
+
66
+ _Tokens added (11):_
67
+
68
+ - `breadcrumbs-separator-to-bottom-text-multiline`
69
+ - `breadcrumbs-start-edge-to-text-large`
70
+ - `breadcrumbs-start-edge-to-text-medium`
71
+ - `breadcrumbs-start-edge-to-text-multiline`
72
+ - `breadcrumbs-top-to-separator-large`
73
+ - `breadcrumbs-top-to-separator-medium`
74
+ - `breadcrumbs-top-to-separator-multiline`
75
+ - `breadcrumbs-truncated-menu-to-separator`
76
+ - `breadcrumbs-text-to-separator-large`
77
+ - `breadcrumbs-text-to-separator-medium`
78
+ - `breadcrumbs-text-to-separator-multiline`
79
+
80
+ _Newly deprecated tokens (13):_
81
+
82
+ - `breadcrumbs-height`
83
+ - `breadcrumbs-height-compact`
84
+ - `breadcrumbs-top-to-text`
85
+ - `breadcrumbs-top-to-text-compact`
86
+ - `breadcrumbs-bottom-to-text`
87
+ - `breadcrumbs-bottom-to-text-compact`
88
+ - `breadcrumbs-start-edge-to-text`
89
+ - `breadcrumbs-top-to-separator-icon`
90
+ - `breadcrumbs-top-to-separator-icon-compact`
91
+ - `breadcrumbs-top-to-separator-icon-multiline`
92
+ - `breadcrumbs-separator-icon-to-bottom-text-multiline`
93
+ - `breadcrumbs-truncated-menu-to-separator-icon`
94
+ - `breadcrumbs-top-to-truncated-menu-compact`
95
+
96
+ _Token values updated (20):_
97
+
98
+ - `breadcrumbs-top-to-separator-icon-multiline`
99
+ - `breadcrumbs-top-to-text-multiline`
100
+ - `breadcrumbs-bottom-to-text-multiline`
101
+ - `breadcrumbs-height-multiline`
102
+ - `breadcrumbs-top-to-separator-icon-multiline`
103
+ - `breadcrumbs-top-to-text-multiline`
104
+ - `breadcrumbs-height`
105
+ - `breadcrumbs-height-compact`
106
+ - `breadcrumbs-truncated-menu-to-separator-icon`
107
+ - `breadcrumbs-truncated-menu-to-bottom-text`
108
+ - `breadcrumbs-bottom-to-text`
109
+ - `breadcrumbs-bottom-to-text-compact`
110
+ - `breadcrumbs-separator-icon-to-bottom-text-multiline`
111
+ - `breadcrumbs-start-edge-to-text`
112
+ - `breadcrumbs-top-to-separator-icon`
113
+ - `breadcrumbs-top-to-separator-icon-compact`
114
+ - `breadcrumbs-top-to-text`
115
+ - `breadcrumbs-top-to-text-compact`
116
+ - `breadcrumbs-top-to-truncated-menu`
117
+ - `breadcrumbs-top-to-truncated-menu-compact`
118
+
3
119
  ## 13.0.0-beta.36
4
120
 
5
121
  ### Minor Changes
@@ -1475,26 +1475,37 @@
1475
1475
  "border-width-100": "1px",
1476
1476
  "border-width-200": "2px",
1477
1477
  "border-width-400": "4px",
1478
- "breadcrumbs-bottom-to-text": "15px",
1479
- "breadcrumbs-bottom-to-text-compact": "12px",
1478
+ "breadcrumbs-bottom-to-text": "11px",
1479
+ "breadcrumbs-bottom-to-text-compact": "9px",
1480
1480
  "breadcrumbs-bottom-to-text-multiline": "9px",
1481
1481
  "breadcrumbs-end-edge-to-text": "0px",
1482
- "breadcrumbs-height": "48px",
1483
- "breadcrumbs-height-compact": "40px",
1482
+ "breadcrumbs-height": "40px",
1483
+ "breadcrumbs-height-compact": "32px",
1484
1484
  "breadcrumbs-height-multiline": "72px",
1485
1485
  "breadcrumbs-separator-icon-to-bottom-text-multiline": "11px",
1486
- "breadcrumbs-start-edge-to-text": "8px",
1486
+ "breadcrumbs-separator-to-bottom-text-multiline": "11px",
1487
+ "breadcrumbs-start-edge-to-text": "9px",
1488
+ "breadcrumbs-start-edge-to-text-large": "9px",
1489
+ "breadcrumbs-start-edge-to-text-medium": "6px",
1490
+ "breadcrumbs-start-edge-to-text-multiline": "4px",
1487
1491
  "breadcrumbs-start-edge-to-truncated-menu": "0px",
1492
+ "breadcrumbs-text-to-separator-large": "9px",
1493
+ "breadcrumbs-text-to-separator-medium": "6px",
1494
+ "breadcrumbs-text-to-separator-multiline": "4px",
1488
1495
  "breadcrumbs-top-text-to-bottom-text": "9px",
1489
- "breadcrumbs-top-to-separator-icon": "19px",
1490
- "breadcrumbs-top-to-separator-icon-compact": "15px",
1491
- "breadcrumbs-top-to-separator-icon-multiline": "15px",
1492
- "breadcrumbs-top-to-text": "13px",
1493
- "breadcrumbs-top-to-text-compact": "11px",
1494
- "breadcrumbs-top-to-text-multiline": "12px",
1495
- "breadcrumbs-top-to-truncated-menu": "8px",
1496
- "breadcrumbs-top-to-truncated-menu-compact": "4px",
1497
- "breadcrumbs-truncated-menu-to-bottom-text": "0px",
1496
+ "breadcrumbs-top-to-separator-icon": "15px",
1497
+ "breadcrumbs-top-to-separator-icon-compact": "11px",
1498
+ "breadcrumbs-top-to-separator-icon-multiline": "7px",
1499
+ "breadcrumbs-top-to-separator-large": "15px",
1500
+ "breadcrumbs-top-to-separator-medium": "11px",
1501
+ "breadcrumbs-top-to-separator-multiline": "7px",
1502
+ "breadcrumbs-top-to-text": "9px",
1503
+ "breadcrumbs-top-to-text-compact": "6px",
1504
+ "breadcrumbs-top-to-text-multiline": "4px",
1505
+ "breadcrumbs-top-to-truncated-menu": "0px",
1506
+ "breadcrumbs-top-to-truncated-menu-compact": "0px",
1507
+ "breadcrumbs-truncated-menu-to-bottom-text": "4px",
1508
+ "breadcrumbs-truncated-menu-to-separator": "0px",
1498
1509
  "breadcrumbs-truncated-menu-to-separator-icon": "0px",
1499
1510
  "button-minimum-width-multiplier": "2.25",
1500
1511
  "card-minimum-width": "100px",
@@ -1645,8 +1656,10 @@
1645
1656
  "component-top-to-workflow-icon-300": "11px",
1646
1657
  "component-top-to-workflow-icon-50": "3px",
1647
1658
  "component-top-to-workflow-icon-75": "4px",
1659
+ "contextual-help-body-font-size": "14px",
1648
1660
  "contextual-help-body-size": "14px",
1649
1661
  "contextual-help-minimum-width": "268px",
1662
+ "contextual-help-title-font-size": "16px",
1650
1663
  "contextual-help-title-size": "16px",
1651
1664
  "corner-radius-0": "0px",
1652
1665
  "corner-radius-100": "4px",