@primer/primitives
Advanced tools
Comparing version 0.0.0-54a9dc3 to 0.0.0-54c46a7
@@ -14,2 +14,14 @@ declare const _default: { | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -38,5 +50,7 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
@@ -46,6 +60,7 @@ hoverSecondaryBorder: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -61,2 +76,3 @@ tertiary: string; | ||
canvas: string; | ||
canvasMobile: string; | ||
canvasInverse: string; | ||
@@ -67,3 +83,2 @@ primary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -106,19 +121,23 @@ infoInverse: 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; | ||
}; | ||
@@ -221,2 +240,6 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -243,2 +266,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -262,3 +287,7 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -283,5 +312,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -288,0 +318,0 @@ }; |
@@ -5,2 +5,102 @@ "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", | ||
@@ -112,3 +212,3 @@ "white": "#0d1117", | ||
"inverse": "#0d1117", | ||
"linkPrimary": "#75bbff", | ||
"linkPrimary": "#54a2fb", | ||
"linkSecondary": "#f0f6fc", | ||
@@ -122,4 +222,4 @@ "linkTertiary": "#8b949e", | ||
"primary": "#f0f6fc", | ||
"secondary": "#8b949e", | ||
"tertiary": "#8b949e", | ||
"secondary": "#6e7681", | ||
"tertiary": "#484f58", | ||
"info": "#75bbff", | ||
@@ -130,15 +230,18 @@ "danger": "#ed4e50", | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
"hoverPrimaryBorder": "#3f87e9", | ||
"hoverPrimaryText": "#f0f6fc", | ||
"hoverPrimaryIcon": "#f0f6fc", | ||
"hoverSecondaryBg": "#161b22", | ||
"hoverSecondaryBorder": "#161b22", | ||
"selectedPrimaryBg": "#3f87e9", | ||
"selectedPrimaryBorder": "#3f87e9" | ||
"selectedPrimaryBorder": "#3f87e9", | ||
"selectedPrimaryText": "#f0f6fc", | ||
"selectedPrimaryIcon": "#f0f6fc" | ||
}, | ||
"border": { | ||
"primary": "#30363d", | ||
"primaryLight": "#292e34", | ||
"secondary": "#30363d", | ||
"tertiary": "#0d1117", | ||
"secondary": "#21262d", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
@@ -152,8 +255,8 @@ "info": "#3f87e9", | ||
"canvas": "#0d1117", | ||
"canvasMobile": "#0d1117", | ||
"canvasInverse": "#f0f6fc", | ||
"primary": "#0d1117", | ||
"secondary": "#161b22", | ||
"tertiary": "#0d1117", | ||
"secondary": "#0d1117", | ||
"tertiary": "#161b22", | ||
"overlay": "#0d1117", | ||
"selected": "#3f87e9", | ||
"info": "#0b2e63", | ||
@@ -234,19 +337,23 @@ "infoInverse": "#3f87e9", | ||
"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": "#81e38a", | ||
"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)" | ||
} | ||
@@ -258,8 +365,8 @@ }, | ||
"btn": { | ||
"bg": "#0d1117", | ||
"bg": "#21262d", | ||
"border": "rgba(255,255,255,0.15)", | ||
"text": "#f0f6fc", | ||
"ic": "#6e7681", | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#f9f9fa", | ||
"bgHover": "#161b22", | ||
"bgActive": "#1a2028", | ||
"shadowActive": [ | ||
@@ -441,3 +548,7 @@ "inset", | ||
"box": { | ||
"blueBorder": "#0d4189" | ||
"blueBorder": "#0d4189", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)", | ||
"headerBlueBg": "#0d1117", | ||
"headerBlueBorder": "#30363d" | ||
}, | ||
@@ -463,3 +574,5 @@ "dropdown": { | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#161b22", | ||
"logo": "#f0f6fc" | ||
}, | ||
@@ -483,3 +596,7 @@ "filterItem": { | ||
}, | ||
"icFolder": "#2456aa", | ||
"underlineNav": { | ||
"textActive": "#ffffff", | ||
"text": "#8b949e" | ||
}, | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
@@ -501,17 +618,18 @@ "hlAuthorBorder": "#0d4189", | ||
"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)", | ||
@@ -518,0 +636,0 @@ "dayL3Border": "rgba(27,31,35,0.06)", |
@@ -15,2 +15,14 @@ declare const _default: { | ||
}; | ||
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; | ||
@@ -107,19 +122,23 @@ infoInverse: 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; | ||
}; | ||
@@ -222,2 +241,6 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -244,2 +267,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -263,3 +288,7 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -284,5 +313,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -316,2 +346,14 @@ }; | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -340,5 +382,7 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
@@ -348,6 +392,7 @@ hoverSecondaryBorder: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -363,2 +408,3 @@ tertiary: string; | ||
canvas: string; | ||
canvasMobile: string; | ||
canvasInverse: string; | ||
@@ -369,3 +415,2 @@ primary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -408,19 +453,23 @@ infoInverse: 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; | ||
}; | ||
@@ -523,2 +572,6 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -545,2 +598,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -564,3 +619,7 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -585,5 +644,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -590,0 +650,0 @@ }; |
@@ -14,2 +14,14 @@ declare const _default: { | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -38,5 +50,7 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
@@ -46,6 +60,7 @@ hoverSecondaryBorder: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -61,2 +76,3 @@ tertiary: string; | ||
canvas: string; | ||
canvasMobile: string; | ||
canvasInverse: string; | ||
@@ -67,3 +83,2 @@ primary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -106,19 +121,23 @@ infoInverse: 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; | ||
}; | ||
@@ -221,2 +240,6 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -243,2 +266,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -262,3 +287,7 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -283,5 +312,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -288,0 +318,0 @@ }; |
@@ -104,2 +104,102 @@ "use strict"; | ||
}, | ||
"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": { | ||
@@ -128,15 +228,18 @@ "primary": "#24292e", | ||
}, | ||
"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", | ||
@@ -150,8 +253,8 @@ "info": "#0366d6", | ||
"canvas": "#ffffff", | ||
"canvasMobile": "#ffffff", | ||
"canvasInverse": "#24292e", | ||
"primary": "#ffffff", | ||
"secondary": "#f6f8fa", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#fafbfc", | ||
"tertiary": "#f6f8fa", | ||
"overlay": "#ffffff", | ||
"selected": "#0366d6", | ||
"info": "#f1f8ff", | ||
@@ -164,3 +267,3 @@ "infoInverse": "#0366d6", | ||
"warning": "#fff5b1", | ||
"warningInverse": "#f9c513" | ||
"warningInverse": "#ffd33d" | ||
}, | ||
@@ -233,19 +336,23 @@ "shadow": { | ||
"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)" | ||
} | ||
@@ -439,3 +546,7 @@ }, | ||
"box": { | ||
"blueBorder": "#c8e1ff" | ||
"blueBorder": "#c8e1ff", | ||
"rowYellowBg": "#fffbdd", | ||
"rowBlueBg": "#f1f8ff", | ||
"headerBlueBg": "#f1f8ff", | ||
"headerBlueBorder": "#c8e1ff" | ||
}, | ||
@@ -461,3 +572,5 @@ "dropdown": { | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#24292e", | ||
"logo": "#ffffff" | ||
}, | ||
@@ -481,3 +594,7 @@ "filterItem": { | ||
}, | ||
"icFolder": "#79b8ff", | ||
"underlineNav": { | ||
"textActive": "#24292e", | ||
"text": "#24292e" | ||
}, | ||
"iconFolder": "#79b8ff", | ||
"hlAuthorBg": "#f1f8ff", | ||
@@ -502,6 +619,7 @@ "hlAuthorBorder": "#c8e1ff", | ||
"text": "#ffffff", | ||
"icon": "#ffffff", | ||
"inputBg": "#fafbfc", | ||
"inputBorder": "#fafbfc", | ||
"inputIc": "#1b1f23", | ||
"inputPlaceholder": "#1b1f23" | ||
"inputIcon": "#d1d5da", | ||
"inputPlaceholder": "#959da5" | ||
}, | ||
@@ -508,0 +626,0 @@ "calendarGraph": { |
@@ -16,2 +16,14 @@ declare const _default: { | ||
}; | ||
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; | ||
@@ -108,19 +123,23 @@ infoInverse: 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; | ||
}; | ||
@@ -223,2 +242,6 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -245,2 +268,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -264,3 +289,7 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -285,5 +314,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -317,2 +347,14 @@ }; | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -341,5 +383,7 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
@@ -349,6 +393,7 @@ hoverSecondaryBorder: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -364,2 +409,3 @@ tertiary: string; | ||
canvas: string; | ||
canvasMobile: string; | ||
canvasInverse: string; | ||
@@ -370,3 +416,2 @@ primary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -409,19 +454,23 @@ infoInverse: 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; | ||
}; | ||
@@ -524,2 +573,6 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
headerBlueBg: string; | ||
headerBlueBorder: string; | ||
}; | ||
@@ -546,2 +599,4 @@ dropdown: { | ||
text: string; | ||
bg: string; | ||
logo: string; | ||
}; | ||
@@ -565,3 +620,7 @@ filterItem: { | ||
}; | ||
icFolder: string; | ||
underlineNav: { | ||
textActive: string; | ||
text: string; | ||
}; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -586,5 +645,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -591,0 +651,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", | ||
@@ -109,3 +209,3 @@ "white": "#0d1117", | ||
"inverse": "#0d1117", | ||
"linkPrimary": "#75bbff", | ||
"linkPrimary": "#54a2fb", | ||
"linkSecondary": "#f0f6fc", | ||
@@ -119,4 +219,4 @@ "linkTertiary": "#8b949e", | ||
"primary": "#f0f6fc", | ||
"secondary": "#8b949e", | ||
"tertiary": "#8b949e", | ||
"secondary": "#6e7681", | ||
"tertiary": "#484f58", | ||
"info": "#75bbff", | ||
@@ -127,15 +227,18 @@ "danger": "#ed4e50", | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
"hoverPrimaryBorder": "#3f87e9", | ||
"hoverPrimaryText": "#f0f6fc", | ||
"hoverPrimaryIcon": "#f0f6fc", | ||
"hoverSecondaryBg": "#161b22", | ||
"hoverSecondaryBorder": "#161b22", | ||
"selectedPrimaryBg": "#3f87e9", | ||
"selectedPrimaryBorder": "#3f87e9" | ||
"selectedPrimaryBorder": "#3f87e9", | ||
"selectedPrimaryText": "#f0f6fc", | ||
"selectedPrimaryIcon": "#f0f6fc" | ||
}, | ||
"border": { | ||
"primary": "#30363d", | ||
"primaryLight": "#292e34", | ||
"secondary": "#30363d", | ||
"tertiary": "#0d1117", | ||
"secondary": "#21262d", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
@@ -149,8 +252,8 @@ "info": "#3f87e9", | ||
"canvas": "#0d1117", | ||
"canvasMobile": "#0d1117", | ||
"canvasInverse": "#f0f6fc", | ||
"primary": "#0d1117", | ||
"secondary": "#161b22", | ||
"tertiary": "#0d1117", | ||
"secondary": "#0d1117", | ||
"tertiary": "#161b22", | ||
"overlay": "#0d1117", | ||
"selected": "#3f87e9", | ||
"info": "#0b2e63", | ||
@@ -231,19 +334,23 @@ "infoInverse": "#3f87e9", | ||
"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": "#81e38a", | ||
"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)" | ||
} | ||
@@ -255,8 +362,8 @@ }, | ||
"btn": { | ||
"bg": "#0d1117", | ||
"bg": "#21262d", | ||
"border": "rgba(255,255,255,0.15)", | ||
"text": "#f0f6fc", | ||
"ic": "#6e7681", | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#f9f9fa", | ||
"bgHover": "#161b22", | ||
"bgActive": "#1a2028", | ||
"shadowActive": [ | ||
@@ -438,3 +545,7 @@ "inset", | ||
"box": { | ||
"blueBorder": "#0d4189" | ||
"blueBorder": "#0d4189", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)", | ||
"headerBlueBg": "#0d1117", | ||
"headerBlueBorder": "#30363d" | ||
}, | ||
@@ -460,3 +571,5 @@ "dropdown": { | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#161b22", | ||
"logo": "#f0f6fc" | ||
}, | ||
@@ -480,3 +593,7 @@ "filterItem": { | ||
}, | ||
"icFolder": "#2456aa", | ||
"underlineNav": { | ||
"textActive": "#ffffff", | ||
"text": "#8b949e" | ||
}, | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
@@ -498,17 +615,18 @@ "hlAuthorBorder": "#0d4189", | ||
"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)", | ||
@@ -515,0 +633,0 @@ "dayL3Border": "rgba(27,31,35,0.06)", |
@@ -102,2 +102,102 @@ { | ||
}, | ||
"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": { | ||
@@ -126,15 +226,18 @@ "primary": "#24292e", | ||
}, | ||
"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", | ||
@@ -148,8 +251,8 @@ "info": "#0366d6", | ||
"canvas": "#ffffff", | ||
"canvasMobile": "#ffffff", | ||
"canvasInverse": "#24292e", | ||
"primary": "#ffffff", | ||
"secondary": "#f6f8fa", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#fafbfc", | ||
"tertiary": "#f6f8fa", | ||
"overlay": "#ffffff", | ||
"selected": "#0366d6", | ||
"info": "#f1f8ff", | ||
@@ -162,3 +265,3 @@ "infoInverse": "#0366d6", | ||
"warning": "#fff5b1", | ||
"warningInverse": "#f9c513" | ||
"warningInverse": "#ffd33d" | ||
}, | ||
@@ -231,19 +334,23 @@ "shadow": { | ||
"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)" | ||
} | ||
@@ -437,3 +544,7 @@ }, | ||
"box": { | ||
"blueBorder": "#c8e1ff" | ||
"blueBorder": "#c8e1ff", | ||
"rowYellowBg": "#fffbdd", | ||
"rowBlueBg": "#f1f8ff", | ||
"headerBlueBg": "#f1f8ff", | ||
"headerBlueBorder": "#c8e1ff" | ||
}, | ||
@@ -459,3 +570,5 @@ "dropdown": { | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#24292e", | ||
"logo": "#ffffff" | ||
}, | ||
@@ -479,3 +592,7 @@ "filterItem": { | ||
}, | ||
"icFolder": "#79b8ff", | ||
"underlineNav": { | ||
"textActive": "#24292e", | ||
"text": "#24292e" | ||
}, | ||
"iconFolder": "#79b8ff", | ||
"hlAuthorBg": "#f1f8ff", | ||
@@ -500,6 +617,7 @@ "hlAuthorBorder": "#c8e1ff", | ||
"text": "#ffffff", | ||
"icon": "#ffffff", | ||
"inputBg": "#fafbfc", | ||
"inputBorder": "#fafbfc", | ||
"inputIc": "#1b1f23", | ||
"inputPlaceholder": "#1b1f23" | ||
"inputIcon": "#d1d5da", | ||
"inputPlaceholder": "#959da5" | ||
}, | ||
@@ -506,0 +624,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", | ||
@@ -109,3 +209,3 @@ "white": "#0d1117", | ||
"inverse": "#0d1117", | ||
"linkPrimary": "#75bbff", | ||
"linkPrimary": "#54a2fb", | ||
"linkSecondary": "#f0f6fc", | ||
@@ -119,4 +219,4 @@ "linkTertiary": "#8b949e", | ||
"primary": "#f0f6fc", | ||
"secondary": "#8b949e", | ||
"tertiary": "#8b949e", | ||
"secondary": "#6e7681", | ||
"tertiary": "#484f58", | ||
"info": "#75bbff", | ||
@@ -127,15 +227,18 @@ "danger": "#ed4e50", | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
"hoverPrimaryBorder": "#3f87e9", | ||
"hoverPrimaryText": "#f0f6fc", | ||
"hoverPrimaryIcon": "#f0f6fc", | ||
"hoverSecondaryBg": "#161b22", | ||
"hoverSecondaryBorder": "#161b22", | ||
"selectedPrimaryBg": "#3f87e9", | ||
"selectedPrimaryBorder": "#3f87e9" | ||
"selectedPrimaryBorder": "#3f87e9", | ||
"selectedPrimaryText": "#f0f6fc", | ||
"selectedPrimaryIcon": "#f0f6fc" | ||
}, | ||
"border": { | ||
"primary": "#30363d", | ||
"primaryLight": "#292e34", | ||
"secondary": "#30363d", | ||
"tertiary": "#0d1117", | ||
"secondary": "#21262d", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
@@ -149,8 +252,8 @@ "info": "#3f87e9", | ||
"canvas": "#0d1117", | ||
"canvasMobile": "#0d1117", | ||
"canvasInverse": "#f0f6fc", | ||
"primary": "#0d1117", | ||
"secondary": "#161b22", | ||
"tertiary": "#0d1117", | ||
"secondary": "#0d1117", | ||
"tertiary": "#161b22", | ||
"overlay": "#0d1117", | ||
"selected": "#3f87e9", | ||
"info": "#0b2e63", | ||
@@ -231,19 +334,23 @@ "infoInverse": "#3f87e9", | ||
"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": "#81e38a", | ||
"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)" | ||
} | ||
@@ -255,8 +362,8 @@ }, | ||
"btn": { | ||
"bg": "#0d1117", | ||
"bg": "#21262d", | ||
"border": "rgba(255,255,255,0.15)", | ||
"text": "#f0f6fc", | ||
"ic": "#6e7681", | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#f9f9fa", | ||
"bgHover": "#161b22", | ||
"bgActive": "#1a2028", | ||
"shadowActive": [ | ||
@@ -438,3 +545,7 @@ "inset", | ||
"box": { | ||
"blueBorder": "#0d4189" | ||
"blueBorder": "#0d4189", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)", | ||
"headerBlueBg": "#0d1117", | ||
"headerBlueBorder": "#30363d" | ||
}, | ||
@@ -460,3 +571,5 @@ "dropdown": { | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#161b22", | ||
"logo": "#f0f6fc" | ||
}, | ||
@@ -480,3 +593,7 @@ "filterItem": { | ||
}, | ||
"icFolder": "#2456aa", | ||
"underlineNav": { | ||
"textActive": "#ffffff", | ||
"text": "#8b949e" | ||
}, | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
@@ -498,17 +615,18 @@ "hlAuthorBorder": "#0d4189", | ||
"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)", | ||
@@ -515,0 +633,0 @@ "dayL3Border": "rgba(27,31,35,0.06)", |
@@ -102,2 +102,102 @@ export default { | ||
}, | ||
"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": { | ||
@@ -126,15 +226,18 @@ "primary": "#24292e", | ||
}, | ||
"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", | ||
@@ -148,8 +251,8 @@ "info": "#0366d6", | ||
"canvas": "#ffffff", | ||
"canvasMobile": "#ffffff", | ||
"canvasInverse": "#24292e", | ||
"primary": "#ffffff", | ||
"secondary": "#f6f8fa", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#fafbfc", | ||
"tertiary": "#f6f8fa", | ||
"overlay": "#ffffff", | ||
"selected": "#0366d6", | ||
"info": "#f1f8ff", | ||
@@ -162,3 +265,3 @@ "infoInverse": "#0366d6", | ||
"warning": "#fff5b1", | ||
"warningInverse": "#f9c513" | ||
"warningInverse": "#ffd33d" | ||
}, | ||
@@ -231,19 +334,23 @@ "shadow": { | ||
"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)" | ||
} | ||
@@ -437,3 +544,7 @@ }, | ||
"box": { | ||
"blueBorder": "#c8e1ff" | ||
"blueBorder": "#c8e1ff", | ||
"rowYellowBg": "#fffbdd", | ||
"rowBlueBg": "#f1f8ff", | ||
"headerBlueBg": "#f1f8ff", | ||
"headerBlueBorder": "#c8e1ff" | ||
}, | ||
@@ -459,3 +570,5 @@ "dropdown": { | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)" | ||
"text": "rgba(255,255,255,0.7)", | ||
"bg": "#24292e", | ||
"logo": "#ffffff" | ||
}, | ||
@@ -479,3 +592,7 @@ "filterItem": { | ||
}, | ||
"icFolder": "#79b8ff", | ||
"underlineNav": { | ||
"textActive": "#24292e", | ||
"text": "#24292e" | ||
}, | ||
"iconFolder": "#79b8ff", | ||
"hlAuthorBg": "#f1f8ff", | ||
@@ -500,6 +617,7 @@ "hlAuthorBorder": "#c8e1ff", | ||
"text": "#ffffff", | ||
"icon": "#ffffff", | ||
"inputBg": "#fafbfc", | ||
"inputBorder": "#fafbfc", | ||
"inputIc": "#1b1f23", | ||
"inputPlaceholder": "#1b1f23" | ||
"inputIcon": "#d1d5da", | ||
"inputPlaceholder": "#959da5" | ||
}, | ||
@@ -506,0 +624,0 @@ "calendarGraph": { |
{ | ||
"name": "@primer/primitives", | ||
"version": "0.0.0-54a9dc3", | ||
"version": "0.0.0-54c46a7", | ||
"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
173931
5865