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
4513
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-3d5a7cb to 0.0.0-3dafc1d

26

dist/js/colors/dark.d.ts

@@ -139,2 +139,7 @@ declare const _default: {

};
autocomplete: {
bg: string;
border: string;
rowBorder: string;
};
blankslate: {

@@ -148,2 +153,4 @@ icon: string;

ic: string;
shadow: string;
shadowHighlight: string;
bgHover: string;

@@ -159,5 +166,5 @@ bgActive: string;

ic: string;
shadow: string[];
shadowHighlight: string[];
shadowSelected: string[];
shadow: string;
shadowHighlight: string;
shadowSelected: string;
bgHover: string;

@@ -167,3 +174,3 @@ bgActive: string;

disabledText: string;
disabledShadow: string[];
disabledShadow: string;
counterBg: string;

@@ -283,2 +290,13 @@ };

};
underlineNav: {
textActive: string;
text: string;
};
socialCount: {
bg: string;
};
headerSearch: {
bg: string;
border: string;
};
iconFolder: string;

@@ -285,0 +303,0 @@ hlAuthorBg: string;

91

dist/js/colors/dark.js

@@ -228,3 +228,3 @@ "use strict";

"state": {
"hoverPrimaryBg": "#3f87e9",
"hoverPrimaryBg": "#316ecd",
"hoverPrimaryBorder": "#3f87e9",

@@ -235,3 +235,3 @@ "hoverPrimaryText": "#f0f6fc",

"hoverSecondaryBorder": "#161b22",
"selectedPrimaryBg": "#3f87e9",
"selectedPrimaryBg": "#316ecd",
"selectedPrimaryBorder": "#3f87e9",

@@ -273,3 +273,3 @@ "selectedPrimaryText": "#f0f6fc",

"0",
"rgba(72,79,88,0.04)"
"#0d1117"
],

@@ -280,3 +280,3 @@ "medium": [

"6px",
"rgba(72,79,88,0.15)"
"#0d1117"
],

@@ -287,3 +287,3 @@ "large": [

"24px",
"rgba(72,79,88,0.2)"
"#0d1117"
],

@@ -294,3 +294,3 @@ "extraLarge": [

"48px",
"rgba(72,79,88,0.3)"
"#0d1117"
],

@@ -361,2 +361,7 @@ "highlight": [

},
"autocomplete": {
"bg": "#21262d",
"border": "#484f58",
"rowBorder": "#30363d"
},
"blankslate": {

@@ -366,6 +371,8 @@ "icon": "#535c66"

"btn": {
"bg": "#0d1117",
"border": "rgba(255,255,255,0.15)",
"bg": "rgba(255,255,255,0.1)",
"border": "rgba(255,255,255,0.1)",
"text": "#f0f6fc",
"ic": "#6e7681",
"shadow": "rgba(0,0,0,0)",
"shadowHighlight": "rgba(0,0,0,0)",
"bgHover": "#161b22",

@@ -388,38 +395,15 @@ "bgActive": "#1a2028",

"primary": {
"bg": "#2ea44f",
"border": "rgba(13,17,23,0.15)",
"borderDisabled": "rgba(13,17,23,0.1)",
"text": "#ffffff",
"ic": "rgba(255,255,255,0.8)",
"shadow": [
"0",
"1px",
"0",
"rgba(13,17,23,0.1)"
],
"shadowHighlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.03)"
],
"shadowSelected": [
"inset",
"0",
"1px",
"0",
"rgba(4,38,15,0.2)"
],
"bgHover": "#2c974b",
"bgActive": "#2a8f47",
"bgDisabled": "#94d3a2",
"disabledText": "rgba(255,255,255,0.8)",
"disabledShadow": [
"0",
"0",
"0",
"3px",
"rgba(46,164,79,0.4)"
],
"bg": "#2f9a42",
"border": "#3ab550",
"borderDisabled": "#144d23",
"text": "#f0f6fc",
"ic": "#f0f6fc",
"shadow": "rgba(0,0,0,0)",
"shadowHighlight": "rgba(0,0,0,0)",
"shadowSelected": "rgba(0,0,0,0)",
"bgHover": "#31a245",
"bgActive": "#2d923f",
"bgDisabled": "#0a3818",
"disabledText": "rgba(255,255,255,0.5)",
"disabledShadow": "rgba(0,0,0,0)",
"counterBg": "rgba(255,255,255,0.2)"

@@ -467,3 +451,3 @@ },

"outline": {
"text": "#3f87e9",
"text": "#54a2fb",
"textDisabled": "rgba(63,135,233,0.5)",

@@ -492,4 +476,4 @@ "bgHover": "#54a2fb",

"counter": {
"text": "#f0f6fc",
"bg": "rgba(48,54,61,0.5)",
"text": "#8b949e",
"bg": "#30363d",
"border": "rgba(209,213,218,0.5)"

@@ -559,3 +543,3 @@ },

"dropdown": {
"border": "rgba(13,17,23,0.15)"
"border": "#0d1117"
},

@@ -599,2 +583,13 @@ "popover": {

},
"underlineNav": {
"textActive": "#ffffff",
"text": "#8b949e"
},
"socialCount": {
"bg": "rgba(255,255,255,0.1)"
},
"headerSearch": {
"bg": "#0d1117",
"border": "#21262d"
},
"iconFolder": "#6e7681",

@@ -601,0 +596,0 @@ "hlAuthorBg": "#061e46",

@@ -140,2 +140,7 @@ declare const _default: {

};
autocomplete: {
bg: string;
border: string;
rowBorder: string;
};
blankslate: {

@@ -149,2 +154,4 @@ icon: string;

ic: string;
shadow: string;
shadowHighlight: string;
bgHover: string;

@@ -160,5 +167,5 @@ bgActive: string;

ic: string;
shadow: string[];
shadowHighlight: string[];
shadowSelected: string[];
shadow: string;
shadowHighlight: string;
shadowSelected: string;
bgHover: string;

@@ -168,3 +175,3 @@ bgActive: string;

disabledText: string;
disabledShadow: string[];
disabledShadow: string;
counterBg: string;

@@ -284,2 +291,13 @@ };

};
underlineNav: {
textActive: string;
text: string;
};
socialCount: {
bg: string;
};
headerSearch: {
bg: string;
border: string;
};
iconFolder: string;

@@ -462,2 +480,7 @@ hlAuthorBg: string;

};
autocomplete: {
bg: string;
border: string;
rowBorder: string;
};
blankslate: {

@@ -471,2 +494,4 @@ icon: string;

ic: string;
shadow: string[];
shadowHighlight: string[];
bgHover: string;

@@ -604,2 +629,13 @@ bgActive: string;

};
underlineNav: {
textActive: string;
text: string;
};
socialCount: {
bg: string;
};
headerSearch: {
bg: string;
border: string;
};
iconFolder: string;

@@ -606,0 +642,0 @@ hlAuthorBg: string;

@@ -139,2 +139,7 @@ declare const _default: {

};
autocomplete: {
bg: string;
border: string;
rowBorder: string;
};
blankslate: {

@@ -148,2 +153,4 @@ icon: string;

ic: string;
shadow: string[];
shadowHighlight: string[];
bgHover: string;

@@ -281,2 +288,13 @@ bgActive: string;

};
underlineNav: {
textActive: string;
text: string;
};
socialCount: {
bg: string;
};
headerSearch: {
bg: string;
border: string;
};
iconFolder: string;

@@ -283,0 +301,0 @@ hlAuthorBg: string;

@@ -355,2 +355,7 @@ "use strict";

},
"autocomplete": {
"bg": "#ffffff",
"border": "#e1e4e8",
"rowBorder": "#eaecef"
},
"blankslate": {

@@ -364,2 +369,15 @@ "icon": "#a3aab1"

"ic": "#6a737d",
"shadow": [
"0",
"1px",
"0",
"rgba(27,31,35,0.04)"
],
"shadowHighlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.25)"
],
"bgHover": "#f3f4f6",

@@ -512,3 +530,3 @@ "bgActive": "#edeff2",

"avatar": {
"border": "rgba(27,31,35,0.1)",
"border": "rgba(0,0,0,0)",
"stackFade": "#d1d5da",

@@ -551,3 +569,3 @@ "stackFadeMore": "#e1e4e8",

"dropdown": {
"border": "rgba(27,31,35,0.15)"
"border": "#ffffff"
},

@@ -591,2 +609,13 @@ "popover": {

},
"underlineNav": {
"textActive": "#24292e",
"text": "#24292e"
},
"socialCount": {
"bg": "#ffffff"
},
"headerSearch": {
"bg": "#24292e",
"border": "#444d56"
},
"iconFolder": "#79b8ff",

@@ -593,0 +622,0 @@ "hlAuthorBg": "#f1f8ff",

@@ -141,2 +141,7 @@ declare const _default: {

};
autocomplete: {
bg: string;
border: string;
rowBorder: string;
};
blankslate: {

@@ -150,2 +155,4 @@ icon: string;

ic: string;
shadow: string;
shadowHighlight: string;
bgHover: string;

@@ -161,5 +168,5 @@ bgActive: string;

ic: string;
shadow: string[];
shadowHighlight: string[];
shadowSelected: string[];
shadow: string;
shadowHighlight: string;
shadowSelected: string;
bgHover: string;

@@ -169,3 +176,3 @@ bgActive: string;

disabledText: string;
disabledShadow: string[];
disabledShadow: string;
counterBg: string;

@@ -285,2 +292,13 @@ };

};
underlineNav: {
textActive: string;
text: string;
};
socialCount: {
bg: string;
};
headerSearch: {
bg: string;
border: string;
};
iconFolder: string;

@@ -463,2 +481,7 @@ hlAuthorBg: string;

};
autocomplete: {
bg: string;
border: string;
rowBorder: string;
};
blankslate: {

@@ -472,2 +495,4 @@ icon: string;

ic: string;
shadow: string[];
shadowHighlight: string[];
bgHover: string;

@@ -605,2 +630,13 @@ bgActive: string;

};
underlineNav: {
textActive: string;
text: string;
};
socialCount: {
bg: string;
};
headerSearch: {
bg: string;
border: string;
};
iconFolder: string;

@@ -607,0 +643,0 @@ hlAuthorBg: string;

@@ -226,3 +226,3 @@ {

"state": {
"hoverPrimaryBg": "#3f87e9",
"hoverPrimaryBg": "#316ecd",
"hoverPrimaryBorder": "#3f87e9",

@@ -233,3 +233,3 @@ "hoverPrimaryText": "#f0f6fc",

"hoverSecondaryBorder": "#161b22",
"selectedPrimaryBg": "#3f87e9",
"selectedPrimaryBg": "#316ecd",
"selectedPrimaryBorder": "#3f87e9",

@@ -271,3 +271,3 @@ "selectedPrimaryText": "#f0f6fc",

"0",
"rgba(72,79,88,0.04)"
"#0d1117"
],

@@ -278,3 +278,3 @@ "medium": [

"6px",
"rgba(72,79,88,0.15)"
"#0d1117"
],

@@ -285,3 +285,3 @@ "large": [

"24px",
"rgba(72,79,88,0.2)"
"#0d1117"
],

@@ -292,3 +292,3 @@ "extraLarge": [

"48px",
"rgba(72,79,88,0.3)"
"#0d1117"
],

@@ -359,2 +359,7 @@ "highlight": [

},
"autocomplete": {
"bg": "#21262d",
"border": "#484f58",
"rowBorder": "#30363d"
},
"blankslate": {

@@ -364,6 +369,8 @@ "icon": "#535c66"

"btn": {
"bg": "#0d1117",
"border": "rgba(255,255,255,0.15)",
"bg": "rgba(255,255,255,0.1)",
"border": "rgba(255,255,255,0.1)",
"text": "#f0f6fc",
"ic": "#6e7681",
"shadow": "rgba(0,0,0,0)",
"shadowHighlight": "rgba(0,0,0,0)",
"bgHover": "#161b22",

@@ -386,38 +393,15 @@ "bgActive": "#1a2028",

"primary": {
"bg": "#2ea44f",
"border": "rgba(13,17,23,0.15)",
"borderDisabled": "rgba(13,17,23,0.1)",
"text": "#ffffff",
"ic": "rgba(255,255,255,0.8)",
"shadow": [
"0",
"1px",
"0",
"rgba(13,17,23,0.1)"
],
"shadowHighlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.03)"
],
"shadowSelected": [
"inset",
"0",
"1px",
"0",
"rgba(4,38,15,0.2)"
],
"bgHover": "#2c974b",
"bgActive": "#2a8f47",
"bgDisabled": "#94d3a2",
"disabledText": "rgba(255,255,255,0.8)",
"disabledShadow": [
"0",
"0",
"0",
"3px",
"rgba(46,164,79,0.4)"
],
"bg": "#2f9a42",
"border": "#3ab550",
"borderDisabled": "#144d23",
"text": "#f0f6fc",
"ic": "#f0f6fc",
"shadow": "rgba(0,0,0,0)",
"shadowHighlight": "rgba(0,0,0,0)",
"shadowSelected": "rgba(0,0,0,0)",
"bgHover": "#31a245",
"bgActive": "#2d923f",
"bgDisabled": "#0a3818",
"disabledText": "rgba(255,255,255,0.5)",
"disabledShadow": "rgba(0,0,0,0)",
"counterBg": "rgba(255,255,255,0.2)"

@@ -465,3 +449,3 @@ },

"outline": {
"text": "#3f87e9",
"text": "#54a2fb",
"textDisabled": "rgba(63,135,233,0.5)",

@@ -490,4 +474,4 @@ "bgHover": "#54a2fb",

"counter": {
"text": "#f0f6fc",
"bg": "rgba(48,54,61,0.5)",
"text": "#8b949e",
"bg": "#30363d",
"border": "rgba(209,213,218,0.5)"

@@ -557,3 +541,3 @@ },

"dropdown": {
"border": "rgba(13,17,23,0.15)"
"border": "#0d1117"
},

@@ -597,2 +581,13 @@ "popover": {

},
"underlineNav": {
"textActive": "#ffffff",
"text": "#8b949e"
},
"socialCount": {
"bg": "rgba(255,255,255,0.1)"
},
"headerSearch": {
"bg": "#0d1117",
"border": "#21262d"
},
"iconFolder": "#6e7681",

@@ -599,0 +594,0 @@ "hlAuthorBg": "#061e46",

@@ -353,2 +353,7 @@ {

},
"autocomplete": {
"bg": "#ffffff",
"border": "#e1e4e8",
"rowBorder": "#eaecef"
},
"blankslate": {

@@ -362,2 +367,15 @@ "icon": "#a3aab1"

"ic": "#6a737d",
"shadow": [
"0",
"1px",
"0",
"rgba(27,31,35,0.04)"
],
"shadowHighlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.25)"
],
"bgHover": "#f3f4f6",

@@ -510,3 +528,3 @@ "bgActive": "#edeff2",

"avatar": {
"border": "rgba(27,31,35,0.1)",
"border": "rgba(0,0,0,0)",
"stackFade": "#d1d5da",

@@ -549,3 +567,3 @@ "stackFadeMore": "#e1e4e8",

"dropdown": {
"border": "rgba(27,31,35,0.15)"
"border": "#ffffff"
},

@@ -589,2 +607,13 @@ "popover": {

},
"underlineNav": {
"textActive": "#24292e",
"text": "#24292e"
},
"socialCount": {
"bg": "#ffffff"
},
"headerSearch": {
"bg": "#24292e",
"border": "#444d56"
},
"iconFolder": "#79b8ff",

@@ -591,0 +620,0 @@ "hlAuthorBg": "#f1f8ff",

@@ -226,3 +226,3 @@ export default {

"state": {
"hoverPrimaryBg": "#3f87e9",
"hoverPrimaryBg": "#316ecd",
"hoverPrimaryBorder": "#3f87e9",

@@ -233,3 +233,3 @@ "hoverPrimaryText": "#f0f6fc",

"hoverSecondaryBorder": "#161b22",
"selectedPrimaryBg": "#3f87e9",
"selectedPrimaryBg": "#316ecd",
"selectedPrimaryBorder": "#3f87e9",

@@ -271,3 +271,3 @@ "selectedPrimaryText": "#f0f6fc",

"0",
"rgba(72,79,88,0.04)"
"#0d1117"
],

@@ -278,3 +278,3 @@ "medium": [

"6px",
"rgba(72,79,88,0.15)"
"#0d1117"
],

@@ -285,3 +285,3 @@ "large": [

"24px",
"rgba(72,79,88,0.2)"
"#0d1117"
],

@@ -292,3 +292,3 @@ "extraLarge": [

"48px",
"rgba(72,79,88,0.3)"
"#0d1117"
],

@@ -359,2 +359,7 @@ "highlight": [

},
"autocomplete": {
"bg": "#21262d",
"border": "#484f58",
"rowBorder": "#30363d"
},
"blankslate": {

@@ -364,6 +369,8 @@ "icon": "#535c66"

"btn": {
"bg": "#0d1117",
"border": "rgba(255,255,255,0.15)",
"bg": "rgba(255,255,255,0.1)",
"border": "rgba(255,255,255,0.1)",
"text": "#f0f6fc",
"ic": "#6e7681",
"shadow": "rgba(0,0,0,0)",
"shadowHighlight": "rgba(0,0,0,0)",
"bgHover": "#161b22",

@@ -386,38 +393,15 @@ "bgActive": "#1a2028",

"primary": {
"bg": "#2ea44f",
"border": "rgba(13,17,23,0.15)",
"borderDisabled": "rgba(13,17,23,0.1)",
"text": "#ffffff",
"ic": "rgba(255,255,255,0.8)",
"shadow": [
"0",
"1px",
"0",
"rgba(13,17,23,0.1)"
],
"shadowHighlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.03)"
],
"shadowSelected": [
"inset",
"0",
"1px",
"0",
"rgba(4,38,15,0.2)"
],
"bgHover": "#2c974b",
"bgActive": "#2a8f47",
"bgDisabled": "#94d3a2",
"disabledText": "rgba(255,255,255,0.8)",
"disabledShadow": [
"0",
"0",
"0",
"3px",
"rgba(46,164,79,0.4)"
],
"bg": "#2f9a42",
"border": "#3ab550",
"borderDisabled": "#144d23",
"text": "#f0f6fc",
"ic": "#f0f6fc",
"shadow": "rgba(0,0,0,0)",
"shadowHighlight": "rgba(0,0,0,0)",
"shadowSelected": "rgba(0,0,0,0)",
"bgHover": "#31a245",
"bgActive": "#2d923f",
"bgDisabled": "#0a3818",
"disabledText": "rgba(255,255,255,0.5)",
"disabledShadow": "rgba(0,0,0,0)",
"counterBg": "rgba(255,255,255,0.2)"

@@ -465,3 +449,3 @@ },

"outline": {
"text": "#3f87e9",
"text": "#54a2fb",
"textDisabled": "rgba(63,135,233,0.5)",

@@ -490,4 +474,4 @@ "bgHover": "#54a2fb",

"counter": {
"text": "#f0f6fc",
"bg": "rgba(48,54,61,0.5)",
"text": "#8b949e",
"bg": "#30363d",
"border": "rgba(209,213,218,0.5)"

@@ -557,3 +541,3 @@ },

"dropdown": {
"border": "rgba(13,17,23,0.15)"
"border": "#0d1117"
},

@@ -597,2 +581,13 @@ "popover": {

},
"underlineNav": {
"textActive": "#ffffff",
"text": "#8b949e"
},
"socialCount": {
"bg": "rgba(255,255,255,0.1)"
},
"headerSearch": {
"bg": "#0d1117",
"border": "#21262d"
},
"iconFolder": "#6e7681",

@@ -599,0 +594,0 @@ "hlAuthorBg": "#061e46",

@@ -353,2 +353,7 @@ export default {

},
"autocomplete": {
"bg": "#ffffff",
"border": "#e1e4e8",
"rowBorder": "#eaecef"
},
"blankslate": {

@@ -362,2 +367,15 @@ "icon": "#a3aab1"

"ic": "#6a737d",
"shadow": [
"0",
"1px",
"0",
"rgba(27,31,35,0.04)"
],
"shadowHighlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.25)"
],
"bgHover": "#f3f4f6",

@@ -510,3 +528,3 @@ "bgActive": "#edeff2",

"avatar": {
"border": "rgba(27,31,35,0.1)",
"border": "rgba(0,0,0,0)",
"stackFade": "#d1d5da",

@@ -549,3 +567,3 @@ "stackFadeMore": "#e1e4e8",

"dropdown": {
"border": "rgba(27,31,35,0.15)"
"border": "#ffffff"
},

@@ -589,2 +607,13 @@ "popover": {

},
"underlineNav": {
"textActive": "#24292e",
"text": "#24292e"
},
"socialCount": {
"bg": "#ffffff"
},
"headerSearch": {
"bg": "#24292e",
"border": "#444d56"
},
"iconFolder": "#79b8ff",

@@ -591,0 +620,0 @@ "hlAuthorBg": "#f1f8ff",

{
"name": "@primer/primitives",
"version": "0.0.0-3d5a7cb",
"version": "0.0.0-3dafc1d",
"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

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