@primer/primitives 10.3.4 → 10.4.0-rc.06084fce

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 (108) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +1992 -0
  2. package/dist/build/schemas/shadowToken.js +27 -0
  3. package/dist/css/base/motion/motion.css +1 -0
  4. package/dist/css/functional/themes/dark-colorblind.css +38 -2
  5. package/dist/css/functional/themes/dark-dimmed.css +38 -2
  6. package/dist/css/functional/themes/dark-high-contrast.css +38 -2
  7. package/dist/css/functional/themes/dark-tritanopia.css +38 -2
  8. package/dist/css/functional/themes/dark.css +38 -2
  9. package/dist/css/functional/themes/light-colorblind.css +38 -2
  10. package/dist/css/functional/themes/light-high-contrast.css +38 -2
  11. package/dist/css/functional/themes/light-tritanopia.css +38 -2
  12. package/dist/css/functional/themes/light.css +38 -2
  13. package/dist/css/primitives.css +1 -6
  14. package/dist/docs/base/motion/motion.json +14 -0
  15. package/dist/docs/functional/themes/dark-colorblind.json +12028 -1436
  16. package/dist/docs/functional/themes/dark-dimmed.json +12218 -1392
  17. package/dist/docs/functional/themes/dark-high-contrast.json +13308 -1584
  18. package/dist/docs/functional/themes/dark-tritanopia.json +11899 -1409
  19. package/dist/docs/functional/themes/dark.json +11584 -1314
  20. package/dist/docs/functional/themes/light-colorblind.json +11961 -1411
  21. package/dist/docs/functional/themes/light-high-contrast.json +14994 -3384
  22. package/dist/docs/functional/themes/light-tritanopia.json +11815 -1367
  23. package/dist/docs/functional/themes/light.json +11541 -1245
  24. package/dist/fallbacks/base/motion/motion.json +1 -0
  25. package/dist/figma/figma.json +1 -10
  26. package/dist/figma/themes/dark-colorblind.json +5096 -4524
  27. package/dist/figma/themes/dark-dimmed.json +5142 -4406
  28. package/dist/figma/themes/dark-high-contrast.json +5762 -3913
  29. package/dist/figma/themes/dark-tritanopia.json +4933 -4491
  30. package/dist/figma/themes/dark.json +5476 -5299
  31. package/dist/figma/themes/light-colorblind.json +5076 -4467
  32. package/dist/figma/themes/light-high-contrast.json +5707 -3916
  33. package/dist/figma/themes/light-tritanopia.json +4983 -4501
  34. package/dist/figma/themes/light.json +4795 -4502
  35. package/dist/internalCss/dark-colorblind.css +38 -2
  36. package/dist/internalCss/dark-dimmed.css +38 -2
  37. package/dist/internalCss/dark-high-contrast.css +38 -2
  38. package/dist/internalCss/dark-tritanopia.css +38 -2
  39. package/dist/internalCss/dark.css +38 -2
  40. package/dist/internalCss/light-colorblind.css +38 -2
  41. package/dist/internalCss/light-high-contrast.css +38 -2
  42. package/dist/internalCss/light-tritanopia.css +38 -2
  43. package/dist/internalCss/light.css +38 -2
  44. package/dist/styleLint/base/motion/motion.json +14 -0
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +12028 -1436
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +12217 -1391
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +13295 -1571
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +11897 -1407
  49. package/dist/styleLint/functional/themes/dark.json +11567 -1297
  50. package/dist/styleLint/functional/themes/light-colorblind.json +11922 -1372
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +15008 -3398
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +11816 -1368
  53. package/dist/styleLint/functional/themes/light.json +11542 -1246
  54. package/package.json +1 -1
  55. package/src/tokens/base/motion/timing.json5 +4 -0
  56. package/src/tokens/component/avatar.json5 +33 -0
  57. package/src/tokens/component/button.json5 +1714 -0
  58. package/src/tokens/component/card.json5 +18 -0
  59. package/src/tokens/{functional/color/light/app-light.json5 → component/codeMirror.json5} +67 -0
  60. package/src/tokens/component/contribution.json5 +344 -0
  61. package/src/tokens/component/counter.json5 +43 -0
  62. package/src/tokens/component/header.json5 +3 -0
  63. package/src/tokens/component/label.json5 +1942 -0
  64. package/src/tokens/component/menu.json5 +24 -0
  65. package/src/tokens/component/overlay.json5 +1 -1
  66. package/src/tokens/component/selectMenu.json5 +38 -0
  67. package/src/tokens/component/sideNav.json5 +22 -0
  68. package/src/tokens/component/tooltip.json5 +32 -0
  69. package/src/tokens/component/treeView.json5 +24 -0
  70. package/src/tokens/component/underlineNav.json5 +56 -0
  71. package/src/tokens/functional/color/bgColor.json5 +24 -20
  72. package/src/tokens/functional/color/control.json5 +1087 -0
  73. package/src/tokens/functional/color/{dark/data-vis-dark.json5 → data-vis.json5} +61 -21
  74. package/src/tokens/functional/color/display.json5 +2170 -0
  75. package/src/tokens/functional/color/focus.json5 +15 -0
  76. package/src/tokens/functional/color/selection.json5 +22 -0
  77. package/src/tokens/functional/color/{light/syntax-light.json5 → syntax.json5} +187 -0
  78. package/src/tokens/functional/shadow/{light.json5 → shadow.json5} +202 -120
  79. package/dist/css/functional/motion/motion.css +0 -6
  80. package/dist/docs/functional/motion/motion.json +0 -66
  81. package/dist/fallbacks/functional/motion/motion.json +0 -6
  82. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  83. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  84. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  85. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  86. package/dist/figma/shadows/dark.json +0 -1152
  87. package/dist/figma/shadows/light-colorblind.json +0 -1052
  88. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  89. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  90. package/dist/figma/shadows/light.json +0 -1052
  91. package/dist/styleLint/functional/motion/motion.json +0 -66
  92. package/src/tokens/functional/color/dark/app-dark.json5 +0 -254
  93. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  94. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -223
  95. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -658
  96. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -159
  97. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -107
  98. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2676
  99. package/src/tokens/functional/color/dark/syntax-dark.json5 +0 -559
  100. package/src/tokens/functional/color/light/data-vis-light.json5 +0 -284
  101. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  102. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -601
  103. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -159
  104. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -97
  105. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2671
  106. package/src/tokens/functional/motion/loading.json5 +0 -17
  107. package/src/tokens/functional/motion/patterns.json5 +0 -35
  108. package/src/tokens/functional/shadow/dark.json5 +0 -369
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 DELETED
@@ -1,159 +0,0 @@
1
- /**
2
- * Dark protanopia and deuteranopia (colorblind)
3
- * @extends all functional tokens
4
- * @description All overwrites for functional color tokens for dark protanopia and deuteranopia color mode are in this file
5
- */
6
- {
7
- control: {
8
- danger: {
9
- fgColor: {
10
- hover: {
11
- $value: '{base.color.orange.3}',
12
- $type: 'color',
13
- },
14
- },
15
- },
16
- },
17
- codeMirror: {
18
- syntax: {
19
- fgColor: {
20
- keyword: {
21
- $value: '{base.color.orange.3}',
22
- $type: 'color',
23
- },
24
- storage: {
25
- $value: '{base.color.orange.3}',
26
- $type: 'color',
27
- },
28
- },
29
- },
30
- },
31
- button: {
32
- primary: {
33
- bgColor: {
34
- hover: {
35
- $value: '#2a7aef',
36
- $type: 'color',
37
- },
38
- active: {
39
- $value: '#3685f3',
40
- $type: 'color',
41
- },
42
- disabled: {
43
- $value: '{base.color.blue.6}',
44
- $type: 'color',
45
- },
46
- },
47
- borderColor: {
48
- disabled: {
49
- $value: '#1158c7',
50
- $type: 'color',
51
- },
52
- },
53
- },
54
- danger: {
55
- fgColor: {
56
- rest: {
57
- $value: '{fgColor.danger}',
58
- $type: 'color',
59
- },
60
- },
61
- bgColor: {
62
- hover: {
63
- $value: '{base.color.orange.6}',
64
- $type: 'color',
65
- },
66
- active: {
67
- $value: '#b5531d',
68
- $type: 'color',
69
- },
70
- },
71
- iconColor: {
72
- rest: {
73
- $value: '#f0883e',
74
- $type: 'color',
75
- },
76
- },
77
- },
78
- },
79
- color: {
80
- ansi: {
81
- green: {
82
- $value: '{base.color.blue.3}',
83
- $type: 'color',
84
- },
85
- 'green-bright': {
86
- $value: '{base.color.blue.2}',
87
- $type: 'color',
88
- },
89
- red: {
90
- $value: '{base.color.orange.3}',
91
- $type: 'color',
92
- },
93
- 'red-bright': {
94
- $value: '{base.color.orange.2}',
95
- $type: 'color',
96
- },
97
- },
98
- prettylights: {
99
- syntax: {
100
- 'entity-tag': {
101
- $value: '{base.color.blue.1}',
102
- $type: 'color',
103
- },
104
- keyword: {
105
- $value: '{base.color.orange.3}',
106
- $type: 'color',
107
- },
108
- brackethighlighter: {
109
- unmatched: {
110
- $value: '{base.color.orange.4}',
111
- $type: 'color',
112
- },
113
- },
114
- invalid: {
115
- illegal: {
116
- bg: {
117
- $value: '{base.color.orange.7}',
118
- $type: 'color',
119
- },
120
- },
121
- },
122
- carriage: {
123
- return: {
124
- bg: {
125
- $value: '{base.color.orange.6}',
126
- $type: 'color',
127
- },
128
- },
129
- },
130
- 'string-regexp': {
131
- $value: '{base.color.blue.1}',
132
- $type: 'color',
133
- },
134
- markup: {
135
- deleted: {
136
- text: {
137
- $value: '{base.color.orange.0}',
138
- $type: 'color',
139
- },
140
- bg: {
141
- $value: '{base.color.orange.8}',
142
- $type: 'color',
143
- },
144
- },
145
- inserted: {
146
- text: {
147
- $value: '{base.color.blue.0}',
148
- $type: 'color',
149
- },
150
- bg: {
151
- $value: '{base.color.blue.8}',
152
- $type: 'color',
153
- },
154
- },
155
- },
156
- },
157
- },
158
- },
159
- }
package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 DELETED
@@ -1,107 +0,0 @@
1
- /**
2
- * Dark tritanopia theme
3
- * @extends all functional tokens
4
- * @description All overwrites for functional color tokens for this theme are in this file
5
- */
6
- {
7
- codeMirror: {
8
- syntax: {
9
- fgColor: {
10
- variable: {
11
- $value: '{base.color.red.2}',
12
- $type: 'color',
13
- },
14
- },
15
- },
16
- },
17
- button: {
18
- primary: {
19
- bgColor: {
20
- hover: {
21
- $value: '#2a7aef',
22
- $type: 'color',
23
- },
24
- active: {
25
- $value: '#3685f3',
26
- $type: 'color',
27
- },
28
- disabled: {
29
- $value: '#5fabfe',
30
- $type: 'color',
31
- },
32
- },
33
- borderColor: {
34
- disabled: {
35
- $value: '#5fabfe',
36
- $type: 'color',
37
- },
38
- },
39
- },
40
- outline: {
41
- bgColor: {
42
- hover: {
43
- $value: '#262c36',
44
- $type: 'color',
45
- },
46
- active: {
47
- $value: '#0d419d',
48
- $type: 'color',
49
- },
50
- disabled: {
51
- $value: '#212830',
52
- $type: 'color',
53
- },
54
- },
55
- },
56
- },
57
- color: {
58
- ansi: {
59
- green: {
60
- $value: '{base.color.blue.3}',
61
- $type: 'color',
62
- },
63
- 'green-bright': {
64
- $value: '{base.color.blue.2}',
65
- $type: 'color',
66
- },
67
- },
68
- prettylights: {
69
- syntax: {
70
- 'string-regexp': {
71
- $value: '{base.color.blue.1}',
72
- $type: 'color',
73
- },
74
- 'entity-tag': {
75
- $value: '{base.color.blue.1}',
76
- $type: 'color',
77
- },
78
- variable: {
79
- $value: '{base.color.red.2}',
80
- $type: 'color',
81
- },
82
- markup: {
83
- inserted: {
84
- text: {
85
- $value: '{base.color.blue.0}',
86
- $type: 'color',
87
- },
88
- bg: {
89
- $value: '{base.color.blue.8}',
90
- $type: 'color',
91
- },
92
- },
93
- changed: {
94
- text: {
95
- $value: '{base.color.red.0}',
96
- $type: 'color',
97
- },
98
- bg: {
99
- $value: '{base.color.red.8}',
100
- $type: 'color',
101
- },
102
- },
103
- },
104
- },
105
- },
106
- },
107
- }