@atlaskit/tokens 1.11.0 → 1.11.2

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 (94) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/artifacts/palettes-raw/shape-palette.js +16 -1
  3. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
  5. package/dist/cjs/artifacts/token-default-values.js +6 -6
  6. package/dist/cjs/artifacts/token-names.js +3 -3
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +29 -29
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +17 -17
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +17 -17
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +17 -17
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +27 -21
  12. package/dist/cjs/get-token-value.js +1 -1
  13. package/dist/cjs/get-token.js +1 -1
  14. package/dist/cjs/palettes/shape-palette.js +6 -0
  15. package/dist/cjs/tokens/atlassian-dark/color/chart.js +6 -6
  16. package/dist/cjs/tokens/atlassian-shape/shape.js +4 -4
  17. package/dist/cjs/tokens/default/color/accent.js +2 -2
  18. package/dist/cjs/tokens/default/color/chart.js +6 -6
  19. package/dist/cjs/tokens/default/shape/shape.js +11 -8
  20. package/dist/cjs/version.json +1 -1
  21. package/dist/es2019/artifacts/palettes-raw/shape-palette.js +16 -1
  22. package/dist/es2019/artifacts/themes/atlassian-dark.js +7 -7
  23. package/dist/es2019/artifacts/themes/atlassian-shape.js +3 -3
  24. package/dist/es2019/artifacts/token-default-values.js +6 -6
  25. package/dist/es2019/artifacts/token-names.js +3 -3
  26. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +29 -29
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +17 -17
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +17 -17
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +17 -17
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +27 -21
  31. package/dist/es2019/get-token-value.js +1 -1
  32. package/dist/es2019/get-token.js +1 -1
  33. package/dist/es2019/palettes/shape-palette.js +6 -0
  34. package/dist/es2019/tokens/atlassian-dark/color/chart.js +6 -6
  35. package/dist/es2019/tokens/atlassian-shape/shape.js +4 -4
  36. package/dist/es2019/tokens/default/color/accent.js +2 -2
  37. package/dist/es2019/tokens/default/color/chart.js +6 -6
  38. package/dist/es2019/tokens/default/shape/shape.js +11 -8
  39. package/dist/es2019/version.json +1 -1
  40. package/dist/esm/artifacts/palettes-raw/shape-palette.js +16 -1
  41. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  42. package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
  43. package/dist/esm/artifacts/token-default-values.js +6 -6
  44. package/dist/esm/artifacts/token-names.js +3 -3
  45. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +29 -29
  46. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +17 -17
  47. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +17 -17
  48. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +17 -17
  49. package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +27 -21
  50. package/dist/esm/get-token-value.js +1 -1
  51. package/dist/esm/get-token.js +1 -1
  52. package/dist/esm/palettes/shape-palette.js +6 -0
  53. package/dist/esm/tokens/atlassian-dark/color/chart.js +6 -6
  54. package/dist/esm/tokens/atlassian-shape/shape.js +4 -4
  55. package/dist/esm/tokens/default/color/accent.js +2 -2
  56. package/dist/esm/tokens/default/color/chart.js +6 -6
  57. package/dist/esm/tokens/default/shape/shape.js +11 -8
  58. package/dist/esm/version.json +1 -1
  59. package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +1 -1
  60. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  61. package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
  62. package/dist/types/artifacts/token-default-values.d.ts +6 -6
  63. package/dist/types/artifacts/token-names.d.ts +5 -5
  64. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  65. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  66. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  67. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  68. package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +29 -3
  69. package/dist/types/artifacts/types-internal.d.ts +2 -2
  70. package/dist/types/artifacts/types.d.ts +2 -2
  71. package/dist/types/palettes/shape-palette.d.ts +6 -0
  72. package/dist/types/types.d.ts +2 -2
  73. package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +1 -1
  74. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  75. package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
  76. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +6 -6
  77. package/dist/types-ts4.5/artifacts/token-names.d.ts +5 -5
  78. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  79. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  80. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  81. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  82. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +29 -3
  83. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  84. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  85. package/dist/types-ts4.5/palettes/shape-palette.d.ts +6 -0
  86. package/dist/types-ts4.5/types.d.ts +2 -2
  87. package/figma/atlassian-dark.json +14 -14
  88. package/figma/atlassian-legacy-dark.json +8 -8
  89. package/figma/atlassian-legacy-light.json +8 -8
  90. package/figma/atlassian-light.json +8 -8
  91. package/figma/atlassian-shape.json +20 -9
  92. package/package.json +1 -16
  93. package/report.api.md +14 -8
  94. package/tmp/api-report-tmp.d.ts +12 -6
@@ -14,7 +14,7 @@
14
14
  "attributes": {
15
15
  "group": "paint",
16
16
  "state": "active",
17
- "introduced": "1.6.0",
17
+ "introduced": "1.8.0",
18
18
  "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
19
19
  },
20
20
  "value": "#B3DF72"
@@ -23,7 +23,7 @@
23
23
  "attributes": {
24
24
  "group": "paint",
25
25
  "state": "active",
26
- "introduced": "0.7.0",
26
+ "introduced": "1.8.0",
27
27
  "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
28
28
  },
29
29
  "value": "#D3F1A7"
@@ -1787,55 +1787,55 @@
1787
1787
  "attributes": {
1788
1788
  "group": "paint",
1789
1789
  "state": "active",
1790
- "introduced": "0.13.3",
1790
+ "introduced": "1.8.0",
1791
1791
  "description": "For data visualisation only."
1792
1792
  },
1793
- "value": "#37B4C3"
1793
+ "value": "#82B536"
1794
1794
  },
1795
1795
  "Dark/color.chart.lime.bold.hovered": {
1796
1796
  "attributes": {
1797
1797
  "group": "paint",
1798
1798
  "state": "active",
1799
- "introduced": "0.13.3",
1799
+ "introduced": "1.8.0",
1800
1800
  "description": "Hovered state of color.chart.lime.bold."
1801
1801
  },
1802
- "value": "#60C6D2"
1802
+ "value": "#94C748"
1803
1803
  },
1804
1804
  "Dark/color.chart.lime.bolder": {
1805
1805
  "attributes": {
1806
1806
  "group": "paint",
1807
1807
  "state": "active",
1808
- "introduced": "0.13.3",
1808
+ "introduced": "1.8.0",
1809
1809
  "description": "For data visualisation only."
1810
1810
  },
1811
- "value": "#60C6D2"
1811
+ "value": "#94C748"
1812
1812
  },
1813
1813
  "Dark/color.chart.lime.bolder.hovered": {
1814
1814
  "attributes": {
1815
1815
  "group": "paint",
1816
1816
  "state": "active",
1817
- "introduced": "0.13.3",
1817
+ "introduced": "1.8.0",
1818
1818
  "description": "Hovered state of color.chart.lime.bolder."
1819
1819
  },
1820
- "value": "#8BDBE5"
1820
+ "value": "#B3DF72"
1821
1821
  },
1822
1822
  "Dark/color.chart.lime.boldest": {
1823
1823
  "attributes": {
1824
1824
  "group": "paint",
1825
1825
  "state": "active",
1826
- "introduced": "0.13.3",
1826
+ "introduced": "1.8.0",
1827
1827
  "description": "For data visualisation only."
1828
1828
  },
1829
- "value": "#8BDBE5"
1829
+ "value": "#B3DF72"
1830
1830
  },
1831
1831
  "Dark/color.chart.lime.boldest.hovered": {
1832
1832
  "attributes": {
1833
1833
  "group": "paint",
1834
1834
  "state": "active",
1835
- "introduced": "0.13.3",
1835
+ "introduced": "1.8.0",
1836
1836
  "description": "Hovered state of color.chart.lime.boldest."
1837
1837
  },
1838
- "value": "#C1F0F5"
1838
+ "value": "#D3F1A7"
1839
1839
  },
1840
1840
  "Dark/color.chart.neutral": {
1841
1841
  "attributes": {
@@ -14,7 +14,7 @@
14
14
  "attributes": {
15
15
  "group": "paint",
16
16
  "state": "active",
17
- "introduced": "1.6.0",
17
+ "introduced": "1.8.0",
18
18
  "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
19
19
  },
20
20
  "value": "#4C6B1F"
@@ -23,7 +23,7 @@
23
23
  "attributes": {
24
24
  "group": "paint",
25
25
  "state": "active",
26
- "introduced": "0.7.0",
26
+ "introduced": "1.8.0",
27
27
  "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
28
28
  },
29
29
  "value": "#37471F"
@@ -1787,7 +1787,7 @@
1787
1787
  "attributes": {
1788
1788
  "group": "paint",
1789
1789
  "state": "active",
1790
- "introduced": "0.13.3",
1790
+ "introduced": "1.8.0",
1791
1791
  "description": "For data visualisation only."
1792
1792
  },
1793
1793
  "value": "#6A9A23"
@@ -1796,7 +1796,7 @@
1796
1796
  "attributes": {
1797
1797
  "group": "paint",
1798
1798
  "state": "active",
1799
- "introduced": "0.13.3",
1799
+ "introduced": "1.8.0",
1800
1800
  "description": "Hovered state of color.chart.lime.bold."
1801
1801
  },
1802
1802
  "value": "#5B7F24"
@@ -1805,7 +1805,7 @@
1805
1805
  "attributes": {
1806
1806
  "group": "paint",
1807
1807
  "state": "active",
1808
- "introduced": "0.13.3",
1808
+ "introduced": "1.8.0",
1809
1809
  "description": "For data visualisation only."
1810
1810
  },
1811
1811
  "value": "#5B7F24"
@@ -1814,7 +1814,7 @@
1814
1814
  "attributes": {
1815
1815
  "group": "paint",
1816
1816
  "state": "active",
1817
- "introduced": "0.13.3",
1817
+ "introduced": "1.8.0",
1818
1818
  "description": "Hovered state of color.chart.lime.bolder."
1819
1819
  },
1820
1820
  "value": "#4C6B1F"
@@ -1823,7 +1823,7 @@
1823
1823
  "attributes": {
1824
1824
  "group": "paint",
1825
1825
  "state": "active",
1826
- "introduced": "0.13.3",
1826
+ "introduced": "1.8.0",
1827
1827
  "description": "For data visualisation only."
1828
1828
  },
1829
1829
  "value": "#4C6B1F"
@@ -1832,7 +1832,7 @@
1832
1832
  "attributes": {
1833
1833
  "group": "paint",
1834
1834
  "state": "active",
1835
- "introduced": "0.13.3",
1835
+ "introduced": "1.8.0",
1836
1836
  "description": "Hovered state of color.chart.lime.boldest."
1837
1837
  },
1838
1838
  "value": "#37471F"
@@ -14,7 +14,7 @@
14
14
  "attributes": {
15
15
  "group": "paint",
16
16
  "state": "active",
17
- "introduced": "1.6.0",
17
+ "introduced": "1.8.0",
18
18
  "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
19
19
  },
20
20
  "value": "#4C6B1F"
@@ -23,7 +23,7 @@
23
23
  "attributes": {
24
24
  "group": "paint",
25
25
  "state": "active",
26
- "introduced": "0.7.0",
26
+ "introduced": "1.8.0",
27
27
  "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
28
28
  },
29
29
  "value": "#37471F"
@@ -1787,7 +1787,7 @@
1787
1787
  "attributes": {
1788
1788
  "group": "paint",
1789
1789
  "state": "active",
1790
- "introduced": "0.13.3",
1790
+ "introduced": "1.8.0",
1791
1791
  "description": "For data visualisation only."
1792
1792
  },
1793
1793
  "value": "#6A9A23"
@@ -1796,7 +1796,7 @@
1796
1796
  "attributes": {
1797
1797
  "group": "paint",
1798
1798
  "state": "active",
1799
- "introduced": "0.13.3",
1799
+ "introduced": "1.8.0",
1800
1800
  "description": "Hovered state of color.chart.lime.bold."
1801
1801
  },
1802
1802
  "value": "#5B7F24"
@@ -1805,7 +1805,7 @@
1805
1805
  "attributes": {
1806
1806
  "group": "paint",
1807
1807
  "state": "active",
1808
- "introduced": "0.13.3",
1808
+ "introduced": "1.8.0",
1809
1809
  "description": "For data visualisation only."
1810
1810
  },
1811
1811
  "value": "#5B7F24"
@@ -1814,7 +1814,7 @@
1814
1814
  "attributes": {
1815
1815
  "group": "paint",
1816
1816
  "state": "active",
1817
- "introduced": "0.13.3",
1817
+ "introduced": "1.8.0",
1818
1818
  "description": "Hovered state of color.chart.lime.bolder."
1819
1819
  },
1820
1820
  "value": "#4C6B1F"
@@ -1823,7 +1823,7 @@
1823
1823
  "attributes": {
1824
1824
  "group": "paint",
1825
1825
  "state": "active",
1826
- "introduced": "0.13.3",
1826
+ "introduced": "1.8.0",
1827
1827
  "description": "For data visualisation only."
1828
1828
  },
1829
1829
  "value": "#4C6B1F"
@@ -1832,7 +1832,7 @@
1832
1832
  "attributes": {
1833
1833
  "group": "paint",
1834
1834
  "state": "active",
1835
- "introduced": "0.13.3",
1835
+ "introduced": "1.8.0",
1836
1836
  "description": "Hovered state of color.chart.lime.boldest."
1837
1837
  },
1838
1838
  "value": "#37471F"
@@ -14,7 +14,7 @@
14
14
  "attributes": {
15
15
  "group": "paint",
16
16
  "state": "active",
17
- "introduced": "1.6.0",
17
+ "introduced": "1.8.0",
18
18
  "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
19
19
  },
20
20
  "value": "#4C6B1F"
@@ -23,7 +23,7 @@
23
23
  "attributes": {
24
24
  "group": "paint",
25
25
  "state": "active",
26
- "introduced": "0.7.0",
26
+ "introduced": "1.8.0",
27
27
  "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
28
28
  },
29
29
  "value": "#37471F"
@@ -1787,7 +1787,7 @@
1787
1787
  "attributes": {
1788
1788
  "group": "paint",
1789
1789
  "state": "active",
1790
- "introduced": "0.13.3",
1790
+ "introduced": "1.8.0",
1791
1791
  "description": "For data visualisation only."
1792
1792
  },
1793
1793
  "value": "#6A9A23"
@@ -1796,7 +1796,7 @@
1796
1796
  "attributes": {
1797
1797
  "group": "paint",
1798
1798
  "state": "active",
1799
- "introduced": "0.13.3",
1799
+ "introduced": "1.8.0",
1800
1800
  "description": "Hovered state of color.chart.lime.bold."
1801
1801
  },
1802
1802
  "value": "#5B7F24"
@@ -1805,7 +1805,7 @@
1805
1805
  "attributes": {
1806
1806
  "group": "paint",
1807
1807
  "state": "active",
1808
- "introduced": "0.13.3",
1808
+ "introduced": "1.8.0",
1809
1809
  "description": "For data visualisation only."
1810
1810
  },
1811
1811
  "value": "#5B7F24"
@@ -1814,7 +1814,7 @@
1814
1814
  "attributes": {
1815
1815
  "group": "paint",
1816
1816
  "state": "active",
1817
- "introduced": "0.13.3",
1817
+ "introduced": "1.8.0",
1818
1818
  "description": "Hovered state of color.chart.lime.bolder."
1819
1819
  },
1820
1820
  "value": "#4C6B1F"
@@ -1823,7 +1823,7 @@
1823
1823
  "attributes": {
1824
1824
  "group": "paint",
1825
1825
  "state": "active",
1826
- "introduced": "0.13.3",
1826
+ "introduced": "1.8.0",
1827
1827
  "description": "For data visualisation only."
1828
1828
  },
1829
1829
  "value": "#4C6B1F"
@@ -1832,7 +1832,7 @@
1832
1832
  "attributes": {
1833
1833
  "group": "paint",
1834
1834
  "state": "active",
1835
- "introduced": "0.13.3",
1835
+ "introduced": "1.8.0",
1836
1836
  "description": "Hovered state of color.chart.lime.boldest."
1837
1837
  },
1838
1838
  "value": "#37471F"
@@ -14,6 +14,10 @@
14
14
  "attributes": {
15
15
  "group": "shape",
16
16
  "state": "active",
17
+ "suggest": [
18
+ "3px",
19
+ "4px"
20
+ ],
17
21
  "introduced": "1.5.2",
18
22
  "description": "The default border radius."
19
23
  },
@@ -59,6 +63,9 @@
59
63
  "attributes": {
60
64
  "group": "shape",
61
65
  "state": "active",
66
+ "suggest": [
67
+ "50%"
68
+ ],
62
69
  "introduced": "1.1.0",
63
70
  "description": "Used for circular containers, like a rounded button."
64
71
  },
@@ -68,8 +75,12 @@
68
75
  "attributes": {
69
76
  "group": "shape",
70
77
  "state": "active",
78
+ "suggest": [
79
+ "1px",
80
+ "2px"
81
+ ],
71
82
  "introduced": "1.5.2",
72
- "description": "The default border width."
83
+ "description": "The default border width. Used for all borders."
73
84
  },
74
85
  "value": 1
75
86
  },
@@ -78,25 +89,25 @@
78
89
  "group": "shape",
79
90
  "state": "experimental",
80
91
  "introduced": "1.2.1",
81
- "description": "Experimental, description needs to be amended"
92
+ "description": "Used for zero width borders."
82
93
  },
83
94
  "value": 0
84
95
  },
85
- "Shape/border.width.050": {
96
+ "Shape/border.width.indicator": {
86
97
  "attributes": {
87
98
  "group": "shape",
88
99
  "state": "active",
89
- "introduced": "1.1.0",
90
- "description": "Used for all borders and dividers."
100
+ "introduced": "1.5.2",
101
+ "description": "Used for indicators like tab and menu selected states."
91
102
  },
92
- "value": 1
103
+ "value": 3
93
104
  },
94
- "Shape/border.width.100": {
105
+ "Shape/border.width.outline": {
95
106
  "attributes": {
96
107
  "group": "shape",
97
108
  "state": "active",
98
- "introduced": "1.1.0",
99
- "description": "Used for bolder dividers and interaction states."
109
+ "introduced": "1.5.2",
110
+ "description": "Used for focus, active or selected inputs."
100
111
  },
101
112
  "value": 2
102
113
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.11.0",
3
+ "version": "1.11.2",
4
4
  "author": "Atlassian Pty Ltd",
5
5
  "description": "Design tokens are the single source of truth to name and store design decisions.",
6
6
  "license": "Apache-2.0",
@@ -66,25 +66,10 @@
66
66
  },
67
67
  "devDependencies": {
68
68
  "@af/accessibility-testing": "*",
69
- "@atlaskit/avatar": "^21.3.0",
70
- "@atlaskit/button": "^16.8.0",
71
69
  "@atlaskit/code": "^14.6.0",
72
- "@atlaskit/docs": "^9.1.0",
73
- "@atlaskit/dropdown-menu": "^11.10.0",
74
- "@atlaskit/ds-explorations": "^2.2.0",
75
- "@atlaskit/dynamic-table": "^14.11.0",
76
- "@atlaskit/grid": "^0.11.0",
77
- "@atlaskit/heading": "^1.3.0",
78
- "@atlaskit/icon": "^21.12.0",
79
- "@atlaskit/lozenge": "^11.4.0",
80
70
  "@atlaskit/primitives": "^0.15.0",
81
71
  "@atlaskit/section-message": "^6.4.0",
82
- "@atlaskit/select": "^16.5.0",
83
72
  "@atlaskit/spinner": "^15.5.1",
84
- "@atlaskit/tag": "^11.5.0",
85
- "@atlaskit/textfield": "^5.5.0",
86
- "@atlaskit/theme": "^12.5.0",
87
- "@atlaskit/tooltip": "^17.8.0",
88
73
  "@atlaskit/visual-regression": "*",
89
74
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
90
75
  "@atlassian/codegen": "^0.1.0",
package/report.api.md CHANGED
@@ -33,8 +33,8 @@ export type ActiveTokens =
33
33
  | 'border.radius.400'
34
34
  | 'border.radius.circle'
35
35
  | 'border.width'
36
- | 'border.width.050'
37
- | 'border.width.100'
36
+ | 'border.width.indicator'
37
+ | 'border.width.outline'
38
38
  | 'color.background.accent.blue.bolder'
39
39
  | 'color.background.accent.blue.subtle'
40
40
  | 'color.background.accent.blue.subtler'
@@ -439,6 +439,12 @@ const baseSizeTokens: {
439
439
  readonly group: 'shape';
440
440
  };
441
441
  };
442
+ readonly Size200: {
443
+ readonly value: 3;
444
+ readonly attributes: {
445
+ readonly group: 'shape';
446
+ };
447
+ };
442
448
  };
443
449
 
444
450
  // @public (undocumented)
@@ -843,8 +849,8 @@ type CSSTokenMap = {
843
849
  'border.radius.circle': 'var(--ds-border-radius-circle)';
844
850
  'border.width': 'var(--ds-border-width)';
845
851
  'border.width.0': 'var(--ds-border-width-0)';
846
- 'border.width.050': 'var(--ds-border-width-050)';
847
- 'border.width.100': 'var(--ds-border-width-100)';
852
+ 'border.width.indicator': 'var(--ds-border-width-indicator)';
853
+ 'border.width.outline': 'var(--ds-border-width-outline)';
848
854
  'space.0': 'var(--ds-space-0)';
849
855
  'space.025': 'var(--ds-space-025)';
850
856
  'space.050': 'var(--ds-space-050)';
@@ -991,9 +997,9 @@ type InternalTokenIds =
991
997
  | 'border.radius.400'
992
998
  | 'border.radius.[default]'
993
999
  | 'border.radius.circle'
994
- | 'border.width.050'
995
- | 'border.width.100'
996
1000
  | 'border.width.[default]'
1001
+ | 'border.width.indicator'
1002
+ | 'border.width.outline'
997
1003
  | 'color.background.accent.blue.bolder'
998
1004
  | 'color.background.accent.blue.subtle'
999
1005
  | 'color.background.accent.blue.subtler'
@@ -1853,8 +1859,8 @@ const tokens: {
1853
1859
  readonly 'border.radius.circle': '--ds-border-radius-circle';
1854
1860
  readonly 'border.width': '--ds-border-width';
1855
1861
  readonly 'border.width.0': '--ds-border-width-0';
1856
- readonly 'border.width.050': '--ds-border-width-050';
1857
- readonly 'border.width.100': '--ds-border-width-100';
1862
+ readonly 'border.width.indicator': '--ds-border-width-indicator';
1863
+ readonly 'border.width.outline': '--ds-border-width-outline';
1858
1864
  readonly 'space.0': '--ds-space-0';
1859
1865
  readonly 'space.025': '--ds-space-025';
1860
1866
  readonly 'space.050': '--ds-space-050';
@@ -13,7 +13,7 @@ interface ActiveThemeState extends ThemeState {
13
13
  }
14
14
 
15
15
  // @public
16
- export type ActiveTokens = 'border.radius' | 'border.radius.050' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.050' | 'border.width.100' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtlest' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtlest' | 'color.background.accent.green.bolder' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtlest' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtlest' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtlest' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtlest' | 'color.background.accent.red.bolder' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtlest' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtlest' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtlest' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.disabled' | 'color.background.discovery' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.information' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.selected' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.success' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.warning' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.blanket' | 'color.blanket.danger' | 'color.blanket.selected' | 'color.border' | 'color.border.accent.blue' | 'color.border.accent.gray' | 'color.border.accent.green' | 'color.border.accent.lime' | 'color.border.accent.magenta' | 'color.border.accent.orange' | 'color.border.accent.purple' | 'color.border.accent.red' | 'color.border.accent.teal' | 'color.border.accent.yellow' | 'color.border.bold' | 'color.border.brand' | 'color.border.danger' | 'color.border.disabled' | 'color.border.discovery' | 'color.border.focused' | 'color.border.information' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.success' | 'color.border.warning' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.danger' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.danger.hovered' | 'color.chart.discovery' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.discovery.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.information' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'color.chart.information.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.success' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.success.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.warning' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.warning.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.icon' | 'color.icon.accent.blue' | 'color.icon.accent.gray' | 'color.icon.accent.green' | 'color.icon.accent.lime' | 'color.icon.accent.magenta' | 'color.icon.accent.orange' | 'color.icon.accent.purple' | 'color.icon.accent.red' | 'color.icon.accent.teal' | 'color.icon.accent.yellow' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.disabled' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.subtle' | 'color.icon.success' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.link' | 'color.link.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.text' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.brand' | 'color.text.danger' | 'color.text.disabled' | 'color.text.discovery' | 'color.text.information' | 'color.text.inverse' | 'color.text.selected' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.success' | 'color.text.warning' | 'color.text.warning.inverse' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'font.family.monospace' | 'font.family.sans' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'opacity.disabled' | 'opacity.loading' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'utility.UNSAFE.transparent';
16
+ export type ActiveTokens = 'border.radius' | 'border.radius.050' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtlest' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtlest' | 'color.background.accent.green.bolder' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtlest' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtlest' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtlest' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtlest' | 'color.background.accent.red.bolder' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtlest' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtlest' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtlest' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.disabled' | 'color.background.discovery' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.information' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.selected' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.success' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.warning' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.blanket' | 'color.blanket.danger' | 'color.blanket.selected' | 'color.border' | 'color.border.accent.blue' | 'color.border.accent.gray' | 'color.border.accent.green' | 'color.border.accent.lime' | 'color.border.accent.magenta' | 'color.border.accent.orange' | 'color.border.accent.purple' | 'color.border.accent.red' | 'color.border.accent.teal' | 'color.border.accent.yellow' | 'color.border.bold' | 'color.border.brand' | 'color.border.danger' | 'color.border.disabled' | 'color.border.discovery' | 'color.border.focused' | 'color.border.information' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.success' | 'color.border.warning' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.danger' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.danger.hovered' | 'color.chart.discovery' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.discovery.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.information' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'color.chart.information.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.success' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.success.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.warning' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.warning.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.icon' | 'color.icon.accent.blue' | 'color.icon.accent.gray' | 'color.icon.accent.green' | 'color.icon.accent.lime' | 'color.icon.accent.magenta' | 'color.icon.accent.orange' | 'color.icon.accent.purple' | 'color.icon.accent.red' | 'color.icon.accent.teal' | 'color.icon.accent.yellow' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.disabled' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.subtle' | 'color.icon.success' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.link' | 'color.link.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.text' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.brand' | 'color.text.danger' | 'color.text.disabled' | 'color.text.discovery' | 'color.text.information' | 'color.text.inverse' | 'color.text.selected' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.success' | 'color.text.warning' | 'color.text.warning.inverse' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'font.family.monospace' | 'font.family.sans' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'opacity.disabled' | 'opacity.loading' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'utility.UNSAFE.transparent';
17
17
 
18
18
  // @public (undocumented)
19
19
  type ActiveTokenState = 'active';
@@ -84,6 +84,12 @@ const baseSizeTokens: {
84
84
  readonly group: "shape";
85
85
  };
86
86
  };
87
+ readonly Size200: {
88
+ readonly value: 3;
89
+ readonly attributes: {
90
+ readonly group: "shape";
91
+ };
92
+ };
87
93
  };
88
94
 
89
95
  // @public (undocumented)
@@ -488,8 +494,8 @@ type CSSTokenMap = {
488
494
  'border.radius.circle': 'var(--ds-border-radius-circle)';
489
495
  'border.width': 'var(--ds-border-width)';
490
496
  'border.width.0': 'var(--ds-border-width-0)';
491
- 'border.width.050': 'var(--ds-border-width-050)';
492
- 'border.width.100': 'var(--ds-border-width-100)';
497
+ 'border.width.indicator': 'var(--ds-border-width-indicator)';
498
+ 'border.width.outline': 'var(--ds-border-width-outline)';
493
499
  'space.0': 'var(--ds-space-0)';
494
500
  'space.025': 'var(--ds-space-025)';
495
501
  'space.050': 'var(--ds-space-050)';
@@ -597,7 +603,7 @@ export function getTokenValue<T extends keyof Tokens_2>(tokenId: T, fallback?: s
597
603
  export type Groups = 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'opacity' | 'paint' | 'palette' | 'raw' | 'shadow' | 'shape' | 'spacing' | 'typography';
598
604
 
599
605
  // @public
600
- type InternalTokenIds = 'border.radius.050' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.[default]' | 'border.radius.circle' | 'border.width.050' | 'border.width.100' | 'border.width.[default]' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtlest' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtlest' | 'color.background.accent.green.bolder' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtlest' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtlest' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtlest' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtlest' | 'color.background.accent.red.bolder' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtlest' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtlest' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtlest' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.disabled' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.danger' | 'color.blanket.selected' | 'color.border.[default]' | 'color.border.accent.blue' | 'color.border.accent.gray' | 'color.border.accent.green' | 'color.border.accent.lime' | 'color.border.accent.magenta' | 'color.border.accent.orange' | 'color.border.accent.purple' | 'color.border.accent.red' | 'color.border.accent.teal' | 'color.border.accent.yellow' | 'color.border.bold' | 'color.border.brand' | 'color.border.danger' | 'color.border.disabled' | 'color.border.discovery' | 'color.border.focused' | 'color.border.information' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.success' | 'color.border.warning' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.icon.[default]' | 'color.icon.accent.blue' | 'color.icon.accent.gray' | 'color.icon.accent.green' | 'color.icon.accent.lime' | 'color.icon.accent.magenta' | 'color.icon.accent.orange' | 'color.icon.accent.purple' | 'color.icon.accent.red' | 'color.icon.accent.teal' | 'color.icon.accent.yellow' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.disabled' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.subtle' | 'color.icon.success' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.link.[default]' | 'color.link.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.text.[default]' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.brand' | 'color.text.danger' | 'color.text.disabled' | 'color.text.discovery' | 'color.text.information' | 'color.text.inverse' | 'color.text.selected' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.success' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'font.family.monospace' | 'font.family.sans' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'opacity.disabled' | 'opacity.loading' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'utility.UNSAFE.transparent';
606
+ type InternalTokenIds = 'border.radius.050' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.[default]' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtlest' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtlest' | 'color.background.accent.green.bolder' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtlest' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtlest' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtlest' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtlest' | 'color.background.accent.red.bolder' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtlest' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtlest' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtlest' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.disabled' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.danger' | 'color.blanket.selected' | 'color.border.[default]' | 'color.border.accent.blue' | 'color.border.accent.gray' | 'color.border.accent.green' | 'color.border.accent.lime' | 'color.border.accent.magenta' | 'color.border.accent.orange' | 'color.border.accent.purple' | 'color.border.accent.red' | 'color.border.accent.teal' | 'color.border.accent.yellow' | 'color.border.bold' | 'color.border.brand' | 'color.border.danger' | 'color.border.disabled' | 'color.border.discovery' | 'color.border.focused' | 'color.border.information' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.success' | 'color.border.warning' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.icon.[default]' | 'color.icon.accent.blue' | 'color.icon.accent.gray' | 'color.icon.accent.green' | 'color.icon.accent.lime' | 'color.icon.accent.magenta' | 'color.icon.accent.orange' | 'color.icon.accent.purple' | 'color.icon.accent.red' | 'color.icon.accent.teal' | 'color.icon.accent.yellow' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.disabled' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.subtle' | 'color.icon.success' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.link.[default]' | 'color.link.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.text.[default]' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.brand' | 'color.text.danger' | 'color.text.disabled' | 'color.text.discovery' | 'color.text.information' | 'color.text.inverse' | 'color.text.selected' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.success' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'font.family.monospace' | 'font.family.sans' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'opacity.disabled' | 'opacity.loading' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'utility.UNSAFE.transparent';
601
607
 
602
608
  // @public (undocumented)
603
609
  export type OpacityToken = DesignToken<string, 'opacity'>;
@@ -1074,8 +1080,8 @@ const tokens: {
1074
1080
  readonly 'border.radius.circle': "--ds-border-radius-circle";
1075
1081
  readonly 'border.width': "--ds-border-width";
1076
1082
  readonly 'border.width.0': "--ds-border-width-0";
1077
- readonly 'border.width.050': "--ds-border-width-050";
1078
- readonly 'border.width.100': "--ds-border-width-100";
1083
+ readonly 'border.width.indicator': "--ds-border-width-indicator";
1084
+ readonly 'border.width.outline': "--ds-border-width-outline";
1079
1085
  readonly 'space.0': "--ds-space-0";
1080
1086
  readonly 'space.025': "--ds-space-025";
1081
1087
  readonly 'space.050': "--ds-space-050";