@primer/primitives
Advanced tools
Comparing version 0.0.0-a5223f5 to 0.0.0-a59e532
@@ -5,3 +5,3 @@ declare const _default: { | ||
white: string; | ||
grey: string[]; | ||
gray: string[]; | ||
blue: string[]; | ||
@@ -15,2 +15,14 @@ green: string[]; | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -39,5 +51,7 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
@@ -47,6 +61,7 @@ hoverSecondaryBorder: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -62,2 +77,3 @@ tertiary: string; | ||
canvas: string; | ||
canvasMobile: string; | ||
canvasInverse: string; | ||
@@ -68,3 +84,2 @@ primary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -88,22 +103,49 @@ infoInverse: string; | ||
}; | ||
fade: { | ||
black: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
white: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
}; | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
warn: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
error: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
success: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -117,4 +159,8 @@ icon: string; | ||
ic: string; | ||
shadow: string; | ||
shadowHighlight: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
@@ -126,5 +172,5 @@ bg: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
shadowSelected: string[]; | ||
shadow: string; | ||
shadowHighlight: string; | ||
shadowSelected: string; | ||
bgHover: string; | ||
@@ -134,3 +180,3 @@ bgActive: string; | ||
disabledText: string; | ||
disabledShadow: string[]; | ||
disabledShadow: string; | ||
counterBg: string; | ||
@@ -205,2 +251,6 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -227,2 +277,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -246,6 +298,18 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
hlAuthorBorder: string; | ||
logoSubdued: string; | ||
discussionBorder: string; | ||
diff: { | ||
@@ -266,5 +330,6 @@ neutralBg: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -271,0 +336,0 @@ }; |
@@ -5,5 +5,105 @@ "use strict"; | ||
"scale": { | ||
"black": "#0d1117", | ||
"white": "#ffffff", | ||
"gray": [ | ||
"#f0f6fc", | ||
"#d5dde5", | ||
"#b1bac4", | ||
"#8b949e", | ||
"#6e7681", | ||
"#484f58", | ||
"#30363d", | ||
"#21262d", | ||
"#161b22", | ||
"#0d1117" | ||
], | ||
"blue": [ | ||
"#cae8ff", | ||
"#a1d3ff", | ||
"#75bbff", | ||
"#54a2fb", | ||
"#3f87e9", | ||
"#316ecd", | ||
"#2456aa", | ||
"#0d4189", | ||
"#0b2e63", | ||
"#061e46" | ||
], | ||
"green": [ | ||
"#b2f4b6", | ||
"#81e38a", | ||
"#58ce65", | ||
"#3ab550", | ||
"#2f9a42", | ||
"#248035", | ||
"#1b662d", | ||
"#144d23", | ||
"#0a3818", | ||
"#04260f" | ||
], | ||
"yellow": [ | ||
"#fef3ae", | ||
"#fde15f", | ||
"#f7d232", | ||
"#eec41a", | ||
"#e2b20d", | ||
"#d79e00", | ||
"#c88d00", | ||
"#b67b00", | ||
"#9b6400", | ||
"#7f4e00" | ||
], | ||
"orange": [ | ||
"#ffe0bd", | ||
"#ffc17e", | ||
"#ff9f4c", | ||
"#ed802d", | ||
"#d7661d", | ||
"#ba5010", | ||
"#993d06", | ||
"#782b00", | ||
"#591c00", | ||
"#3d1200" | ||
], | ||
"red": [ | ||
"#ffdcd9", | ||
"#ffbdba", | ||
"#ff9a96", | ||
"#ff7170", | ||
"#ed4e50", | ||
"#d13339", | ||
"#ac212b", | ||
"#88131f", | ||
"#660614", | ||
"#49000c" | ||
], | ||
"purple": [ | ||
"#eadfff", | ||
"#d8beff", | ||
"#c2a0fd", | ||
"#ae81fa", | ||
"#9867f0", | ||
"#804eda", | ||
"#673ab8", | ||
"#512c94", | ||
"#3d2071", | ||
"#29154b" | ||
], | ||
"pink": [ | ||
"#ffdaed", | ||
"#ffb8dd", | ||
"#ff93cc", | ||
"#f56fb7", | ||
"#db579f", | ||
"#bc4186", | ||
"#98316c", | ||
"#762556", | ||
"#55183e", | ||
"#40092d" | ||
] | ||
}, | ||
"auto": { | ||
"black": "#ffffff", | ||
"white": "#0d1117", | ||
"grey": [ | ||
"gray": [ | ||
"#0d1117", | ||
@@ -108,36 +208,39 @@ "#161b22", | ||
"secondary": "#8b949e", | ||
"tertiary": "#6e7681", | ||
"placeholder": "#30363d", | ||
"disabled": "#30363d", | ||
"tertiary": "#8b949e", | ||
"placeholder": "#484f58", | ||
"disabled": "#484f58", | ||
"inverse": "#0d1117", | ||
"linkPrimary": "#3f87e9", | ||
"linkPrimary": "#54a2fb", | ||
"linkSecondary": "#f0f6fc", | ||
"linkTertiary": "#8b949e", | ||
"danger": "#ed4e50", | ||
"success": "#3ab550", | ||
"warning": "#fde15f" | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
}, | ||
"icon": { | ||
"primary": "#f0f6fc", | ||
"secondary": "#8b949e", | ||
"secondary": "#6e7681", | ||
"tertiary": "#484f58", | ||
"info": "#3f87e9", | ||
"info": "#75bbff", | ||
"danger": "#ed4e50", | ||
"success": "#3ab550", | ||
"warning": "#fde15f" | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
}, | ||
"hl": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
"state": { | ||
"hoverPrimaryBg": "#316ecd", | ||
"hoverPrimaryBorder": "#3f87e9", | ||
"hoverPrimaryText": "#f0f6fc", | ||
"hoverPrimaryIcon": "#f0f6fc", | ||
"hoverSecondaryBg": "#161b22", | ||
"hoverSecondaryBorder": "#161b22", | ||
"selectedPrimaryBg": "#3f87e9", | ||
"selectedPrimaryBorder": "#3f87e9" | ||
"selectedPrimaryBg": "#316ecd", | ||
"selectedPrimaryBorder": "#3f87e9", | ||
"selectedPrimaryText": "#f0f6fc", | ||
"selectedPrimaryIcon": "#f0f6fc" | ||
}, | ||
"border": { | ||
"primary": "#21262d", | ||
"primaryLight": "#272d36", | ||
"secondary": "#30363d", | ||
"tertiary": "#0d1117", | ||
"inverse": "#0d1117", | ||
"primary": "#30363d", | ||
"secondary": "#21262d", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
"info": "#3f87e9", | ||
@@ -150,8 +253,8 @@ "danger": "#ed4e50", | ||
"canvas": "#0d1117", | ||
"canvasMobile": "#0d1117", | ||
"canvasInverse": "#f0f6fc", | ||
"primary": "#0d1117", | ||
"secondary": "#161b22", | ||
"tertiary": "#0d1117", | ||
"secondary": "#0d1117", | ||
"tertiary": "#161b22", | ||
"overlay": "#0d1117", | ||
"selected": "#3f87e9", | ||
"info": "#0b2e63", | ||
@@ -171,3 +274,3 @@ "infoInverse": "#3f87e9", | ||
"0", | ||
"rgba(255,255,255,0.04)" | ||
"rgba(72,79,88,0.04)" | ||
], | ||
@@ -197,3 +300,3 @@ "medium": [ | ||
"0", | ||
"rgba(13,17,23,0.25)" | ||
"rgba(255,255,255,0.1)" | ||
], | ||
@@ -215,22 +318,49 @@ "inset": [ | ||
}, | ||
"fade": { | ||
"black": { | ||
"10": "rgba(13,17,23,0.1)", | ||
"15": "rgba(13,17,23,0.15)", | ||
"30": "rgba(13,17,23,0.3)", | ||
"50": "rgba(13,17,23,0.5)", | ||
"70": "rgba(13,17,23,0.7)", | ||
"85": "rgba(13,17,23,0.85)" | ||
}, | ||
"white": { | ||
"10": "rgba(255,255,255,0.1)", | ||
"15": "rgba(255,255,255,0.15)", | ||
"30": "rgba(255,255,255,0.3)", | ||
"50": "rgba(255,255,255,0.5)", | ||
"70": "rgba(255,255,255,0.7)", | ||
"85": "rgba(255,255,255,0.85)" | ||
} | ||
}, | ||
"alert": { | ||
"bg": "#0b2e63", | ||
"border": "rgba(117,187,255,0.2)", | ||
"icon": "rgba(117,187,255,0.6)", | ||
"text": "#75bbff", | ||
"icon": "#75bbff", | ||
"bg": "rgba(117,187,255,0.1)", | ||
"border": "rgba(117,187,255,0.4)", | ||
"warn": { | ||
"bg": "#9b6400", | ||
"border": "rgba(253,225,95,0.2)", | ||
"icon": "#fde15f" | ||
"text": "#f2d35b", | ||
"icon": "#f2d35b", | ||
"bg": "rgba(235,196,64,0.1)", | ||
"border": "rgba(235,196,64,0.4)" | ||
}, | ||
"error": { | ||
"bg": "#ffe3e6", | ||
"border": "rgba(255,189,186,0.2)", | ||
"icon": "rgba(255,189,186,0.6)" | ||
"text": "#ff7168", | ||
"icon": "#ff7168", | ||
"bg": "rgba(255,113,112,0.1)", | ||
"border": "rgba(255,113,112,0.4)" | ||
}, | ||
"success": { | ||
"bg": "#0a3818", | ||
"border": "rgba(88,206,101,0.2)", | ||
"icon": "rgba(88,206,101,0.8)" | ||
"text": "#58ce65", | ||
"icon": "#58ce65", | ||
"bg": "rgba(88,206,101,0.1)", | ||
"border": "rgba(88,206,101,0.4)" | ||
} | ||
}, | ||
"autocomplete": { | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"rowBorder": "#30363d" | ||
}, | ||
"blankslate": { | ||
@@ -240,46 +370,39 @@ "icon": "#535c66" | ||
"btn": { | ||
"bg": "#0d1117", | ||
"border": "rgba(255,255,255,0.15)", | ||
"bg": "rgba(255,255,255,0.1)", | ||
"border": "rgba(255,255,255,0.1)", | ||
"text": "#f0f6fc", | ||
"ic": "#6e7681", | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#edeff2", | ||
"shadow": "rgba(0,0,0,0)", | ||
"shadowHighlight": "rgba(0,0,0,0)", | ||
"bgHover": "#161b22", | ||
"bgActive": "#1a2028", | ||
"shadowActive": [ | ||
"inset", | ||
"0", | ||
"0.15em", | ||
"0.3em", | ||
"rgba(13,17,23,0.15)" | ||
], | ||
"shadowInputFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(49,110,205,0.3)" | ||
], | ||
"primary": { | ||
"bg": "#2ea44f", | ||
"border": "rgba(255,255,255,0.15)", | ||
"borderDisabled": "rgba(255,255,255,0.1)", | ||
"text": "#0d1117", | ||
"ic": "rgba(13,17,23,0.8)", | ||
"shadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.1)" | ||
], | ||
"shadowHighlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(13,17,23,0.03)" | ||
], | ||
"shadowSelected": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(178,244,182,0.2)" | ||
], | ||
"bgHover": "#2c974b", | ||
"bgActive": "#2a8f47", | ||
"bgDisabled": "#94d3a2", | ||
"disabledText": "rgba(13,17,23,0.8)", | ||
"disabledShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(46,164,79,0.4)" | ||
], | ||
"counterBg": "rgba(13,17,23,0.2)" | ||
"bg": "#2f9a42", | ||
"border": "#3ab550", | ||
"borderDisabled": "#144d23", | ||
"text": "#f0f6fc", | ||
"ic": "#f0f6fc", | ||
"shadow": "rgba(0,0,0,0)", | ||
"shadowHighlight": "rgba(0,0,0,0)", | ||
"shadowSelected": "rgba(0,0,0,0)", | ||
"bgHover": "#31a245", | ||
"bgActive": "#2d923f", | ||
"bgDisabled": "#0a3818", | ||
"disabledText": "rgba(255,255,255,0.5)", | ||
"disabledShadow": "rgba(0,0,0,0)", | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
@@ -292,3 +415,3 @@ "inverseOnHover": { | ||
"0", | ||
"rgba(255,255,255,0.1)" | ||
"rgba(13,17,23,0.1)" | ||
], | ||
@@ -300,5 +423,5 @@ "shadowInset": [ | ||
"0", | ||
"rgba(13,17,23,0.03)" | ||
"rgba(255,255,255,0.03)" | ||
], | ||
"counterBg": "rgba(13,17,23,0.2)" | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
@@ -315,3 +438,3 @@ "danger": { | ||
"0", | ||
"rgba(255,220,217,0.2)" | ||
"rgba(73,0,12,0.2)" | ||
], | ||
@@ -323,12 +446,12 @@ "shadowFocus": [ | ||
"3px", | ||
"rgba(255,113,112,0.4)" | ||
"rgba(172,33,43,0.4)" | ||
], | ||
"counterBg": "rgba(237,78,80,0.1)", | ||
"counterBgDisabled": "rgba(237,78,80,0.05)" | ||
"counterBg": "rgba(209,51,57,0.1)", | ||
"counterBgDisabled": "rgba(209,51,57,0.05)" | ||
}, | ||
"outline": { | ||
"text": "#3f87e9", | ||
"text": "#54a2fb", | ||
"textDisabled": "rgba(63,135,233,0.5)", | ||
"bgHover": "#3f87e9", | ||
"bgActive": "#317ee7", | ||
"bgHover": "#54a2fb", | ||
"bgActive": "#459afb", | ||
"shadow": [ | ||
@@ -339,3 +462,3 @@ "inset", | ||
"0", | ||
"rgba(202,232,255,0.2)" | ||
"rgba(6,30,70,0.2)" | ||
], | ||
@@ -347,12 +470,12 @@ "shadowFocus": [ | ||
"3px", | ||
"rgba(84,162,251,0.4)" | ||
"rgba(36,86,170,0.4)" | ||
], | ||
"counterBg": "rgba(63,135,233,0.1)", | ||
"counterBgDisabled": "rgba(63,135,233,0.05)" | ||
"counterBg": "rgba(49,110,205,0.1)", | ||
"counterBgDisabled": "rgba(49,110,205,0.05)" | ||
}, | ||
"counterBg": "rgba(255,255,255,0.08)" | ||
"counterBg": "rgba(13,17,23,0.08)" | ||
}, | ||
"counter": { | ||
"text": "#f0f6fc", | ||
"bg": "rgba(48,54,61,0.5)", | ||
"text": "#8b949e", | ||
"bg": "#30363d", | ||
"border": "rgba(209,213,218,0.5)" | ||
@@ -380,3 +503,3 @@ }, | ||
"0.2em", | ||
"rgba(63,135,233,0.3)" | ||
"rgba(49,110,205,0.3)" | ||
] | ||
@@ -392,3 +515,3 @@ }, | ||
"0", | ||
"rgba(13,17,23,0.8)" | ||
"rgba(255,255,255,0.8)" | ||
] | ||
@@ -406,3 +529,3 @@ }, | ||
"selectMenu": { | ||
"backdropBg": "rgba(255,255,255,0.5)", | ||
"backdropBg": "rgba(13,17,23,0.5)", | ||
"shadow": [ | ||
@@ -412,3 +535,3 @@ "0", | ||
"18px", | ||
"rgba(255,255,255,0.4)" | ||
"rgba(13,17,23,0.4)" | ||
], | ||
@@ -419,9 +542,13 @@ "tapHighlight": "rgba(48,54,61,0.5)", | ||
"box": { | ||
"blueBorder": "#0d4189" | ||
"blueBorder": "#0d4189", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)", | ||
"headerBlueBg": "#0d1117", | ||
"headerBlueBorder": "#30363d" | ||
}, | ||
"dropdown": { | ||
"border": "rgba(255,255,255,0.15)" | ||
"border": "rgba(13,17,23,0.15)" | ||
}, | ||
"popover": { | ||
"border": "rgba(255,255,255,0.15)" | ||
"border": "rgba(13,17,23,0.15)" | ||
}, | ||
@@ -441,3 +568,5 @@ "branchName": { | ||
"header": { | ||
"text": "rgba(13,17,23,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#161b22", | ||
"logo": "#f0f6fc" | ||
}, | ||
@@ -461,6 +590,18 @@ "filterItem": { | ||
}, | ||
"icFolder": "#2456aa", | ||
"underlineNav": { | ||
"textActive": "#ffffff", | ||
"text": "#8b949e" | ||
}, | ||
"socialCount": { | ||
"bg": "#21262d" | ||
}, | ||
"headerSearch": { | ||
"bg": "#0d1117", | ||
"border": "#21262d" | ||
}, | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
"hlAuthorBorder": "#0d4189", | ||
"logoSubdued": "#30363d", | ||
"discussionBorder": "#354c3a", | ||
"diff": { | ||
@@ -478,17 +619,18 @@ "neutralBg": "#30363d", | ||
"globalNav": { | ||
"logo": "#0d1117", | ||
"bg": "#f0f6fc", | ||
"text": "#0d1117", | ||
"logo": "#f0f6fc", | ||
"bg": "#161b22", | ||
"text": "#f0f6fc", | ||
"icon": "#f0f6fc", | ||
"inputBg": "#0d1117", | ||
"inputBorder": "#0d1117", | ||
"inputIc": "#ffffff", | ||
"inputPlaceholder": "#ffffff" | ||
"inputBorder": "#21262d", | ||
"inputIcon": "#21262d", | ||
"inputPlaceholder": "#484f58" | ||
}, | ||
"calendarGraph": { | ||
"dayBg": "#ebedf0", | ||
"dayBg": "#161b22", | ||
"dayBorder": "rgba(27,31,35,0.06)", | ||
"dayL1Bg": "#9be9a8", | ||
"dayL2Bg": "#40c463", | ||
"dayL3Bg": "#30a14e", | ||
"dayL4Bg": "#216e39", | ||
"dayL1Bg": "#0c2b1e", | ||
"dayL2Bg": "#034525", | ||
"dayL3Bg": "#0f6d31", | ||
"dayL4Bg": "#00c647", | ||
"dayL4Border": "rgba(27,31,35,0.06)", | ||
@@ -495,0 +637,0 @@ "dayL3Border": "rgba(27,31,35,0.06)", |
@@ -6,3 +6,3 @@ declare const _default: { | ||
white: string; | ||
grey: string[]; | ||
gray: string[]; | ||
blue: string[]; | ||
@@ -16,2 +16,14 @@ green: string[]; | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -40,5 +52,7 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
@@ -48,6 +62,7 @@ hoverSecondaryBorder: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -63,2 +78,3 @@ tertiary: string; | ||
canvas: string; | ||
canvasMobile: string; | ||
canvasInverse: string; | ||
@@ -69,3 +85,2 @@ primary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -89,22 +104,49 @@ infoInverse: string; | ||
}; | ||
fade: { | ||
black: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
white: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
}; | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
warn: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
error: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
success: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -118,4 +160,8 @@ icon: string; | ||
ic: string; | ||
shadow: string; | ||
shadowHighlight: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
@@ -127,5 +173,5 @@ bg: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
shadowSelected: string[]; | ||
shadow: string; | ||
shadowHighlight: string; | ||
shadowSelected: string; | ||
bgHover: string; | ||
@@ -135,3 +181,3 @@ bgActive: string; | ||
disabledText: string; | ||
disabledShadow: string[]; | ||
disabledShadow: string; | ||
counterBg: string; | ||
@@ -206,2 +252,6 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -228,2 +278,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -247,6 +299,18 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
hlAuthorBorder: string; | ||
logoSubdued: string; | ||
discussionBorder: string; | ||
diff: { | ||
@@ -267,5 +331,6 @@ neutralBg: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -290,3 +355,3 @@ }; | ||
white: string; | ||
grey: string[]; | ||
gray: string[]; | ||
blue: string[]; | ||
@@ -300,2 +365,14 @@ green: string[]; | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -324,5 +401,7 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
@@ -332,6 +411,7 @@ hoverSecondaryBorder: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -347,2 +427,3 @@ tertiary: string; | ||
canvas: string; | ||
canvasMobile: string; | ||
canvasInverse: string; | ||
@@ -353,3 +434,2 @@ primary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -373,22 +453,49 @@ infoInverse: string; | ||
}; | ||
fade: { | ||
black: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
white: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
}; | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
warn: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
error: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
success: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -402,4 +509,8 @@ icon: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
bgHover: string; | ||
bgActive: string; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
@@ -488,2 +599,6 @@ bg: string; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -510,2 +625,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -529,6 +646,18 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
hlAuthorBorder: string; | ||
logoSubdued: string; | ||
discussionBorder: string; | ||
diff: { | ||
@@ -549,5 +678,6 @@ neutralBg: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -554,0 +684,0 @@ }; |
@@ -5,3 +5,3 @@ declare const _default: { | ||
white: string; | ||
grey: string[]; | ||
gray: string[]; | ||
blue: string[]; | ||
@@ -15,2 +15,14 @@ green: string[]; | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -39,5 +51,7 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
@@ -47,6 +61,7 @@ hoverSecondaryBorder: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -62,2 +77,3 @@ tertiary: string; | ||
canvas: string; | ||
canvasMobile: string; | ||
canvasInverse: string; | ||
@@ -68,3 +84,2 @@ primary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -88,22 +103,49 @@ infoInverse: string; | ||
}; | ||
fade: { | ||
black: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
white: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
}; | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
warn: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
error: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
success: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -117,4 +159,8 @@ icon: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
bgHover: string; | ||
bgActive: string; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
@@ -203,2 +249,6 @@ bg: string; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -225,2 +275,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -244,6 +296,18 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
hlAuthorBorder: string; | ||
logoSubdued: string; | ||
discussionBorder: string; | ||
diff: { | ||
@@ -264,5 +328,6 @@ neutralBg: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -269,0 +334,0 @@ }; |
@@ -7,3 +7,3 @@ "use strict"; | ||
"white": "#ffffff", | ||
"grey": [ | ||
"gray": [ | ||
"#fafbfc", | ||
@@ -105,2 +105,102 @@ "#f6f8fa", | ||
}, | ||
"auto": { | ||
"black": "#1b1f23", | ||
"white": "#ffffff", | ||
"gray": [ | ||
"#fafbfc", | ||
"#f6f8fa", | ||
"#e1e4e8", | ||
"#d1d5da", | ||
"#959da5", | ||
"#6a737d", | ||
"#586069", | ||
"#444d56", | ||
"#2f363d", | ||
"#24292e" | ||
], | ||
"blue": [ | ||
"#f1f8ff", | ||
"#dbedff", | ||
"#c8e1ff", | ||
"#79b8ff", | ||
"#2188ff", | ||
"#0366d6", | ||
"#005cc5", | ||
"#044289", | ||
"#032f62", | ||
"#05264c" | ||
], | ||
"green": [ | ||
"#f0fff4", | ||
"#dcffe4", | ||
"#bef5cb", | ||
"#85e89d", | ||
"#34d058", | ||
"#28a745", | ||
"#22863a", | ||
"#176f2c", | ||
"#165c26", | ||
"#144620" | ||
], | ||
"yellow": [ | ||
"#fffdef", | ||
"#fffbdd", | ||
"#fff5b1", | ||
"#ffea7f", | ||
"#ffdf5d", | ||
"#ffd33d", | ||
"#f9c513", | ||
"#dbab09", | ||
"#b08800", | ||
"#735c0f" | ||
], | ||
"orange": [ | ||
"#fff8f2", | ||
"#ffebda", | ||
"#ffd1ac", | ||
"#ffab70", | ||
"#fb8532", | ||
"#f66a0a", | ||
"#e36209", | ||
"#d15704", | ||
"#c24e00", | ||
"#a04100" | ||
], | ||
"red": [ | ||
"#ffeef0", | ||
"#ffdce0", | ||
"#fdaeb7", | ||
"#f97583", | ||
"#ea4a5a", | ||
"#d73a49", | ||
"#cb2431", | ||
"#b31d28", | ||
"#9e1c23", | ||
"#86181d" | ||
], | ||
"purple": [ | ||
"#f5f0ff", | ||
"#e6dcfd", | ||
"#d1bcf9", | ||
"#b392f0", | ||
"#8a63d2", | ||
"#6f42c1", | ||
"#5a32a3", | ||
"#4c2889", | ||
"#3a1d6e", | ||
"#29134e" | ||
], | ||
"pink": [ | ||
"#ffeef8", | ||
"#fedbf0", | ||
"#f9b3dd", | ||
"#f692ce", | ||
"#ec6cb9", | ||
"#ea4aaa", | ||
"#d03592", | ||
"#b93a86", | ||
"#99306f", | ||
"#6d224f" | ||
] | ||
}, | ||
"text": { | ||
@@ -110,4 +210,4 @@ "primary": "#24292e", | ||
"tertiary": "#6a737d", | ||
"placeholder": "#d1d5da", | ||
"disabled": "#d1d5da", | ||
"placeholder": "#6a737d", | ||
"disabled": "#6a737d", | ||
"inverse": "#ffffff", | ||
@@ -117,3 +217,3 @@ "linkPrimary": "#0366d6", | ||
"linkTertiary": "#586069", | ||
"danger": "#d73a49", | ||
"danger": "#cb2431", | ||
"success": "#22863a", | ||
@@ -131,32 +231,35 @@ "warning": "#b08800" | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#0366d6", | ||
"hoverPrimaryBorder": "#0366d6", | ||
"hoverPrimaryText": "#ffffff", | ||
"hoverPrimaryIcon": "#ffffff", | ||
"hoverSecondaryBg": "#f6f8fa", | ||
"hoverSecondaryBorder": "#f6f8fa", | ||
"selectedPrimaryBg": "#0366d6", | ||
"selectedPrimaryBorder": "#0366d6" | ||
"selectedPrimaryBorder": "#0366d6", | ||
"selectedPrimaryText": "#ffffff", | ||
"selectedPrimaryIcon": "#ffffff" | ||
}, | ||
"border": { | ||
"primary": "#e1e4e8", | ||
"primaryLight": "#eaecef", | ||
"secondary": "#d1d5da", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#eaecef", | ||
"tertiary": "#d1d5da", | ||
"inverse": "#ffffff", | ||
"info": "#0366d6", | ||
"danger": "#d73a49", | ||
"success": "#28a745", | ||
"warning": "#dbab09" | ||
"success": "#34d058", | ||
"warning": "#f9c513" | ||
}, | ||
"bg": { | ||
"canvas": "#ffffff", | ||
"canvasMobile": "#ffffff", | ||
"canvasInverse": "#24292e", | ||
"primary": "#ffffff", | ||
"secondary": "#f6f8fa", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#fafbfc", | ||
"tertiary": "#f6f8fa", | ||
"overlay": "#ffffff", | ||
"selected": "#0366d6", | ||
"info": "#dbedff", | ||
"info": "#f1f8ff", | ||
"infoInverse": "#0366d6", | ||
"danger": "#ffdce0", | ||
"danger": "#ffeef0", | ||
"dangerInverse": "#d73a49", | ||
@@ -166,3 +269,3 @@ "success": "#dcffe4", | ||
"warning": "#fff5b1", | ||
"warningInverse": "#dbab09" | ||
"warningInverse": "#ffd33d" | ||
}, | ||
@@ -216,22 +319,49 @@ "shadow": { | ||
}, | ||
"fade": { | ||
"black": { | ||
"10": "rgba(27,31,35,0.1)", | ||
"15": "rgba(27,31,35,0.15)", | ||
"30": "rgba(27,31,35,0.3)", | ||
"50": "rgba(27,31,35,0.5)", | ||
"70": "rgba(27,31,35,0.7)", | ||
"85": "rgba(27,31,35,0.85)" | ||
}, | ||
"white": { | ||
"10": "rgba(255,255,255,0.1)", | ||
"15": "rgba(255,255,255,0.15)", | ||
"30": "rgba(255,255,255,0.3)", | ||
"50": "rgba(255,255,255,0.5)", | ||
"70": "rgba(255,255,255,0.7)", | ||
"85": "rgba(255,255,255,0.85)" | ||
} | ||
}, | ||
"alert": { | ||
"text": "#24292e", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"bg": "#dbedff", | ||
"border": "rgba(4,66,137,0.2)", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"warn": { | ||
"text": "#24292e", | ||
"icon": "#b08800", | ||
"bg": "#fffbdd", | ||
"border": "rgba(176,136,0,0.2)", | ||
"icon": "#b08800" | ||
"border": "rgba(176,136,0,0.2)" | ||
}, | ||
"error": { | ||
"text": "#24292e", | ||
"icon": "rgba(158,28,35,0.6)", | ||
"bg": "#ffe3e6", | ||
"border": "rgba(158,28,35,0.2)", | ||
"icon": "rgba(158,28,35,0.6)" | ||
"border": "rgba(158,28,35,0.2)" | ||
}, | ||
"success": { | ||
"text": "#24292e", | ||
"icon": "rgba(23,111,44,0.8)", | ||
"bg": "#dcffe4", | ||
"border": "rgba(23,111,44,0.2)", | ||
"icon": "rgba(23,111,44,0.8)" | ||
"border": "rgba(23,111,44,0.2)" | ||
} | ||
}, | ||
"autocomplete": { | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"rowBorder": "#eaecef" | ||
}, | ||
"blankslate": { | ||
@@ -245,4 +375,31 @@ "icon": "#a3aab1" | ||
"ic": "#6a737d", | ||
"shadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(27,31,35,0.04)" | ||
], | ||
"shadowHighlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.25)" | ||
], | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#edeff2", | ||
"shadowActive": [ | ||
"inset", | ||
"0", | ||
"0.15em", | ||
"0.3em", | ||
"rgba(27,31,35,0.15)" | ||
], | ||
"shadowInputFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(3,102,214,0.3)" | ||
], | ||
"primary": { | ||
@@ -379,3 +536,3 @@ "bg": "#2ea44f", | ||
"avatar": { | ||
"border": "rgba(27,31,35,0.1)", | ||
"border": "rgba(0,0,0,0)", | ||
"stackFade": "#d1d5da", | ||
@@ -411,3 +568,7 @@ "stackFadeMore": "#e1e4e8", | ||
"box": { | ||
"blueBorder": "#c8e1ff" | ||
"blueBorder": "#c8e1ff", | ||
"rowYellowBg": "#fffbdd", | ||
"rowBlueBg": "#f1f8ff", | ||
"headerBlueBg": "#f1f8ff", | ||
"headerBlueBorder": "#c8e1ff" | ||
}, | ||
@@ -433,3 +594,5 @@ "dropdown": { | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#24292e", | ||
"logo": "#ffffff" | ||
}, | ||
@@ -453,6 +616,18 @@ "filterItem": { | ||
}, | ||
"icFolder": "#79b8ff", | ||
"underlineNav": { | ||
"textActive": "#24292e", | ||
"text": "#24292e" | ||
}, | ||
"socialCount": { | ||
"bg": "#ffffff" | ||
}, | ||
"headerSearch": { | ||
"bg": "#24292e", | ||
"border": "#444d56" | ||
}, | ||
"iconFolder": "#79b8ff", | ||
"hlAuthorBg": "#f1f8ff", | ||
"hlAuthorBorder": "#c8e1ff", | ||
"logoSubdued": "#d1d5da", | ||
"discussionBorder": "#a2cbac", | ||
"diff": { | ||
@@ -473,6 +648,7 @@ "neutralBg": "#d1d5da", | ||
"text": "#ffffff", | ||
"icon": "#ffffff", | ||
"inputBg": "#fafbfc", | ||
"inputBorder": "#fafbfc", | ||
"inputIc": "#1b1f23", | ||
"inputPlaceholder": "#1b1f23" | ||
"inputIcon": "#d1d5da", | ||
"inputPlaceholder": "#959da5" | ||
}, | ||
@@ -479,0 +655,0 @@ "calendarGraph": { |
@@ -7,3 +7,3 @@ declare const _default: { | ||
white: string; | ||
grey: string[]; | ||
gray: string[]; | ||
blue: string[]; | ||
@@ -17,2 +17,14 @@ green: string[]; | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -41,5 +53,7 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
@@ -49,6 +63,7 @@ hoverSecondaryBorder: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -64,2 +79,3 @@ tertiary: string; | ||
canvas: string; | ||
canvasMobile: string; | ||
canvasInverse: string; | ||
@@ -70,3 +86,2 @@ primary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -90,22 +105,49 @@ infoInverse: string; | ||
}; | ||
fade: { | ||
black: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
white: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
}; | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
warn: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
error: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
success: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -119,4 +161,8 @@ icon: string; | ||
ic: string; | ||
shadow: string; | ||
shadowHighlight: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
@@ -128,5 +174,5 @@ bg: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
shadowSelected: string[]; | ||
shadow: string; | ||
shadowHighlight: string; | ||
shadowSelected: string; | ||
bgHover: string; | ||
@@ -136,3 +182,3 @@ bgActive: string; | ||
disabledText: string; | ||
disabledShadow: string[]; | ||
disabledShadow: string; | ||
counterBg: string; | ||
@@ -207,2 +253,6 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -229,2 +279,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -248,6 +300,18 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
hlAuthorBorder: string; | ||
logoSubdued: string; | ||
discussionBorder: string; | ||
diff: { | ||
@@ -268,5 +332,6 @@ neutralBg: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -291,3 +356,3 @@ }; | ||
white: string; | ||
grey: string[]; | ||
gray: string[]; | ||
blue: string[]; | ||
@@ -301,2 +366,14 @@ green: string[]; | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -325,5 +402,7 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
@@ -333,6 +412,7 @@ hoverSecondaryBorder: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -348,2 +428,3 @@ tertiary: string; | ||
canvas: string; | ||
canvasMobile: string; | ||
canvasInverse: string; | ||
@@ -354,3 +435,2 @@ primary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -374,22 +454,49 @@ infoInverse: string; | ||
}; | ||
fade: { | ||
black: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
white: { | ||
10: string; | ||
15: string; | ||
30: string; | ||
50: string; | ||
70: string; | ||
85: string; | ||
}; | ||
}; | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
warn: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
error: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
success: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
icon: string; | ||
}; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -403,4 +510,8 @@ icon: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
bgHover: string; | ||
bgActive: string; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
@@ -489,2 +600,6 @@ bg: string; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -511,2 +626,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -530,6 +647,18 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
hlAuthorBorder: string; | ||
logoSubdued: string; | ||
discussionBorder: string; | ||
diff: { | ||
@@ -550,5 +679,6 @@ neutralBg: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -555,0 +685,0 @@ }; |
{ | ||
"scale": { | ||
"black": "#0d1117", | ||
"white": "#ffffff", | ||
"gray": [ | ||
"#f0f6fc", | ||
"#d5dde5", | ||
"#b1bac4", | ||
"#8b949e", | ||
"#6e7681", | ||
"#484f58", | ||
"#30363d", | ||
"#21262d", | ||
"#161b22", | ||
"#0d1117" | ||
], | ||
"blue": [ | ||
"#cae8ff", | ||
"#a1d3ff", | ||
"#75bbff", | ||
"#54a2fb", | ||
"#3f87e9", | ||
"#316ecd", | ||
"#2456aa", | ||
"#0d4189", | ||
"#0b2e63", | ||
"#061e46" | ||
], | ||
"green": [ | ||
"#b2f4b6", | ||
"#81e38a", | ||
"#58ce65", | ||
"#3ab550", | ||
"#2f9a42", | ||
"#248035", | ||
"#1b662d", | ||
"#144d23", | ||
"#0a3818", | ||
"#04260f" | ||
], | ||
"yellow": [ | ||
"#fef3ae", | ||
"#fde15f", | ||
"#f7d232", | ||
"#eec41a", | ||
"#e2b20d", | ||
"#d79e00", | ||
"#c88d00", | ||
"#b67b00", | ||
"#9b6400", | ||
"#7f4e00" | ||
], | ||
"orange": [ | ||
"#ffe0bd", | ||
"#ffc17e", | ||
"#ff9f4c", | ||
"#ed802d", | ||
"#d7661d", | ||
"#ba5010", | ||
"#993d06", | ||
"#782b00", | ||
"#591c00", | ||
"#3d1200" | ||
], | ||
"red": [ | ||
"#ffdcd9", | ||
"#ffbdba", | ||
"#ff9a96", | ||
"#ff7170", | ||
"#ed4e50", | ||
"#d13339", | ||
"#ac212b", | ||
"#88131f", | ||
"#660614", | ||
"#49000c" | ||
], | ||
"purple": [ | ||
"#eadfff", | ||
"#d8beff", | ||
"#c2a0fd", | ||
"#ae81fa", | ||
"#9867f0", | ||
"#804eda", | ||
"#673ab8", | ||
"#512c94", | ||
"#3d2071", | ||
"#29154b" | ||
], | ||
"pink": [ | ||
"#ffdaed", | ||
"#ffb8dd", | ||
"#ff93cc", | ||
"#f56fb7", | ||
"#db579f", | ||
"#bc4186", | ||
"#98316c", | ||
"#762556", | ||
"#55183e", | ||
"#40092d" | ||
] | ||
}, | ||
"auto": { | ||
"black": "#ffffff", | ||
"white": "#0d1117", | ||
"grey": [ | ||
"gray": [ | ||
"#0d1117", | ||
@@ -105,36 +205,39 @@ "#161b22", | ||
"secondary": "#8b949e", | ||
"tertiary": "#6e7681", | ||
"placeholder": "#30363d", | ||
"disabled": "#30363d", | ||
"tertiary": "#8b949e", | ||
"placeholder": "#484f58", | ||
"disabled": "#484f58", | ||
"inverse": "#0d1117", | ||
"linkPrimary": "#3f87e9", | ||
"linkPrimary": "#54a2fb", | ||
"linkSecondary": "#f0f6fc", | ||
"linkTertiary": "#8b949e", | ||
"danger": "#ed4e50", | ||
"success": "#3ab550", | ||
"warning": "#fde15f" | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
}, | ||
"icon": { | ||
"primary": "#f0f6fc", | ||
"secondary": "#8b949e", | ||
"secondary": "#6e7681", | ||
"tertiary": "#484f58", | ||
"info": "#3f87e9", | ||
"info": "#75bbff", | ||
"danger": "#ed4e50", | ||
"success": "#3ab550", | ||
"warning": "#fde15f" | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
}, | ||
"hl": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
"state": { | ||
"hoverPrimaryBg": "#316ecd", | ||
"hoverPrimaryBorder": "#3f87e9", | ||
"hoverPrimaryText": "#f0f6fc", | ||
"hoverPrimaryIcon": "#f0f6fc", | ||
"hoverSecondaryBg": "#161b22", | ||
"hoverSecondaryBorder": "#161b22", | ||
"selectedPrimaryBg": "#3f87e9", | ||
"selectedPrimaryBorder": "#3f87e9" | ||
"selectedPrimaryBg": "#316ecd", | ||
"selectedPrimaryBorder": "#3f87e9", | ||
"selectedPrimaryText": "#f0f6fc", | ||
"selectedPrimaryIcon": "#f0f6fc" | ||
}, | ||
"border": { | ||
"primary": "#21262d", | ||
"primaryLight": "#272d36", | ||
"secondary": "#30363d", | ||
"tertiary": "#0d1117", | ||
"inverse": "#0d1117", | ||
"primary": "#30363d", | ||
"secondary": "#21262d", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
"info": "#3f87e9", | ||
@@ -147,8 +250,8 @@ "danger": "#ed4e50", | ||
"canvas": "#0d1117", | ||
"canvasMobile": "#0d1117", | ||
"canvasInverse": "#f0f6fc", | ||
"primary": "#0d1117", | ||
"secondary": "#161b22", | ||
"tertiary": "#0d1117", | ||
"secondary": "#0d1117", | ||
"tertiary": "#161b22", | ||
"overlay": "#0d1117", | ||
"selected": "#3f87e9", | ||
"info": "#0b2e63", | ||
@@ -168,3 +271,3 @@ "infoInverse": "#3f87e9", | ||
"0", | ||
"rgba(255,255,255,0.04)" | ||
"rgba(72,79,88,0.04)" | ||
], | ||
@@ -194,3 +297,3 @@ "medium": [ | ||
"0", | ||
"rgba(13,17,23,0.25)" | ||
"rgba(255,255,255,0.1)" | ||
], | ||
@@ -212,22 +315,49 @@ "inset": [ | ||
}, | ||
"fade": { | ||
"black": { | ||
"10": "rgba(13,17,23,0.1)", | ||
"15": "rgba(13,17,23,0.15)", | ||
"30": "rgba(13,17,23,0.3)", | ||
"50": "rgba(13,17,23,0.5)", | ||
"70": "rgba(13,17,23,0.7)", | ||
"85": "rgba(13,17,23,0.85)" | ||
}, | ||
"white": { | ||
"10": "rgba(255,255,255,0.1)", | ||
"15": "rgba(255,255,255,0.15)", | ||
"30": "rgba(255,255,255,0.3)", | ||
"50": "rgba(255,255,255,0.5)", | ||
"70": "rgba(255,255,255,0.7)", | ||
"85": "rgba(255,255,255,0.85)" | ||
} | ||
}, | ||
"alert": { | ||
"bg": "#0b2e63", | ||
"border": "rgba(117,187,255,0.2)", | ||
"icon": "rgba(117,187,255,0.6)", | ||
"text": "#75bbff", | ||
"icon": "#75bbff", | ||
"bg": "rgba(117,187,255,0.1)", | ||
"border": "rgba(117,187,255,0.4)", | ||
"warn": { | ||
"bg": "#9b6400", | ||
"border": "rgba(253,225,95,0.2)", | ||
"icon": "#fde15f" | ||
"text": "#f2d35b", | ||
"icon": "#f2d35b", | ||
"bg": "rgba(235,196,64,0.1)", | ||
"border": "rgba(235,196,64,0.4)" | ||
}, | ||
"error": { | ||
"bg": "#ffe3e6", | ||
"border": "rgba(255,189,186,0.2)", | ||
"icon": "rgba(255,189,186,0.6)" | ||
"text": "#ff7168", | ||
"icon": "#ff7168", | ||
"bg": "rgba(255,113,112,0.1)", | ||
"border": "rgba(255,113,112,0.4)" | ||
}, | ||
"success": { | ||
"bg": "#0a3818", | ||
"border": "rgba(88,206,101,0.2)", | ||
"icon": "rgba(88,206,101,0.8)" | ||
"text": "#58ce65", | ||
"icon": "#58ce65", | ||
"bg": "rgba(88,206,101,0.1)", | ||
"border": "rgba(88,206,101,0.4)" | ||
} | ||
}, | ||
"autocomplete": { | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"rowBorder": "#30363d" | ||
}, | ||
"blankslate": { | ||
@@ -237,46 +367,39 @@ "icon": "#535c66" | ||
"btn": { | ||
"bg": "#0d1117", | ||
"border": "rgba(255,255,255,0.15)", | ||
"bg": "rgba(255,255,255,0.1)", | ||
"border": "rgba(255,255,255,0.1)", | ||
"text": "#f0f6fc", | ||
"ic": "#6e7681", | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#edeff2", | ||
"shadow": "rgba(0,0,0,0)", | ||
"shadowHighlight": "rgba(0,0,0,0)", | ||
"bgHover": "#161b22", | ||
"bgActive": "#1a2028", | ||
"shadowActive": [ | ||
"inset", | ||
"0", | ||
"0.15em", | ||
"0.3em", | ||
"rgba(13,17,23,0.15)" | ||
], | ||
"shadowInputFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(49,110,205,0.3)" | ||
], | ||
"primary": { | ||
"bg": "#2ea44f", | ||
"border": "rgba(255,255,255,0.15)", | ||
"borderDisabled": "rgba(255,255,255,0.1)", | ||
"text": "#0d1117", | ||
"ic": "rgba(13,17,23,0.8)", | ||
"shadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.1)" | ||
], | ||
"shadowHighlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(13,17,23,0.03)" | ||
], | ||
"shadowSelected": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(178,244,182,0.2)" | ||
], | ||
"bgHover": "#2c974b", | ||
"bgActive": "#2a8f47", | ||
"bgDisabled": "#94d3a2", | ||
"disabledText": "rgba(13,17,23,0.8)", | ||
"disabledShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(46,164,79,0.4)" | ||
], | ||
"counterBg": "rgba(13,17,23,0.2)" | ||
"bg": "#2f9a42", | ||
"border": "#3ab550", | ||
"borderDisabled": "#144d23", | ||
"text": "#f0f6fc", | ||
"ic": "#f0f6fc", | ||
"shadow": "rgba(0,0,0,0)", | ||
"shadowHighlight": "rgba(0,0,0,0)", | ||
"shadowSelected": "rgba(0,0,0,0)", | ||
"bgHover": "#31a245", | ||
"bgActive": "#2d923f", | ||
"bgDisabled": "#0a3818", | ||
"disabledText": "rgba(255,255,255,0.5)", | ||
"disabledShadow": "rgba(0,0,0,0)", | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
@@ -289,3 +412,3 @@ "inverseOnHover": { | ||
"0", | ||
"rgba(255,255,255,0.1)" | ||
"rgba(13,17,23,0.1)" | ||
], | ||
@@ -297,5 +420,5 @@ "shadowInset": [ | ||
"0", | ||
"rgba(13,17,23,0.03)" | ||
"rgba(255,255,255,0.03)" | ||
], | ||
"counterBg": "rgba(13,17,23,0.2)" | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
@@ -312,3 +435,3 @@ "danger": { | ||
"0", | ||
"rgba(255,220,217,0.2)" | ||
"rgba(73,0,12,0.2)" | ||
], | ||
@@ -320,12 +443,12 @@ "shadowFocus": [ | ||
"3px", | ||
"rgba(255,113,112,0.4)" | ||
"rgba(172,33,43,0.4)" | ||
], | ||
"counterBg": "rgba(237,78,80,0.1)", | ||
"counterBgDisabled": "rgba(237,78,80,0.05)" | ||
"counterBg": "rgba(209,51,57,0.1)", | ||
"counterBgDisabled": "rgba(209,51,57,0.05)" | ||
}, | ||
"outline": { | ||
"text": "#3f87e9", | ||
"text": "#54a2fb", | ||
"textDisabled": "rgba(63,135,233,0.5)", | ||
"bgHover": "#3f87e9", | ||
"bgActive": "#317ee7", | ||
"bgHover": "#54a2fb", | ||
"bgActive": "#459afb", | ||
"shadow": [ | ||
@@ -336,3 +459,3 @@ "inset", | ||
"0", | ||
"rgba(202,232,255,0.2)" | ||
"rgba(6,30,70,0.2)" | ||
], | ||
@@ -344,12 +467,12 @@ "shadowFocus": [ | ||
"3px", | ||
"rgba(84,162,251,0.4)" | ||
"rgba(36,86,170,0.4)" | ||
], | ||
"counterBg": "rgba(63,135,233,0.1)", | ||
"counterBgDisabled": "rgba(63,135,233,0.05)" | ||
"counterBg": "rgba(49,110,205,0.1)", | ||
"counterBgDisabled": "rgba(49,110,205,0.05)" | ||
}, | ||
"counterBg": "rgba(255,255,255,0.08)" | ||
"counterBg": "rgba(13,17,23,0.08)" | ||
}, | ||
"counter": { | ||
"text": "#f0f6fc", | ||
"bg": "rgba(48,54,61,0.5)", | ||
"text": "#8b949e", | ||
"bg": "#30363d", | ||
"border": "rgba(209,213,218,0.5)" | ||
@@ -377,3 +500,3 @@ }, | ||
"0.2em", | ||
"rgba(63,135,233,0.3)" | ||
"rgba(49,110,205,0.3)" | ||
] | ||
@@ -389,3 +512,3 @@ }, | ||
"0", | ||
"rgba(13,17,23,0.8)" | ||
"rgba(255,255,255,0.8)" | ||
] | ||
@@ -403,3 +526,3 @@ }, | ||
"selectMenu": { | ||
"backdropBg": "rgba(255,255,255,0.5)", | ||
"backdropBg": "rgba(13,17,23,0.5)", | ||
"shadow": [ | ||
@@ -409,3 +532,3 @@ "0", | ||
"18px", | ||
"rgba(255,255,255,0.4)" | ||
"rgba(13,17,23,0.4)" | ||
], | ||
@@ -416,9 +539,13 @@ "tapHighlight": "rgba(48,54,61,0.5)", | ||
"box": { | ||
"blueBorder": "#0d4189" | ||
"blueBorder": "#0d4189", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)", | ||
"headerBlueBg": "#0d1117", | ||
"headerBlueBorder": "#30363d" | ||
}, | ||
"dropdown": { | ||
"border": "rgba(255,255,255,0.15)" | ||
"border": "rgba(13,17,23,0.15)" | ||
}, | ||
"popover": { | ||
"border": "rgba(255,255,255,0.15)" | ||
"border": "rgba(13,17,23,0.15)" | ||
}, | ||
@@ -438,3 +565,5 @@ "branchName": { | ||
"header": { | ||
"text": "rgba(13,17,23,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#161b22", | ||
"logo": "#f0f6fc" | ||
}, | ||
@@ -458,6 +587,18 @@ "filterItem": { | ||
}, | ||
"icFolder": "#2456aa", | ||
"underlineNav": { | ||
"textActive": "#ffffff", | ||
"text": "#8b949e" | ||
}, | ||
"socialCount": { | ||
"bg": "#21262d" | ||
}, | ||
"headerSearch": { | ||
"bg": "#0d1117", | ||
"border": "#21262d" | ||
}, | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
"hlAuthorBorder": "#0d4189", | ||
"logoSubdued": "#30363d", | ||
"discussionBorder": "#354c3a", | ||
"diff": { | ||
@@ -475,17 +616,18 @@ "neutralBg": "#30363d", | ||
"globalNav": { | ||
"logo": "#0d1117", | ||
"bg": "#f0f6fc", | ||
"text": "#0d1117", | ||
"logo": "#f0f6fc", | ||
"bg": "#161b22", | ||
"text": "#f0f6fc", | ||
"icon": "#f0f6fc", | ||
"inputBg": "#0d1117", | ||
"inputBorder": "#0d1117", | ||
"inputIc": "#ffffff", | ||
"inputPlaceholder": "#ffffff" | ||
"inputBorder": "#21262d", | ||
"inputIcon": "#21262d", | ||
"inputPlaceholder": "#484f58" | ||
}, | ||
"calendarGraph": { | ||
"dayBg": "#ebedf0", | ||
"dayBg": "#161b22", | ||
"dayBorder": "rgba(27,31,35,0.06)", | ||
"dayL1Bg": "#9be9a8", | ||
"dayL2Bg": "#40c463", | ||
"dayL3Bg": "#30a14e", | ||
"dayL4Bg": "#216e39", | ||
"dayL1Bg": "#0c2b1e", | ||
"dayL2Bg": "#034525", | ||
"dayL3Bg": "#0f6d31", | ||
"dayL4Bg": "#00c647", | ||
"dayL4Border": "rgba(27,31,35,0.06)", | ||
@@ -492,0 +634,0 @@ "dayL3Border": "rgba(27,31,35,0.06)", |
@@ -5,3 +5,3 @@ { | ||
"white": "#ffffff", | ||
"grey": [ | ||
"gray": [ | ||
"#fafbfc", | ||
@@ -103,2 +103,102 @@ "#f6f8fa", | ||
}, | ||
"auto": { | ||
"black": "#1b1f23", | ||
"white": "#ffffff", | ||
"gray": [ | ||
"#fafbfc", | ||
"#f6f8fa", | ||
"#e1e4e8", | ||
"#d1d5da", | ||
"#959da5", | ||
"#6a737d", | ||
"#586069", | ||
"#444d56", | ||
"#2f363d", | ||
"#24292e" | ||
], | ||
"blue": [ | ||
"#f1f8ff", | ||
"#dbedff", | ||
"#c8e1ff", | ||
"#79b8ff", | ||
"#2188ff", | ||
"#0366d6", | ||
"#005cc5", | ||
"#044289", | ||
"#032f62", | ||
"#05264c" | ||
], | ||
"green": [ | ||
"#f0fff4", | ||
"#dcffe4", | ||
"#bef5cb", | ||
"#85e89d", | ||
"#34d058", | ||
"#28a745", | ||
"#22863a", | ||
"#176f2c", | ||
"#165c26", | ||
"#144620" | ||
], | ||
"yellow": [ | ||
"#fffdef", | ||
"#fffbdd", | ||
"#fff5b1", | ||
"#ffea7f", | ||
"#ffdf5d", | ||
"#ffd33d", | ||
"#f9c513", | ||
"#dbab09", | ||
"#b08800", | ||
"#735c0f" | ||
], | ||
"orange": [ | ||
"#fff8f2", | ||
"#ffebda", | ||
"#ffd1ac", | ||
"#ffab70", | ||
"#fb8532", | ||
"#f66a0a", | ||
"#e36209", | ||
"#d15704", | ||
"#c24e00", | ||
"#a04100" | ||
], | ||
"red": [ | ||
"#ffeef0", | ||
"#ffdce0", | ||
"#fdaeb7", | ||
"#f97583", | ||
"#ea4a5a", | ||
"#d73a49", | ||
"#cb2431", | ||
"#b31d28", | ||
"#9e1c23", | ||
"#86181d" | ||
], | ||
"purple": [ | ||
"#f5f0ff", | ||
"#e6dcfd", | ||
"#d1bcf9", | ||
"#b392f0", | ||
"#8a63d2", | ||
"#6f42c1", | ||
"#5a32a3", | ||
"#4c2889", | ||
"#3a1d6e", | ||
"#29134e" | ||
], | ||
"pink": [ | ||
"#ffeef8", | ||
"#fedbf0", | ||
"#f9b3dd", | ||
"#f692ce", | ||
"#ec6cb9", | ||
"#ea4aaa", | ||
"#d03592", | ||
"#b93a86", | ||
"#99306f", | ||
"#6d224f" | ||
] | ||
}, | ||
"text": { | ||
@@ -108,4 +208,4 @@ "primary": "#24292e", | ||
"tertiary": "#6a737d", | ||
"placeholder": "#d1d5da", | ||
"disabled": "#d1d5da", | ||
"placeholder": "#6a737d", | ||
"disabled": "#6a737d", | ||
"inverse": "#ffffff", | ||
@@ -115,3 +215,3 @@ "linkPrimary": "#0366d6", | ||
"linkTertiary": "#586069", | ||
"danger": "#d73a49", | ||
"danger": "#cb2431", | ||
"success": "#22863a", | ||
@@ -129,32 +229,35 @@ "warning": "#b08800" | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#0366d6", | ||
"hoverPrimaryBorder": "#0366d6", | ||
"hoverPrimaryText": "#ffffff", | ||
"hoverPrimaryIcon": "#ffffff", | ||
"hoverSecondaryBg": "#f6f8fa", | ||
"hoverSecondaryBorder": "#f6f8fa", | ||
"selectedPrimaryBg": "#0366d6", | ||
"selectedPrimaryBorder": "#0366d6" | ||
"selectedPrimaryBorder": "#0366d6", | ||
"selectedPrimaryText": "#ffffff", | ||
"selectedPrimaryIcon": "#ffffff" | ||
}, | ||
"border": { | ||
"primary": "#e1e4e8", | ||
"primaryLight": "#eaecef", | ||
"secondary": "#d1d5da", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#eaecef", | ||
"tertiary": "#d1d5da", | ||
"inverse": "#ffffff", | ||
"info": "#0366d6", | ||
"danger": "#d73a49", | ||
"success": "#28a745", | ||
"warning": "#dbab09" | ||
"success": "#34d058", | ||
"warning": "#f9c513" | ||
}, | ||
"bg": { | ||
"canvas": "#ffffff", | ||
"canvasMobile": "#ffffff", | ||
"canvasInverse": "#24292e", | ||
"primary": "#ffffff", | ||
"secondary": "#f6f8fa", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#fafbfc", | ||
"tertiary": "#f6f8fa", | ||
"overlay": "#ffffff", | ||
"selected": "#0366d6", | ||
"info": "#dbedff", | ||
"info": "#f1f8ff", | ||
"infoInverse": "#0366d6", | ||
"danger": "#ffdce0", | ||
"danger": "#ffeef0", | ||
"dangerInverse": "#d73a49", | ||
@@ -164,3 +267,3 @@ "success": "#dcffe4", | ||
"warning": "#fff5b1", | ||
"warningInverse": "#dbab09" | ||
"warningInverse": "#ffd33d" | ||
}, | ||
@@ -214,22 +317,49 @@ "shadow": { | ||
}, | ||
"fade": { | ||
"black": { | ||
"10": "rgba(27,31,35,0.1)", | ||
"15": "rgba(27,31,35,0.15)", | ||
"30": "rgba(27,31,35,0.3)", | ||
"50": "rgba(27,31,35,0.5)", | ||
"70": "rgba(27,31,35,0.7)", | ||
"85": "rgba(27,31,35,0.85)" | ||
}, | ||
"white": { | ||
"10": "rgba(255,255,255,0.1)", | ||
"15": "rgba(255,255,255,0.15)", | ||
"30": "rgba(255,255,255,0.3)", | ||
"50": "rgba(255,255,255,0.5)", | ||
"70": "rgba(255,255,255,0.7)", | ||
"85": "rgba(255,255,255,0.85)" | ||
} | ||
}, | ||
"alert": { | ||
"text": "#24292e", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"bg": "#dbedff", | ||
"border": "rgba(4,66,137,0.2)", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"warn": { | ||
"text": "#24292e", | ||
"icon": "#b08800", | ||
"bg": "#fffbdd", | ||
"border": "rgba(176,136,0,0.2)", | ||
"icon": "#b08800" | ||
"border": "rgba(176,136,0,0.2)" | ||
}, | ||
"error": { | ||
"text": "#24292e", | ||
"icon": "rgba(158,28,35,0.6)", | ||
"bg": "#ffe3e6", | ||
"border": "rgba(158,28,35,0.2)", | ||
"icon": "rgba(158,28,35,0.6)" | ||
"border": "rgba(158,28,35,0.2)" | ||
}, | ||
"success": { | ||
"text": "#24292e", | ||
"icon": "rgba(23,111,44,0.8)", | ||
"bg": "#dcffe4", | ||
"border": "rgba(23,111,44,0.2)", | ||
"icon": "rgba(23,111,44,0.8)" | ||
"border": "rgba(23,111,44,0.2)" | ||
} | ||
}, | ||
"autocomplete": { | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"rowBorder": "#eaecef" | ||
}, | ||
"blankslate": { | ||
@@ -243,4 +373,31 @@ "icon": "#a3aab1" | ||
"ic": "#6a737d", | ||
"shadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(27,31,35,0.04)" | ||
], | ||
"shadowHighlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.25)" | ||
], | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#edeff2", | ||
"shadowActive": [ | ||
"inset", | ||
"0", | ||
"0.15em", | ||
"0.3em", | ||
"rgba(27,31,35,0.15)" | ||
], | ||
"shadowInputFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(3,102,214,0.3)" | ||
], | ||
"primary": { | ||
@@ -377,3 +534,3 @@ "bg": "#2ea44f", | ||
"avatar": { | ||
"border": "rgba(27,31,35,0.1)", | ||
"border": "rgba(0,0,0,0)", | ||
"stackFade": "#d1d5da", | ||
@@ -409,3 +566,7 @@ "stackFadeMore": "#e1e4e8", | ||
"box": { | ||
"blueBorder": "#c8e1ff" | ||
"blueBorder": "#c8e1ff", | ||
"rowYellowBg": "#fffbdd", | ||
"rowBlueBg": "#f1f8ff", | ||
"headerBlueBg": "#f1f8ff", | ||
"headerBlueBorder": "#c8e1ff" | ||
}, | ||
@@ -431,3 +592,5 @@ "dropdown": { | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#24292e", | ||
"logo": "#ffffff" | ||
}, | ||
@@ -451,6 +614,18 @@ "filterItem": { | ||
}, | ||
"icFolder": "#79b8ff", | ||
"underlineNav": { | ||
"textActive": "#24292e", | ||
"text": "#24292e" | ||
}, | ||
"socialCount": { | ||
"bg": "#ffffff" | ||
}, | ||
"headerSearch": { | ||
"bg": "#24292e", | ||
"border": "#444d56" | ||
}, | ||
"iconFolder": "#79b8ff", | ||
"hlAuthorBg": "#f1f8ff", | ||
"hlAuthorBorder": "#c8e1ff", | ||
"logoSubdued": "#d1d5da", | ||
"discussionBorder": "#a2cbac", | ||
"diff": { | ||
@@ -471,6 +646,7 @@ "neutralBg": "#d1d5da", | ||
"text": "#ffffff", | ||
"icon": "#ffffff", | ||
"inputBg": "#fafbfc", | ||
"inputBorder": "#fafbfc", | ||
"inputIc": "#1b1f23", | ||
"inputPlaceholder": "#1b1f23" | ||
"inputIcon": "#d1d5da", | ||
"inputPlaceholder": "#959da5" | ||
}, | ||
@@ -477,0 +653,0 @@ "calendarGraph": { |
export default { | ||
"scale": { | ||
"black": "#0d1117", | ||
"white": "#ffffff", | ||
"gray": [ | ||
"#f0f6fc", | ||
"#d5dde5", | ||
"#b1bac4", | ||
"#8b949e", | ||
"#6e7681", | ||
"#484f58", | ||
"#30363d", | ||
"#21262d", | ||
"#161b22", | ||
"#0d1117" | ||
], | ||
"blue": [ | ||
"#cae8ff", | ||
"#a1d3ff", | ||
"#75bbff", | ||
"#54a2fb", | ||
"#3f87e9", | ||
"#316ecd", | ||
"#2456aa", | ||
"#0d4189", | ||
"#0b2e63", | ||
"#061e46" | ||
], | ||
"green": [ | ||
"#b2f4b6", | ||
"#81e38a", | ||
"#58ce65", | ||
"#3ab550", | ||
"#2f9a42", | ||
"#248035", | ||
"#1b662d", | ||
"#144d23", | ||
"#0a3818", | ||
"#04260f" | ||
], | ||
"yellow": [ | ||
"#fef3ae", | ||
"#fde15f", | ||
"#f7d232", | ||
"#eec41a", | ||
"#e2b20d", | ||
"#d79e00", | ||
"#c88d00", | ||
"#b67b00", | ||
"#9b6400", | ||
"#7f4e00" | ||
], | ||
"orange": [ | ||
"#ffe0bd", | ||
"#ffc17e", | ||
"#ff9f4c", | ||
"#ed802d", | ||
"#d7661d", | ||
"#ba5010", | ||
"#993d06", | ||
"#782b00", | ||
"#591c00", | ||
"#3d1200" | ||
], | ||
"red": [ | ||
"#ffdcd9", | ||
"#ffbdba", | ||
"#ff9a96", | ||
"#ff7170", | ||
"#ed4e50", | ||
"#d13339", | ||
"#ac212b", | ||
"#88131f", | ||
"#660614", | ||
"#49000c" | ||
], | ||
"purple": [ | ||
"#eadfff", | ||
"#d8beff", | ||
"#c2a0fd", | ||
"#ae81fa", | ||
"#9867f0", | ||
"#804eda", | ||
"#673ab8", | ||
"#512c94", | ||
"#3d2071", | ||
"#29154b" | ||
], | ||
"pink": [ | ||
"#ffdaed", | ||
"#ffb8dd", | ||
"#ff93cc", | ||
"#f56fb7", | ||
"#db579f", | ||
"#bc4186", | ||
"#98316c", | ||
"#762556", | ||
"#55183e", | ||
"#40092d" | ||
] | ||
}, | ||
"auto": { | ||
"black": "#ffffff", | ||
"white": "#0d1117", | ||
"grey": [ | ||
"gray": [ | ||
"#0d1117", | ||
@@ -105,36 +205,39 @@ "#161b22", | ||
"secondary": "#8b949e", | ||
"tertiary": "#6e7681", | ||
"placeholder": "#30363d", | ||
"disabled": "#30363d", | ||
"tertiary": "#8b949e", | ||
"placeholder": "#484f58", | ||
"disabled": "#484f58", | ||
"inverse": "#0d1117", | ||
"linkPrimary": "#3f87e9", | ||
"linkPrimary": "#54a2fb", | ||
"linkSecondary": "#f0f6fc", | ||
"linkTertiary": "#8b949e", | ||
"danger": "#ed4e50", | ||
"success": "#3ab550", | ||
"warning": "#fde15f" | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
}, | ||
"icon": { | ||
"primary": "#f0f6fc", | ||
"secondary": "#8b949e", | ||
"secondary": "#6e7681", | ||
"tertiary": "#484f58", | ||
"info": "#3f87e9", | ||
"info": "#75bbff", | ||
"danger": "#ed4e50", | ||
"success": "#3ab550", | ||
"warning": "#fde15f" | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
}, | ||
"hl": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
"state": { | ||
"hoverPrimaryBg": "#316ecd", | ||
"hoverPrimaryBorder": "#3f87e9", | ||
"hoverPrimaryText": "#f0f6fc", | ||
"hoverPrimaryIcon": "#f0f6fc", | ||
"hoverSecondaryBg": "#161b22", | ||
"hoverSecondaryBorder": "#161b22", | ||
"selectedPrimaryBg": "#3f87e9", | ||
"selectedPrimaryBorder": "#3f87e9" | ||
"selectedPrimaryBg": "#316ecd", | ||
"selectedPrimaryBorder": "#3f87e9", | ||
"selectedPrimaryText": "#f0f6fc", | ||
"selectedPrimaryIcon": "#f0f6fc" | ||
}, | ||
"border": { | ||
"primary": "#21262d", | ||
"primaryLight": "#272d36", | ||
"secondary": "#30363d", | ||
"tertiary": "#0d1117", | ||
"inverse": "#0d1117", | ||
"primary": "#30363d", | ||
"secondary": "#21262d", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
"info": "#3f87e9", | ||
@@ -147,8 +250,8 @@ "danger": "#ed4e50", | ||
"canvas": "#0d1117", | ||
"canvasMobile": "#0d1117", | ||
"canvasInverse": "#f0f6fc", | ||
"primary": "#0d1117", | ||
"secondary": "#161b22", | ||
"tertiary": "#0d1117", | ||
"secondary": "#0d1117", | ||
"tertiary": "#161b22", | ||
"overlay": "#0d1117", | ||
"selected": "#3f87e9", | ||
"info": "#0b2e63", | ||
@@ -168,3 +271,3 @@ "infoInverse": "#3f87e9", | ||
"0", | ||
"rgba(255,255,255,0.04)" | ||
"rgba(72,79,88,0.04)" | ||
], | ||
@@ -194,3 +297,3 @@ "medium": [ | ||
"0", | ||
"rgba(13,17,23,0.25)" | ||
"rgba(255,255,255,0.1)" | ||
], | ||
@@ -212,22 +315,49 @@ "inset": [ | ||
}, | ||
"fade": { | ||
"black": { | ||
"10": "rgba(13,17,23,0.1)", | ||
"15": "rgba(13,17,23,0.15)", | ||
"30": "rgba(13,17,23,0.3)", | ||
"50": "rgba(13,17,23,0.5)", | ||
"70": "rgba(13,17,23,0.7)", | ||
"85": "rgba(13,17,23,0.85)" | ||
}, | ||
"white": { | ||
"10": "rgba(255,255,255,0.1)", | ||
"15": "rgba(255,255,255,0.15)", | ||
"30": "rgba(255,255,255,0.3)", | ||
"50": "rgba(255,255,255,0.5)", | ||
"70": "rgba(255,255,255,0.7)", | ||
"85": "rgba(255,255,255,0.85)" | ||
} | ||
}, | ||
"alert": { | ||
"bg": "#0b2e63", | ||
"border": "rgba(117,187,255,0.2)", | ||
"icon": "rgba(117,187,255,0.6)", | ||
"text": "#75bbff", | ||
"icon": "#75bbff", | ||
"bg": "rgba(117,187,255,0.1)", | ||
"border": "rgba(117,187,255,0.4)", | ||
"warn": { | ||
"bg": "#9b6400", | ||
"border": "rgba(253,225,95,0.2)", | ||
"icon": "#fde15f" | ||
"text": "#f2d35b", | ||
"icon": "#f2d35b", | ||
"bg": "rgba(235,196,64,0.1)", | ||
"border": "rgba(235,196,64,0.4)" | ||
}, | ||
"error": { | ||
"bg": "#ffe3e6", | ||
"border": "rgba(255,189,186,0.2)", | ||
"icon": "rgba(255,189,186,0.6)" | ||
"text": "#ff7168", | ||
"icon": "#ff7168", | ||
"bg": "rgba(255,113,112,0.1)", | ||
"border": "rgba(255,113,112,0.4)" | ||
}, | ||
"success": { | ||
"bg": "#0a3818", | ||
"border": "rgba(88,206,101,0.2)", | ||
"icon": "rgba(88,206,101,0.8)" | ||
"text": "#58ce65", | ||
"icon": "#58ce65", | ||
"bg": "rgba(88,206,101,0.1)", | ||
"border": "rgba(88,206,101,0.4)" | ||
} | ||
}, | ||
"autocomplete": { | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"rowBorder": "#30363d" | ||
}, | ||
"blankslate": { | ||
@@ -237,46 +367,39 @@ "icon": "#535c66" | ||
"btn": { | ||
"bg": "#0d1117", | ||
"border": "rgba(255,255,255,0.15)", | ||
"bg": "rgba(255,255,255,0.1)", | ||
"border": "rgba(255,255,255,0.1)", | ||
"text": "#f0f6fc", | ||
"ic": "#6e7681", | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#edeff2", | ||
"shadow": "rgba(0,0,0,0)", | ||
"shadowHighlight": "rgba(0,0,0,0)", | ||
"bgHover": "#161b22", | ||
"bgActive": "#1a2028", | ||
"shadowActive": [ | ||
"inset", | ||
"0", | ||
"0.15em", | ||
"0.3em", | ||
"rgba(13,17,23,0.15)" | ||
], | ||
"shadowInputFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(49,110,205,0.3)" | ||
], | ||
"primary": { | ||
"bg": "#2ea44f", | ||
"border": "rgba(255,255,255,0.15)", | ||
"borderDisabled": "rgba(255,255,255,0.1)", | ||
"text": "#0d1117", | ||
"ic": "rgba(13,17,23,0.8)", | ||
"shadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.1)" | ||
], | ||
"shadowHighlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(13,17,23,0.03)" | ||
], | ||
"shadowSelected": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(178,244,182,0.2)" | ||
], | ||
"bgHover": "#2c974b", | ||
"bgActive": "#2a8f47", | ||
"bgDisabled": "#94d3a2", | ||
"disabledText": "rgba(13,17,23,0.8)", | ||
"disabledShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(46,164,79,0.4)" | ||
], | ||
"counterBg": "rgba(13,17,23,0.2)" | ||
"bg": "#2f9a42", | ||
"border": "#3ab550", | ||
"borderDisabled": "#144d23", | ||
"text": "#f0f6fc", | ||
"ic": "#f0f6fc", | ||
"shadow": "rgba(0,0,0,0)", | ||
"shadowHighlight": "rgba(0,0,0,0)", | ||
"shadowSelected": "rgba(0,0,0,0)", | ||
"bgHover": "#31a245", | ||
"bgActive": "#2d923f", | ||
"bgDisabled": "#0a3818", | ||
"disabledText": "rgba(255,255,255,0.5)", | ||
"disabledShadow": "rgba(0,0,0,0)", | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
@@ -289,3 +412,3 @@ "inverseOnHover": { | ||
"0", | ||
"rgba(255,255,255,0.1)" | ||
"rgba(13,17,23,0.1)" | ||
], | ||
@@ -297,5 +420,5 @@ "shadowInset": [ | ||
"0", | ||
"rgba(13,17,23,0.03)" | ||
"rgba(255,255,255,0.03)" | ||
], | ||
"counterBg": "rgba(13,17,23,0.2)" | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
@@ -312,3 +435,3 @@ "danger": { | ||
"0", | ||
"rgba(255,220,217,0.2)" | ||
"rgba(73,0,12,0.2)" | ||
], | ||
@@ -320,12 +443,12 @@ "shadowFocus": [ | ||
"3px", | ||
"rgba(255,113,112,0.4)" | ||
"rgba(172,33,43,0.4)" | ||
], | ||
"counterBg": "rgba(237,78,80,0.1)", | ||
"counterBgDisabled": "rgba(237,78,80,0.05)" | ||
"counterBg": "rgba(209,51,57,0.1)", | ||
"counterBgDisabled": "rgba(209,51,57,0.05)" | ||
}, | ||
"outline": { | ||
"text": "#3f87e9", | ||
"text": "#54a2fb", | ||
"textDisabled": "rgba(63,135,233,0.5)", | ||
"bgHover": "#3f87e9", | ||
"bgActive": "#317ee7", | ||
"bgHover": "#54a2fb", | ||
"bgActive": "#459afb", | ||
"shadow": [ | ||
@@ -336,3 +459,3 @@ "inset", | ||
"0", | ||
"rgba(202,232,255,0.2)" | ||
"rgba(6,30,70,0.2)" | ||
], | ||
@@ -344,12 +467,12 @@ "shadowFocus": [ | ||
"3px", | ||
"rgba(84,162,251,0.4)" | ||
"rgba(36,86,170,0.4)" | ||
], | ||
"counterBg": "rgba(63,135,233,0.1)", | ||
"counterBgDisabled": "rgba(63,135,233,0.05)" | ||
"counterBg": "rgba(49,110,205,0.1)", | ||
"counterBgDisabled": "rgba(49,110,205,0.05)" | ||
}, | ||
"counterBg": "rgba(255,255,255,0.08)" | ||
"counterBg": "rgba(13,17,23,0.08)" | ||
}, | ||
"counter": { | ||
"text": "#f0f6fc", | ||
"bg": "rgba(48,54,61,0.5)", | ||
"text": "#8b949e", | ||
"bg": "#30363d", | ||
"border": "rgba(209,213,218,0.5)" | ||
@@ -377,3 +500,3 @@ }, | ||
"0.2em", | ||
"rgba(63,135,233,0.3)" | ||
"rgba(49,110,205,0.3)" | ||
] | ||
@@ -389,3 +512,3 @@ }, | ||
"0", | ||
"rgba(13,17,23,0.8)" | ||
"rgba(255,255,255,0.8)" | ||
] | ||
@@ -403,3 +526,3 @@ }, | ||
"selectMenu": { | ||
"backdropBg": "rgba(255,255,255,0.5)", | ||
"backdropBg": "rgba(13,17,23,0.5)", | ||
"shadow": [ | ||
@@ -409,3 +532,3 @@ "0", | ||
"18px", | ||
"rgba(255,255,255,0.4)" | ||
"rgba(13,17,23,0.4)" | ||
], | ||
@@ -416,9 +539,13 @@ "tapHighlight": "rgba(48,54,61,0.5)", | ||
"box": { | ||
"blueBorder": "#0d4189" | ||
"blueBorder": "#0d4189", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)", | ||
"headerBlueBg": "#0d1117", | ||
"headerBlueBorder": "#30363d" | ||
}, | ||
"dropdown": { | ||
"border": "rgba(255,255,255,0.15)" | ||
"border": "rgba(13,17,23,0.15)" | ||
}, | ||
"popover": { | ||
"border": "rgba(255,255,255,0.15)" | ||
"border": "rgba(13,17,23,0.15)" | ||
}, | ||
@@ -438,3 +565,5 @@ "branchName": { | ||
"header": { | ||
"text": "rgba(13,17,23,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#161b22", | ||
"logo": "#f0f6fc" | ||
}, | ||
@@ -458,6 +587,18 @@ "filterItem": { | ||
}, | ||
"icFolder": "#2456aa", | ||
"underlineNav": { | ||
"textActive": "#ffffff", | ||
"text": "#8b949e" | ||
}, | ||
"socialCount": { | ||
"bg": "#21262d" | ||
}, | ||
"headerSearch": { | ||
"bg": "#0d1117", | ||
"border": "#21262d" | ||
}, | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
"hlAuthorBorder": "#0d4189", | ||
"logoSubdued": "#30363d", | ||
"discussionBorder": "#354c3a", | ||
"diff": { | ||
@@ -475,17 +616,18 @@ "neutralBg": "#30363d", | ||
"globalNav": { | ||
"logo": "#0d1117", | ||
"bg": "#f0f6fc", | ||
"text": "#0d1117", | ||
"logo": "#f0f6fc", | ||
"bg": "#161b22", | ||
"text": "#f0f6fc", | ||
"icon": "#f0f6fc", | ||
"inputBg": "#0d1117", | ||
"inputBorder": "#0d1117", | ||
"inputIc": "#ffffff", | ||
"inputPlaceholder": "#ffffff" | ||
"inputBorder": "#21262d", | ||
"inputIcon": "#21262d", | ||
"inputPlaceholder": "#484f58" | ||
}, | ||
"calendarGraph": { | ||
"dayBg": "#ebedf0", | ||
"dayBg": "#161b22", | ||
"dayBorder": "rgba(27,31,35,0.06)", | ||
"dayL1Bg": "#9be9a8", | ||
"dayL2Bg": "#40c463", | ||
"dayL3Bg": "#30a14e", | ||
"dayL4Bg": "#216e39", | ||
"dayL1Bg": "#0c2b1e", | ||
"dayL2Bg": "#034525", | ||
"dayL3Bg": "#0f6d31", | ||
"dayL4Bg": "#00c647", | ||
"dayL4Border": "rgba(27,31,35,0.06)", | ||
@@ -492,0 +634,0 @@ "dayL3Border": "rgba(27,31,35,0.06)", |
@@ -5,3 +5,3 @@ export default { | ||
"white": "#ffffff", | ||
"grey": [ | ||
"gray": [ | ||
"#fafbfc", | ||
@@ -103,2 +103,102 @@ "#f6f8fa", | ||
}, | ||
"auto": { | ||
"black": "#1b1f23", | ||
"white": "#ffffff", | ||
"gray": [ | ||
"#fafbfc", | ||
"#f6f8fa", | ||
"#e1e4e8", | ||
"#d1d5da", | ||
"#959da5", | ||
"#6a737d", | ||
"#586069", | ||
"#444d56", | ||
"#2f363d", | ||
"#24292e" | ||
], | ||
"blue": [ | ||
"#f1f8ff", | ||
"#dbedff", | ||
"#c8e1ff", | ||
"#79b8ff", | ||
"#2188ff", | ||
"#0366d6", | ||
"#005cc5", | ||
"#044289", | ||
"#032f62", | ||
"#05264c" | ||
], | ||
"green": [ | ||
"#f0fff4", | ||
"#dcffe4", | ||
"#bef5cb", | ||
"#85e89d", | ||
"#34d058", | ||
"#28a745", | ||
"#22863a", | ||
"#176f2c", | ||
"#165c26", | ||
"#144620" | ||
], | ||
"yellow": [ | ||
"#fffdef", | ||
"#fffbdd", | ||
"#fff5b1", | ||
"#ffea7f", | ||
"#ffdf5d", | ||
"#ffd33d", | ||
"#f9c513", | ||
"#dbab09", | ||
"#b08800", | ||
"#735c0f" | ||
], | ||
"orange": [ | ||
"#fff8f2", | ||
"#ffebda", | ||
"#ffd1ac", | ||
"#ffab70", | ||
"#fb8532", | ||
"#f66a0a", | ||
"#e36209", | ||
"#d15704", | ||
"#c24e00", | ||
"#a04100" | ||
], | ||
"red": [ | ||
"#ffeef0", | ||
"#ffdce0", | ||
"#fdaeb7", | ||
"#f97583", | ||
"#ea4a5a", | ||
"#d73a49", | ||
"#cb2431", | ||
"#b31d28", | ||
"#9e1c23", | ||
"#86181d" | ||
], | ||
"purple": [ | ||
"#f5f0ff", | ||
"#e6dcfd", | ||
"#d1bcf9", | ||
"#b392f0", | ||
"#8a63d2", | ||
"#6f42c1", | ||
"#5a32a3", | ||
"#4c2889", | ||
"#3a1d6e", | ||
"#29134e" | ||
], | ||
"pink": [ | ||
"#ffeef8", | ||
"#fedbf0", | ||
"#f9b3dd", | ||
"#f692ce", | ||
"#ec6cb9", | ||
"#ea4aaa", | ||
"#d03592", | ||
"#b93a86", | ||
"#99306f", | ||
"#6d224f" | ||
] | ||
}, | ||
"text": { | ||
@@ -108,4 +208,4 @@ "primary": "#24292e", | ||
"tertiary": "#6a737d", | ||
"placeholder": "#d1d5da", | ||
"disabled": "#d1d5da", | ||
"placeholder": "#6a737d", | ||
"disabled": "#6a737d", | ||
"inverse": "#ffffff", | ||
@@ -115,3 +215,3 @@ "linkPrimary": "#0366d6", | ||
"linkTertiary": "#586069", | ||
"danger": "#d73a49", | ||
"danger": "#cb2431", | ||
"success": "#22863a", | ||
@@ -129,32 +229,35 @@ "warning": "#b08800" | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#0366d6", | ||
"hoverPrimaryBorder": "#0366d6", | ||
"hoverPrimaryText": "#ffffff", | ||
"hoverPrimaryIcon": "#ffffff", | ||
"hoverSecondaryBg": "#f6f8fa", | ||
"hoverSecondaryBorder": "#f6f8fa", | ||
"selectedPrimaryBg": "#0366d6", | ||
"selectedPrimaryBorder": "#0366d6" | ||
"selectedPrimaryBorder": "#0366d6", | ||
"selectedPrimaryText": "#ffffff", | ||
"selectedPrimaryIcon": "#ffffff" | ||
}, | ||
"border": { | ||
"primary": "#e1e4e8", | ||
"primaryLight": "#eaecef", | ||
"secondary": "#d1d5da", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#eaecef", | ||
"tertiary": "#d1d5da", | ||
"inverse": "#ffffff", | ||
"info": "#0366d6", | ||
"danger": "#d73a49", | ||
"success": "#28a745", | ||
"warning": "#dbab09" | ||
"success": "#34d058", | ||
"warning": "#f9c513" | ||
}, | ||
"bg": { | ||
"canvas": "#ffffff", | ||
"canvasMobile": "#ffffff", | ||
"canvasInverse": "#24292e", | ||
"primary": "#ffffff", | ||
"secondary": "#f6f8fa", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#fafbfc", | ||
"tertiary": "#f6f8fa", | ||
"overlay": "#ffffff", | ||
"selected": "#0366d6", | ||
"info": "#dbedff", | ||
"info": "#f1f8ff", | ||
"infoInverse": "#0366d6", | ||
"danger": "#ffdce0", | ||
"danger": "#ffeef0", | ||
"dangerInverse": "#d73a49", | ||
@@ -164,3 +267,3 @@ "success": "#dcffe4", | ||
"warning": "#fff5b1", | ||
"warningInverse": "#dbab09" | ||
"warningInverse": "#ffd33d" | ||
}, | ||
@@ -214,22 +317,49 @@ "shadow": { | ||
}, | ||
"fade": { | ||
"black": { | ||
"10": "rgba(27,31,35,0.1)", | ||
"15": "rgba(27,31,35,0.15)", | ||
"30": "rgba(27,31,35,0.3)", | ||
"50": "rgba(27,31,35,0.5)", | ||
"70": "rgba(27,31,35,0.7)", | ||
"85": "rgba(27,31,35,0.85)" | ||
}, | ||
"white": { | ||
"10": "rgba(255,255,255,0.1)", | ||
"15": "rgba(255,255,255,0.15)", | ||
"30": "rgba(255,255,255,0.3)", | ||
"50": "rgba(255,255,255,0.5)", | ||
"70": "rgba(255,255,255,0.7)", | ||
"85": "rgba(255,255,255,0.85)" | ||
} | ||
}, | ||
"alert": { | ||
"text": "#24292e", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"bg": "#dbedff", | ||
"border": "rgba(4,66,137,0.2)", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"warn": { | ||
"text": "#24292e", | ||
"icon": "#b08800", | ||
"bg": "#fffbdd", | ||
"border": "rgba(176,136,0,0.2)", | ||
"icon": "#b08800" | ||
"border": "rgba(176,136,0,0.2)" | ||
}, | ||
"error": { | ||
"text": "#24292e", | ||
"icon": "rgba(158,28,35,0.6)", | ||
"bg": "#ffe3e6", | ||
"border": "rgba(158,28,35,0.2)", | ||
"icon": "rgba(158,28,35,0.6)" | ||
"border": "rgba(158,28,35,0.2)" | ||
}, | ||
"success": { | ||
"text": "#24292e", | ||
"icon": "rgba(23,111,44,0.8)", | ||
"bg": "#dcffe4", | ||
"border": "rgba(23,111,44,0.2)", | ||
"icon": "rgba(23,111,44,0.8)" | ||
"border": "rgba(23,111,44,0.2)" | ||
} | ||
}, | ||
"autocomplete": { | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"rowBorder": "#eaecef" | ||
}, | ||
"blankslate": { | ||
@@ -243,4 +373,31 @@ "icon": "#a3aab1" | ||
"ic": "#6a737d", | ||
"shadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(27,31,35,0.04)" | ||
], | ||
"shadowHighlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.25)" | ||
], | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#edeff2", | ||
"shadowActive": [ | ||
"inset", | ||
"0", | ||
"0.15em", | ||
"0.3em", | ||
"rgba(27,31,35,0.15)" | ||
], | ||
"shadowInputFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(3,102,214,0.3)" | ||
], | ||
"primary": { | ||
@@ -377,3 +534,3 @@ "bg": "#2ea44f", | ||
"avatar": { | ||
"border": "rgba(27,31,35,0.1)", | ||
"border": "rgba(0,0,0,0)", | ||
"stackFade": "#d1d5da", | ||
@@ -409,3 +566,7 @@ "stackFadeMore": "#e1e4e8", | ||
"box": { | ||
"blueBorder": "#c8e1ff" | ||
"blueBorder": "#c8e1ff", | ||
"rowYellowBg": "#fffbdd", | ||
"rowBlueBg": "#f1f8ff", | ||
"headerBlueBg": "#f1f8ff", | ||
"headerBlueBorder": "#c8e1ff" | ||
}, | ||
@@ -431,3 +592,5 @@ "dropdown": { | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#24292e", | ||
"logo": "#ffffff" | ||
}, | ||
@@ -451,6 +614,18 @@ "filterItem": { | ||
}, | ||
"icFolder": "#79b8ff", | ||
"underlineNav": { | ||
"textActive": "#24292e", | ||
"text": "#24292e" | ||
}, | ||
"socialCount": { | ||
"bg": "#ffffff" | ||
}, | ||
"headerSearch": { | ||
"bg": "#24292e", | ||
"border": "#444d56" | ||
}, | ||
"iconFolder": "#79b8ff", | ||
"hlAuthorBg": "#f1f8ff", | ||
"hlAuthorBorder": "#c8e1ff", | ||
"logoSubdued": "#d1d5da", | ||
"discussionBorder": "#a2cbac", | ||
"diff": { | ||
@@ -471,6 +646,7 @@ "neutralBg": "#d1d5da", | ||
"text": "#ffffff", | ||
"icon": "#ffffff", | ||
"inputBg": "#fafbfc", | ||
"inputBorder": "#fafbfc", | ||
"inputIc": "#1b1f23", | ||
"inputPlaceholder": "#1b1f23" | ||
"inputIcon": "#d1d5da", | ||
"inputPlaceholder": "#959da5" | ||
}, | ||
@@ -477,0 +653,0 @@ "calendarGraph": { |
{ | ||
"name": "@primer/primitives", | ||
"version": "0.0.0-a5223f5", | ||
"version": "0.0.0-a59e532", | ||
"description": "Typography, spacing, and color primitives for Primer design system", | ||
@@ -28,3 +28,4 @@ "files": [ | ||
"build": "ts-node ./script/build.ts && tsc", | ||
"prepack": "yarn build" | ||
"prepack": "yarn build", | ||
"watch": "ls data/**/*.scss script/**/*.ts | entr -s 'yarn build'" | ||
}, | ||
@@ -31,0 +32,0 @@ "dependencies": {}, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
177497
5997
0