New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@primer/primitives

Package Overview
Dependencies
Maintainers
6
Versions
4511
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@primer/primitives - npm Package Compare versions

Comparing version 0.0.0-0ca963b to 0.0.0-0fb8c91

37

dist/js/colors/dark.d.ts

@@ -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: {

@@ -41,2 +53,4 @@ primary: 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;

@@ -104,19 +120,23 @@ primary: 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;
};

@@ -219,2 +239,4 @@ };

blueBorder: string;
rowYellowBg: string;
rowBlueBg: string;
};

@@ -259,3 +281,3 @@ dropdown: {

};
icFolder: string;
iconFolder: string;
hlAuthorBg: string;

@@ -280,5 +302,6 @@ hlAuthorBorder: string;

text: string;
icon: string;
inputBg: string;
inputBorder: string;
inputIc: string;
inputIcon: string;
inputPlaceholder: string;

@@ -285,0 +308,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",

@@ -133,12 +233,15 @@ "danger": "#ed4e50",

"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,6 +255,7 @@ "info": "#3f87e9",

"canvas": "#0d1117",
"canvasMobile": "#0d1117",
"canvasInverse": "#f0f6fc",
"primary": "#0d1117",
"secondary": "#161b22",
"tertiary": "#0d1117",
"secondary": "#0d1117",
"tertiary": "#161b22",
"overlay": "#0d1117",

@@ -233,19 +337,23 @@ "info": "#0b2e63",

"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)"
}

@@ -261,4 +369,4 @@ },

"ic": "#6e7681",
"bgHover": "#f3f4f6",
"bgActive": "#f9f9fa",
"bgHover": "#161b22",
"bgActive": "#1a2028",
"shadowActive": [

@@ -440,3 +548,5 @@ "inset",

"box": {
"blueBorder": "#0d4189"
"blueBorder": "#0d4189",
"rowYellowBg": "rgba(235,196,64,0.1)",
"rowBlueBg": "rgba(117,187,255,0.1)"
},

@@ -481,3 +591,3 @@ "dropdown": {

},
"icFolder": "#2456aa",
"iconFolder": "#6e7681",
"hlAuthorBg": "#061e46",

@@ -499,17 +609,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)",

@@ -516,0 +627,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: {

@@ -42,2 +54,4 @@ primary: 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;

@@ -105,19 +121,23 @@ primary: 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 +240,4 @@ };

blueBorder: string;
rowYellowBg: string;
rowBlueBg: string;
};

@@ -260,3 +282,3 @@ dropdown: {

};
icFolder: string;
iconFolder: string;
hlAuthorBg: string;

@@ -281,5 +303,6 @@ hlAuthorBorder: string;

text: string;
icon: string;
inputBg: string;
inputBorder: string;
inputIc: string;
inputIcon: string;
inputPlaceholder: string;

@@ -313,2 +336,14 @@ };

};
auto: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
text: {

@@ -340,2 +375,4 @@ primary: string;

hoverPrimaryBorder: string;
hoverPrimaryText: string;
hoverPrimaryIcon: string;
hoverSecondaryBg: string;

@@ -345,6 +382,7 @@ hoverSecondaryBorder: string;

selectedPrimaryBorder: string;
selectedPrimaryText: string;
selectedPrimaryIcon: string;
};
border: {
primary: string;
primaryLight: string;
secondary: string;

@@ -360,2 +398,3 @@ tertiary: string;

canvas: string;
canvasMobile: string;
canvasInverse: string;

@@ -403,19 +442,23 @@ primary: 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;
};

@@ -518,2 +561,4 @@ };

blueBorder: string;
rowYellowBg: string;
rowBlueBg: string;
};

@@ -558,3 +603,3 @@ dropdown: {

};
icFolder: string;
iconFolder: string;
hlAuthorBg: string;

@@ -579,5 +624,6 @@ hlAuthorBorder: string;

text: string;
icon: string;
inputBg: string;
inputBorder: string;
inputIc: string;
inputIcon: string;
inputPlaceholder: string;

@@ -584,0 +630,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: {

@@ -41,2 +53,4 @@ primary: 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;

@@ -104,19 +120,23 @@ primary: 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;
};

@@ -219,2 +239,4 @@ };

blueBorder: string;
rowYellowBg: string;
rowBlueBg: string;
};

@@ -259,3 +281,3 @@ dropdown: {

};
icFolder: string;
iconFolder: string;
hlAuthorBg: string;

@@ -280,5 +302,6 @@ hlAuthorBorder: string;

text: string;
icon: string;
inputBg: string;
inputBorder: string;
inputIc: string;
inputIcon: string;
inputPlaceholder: string;

@@ -285,0 +308,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": {

@@ -131,11 +231,14 @@ "primary": "#24292e",

"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": "#e1e4e8",
"secondary": "#eaecef",
"tertiary": "#d1d5da",

@@ -150,6 +253,7 @@ "inverse": "#ffffff",

"canvas": "#ffffff",
"canvasMobile": "#ffffff",
"canvasInverse": "#24292e",
"primary": "#ffffff",
"secondary": "#f6f8fa",
"tertiary": "#fafbfc",
"secondary": "#fafbfc",
"tertiary": "#f6f8fa",
"overlay": "#ffffff",

@@ -163,3 +267,3 @@ "info": "#f1f8ff",

"warning": "#fff5b1",
"warningInverse": "#f9c513"
"warningInverse": "#ffd33d"
},

@@ -232,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)"
}

@@ -438,3 +546,5 @@ },

"box": {
"blueBorder": "#c8e1ff"
"blueBorder": "#c8e1ff",
"rowYellowBg": "#fffbdd",
"rowBlueBg": "#f1f8ff"
},

@@ -479,3 +589,3 @@ "dropdown": {

},
"icFolder": "#79b8ff",
"iconFolder": "#79b8ff",
"hlAuthorBg": "#f1f8ff",

@@ -500,6 +610,7 @@ "hlAuthorBorder": "#c8e1ff",

"text": "#ffffff",
"icon": "#ffffff",
"inputBg": "#fafbfc",
"inputBorder": "#fafbfc",
"inputIc": "#1b1f23",
"inputPlaceholder": "#1b1f23"
"inputIcon": "#d1d5da",
"inputPlaceholder": "#959da5"
},

@@ -506,0 +617,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: {

@@ -43,2 +55,4 @@ primary: 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;

@@ -106,19 +122,23 @@ primary: 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 +241,4 @@ };

blueBorder: string;
rowYellowBg: string;
rowBlueBg: string;
};

@@ -261,3 +283,3 @@ dropdown: {

};
icFolder: string;
iconFolder: string;
hlAuthorBg: string;

@@ -282,5 +304,6 @@ hlAuthorBorder: string;

text: string;
icon: string;
inputBg: string;
inputBorder: string;
inputIc: string;
inputIcon: string;
inputPlaceholder: string;

@@ -314,2 +337,14 @@ };

};
auto: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
text: {

@@ -341,2 +376,4 @@ primary: string;

hoverPrimaryBorder: string;
hoverPrimaryText: string;
hoverPrimaryIcon: string;
hoverSecondaryBg: string;

@@ -346,6 +383,7 @@ hoverSecondaryBorder: string;

selectedPrimaryBorder: string;
selectedPrimaryText: string;
selectedPrimaryIcon: string;
};
border: {
primary: string;
primaryLight: string;
secondary: string;

@@ -361,2 +399,3 @@ tertiary: string;

canvas: string;
canvasMobile: string;
canvasInverse: string;

@@ -404,19 +443,23 @@ primary: 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;
};

@@ -519,2 +562,4 @@ };

blueBorder: string;
rowYellowBg: string;
rowBlueBg: string;
};

@@ -559,3 +604,3 @@ dropdown: {

};
icFolder: string;
iconFolder: string;
hlAuthorBg: string;

@@ -580,5 +625,6 @@ hlAuthorBorder: string;

text: string;
icon: string;
inputBg: string;
inputBorder: string;
inputIc: string;
inputIcon: string;
inputPlaceholder: string;

@@ -585,0 +631,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",

@@ -130,12 +230,15 @@ "danger": "#ed4e50",

"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,6 +252,7 @@ "info": "#3f87e9",

"canvas": "#0d1117",
"canvasMobile": "#0d1117",
"canvasInverse": "#f0f6fc",
"primary": "#0d1117",
"secondary": "#161b22",
"tertiary": "#0d1117",
"secondary": "#0d1117",
"tertiary": "#161b22",
"overlay": "#0d1117",

@@ -230,19 +334,23 @@ "info": "#0b2e63",

"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,4 +366,4 @@ },

"ic": "#6e7681",
"bgHover": "#f3f4f6",
"bgActive": "#f9f9fa",
"bgHover": "#161b22",
"bgActive": "#1a2028",
"shadowActive": [

@@ -437,3 +545,5 @@ "inset",

"box": {
"blueBorder": "#0d4189"
"blueBorder": "#0d4189",
"rowYellowBg": "rgba(235,196,64,0.1)",
"rowBlueBg": "rgba(117,187,255,0.1)"
},

@@ -478,3 +588,3 @@ "dropdown": {

},
"icFolder": "#2456aa",
"iconFolder": "#6e7681",
"hlAuthorBg": "#061e46",

@@ -496,17 +606,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)",

@@ -513,0 +624,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": {

@@ -129,11 +229,14 @@ "primary": "#24292e",

"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": "#e1e4e8",
"secondary": "#eaecef",
"tertiary": "#d1d5da",

@@ -148,6 +251,7 @@ "inverse": "#ffffff",

"canvas": "#ffffff",
"canvasMobile": "#ffffff",
"canvasInverse": "#24292e",
"primary": "#ffffff",
"secondary": "#f6f8fa",
"tertiary": "#fafbfc",
"secondary": "#fafbfc",
"tertiary": "#f6f8fa",
"overlay": "#ffffff",

@@ -161,3 +265,3 @@ "info": "#f1f8ff",

"warning": "#fff5b1",
"warningInverse": "#f9c513"
"warningInverse": "#ffd33d"
},

@@ -230,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)"
}

@@ -436,3 +544,5 @@ },

"box": {
"blueBorder": "#c8e1ff"
"blueBorder": "#c8e1ff",
"rowYellowBg": "#fffbdd",
"rowBlueBg": "#f1f8ff"
},

@@ -477,3 +587,3 @@ "dropdown": {

},
"icFolder": "#79b8ff",
"iconFolder": "#79b8ff",
"hlAuthorBg": "#f1f8ff",

@@ -498,6 +608,7 @@ "hlAuthorBorder": "#c8e1ff",

"text": "#ffffff",
"icon": "#ffffff",
"inputBg": "#fafbfc",
"inputBorder": "#fafbfc",
"inputIc": "#1b1f23",
"inputPlaceholder": "#1b1f23"
"inputIcon": "#d1d5da",
"inputPlaceholder": "#959da5"
},

@@ -504,0 +615,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",

@@ -130,12 +230,15 @@ "danger": "#ed4e50",

"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,6 +252,7 @@ "info": "#3f87e9",

"canvas": "#0d1117",
"canvasMobile": "#0d1117",
"canvasInverse": "#f0f6fc",
"primary": "#0d1117",
"secondary": "#161b22",
"tertiary": "#0d1117",
"secondary": "#0d1117",
"tertiary": "#161b22",
"overlay": "#0d1117",

@@ -230,19 +334,23 @@ "info": "#0b2e63",

"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,4 +366,4 @@ },

"ic": "#6e7681",
"bgHover": "#f3f4f6",
"bgActive": "#f9f9fa",
"bgHover": "#161b22",
"bgActive": "#1a2028",
"shadowActive": [

@@ -437,3 +545,5 @@ "inset",

"box": {
"blueBorder": "#0d4189"
"blueBorder": "#0d4189",
"rowYellowBg": "rgba(235,196,64,0.1)",
"rowBlueBg": "rgba(117,187,255,0.1)"
},

@@ -478,3 +588,3 @@ "dropdown": {

},
"icFolder": "#2456aa",
"iconFolder": "#6e7681",
"hlAuthorBg": "#061e46",

@@ -496,17 +606,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)",

@@ -513,0 +624,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": {

@@ -129,11 +229,14 @@ "primary": "#24292e",

"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": "#e1e4e8",
"secondary": "#eaecef",
"tertiary": "#d1d5da",

@@ -148,6 +251,7 @@ "inverse": "#ffffff",

"canvas": "#ffffff",
"canvasMobile": "#ffffff",
"canvasInverse": "#24292e",
"primary": "#ffffff",
"secondary": "#f6f8fa",
"tertiary": "#fafbfc",
"secondary": "#fafbfc",
"tertiary": "#f6f8fa",
"overlay": "#ffffff",

@@ -161,3 +265,3 @@ "info": "#f1f8ff",

"warning": "#fff5b1",
"warningInverse": "#f9c513"
"warningInverse": "#ffd33d"
},

@@ -230,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)"
}

@@ -436,3 +544,5 @@ },

"box": {
"blueBorder": "#c8e1ff"
"blueBorder": "#c8e1ff",
"rowYellowBg": "#fffbdd",
"rowBlueBg": "#f1f8ff"
},

@@ -477,3 +587,3 @@ "dropdown": {

},
"icFolder": "#79b8ff",
"iconFolder": "#79b8ff",
"hlAuthorBg": "#f1f8ff",

@@ -498,6 +608,7 @@ "hlAuthorBorder": "#c8e1ff",

"text": "#ffffff",
"icon": "#ffffff",
"inputBg": "#fafbfc",
"inputBorder": "#fafbfc",
"inputIc": "#1b1f23",
"inputPlaceholder": "#1b1f23"
"inputIcon": "#d1d5da",
"inputPlaceholder": "#959da5"
},

@@ -504,0 +615,0 @@ "calendarGraph": {

5

package.json
{
"name": "@primer/primitives",
"version": "0.0.0-0ca963b",
"version": "0.0.0-0fb8c91",
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc