@patternfly/design-tokens 1.14.7 → 1.14.8

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 (36) hide show
  1. package/build/css/tokens-dark.scss +3 -3
  2. package/build/css/tokens-default.scss +3 -3
  3. package/build/css/tokens-glass-dark.scss +3 -6
  4. package/build/css/tokens-glass.scss +3 -6
  5. package/build/css/tokens-redhat-dark.scss +1 -1
  6. package/build/css/tokens-redhat-glass-dark.scss +3 -6
  7. package/build/css/tokens-redhat-glass.scss +3 -6
  8. package/build/css/tokens-redhat-highcontrast-dark.scss +1 -1
  9. package/build/css/tokens-redhat-highcontrast.scss +1 -1
  10. package/build/css/tokens-redhat.scss +1 -1
  11. package/build.js +10 -3
  12. package/package.json +1 -1
  13. package/patternfly-docs/content/token-layers-glass-dark.json +154 -154
  14. package/patternfly-docs/content/token-layers-glass.json +51 -51
  15. package/patternfly-docs/content/token-layers-highcontrast-dark.json +133 -133
  16. package/patternfly-docs/content/token-layers-highcontrast.json +192 -192
  17. package/patternfly-docs/content/token-layers-redhat-dark.json +156 -156
  18. package/patternfly-docs/content/token-layers-redhat-glass-dark.json +154 -154
  19. package/patternfly-docs/content/token-layers-redhat-glass.json +51 -51
  20. package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +133 -133
  21. package/patternfly-docs/content/token-layers-redhat-highcontrast.json +192 -192
  22. package/patternfly-docs/content/token-layers-redhat.json +413 -413
  23. package/tokens/default/dark/charts.dark.json +4 -4
  24. package/tokens/default/dark/semantic.dark.json +23 -23
  25. package/tokens/default/glass/base.dimension.json +10 -10
  26. package/tokens/default/glass/semantic.glass.json +25 -25
  27. package/tokens/default/glass-dark/semantic.glass.dark.json +25 -25
  28. package/tokens/default/highcontrast/base.dimension.json +10 -10
  29. package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +5 -5
  30. package/tokens/default/highcontrast/semantic.highcontrast.json +23 -23
  31. package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +23 -23
  32. package/tokens/default/light/base.dimension.json +10 -10
  33. package/tokens/default/light/charts.json +4 -4
  34. package/tokens/default/light/semantic.dimension.json +5 -5
  35. package/tokens/default/light/semantic.json +23 -23
  36. package/tokens/default/light/semantic.motion.json +25 -25
@@ -1,11 +1,11 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Feb 2026 21:19:17 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:24 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7
- --pf-t--global--background--filter--glass--blur--floating: 0px;
8
- --pf-t--global--background--filter--glass--blur--primary: 0px;
7
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
8
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
9
9
  --pf-t--global--background--opacity--glass--floating: 100%;
10
10
  --pf-t--global--background--opacity--glass--primary: 100%;
11
11
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
@@ -1,14 +1,14 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Feb 2026 21:19:17 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:24 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7
7
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
8
8
  --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
9
9
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
10
- --pf-t--global--background--filter--glass--blur--floating: 0px;
11
- --pf-t--global--background--filter--glass--blur--primary: 0px;
10
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
11
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
12
12
  --pf-t--global--background--opacity--glass--floating: 100%;
13
13
  --pf-t--global--background--opacity--glass--primary: 100%;
14
14
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
@@ -1,12 +1,9 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Feb 2026 21:19:18 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:24 GMT
4
4
 
5
- // Only tokens that differ from base theme (5 tokens)
5
+ // Only tokens that differ from base theme (2 tokens)
6
6
  @mixin pf-v6-tokens {
7
- --pf-t--global--background--filter--glass--blur--floating: 12.5px;
8
- --pf-t--global--background--filter--glass--blur--primary: 12.5px;
9
- --pf-t--global--background--opacity--glass--floating: 80%;
7
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
10
8
  --pf-t--global--background--opacity--glass--primary: 80%;
11
- --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--primary--default);
12
9
  }
@@ -1,12 +1,9 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Feb 2026 21:19:18 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:24 GMT
4
4
 
5
- // Only tokens that differ from base theme (5 tokens)
5
+ // Only tokens that differ from base theme (2 tokens)
6
6
  @mixin pf-v6-tokens {
7
- --pf-t--global--background--filter--glass--blur--floating: 12.5px;
8
- --pf-t--global--background--filter--glass--blur--primary: 12.5px;
9
- --pf-t--global--background--opacity--glass--floating: 80%;
7
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
10
8
  --pf-t--global--background--opacity--glass--primary: 80%;
11
- --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--primary--default);
12
9
  }
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Feb 2026 21:19:18 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:25 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (7 tokens)
6
6
  @mixin pf-v6-tokens {
@@ -1,12 +1,10 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Feb 2026 21:19:18 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:25 GMT
4
4
 
5
- // Only tokens that differ from base theme (12 tokens)
5
+ // Only tokens that differ from base theme (9 tokens)
6
6
  @mixin pf-v6-tokens {
7
- --pf-t--global--background--filter--glass--blur--floating: 12.5px;
8
- --pf-t--global--background--filter--glass--blur--primary: 12.5px;
9
- --pf-t--global--background--opacity--glass--floating: 80%;
7
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
10
8
  --pf-t--global--background--opacity--glass--primary: 80%;
11
9
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
12
10
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
@@ -14,6 +12,5 @@
14
12
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
15
13
  --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
16
14
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
17
- --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--primary--default);
18
15
  --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
19
16
  }
@@ -1,12 +1,10 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Feb 2026 21:19:18 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:25 GMT
4
4
 
5
- // Only tokens that differ from base theme (11 tokens)
5
+ // Only tokens that differ from base theme (8 tokens)
6
6
  @mixin pf-v6-tokens {
7
- --pf-t--global--background--filter--glass--blur--floating: 12.5px;
8
- --pf-t--global--background--filter--glass--blur--primary: 12.5px;
9
- --pf-t--global--background--opacity--glass--floating: 80%;
7
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
10
8
  --pf-t--global--background--opacity--glass--primary: 80%;
11
9
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
12
10
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
@@ -14,5 +12,4 @@
14
12
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
15
13
  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
16
14
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
17
- --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--primary--default);
18
15
  }
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Feb 2026 21:19:18 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:25 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (40 tokens)
6
6
  @mixin pf-v6-tokens {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Feb 2026 21:19:18 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:25 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (120 tokens)
6
6
  @mixin pf-v6-tokens {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Feb 2026 21:19:18 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:24 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (8 tokens)
6
6
  @mixin pf-v6-tokens {
package/build.js CHANGED
@@ -90,8 +90,7 @@ const build = (selector) => {
90
90
  type: 'value',
91
91
  matcher: (token) =>
92
92
  (['border', 'focus-ring'].includes(token.attributes.type) && token.original.type === 'number') ||
93
- (token.attributes.type === 'box-shadow' && token.attributes.item !== 'color') ||
94
- (token.attributes.item == 'filter' && token.attributes.state === 'blur' && token.original.type === 'number'),
93
+ (token.attributes.type === 'box-shadow' && token.attributes.item !== 'color'),
95
94
  transformer: (token) => `${token.value}px`
96
95
  });
97
96
 
@@ -131,6 +130,13 @@ const build = (selector) => {
131
130
  matcher: (token) => token.attributes.item === 'opacity' && token.original.type === 'number',
132
131
  transformer: (token) => `${token.value}%`
133
132
  });
133
+
134
+ StyleDictionary.registerTransform({
135
+ name: 'patternfly/global/filter/blur',
136
+ type: 'value',
137
+ matcher: (token) => (token.attributes.item == 'filter' && token.attributes.state === 'blur' && token.original.type === 'number'),
138
+ transformer: (token) => `blur(${token.value}px)`
139
+ });
134
140
 
135
141
  // Reigster custom transform group
136
142
  StyleDictionary.registerTransformGroup({
@@ -149,7 +155,8 @@ const build = (selector) => {
149
155
  'patternfly/global/px',
150
156
  'patternfly/global/pxToRem',
151
157
  'patternfly/global/ms',
152
- 'patternfly/doublekebab'
158
+ 'patternfly/doublekebab',
159
+ 'patternfly/global/filter/blur'
153
160
  ]
154
161
  });
155
162
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/design-tokens",
3
- "version": "1.14.7",
3
+ "version": "1.14.8",
4
4
  "description": "Define the design tokens for patternfly design system and component library",
5
5
  "main": "dist/esm/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -1,6 +1,62 @@
1
1
  {
2
2
  "semantic": {
3
3
  "colors": {
4
+ "pf-t--global--background--filter--glass--blur--primary": {
5
+ "default": {
6
+ "type": "number",
7
+ "value": "blur(12.5px)",
8
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
9
+ "isSource": true,
10
+ "original": {
11
+ "type": "number",
12
+ "value": 12.5
13
+ },
14
+ "name": "pf-t--global--background--filter--glass--blur--primary",
15
+ "attributes": {
16
+ "category": "global",
17
+ "type": "background",
18
+ "item": "filter",
19
+ "subitem": "glass",
20
+ "state": "blur"
21
+ },
22
+ "path": [
23
+ "global",
24
+ "background",
25
+ "filter",
26
+ "glass",
27
+ "blur",
28
+ "primary"
29
+ ]
30
+ }
31
+ },
32
+ "pf-t--global--background--filter--glass--blur--floating": {
33
+ "default": {
34
+ "type": "number",
35
+ "value": "blur(0px)",
36
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
37
+ "isSource": true,
38
+ "original": {
39
+ "type": "number",
40
+ "value": 0
41
+ },
42
+ "name": "pf-t--global--background--filter--glass--blur--floating",
43
+ "attributes": {
44
+ "category": "global",
45
+ "type": "background",
46
+ "item": "filter",
47
+ "subitem": "glass",
48
+ "state": "blur"
49
+ },
50
+ "path": [
51
+ "global",
52
+ "background",
53
+ "filter",
54
+ "glass",
55
+ "blur",
56
+ "floating"
57
+ ]
58
+ }
59
+ },
4
60
  "pf-t--global--background--color--glass--primary": {
5
61
  "default": {
6
62
  "type": "color",
@@ -110,12 +166,12 @@
110
166
  "pf-t--global--background--color--glass--floating": {
111
167
  "default": {
112
168
  "type": "color",
113
- "value": "#292929",
169
+ "value": "#383838",
114
170
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
115
171
  "isSource": true,
116
172
  "original": {
117
173
  "type": "color",
118
- "value": "{global.background.color.primary.default}"
174
+ "value": "{global.background.color.floating.default}"
119
175
  },
120
176
  "name": "pf-t--global--background--color--glass--floating",
121
177
  "attributes": {
@@ -134,76 +190,76 @@
134
190
  ],
135
191
  "references": [
136
192
  {
137
- "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
193
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
138
194
  "type": "color",
139
- "value": "#292929",
195
+ "value": "#383838",
140
196
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
141
197
  "isSource": true,
142
198
  "original": {
143
- "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
199
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
144
200
  "type": "color",
145
- "value": "{global.dark.background.color.200}"
201
+ "value": "{global.dark.background.color.300}"
146
202
  },
147
- "name": "pf-t--global--background--color--primary--default",
203
+ "name": "pf-t--global--background--color--floating--default",
148
204
  "attributes": {
149
205
  "category": "global",
150
206
  "type": "background",
151
207
  "item": "color",
152
- "subitem": "primary",
208
+ "subitem": "floating",
153
209
  "state": "default"
154
210
  },
155
211
  "path": [
156
212
  "global",
157
213
  "background",
158
214
  "color",
159
- "primary",
215
+ "floating",
160
216
  "default"
161
217
  ],
162
218
  "references": [
163
219
  {
164
220
  "type": "color",
165
- "value": "#292929",
221
+ "value": "#383838",
166
222
  "filePath": "tokens/default/glass-dark/base.dark.json",
167
223
  "isSource": true,
168
224
  "original": {
169
225
  "type": "color",
170
- "value": "{color.gray.80}"
226
+ "value": "{color.gray.70}"
171
227
  },
172
- "name": "pf-t--global--dark--background--color--200",
228
+ "name": "pf-t--global--dark--background--color--300",
173
229
  "attributes": {
174
230
  "category": "global",
175
231
  "type": "dark",
176
232
  "item": "background",
177
233
  "subitem": "color",
178
- "state": "200"
234
+ "state": "300"
179
235
  },
180
236
  "path": [
181
237
  "global",
182
238
  "dark",
183
239
  "background",
184
240
  "color",
185
- "200"
241
+ "300"
186
242
  ],
187
243
  "references": [
188
244
  {
189
245
  "type": "color",
190
- "value": "#292929",
246
+ "value": "#383838",
191
247
  "filePath": "tokens/default/glass-dark/palette.color.json",
192
248
  "isSource": true,
193
249
  "original": {
194
250
  "type": "color",
195
- "value": "#292929"
251
+ "value": "#383838"
196
252
  },
197
- "name": "pf-t--color--gray--80",
253
+ "name": "pf-t--color--gray--70",
198
254
  "attributes": {
199
255
  "category": "color",
200
256
  "type": "gray",
201
- "item": "80"
257
+ "item": "70"
202
258
  },
203
259
  "path": [
204
260
  "color",
205
261
  "gray",
206
- "80"
262
+ "70"
207
263
  ]
208
264
  }
209
265
  ]
@@ -2084,62 +2140,6 @@
2084
2140
  ]
2085
2141
  }
2086
2142
  },
2087
- "pf-t--global--background--filter--glass--blur--primary": {
2088
- "default": {
2089
- "type": "number",
2090
- "value": "12.5px",
2091
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
2092
- "isSource": true,
2093
- "original": {
2094
- "type": "number",
2095
- "value": 12.5
2096
- },
2097
- "name": "pf-t--global--background--filter--glass--blur--primary",
2098
- "attributes": {
2099
- "category": "global",
2100
- "type": "background",
2101
- "item": "filter",
2102
- "subitem": "glass",
2103
- "state": "blur"
2104
- },
2105
- "path": [
2106
- "global",
2107
- "background",
2108
- "filter",
2109
- "glass",
2110
- "blur",
2111
- "primary"
2112
- ]
2113
- }
2114
- },
2115
- "pf-t--global--background--filter--glass--blur--floating": {
2116
- "default": {
2117
- "type": "number",
2118
- "value": "12.5px",
2119
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
2120
- "isSource": true,
2121
- "original": {
2122
- "type": "number",
2123
- "value": 12.5
2124
- },
2125
- "name": "pf-t--global--background--filter--glass--blur--floating",
2126
- "attributes": {
2127
- "category": "global",
2128
- "type": "background",
2129
- "item": "filter",
2130
- "subitem": "glass",
2131
- "state": "blur"
2132
- },
2133
- "path": [
2134
- "global",
2135
- "background",
2136
- "filter",
2137
- "glass",
2138
- "blur",
2139
- "floating"
2140
- ]
2141
- }
2142
- },
2143
2143
  "pf-t--global--background--opacity--glass--primary": {
2144
2144
  "default": {
2145
2145
  "type": "number",
@@ -2170,12 +2170,12 @@
2170
2170
  "pf-t--global--background--opacity--glass--floating": {
2171
2171
  "default": {
2172
2172
  "type": "number",
2173
- "value": "80%",
2173
+ "value": "100%",
2174
2174
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
2175
2175
  "isSource": true,
2176
2176
  "original": {
2177
2177
  "type": "number",
2178
- "value": 80
2178
+ "value": 100
2179
2179
  },
2180
2180
  "name": "pf-t--global--background--opacity--glass--floating",
2181
2181
  "attributes": {
@@ -31780,6 +31780,83 @@
31780
31780
  ]
31781
31781
  }
31782
31782
  },
31783
+ "pf-t--global--focus-ring--color--default": {
31784
+ "default": {
31785
+ "description": "Use as color value for custom focus rings",
31786
+ "type": "color",
31787
+ "value": "#92c5f9",
31788
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
31789
+ "isSource": true,
31790
+ "original": {
31791
+ "description": "Use as color value for custom focus rings",
31792
+ "type": "color",
31793
+ "value": "{global.dark.focus-ring.color.100}"
31794
+ },
31795
+ "name": "pf-t--global--focus-ring--color--default",
31796
+ "attributes": {
31797
+ "category": "global",
31798
+ "type": "focus-ring",
31799
+ "item": "color",
31800
+ "subitem": "default"
31801
+ },
31802
+ "path": [
31803
+ "global",
31804
+ "focus-ring",
31805
+ "color",
31806
+ "default"
31807
+ ],
31808
+ "references": [
31809
+ {
31810
+ "type": "color",
31811
+ "value": "#92c5f9",
31812
+ "filePath": "tokens/default/glass-dark/base.dark.json",
31813
+ "isSource": true,
31814
+ "original": {
31815
+ "type": "color",
31816
+ "value": "{color.blue.30}"
31817
+ },
31818
+ "name": "pf-t--global--dark--focus-ring--color--100",
31819
+ "attributes": {
31820
+ "category": "global",
31821
+ "type": "dark",
31822
+ "item": "focus-ring",
31823
+ "subitem": "color",
31824
+ "state": "100"
31825
+ },
31826
+ "path": [
31827
+ "global",
31828
+ "dark",
31829
+ "focus-ring",
31830
+ "color",
31831
+ "100"
31832
+ ],
31833
+ "references": [
31834
+ {
31835
+ "type": "color",
31836
+ "value": "#92c5f9",
31837
+ "filePath": "tokens/default/glass-dark/palette.color.json",
31838
+ "isSource": true,
31839
+ "original": {
31840
+ "type": "color",
31841
+ "value": "#92c5f9"
31842
+ },
31843
+ "name": "pf-t--color--blue--30",
31844
+ "attributes": {
31845
+ "category": "color",
31846
+ "type": "blue",
31847
+ "item": "30"
31848
+ },
31849
+ "path": [
31850
+ "color",
31851
+ "blue",
31852
+ "30"
31853
+ ]
31854
+ }
31855
+ ]
31856
+ }
31857
+ ]
31858
+ }
31859
+ },
31783
31860
  "pf-t--global--text-decoration--color--default": {
31784
31861
  "default": {
31785
31862
  "type": "color",
@@ -31983,83 +32060,6 @@
31983
32060
  }
31984
32061
  ]
31985
32062
  }
31986
- },
31987
- "pf-t--global--focus-ring--color--default": {
31988
- "default": {
31989
- "description": "Use as color value for custom focus rings",
31990
- "type": "color",
31991
- "value": "#92c5f9",
31992
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
31993
- "isSource": true,
31994
- "original": {
31995
- "description": "Use as color value for custom focus rings",
31996
- "type": "color",
31997
- "value": "{global.dark.focus-ring.color.100}"
31998
- },
31999
- "name": "pf-t--global--focus-ring--color--default",
32000
- "attributes": {
32001
- "category": "global",
32002
- "type": "focus-ring",
32003
- "item": "color",
32004
- "subitem": "default"
32005
- },
32006
- "path": [
32007
- "global",
32008
- "focus-ring",
32009
- "color",
32010
- "default"
32011
- ],
32012
- "references": [
32013
- {
32014
- "type": "color",
32015
- "value": "#92c5f9",
32016
- "filePath": "tokens/default/glass-dark/base.dark.json",
32017
- "isSource": true,
32018
- "original": {
32019
- "type": "color",
32020
- "value": "{color.blue.30}"
32021
- },
32022
- "name": "pf-t--global--dark--focus-ring--color--100",
32023
- "attributes": {
32024
- "category": "global",
32025
- "type": "dark",
32026
- "item": "focus-ring",
32027
- "subitem": "color",
32028
- "state": "100"
32029
- },
32030
- "path": [
32031
- "global",
32032
- "dark",
32033
- "focus-ring",
32034
- "color",
32035
- "100"
32036
- ],
32037
- "references": [
32038
- {
32039
- "type": "color",
32040
- "value": "#92c5f9",
32041
- "filePath": "tokens/default/glass-dark/palette.color.json",
32042
- "isSource": true,
32043
- "original": {
32044
- "type": "color",
32045
- "value": "#92c5f9"
32046
- },
32047
- "name": "pf-t--color--blue--30",
32048
- "attributes": {
32049
- "category": "color",
32050
- "type": "blue",
32051
- "item": "30"
32052
- },
32053
- "path": [
32054
- "color",
32055
- "blue",
32056
- "30"
32057
- ]
32058
- }
32059
- ]
32060
- }
32061
- ]
32062
- }
32063
32063
  }
32064
32064
  },
32065
32065
  "dimension": {},