@primer/primitives 11.0.0 → 11.1.0-rc.27a415da

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 (74) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +58 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +60 -2
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +58 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +60 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +58 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +58 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +60 -2
  8. package/dist/css/functional/themes/dark.css +60 -2
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +58 -0
  10. package/dist/css/functional/themes/light-colorblind.css +60 -2
  11. package/dist/css/functional/themes/light-high-contrast.css +58 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +58 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +60 -2
  14. package/dist/css/functional/themes/light.css +60 -2
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +3280 -243
  16. package/dist/docs/functional/themes/dark-colorblind.json +3269 -232
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +3280 -243
  18. package/dist/docs/functional/themes/dark-dimmed.json +3269 -232
  19. package/dist/docs/functional/themes/dark-high-contrast.json +3280 -243
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +3280 -243
  21. package/dist/docs/functional/themes/dark-tritanopia.json +3269 -232
  22. package/dist/docs/functional/themes/dark.json +3269 -232
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +3280 -243
  24. package/dist/docs/functional/themes/light-colorblind.json +3270 -233
  25. package/dist/docs/functional/themes/light-high-contrast.json +3280 -243
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +3280 -243
  27. package/dist/docs/functional/themes/light-tritanopia.json +3270 -233
  28. package/dist/docs/functional/themes/light.json +3270 -233
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +464 -0
  30. package/dist/figma/themes/dark-colorblind.json +468 -4
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +464 -0
  32. package/dist/figma/themes/dark-dimmed.json +468 -4
  33. package/dist/figma/themes/dark-high-contrast.json +464 -0
  34. package/dist/figma/themes/dark-tritanopia-high-contrast.json +464 -0
  35. package/dist/figma/themes/dark-tritanopia.json +468 -4
  36. package/dist/figma/themes/dark.json +468 -4
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +464 -0
  38. package/dist/figma/themes/light-colorblind.json +468 -4
  39. package/dist/figma/themes/light-high-contrast.json +464 -0
  40. package/dist/figma/themes/light-tritanopia-high-contrast.json +464 -0
  41. package/dist/figma/themes/light-tritanopia.json +468 -4
  42. package/dist/figma/themes/light.json +468 -4
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +58 -0
  44. package/dist/internalCss/dark-colorblind.css +60 -2
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +58 -0
  46. package/dist/internalCss/dark-dimmed.css +60 -2
  47. package/dist/internalCss/dark-high-contrast.css +58 -0
  48. package/dist/internalCss/dark-tritanopia-high-contrast.css +58 -0
  49. package/dist/internalCss/dark-tritanopia.css +60 -2
  50. package/dist/internalCss/dark.css +60 -2
  51. package/dist/internalCss/light-colorblind-high-contrast.css +58 -0
  52. package/dist/internalCss/light-colorblind.css +60 -2
  53. package/dist/internalCss/light-high-contrast.css +58 -0
  54. package/dist/internalCss/light-tritanopia-high-contrast.css +58 -0
  55. package/dist/internalCss/light-tritanopia.css +60 -2
  56. package/dist/internalCss/light.css +60 -2
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +3279 -242
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +3268 -231
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +3279 -242
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +3268 -231
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +3279 -242
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +3279 -242
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +3268 -231
  64. package/dist/styleLint/functional/themes/dark.json +3268 -231
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +3279 -242
  66. package/dist/styleLint/functional/themes/light-colorblind.json +3269 -232
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +3279 -242
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +3279 -242
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +3269 -232
  70. package/dist/styleLint/functional/themes/light.json +3269 -232
  71. package/package.json +2 -2
  72. package/src/tokens/component/label.json5 +760 -0
  73. package/src/tokens/component/progressBar.json5 +145 -0
  74. package/src/tokens/functional/color/control.json5 +9 -2
package/src/tokens/component/progressBar.json5 ADDED
@@ -0,0 +1,145 @@
1
+ {
2
+ progressBar: {
3
+ track: {
4
+ bgColor: {
5
+ $value: '{borderColor.default}',
6
+ $type: 'color',
7
+ $extensions: {
8
+ 'org.primer.figma': {
9
+ collection: 'mode',
10
+ group: 'component',
11
+ scopes: ['bgColor'],
12
+ },
13
+ 'org.primer.overrides': {
14
+ 'dark-high-contrast': '{bgColor.inverse}',
15
+ 'dark-dimmed-high-contrast': '{bgColor.inverse}',
16
+ 'dark-protanopia-deuteranopia-high-contrast': '{bgColor.inverse}',
17
+ 'dark-tritanopia-high-contrast': '{bgColor.inverse}',
18
+ 'light-high-contrast': '{bgColor.default}',
19
+ 'light-protanopia-deuteranopia-high-contrast': '{bgColor.default}',
20
+ 'light-tritanopia-high-contrast': '{bgColor.default}',
21
+ },
22
+ },
23
+ },
24
+ borderColor: {
25
+ $value: '{base.color.transparent}',
26
+ $type: 'color',
27
+ $extensions: {
28
+ 'org.primer.figma': {
29
+ collection: 'mode',
30
+ group: 'component',
31
+ scopes: ['borderColor'],
32
+ },
33
+ 'org.primer.overrides': {
34
+ 'dark-high-contrast': '{progressBar.track.bgColor}',
35
+ 'dark-dimmed-high-contrast': '{progressBar.track.bgColor}',
36
+ 'dark-protanopia-deuteranopia-high-contrast': '{progressBar.track.bgColor}',
37
+ 'dark-tritanopia-high-contrast': '{progressBar.track.bgColor}',
38
+ 'light-high-contrast': '{base.color.neutral.11}',
39
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}',
40
+ 'light-tritanopia-high-contrast': '{base.color.neutral.11}',
41
+ },
42
+ },
43
+ },
44
+ },
45
+ bgColor: {
46
+ danger: {
47
+ $value: '{bgColor.danger.emphasis}',
48
+ $type: 'color',
49
+ $extensions: {
50
+ 'org.primer.figma': {
51
+ collection: 'mode',
52
+ group: 'component',
53
+ scopes: ['bgColor'],
54
+ },
55
+ },
56
+ },
57
+ severe: {
58
+ $value: '{bgColor.severe.emphasis}',
59
+ $type: 'color',
60
+ $extensions: {
61
+ 'org.primer.figma': {
62
+ collection: 'mode',
63
+ group: 'component',
64
+ scopes: ['bgColor'],
65
+ },
66
+ },
67
+ },
68
+ sponsors: {
69
+ $value: '{bgColor.sponsors.emphasis}',
70
+ $type: 'color',
71
+ $extensions: {
72
+ 'org.primer.figma': {
73
+ collection: 'mode',
74
+ group: 'component',
75
+ scopes: ['bgColor'],
76
+ },
77
+ },
78
+ },
79
+ done: {
80
+ $value: '{bgColor.done.emphasis}',
81
+ $type: 'color',
82
+ $extensions: {
83
+ 'org.primer.figma': {
84
+ collection: 'mode',
85
+ group: 'component',
86
+ scopes: ['bgColor'],
87
+ },
88
+ },
89
+ },
90
+ accent: {
91
+ $value: '{bgColor.accent.emphasis}',
92
+ $type: 'color',
93
+ $extensions: {
94
+ 'org.primer.figma': {
95
+ collection: 'mode',
96
+ group: 'component',
97
+ scopes: ['bgColor'],
98
+ },
99
+ },
100
+ },
101
+ success: {
102
+ $value: '{bgColor.success.emphasis}',
103
+ $type: 'color',
104
+ $extensions: {
105
+ 'org.primer.figma': {
106
+ collection: 'mode',
107
+ group: 'component',
108
+ scopes: ['bgColor'],
109
+ },
110
+ },
111
+ },
112
+ neutral: {
113
+ $value: '{bgColor.neutral.emphasis}',
114
+ $type: 'color',
115
+ $extensions: {
116
+ 'org.primer.figma': {
117
+ collection: 'mode',
118
+ group: 'component',
119
+ scopes: ['bgColor'],
120
+ },
121
+ 'org.primer.overrides': {
122
+ 'dark-high-contrast': '{base.color.neutral.8}',
123
+ 'dark-dimmed-high-contrast': '{base.color.neutral.8}',
124
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.8}',
125
+ 'dark-tritanopia-high-contrast': '{base.color.neutral.8}',
126
+ 'light-high-contrast': '{base.color.neutral.8}',
127
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.8}',
128
+ 'light-tritanopia-high-contrast': '{base.color.neutral.8}',
129
+ },
130
+ },
131
+ },
132
+ attention: {
133
+ $value: '{bgColor.attention.emphasis}',
134
+ $type: 'color',
135
+ $extensions: {
136
+ 'org.primer.figma': {
137
+ collection: 'mode',
138
+ group: 'component',
139
+ scopes: ['bgColor'],
140
+ },
141
+ },
142
+ },
143
+ },
144
+ },
145
+ }
package/src/tokens/functional/color/control.json5 CHANGED
@@ -1283,7 +1283,7 @@
1283
1283
  },
1284
1284
  borderColor: {
1285
1285
  rest: {
1286
- $value: '{control.borderColor.emphasis}',
1286
+ $value: '{control.borderColor.rest}',
1287
1287
  $type: 'color',
1288
1288
  $extensions: {
1289
1289
  'org.primer.figma': {
@@ -1292,7 +1292,14 @@
1292
1292
  scopes: ['borderColor'],
1293
1293
  },
1294
1294
  'org.primer.overrides': {
1295
- dark: '{control.borderColor.emphasis}',
1295
+ dark: '{control.borderColor.rest}',
1296
+ 'dark-dimmed-high-contrast': '{control.borderColor.emphasis}',
1297
+ 'light-high-contrast': '{control.borderColor.emphasis}',
1298
+ 'light-tritanopia-high-contrast': '{control.borderColor.emphasis}',
1299
+ 'light-protanopia-deuteranopia-high-contrast': '{control.borderColor.emphasis}',
1300
+ 'dark-high-contrast': '{control.borderColor.emphasis}',
1301
+ 'dark-tritanopia-high-contrast': '{control.borderColor.emphasis}',
1302
+ 'dark-protanopia-deuteranopia-high-contrast': '{control.borderColor.emphasis}',
1296
1303
  },
1297
1304
  },
1298
1305
  },