@primer/primitives 7.17.0-rc.39874fc0 → 7.17.0-rc.3aa69fdf

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 (134) hide show
  1. package/dist/docs/functional/typography/typography.json +39 -3
  2. package/dist/figma/figma.json +10 -1
  3. package/dist/figma/typography/typography.json +32 -0
  4. package/dist/styleLint/functional/typography/typography.json +39 -3
  5. package/package.json +2 -2
  6. package/src/PrimerStyleDictionary.ts +6 -0
  7. package/src/platforms/figma.ts +6 -0
  8. package/src/tokens/functional/typography/typography.json +21 -3
  9. package/src/transformers/fontFamilyToCss.ts +3 -4
  10. package/src/transformers/fontFamilyToFigma.ts +47 -0
  11. package/src/transformers/index.ts +1 -0
  12. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  13. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  14. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  15. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  16. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  17. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  18. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  19. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  20. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  21. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  22. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  23. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  24. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  25. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  26. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  27. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  28. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  29. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  30. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  31. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  32. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  33. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  34. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  35. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  36. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  37. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  38. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  39. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  40. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  41. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  42. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  43. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  44. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  45. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  46. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  47. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  48. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  49. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  50. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  51. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  52. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  53. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  54. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  55. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  56. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  57. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  58. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  59. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  60. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  61. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  62. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  63. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  64. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  65. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  66. package/dist/deprecated/colors.json +0 -7
  67. package/dist/js/colors/dark.d.ts +0 -516
  68. package/dist/js/colors/dark.js +0 -616
  69. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  70. package/dist/js/colors/dark_colorblind.js +0 -616
  71. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  72. package/dist/js/colors/dark_dimmed.js +0 -616
  73. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  74. package/dist/js/colors/dark_high_contrast.js +0 -616
  75. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  76. package/dist/js/colors/dark_tritanopia.js +0 -616
  77. package/dist/js/colors/index.d.ts +0 -4638
  78. package/dist/js/colors/index.js +0 -15
  79. package/dist/js/colors/light.d.ts +0 -516
  80. package/dist/js/colors/light.js +0 -616
  81. package/dist/js/colors/light_colorblind.d.ts +0 -516
  82. package/dist/js/colors/light_colorblind.js +0 -616
  83. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  84. package/dist/js/colors/light_high_contrast.js +0 -616
  85. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  86. package/dist/js/colors/light_tritanopia.js +0 -616
  87. package/dist/js/index.d.ts +0 -4655
  88. package/dist/js/index.js +0 -9
  89. package/dist/js/spacing/index.d.ts +0 -6
  90. package/dist/js/spacing/index.js +0 -7
  91. package/dist/js/spacing/normal.d.ts +0 -4
  92. package/dist/js/spacing/normal.js +0 -13
  93. package/dist/js/typography/index.d.ts +0 -11
  94. package/dist/js/typography/index.js +0 -7
  95. package/dist/js/typography/normal.d.ts +0 -9
  96. package/dist/js/typography/normal.js +0 -19
  97. package/dist/json/colors/dark.json +0 -614
  98. package/dist/json/colors/dark_colorblind.json +0 -614
  99. package/dist/json/colors/dark_dimmed.json +0 -614
  100. package/dist/json/colors/dark_high_contrast.json +0 -614
  101. package/dist/json/colors/dark_tritanopia.json +0 -614
  102. package/dist/json/colors/light.json +0 -614
  103. package/dist/json/colors/light_colorblind.json +0 -614
  104. package/dist/json/colors/light_high_contrast.json +0 -614
  105. package/dist/json/colors/light_tritanopia.json +0 -614
  106. package/dist/json/spacing/normal.json +0 -11
  107. package/dist/json/typography/normal.json +0 -17
  108. package/dist/removed/colors.json +0 -432
  109. package/dist/scss/colors/_dark.scss +0 -452
  110. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  111. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  112. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  113. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  114. package/dist/scss/colors/_light.scss +0 -452
  115. package/dist/scss/colors/_light_colorblind.scss +0 -452
  116. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  117. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  118. package/dist/scss/spacing/_normal.scss +0 -11
  119. package/dist/scss/typography/_normal.scss +0 -15
  120. package/dist/ts/colors/dark.ts +0 -614
  121. package/dist/ts/colors/dark_colorblind.ts +0 -614
  122. package/dist/ts/colors/dark_dimmed.ts +0 -614
  123. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  124. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  125. package/dist/ts/colors/index.ts +0 -10
  126. package/dist/ts/colors/light.ts +0 -614
  127. package/dist/ts/colors/light_colorblind.ts +0 -614
  128. package/dist/ts/colors/light_high_contrast.ts +0 -614
  129. package/dist/ts/colors/light_tritanopia.ts +0 -614
  130. package/dist/ts/index.ts +0 -4
  131. package/dist/ts/spacing/index.ts +0 -2
  132. package/dist/ts/spacing/normal.ts +0 -11
  133. package/dist/ts/typography/index.ts +0 -2
  134. package/dist/ts/typography/normal.ts +0 -17
@@ -1,616 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = {
4
- "canvasDefaultTransparent": "rgba(255,255,255,0)",
5
- "pageHeaderBg": "#ffffff",
6
- "marketingIcon": {
7
- "primary": "#1168e3",
8
- "secondary": "#368cf9"
9
- },
10
- "diffBlob": {
11
- "addition": {
12
- "numText": "#0e1116",
13
- "fg": "#ffffff",
14
- "numBg": "#ccffd8",
15
- "lineBg": "#e6ffec",
16
- "wordBg": "#055d20"
17
- },
18
- "deletion": {
19
- "numText": "#0e1116",
20
- "fg": "#ffffff",
21
- "numBg": "#ffd7d5",
22
- "lineBg": "#fff0ee",
23
- "wordBg": "#a0111f"
24
- },
25
- "hunk": {
26
- "numBg": "#9cd7ff"
27
- },
28
- "expander": {
29
- "icon": "#0e1116"
30
- },
31
- "selectedLineHighlightMixBlendMode": "multiply"
32
- },
33
- "diffstat": {
34
- "deletionBorder": "rgba(1,4,9,0.8)",
35
- "additionBorder": "rgba(1,4,9,0.8)",
36
- "additionBg": "#055d20"
37
- },
38
- "searchKeyword": {
39
- "hl": "#fcf7be"
40
- },
41
- "prettylights": {
42
- "syntax": {
43
- "comment": "#4b535d",
44
- "constant": "#023b95",
45
- "entity": "#512598",
46
- "storageModifierImport": "#0e1116",
47
- "entityTag": "#024c1a",
48
- "keyword": "#a0111f",
49
- "string": "#032563",
50
- "variable": "#702c00",
51
- "brackethighlighterUnmatched": "#6e011a",
52
- "invalidIllegalText": "#ffffff",
53
- "invalidIllegalBg": "#6e011a",
54
- "carriageReturnText": "#ffffff",
55
- "carriageReturnBg": "#a0111f",
56
- "stringRegexp": "#024c1a",
57
- "markupList": "#2e1800",
58
- "markupHeading": "#023b95",
59
- "markupItalic": "#0e1116",
60
- "markupBold": "#0e1116",
61
- "markupDeletedText": "#6e011a",
62
- "markupDeletedBg": "#fff0ee",
63
- "markupInsertedText": "#024c1a",
64
- "markupInsertedBg": "#d2fedb",
65
- "markupChangedText": "#702c00",
66
- "markupChangedBg": "#ffc67b",
67
- "markupIgnoredText": "#e7ecf0",
68
- "markupIgnoredBg": "#023b95",
69
- "metaDiffRange": "#622cbc",
70
- "brackethighlighterAngle": "#4b535d",
71
- "sublimelinterGutterMark": "#88929d",
72
- "constantOtherReferenceLink": "#032563"
73
- }
74
- },
75
- "codemirror": {
76
- "text": "#0e1116",
77
- "bg": "#ffffff",
78
- "guttersBg": "#ffffff",
79
- "guttermarkerText": "#ffffff",
80
- "guttermarkerSubtleText": "#66707b",
81
- "linenumberText": "#0e1116",
82
- "cursor": "#0e1116",
83
- "selectionBg": "#368cf9",
84
- "activelineBg": "#e7ecf0",
85
- "matchingbracketText": "#0e1116",
86
- "linesBg": "#ffffff",
87
- "syntax": {
88
- "comment": "#0e1116",
89
- "constant": "#023b95",
90
- "entity": "#622cbc",
91
- "keyword": "#a0111f",
92
- "storage": "#a0111f",
93
- "string": "#032563",
94
- "support": "#023b95",
95
- "variable": "#702c00"
96
- }
97
- },
98
- "checks": {
99
- "bg": "#0e1116",
100
- "runBorderWidth": "0px",
101
- "containerBorderWidth": "0px",
102
- "textPrimary": "#ffffff",
103
- "textSecondary": "#88929d",
104
- "textLink": "#368cf9",
105
- "btnIcon": "#acb6c0",
106
- "btnHoverIcon": "#ffffff",
107
- "btnHoverBg": "rgba(255,255,255,0.125)",
108
- "inputText": "#e7ecf0",
109
- "inputPlaceholderText": "#88929d",
110
- "inputFocusText": "#88929d",
111
- "inputBg": "#20252c",
112
- "inputShadow": "none",
113
- "donutError": "#d5232c",
114
- "donutPending": "#956400",
115
- "donutSuccess": "#055d20",
116
- "donutNeutral": "#acb6c0",
117
- "dropdownText": "#acb6c0",
118
- "dropdownBg": "#20252c",
119
- "dropdownBorder": "#343b43",
120
- "dropdownShadow": "rgba(1,4,9,0.3)",
121
- "dropdownHoverText": "#ffffff",
122
- "dropdownHoverBg": "#343b43",
123
- "dropdownBtnHoverText": "#ffffff",
124
- "dropdownBtnHoverBg": "#20252c",
125
- "scrollbarThumbBg": "#4b535d",
126
- "headerLabelText": "#ced5dc",
127
- "headerLabelOpenText": "#ffffff",
128
- "headerBorder": "#20252c",
129
- "headerIcon": "#88929d",
130
- "lineText": "#ced5dc",
131
- "lineNumText": "rgba(136,146,157,0.75)",
132
- "lineTimestampText": "#88929d",
133
- "lineHoverBg": "#20252c",
134
- "lineSelectedBg": "rgba(17,104,227,0.15)",
135
- "lineSelectedNumText": "#368cf9",
136
- "lineDtFmText": "#0e1116",
137
- "lineDtFmBg": "#744500",
138
- "gateBg": "rgba(96,55,0,0.15)",
139
- "gateText": "#ced5dc",
140
- "gateWaitingText": "#b58407",
141
- "stepHeaderOpenBg": "#20252c",
142
- "stepErrorText": "#ee5a5d",
143
- "stepWarningText": "#b58407",
144
- "loglineText": "#88929d",
145
- "loglineNumText": "rgba(136,146,157,0.75)",
146
- "loglineDebugText": "#a371f7",
147
- "loglineErrorText": "#ced5dc",
148
- "loglineErrorNumText": "#ee5a5d",
149
- "loglineErrorBg": "rgba(134,6,29,0.15)",
150
- "loglineWarningText": "#ced5dc",
151
- "loglineWarningNumText": "#b58407",
152
- "loglineWarningBg": "rgba(96,55,0,0.15)",
153
- "loglineCommandText": "#368cf9",
154
- "loglineSectionText": "#26a148",
155
- "ansi": {
156
- "black": "#0e1116",
157
- "blackBright": "#20252c",
158
- "white": "#ced5dc",
159
- "whiteBright": "#ced5dc",
160
- "gray": "#88929d",
161
- "red": "#ee5a5d",
162
- "redBright": "#ff8e8a",
163
- "green": "#26a148",
164
- "greenBright": "#43c663",
165
- "yellow": "#b58407",
166
- "yellowBright": "#d5a824",
167
- "blue": "#368cf9",
168
- "blueBright": "#67b3fd",
169
- "magenta": "#a371f7",
170
- "magentaBright": "#c49bff",
171
- "cyan": "#76e3ea",
172
- "cyanBright": "#b3f0ff"
173
- }
174
- },
175
- "project": {
176
- "headerBg": "#0e1116",
177
- "sidebarBg": "#ffffff",
178
- "gradientIn": "#ffffff",
179
- "gradientOut": "rgba(255,255,255,0)"
180
- },
181
- "mktg": {
182
- "btn": {
183
- "bg": "#1b1f23",
184
- "shadow": {
185
- "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
186
- "focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
187
- "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
188
- "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
189
- }
190
- }
191
- },
192
- "control": {
193
- "borderColor": {
194
- "emphasis": "#20252c"
195
- }
196
- },
197
- "avatar": {
198
- "bg": "#ffffff",
199
- "border": "rgba(1,4,9,0.8)",
200
- "stackFade": "#acb6c0",
201
- "stackFadeMore": "#ced5dc",
202
- "childShadow": "0 0 0 2px rgba(255,255,255,0.8)"
203
- },
204
- "topicTag": {
205
- "border": "#0349b4"
206
- },
207
- "counter": {
208
- "border": "#20252c"
209
- },
210
- "selectMenu": {
211
- "backdropBorder": "rgba(0,0,0,0)",
212
- "tapHighlight": "rgba(172,182,192,0.5)",
213
- "tapFocusBg": "#9cd7ff"
214
- },
215
- "overlay": {
216
- "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)",
217
- "backdrop": "rgba(136,146,157,0.2)"
218
- },
219
- "header": {
220
- "text": "rgba(255,255,255,0.7)",
221
- "bg": "#0e1116",
222
- "divider": "#acb6c0",
223
- "logo": "#ffffff"
224
- },
225
- "headerSearch": {
226
- "bg": "#0e1116",
227
- "border": "#4b535d"
228
- },
229
- "sidenav": {
230
- "selectedBg": "#ffffff"
231
- },
232
- "menu": {
233
- "bgActive": "rgba(0,0,0,0)"
234
- },
235
- "input": {
236
- "disabledBg": "rgba(172,182,192,0.2)"
237
- },
238
- "timeline": {
239
- "badgeBg": "#e7ecf0"
240
- },
241
- "ansi": {
242
- "black": "#0e1116",
243
- "blackBright": "#4b535d",
244
- "white": "#66707b",
245
- "whiteBright": "#88929d",
246
- "gray": "#66707b",
247
- "red": "#a0111f",
248
- "redBright": "#86061d",
249
- "green": "#024c1a",
250
- "greenBright": "#055d20",
251
- "yellow": "#3f2200",
252
- "yellowBright": "#4e2c00",
253
- "blue": "#0349b4",
254
- "blueBright": "#1168e3",
255
- "magenta": "#622cbc",
256
- "magentaBright": "#844ae7",
257
- "cyan": "#1b7c83",
258
- "cyanBright": "#3192aa"
259
- },
260
- "btn": {
261
- "text": "#0e1116",
262
- "bg": "#e7ecf0",
263
- "border": "rgba(1,4,9,0.8)",
264
- "shadow": "0 1px 0 rgba(1,4,9,0.04)",
265
- "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
266
- "hoverBg": "#ced5dc",
267
- "hoverBorder": "rgba(1,4,9,0.8)",
268
- "activeBg": "#acb6c0",
269
- "activeBorder": "rgba(1,4,9,0.8)",
270
- "selectedBg": "#acb6c0",
271
- "counterBg": "rgba(1,4,9,0.08)",
272
- "primary": {
273
- "text": "#ffffff",
274
- "bg": "#055d20",
275
- "border": "#013d14",
276
- "shadow": "0 1px 0 rgba(1,4,9,0.1)",
277
- "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
278
- "hoverBg": "#024c1a",
279
- "hoverBorder": "#013d14",
280
- "selectedBg": "hsla(139,95%,13%,1)",
281
- "selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
282
- "disabledText": "rgba(255,255,255,0.8)",
283
- "disabledBg": "#94d3a2",
284
- "disabledBorder": "rgba(1,4,9,0.8)",
285
- "icon": "rgba(255,255,255,0.8)",
286
- "counterBg": "rgba(0,35,11,0.2)"
287
- },
288
- "outline": {
289
- "text": "#023b95",
290
- "hoverText": "#ffffff",
291
- "hoverBg": "#0349b4",
292
- "hoverBorder": "#022f7a",
293
- "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
294
- "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
295
- "hoverCounterBg": "rgba(255,255,255,0.2)",
296
- "selectedText": "#ffffff",
297
- "selectedBg": "#022f7a",
298
- "selectedBorder": "#022f7a",
299
- "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
300
- "disabledText": "rgba(3,73,180,0.5)",
301
- "disabledBg": "#e7ecf0",
302
- "disabledCounterBg": "rgba(3,73,180,0.05)",
303
- "counterBg": "#0969da1a",
304
- "counterFg": "#023b95",
305
- "hoverCounterFg": "#ffffff",
306
- "disabledCounterFg": "rgba(3,73,180,0.5)"
307
- },
308
- "danger": {
309
- "text": "#86061d",
310
- "hoverText": "#ffffff",
311
- "hoverBg": "#a0111f",
312
- "hoverBorder": "#6e011a",
313
- "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
314
- "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
315
- "hoverCounterBg": "rgba(255,255,255,0.2)",
316
- "selectedText": "#ffffff",
317
- "selectedBg": "#6e011a",
318
- "selectedBorder": "#6e011a",
319
- "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
320
- "disabledText": "rgba(160,17,31,0.5)",
321
- "disabledBg": "#e7ecf0",
322
- "disabledCounterBg": "rgba(160,17,31,0.05)",
323
- "counterBg": "rgba(160,17,31,0.1)",
324
- "icon": "#86061d",
325
- "hoverIcon": "#ffffff",
326
- "counterFg": "#86061d",
327
- "hoverCounterFg": "#ffffff",
328
- "disabledCounterFg": "rgba(160,17,31,0.5)"
329
- },
330
- "inactive": {
331
- "bg": "#e7ecf0",
332
- "text": "#4b535d"
333
- }
334
- },
335
- "underlinenav": {
336
- "icon": "#66707b",
337
- "borderHover": "rgba(172,182,192,0.2)"
338
- },
339
- "actionListItem": {
340
- "inlineDivider": "#88929d",
341
- "default": {
342
- "hoverBg": "#e7ecf0",
343
- "hoverBorder": "#88929d",
344
- "activeBg": "#ced5dc",
345
- "activeBorder": "#20252c",
346
- "selectedBg": "#ced5dc"
347
- },
348
- "danger": {
349
- "hoverBg": "#a0111f",
350
- "activeBg": "#6e011a",
351
- "hoverText": "#ffffff"
352
- }
353
- },
354
- "switchTrack": {
355
- "bg": "#66707b",
356
- "hoverBg": "hsla(211,9%,47%,1)",
357
- "activeBg": "hsla(211,9%,49%,1)",
358
- "disabledBg": "#88929d",
359
- "fg": "#ffffff",
360
- "disabledFg": "#ffffff",
361
- "border": "rgba(0,0,0,0)",
362
- "checked": {
363
- "bg": "#0349b4",
364
- "hoverBg": "#0860CA",
365
- "activeBg": "#0757BA",
366
- "fg": "#ffffff",
367
- "disabledFg": "#ffffff",
368
- "border": "rgba(0,0,0,0)"
369
- }
370
- },
371
- "switchKnob": {
372
- "bg": "#ffffff",
373
- "disabledBg": "#e7ecf0",
374
- "border": "#20252c",
375
- "checked": {
376
- "bg": "#ffffff",
377
- "disabledBg": "#e7ecf0",
378
- "border": "#0349b4"
379
- }
380
- },
381
- "segmentedControl": {
382
- "bg": "#e7ecf0",
383
- "button": {
384
- "bg": "#ffffff",
385
- "hover": {
386
- "bg": "rgba(172,182,192,0.2)"
387
- },
388
- "active": {
389
- "bg": "rgba(172,182,192,0.4)"
390
- },
391
- "selected": {
392
- "border": "#88929d"
393
- }
394
- }
395
- },
396
- "treeViewItem": {
397
- "chevron": {
398
- "hoverBg": "#ced5dc"
399
- },
400
- "directory": {
401
- "fill": "#368cf9"
402
- }
403
- },
404
- "fg": {
405
- "default": "#0e1116",
406
- "muted": "#0e1116",
407
- "subtle": "#66707b",
408
- "onEmphasis": "#ffffff"
409
- },
410
- "canvas": {
411
- "default": "#ffffff",
412
- "overlay": "#ffffff",
413
- "inset": "#ffffff",
414
- "subtle": "#e7ecf0"
415
- },
416
- "border": {
417
- "default": "#20252c",
418
- "muted": "#88929d",
419
- "subtle": "rgba(1,4,9,0.8)"
420
- },
421
- "shadow": {
422
- "small": "0 1px 0 rgba(1,4,9,0.04)",
423
- "medium": "0 3px 6px rgba(136,146,157,0.15)",
424
- "large": "0 8px 24px rgba(136,146,157,0.2)",
425
- "extraLarge": "0 12px 28px rgba(136,146,157,0.3)"
426
- },
427
- "neutral": {
428
- "emphasisPlus": "#0e1116",
429
- "emphasis": "#66707b",
430
- "muted": "rgba(172,182,192,0.2)",
431
- "subtle": "#e7ecf0"
432
- },
433
- "accent": {
434
- "fg": "#0349b4",
435
- "emphasis": "#0349b4",
436
- "muted": "#368cf9",
437
- "subtle": "#dff7ff"
438
- },
439
- "success": {
440
- "fg": "#055d20",
441
- "emphasis": "#055d20",
442
- "muted": "#26a148",
443
- "subtle": "#d2fedb"
444
- },
445
- "attention": {
446
- "fg": "#744500",
447
- "emphasis": "#744500",
448
- "muted": "#b58407",
449
- "subtle": "#fcf7be"
450
- },
451
- "severe": {
452
- "fg": "#873800",
453
- "emphasis": "#873800",
454
- "muted": "#dc6d1a",
455
- "subtle": "#fff2d5"
456
- },
457
- "danger": {
458
- "fg": "#d1242f",
459
- "emphasis": "#a0111f",
460
- "muted": "#ee5a5d",
461
- "subtle": "#fff0ee"
462
- },
463
- "open": {
464
- "fg": "#055d20",
465
- "emphasis": "#055d20",
466
- "muted": "rgba(38,161,72,0.4)",
467
- "subtle": "#d2fedb"
468
- },
469
- "closed": {
470
- "fg": "#d1242f",
471
- "emphasis": "#a0111f",
472
- "muted": "rgba(238,90,93,0.4)",
473
- "subtle": "#fff0ee"
474
- },
475
- "done": {
476
- "fg": "#622cbc",
477
- "emphasis": "#622cbc",
478
- "muted": "#a371f7",
479
- "subtle": "#faf0fe"
480
- },
481
- "sponsors": {
482
- "fg": "#971368",
483
- "emphasis": "#971368",
484
- "muted": "#ed4baf",
485
- "subtle": "#feeff7"
486
- },
487
- "primer": {
488
- "fg": {
489
- "disabled": "#88929d"
490
- },
491
- "canvas": {
492
- "backdrop": "rgba(1,4,9,0.5)",
493
- "sticky": "rgba(255,255,255,0.95)"
494
- },
495
- "border": {
496
- "active": "#ef5b48",
497
- "contrast": "rgba(1,4,9,0.1)"
498
- },
499
- "shadow": {
500
- "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
501
- "inset": "inset 0 1px 0 rgba(206,213,220,0.2)"
502
- }
503
- },
504
- "scale": {
505
- "black": "#010409",
506
- "white": "#ffffff",
507
- "gray": [
508
- "#ffffff",
509
- "#e7ecf0",
510
- "#ced5dc",
511
- "#acb6c0",
512
- "#88929d",
513
- "#66707b",
514
- "#4b535d",
515
- "#343b43",
516
- "#20252c",
517
- "#0e1116"
518
- ],
519
- "blue": [
520
- "#dff7ff",
521
- "#9cd7ff",
522
- "#67b3fd",
523
- "#368cf9",
524
- "#1168e3",
525
- "#0349b4",
526
- "#023b95",
527
- "#022f7a",
528
- "#032563",
529
- "#021a4a"
530
- ],
531
- "green": [
532
- "#d2fedb",
533
- "#82e596",
534
- "#43c663",
535
- "#26a148",
536
- "#117f32",
537
- "#055d20",
538
- "#024c1a",
539
- "#013d14",
540
- "#003110",
541
- "#00230b"
542
- ],
543
- "yellow": [
544
- "#fcf7be",
545
- "#f0ce53",
546
- "#d5a824",
547
- "#b58407",
548
- "#956400",
549
- "#744500",
550
- "#603700",
551
- "#4e2c00",
552
- "#3f2200",
553
- "#2e1800"
554
- ],
555
- "orange": [
556
- "#fff2d5",
557
- "#ffc67b",
558
- "#f99636",
559
- "#dc6d1a",
560
- "#b45105",
561
- "#873800",
562
- "#702c00",
563
- "#5b2300",
564
- "#491b00",
565
- "#361200"
566
- ],
567
- "red": [
568
- "#fff0ee",
569
- "#ffc1bc",
570
- "#ff8e8a",
571
- "#ee5a5d",
572
- "#d5232c",
573
- "#a0111f",
574
- "#86061d",
575
- "#6e011a",
576
- "#5a0016",
577
- "#430011"
578
- ],
579
- "purple": [
580
- "#faf0fe",
581
- "#e0c5ff",
582
- "#c49bff",
583
- "#a371f7",
584
- "#844ae7",
585
- "#622cbc",
586
- "#512598",
587
- "#411d7b",
588
- "#341763",
589
- "#260f49"
590
- ],
591
- "pink": [
592
- "#feeff7",
593
- "#ffbde0",
594
- "#fc87ca",
595
- "#ed4baf",
596
- "#c9248e",
597
- "#971368",
598
- "#7d0c57",
599
- "#660847",
600
- "#53043a",
601
- "#3e022b"
602
- ],
603
- "coral": [
604
- "#fff0ed",
605
- "#ffc2b6",
606
- "#ff8f7e",
607
- "#ef5b48",
608
- "#cd3425",
609
- "#9f1710",
610
- "#870706",
611
- "#6f0107",
612
- "#5b0002",
613
- "#430200"
614
- ]
615
- }
616
- };