@primer/primitives 10.4.0-rc.fd8ac4c9 → 10.5.0-rc.1c002767

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 (123) hide show
  1. package/dist/build/filters/index.d.ts +1 -0
  2. package/dist/build/filters/index.js +1 -0
  3. package/dist/build/filters/isGradient.d.ts +7 -0
  4. package/dist/build/filters/isGradient.js +10 -0
  5. package/dist/build/platforms/css.js +1 -0
  6. package/dist/build/primerStyleDictionary.js +2 -1
  7. package/dist/build/schemas/borderToken.d.ts +3 -3
  8. package/dist/build/schemas/colorToken.d.ts +3 -3
  9. package/dist/build/schemas/cubicBezierToken.d.ts +3 -3
  10. package/dist/build/schemas/designToken.js +2 -0
  11. package/dist/build/schemas/dimensionToken.d.ts +3 -3
  12. package/dist/build/schemas/durationToken.d.ts +3 -3
  13. package/dist/build/schemas/fontFamilyToken.d.ts +3 -3
  14. package/dist/build/schemas/fontWeightToken.d.ts +3 -3
  15. package/dist/build/schemas/gradientToken.d.ts +60 -0
  16. package/dist/build/schemas/gradientToken.js +26 -0
  17. package/dist/build/schemas/numberToken.d.ts +3 -3
  18. package/dist/build/schemas/referenceValue.js +1 -1
  19. package/dist/build/schemas/shadowToken.d.ts +1995 -3
  20. package/dist/build/schemas/shadowToken.js +27 -0
  21. package/dist/build/schemas/stringToken.d.ts +3 -3
  22. package/dist/build/schemas/tokenType.d.ts +1 -1
  23. package/dist/build/schemas/typographyToken.d.ts +3 -3
  24. package/dist/build/schemas/validTokenType.d.ts +1 -1
  25. package/dist/build/schemas/validTokenType.js +1 -0
  26. package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
  27. package/dist/build/transformers/gradientToCss.d.ts +8 -0
  28. package/dist/build/transformers/gradientToCss.js +23 -0
  29. package/dist/build/transformers/index.d.ts +1 -0
  30. package/dist/build/transformers/index.js +1 -0
  31. package/dist/css/functional/themes/dark-colorblind.css +138 -8
  32. package/dist/css/functional/themes/dark-dimmed.css +138 -8
  33. package/dist/css/functional/themes/dark-high-contrast.css +150 -20
  34. package/dist/css/functional/themes/dark-tritanopia.css +138 -8
  35. package/dist/css/functional/themes/dark.css +138 -8
  36. package/dist/css/functional/themes/light-colorblind.css +138 -8
  37. package/dist/css/functional/themes/light-high-contrast.css +150 -20
  38. package/dist/css/functional/themes/light-tritanopia.css +138 -8
  39. package/dist/css/functional/themes/light.css +138 -8
  40. package/dist/css/primitives.css +0 -6
  41. package/dist/docs/functional/themes/dark-colorblind.json +13601 -2768
  42. package/dist/docs/functional/themes/dark-dimmed.json +13889 -2760
  43. package/dist/docs/functional/themes/dark-high-contrast.json +15016 -2909
  44. package/dist/docs/functional/themes/dark-tritanopia.json +13546 -2741
  45. package/dist/docs/functional/themes/dark.json +12052 -1345
  46. package/dist/docs/functional/themes/light-colorblind.json +13567 -2764
  47. package/dist/docs/functional/themes/light-high-contrast.json +15056 -3021
  48. package/dist/docs/functional/themes/light-tritanopia.json +13555 -2780
  49. package/dist/docs/functional/themes/light.json +12092 -1359
  50. package/dist/figma/figma.json +1 -10
  51. package/dist/figma/themes/dark-colorblind.json +6380 -5472
  52. package/dist/figma/themes/dark-dimmed.json +6453 -5214
  53. package/dist/figma/themes/dark-high-contrast.json +6402 -4025
  54. package/dist/figma/themes/dark-tritanopia.json +6364 -5490
  55. package/dist/figma/themes/dark.json +5560 -4791
  56. package/dist/figma/themes/light-colorblind.json +6285 -5324
  57. package/dist/figma/themes/light-high-contrast.json +6362 -3994
  58. package/dist/figma/themes/light-tritanopia.json +6282 -5352
  59. package/dist/figma/themes/light.json +6281 -5396
  60. package/dist/internalCss/dark-colorblind.css +138 -8
  61. package/dist/internalCss/dark-dimmed.css +138 -8
  62. package/dist/internalCss/dark-high-contrast.css +150 -20
  63. package/dist/internalCss/dark-tritanopia.css +138 -8
  64. package/dist/internalCss/dark.css +138 -8
  65. package/dist/internalCss/light-colorblind.css +138 -8
  66. package/dist/internalCss/light-high-contrast.css +150 -20
  67. package/dist/internalCss/light-tritanopia.css +138 -8
  68. package/dist/internalCss/light.css +138 -8
  69. package/dist/styleLint/functional/themes/dark-colorblind.json +13581 -2748
  70. package/dist/styleLint/functional/themes/dark-dimmed.json +13905 -2776
  71. package/dist/styleLint/functional/themes/dark-high-contrast.json +15028 -2921
  72. package/dist/styleLint/functional/themes/dark-tritanopia.json +13587 -2782
  73. package/dist/styleLint/functional/themes/dark.json +12085 -1378
  74. package/dist/styleLint/functional/themes/light-colorblind.json +13535 -2732
  75. package/dist/styleLint/functional/themes/light-high-contrast.json +15071 -3036
  76. package/dist/styleLint/functional/themes/light-tritanopia.json +13524 -2749
  77. package/dist/styleLint/functional/themes/light.json +12097 -1364
  78. package/package.json +1 -1
  79. package/src/tokens/component/avatar.json5 +33 -0
  80. package/src/tokens/component/button.json5 +1714 -0
  81. package/src/tokens/component/contribution.json5 +0 -37
  82. package/src/tokens/component/header.json5 +3 -0
  83. package/src/tokens/component/label.json5 +1942 -0
  84. package/src/tokens/component/menu.json5 +24 -0
  85. package/src/tokens/component/overlay.json5 +1 -1
  86. package/src/tokens/component/selectMenu.json5 +38 -0
  87. package/src/tokens/component/sideNav.json5 +22 -0
  88. package/src/tokens/component/treeView.json5 +24 -0
  89. package/src/tokens/component/underlineNav.json5 +56 -0
  90. package/src/tokens/functional/color/borderColor.json5 +8 -8
  91. package/src/tokens/functional/color/control.json5 +1087 -0
  92. package/src/tokens/functional/color/data-vis.json5 +911 -41
  93. package/src/tokens/functional/color/display.json5 +2170 -0
  94. package/src/tokens/functional/color/selection.json5 +22 -0
  95. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  96. package/dist/css/functional/motion/motion.css +0 -6
  97. package/dist/docs/functional/motion/motion.json +0 -66
  98. package/dist/fallbacks/functional/motion/motion.json +0 -6
  99. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  100. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  101. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  102. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  103. package/dist/figma/shadows/dark.json +0 -1152
  104. package/dist/figma/shadows/light-colorblind.json +0 -1052
  105. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  106. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  107. package/dist/figma/shadows/light.json +0 -1052
  108. package/dist/styleLint/functional/motion/motion.json +0 -66
  109. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  110. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  111. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  112. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -65
  113. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -47
  114. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  115. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  116. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  117. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -69
  118. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -41
  119. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  120. package/src/tokens/functional/motion/loading.json5 +0 -17
  121. package/src/tokens/functional/motion/patterns.json5 +0 -35
  122. package/src/tokens/functional/shadow/dark.json5 +0 -369
  123. package/src/tokens/functional/shadow/light.json5 +0 -363
package/src/tokens/component/menu.json5 ADDED
@@ -0,0 +1,24 @@
1
+ {
2
+ menu: {
3
+ bgColor: {
4
+ active: {
5
+ $value: '{base.color.transparent}',
6
+ $type: 'color',
7
+ $extensions: {
8
+ 'org.primer.figma': {
9
+ collection: 'mode',
10
+ group: 'component (internal)',
11
+ scopes: [
12
+ 'bgColor',
13
+ ],
14
+ },
15
+ 'org.primer.overrides': {
16
+ dark: {
17
+ $value: '{base.color.neutral.2}',
18
+ },
19
+ },
20
+ },
21
+ },
22
+ },
23
+ },
24
+ }
package/src/tokens/component/overlay.json5 CHANGED
@@ -51,7 +51,7 @@
51
51
  $extensions: {
52
52
  'org.primer.figma': {
53
53
  collection: 'mode',
54
- group: 'component (internal)',
54
+ group: 'component', // this is NOT internal so that users can see it in figma
55
55
  scopes: ['bgColor'],
56
56
  },
57
57
  'org.primer.overrides': {
package/src/tokens/component/selectMenu.json5 ADDED
@@ -0,0 +1,38 @@
1
+ {
2
+ selectMenu: {
3
+ borderColor: {
4
+ $value: '{base.color.transparent}',
5
+ $type: 'color',
6
+ $extensions: {
7
+ 'org.primer.figma': {
8
+ collection: 'mode',
9
+ group: 'component (internal)',
10
+ scopes: ['borderColor'],
11
+ },
12
+ 'org.primer.overrides': {
13
+ dark: {
14
+ $value: '{borderColor.default}',
15
+ },
16
+ },
17
+ },
18
+ },
19
+ bgColor: {
20
+ active: {
21
+ $value: '{base.color.blue.1}',
22
+ $type: 'color',
23
+ $extensions: {
24
+ 'org.primer.figma': {
25
+ collection: 'mode',
26
+ group: 'component (internal)',
27
+ scopes: ['bgColor'],
28
+ },
29
+ 'org.primer.overrides': {
30
+ dark: {
31
+ $value: '{base.color.blue.8}',
32
+ },
33
+ },
34
+ },
35
+ },
36
+ },
37
+ },
38
+ }
package/src/tokens/component/sideNav.json5 ADDED
@@ -0,0 +1,22 @@
1
+ {
2
+ sideNav: {
3
+ bgColor: {
4
+ selected: {
5
+ $value: '{base.color.neutral.0}',
6
+ $type: 'color',
7
+ $extensions: {
8
+ 'org.primer.figma': {
9
+ collection: 'mode',
10
+ group: 'component (internal)',
11
+ scopes: ['bgColor'],
12
+ },
13
+ 'org.primer.overrides': {
14
+ dark: {
15
+ $value: '{base.color.neutral.3}',
16
+ },
17
+ },
18
+ },
19
+ },
20
+ },
21
+ },
22
+ }
package/src/tokens/component/treeView.json5 ADDED
@@ -0,0 +1,24 @@
1
+ {
2
+ treeViewItem: {
3
+ leadingVisual: {
4
+ iconColor: {
5
+ rest: {
6
+ $value: '{base.color.blue.3}',
7
+ $type: 'color',
8
+ $extensions: {
9
+ 'org.primer.figma': {
10
+ collection: 'mode',
11
+ group: 'component (internal)',
12
+ scopes: ['bgColor'],
13
+ },
14
+ 'org.primer.overrides': {
15
+ dark: {
16
+ $value: '{fgColor.muted}',
17
+ },
18
+ },
19
+ },
20
+ },
21
+ },
22
+ },
23
+ },
24
+ }
package/src/tokens/component/underlineNav.json5 ADDED
@@ -0,0 +1,56 @@
1
+ {
2
+ underlineNav: {
3
+ borderColor: {
4
+ active: {
5
+ $value: '{base.color.coral.3}',
6
+ $type: 'color',
7
+ $extensions: {
8
+ 'org.primer.figma': {
9
+ collection: 'mode',
10
+ group: 'component (internal)',
11
+ scopes: ['borderColor'],
12
+ },
13
+ 'org.primer.overrides': {
14
+ dark: {
15
+ $value: '{base.color.coral.3}',
16
+ },
17
+ },
18
+ },
19
+ },
20
+ hover: {
21
+ $value: '{borderColor.muted}',
22
+ $type: 'color',
23
+ $extensions: {
24
+ 'org.primer.figma': {
25
+ collection: 'mode',
26
+ group: 'component (internal)',
27
+ scopes: ['borderColor'],
28
+ },
29
+ 'org.primer.overrides': {
30
+ dark: {
31
+ $value: '{borderColor.neutral.muted}',
32
+ },
33
+ },
34
+ },
35
+ },
36
+ },
37
+ iconColor: {
38
+ rest: {
39
+ $value: '{fgColor.muted}',
40
+ $type: 'color',
41
+ $extensions: {
42
+ 'org.primer.figma': {
43
+ collection: 'mode',
44
+ group: 'component (internal)',
45
+ scopes: ['fgColor'],
46
+ },
47
+ 'org.primer.overrides': {
48
+ dark: {
49
+ $value: '{fgColor.muted}',
50
+ },
51
+ },
52
+ },
53
+ },
54
+ },
55
+ },
56
+ }
package/src/tokens/functional/color/borderColor.json5 CHANGED
@@ -13,7 +13,7 @@
13
13
  'org.primer.figma': {
14
14
  collection: 'mode',
15
15
  group: 'semantic',
16
- scopes: ['borderColor'],
16
+ scopes: ['borderColor', 'effectColor'],
17
17
  codeSyntax: {
18
18
  web: 'var(--borderColor-default) /* utility class: .color-border-default */',
19
19
  },
@@ -27,7 +27,7 @@
27
27
  'org.primer.figma': {
28
28
  collection: 'mode',
29
29
  group: 'semantic',
30
- scopes: ['borderColor'],
30
+ scopes: ['borderColor', 'effectColor'],
31
31
  codeSyntax: {
32
32
  web: 'var(--borderColor-muted) /* utility class: .color-border-muted */',
33
33
  },
@@ -56,7 +56,7 @@
56
56
  'org.primer.figma': {
57
57
  collection: 'mode',
58
58
  group: 'semantic',
59
- scopes: ['borderColor'],
59
+ scopes: ['borderColor', 'effectColor'],
60
60
  },
61
61
  'org.primer.overrides': {
62
62
  'light-high-contrast': '{borderColor.default}',
@@ -71,7 +71,7 @@
71
71
  'org.primer.figma': {
72
72
  collection: 'mode',
73
73
  group: 'semantic',
74
- scopes: ['borderColor'],
74
+ scopes: ['borderColor', 'effectColor'],
75
75
  },
76
76
  'org.primer.overrides': {
77
77
  'dark-dimmed': {
@@ -93,7 +93,7 @@
93
93
  'org.primer.figma': {
94
94
  collection: 'mode',
95
95
  group: 'semantic',
96
- scopes: ['borderColor'],
96
+ scopes: ['borderColor', 'effectColor'],
97
97
  },
98
98
  },
99
99
  },
@@ -104,7 +104,7 @@
104
104
  'org.primer.figma': {
105
105
  collection: 'mode',
106
106
  group: 'semantic',
107
- scopes: ['borderColor'],
107
+ scopes: ['borderColor', 'effectColor'],
108
108
  },
109
109
  'org.primer.overrides': {
110
110
  'light-high-contrast': {
@@ -160,7 +160,7 @@
160
160
  'org.primer.figma': {
161
161
  collection: 'mode',
162
162
  group: 'semantic',
163
- scopes: ['borderColor'],
163
+ scopes: ['borderColor', 'effectColor'],
164
164
  codeSyntax: {
165
165
  web: 'var(--borderColor-accent-muted) /* utility class: .color-border-accent */',
166
166
  },
@@ -186,7 +186,7 @@
186
186
  'org.primer.figma': {
187
187
  collection: 'mode',
188
188
  group: 'semantic',
189
- scopes: ['borderColor'],
189
+ scopes: ['borderColor', 'effectColor'],
190
190
  codeSyntax: {
191
191
  web: 'var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */',
192
192
  },