@primer/primitives 7.15.9 → 7.15.10-rc.030246ed
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.
- package/dist/css/functional/themes/dark-colorblind.css +64 -44
- package/dist/css/functional/themes/dark-dimmed.css +64 -44
- package/dist/css/functional/themes/dark-high-contrast.css +62 -42
- package/dist/css/functional/themes/dark-tritanopia.css +64 -44
- package/dist/css/functional/themes/dark.css +68 -48
- package/dist/css/functional/themes/light-colorblind.css +54 -34
- package/dist/css/functional/themes/light-high-contrast.css +70 -50
- package/dist/css/functional/themes/light-tritanopia.css +54 -34
- package/dist/css/functional/themes/light.css +54 -34
- package/dist/docs/functional/themes/dark-colorblind.json +321 -29
- package/dist/docs/functional/themes/dark-dimmed.json +321 -29
- package/dist/docs/functional/themes/dark-high-contrast.json +322 -30
- package/dist/docs/functional/themes/dark-tritanopia.json +321 -29
- package/dist/docs/functional/themes/dark.json +326 -34
- package/dist/docs/functional/themes/light-colorblind.json +317 -23
- package/dist/docs/functional/themes/light-high-contrast.json +326 -32
- package/dist/docs/functional/themes/light-tritanopia.json +317 -23
- package/dist/docs/functional/themes/light.json +317 -23
- package/dist/figma/shadows/light-colorblind.json +16 -16
- package/dist/figma/shadows/light-high-contrast.json +16 -16
- package/dist/figma/shadows/light-tritanopia.json +16 -16
- package/dist/figma/shadows/light.json +16 -16
- package/dist/figma/themes/dark-colorblind.json +1502 -1341
- package/dist/figma/themes/dark-dimmed.json +1571 -1410
- package/dist/figma/themes/dark-high-contrast.json +1456 -1295
- package/dist/figma/themes/dark-tritanopia.json +1503 -1342
- package/dist/figma/themes/dark.json +1577 -1416
- package/dist/figma/themes/light-colorblind.json +1531 -1369
- package/dist/figma/themes/light-high-contrast.json +1558 -1396
- package/dist/figma/themes/light-tritanopia.json +1542 -1380
- package/dist/figma/themes/light.json +1600 -1438
- package/dist/scss/functional/themes/dark-colorblind.scss +32 -22
- package/dist/scss/functional/themes/dark-dimmed.scss +32 -22
- package/dist/scss/functional/themes/dark-high-contrast.scss +31 -21
- package/dist/scss/functional/themes/dark-tritanopia.scss +32 -22
- package/dist/scss/functional/themes/dark.scss +34 -24
- package/dist/scss/functional/themes/light-colorblind.scss +27 -17
- package/dist/scss/functional/themes/light-high-contrast.scss +35 -25
- package/dist/scss/functional/themes/light-tritanopia.scss +27 -17
- package/dist/scss/functional/themes/light.scss +27 -17
- package/package.json +1 -1
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +64 -44
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +64 -44
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +62 -42
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +64 -44
- package/tokens-next-private/css/functional/themes/dark.css +68 -48
- package/tokens-next-private/css/functional/themes/light-colorblind.css +54 -34
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +70 -50
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +54 -34
- package/tokens-next-private/css/functional/themes/light.css +54 -34
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +321 -29
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +321 -29
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +322 -30
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +321 -29
- package/tokens-next-private/docs/functional/themes/dark.json +326 -34
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +317 -23
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +326 -32
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +317 -23
- package/tokens-next-private/docs/functional/themes/light.json +317 -23
- package/tokens-next-private/figma/shadows/light-colorblind.json +16 -16
- package/tokens-next-private/figma/shadows/light-high-contrast.json +16 -16
- package/tokens-next-private/figma/shadows/light-tritanopia.json +16 -16
- package/tokens-next-private/figma/shadows/light.json +16 -16
- package/tokens-next-private/figma/themes/dark-colorblind.json +1502 -1341
- package/tokens-next-private/figma/themes/dark-dimmed.json +1571 -1410
- package/tokens-next-private/figma/themes/dark-high-contrast.json +1456 -1295
- package/tokens-next-private/figma/themes/dark-tritanopia.json +1503 -1342
- package/tokens-next-private/figma/themes/dark.json +1577 -1416
- package/tokens-next-private/figma/themes/light-colorblind.json +1531 -1369
- package/tokens-next-private/figma/themes/light-high-contrast.json +1558 -1396
- package/tokens-next-private/figma/themes/light-tritanopia.json +1542 -1380
- package/tokens-next-private/figma/themes/light.json +1600 -1438
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +32 -22
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +32 -22
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +31 -21
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +32 -22
- package/tokens-next-private/scss/functional/themes/dark.scss +34 -24
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +27 -17
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +35 -25
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +27 -17
- package/tokens-next-private/scss/functional/themes/light.scss +27 -17
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
|
@@ -38,6 +38,16 @@ $header-bgColor: #24292f;
|
|
|
38
38
|
$header-borderColor-divider: #57606a;
|
|
39
39
|
$headerSearch-bgColor: #24292f;
|
|
40
40
|
$headerSearch-borderColor: #57606a;
|
|
41
|
+
$data-blue-color: #006edb;
|
|
42
|
+
$data-auburn-color: #9d615c;
|
|
43
|
+
$data-orange-color: #eb670f;
|
|
44
|
+
$data-yellow-color: #b88700;
|
|
45
|
+
$data-green-color: #30a147;
|
|
46
|
+
$data-teal-color: #179b9b;
|
|
47
|
+
$data-purple-color: #894ceb;
|
|
48
|
+
$data-pink-color: #ce2c85;
|
|
49
|
+
$data-red-color: #df0c24;
|
|
50
|
+
$data-gray-color: #808fa3;
|
|
41
51
|
$avatar-bgColor: #ffffff;
|
|
42
52
|
$avatar-borderColor: #d0d7de;
|
|
43
53
|
$avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
|
@@ -46,14 +56,14 @@ $avatarStack-fade-bgColor-muted: #d0d7de;
|
|
|
46
56
|
$control-bgColor-rest: #f6f8fa;
|
|
47
57
|
$control-bgColor-hover: #eef1f4;
|
|
48
58
|
$control-bgColor-active: #e7ebef;
|
|
49
|
-
$control-bgColor-disabled: #
|
|
59
|
+
$control-bgColor-disabled: #eaeef2b3;
|
|
50
60
|
$control-bgColor-selected: #f6f8fa;
|
|
51
61
|
$control-fgColor-rest: #24292f;
|
|
52
62
|
$control-fgColor-placeholder: #6e7781;
|
|
53
63
|
$control-fgColor-disabled: #8c959f;
|
|
54
64
|
$control-borderColor-rest: #d0d7de;
|
|
55
65
|
$control-borderColor-emphasis: #868f99;
|
|
56
|
-
$control-borderColor-disabled: #
|
|
66
|
+
$control-borderColor-disabled: #eaeef2b3;
|
|
57
67
|
$control-borderColor-selected: #f6f8fa;
|
|
58
68
|
$control-borderColor-success: #1a7f37;
|
|
59
69
|
$control-borderColor-danger: #cf222e;
|
|
@@ -62,7 +72,7 @@ $control-iconColor-rest: #636c76;
|
|
|
62
72
|
$control-transparent-bgColor-rest: #ffffff00;
|
|
63
73
|
$control-transparent-bgColor-hover: #d0d7de33;
|
|
64
74
|
$control-transparent-bgColor-active: #d0d7de66;
|
|
65
|
-
$control-transparent-bgColor-disabled: #
|
|
75
|
+
$control-transparent-bgColor-disabled: #eaeef2b3;
|
|
66
76
|
$control-transparent-bgColor-selected: #d0d7de33;
|
|
67
77
|
$control-transparent-borderColor-rest: #ffffff00;
|
|
68
78
|
$control-transparent-borderColor-hover: #ffffff00;
|
|
@@ -90,10 +100,10 @@ $controlTrack-fgColor-disabled: #ffffff;
|
|
|
90
100
|
$controlTrack-borderColor-rest: #ffffff00;
|
|
91
101
|
$controlTrack-borderColor-disabled: #8c959f;
|
|
92
102
|
$controlKnob-bgColor-rest: #ffffff;
|
|
93
|
-
$controlKnob-bgColor-disabled: #
|
|
103
|
+
$controlKnob-bgColor-disabled: #eaeef2b3;
|
|
94
104
|
$controlKnob-bgColor-checked: #ffffff;
|
|
95
105
|
$controlKnob-borderColor-rest: #868f99;
|
|
96
|
-
$controlKnob-borderColor-disabled: #
|
|
106
|
+
$controlKnob-borderColor-disabled: #eaeef2b3;
|
|
97
107
|
$controlKnob-borderColor-checked: #0969da;
|
|
98
108
|
$counter-borderColor: #ffffff00;
|
|
99
109
|
$button-default-fgColor-rest: #24292f;
|
|
@@ -101,11 +111,11 @@ $button-default-bgColor-rest: #f6f8fa;
|
|
|
101
111
|
$button-default-bgColor-hover: #eef1f4;
|
|
102
112
|
$button-default-bgColor-active: #e7ebef;
|
|
103
113
|
$button-default-bgColor-selected: #e7ebef;
|
|
104
|
-
$button-default-bgColor-disabled: #
|
|
114
|
+
$button-default-bgColor-disabled: #eaeef2b3;
|
|
105
115
|
$button-default-borderColor-rest: #d0d7de;
|
|
106
116
|
$button-default-borderColor-hover: #d0d7de;
|
|
107
117
|
$button-default-borderColor-active: #d0d7de;
|
|
108
|
-
$button-default-borderColor-disabled: #
|
|
118
|
+
$button-default-borderColor-disabled: #eaeef2b3;
|
|
109
119
|
$button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
|
|
110
120
|
$button-primary-fgColor-rest: #ffffff;
|
|
111
121
|
$button-primary-fgColor-disabled: #ffffffcc;
|
|
@@ -128,10 +138,10 @@ $button-invisible-iconColor-disabled: #8c959f;
|
|
|
128
138
|
$button-invisible-bgColor-rest: #ffffff00;
|
|
129
139
|
$button-invisible-bgColor-hover: #d0d7de33;
|
|
130
140
|
$button-invisible-bgColor-active: #d0d7de66;
|
|
131
|
-
$button-invisible-bgColor-disabled: #
|
|
141
|
+
$button-invisible-bgColor-disabled: #eaeef2b3;
|
|
132
142
|
$button-invisible-borderColor-rest: #ffffff00;
|
|
133
143
|
$button-invisible-borderColor-hover: #ffffff00;
|
|
134
|
-
$button-invisible-borderColor-disabled: #
|
|
144
|
+
$button-invisible-borderColor-disabled: #eaeef2b3;
|
|
135
145
|
$button-outline-fgColor-rest: #0969da;
|
|
136
146
|
$button-outline-fgColor-hover: #ffffff;
|
|
137
147
|
$button-outline-fgColor-active: #ffffff;
|
|
@@ -152,7 +162,7 @@ $button-danger-iconColor-hover: #ffffff;
|
|
|
152
162
|
$button-danger-bgColor-rest: #f6f8fa;
|
|
153
163
|
$button-danger-bgColor-hover: #a40e26;
|
|
154
164
|
$button-danger-bgColor-active: #8b0820;
|
|
155
|
-
$button-danger-bgColor-disabled: #
|
|
165
|
+
$button-danger-bgColor-disabled: #eaeef2b3;
|
|
156
166
|
$button-danger-borderColor-rest: #d0d7de;
|
|
157
167
|
$button-danger-borderColor-hover: #1f232826;
|
|
158
168
|
$button-danger-borderColor-active: #1f232826;
|
|
@@ -178,7 +188,7 @@ $focus-outlineColor: #0969da;
|
|
|
178
188
|
$focus-outline: #0969da solid 2px;
|
|
179
189
|
$menu-bgColor-active: #ffffff00;
|
|
180
190
|
$overlay-bgColor: #ffffff;
|
|
181
|
-
$overlay-borderColor: #
|
|
191
|
+
$overlay-borderColor: #d0d7de80;
|
|
182
192
|
$overlay-backdrop-bgColor: #8c959f33;
|
|
183
193
|
$selectMenu-borderColor: #ffffff00;
|
|
184
194
|
$selectMenu-bgColor-active: #b6e3ff;
|
|
@@ -210,7 +220,7 @@ $bgColor-muted: #f6f8fa;
|
|
|
210
220
|
$bgColor-inset: #f6f8fa;
|
|
211
221
|
$bgColor-emphasis: #24292f;
|
|
212
222
|
$bgColor-inverse: #24292f;
|
|
213
|
-
$bgColor-disabled: #
|
|
223
|
+
$bgColor-disabled: #eaeef2b3;
|
|
214
224
|
$bgColor-transparent: #ffffff00;
|
|
215
225
|
$bgColor-neutral-muted: #afb8c133;
|
|
216
226
|
$bgColor-neutral-emphasis: #6e7781;
|
|
@@ -235,7 +245,7 @@ $bgColor-sponsors-emphasis: #bf3989;
|
|
|
235
245
|
$borderColor-default: #d0d7de;
|
|
236
246
|
$borderColor-muted: #d0d7deb3;
|
|
237
247
|
$borderColor-emphasis: #6e7781;
|
|
238
|
-
$borderColor-disabled: #
|
|
248
|
+
$borderColor-disabled: #eaeef2b3;
|
|
239
249
|
$borderColor-transparent: #ffffff00;
|
|
240
250
|
$borderColor-neutral-muted: #afb8c133;
|
|
241
251
|
$borderColor-neutral-emphasis: #6e7781;
|
|
@@ -401,7 +411,7 @@ $shadow-inset: inset 0px 1px 0px 0px #1f23280a;
|
|
|
401
411
|
$shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
|
|
402
412
|
$shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
|
|
403
413
|
$shadow-resting-medium: 0px 3px 6px 0px #424a531f;
|
|
404
|
-
$shadow-floating-small: 0px 0px 0px 1px #
|
|
405
|
-
$shadow-floating-medium: 0px 0px 0px 1px #
|
|
406
|
-
$shadow-floating-large: 0px 0px 0px 1px #
|
|
407
|
-
$shadow-floating-xlarge: 0px 0px 0px 1px #
|
|
414
|
+
$shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
|
|
415
|
+
$shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
|
|
416
|
+
$shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
|
|
417
|
+
$shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 07 Mar 2024 17:21:40 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|