@primer/primitives 10.0.0-rc.9f6ad000 → 10.0.0-rc.b65e0a9f

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 (32) hide show
  1. package/dist/css/functional/typography/typography.css +20 -20
  2. package/dist/css/primitives.css +20 -20
  3. package/dist/docs/functional/themes/dark-colorblind.json +20 -20
  4. package/dist/docs/functional/themes/dark-dimmed.json +20 -20
  5. package/dist/docs/functional/themes/dark-high-contrast.json +20 -20
  6. package/dist/docs/functional/themes/dark-tritanopia.json +20 -20
  7. package/dist/docs/functional/themes/dark.json +20 -20
  8. package/dist/docs/functional/themes/light-colorblind.json +20 -20
  9. package/dist/docs/functional/themes/light-high-contrast.json +20 -20
  10. package/dist/docs/functional/themes/light-tritanopia.json +20 -20
  11. package/dist/docs/functional/themes/light.json +20 -20
  12. package/dist/figma/themes/dark-colorblind.json +10 -10
  13. package/dist/figma/themes/dark-dimmed.json +10 -10
  14. package/dist/figma/themes/dark-high-contrast.json +10 -10
  15. package/dist/figma/themes/dark-tritanopia.json +10 -10
  16. package/dist/figma/themes/dark.json +10 -10
  17. package/dist/figma/themes/light-colorblind.json +10 -10
  18. package/dist/figma/themes/light-high-contrast.json +10 -10
  19. package/dist/figma/themes/light-tritanopia.json +10 -10
  20. package/dist/figma/themes/light.json +10 -10
  21. package/dist/styleLint/functional/themes/dark-colorblind.json +20 -20
  22. package/dist/styleLint/functional/themes/dark-dimmed.json +20 -20
  23. package/dist/styleLint/functional/themes/dark-high-contrast.json +20 -20
  24. package/dist/styleLint/functional/themes/dark-tritanopia.json +20 -20
  25. package/dist/styleLint/functional/themes/dark.json +20 -20
  26. package/dist/styleLint/functional/themes/light-colorblind.json +20 -20
  27. package/dist/styleLint/functional/themes/light-high-contrast.json +20 -20
  28. package/dist/styleLint/functional/themes/light-tritanopia.json +20 -20
  29. package/dist/styleLint/functional/themes/light.json +20 -20
  30. package/package.json +2 -8
  31. package/src/tokens/functional/color/dark/data-vis-dark.json5 +20 -20
  32. package/src/tokens/functional/color/light/data-vis-light.json5 +20 -20
package/dist/css/functional/typography/typography.css CHANGED
@@ -1,43 +1,23 @@
1
1
  :root {
2
- --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); /* Inline code blocks using em units to inherit size from its parent. */
3
- --text-codeInline-weight: var(--base-text-weight-normal);
4
2
  --text-codeInline-size: 0.9285em;
5
- --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size) / var(--text-codeBlock-lineHeight) var(--fontStack-monospace); /* Default style for rendering code blocks. */
6
- --text-codeBlock-weight: var(--base-text-weight-normal);
7
3
  --text-codeBlock-lineHeight: 1.5385;
8
4
  --text-codeBlock-size: 0.8125rem;
9
- --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif); /* Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
10
- --text-caption-weight: var(--base-text-weight-normal);
11
5
  --text-caption-lineHeight: 1.3333;
12
6
  --text-caption-size: 0.75rem;
13
- --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif); /* Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
14
- --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); /* Default UI font. Most commonly used for body text. */
15
- --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif); /* User-generated content, markdown rendering. */
16
- --text-body-weight: var(--base-text-weight-normal);
17
7
  --text-body-lineHeight-small: 1.6666;
18
8
  --text-body-lineHeight-medium: 1.4285;
19
9
  --text-body-lineHeight-large: 1.5;
20
10
  --text-body-size-small: 0.75rem;
21
11
  --text-body-size-medium: 0.875rem;
22
12
  --text-body-size-large: 1rem;
23
- --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerifDisplay); /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
24
- --text-subtitle-weight: var(--base-text-weight-normal);
25
13
  --text-subtitle-lineHeight: 1.6;
26
14
  --text-subtitle-size: 1.25rem;
27
- --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif); /* Uses the same size as body (large) with a heavier weight of semibold (600). */
28
- --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerifDisplay); /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
29
- --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerifDisplay); /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
30
- --text-title-weight-small: var(--base-text-weight-semibold);
31
- --text-title-weight-medium: var(--base-text-weight-semibold);
32
- --text-title-weight-large: var(--base-text-weight-semibold);
33
15
  --text-title-lineHeight-small: 1.5;
34
16
  --text-title-lineHeight-medium: 1.6;
35
17
  --text-title-lineHeight-large: 1.5;
36
18
  --text-title-size-small: 1rem;
37
19
  --text-title-size-medium: 1.25rem;
38
20
  --text-title-size-large: 2rem;
39
- --text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerifDisplay); /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
40
- --text-display-weight: var(--base-text-weight-medium);
41
21
  --text-display-lineHeight: 1.4;
42
22
  --text-display-size: 2.5rem;
43
23
  --text-display-lineBoxHeight: 1.4;
@@ -45,4 +25,24 @@
45
25
  --fontStack-sansSerifDisplay: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
46
26
  --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
47
27
  --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
28
+ --text-codeInline-weight: var(--base-text-weight-normal);
29
+ --text-codeBlock-weight: var(--base-text-weight-normal);
30
+ --text-caption-weight: var(--base-text-weight-normal);
31
+ --text-body-weight: var(--base-text-weight-normal);
32
+ --text-subtitle-weight: var(--base-text-weight-normal);
33
+ --text-title-weight-small: var(--base-text-weight-semibold);
34
+ --text-title-weight-medium: var(--base-text-weight-semibold);
35
+ --text-title-weight-large: var(--base-text-weight-semibold);
36
+ --text-display-weight: var(--base-text-weight-medium);
37
+ --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); /* Inline code blocks using em units to inherit size from its parent. */
38
+ --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size) / var(--text-codeBlock-lineHeight) var(--fontStack-monospace); /* Default style for rendering code blocks. */
39
+ --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif); /* Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
40
+ --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif); /* Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
41
+ --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); /* Default UI font. Most commonly used for body text. */
42
+ --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif); /* User-generated content, markdown rendering. */
43
+ --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerifDisplay); /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
44
+ --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif); /* Uses the same size as body (large) with a heavier weight of semibold (600). */
45
+ --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerifDisplay); /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
46
+ --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerifDisplay); /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
47
+ --text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerifDisplay); /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
48
48
  }
package/dist/css/primitives.css CHANGED
@@ -136,45 +136,25 @@
136
136
  --overlay-offset: 0.25rem;
137
137
  }
138
138
  :root {
139
- --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); /* Inline code blocks using em units to inherit size from its parent. */
140
- --text-codeInline-weight: var(--base-text-weight-normal);
141
139
  --text-codeInline-size: 0.9285em;
142
- --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size) / var(--text-codeBlock-lineHeight) var(--fontStack-monospace); /* Default style for rendering code blocks. */
143
- --text-codeBlock-weight: var(--base-text-weight-normal);
144
140
  --text-codeBlock-lineHeight: 1.5385;
145
141
  --text-codeBlock-size: 0.8125rem;
146
- --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif); /* Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
147
- --text-caption-weight: var(--base-text-weight-normal);
148
142
  --text-caption-lineHeight: 1.3333;
149
143
  --text-caption-size: 0.75rem;
150
- --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif); /* Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
151
- --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); /* Default UI font. Most commonly used for body text. */
152
- --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif); /* User-generated content, markdown rendering. */
153
- --text-body-weight: var(--base-text-weight-normal);
154
144
  --text-body-lineHeight-small: 1.6666;
155
145
  --text-body-lineHeight-medium: 1.4285;
156
146
  --text-body-lineHeight-large: 1.5;
157
147
  --text-body-size-small: 0.75rem;
158
148
  --text-body-size-medium: 0.875rem;
159
149
  --text-body-size-large: 1rem;
160
- --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerifDisplay); /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
161
- --text-subtitle-weight: var(--base-text-weight-normal);
162
150
  --text-subtitle-lineHeight: 1.6;
163
151
  --text-subtitle-size: 1.25rem;
164
- --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif); /* Uses the same size as body (large) with a heavier weight of semibold (600). */
165
- --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerifDisplay); /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
166
- --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerifDisplay); /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
167
- --text-title-weight-small: var(--base-text-weight-semibold);
168
- --text-title-weight-medium: var(--base-text-weight-semibold);
169
- --text-title-weight-large: var(--base-text-weight-semibold);
170
152
  --text-title-lineHeight-small: 1.5;
171
153
  --text-title-lineHeight-medium: 1.6;
172
154
  --text-title-lineHeight-large: 1.5;
173
155
  --text-title-size-small: 1rem;
174
156
  --text-title-size-medium: 1.25rem;
175
157
  --text-title-size-large: 2rem;
176
- --text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerifDisplay); /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
177
- --text-display-weight: var(--base-text-weight-medium);
178
158
  --text-display-lineHeight: 1.4;
179
159
  --text-display-size: 2.5rem;
180
160
  --text-display-lineBoxHeight: 1.4;
@@ -182,4 +162,24 @@
182
162
  --fontStack-sansSerifDisplay: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
183
163
  --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
184
164
  --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
165
+ --text-codeInline-weight: var(--base-text-weight-normal);
166
+ --text-codeBlock-weight: var(--base-text-weight-normal);
167
+ --text-caption-weight: var(--base-text-weight-normal);
168
+ --text-body-weight: var(--base-text-weight-normal);
169
+ --text-subtitle-weight: var(--base-text-weight-normal);
170
+ --text-title-weight-small: var(--base-text-weight-semibold);
171
+ --text-title-weight-medium: var(--base-text-weight-semibold);
172
+ --text-title-weight-large: var(--base-text-weight-semibold);
173
+ --text-display-weight: var(--base-text-weight-medium);
174
+ --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); /* Inline code blocks using em units to inherit size from its parent. */
175
+ --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size) / var(--text-codeBlock-lineHeight) var(--fontStack-monospace); /* Default style for rendering code blocks. */
176
+ --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif); /* Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
177
+ --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif); /* Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
178
+ --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); /* Default UI font. Most commonly used for body text. */
179
+ --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif); /* User-generated content, markdown rendering. */
180
+ --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerifDisplay); /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
181
+ --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif); /* Uses the same size as body (large) with a heavier weight of semibold (600). */
182
+ --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerifDisplay); /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
183
+ --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerifDisplay); /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
184
+ --text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerifDisplay); /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
185
185
  }
package/dist/docs/functional/themes/dark-colorblind.json CHANGED
@@ -1059,7 +1059,7 @@
1059
1059
  "collection": "mode",
1060
1060
  "mode": "dark",
1061
1061
  "group": "component",
1062
- "scopes": ["bgColor"]
1062
+ "scopes": ["bgColor", "borderColor"]
1063
1063
  }
1064
1064
  },
1065
1065
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1072,7 +1072,7 @@
1072
1072
  "collection": "mode",
1073
1073
  "mode": "dark",
1074
1074
  "group": "component",
1075
- "scopes": ["bgColor"]
1075
+ "scopes": ["bgColor", "borderColor"]
1076
1076
  }
1077
1077
  }
1078
1078
  },
@@ -1117,7 +1117,7 @@
1117
1117
  "collection": "mode",
1118
1118
  "mode": "dark",
1119
1119
  "group": "component",
1120
- "scopes": ["bgColor"]
1120
+ "scopes": ["bgColor", "borderColor"]
1121
1121
  }
1122
1122
  },
1123
1123
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1130,7 +1130,7 @@
1130
1130
  "collection": "mode",
1131
1131
  "mode": "dark",
1132
1132
  "group": "component",
1133
- "scopes": ["bgColor"]
1133
+ "scopes": ["bgColor", "borderColor"]
1134
1134
  }
1135
1135
  }
1136
1136
  },
@@ -1175,7 +1175,7 @@
1175
1175
  "collection": "mode",
1176
1176
  "mode": "dark",
1177
1177
  "group": "component",
1178
- "scopes": ["bgColor"]
1178
+ "scopes": ["bgColor", "borderColor"]
1179
1179
  }
1180
1180
  },
1181
1181
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1188,7 +1188,7 @@
1188
1188
  "collection": "mode",
1189
1189
  "mode": "dark",
1190
1190
  "group": "component",
1191
- "scopes": ["bgColor"]
1191
+ "scopes": ["bgColor", "borderColor"]
1192
1192
  }
1193
1193
  }
1194
1194
  },
@@ -1233,7 +1233,7 @@
1233
1233
  "collection": "mode",
1234
1234
  "mode": "dark",
1235
1235
  "group": "component",
1236
- "scopes": ["bgColor"]
1236
+ "scopes": ["bgColor", "borderColor"]
1237
1237
  }
1238
1238
  },
1239
1239
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1246,7 +1246,7 @@
1246
1246
  "collection": "mode",
1247
1247
  "mode": "dark",
1248
1248
  "group": "component",
1249
- "scopes": ["bgColor"]
1249
+ "scopes": ["bgColor", "borderColor"]
1250
1250
  }
1251
1251
  }
1252
1252
  },
@@ -1291,7 +1291,7 @@
1291
1291
  "collection": "mode",
1292
1292
  "mode": "dark",
1293
1293
  "group": "component",
1294
- "scopes": ["bgColor"]
1294
+ "scopes": ["bgColor", "borderColor"]
1295
1295
  }
1296
1296
  },
1297
1297
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1304,7 +1304,7 @@
1304
1304
  "collection": "mode",
1305
1305
  "mode": "dark",
1306
1306
  "group": "component",
1307
- "scopes": ["bgColor"]
1307
+ "scopes": ["bgColor", "borderColor"]
1308
1308
  }
1309
1309
  }
1310
1310
  },
@@ -1349,7 +1349,7 @@
1349
1349
  "collection": "mode",
1350
1350
  "mode": "dark",
1351
1351
  "group": "component",
1352
- "scopes": ["bgColor"]
1352
+ "scopes": ["bgColor", "borderColor"]
1353
1353
  }
1354
1354
  },
1355
1355
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1362,7 +1362,7 @@
1362
1362
  "collection": "mode",
1363
1363
  "mode": "dark",
1364
1364
  "group": "component",
1365
- "scopes": ["bgColor"]
1365
+ "scopes": ["bgColor", "borderColor"]
1366
1366
  }
1367
1367
  }
1368
1368
  },
@@ -1407,7 +1407,7 @@
1407
1407
  "collection": "mode",
1408
1408
  "mode": "dark",
1409
1409
  "group": "component",
1410
- "scopes": ["bgColor"]
1410
+ "scopes": ["bgColor", "borderColor"]
1411
1411
  }
1412
1412
  },
1413
1413
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1420,7 +1420,7 @@
1420
1420
  "collection": "mode",
1421
1421
  "mode": "dark",
1422
1422
  "group": "component",
1423
- "scopes": ["bgColor"]
1423
+ "scopes": ["bgColor", "borderColor"]
1424
1424
  }
1425
1425
  }
1426
1426
  },
@@ -1465,7 +1465,7 @@
1465
1465
  "collection": "mode",
1466
1466
  "mode": "dark",
1467
1467
  "group": "component",
1468
- "scopes": ["bgColor"]
1468
+ "scopes": ["bgColor", "borderColor"]
1469
1469
  }
1470
1470
  },
1471
1471
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1478,7 +1478,7 @@
1478
1478
  "collection": "mode",
1479
1479
  "mode": "dark",
1480
1480
  "group": "component",
1481
- "scopes": ["bgColor"]
1481
+ "scopes": ["bgColor", "borderColor"]
1482
1482
  }
1483
1483
  }
1484
1484
  },
@@ -1523,7 +1523,7 @@
1523
1523
  "collection": "mode",
1524
1524
  "mode": "dark",
1525
1525
  "group": "component",
1526
- "scopes": ["bgColor"]
1526
+ "scopes": ["bgColor", "borderColor"]
1527
1527
  }
1528
1528
  },
1529
1529
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1536,7 +1536,7 @@
1536
1536
  "collection": "mode",
1537
1537
  "mode": "dark",
1538
1538
  "group": "component",
1539
- "scopes": ["bgColor"]
1539
+ "scopes": ["bgColor", "borderColor"]
1540
1540
  }
1541
1541
  }
1542
1542
  },
@@ -1581,7 +1581,7 @@
1581
1581
  "collection": "mode",
1582
1582
  "mode": "dark",
1583
1583
  "group": "component",
1584
- "scopes": ["bgColor"]
1584
+ "scopes": ["bgColor", "borderColor"]
1585
1585
  }
1586
1586
  },
1587
1587
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1594,7 +1594,7 @@
1594
1594
  "collection": "mode",
1595
1595
  "mode": "dark",
1596
1596
  "group": "component",
1597
- "scopes": ["bgColor"]
1597
+ "scopes": ["bgColor", "borderColor"]
1598
1598
  }
1599
1599
  }
1600
1600
  },
package/dist/docs/functional/themes/dark-dimmed.json CHANGED
@@ -1171,7 +1171,7 @@
1171
1171
  "collection": "mode",
1172
1172
  "mode": "dark",
1173
1173
  "group": "component",
1174
- "scopes": ["bgColor"]
1174
+ "scopes": ["bgColor", "borderColor"]
1175
1175
  }
1176
1176
  },
1177
1177
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1184,7 +1184,7 @@
1184
1184
  "collection": "mode",
1185
1185
  "mode": "dark",
1186
1186
  "group": "component",
1187
- "scopes": ["bgColor"]
1187
+ "scopes": ["bgColor", "borderColor"]
1188
1188
  }
1189
1189
  }
1190
1190
  },
@@ -1229,7 +1229,7 @@
1229
1229
  "collection": "mode",
1230
1230
  "mode": "dark",
1231
1231
  "group": "component",
1232
- "scopes": ["bgColor"]
1232
+ "scopes": ["bgColor", "borderColor"]
1233
1233
  }
1234
1234
  },
1235
1235
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1242,7 +1242,7 @@
1242
1242
  "collection": "mode",
1243
1243
  "mode": "dark",
1244
1244
  "group": "component",
1245
- "scopes": ["bgColor"]
1245
+ "scopes": ["bgColor", "borderColor"]
1246
1246
  }
1247
1247
  }
1248
1248
  },
@@ -1287,7 +1287,7 @@
1287
1287
  "collection": "mode",
1288
1288
  "mode": "dark",
1289
1289
  "group": "component",
1290
- "scopes": ["bgColor"]
1290
+ "scopes": ["bgColor", "borderColor"]
1291
1291
  }
1292
1292
  },
1293
1293
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1300,7 +1300,7 @@
1300
1300
  "collection": "mode",
1301
1301
  "mode": "dark",
1302
1302
  "group": "component",
1303
- "scopes": ["bgColor"]
1303
+ "scopes": ["bgColor", "borderColor"]
1304
1304
  }
1305
1305
  }
1306
1306
  },
@@ -1345,7 +1345,7 @@
1345
1345
  "collection": "mode",
1346
1346
  "mode": "dark",
1347
1347
  "group": "component",
1348
- "scopes": ["bgColor"]
1348
+ "scopes": ["bgColor", "borderColor"]
1349
1349
  }
1350
1350
  },
1351
1351
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1358,7 +1358,7 @@
1358
1358
  "collection": "mode",
1359
1359
  "mode": "dark",
1360
1360
  "group": "component",
1361
- "scopes": ["bgColor"]
1361
+ "scopes": ["bgColor", "borderColor"]
1362
1362
  }
1363
1363
  }
1364
1364
  },
@@ -1403,7 +1403,7 @@
1403
1403
  "collection": "mode",
1404
1404
  "mode": "dark",
1405
1405
  "group": "component",
1406
- "scopes": ["bgColor"]
1406
+ "scopes": ["bgColor", "borderColor"]
1407
1407
  }
1408
1408
  },
1409
1409
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1416,7 +1416,7 @@
1416
1416
  "collection": "mode",
1417
1417
  "mode": "dark",
1418
1418
  "group": "component",
1419
- "scopes": ["bgColor"]
1419
+ "scopes": ["bgColor", "borderColor"]
1420
1420
  }
1421
1421
  }
1422
1422
  },
@@ -1461,7 +1461,7 @@
1461
1461
  "collection": "mode",
1462
1462
  "mode": "dark",
1463
1463
  "group": "component",
1464
- "scopes": ["bgColor"]
1464
+ "scopes": ["bgColor", "borderColor"]
1465
1465
  }
1466
1466
  },
1467
1467
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1474,7 +1474,7 @@
1474
1474
  "collection": "mode",
1475
1475
  "mode": "dark",
1476
1476
  "group": "component",
1477
- "scopes": ["bgColor"]
1477
+ "scopes": ["bgColor", "borderColor"]
1478
1478
  }
1479
1479
  }
1480
1480
  },
@@ -1519,7 +1519,7 @@
1519
1519
  "collection": "mode",
1520
1520
  "mode": "dark",
1521
1521
  "group": "component",
1522
- "scopes": ["bgColor"]
1522
+ "scopes": ["bgColor", "borderColor"]
1523
1523
  }
1524
1524
  },
1525
1525
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1532,7 +1532,7 @@
1532
1532
  "collection": "mode",
1533
1533
  "mode": "dark",
1534
1534
  "group": "component",
1535
- "scopes": ["bgColor"]
1535
+ "scopes": ["bgColor", "borderColor"]
1536
1536
  }
1537
1537
  }
1538
1538
  },
@@ -1577,7 +1577,7 @@
1577
1577
  "collection": "mode",
1578
1578
  "mode": "dark",
1579
1579
  "group": "component",
1580
- "scopes": ["bgColor"]
1580
+ "scopes": ["bgColor", "borderColor"]
1581
1581
  }
1582
1582
  },
1583
1583
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1590,7 +1590,7 @@
1590
1590
  "collection": "mode",
1591
1591
  "mode": "dark",
1592
1592
  "group": "component",
1593
- "scopes": ["bgColor"]
1593
+ "scopes": ["bgColor", "borderColor"]
1594
1594
  }
1595
1595
  }
1596
1596
  },
@@ -1635,7 +1635,7 @@
1635
1635
  "collection": "mode",
1636
1636
  "mode": "dark",
1637
1637
  "group": "component",
1638
- "scopes": ["bgColor"]
1638
+ "scopes": ["bgColor", "borderColor"]
1639
1639
  }
1640
1640
  },
1641
1641
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1648,7 +1648,7 @@
1648
1648
  "collection": "mode",
1649
1649
  "mode": "dark",
1650
1650
  "group": "component",
1651
- "scopes": ["bgColor"]
1651
+ "scopes": ["bgColor", "borderColor"]
1652
1652
  }
1653
1653
  }
1654
1654
  },
@@ -1693,7 +1693,7 @@
1693
1693
  "collection": "mode",
1694
1694
  "mode": "dark",
1695
1695
  "group": "component",
1696
- "scopes": ["bgColor"]
1696
+ "scopes": ["bgColor", "borderColor"]
1697
1697
  }
1698
1698
  },
1699
1699
  "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1706,7 +1706,7 @@
1706
1706
  "collection": "mode",
1707
1707
  "mode": "dark",
1708
1708
  "group": "component",
1709
- "scopes": ["bgColor"]
1709
+ "scopes": ["bgColor", "borderColor"]
1710
1710
  }
1711
1711
  }
1712
1712
  },