@primer/primitives
Advanced tools
Comparing version 0.0.0-109dae0 to 0.0.0-10a4ed9
@@ -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,3 +50,3 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
@@ -49,3 +61,2 @@ hoverPrimaryBorder: string; | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -66,3 +77,2 @@ tertiary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -105,19 +115,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; | ||
}; | ||
@@ -220,2 +234,4 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
}; | ||
@@ -260,3 +276,3 @@ dropdown: { | ||
}; | ||
icFolder: string; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -281,5 +297,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -286,0 +303,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", | ||
@@ -122,3 +222,3 @@ "white": "#0d1117", | ||
"secondary": "#8b949e", | ||
"tertiary": "#8b949e", | ||
"tertiary": "#484f58", | ||
"info": "#75bbff", | ||
@@ -129,3 +229,3 @@ "danger": "#ed4e50", | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
@@ -140,5 +240,4 @@ "hoverPrimaryBorder": "#3f87e9", | ||
"primary": "#30363d", | ||
"primaryLight": "#292e34", | ||
"secondary": "#30363d", | ||
"tertiary": "#0d1117", | ||
"secondary": "#292e34", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
@@ -157,3 +256,2 @@ "info": "#3f87e9", | ||
"overlay": "#0d1117", | ||
"selected": "#3f87e9", | ||
"info": "#0b2e63", | ||
@@ -234,19 +332,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)" | ||
} | ||
@@ -440,3 +542,5 @@ }, | ||
"box": { | ||
"blueBorder": "#0d4189" | ||
"blueBorder": "#0d4189", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)" | ||
}, | ||
@@ -481,3 +585,3 @@ "dropdown": { | ||
}, | ||
"icFolder": "#2456aa", | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
@@ -499,9 +603,10 @@ "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" | ||
}, | ||
@@ -508,0 +613,0 @@ "calendarGraph": { |
@@ -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,3 +51,3 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
@@ -50,3 +62,2 @@ hoverPrimaryBorder: string; | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -67,3 +78,2 @@ tertiary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -106,19 +116,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 +235,4 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
}; | ||
@@ -261,3 +277,3 @@ dropdown: { | ||
}; | ||
icFolder: string; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -282,5 +298,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -314,2 +331,14 @@ }; | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -338,3 +367,3 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
@@ -349,3 +378,2 @@ hoverPrimaryBorder: string; | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -366,3 +394,2 @@ tertiary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -405,19 +432,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; | ||
}; | ||
@@ -520,2 +551,4 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
}; | ||
@@ -560,3 +593,3 @@ dropdown: { | ||
}; | ||
icFolder: string; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -581,5 +614,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -586,0 +620,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,3 +50,3 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
@@ -49,3 +61,2 @@ hoverPrimaryBorder: string; | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -66,3 +77,2 @@ tertiary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -105,19 +115,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; | ||
}; | ||
@@ -220,2 +234,4 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
}; | ||
@@ -260,3 +276,3 @@ dropdown: { | ||
}; | ||
icFolder: string; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -281,5 +297,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -286,0 +303,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,3 +228,3 @@ "primary": "#24292e", | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#0366d6", | ||
@@ -139,5 +239,4 @@ "hoverPrimaryBorder": "#0366d6", | ||
"primary": "#e1e4e8", | ||
"primaryLight": "#eaecef", | ||
"secondary": "#d1d5da", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#eaecef", | ||
"tertiary": "#d1d5da", | ||
"inverse": "#ffffff", | ||
@@ -156,3 +255,2 @@ "info": "#0366d6", | ||
"overlay": "#ffffff", | ||
"selected": "#0366d6", | ||
"info": "#f1f8ff", | ||
@@ -233,19 +331,23 @@ "infoInverse": "#0366d6", | ||
"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 +541,5 @@ }, | ||
"box": { | ||
"blueBorder": "#c8e1ff" | ||
"blueBorder": "#c8e1ff", | ||
"rowYellowBg": "#fffbdd", | ||
"rowBlueBg": "#f1f8ff" | ||
}, | ||
@@ -480,3 +584,3 @@ "dropdown": { | ||
}, | ||
"icFolder": "#79b8ff", | ||
"iconFolder": "#79b8ff", | ||
"hlAuthorBg": "#f1f8ff", | ||
@@ -501,6 +605,7 @@ "hlAuthorBorder": "#c8e1ff", | ||
"text": "#ffffff", | ||
"icon": "#ffffff", | ||
"inputBg": "#fafbfc", | ||
"inputBorder": "#fafbfc", | ||
"inputIc": "#1b1f23", | ||
"inputPlaceholder": "#1b1f23" | ||
"inputIcon": "#d1d5da", | ||
"inputPlaceholder": "#959da5" | ||
}, | ||
@@ -507,0 +612,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,3 +52,3 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
@@ -51,3 +63,2 @@ hoverPrimaryBorder: string; | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -68,3 +79,2 @@ tertiary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -107,19 +117,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 +236,4 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
}; | ||
@@ -262,3 +278,3 @@ dropdown: { | ||
}; | ||
icFolder: string; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -283,5 +299,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -315,2 +332,14 @@ }; | ||
}; | ||
auto: { | ||
black: string; | ||
white: string; | ||
gray: string[]; | ||
blue: string[]; | ||
green: string[]; | ||
yellow: string[]; | ||
orange: string[]; | ||
red: string[]; | ||
purple: string[]; | ||
pink: string[]; | ||
}; | ||
text: { | ||
@@ -339,3 +368,3 @@ primary: string; | ||
}; | ||
hl: { | ||
state: { | ||
hoverPrimaryBg: string; | ||
@@ -350,3 +379,2 @@ hoverPrimaryBorder: string; | ||
primary: string; | ||
primaryLight: string; | ||
secondary: string; | ||
@@ -367,3 +395,2 @@ tertiary: string; | ||
overlay: string; | ||
selected: string; | ||
info: string; | ||
@@ -406,19 +433,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; | ||
}; | ||
@@ -521,2 +552,4 @@ }; | ||
blueBorder: string; | ||
rowYellowBg: string; | ||
rowBlueBg: string; | ||
}; | ||
@@ -561,3 +594,3 @@ dropdown: { | ||
}; | ||
icFolder: string; | ||
iconFolder: string; | ||
hlAuthorBg: string; | ||
@@ -582,5 +615,6 @@ hlAuthorBorder: string; | ||
text: string; | ||
icon: string; | ||
inputBg: string; | ||
inputBorder: string; | ||
inputIc: string; | ||
inputIcon: string; | ||
inputPlaceholder: string; | ||
@@ -587,0 +621,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", | ||
@@ -119,3 +219,3 @@ "white": "#0d1117", | ||
"secondary": "#8b949e", | ||
"tertiary": "#8b949e", | ||
"tertiary": "#484f58", | ||
"info": "#75bbff", | ||
@@ -126,3 +226,3 @@ "danger": "#ed4e50", | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
@@ -137,5 +237,4 @@ "hoverPrimaryBorder": "#3f87e9", | ||
"primary": "#30363d", | ||
"primaryLight": "#292e34", | ||
"secondary": "#30363d", | ||
"tertiary": "#0d1117", | ||
"secondary": "#292e34", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
@@ -154,3 +253,2 @@ "info": "#3f87e9", | ||
"overlay": "#0d1117", | ||
"selected": "#3f87e9", | ||
"info": "#0b2e63", | ||
@@ -231,19 +329,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)" | ||
} | ||
@@ -437,3 +539,5 @@ }, | ||
"box": { | ||
"blueBorder": "#0d4189" | ||
"blueBorder": "#0d4189", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)" | ||
}, | ||
@@ -478,3 +582,3 @@ "dropdown": { | ||
}, | ||
"icFolder": "#2456aa", | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
@@ -496,9 +600,10 @@ "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" | ||
}, | ||
@@ -505,0 +610,0 @@ "calendarGraph": { |
@@ -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,3 +226,3 @@ "primary": "#24292e", | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#0366d6", | ||
@@ -137,5 +237,4 @@ "hoverPrimaryBorder": "#0366d6", | ||
"primary": "#e1e4e8", | ||
"primaryLight": "#eaecef", | ||
"secondary": "#d1d5da", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#eaecef", | ||
"tertiary": "#d1d5da", | ||
"inverse": "#ffffff", | ||
@@ -154,3 +253,2 @@ "info": "#0366d6", | ||
"overlay": "#ffffff", | ||
"selected": "#0366d6", | ||
"info": "#f1f8ff", | ||
@@ -231,19 +329,23 @@ "infoInverse": "#0366d6", | ||
"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 +539,5 @@ }, | ||
"box": { | ||
"blueBorder": "#c8e1ff" | ||
"blueBorder": "#c8e1ff", | ||
"rowYellowBg": "#fffbdd", | ||
"rowBlueBg": "#f1f8ff" | ||
}, | ||
@@ -478,3 +582,3 @@ "dropdown": { | ||
}, | ||
"icFolder": "#79b8ff", | ||
"iconFolder": "#79b8ff", | ||
"hlAuthorBg": "#f1f8ff", | ||
@@ -499,6 +603,7 @@ "hlAuthorBorder": "#c8e1ff", | ||
"text": "#ffffff", | ||
"icon": "#ffffff", | ||
"inputBg": "#fafbfc", | ||
"inputBorder": "#fafbfc", | ||
"inputIc": "#1b1f23", | ||
"inputPlaceholder": "#1b1f23" | ||
"inputIcon": "#d1d5da", | ||
"inputPlaceholder": "#959da5" | ||
}, | ||
@@ -505,0 +610,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", | ||
@@ -119,3 +219,3 @@ "white": "#0d1117", | ||
"secondary": "#8b949e", | ||
"tertiary": "#8b949e", | ||
"tertiary": "#484f58", | ||
"info": "#75bbff", | ||
@@ -126,3 +226,3 @@ "danger": "#ed4e50", | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
@@ -137,5 +237,4 @@ "hoverPrimaryBorder": "#3f87e9", | ||
"primary": "#30363d", | ||
"primaryLight": "#292e34", | ||
"secondary": "#30363d", | ||
"tertiary": "#0d1117", | ||
"secondary": "#292e34", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
@@ -154,3 +253,2 @@ "info": "#3f87e9", | ||
"overlay": "#0d1117", | ||
"selected": "#3f87e9", | ||
"info": "#0b2e63", | ||
@@ -231,19 +329,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)" | ||
} | ||
@@ -437,3 +539,5 @@ }, | ||
"box": { | ||
"blueBorder": "#0d4189" | ||
"blueBorder": "#0d4189", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)" | ||
}, | ||
@@ -478,3 +582,3 @@ "dropdown": { | ||
}, | ||
"icFolder": "#2456aa", | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
@@ -496,9 +600,10 @@ "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" | ||
}, | ||
@@ -505,0 +610,0 @@ "calendarGraph": { |
@@ -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,3 +226,3 @@ "primary": "#24292e", | ||
}, | ||
"hl": { | ||
"state": { | ||
"hoverPrimaryBg": "#0366d6", | ||
@@ -137,5 +237,4 @@ "hoverPrimaryBorder": "#0366d6", | ||
"primary": "#e1e4e8", | ||
"primaryLight": "#eaecef", | ||
"secondary": "#d1d5da", | ||
"tertiary": "#fafbfc", | ||
"secondary": "#eaecef", | ||
"tertiary": "#d1d5da", | ||
"inverse": "#ffffff", | ||
@@ -154,3 +253,2 @@ "info": "#0366d6", | ||
"overlay": "#ffffff", | ||
"selected": "#0366d6", | ||
"info": "#f1f8ff", | ||
@@ -231,19 +329,23 @@ "infoInverse": "#0366d6", | ||
"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 +539,5 @@ }, | ||
"box": { | ||
"blueBorder": "#c8e1ff" | ||
"blueBorder": "#c8e1ff", | ||
"rowYellowBg": "#fffbdd", | ||
"rowBlueBg": "#f1f8ff" | ||
}, | ||
@@ -478,3 +582,3 @@ "dropdown": { | ||
}, | ||
"icFolder": "#79b8ff", | ||
"iconFolder": "#79b8ff", | ||
"hlAuthorBg": "#f1f8ff", | ||
@@ -499,6 +603,7 @@ "hlAuthorBorder": "#c8e1ff", | ||
"text": "#ffffff", | ||
"icon": "#ffffff", | ||
"inputBg": "#fafbfc", | ||
"inputBorder": "#fafbfc", | ||
"inputIc": "#1b1f23", | ||
"inputPlaceholder": "#1b1f23" | ||
"inputIcon": "#d1d5da", | ||
"inputPlaceholder": "#959da5" | ||
}, | ||
@@ -505,0 +610,0 @@ "calendarGraph": { |
{ | ||
"name": "@primer/primitives", | ||
"version": "0.0.0-109dae0", | ||
"version": "0.0.0-10a4ed9", | ||
"description": "Typography, spacing, and color primitives for Primer design system", | ||
@@ -5,0 +5,0 @@ "files": [ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
168195
5709