@primer/primitives 7.11.15-rc.ff1db9b → 7.12.0-rc.0fe88fe

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 (93) hide show
  1. package/README.md +26 -0
  2. package/package.json +3 -2
  3. package/tokens-next-private/css/functional/themes/dark-colorblind.css +2 -2
  4. package/tokens-next-private/css/functional/themes/dark-dimmed.css +2 -2
  5. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -2
  6. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +2 -2
  7. package/tokens-next-private/css/functional/themes/dark.css +2 -2
  8. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
  9. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -2
  10. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
  11. package/tokens-next-private/css/functional/themes/light.css +2 -2
  12. package/tokens-next-private/docs/base/size/size.json +221 -17
  13. package/tokens-next-private/docs/functional/size/border.json +54 -4
  14. package/tokens-next-private/docs/functional/size/breakpoints.json +78 -6
  15. package/tokens-next-private/docs/functional/size/size.json +546 -42
  16. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4181 -229
  17. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4182 -230
  18. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +4176 -224
  19. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4181 -229
  20. package/tokens-next-private/docs/functional/themes/dark.json +4182 -230
  21. package/tokens-next-private/docs/functional/themes/light-colorblind.json +4169 -231
  22. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +4175 -237
  23. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +4178 -240
  24. package/tokens-next-private/docs/functional/themes/light.json +4179 -241
  25. package/tokens-next-private/figma/dimension/dimension.json +666 -0
  26. package/tokens-next-private/figma/figma.json +31 -0
  27. package/tokens-next-private/figma/scales/dark.json +1305 -0
  28. package/tokens-next-private/figma/scales/light.json +1305 -0
  29. package/tokens-next-private/figma/themes/dark.json +4400 -0
  30. package/tokens-next-private/figma/themes/light.json +4373 -0
  31. package/tokens-next-private/scss/functional/size/border.scss +1 -1
  32. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +1 -1
  33. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +1 -1
  34. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -1
  35. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +1 -1
  36. package/tokens-next-private/scss/functional/themes/dark.scss +1 -1
  37. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  38. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
  39. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  40. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  41. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  42. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  43. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  44. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  45. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  46. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  47. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  48. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  49. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  50. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  51. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  52. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  53. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  54. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  55. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  56. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  57. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  58. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  59. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  60. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  61. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  62. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  63. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  64. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  65. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  66. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  67. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  68. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  69. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  70. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  71. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  72. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  73. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  74. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  75. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  76. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  77. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  78. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  79. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  90. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  92. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  93. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/tokens-next-private/docs/functional/size/border.json CHANGED
@@ -82,11 +82,23 @@
82
82
  "borderRadius-small": {
83
83
  "value": "0.1875rem",
84
84
  "$type": "dimension",
85
+ "$extensions": {
86
+ "org.primer.figma": {
87
+ "collection": "functional/size",
88
+ "scopes": ["radius"]
89
+ }
90
+ },
85
91
  "filePath": "src/tokens/functional/size/border.json",
86
92
  "isSource": true,
87
93
  "original": {
88
94
  "value": "3px",
89
- "$type": "dimension"
95
+ "$type": "dimension",
96
+ "$extensions": {
97
+ "org.primer.figma": {
98
+ "collection": "functional/size",
99
+ "scopes": ["radius"]
100
+ }
101
+ }
90
102
  },
91
103
  "name": "borderRadius-small",
92
104
  "attributes": {},
@@ -95,11 +107,23 @@
95
107
  "borderRadius-medium": {
96
108
  "value": "0.375rem",
97
109
  "$type": "dimension",
110
+ "$extensions": {
111
+ "org.primer.figma": {
112
+ "collection": "functional/size",
113
+ "scopes": ["radius"]
114
+ }
115
+ },
98
116
  "filePath": "src/tokens/functional/size/border.json",
99
117
  "isSource": true,
100
118
  "original": {
101
119
  "value": "6px",
102
- "$type": "dimension"
120
+ "$type": "dimension",
121
+ "$extensions": {
122
+ "org.primer.figma": {
123
+ "collection": "functional/size",
124
+ "scopes": ["radius"]
125
+ }
126
+ }
103
127
  },
104
128
  "name": "borderRadius-medium",
105
129
  "attributes": {},
@@ -108,11 +132,23 @@
108
132
  "borderRadius-large": {
109
133
  "value": "0.75rem",
110
134
  "$type": "dimension",
135
+ "$extensions": {
136
+ "org.primer.figma": {
137
+ "collection": "functional/size",
138
+ "scopes": ["radius"]
139
+ }
140
+ },
111
141
  "filePath": "src/tokens/functional/size/border.json",
112
142
  "isSource": true,
113
143
  "original": {
114
144
  "value": "12px",
115
- "$type": "dimension"
145
+ "$type": "dimension",
146
+ "$extensions": {
147
+ "org.primer.figma": {
148
+ "collection": "functional/size",
149
+ "scopes": ["radius"]
150
+ }
151
+ }
116
152
  },
117
153
  "name": "borderRadius-large",
118
154
  "attributes": {},
@@ -121,11 +157,25 @@
121
157
  "borderRadius-full": {
122
158
  "value": "624.9375rem",
123
159
  "$type": "dimension",
160
+ "comment": "Use this border radius for pill shaped elements",
161
+ "$extensions": {
162
+ "org.primer.figma": {
163
+ "collection": "functional/size",
164
+ "scopes": ["radius"]
165
+ }
166
+ },
124
167
  "filePath": "src/tokens/functional/size/border.json",
125
168
  "isSource": true,
126
169
  "original": {
127
170
  "value": "9999px",
128
- "$type": "dimension"
171
+ "$type": "dimension",
172
+ "comment": "Use this border radius for pill shaped elements",
173
+ "$extensions": {
174
+ "org.primer.figma": {
175
+ "collection": "functional/size",
176
+ "scopes": ["radius"]
177
+ }
178
+ }
129
179
  },
130
180
  "name": "borderRadius-full",
131
181
  "attributes": {},
package/tokens-next-private/docs/functional/size/breakpoints.json CHANGED
@@ -2,11 +2,23 @@
2
2
  "breakpoint-xsmall": {
3
3
  "value": "20rem",
4
4
  "$type": "dimension",
5
+ "$extensions": {
6
+ "org.primer.figma": {
7
+ "collection": "functional/size",
8
+ "scopes": ["size"]
9
+ }
10
+ },
5
11
  "filePath": "src/tokens/functional/size/breakpoints.json",
6
12
  "isSource": true,
7
13
  "original": {
8
14
  "value": "320px",
9
- "$type": "dimension"
15
+ "$type": "dimension",
16
+ "$extensions": {
17
+ "org.primer.figma": {
18
+ "collection": "functional/size",
19
+ "scopes": ["size"]
20
+ }
21
+ }
10
22
  },
11
23
  "name": "breakpoint-xsmall",
12
24
  "attributes": {},
@@ -15,11 +27,23 @@
15
27
  "breakpoint-small": {
16
28
  "value": "34rem",
17
29
  "$type": "dimension",
30
+ "$extensions": {
31
+ "org.primer.figma": {
32
+ "collection": "functional/size",
33
+ "scopes": ["size"]
34
+ }
35
+ },
18
36
  "filePath": "src/tokens/functional/size/breakpoints.json",
19
37
  "isSource": true,
20
38
  "original": {
21
39
  "value": "544px",
22
- "$type": "dimension"
40
+ "$type": "dimension",
41
+ "$extensions": {
42
+ "org.primer.figma": {
43
+ "collection": "functional/size",
44
+ "scopes": ["size"]
45
+ }
46
+ }
23
47
  },
24
48
  "name": "breakpoint-small",
25
49
  "attributes": {},
@@ -28,11 +52,23 @@
28
52
  "breakpoint-medium": {
29
53
  "value": "48rem",
30
54
  "$type": "dimension",
55
+ "$extensions": {
56
+ "org.primer.figma": {
57
+ "collection": "functional/size",
58
+ "scopes": ["size"]
59
+ }
60
+ },
31
61
  "filePath": "src/tokens/functional/size/breakpoints.json",
32
62
  "isSource": true,
33
63
  "original": {
34
64
  "value": "768px",
35
- "$type": "dimension"
65
+ "$type": "dimension",
66
+ "$extensions": {
67
+ "org.primer.figma": {
68
+ "collection": "functional/size",
69
+ "scopes": ["size"]
70
+ }
71
+ }
36
72
  },
37
73
  "name": "breakpoint-medium",
38
74
  "attributes": {},
@@ -41,11 +77,23 @@
41
77
  "breakpoint-large": {
42
78
  "value": "63.25rem",
43
79
  "$type": "dimension",
80
+ "$extensions": {
81
+ "org.primer.figma": {
82
+ "collection": "functional/size",
83
+ "scopes": ["size"]
84
+ }
85
+ },
44
86
  "filePath": "src/tokens/functional/size/breakpoints.json",
45
87
  "isSource": true,
46
88
  "original": {
47
89
  "value": "1012px",
48
- "$type": "dimension"
90
+ "$type": "dimension",
91
+ "$extensions": {
92
+ "org.primer.figma": {
93
+ "collection": "functional/size",
94
+ "scopes": ["size"]
95
+ }
96
+ }
49
97
  },
50
98
  "name": "breakpoint-large",
51
99
  "attributes": {},
@@ -54,11 +102,23 @@
54
102
  "breakpoint-xlarge": {
55
103
  "value": "80rem",
56
104
  "$type": "dimension",
105
+ "$extensions": {
106
+ "org.primer.figma": {
107
+ "collection": "functional/size",
108
+ "scopes": ["size"]
109
+ }
110
+ },
57
111
  "filePath": "src/tokens/functional/size/breakpoints.json",
58
112
  "isSource": true,
59
113
  "original": {
60
114
  "value": "1280px",
61
- "$type": "dimension"
115
+ "$type": "dimension",
116
+ "$extensions": {
117
+ "org.primer.figma": {
118
+ "collection": "functional/size",
119
+ "scopes": ["size"]
120
+ }
121
+ }
62
122
  },
63
123
  "name": "breakpoint-xlarge",
64
124
  "attributes": {},
@@ -67,11 +127,23 @@
67
127
  "breakpoint-xxlarge": {
68
128
  "value": "90rem",
69
129
  "$type": "dimension",
130
+ "$extensions": {
131
+ "org.primer.figma": {
132
+ "collection": "functional/size",
133
+ "scopes": ["size"]
134
+ }
135
+ },
70
136
  "filePath": "src/tokens/functional/size/breakpoints.json",
71
137
  "isSource": true,
72
138
  "original": {
73
139
  "value": "1440px",
74
- "$type": "dimension"
140
+ "$type": "dimension",
141
+ "$extensions": {
142
+ "org.primer.figma": {
143
+ "collection": "functional/size",
144
+ "scopes": ["size"]
145
+ }
146
+ }
75
147
  },
76
148
  "name": "breakpoint-xxlarge",
77
149
  "attributes": {},