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

@primer/primitives

Package Overview
Dependencies
Maintainers
6
Versions
4432
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@primer/primitives - npm Package Compare versions

Comparing version 0.0.0-2f13178 to 0.0.0-2fb44d3

dist/js/colors/dark.d.ts
dist/js/colors/dark.js
dist/json/colors/dark.json
dist/scss/colors/_dark.scss
dist/ts/colors/dark.ts

723

dist/js/colors/index.d.ts
declare const _default: {
dark: {
scale: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
auto: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
text: {
primary: string;
secondary: string;
tertiary: string;
placeholder: string;
disabled: string;
inverse: string;
linkPrimary: string;
linkSecondary: string;
linkTertiary: string;
danger: string;
success: string;
warning: string;
};
icon: {
primary: string;
secondary: string;
tertiary: string;
info: string;
danger: string;
success: string;
warning: string;
};
state: {
hoverPrimaryBg: string;
hoverPrimaryBorder: string;
hoverPrimaryText: string;
hoverPrimaryIcon: string;
hoverSecondaryBg: string;
hoverSecondaryBorder: string;
selectedPrimaryBg: string;
selectedPrimaryBorder: string;
selectedPrimaryText: string;
selectedPrimaryIcon: string;
};
border: {
primary: string;
secondary: string;
tertiary: string;
inverse: string;
info: string;
danger: string;
success: string;
warning: string;
};
bg: {
canvas: string;
canvasMobile: string;
canvasInverse: string;
primary: string;
secondary: string;
tertiary: string;
overlay: string;
info: string;
infoInverse: string;
danger: string;
dangerInverse: string;
success: string;
successInverse: string;
warning: string;
warningInverse: string;
};
shadow: {
small: string[];
medium: string[];
large: string[];
extraLarge: string[];
highlight: string[];
inset: string[];
focus: string[];
};
fade: {
black: {
10: string;
15: string;
30: string;
50: string;
70: string;
85: string;
};
white: {
10: string;
15: string;
30: string;
50: string;
70: string;
85: string;
};
};
alert: {
text: string;
icon: string;
bg: string;
border: string;
warn: {
text: string;
icon: string;
bg: string;
border: string;
};
error: {
text: string;
icon: string;
bg: string;
border: string;
};
success: {
text: string;
icon: string;
bg: string;
border: string;
};
};
blankslate: {
icon: string;
};
btn: {
bg: string;
border: string;
text: string;
ic: string;
bgHover: string;
bgActive: string;
shadowActive: string[];
shadowInputFocus: string[];
primary: {
bg: string;
border: string;
borderDisabled: string;
text: string;
ic: string;
shadow: string[];
shadowHighlight: string[];
shadowSelected: string[];
bgHover: string;
bgActive: string;
bgDisabled: string;
disabledText: string;
disabledShadow: string[];
counterBg: string;
};
inverseOnHover: {
border: string;
shadow: string[];
shadowInset: string[];
counterBg: string;
};
danger: {
text: string;
textDisabled: string;
bgHover: string;
bgActive: string;
shadow: string[];
shadowFocus: string[];
counterBg: string;
counterBgDisabled: string;
};
outline: {
text: string;
textDisabled: string;
bgHover: string;
bgActive: string;
shadow: string[];
shadowFocus: string[];
counterBg: string;
counterBgDisabled: string;
};
counterBg: string;
};
counter: {
text: string;
bg: string;
border: string;
};
topic: {
tagBg: string;
tagBorder: string;
tagText: string;
};
input: {
bg: string;
contrastBg: string;
shadow: string[];
shadowFocus: string[];
};
avatar: {
border: string;
stackFade: string;
stackFadeMore: string;
childShadow: string[];
};
toast: {
icBgLoading: string;
};
timeline: {
text: string;
badgeBg: string;
targetBadgeBorder: string;
targetBadgeShadow: string;
};
selectMenu: {
backdropBg: string;
shadow: string[];
tapHighlight: string;
tapFocusBg: string;
};
box: {
blueBorder: string;
rowYellowBg: string;
rowBlueBg: string;
};
dropdown: {
border: string;
};
popover: {
border: string;
};
branchName: {
text: string;
bg: string;
icon: string;
};
markdown: {
codeBg: string;
frameBorder: string;
blockquoteBorder: string;
tableBorder: string;
tableTrBorder: string;
};
header: {
text: string;
};
filterItem: {
barBg: string;
};
hiddenTextExpander: {
bg: string;
bgHover: string;
};
dragAndDrop: {
border: string;
};
uploadEnabled: {
border: string;
borderFocused: string;
};
previewableCommentForm: {
border: string;
};
iconFolder: string;
hlAuthorBg: string;
hlAuthorBorder: string;
logoSubdued: string;
discussionBorder: string;
diff: {
neutralBg: string;
deletionBg: string;
deletionBgStrong: string;
deletionBorder: string;
deletionBorderStrong: string;
additionBg: string;
additionBgStrong: string;
additionBorder: string;
additionBorderStrong: string;
};
globalNav: {
logo: string;
bg: string;
text: string;
icon: string;
inputBg: string;
inputBorder: string;
inputIcon: string;
inputPlaceholder: string;
};
calendarGraph: {
dayBg: string;
dayBorder: string;
dayL1Bg: string;
dayL2Bg: string;
dayL3Bg: string;
dayL4Bg: string;
dayL4Border: string;
dayL3Border: string;
dayL2Border: string;
dayL1Border: string;
};
};
light: {
"scale": {
"black": string;
"white": string;
"grey": string[];
"blue": string[];
"green": string[];
"yellow": string[];
"orange": string[];
"red": string[];
"purple": string[];
"pink": string[];
scale: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
"text": {
"primary": string;
"secondary": string;
"tertiary": string;
"placeholder": string;
"disabled": string;
"linkPrimary": string;
"linkSecondary": string;
"linkTertiary": string;
"danger": string;
"success": string;
"warning": string;
auto: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
"ic": {
"primary": string;
"secondary": string;
"tertiary": string;
"info": string;
"danger": string;
"success": string;
"warning": string;
text: {
primary: string;
secondary: string;
tertiary: string;
placeholder: string;
disabled: string;
inverse: string;
linkPrimary: string;
linkSecondary: string;
linkTertiary: string;
danger: string;
success: string;
warning: string;
};
"hl": {
"hoverPrimaryBg": string;
"hoverPrimaryBorder": string;
"hoverSecondaryBg": string;
"hoverSecondaryBorder": string;
"selectedPrimaryBg": string;
"selectedPrimaryBorder": string;
icon: {
primary: string;
secondary: string;
tertiary: string;
info: string;
danger: string;
success: string;
warning: string;
};
"border": {
"primary": string;
"secondary": string;
"danger": string;
"success": string;
"warning": string;
state: {
hoverPrimaryBg: string;
hoverPrimaryBorder: string;
hoverPrimaryText: string;
hoverPrimaryIcon: string;
hoverSecondaryBg: string;
hoverSecondaryBorder: string;
selectedPrimaryBg: string;
selectedPrimaryBorder: string;
selectedPrimaryText: string;
selectedPrimaryIcon: string;
};
"bg": {
"canvas": string;
"canvasInverse": string;
"primary": string;
"secondary": string;
"tertiary": string;
"overlay": string;
"info": string;
"danger": string;
"success": string;
"warning": string;
"infoInverse": string;
"dangerInverse": string;
"successInverse": string;
"warningInverse": string;
border: {
primary: string;
secondary: string;
tertiary: string;
inverse: string;
info: string;
danger: string;
success: string;
warning: string;
};
"btn": {
"bg": string;
"border": string;
"text": string;
"ic": string;
"primaryBg": string;
"primaryBorder": string;
"primaryText": string;
"primaryIc": string;
bg: {
canvas: string;
canvasMobile: string;
canvasInverse: string;
primary: string;
secondary: string;
tertiary: string;
overlay: string;
info: string;
infoInverse: string;
danger: string;
dangerInverse: string;
success: string;
successInverse: string;
warning: string;
warningInverse: string;
};
"counter": {
"bg": string;
"border": string;
"text": string;
shadow: {
small: string[];
medium: string[];
large: string[];
extraLarge: string[];
highlight: string[];
inset: string[];
focus: string[];
};
"topic": {
"tagBg": string;
"tagBorder": string;
"tagText": string;
fade: {
black: {
10: string;
15: string;
30: string;
50: string;
70: string;
85: string;
};
white: {
10: string;
15: string;
30: string;
50: string;
70: string;
85: string;
};
};
"input": {
"bg": string;
"contrastBg": string;
alert: {
text: string;
icon: string;
bg: string;
border: string;
warn: {
text: string;
icon: string;
bg: string;
border: string;
};
error: {
text: string;
icon: string;
bg: string;
border: string;
};
success: {
text: string;
icon: string;
bg: string;
border: string;
};
};
"avatar": {
"border": string;
blankslate: {
icon: string;
};
"icFolder": string;
"hlAuthorBg": string;
"hlAuthorBorder": string;
"logoSubdued": string;
"diff": {
"bgDeletion": string;
"borderDeletion": string;
"bgAddition": string;
"borderAddition": string;
"bgDeletionStrong": string;
"borderDeletionStrong": string;
"bgAdditionStrong": string;
"borderAdditionStrong": string;
btn: {
bg: string;
border: string;
text: string;
ic: string;
bgHover: string;
bgActive: string;
shadowActive: string[];
shadowInputFocus: string[];
primary: {
bg: string;
border: string;
borderDisabled: string;
text: string;
ic: string;
shadow: string[];
shadowHighlight: string[];
shadowSelected: string[];
bgHover: string;
bgActive: string;
bgDisabled: string;
disabledText: string;
disabledShadow: string[];
counterBg: string;
};
inverseOnHover: {
border: string;
shadow: string[];
shadowInset: string[];
counterBg: string;
};
danger: {
text: string;
textDisabled: string;
bgHover: string;
bgActive: string;
shadow: string[];
shadowFocus: string[];
counterBg: string;
counterBgDisabled: string;
};
outline: {
text: string;
textDisabled: string;
bgHover: string;
bgActive: string;
shadow: string[];
shadowFocus: string[];
counterBg: string;
counterBgDisabled: string;
};
counterBg: string;
};
"globalNav": {
"logo": string;
"bg": string;
"text": string;
"inputBg": string;
"inputBorder": string;
"inputIc": string;
"inputPlaceholder": string;
counter: {
text: string;
bg: string;
border: string;
};
"calendarGraph": {
"dayBg": string;
"dayBorder": string;
"dayL1Bg": string;
"dayL2Bg": string;
"dayL3Bg": string;
"dayL4Bg": string;
"dayL4Border": string;
"dayL3Border": string;
"dayL2Border": string;
"dayL1Border": string;
topic: {
tagBg: string;
tagBorder: string;
tagText: string;
};
input: {
bg: string;
contrastBg: string;
shadow: string[];
shadowFocus: string[];
};
avatar: {
border: string;
stackFade: string;
stackFadeMore: string;
childShadow: string[];
};
toast: {
icBgLoading: string;
};
timeline: {
text: string;
badgeBg: string;
targetBadgeBorder: string;
targetBadgeShadow: string;
};
selectMenu: {
backdropBg: string;
shadow: string[];
tapHighlight: string;
tapFocusBg: string;
};
box: {
blueBorder: string;
rowYellowBg: string;
rowBlueBg: string;
};
dropdown: {
border: string;
};
popover: {
border: string;
};
branchName: {
text: string;
bg: string;
icon: string;
};
markdown: {
codeBg: string;
frameBorder: string;
blockquoteBorder: string;
tableBorder: string;
tableTrBorder: string;
};
header: {
text: string;
};
filterItem: {
barBg: string;
};
hiddenTextExpander: {
bg: string;
bgHover: string;
};
dragAndDrop: {
border: string;
};
uploadEnabled: {
border: string;
borderFocused: string;
};
previewableCommentForm: {
border: string;
};
iconFolder: string;
hlAuthorBg: string;
hlAuthorBorder: string;
logoSubdued: string;
discussionBorder: string;
diff: {
neutralBg: string;
deletionBg: string;
deletionBgStrong: string;
deletionBorder: string;
deletionBorderStrong: string;
additionBg: string;
additionBgStrong: string;
additionBorder: string;
additionBorderStrong: string;
};
globalNav: {
logo: string;
bg: string;
text: string;
icon: string;
inputBg: string;
inputBorder: string;
inputIcon: string;
inputPlaceholder: string;
};
calendarGraph: {
dayBg: string;
dayBorder: string;
dayL1Bg: string;
dayL2Bg: string;
dayL3Bg: string;
dayL4Bg: string;
dayL4Border: string;
dayL3Border: string;
dayL2Border: string;
dayL1Border: string;
};
};
};
export default _default;

3

dist/js/colors/index.js

@@ -6,3 +6,4 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
const dark_1 = __importDefault(require("./dark"));
const light_1 = __importDefault(require("./light"));
exports.default = { light: light_1.default };
exports.default = { dark: dark_1.default, light: light_1.default };

410

dist/js/colors/light.d.ts
declare const _default: {
"scale": {
"black": string;
"white": string;
"grey": string[];
"blue": string[];
"green": string[];
"yellow": string[];
"orange": string[];
"red": string[];
"purple": string[];
"pink": string[];
scale: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
"text": {
"primary": string;
"secondary": string;
"tertiary": string;
"placeholder": string;
"disabled": string;
"linkPrimary": string;
"linkSecondary": string;
"linkTertiary": string;
"danger": string;
"success": string;
"warning": string;
auto: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
"ic": {
"primary": string;
"secondary": string;
"tertiary": string;
"info": string;
"danger": string;
"success": string;
"warning": string;
text: {
primary: string;
secondary: string;
tertiary: string;
placeholder: string;
disabled: string;
inverse: string;
linkPrimary: string;
linkSecondary: string;
linkTertiary: string;
danger: string;
success: string;
warning: string;
};
"hl": {
"hoverPrimaryBg": string;
"hoverPrimaryBorder": string;
"hoverSecondaryBg": string;
"hoverSecondaryBorder": string;
"selectedPrimaryBg": string;
"selectedPrimaryBorder": string;
icon: {
primary: string;
secondary: string;
tertiary: string;
info: string;
danger: string;
success: string;
warning: string;
};
"border": {
"primary": string;
"secondary": string;
"danger": string;
"success": string;
"warning": string;
state: {
hoverPrimaryBg: string;
hoverPrimaryBorder: string;
hoverPrimaryText: string;
hoverPrimaryIcon: string;
hoverSecondaryBg: string;
hoverSecondaryBorder: string;
selectedPrimaryBg: string;
selectedPrimaryBorder: string;
selectedPrimaryText: string;
selectedPrimaryIcon: string;
};
"bg": {
"canvas": string;
"canvasInverse": string;
"primary": string;
"secondary": string;
"tertiary": string;
"overlay": string;
"info": string;
"danger": string;
"success": string;
"warning": string;
"infoInverse": string;
"dangerInverse": string;
"successInverse": string;
"warningInverse": string;
border: {
primary: string;
secondary: string;
tertiary: string;
inverse: string;
info: string;
danger: string;
success: string;
warning: string;
};
"btn": {
"bg": string;
"border": string;
"text": string;
"ic": string;
"primaryBg": string;
"primaryBorder": string;
"primaryText": string;
"primaryIc": string;
bg: {
canvas: string;
canvasMobile: string;
canvasInverse: string;
primary: string;
secondary: string;
tertiary: string;
overlay: string;
info: string;
infoInverse: string;
danger: string;
dangerInverse: string;
success: string;
successInverse: string;
warning: string;
warningInverse: string;
};
"counter": {
"bg": string;
"border": string;
"text": string;
shadow: {
small: string[];
medium: string[];
large: string[];
extraLarge: string[];
highlight: string[];
inset: string[];
focus: string[];
};
"topic": {
"tagBg": string;
"tagBorder": string;
"tagText": string;
fade: {
black: {
10: string;
15: string;
30: string;
50: string;
70: string;
85: string;
};
white: {
10: string;
15: string;
30: string;
50: string;
70: string;
85: string;
};
};
"input": {
"bg": string;
"contrastBg": string;
alert: {
text: string;
icon: string;
bg: string;
border: string;
warn: {
text: string;
icon: string;
bg: string;
border: string;
};
error: {
text: string;
icon: string;
bg: string;
border: string;
};
success: {
text: string;
icon: string;
bg: string;
border: string;
};
};
"avatar": {
"border": string;
blankslate: {
icon: string;
};
"icFolder": string;
"hlAuthorBg": string;
"hlAuthorBorder": string;
"logoSubdued": string;
"diff": {
"bgDeletion": string;
"borderDeletion": string;
"bgAddition": string;
"borderAddition": string;
"bgDeletionStrong": string;
"borderDeletionStrong": string;
"bgAdditionStrong": string;
"borderAdditionStrong": string;
btn: {
bg: string;
border: string;
text: string;
ic: string;
bgHover: string;
bgActive: string;
shadowActive: string[];
shadowInputFocus: string[];
primary: {
bg: string;
border: string;
borderDisabled: string;
text: string;
ic: string;
shadow: string[];
shadowHighlight: string[];
shadowSelected: string[];
bgHover: string;
bgActive: string;
bgDisabled: string;
disabledText: string;
disabledShadow: string[];
counterBg: string;
};
inverseOnHover: {
border: string;
shadow: string[];
shadowInset: string[];
counterBg: string;
};
danger: {
text: string;
textDisabled: string;
bgHover: string;
bgActive: string;
shadow: string[];
shadowFocus: string[];
counterBg: string;
counterBgDisabled: string;
};
outline: {
text: string;
textDisabled: string;
bgHover: string;
bgActive: string;
shadow: string[];
shadowFocus: string[];
counterBg: string;
counterBgDisabled: string;
};
counterBg: string;
};
"globalNav": {
"logo": string;
"bg": string;
"text": string;
"inputBg": string;
"inputBorder": string;
"inputIc": string;
"inputPlaceholder": string;
counter: {
text: string;
bg: string;
border: string;
};
"calendarGraph": {
"dayBg": string;
"dayBorder": string;
"dayL1Bg": string;
"dayL2Bg": string;
"dayL3Bg": string;
"dayL4Bg": string;
"dayL4Border": string;
"dayL3Border": string;
"dayL2Border": string;
"dayL1Border": string;
topic: {
tagBg: string;
tagBorder: string;
tagText: string;
};
input: {
bg: string;
contrastBg: string;
shadow: string[];
shadowFocus: string[];
};
avatar: {
border: string;
stackFade: string;
stackFadeMore: string;
childShadow: string[];
};
toast: {
icBgLoading: string;
};
timeline: {
text: string;
badgeBg: string;
targetBadgeBorder: string;
targetBadgeShadow: string;
};
selectMenu: {
backdropBg: string;
shadow: string[];
tapHighlight: string;
tapFocusBg: string;
};
box: {
blueBorder: string;
rowYellowBg: string;
rowBlueBg: string;
};
dropdown: {
border: string;
};
popover: {
border: string;
};
branchName: {
text: string;
bg: string;
icon: string;
};
markdown: {
codeBg: string;
frameBorder: string;
blockquoteBorder: string;
tableBorder: string;
tableTrBorder: string;
};
header: {
text: string;
};
filterItem: {
barBg: string;
};
hiddenTextExpander: {
bg: string;
bgHover: string;
};
dragAndDrop: {
border: string;
};
uploadEnabled: {
border: string;
borderFocused: string;
};
previewableCommentForm: {
border: string;
};
iconFolder: string;
hlAuthorBg: string;
hlAuthorBorder: string;
logoSubdued: string;
discussionBorder: string;
diff: {
neutralBg: string;
deletionBg: string;
deletionBgStrong: string;
deletionBorder: string;
deletionBorderStrong: string;
additionBg: string;
additionBgStrong: string;
additionBorder: string;
additionBorderStrong: string;
};
globalNav: {
logo: string;
bg: string;
text: string;
icon: string;
inputBg: string;
inputBorder: string;
inputIcon: string;
inputPlaceholder: string;
};
calendarGraph: {
dayBg: string;
dayBorder: string;
dayL1Bg: string;
dayL2Bg: string;
dayL3Bg: string;
dayL4Bg: string;
dayL4Border: string;
dayL3Border: string;
dayL2Border: string;
dayL1Border: string;
};
};
export default _default;

472

dist/js/colors/light.js

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

"white": "#ffffff",
"grey": [
"gray": [
"#fafbfc",

@@ -105,2 +105,102 @@ "#f6f8fa",

},
"auto": {
"black": "#1b1f23",
"white": "#ffffff",
"gray": [
"#fafbfc",
"#f6f8fa",
"#e1e4e8",
"#d1d5da",
"#959da5",
"#6a737d",
"#586069",
"#444d56",
"#2f363d",
"#24292e"
],
"blue": [
"#f1f8ff",
"#dbedff",
"#c8e1ff",
"#79b8ff",
"#2188ff",
"#0366d6",
"#005cc5",
"#044289",
"#032f62",
"#05264c"
],
"green": [
"#f0fff4",
"#dcffe4",
"#bef5cb",
"#85e89d",
"#34d058",
"#28a745",
"#22863a",
"#176f2c",
"#165c26",
"#144620"
],
"yellow": [
"#fffdef",
"#fffbdd",
"#fff5b1",
"#ffea7f",
"#ffdf5d",
"#ffd33d",
"#f9c513",
"#dbab09",
"#b08800",
"#735c0f"
],
"orange": [
"#fff8f2",
"#ffebda",
"#ffd1ac",
"#ffab70",
"#fb8532",
"#f66a0a",
"#e36209",
"#d15704",
"#c24e00",
"#a04100"
],
"red": [
"#ffeef0",
"#ffdce0",
"#fdaeb7",
"#f97583",
"#ea4a5a",
"#d73a49",
"#cb2431",
"#b31d28",
"#9e1c23",
"#86181d"
],
"purple": [
"#f5f0ff",
"#e6dcfd",
"#d1bcf9",
"#b392f0",
"#8a63d2",
"#6f42c1",
"#5a32a3",
"#4c2889",
"#3a1d6e",
"#29134e"
],
"pink": [
"#ffeef8",
"#fedbf0",
"#f9b3dd",
"#f692ce",
"#ec6cb9",
"#ea4aaa",
"#d03592",
"#b93a86",
"#99306f",
"#6d224f"
]
},
"text": {

@@ -110,12 +210,13 @@ "primary": "#24292e",

"tertiary": "#6a737d",
"placeholder": "#d1d5da",
"disabled": "#d1d5da",
"placeholder": "#6a737d",
"disabled": "#6a737d",
"inverse": "#ffffff",
"linkPrimary": "#0366d6",
"linkSecondary": "#24292e",
"linkTertiary": "#586069",
"danger": "#d73a49",
"danger": "#cb2431",
"success": "#22863a",
"warning": "#b08800"
},
"ic": {
"icon": {
"primary": "#24292e",

@@ -129,19 +230,27 @@ "secondary": "#586069",

},
"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",
"secondary": "#d1d5da",
"secondary": "#eaecef",
"tertiary": "#d1d5da",
"inverse": "#ffffff",
"info": "#0366d6",
"danger": "#d73a49",
"success": "#28a745",
"warning": "#dbab09"
"success": "#34d058",
"warning": "#f9c513"
},
"bg": {
"canvas": "#ffffff",
"canvasMobile": "#ffffff",
"canvasInverse": "#24292e",

@@ -151,12 +260,104 @@ "primary": "#ffffff",

"tertiary": "#fafbfc",
"overlay": "#1b1f23",
"info": "#dbedff",
"danger": "#ffdce0",
"success": "#dcffe4",
"warning": "#fff5b1",
"overlay": "#ffffff",
"info": "#f1f8ff",
"infoInverse": "#0366d6",
"danger": "#ffeef0",
"dangerInverse": "#d73a49",
"success": "#dcffe4",
"successInverse": "#28a745",
"warningInverse": "#dbab09"
"warning": "#fff5b1",
"warningInverse": "#f9c513"
},
"shadow": {
"small": [
"0",
"1px",
"0",
"rgba(27,31,35,0.04)"
],
"medium": [
"0",
"3px",
"6px",
"rgba(149,157,165,0.15)"
],
"large": [
"0",
"8px",
"24px",
"rgba(149,157,165,0.2)"
],
"extraLarge": [
"0",
"12px",
"48px",
"rgba(149,157,165,0.3)"
],
"highlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.25)"
],
"inset": [
"inset",
"0",
"1px",
"0",
"rgba(225,228,232,0.2)"
],
"focus": [
"0",
"0",
"0",
"3px",
"rgba(3,102,214,0.3)"
]
},
"fade": {
"black": {
"10": "rgba(27,31,35,0.1)",
"15": "rgba(27,31,35,0.15)",
"30": "rgba(27,31,35,0.3)",
"50": "rgba(27,31,35,0.5)",
"70": "rgba(27,31,35,0.7)",
"85": "rgba(27,31,35,0.85)"
},
"white": {
"10": "rgba(255,255,255,0.1)",
"15": "rgba(255,255,255,0.15)",
"30": "rgba(255,255,255,0.3)",
"50": "rgba(255,255,255,0.5)",
"70": "rgba(255,255,255,0.7)",
"85": "rgba(255,255,255,0.85)"
}
},
"alert": {
"text": "#24292e",
"icon": "rgba(4,66,137,0.6)",
"bg": "#dbedff",
"border": "rgba(4,66,137,0.2)",
"warn": {
"text": "#24292e",
"icon": "#b08800",
"bg": "#fffbdd",
"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)"
},
"success": {
"text": "#24292e",
"icon": "rgba(23,111,44,0.8)",
"bg": "#dcffe4",
"border": "rgba(23,111,44,0.2)"
}
},
"blankslate": {
"icon": "#a3aab1"
},
"btn": {

@@ -167,11 +368,124 @@ "bg": "#fafbfc",

"ic": "#6a737d",
"primaryBg": "#2ea44f",
"primaryBorder": "rgba(27,31,35,0.15)",
"primaryText": "#ffffff",
"primaryIc": "#ffffff"
"bgHover": "#f3f4f6",
"bgActive": "#edeff2",
"shadowActive": [
"inset",
"0",
"0.15em",
"0.3em",
"rgba(27,31,35,0.15)"
],
"shadowInputFocus": [
"0",
"0",
"0",
"0.2em",
"rgba(3,102,214,0.3)"
],
"primary": {
"bg": "#2ea44f",
"border": "rgba(27,31,35,0.15)",
"borderDisabled": "rgba(27,31,35,0.1)",
"text": "#ffffff",
"ic": "rgba(255,255,255,0.8)",
"shadow": [
"0",
"1px",
"0",
"rgba(27,31,35,0.1)"
],
"shadowHighlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.03)"
],
"shadowSelected": [
"inset",
"0",
"1px",
"0",
"rgba(20,70,32,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)"
],
"counterBg": "rgba(255,255,255,0.2)"
},
"inverseOnHover": {
"border": "rgba(27,31,35,0.15)",
"shadow": [
"0",
"1px",
"0",
"rgba(27,31,35,0.1)"
],
"shadowInset": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.03)"
],
"counterBg": "rgba(255,255,255,0.2)"
},
"danger": {
"text": "#d73a49",
"textDisabled": "rgba(215,58,73,0.5)",
"bgHover": "#cb2431",
"bgActive": "#be222e",
"shadow": [
"inset",
"0",
"1px",
"0",
"rgba(134,24,29,0.2)"
],
"shadowFocus": [
"0",
"0",
"0",
"3px",
"rgba(203,36,49,0.4)"
],
"counterBg": "rgba(215,58,73,0.1)",
"counterBgDisabled": "rgba(215,58,73,0.05)"
},
"outline": {
"text": "#0366d6",
"textDisabled": "rgba(3,102,214,0.5)",
"bgHover": "#0366d6",
"bgActive": "#035fc7",
"shadow": [
"inset",
"0",
"1px",
"0",
"rgba(5,38,76,0.2)"
],
"shadowFocus": [
"0",
"0",
"0",
"3px",
"rgba(0,92,197,0.4)"
],
"counterBg": "rgba(3,102,214,0.1)",
"counterBgDisabled": "rgba(3,102,214,0.05)"
},
"counterBg": "rgba(27,31,35,0.08)"
},
"counter": {
"text": "#24292e",
"bg": "rgba(209,213,218,0.5)",
"border": "rgba(209,213,218,0.5)",
"text": "#24292e"
"border": "rgba(209,213,218,0.5)"
},

@@ -185,20 +499,107 @@ "topic": {

"bg": "#ffffff",
"contrastBg": "#fafbfc"
"contrastBg": "#fafbfc",
"shadow": [
"inset",
"0",
"1px",
"2px",
"rgba(27,31,35,0.075)"
],
"shadowFocus": [
"0",
"0",
"0",
"0.2em",
"rgba(3,102,214,0.3)"
]
},
"avatar": {
"border": "rgba(27,31,35,0.1)"
"border": "rgba(27,31,35,0.1)",
"stackFade": "#d1d5da",
"stackFadeMore": "#e1e4e8",
"childShadow": [
"-2px",
"-2px",
"0",
"rgba(255,255,255,0.8)"
]
},
"icFolder": "#79b8ff",
"toast": {
"icBgLoading": "#586069"
},
"timeline": {
"text": "#444d56",
"badgeBg": "#e1e4e8",
"targetBadgeBorder": "#2188ff",
"targetBadgeShadow": "#c8e1ff"
},
"selectMenu": {
"backdropBg": "rgba(27,31,35,0.5)",
"shadow": [
"0",
"0",
"18px",
"rgba(27,31,35,0.4)"
],
"tapHighlight": "rgba(209,213,218,0.5)",
"tapFocusBg": "#dbedff"
},
"box": {
"blueBorder": "#c8e1ff",
"rowYellowBg": "#fffbdd",
"rowBlueBg": "#f1f8ff"
},
"dropdown": {
"border": "rgba(27,31,35,0.15)"
},
"popover": {
"border": "rgba(27,31,35,0.15)"
},
"branchName": {
"text": "rgba(27,31,35,0.6)",
"bg": "#eaf5ff",
"icon": "#a8bbd0"
},
"markdown": {
"codeBg": "rgba(27,31,35,0.05)",
"frameBorder": "#dfe2e5",
"blockquoteBorder": "#dfe2e5",
"tableBorder": "#dfe2e5",
"tableTrBorder": "#c6cbd1"
},
"header": {
"text": "rgba(255,255,255,0.7)"
},
"filterItem": {
"barBg": "#eff3f6"
},
"hiddenTextExpander": {
"bg": "#dfe2e5",
"bgHover": "#c6cbd1"
},
"dragAndDrop": {
"border": "#c3c8cf"
},
"uploadEnabled": {
"border": "#dfe2e5",
"borderFocused": "#4a9eff"
},
"previewableCommentForm": {
"border": "#c3c8cf"
},
"iconFolder": "#79b8ff",
"hlAuthorBg": "#f1f8ff",
"hlAuthorBorder": "#c8e1ff",
"logoSubdued": "#d1d5da",
"discussionBorder": "#a2cbac",
"diff": {
"bgDeletion": "#1b1f23",
"borderDeletion": "#1b1f23",
"bgAddition": "#1b1f23",
"borderAddition": "#1b1f23",
"bgDeletionStrong": "#1b1f23",
"borderDeletionStrong": "#1b1f23",
"bgAdditionStrong": "#1b1f23",
"borderAdditionStrong": "#1b1f23"
"neutralBg": "#d1d5da",
"deletionBg": "#cb2431",
"deletionBgStrong": "#1b1f23",
"deletionBorder": "#1b1f23",
"deletionBorderStrong": "#1b1f23",
"additionBg": "#2cbe4e",
"additionBgStrong": "#1b1f23",
"additionBorder": "#1b1f23",
"additionBorderStrong": "#1b1f23"
},

@@ -209,6 +610,7 @@ "globalNav": {

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

@@ -215,0 +617,0 @@ "calendarGraph": {

735

dist/js/index.d.ts
declare const _default: {
colors: {
dark: {
scale: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
auto: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
text: {
primary: string;
secondary: string;
tertiary: string;
placeholder: string;
disabled: string;
inverse: string;
linkPrimary: string;
linkSecondary: string;
linkTertiary: string;
danger: string;
success: string;
warning: string;
};
icon: {
primary: string;
secondary: string;
tertiary: string;
info: string;
danger: string;
success: string;
warning: string;
};
state: {
hoverPrimaryBg: string;
hoverPrimaryBorder: string;
hoverPrimaryText: string;
hoverPrimaryIcon: string;
hoverSecondaryBg: string;
hoverSecondaryBorder: string;
selectedPrimaryBg: string;
selectedPrimaryBorder: string;
selectedPrimaryText: string;
selectedPrimaryIcon: string;
};
border: {
primary: string;
secondary: string;
tertiary: string;
inverse: string;
info: string;
danger: string;
success: string;
warning: string;
};
bg: {
canvas: string;
canvasMobile: string;
canvasInverse: string;
primary: string;
secondary: string;
tertiary: string;
overlay: string;
info: string;
infoInverse: string;
danger: string;
dangerInverse: string;
success: string;
successInverse: string;
warning: string;
warningInverse: string;
};
shadow: {
small: string[];
medium: string[];
large: string[];
extraLarge: string[];
highlight: string[];
inset: string[];
focus: string[];
};
fade: {
black: {
10: string;
15: string;
30: string;
50: string;
70: string;
85: string;
};
white: {
10: string;
15: string;
30: string;
50: string;
70: string;
85: string;
};
};
alert: {
text: string;
icon: string;
bg: string;
border: string;
warn: {
text: string;
icon: string;
bg: string;
border: string;
};
error: {
text: string;
icon: string;
bg: string;
border: string;
};
success: {
text: string;
icon: string;
bg: string;
border: string;
};
};
blankslate: {
icon: string;
};
btn: {
bg: string;
border: string;
text: string;
ic: string;
bgHover: string;
bgActive: string;
shadowActive: string[];
shadowInputFocus: string[];
primary: {
bg: string;
border: string;
borderDisabled: string;
text: string;
ic: string;
shadow: string[];
shadowHighlight: string[];
shadowSelected: string[];
bgHover: string;
bgActive: string;
bgDisabled: string;
disabledText: string;
disabledShadow: string[];
counterBg: string;
};
inverseOnHover: {
border: string;
shadow: string[];
shadowInset: string[];
counterBg: string;
};
danger: {
text: string;
textDisabled: string;
bgHover: string;
bgActive: string;
shadow: string[];
shadowFocus: string[];
counterBg: string;
counterBgDisabled: string;
};
outline: {
text: string;
textDisabled: string;
bgHover: string;
bgActive: string;
shadow: string[];
shadowFocus: string[];
counterBg: string;
counterBgDisabled: string;
};
counterBg: string;
};
counter: {
text: string;
bg: string;
border: string;
};
topic: {
tagBg: string;
tagBorder: string;
tagText: string;
};
input: {
bg: string;
contrastBg: string;
shadow: string[];
shadowFocus: string[];
};
avatar: {
border: string;
stackFade: string;
stackFadeMore: string;
childShadow: string[];
};
toast: {
icBgLoading: string;
};
timeline: {
text: string;
badgeBg: string;
targetBadgeBorder: string;
targetBadgeShadow: string;
};
selectMenu: {
backdropBg: string;
shadow: string[];
tapHighlight: string;
tapFocusBg: string;
};
box: {
blueBorder: string;
rowYellowBg: string;
rowBlueBg: string;
};
dropdown: {
border: string;
};
popover: {
border: string;
};
branchName: {
text: string;
bg: string;
icon: string;
};
markdown: {
codeBg: string;
frameBorder: string;
blockquoteBorder: string;
tableBorder: string;
tableTrBorder: string;
};
header: {
text: string;
};
filterItem: {
barBg: string;
};
hiddenTextExpander: {
bg: string;
bgHover: string;
};
dragAndDrop: {
border: string;
};
uploadEnabled: {
border: string;
borderFocused: string;
};
previewableCommentForm: {
border: string;
};
iconFolder: string;
hlAuthorBg: string;
hlAuthorBorder: string;
logoSubdued: string;
discussionBorder: string;
diff: {
neutralBg: string;
deletionBg: string;
deletionBgStrong: string;
deletionBorder: string;
deletionBorderStrong: string;
additionBg: string;
additionBgStrong: string;
additionBorder: string;
additionBorderStrong: string;
};
globalNav: {
logo: string;
bg: string;
text: string;
icon: string;
inputBg: string;
inputBorder: string;
inputIcon: string;
inputPlaceholder: string;
};
calendarGraph: {
dayBg: string;
dayBorder: string;
dayL1Bg: string;
dayL2Bg: string;
dayL3Bg: string;
dayL4Bg: string;
dayL4Border: string;
dayL3Border: string;
dayL2Border: string;
dayL1Border: string;
};
};
light: {
"scale": {
"black": string;
"white": string;
"grey": string[];
"blue": string[];
"green": string[];
"yellow": string[];
"orange": string[];
"red": string[];
"purple": string[];
"pink": string[];
scale: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
"text": {
"primary": string;
"secondary": string;
"tertiary": string;
"placeholder": string;
"disabled": string;
"linkPrimary": string;
"linkSecondary": string;
"linkTertiary": string;
"danger": string;
"success": string;
"warning": string;
auto: {
black: string;
white: string;
gray: string[];
blue: string[];
green: string[];
yellow: string[];
orange: string[];
red: string[];
purple: string[];
pink: string[];
};
"ic": {
"primary": string;
"secondary": string;
"tertiary": string;
"info": string;
"danger": string;
"success": string;
"warning": string;
text: {
primary: string;
secondary: string;
tertiary: string;
placeholder: string;
disabled: string;
inverse: string;
linkPrimary: string;
linkSecondary: string;
linkTertiary: string;
danger: string;
success: string;
warning: string;
};
"hl": {
"hoverPrimaryBg": string;
"hoverPrimaryBorder": string;
"hoverSecondaryBg": string;
"hoverSecondaryBorder": string;
"selectedPrimaryBg": string;
"selectedPrimaryBorder": string;
icon: {
primary: string;
secondary: string;
tertiary: string;
info: string;
danger: string;
success: string;
warning: string;
};
"border": {
"primary": string;
"secondary": string;
"danger": string;
"success": string;
"warning": string;
state: {
hoverPrimaryBg: string;
hoverPrimaryBorder: string;
hoverPrimaryText: string;
hoverPrimaryIcon: string;
hoverSecondaryBg: string;
hoverSecondaryBorder: string;
selectedPrimaryBg: string;
selectedPrimaryBorder: string;
selectedPrimaryText: string;
selectedPrimaryIcon: string;
};
"bg": {
"canvas": string;
"canvasInverse": string;
"primary": string;
"secondary": string;
"tertiary": string;
"overlay": string;
"info": string;
"danger": string;
"success": string;
"warning": string;
"infoInverse": string;
"dangerInverse": string;
"successInverse": string;
"warningInverse": string;
border: {
primary: string;
secondary: string;
tertiary: string;
inverse: string;
info: string;
danger: string;
success: string;
warning: string;
};
"btn": {
"bg": string;
"border": string;
"text": string;
"ic": string;
"primaryBg": string;
"primaryBorder": string;
"primaryText": string;
"primaryIc": string;
bg: {
canvas: string;
canvasMobile: string;
canvasInverse: string;
primary: string;
secondary: string;
tertiary: string;
overlay: string;
info: string;
infoInverse: string;
danger: string;
dangerInverse: string;
success: string;
successInverse: string;
warning: string;
warningInverse: string;
};
"counter": {
"bg": string;
"border": string;
"text": string;
shadow: {
small: string[];
medium: string[];
large: string[];
extraLarge: string[];
highlight: string[];
inset: string[];
focus: string[];
};
"topic": {
"tagBg": string;
"tagBorder": string;
"tagText": string;
fade: {
black: {
10: string;
15: string;
30: string;
50: string;
70: string;
85: string;
};
white: {
10: string;
15: string;
30: string;
50: string;
70: string;
85: string;
};
};
"input": {
"bg": string;
"contrastBg": string;
alert: {
text: string;
icon: string;
bg: string;
border: string;
warn: {
text: string;
icon: string;
bg: string;
border: string;
};
error: {
text: string;
icon: string;
bg: string;
border: string;
};
success: {
text: string;
icon: string;
bg: string;
border: string;
};
};
"avatar": {
"border": string;
blankslate: {
icon: string;
};
"icFolder": string;
"hlAuthorBg": string;
"hlAuthorBorder": string;
"logoSubdued": string;
"diff": {
"bgDeletion": string;
"borderDeletion": string;
"bgAddition": string;
"borderAddition": string;
"bgDeletionStrong": string;
"borderDeletionStrong": string;
"bgAdditionStrong": string;
"borderAdditionStrong": string;
btn: {
bg: string;
border: string;
text: string;
ic: string;
bgHover: string;
bgActive: string;
shadowActive: string[];
shadowInputFocus: string[];
primary: {
bg: string;
border: string;
borderDisabled: string;
text: string;
ic: string;
shadow: string[];
shadowHighlight: string[];
shadowSelected: string[];
bgHover: string;
bgActive: string;
bgDisabled: string;
disabledText: string;
disabledShadow: string[];
counterBg: string;
};
inverseOnHover: {
border: string;
shadow: string[];
shadowInset: string[];
counterBg: string;
};
danger: {
text: string;
textDisabled: string;
bgHover: string;
bgActive: string;
shadow: string[];
shadowFocus: string[];
counterBg: string;
counterBgDisabled: string;
};
outline: {
text: string;
textDisabled: string;
bgHover: string;
bgActive: string;
shadow: string[];
shadowFocus: string[];
counterBg: string;
counterBgDisabled: string;
};
counterBg: string;
};
"globalNav": {
"logo": string;
"bg": string;
"text": string;
"inputBg": string;
"inputBorder": string;
"inputIc": string;
"inputPlaceholder": string;
counter: {
text: string;
bg: string;
border: string;
};
"calendarGraph": {
"dayBg": string;
"dayBorder": string;
"dayL1Bg": string;
"dayL2Bg": string;
"dayL3Bg": string;
"dayL4Bg": string;
"dayL4Border": string;
"dayL3Border": string;
"dayL2Border": string;
"dayL1Border": string;
topic: {
tagBg: string;
tagBorder: string;
tagText: string;
};
input: {
bg: string;
contrastBg: string;
shadow: string[];
shadowFocus: string[];
};
avatar: {
border: string;
stackFade: string;
stackFadeMore: string;
childShadow: string[];
};
toast: {
icBgLoading: string;
};
timeline: {
text: string;
badgeBg: string;
targetBadgeBorder: string;
targetBadgeShadow: string;
};
selectMenu: {
backdropBg: string;
shadow: string[];
tapHighlight: string;
tapFocusBg: string;
};
box: {
blueBorder: string;
rowYellowBg: string;
rowBlueBg: string;
};
dropdown: {
border: string;
};
popover: {
border: string;
};
branchName: {
text: string;
bg: string;
icon: string;
};
markdown: {
codeBg: string;
frameBorder: string;
blockquoteBorder: string;
tableBorder: string;
tableTrBorder: string;
};
header: {
text: string;
};
filterItem: {
barBg: string;
};
hiddenTextExpander: {
bg: string;
bgHover: string;
};
dragAndDrop: {
border: string;
};
uploadEnabled: {
border: string;
borderFocused: string;
};
previewableCommentForm: {
border: string;
};
iconFolder: string;
hlAuthorBg: string;
hlAuthorBorder: string;
logoSubdued: string;
discussionBorder: string;
diff: {
neutralBg: string;
deletionBg: string;
deletionBgStrong: string;
deletionBorder: string;
deletionBorderStrong: string;
additionBg: string;
additionBgStrong: string;
additionBorder: string;
additionBorderStrong: string;
};
globalNav: {
logo: string;
bg: string;
text: string;
icon: string;
inputBg: string;
inputBorder: string;
inputIcon: string;
inputPlaceholder: string;
};
calendarGraph: {
dayBg: string;
dayBorder: string;
dayL1Bg: string;
dayL2Bg: string;
dayL3Bg: string;
dayL4Bg: string;
dayL4Border: string;
dayL3Border: string;
dayL2Border: string;
dayL1Border: string;
};
};

@@ -135,3 +632,3 @@ };

normal: {
"spacer": string[];
spacer: string[];
};

@@ -141,7 +638,7 @@ };

normal: {
"fontSize": string[];
"lineHeight": {
"condensedUltra": string;
"condensed": string;
"default": string;
fontSize: string[];
lineHeight: {
condensedUltra: string;
condensed: string;
default: string;
};

@@ -148,0 +645,0 @@ };

2

dist/js/spacing/index.d.ts
declare const _default: {
normal: {
"spacer": string[];
spacer: string[];
};
};
export default _default;

2

dist/js/spacing/normal.d.ts
declare const _default: {
"spacer": string[];
spacer: string[];
};
export default _default;

10

dist/js/typography/index.d.ts
declare const _default: {
normal: {
"fontSize": string[];
"lineHeight": {
"condensedUltra": string;
"condensed": string;
"default": string;
fontSize: string[];
lineHeight: {
condensedUltra: string;
condensed: string;
default: string;
};

@@ -9,0 +9,0 @@ };

10

dist/js/typography/normal.d.ts
declare const _default: {
"fontSize": string[];
"lineHeight": {
"condensedUltra": string;
"condensed": string;
"default": string;
fontSize: string[];
lineHeight: {
condensedUltra: string;
condensed: string;
default: string;
};
};
export default _default;

472

dist/json/colors/light.json

@@ -5,3 +5,3 @@ {

"white": "#ffffff",
"grey": [
"gray": [
"#fafbfc",

@@ -103,2 +103,102 @@ "#f6f8fa",

},
"auto": {
"black": "#1b1f23",
"white": "#ffffff",
"gray": [
"#fafbfc",
"#f6f8fa",
"#e1e4e8",
"#d1d5da",
"#959da5",
"#6a737d",
"#586069",
"#444d56",
"#2f363d",
"#24292e"
],
"blue": [
"#f1f8ff",
"#dbedff",
"#c8e1ff",
"#79b8ff",
"#2188ff",
"#0366d6",
"#005cc5",
"#044289",
"#032f62",
"#05264c"
],
"green": [
"#f0fff4",
"#dcffe4",
"#bef5cb",
"#85e89d",
"#34d058",
"#28a745",
"#22863a",
"#176f2c",
"#165c26",
"#144620"
],
"yellow": [
"#fffdef",
"#fffbdd",
"#fff5b1",
"#ffea7f",
"#ffdf5d",
"#ffd33d",
"#f9c513",
"#dbab09",
"#b08800",
"#735c0f"
],
"orange": [
"#fff8f2",
"#ffebda",
"#ffd1ac",
"#ffab70",
"#fb8532",
"#f66a0a",
"#e36209",
"#d15704",
"#c24e00",
"#a04100"
],
"red": [
"#ffeef0",
"#ffdce0",
"#fdaeb7",
"#f97583",
"#ea4a5a",
"#d73a49",
"#cb2431",
"#b31d28",
"#9e1c23",
"#86181d"
],
"purple": [
"#f5f0ff",
"#e6dcfd",
"#d1bcf9",
"#b392f0",
"#8a63d2",
"#6f42c1",
"#5a32a3",
"#4c2889",
"#3a1d6e",
"#29134e"
],
"pink": [
"#ffeef8",
"#fedbf0",
"#f9b3dd",
"#f692ce",
"#ec6cb9",
"#ea4aaa",
"#d03592",
"#b93a86",
"#99306f",
"#6d224f"
]
},
"text": {

@@ -108,12 +208,13 @@ "primary": "#24292e",

"tertiary": "#6a737d",
"placeholder": "#d1d5da",
"disabled": "#d1d5da",
"placeholder": "#6a737d",
"disabled": "#6a737d",
"inverse": "#ffffff",
"linkPrimary": "#0366d6",
"linkSecondary": "#24292e",
"linkTertiary": "#586069",
"danger": "#d73a49",
"danger": "#cb2431",
"success": "#22863a",
"warning": "#b08800"
},
"ic": {
"icon": {
"primary": "#24292e",

@@ -127,19 +228,27 @@ "secondary": "#586069",

},
"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",
"secondary": "#d1d5da",
"secondary": "#eaecef",
"tertiary": "#d1d5da",
"inverse": "#ffffff",
"info": "#0366d6",
"danger": "#d73a49",
"success": "#28a745",
"warning": "#dbab09"
"success": "#34d058",
"warning": "#f9c513"
},
"bg": {
"canvas": "#ffffff",
"canvasMobile": "#ffffff",
"canvasInverse": "#24292e",

@@ -149,12 +258,104 @@ "primary": "#ffffff",

"tertiary": "#fafbfc",
"overlay": "#1b1f23",
"info": "#dbedff",
"danger": "#ffdce0",
"success": "#dcffe4",
"warning": "#fff5b1",
"overlay": "#ffffff",
"info": "#f1f8ff",
"infoInverse": "#0366d6",
"danger": "#ffeef0",
"dangerInverse": "#d73a49",
"success": "#dcffe4",
"successInverse": "#28a745",
"warningInverse": "#dbab09"
"warning": "#fff5b1",
"warningInverse": "#f9c513"
},
"shadow": {
"small": [
"0",
"1px",
"0",
"rgba(27,31,35,0.04)"
],
"medium": [
"0",
"3px",
"6px",
"rgba(149,157,165,0.15)"
],
"large": [
"0",
"8px",
"24px",
"rgba(149,157,165,0.2)"
],
"extraLarge": [
"0",
"12px",
"48px",
"rgba(149,157,165,0.3)"
],
"highlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.25)"
],
"inset": [
"inset",
"0",
"1px",
"0",
"rgba(225,228,232,0.2)"
],
"focus": [
"0",
"0",
"0",
"3px",
"rgba(3,102,214,0.3)"
]
},
"fade": {
"black": {
"10": "rgba(27,31,35,0.1)",
"15": "rgba(27,31,35,0.15)",
"30": "rgba(27,31,35,0.3)",
"50": "rgba(27,31,35,0.5)",
"70": "rgba(27,31,35,0.7)",
"85": "rgba(27,31,35,0.85)"
},
"white": {
"10": "rgba(255,255,255,0.1)",
"15": "rgba(255,255,255,0.15)",
"30": "rgba(255,255,255,0.3)",
"50": "rgba(255,255,255,0.5)",
"70": "rgba(255,255,255,0.7)",
"85": "rgba(255,255,255,0.85)"
}
},
"alert": {
"text": "#24292e",
"icon": "rgba(4,66,137,0.6)",
"bg": "#dbedff",
"border": "rgba(4,66,137,0.2)",
"warn": {
"text": "#24292e",
"icon": "#b08800",
"bg": "#fffbdd",
"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)"
},
"success": {
"text": "#24292e",
"icon": "rgba(23,111,44,0.8)",
"bg": "#dcffe4",
"border": "rgba(23,111,44,0.2)"
}
},
"blankslate": {
"icon": "#a3aab1"
},
"btn": {

@@ -165,11 +366,124 @@ "bg": "#fafbfc",

"ic": "#6a737d",
"primaryBg": "#2ea44f",
"primaryBorder": "rgba(27,31,35,0.15)",
"primaryText": "#ffffff",
"primaryIc": "#ffffff"
"bgHover": "#f3f4f6",
"bgActive": "#edeff2",
"shadowActive": [
"inset",
"0",
"0.15em",
"0.3em",
"rgba(27,31,35,0.15)"
],
"shadowInputFocus": [
"0",
"0",
"0",
"0.2em",
"rgba(3,102,214,0.3)"
],
"primary": {
"bg": "#2ea44f",
"border": "rgba(27,31,35,0.15)",
"borderDisabled": "rgba(27,31,35,0.1)",
"text": "#ffffff",
"ic": "rgba(255,255,255,0.8)",
"shadow": [
"0",
"1px",
"0",
"rgba(27,31,35,0.1)"
],
"shadowHighlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.03)"
],
"shadowSelected": [
"inset",
"0",
"1px",
"0",
"rgba(20,70,32,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)"
],
"counterBg": "rgba(255,255,255,0.2)"
},
"inverseOnHover": {
"border": "rgba(27,31,35,0.15)",
"shadow": [
"0",
"1px",
"0",
"rgba(27,31,35,0.1)"
],
"shadowInset": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.03)"
],
"counterBg": "rgba(255,255,255,0.2)"
},
"danger": {
"text": "#d73a49",
"textDisabled": "rgba(215,58,73,0.5)",
"bgHover": "#cb2431",
"bgActive": "#be222e",
"shadow": [
"inset",
"0",
"1px",
"0",
"rgba(134,24,29,0.2)"
],
"shadowFocus": [
"0",
"0",
"0",
"3px",
"rgba(203,36,49,0.4)"
],
"counterBg": "rgba(215,58,73,0.1)",
"counterBgDisabled": "rgba(215,58,73,0.05)"
},
"outline": {
"text": "#0366d6",
"textDisabled": "rgba(3,102,214,0.5)",
"bgHover": "#0366d6",
"bgActive": "#035fc7",
"shadow": [
"inset",
"0",
"1px",
"0",
"rgba(5,38,76,0.2)"
],
"shadowFocus": [
"0",
"0",
"0",
"3px",
"rgba(0,92,197,0.4)"
],
"counterBg": "rgba(3,102,214,0.1)",
"counterBgDisabled": "rgba(3,102,214,0.05)"
},
"counterBg": "rgba(27,31,35,0.08)"
},
"counter": {
"text": "#24292e",
"bg": "rgba(209,213,218,0.5)",
"border": "rgba(209,213,218,0.5)",
"text": "#24292e"
"border": "rgba(209,213,218,0.5)"
},

@@ -183,20 +497,107 @@ "topic": {

"bg": "#ffffff",
"contrastBg": "#fafbfc"
"contrastBg": "#fafbfc",
"shadow": [
"inset",
"0",
"1px",
"2px",
"rgba(27,31,35,0.075)"
],
"shadowFocus": [
"0",
"0",
"0",
"0.2em",
"rgba(3,102,214,0.3)"
]
},
"avatar": {
"border": "rgba(27,31,35,0.1)"
"border": "rgba(27,31,35,0.1)",
"stackFade": "#d1d5da",
"stackFadeMore": "#e1e4e8",
"childShadow": [
"-2px",
"-2px",
"0",
"rgba(255,255,255,0.8)"
]
},
"icFolder": "#79b8ff",
"toast": {
"icBgLoading": "#586069"
},
"timeline": {
"text": "#444d56",
"badgeBg": "#e1e4e8",
"targetBadgeBorder": "#2188ff",
"targetBadgeShadow": "#c8e1ff"
},
"selectMenu": {
"backdropBg": "rgba(27,31,35,0.5)",
"shadow": [
"0",
"0",
"18px",
"rgba(27,31,35,0.4)"
],
"tapHighlight": "rgba(209,213,218,0.5)",
"tapFocusBg": "#dbedff"
},
"box": {
"blueBorder": "#c8e1ff",
"rowYellowBg": "#fffbdd",
"rowBlueBg": "#f1f8ff"
},
"dropdown": {
"border": "rgba(27,31,35,0.15)"
},
"popover": {
"border": "rgba(27,31,35,0.15)"
},
"branchName": {
"text": "rgba(27,31,35,0.6)",
"bg": "#eaf5ff",
"icon": "#a8bbd0"
},
"markdown": {
"codeBg": "rgba(27,31,35,0.05)",
"frameBorder": "#dfe2e5",
"blockquoteBorder": "#dfe2e5",
"tableBorder": "#dfe2e5",
"tableTrBorder": "#c6cbd1"
},
"header": {
"text": "rgba(255,255,255,0.7)"
},
"filterItem": {
"barBg": "#eff3f6"
},
"hiddenTextExpander": {
"bg": "#dfe2e5",
"bgHover": "#c6cbd1"
},
"dragAndDrop": {
"border": "#c3c8cf"
},
"uploadEnabled": {
"border": "#dfe2e5",
"borderFocused": "#4a9eff"
},
"previewableCommentForm": {
"border": "#c3c8cf"
},
"iconFolder": "#79b8ff",
"hlAuthorBg": "#f1f8ff",
"hlAuthorBorder": "#c8e1ff",
"logoSubdued": "#d1d5da",
"discussionBorder": "#a2cbac",
"diff": {
"bgDeletion": "#1b1f23",
"borderDeletion": "#1b1f23",
"bgAddition": "#1b1f23",
"borderAddition": "#1b1f23",
"bgDeletionStrong": "#1b1f23",
"borderDeletionStrong": "#1b1f23",
"bgAdditionStrong": "#1b1f23",
"borderAdditionStrong": "#1b1f23"
"neutralBg": "#d1d5da",
"deletionBg": "#cb2431",
"deletionBgStrong": "#1b1f23",
"deletionBorder": "#1b1f23",
"deletionBorderStrong": "#1b1f23",
"additionBg": "#2cbe4e",
"additionBgStrong": "#1b1f23",
"additionBorder": "#1b1f23",
"additionBorderStrong": "#1b1f23"
},

@@ -207,6 +608,7 @@ "globalNav": {

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

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

3

dist/ts/colors/index.ts

@@ -0,2 +1,3 @@

import dark from './dark'
import light from './light'
export default { light }
export default { dark, light }

472

dist/ts/colors/light.ts

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

"white": "#ffffff",
"grey": [
"gray": [
"#fafbfc",

@@ -103,2 +103,102 @@ "#f6f8fa",

},
"auto": {
"black": "#1b1f23",
"white": "#ffffff",
"gray": [
"#fafbfc",
"#f6f8fa",
"#e1e4e8",
"#d1d5da",
"#959da5",
"#6a737d",
"#586069",
"#444d56",
"#2f363d",
"#24292e"
],
"blue": [
"#f1f8ff",
"#dbedff",
"#c8e1ff",
"#79b8ff",
"#2188ff",
"#0366d6",
"#005cc5",
"#044289",
"#032f62",
"#05264c"
],
"green": [
"#f0fff4",
"#dcffe4",
"#bef5cb",
"#85e89d",
"#34d058",
"#28a745",
"#22863a",
"#176f2c",
"#165c26",
"#144620"
],
"yellow": [
"#fffdef",
"#fffbdd",
"#fff5b1",
"#ffea7f",
"#ffdf5d",
"#ffd33d",
"#f9c513",
"#dbab09",
"#b08800",
"#735c0f"
],
"orange": [
"#fff8f2",
"#ffebda",
"#ffd1ac",
"#ffab70",
"#fb8532",
"#f66a0a",
"#e36209",
"#d15704",
"#c24e00",
"#a04100"
],
"red": [
"#ffeef0",
"#ffdce0",
"#fdaeb7",
"#f97583",
"#ea4a5a",
"#d73a49",
"#cb2431",
"#b31d28",
"#9e1c23",
"#86181d"
],
"purple": [
"#f5f0ff",
"#e6dcfd",
"#d1bcf9",
"#b392f0",
"#8a63d2",
"#6f42c1",
"#5a32a3",
"#4c2889",
"#3a1d6e",
"#29134e"
],
"pink": [
"#ffeef8",
"#fedbf0",
"#f9b3dd",
"#f692ce",
"#ec6cb9",
"#ea4aaa",
"#d03592",
"#b93a86",
"#99306f",
"#6d224f"
]
},
"text": {

@@ -108,12 +208,13 @@ "primary": "#24292e",

"tertiary": "#6a737d",
"placeholder": "#d1d5da",
"disabled": "#d1d5da",
"placeholder": "#6a737d",
"disabled": "#6a737d",
"inverse": "#ffffff",
"linkPrimary": "#0366d6",
"linkSecondary": "#24292e",
"linkTertiary": "#586069",
"danger": "#d73a49",
"danger": "#cb2431",
"success": "#22863a",
"warning": "#b08800"
},
"ic": {
"icon": {
"primary": "#24292e",

@@ -127,19 +228,27 @@ "secondary": "#586069",

},
"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",
"secondary": "#d1d5da",
"secondary": "#eaecef",
"tertiary": "#d1d5da",
"inverse": "#ffffff",
"info": "#0366d6",
"danger": "#d73a49",
"success": "#28a745",
"warning": "#dbab09"
"success": "#34d058",
"warning": "#f9c513"
},
"bg": {
"canvas": "#ffffff",
"canvasMobile": "#ffffff",
"canvasInverse": "#24292e",

@@ -149,12 +258,104 @@ "primary": "#ffffff",

"tertiary": "#fafbfc",
"overlay": "#1b1f23",
"info": "#dbedff",
"danger": "#ffdce0",
"success": "#dcffe4",
"warning": "#fff5b1",
"overlay": "#ffffff",
"info": "#f1f8ff",
"infoInverse": "#0366d6",
"danger": "#ffeef0",
"dangerInverse": "#d73a49",
"success": "#dcffe4",
"successInverse": "#28a745",
"warningInverse": "#dbab09"
"warning": "#fff5b1",
"warningInverse": "#f9c513"
},
"shadow": {
"small": [
"0",
"1px",
"0",
"rgba(27,31,35,0.04)"
],
"medium": [
"0",
"3px",
"6px",
"rgba(149,157,165,0.15)"
],
"large": [
"0",
"8px",
"24px",
"rgba(149,157,165,0.2)"
],
"extraLarge": [
"0",
"12px",
"48px",
"rgba(149,157,165,0.3)"
],
"highlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.25)"
],
"inset": [
"inset",
"0",
"1px",
"0",
"rgba(225,228,232,0.2)"
],
"focus": [
"0",
"0",
"0",
"3px",
"rgba(3,102,214,0.3)"
]
},
"fade": {
"black": {
"10": "rgba(27,31,35,0.1)",
"15": "rgba(27,31,35,0.15)",
"30": "rgba(27,31,35,0.3)",
"50": "rgba(27,31,35,0.5)",
"70": "rgba(27,31,35,0.7)",
"85": "rgba(27,31,35,0.85)"
},
"white": {
"10": "rgba(255,255,255,0.1)",
"15": "rgba(255,255,255,0.15)",
"30": "rgba(255,255,255,0.3)",
"50": "rgba(255,255,255,0.5)",
"70": "rgba(255,255,255,0.7)",
"85": "rgba(255,255,255,0.85)"
}
},
"alert": {
"text": "#24292e",
"icon": "rgba(4,66,137,0.6)",
"bg": "#dbedff",
"border": "rgba(4,66,137,0.2)",
"warn": {
"text": "#24292e",
"icon": "#b08800",
"bg": "#fffbdd",
"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)"
},
"success": {
"text": "#24292e",
"icon": "rgba(23,111,44,0.8)",
"bg": "#dcffe4",
"border": "rgba(23,111,44,0.2)"
}
},
"blankslate": {
"icon": "#a3aab1"
},
"btn": {

@@ -165,11 +366,124 @@ "bg": "#fafbfc",

"ic": "#6a737d",
"primaryBg": "#2ea44f",
"primaryBorder": "rgba(27,31,35,0.15)",
"primaryText": "#ffffff",
"primaryIc": "#ffffff"
"bgHover": "#f3f4f6",
"bgActive": "#edeff2",
"shadowActive": [
"inset",
"0",
"0.15em",
"0.3em",
"rgba(27,31,35,0.15)"
],
"shadowInputFocus": [
"0",
"0",
"0",
"0.2em",
"rgba(3,102,214,0.3)"
],
"primary": {
"bg": "#2ea44f",
"border": "rgba(27,31,35,0.15)",
"borderDisabled": "rgba(27,31,35,0.1)",
"text": "#ffffff",
"ic": "rgba(255,255,255,0.8)",
"shadow": [
"0",
"1px",
"0",
"rgba(27,31,35,0.1)"
],
"shadowHighlight": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.03)"
],
"shadowSelected": [
"inset",
"0",
"1px",
"0",
"rgba(20,70,32,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)"
],
"counterBg": "rgba(255,255,255,0.2)"
},
"inverseOnHover": {
"border": "rgba(27,31,35,0.15)",
"shadow": [
"0",
"1px",
"0",
"rgba(27,31,35,0.1)"
],
"shadowInset": [
"inset",
"0",
"1px",
"0",
"rgba(255,255,255,0.03)"
],
"counterBg": "rgba(255,255,255,0.2)"
},
"danger": {
"text": "#d73a49",
"textDisabled": "rgba(215,58,73,0.5)",
"bgHover": "#cb2431",
"bgActive": "#be222e",
"shadow": [
"inset",
"0",
"1px",
"0",
"rgba(134,24,29,0.2)"
],
"shadowFocus": [
"0",
"0",
"0",
"3px",
"rgba(203,36,49,0.4)"
],
"counterBg": "rgba(215,58,73,0.1)",
"counterBgDisabled": "rgba(215,58,73,0.05)"
},
"outline": {
"text": "#0366d6",
"textDisabled": "rgba(3,102,214,0.5)",
"bgHover": "#0366d6",
"bgActive": "#035fc7",
"shadow": [
"inset",
"0",
"1px",
"0",
"rgba(5,38,76,0.2)"
],
"shadowFocus": [
"0",
"0",
"0",
"3px",
"rgba(0,92,197,0.4)"
],
"counterBg": "rgba(3,102,214,0.1)",
"counterBgDisabled": "rgba(3,102,214,0.05)"
},
"counterBg": "rgba(27,31,35,0.08)"
},
"counter": {
"text": "#24292e",
"bg": "rgba(209,213,218,0.5)",
"border": "rgba(209,213,218,0.5)",
"text": "#24292e"
"border": "rgba(209,213,218,0.5)"
},

@@ -183,20 +497,107 @@ "topic": {

"bg": "#ffffff",
"contrastBg": "#fafbfc"
"contrastBg": "#fafbfc",
"shadow": [
"inset",
"0",
"1px",
"2px",
"rgba(27,31,35,0.075)"
],
"shadowFocus": [
"0",
"0",
"0",
"0.2em",
"rgba(3,102,214,0.3)"
]
},
"avatar": {
"border": "rgba(27,31,35,0.1)"
"border": "rgba(27,31,35,0.1)",
"stackFade": "#d1d5da",
"stackFadeMore": "#e1e4e8",
"childShadow": [
"-2px",
"-2px",
"0",
"rgba(255,255,255,0.8)"
]
},
"icFolder": "#79b8ff",
"toast": {
"icBgLoading": "#586069"
},
"timeline": {
"text": "#444d56",
"badgeBg": "#e1e4e8",
"targetBadgeBorder": "#2188ff",
"targetBadgeShadow": "#c8e1ff"
},
"selectMenu": {
"backdropBg": "rgba(27,31,35,0.5)",
"shadow": [
"0",
"0",
"18px",
"rgba(27,31,35,0.4)"
],
"tapHighlight": "rgba(209,213,218,0.5)",
"tapFocusBg": "#dbedff"
},
"box": {
"blueBorder": "#c8e1ff",
"rowYellowBg": "#fffbdd",
"rowBlueBg": "#f1f8ff"
},
"dropdown": {
"border": "rgba(27,31,35,0.15)"
},
"popover": {
"border": "rgba(27,31,35,0.15)"
},
"branchName": {
"text": "rgba(27,31,35,0.6)",
"bg": "#eaf5ff",
"icon": "#a8bbd0"
},
"markdown": {
"codeBg": "rgba(27,31,35,0.05)",
"frameBorder": "#dfe2e5",
"blockquoteBorder": "#dfe2e5",
"tableBorder": "#dfe2e5",
"tableTrBorder": "#c6cbd1"
},
"header": {
"text": "rgba(255,255,255,0.7)"
},
"filterItem": {
"barBg": "#eff3f6"
},
"hiddenTextExpander": {
"bg": "#dfe2e5",
"bgHover": "#c6cbd1"
},
"dragAndDrop": {
"border": "#c3c8cf"
},
"uploadEnabled": {
"border": "#dfe2e5",
"borderFocused": "#4a9eff"
},
"previewableCommentForm": {
"border": "#c3c8cf"
},
"iconFolder": "#79b8ff",
"hlAuthorBg": "#f1f8ff",
"hlAuthorBorder": "#c8e1ff",
"logoSubdued": "#d1d5da",
"discussionBorder": "#a2cbac",
"diff": {
"bgDeletion": "#1b1f23",
"borderDeletion": "#1b1f23",
"bgAddition": "#1b1f23",
"borderAddition": "#1b1f23",
"bgDeletionStrong": "#1b1f23",
"borderDeletionStrong": "#1b1f23",
"bgAdditionStrong": "#1b1f23",
"borderAdditionStrong": "#1b1f23"
"neutralBg": "#d1d5da",
"deletionBg": "#cb2431",
"deletionBgStrong": "#1b1f23",
"deletionBorder": "#1b1f23",
"deletionBorderStrong": "#1b1f23",
"additionBg": "#2cbe4e",
"additionBgStrong": "#1b1f23",
"additionBorder": "#1b1f23",
"additionBorderStrong": "#1b1f23"
},

@@ -207,6 +608,7 @@ "globalNav": {

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

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

7

package.json
{
"name": "@primer/primitives",
"version": "0.0.0-2f13178",
"version": "0.0.0-2fb44d3",
"description": "Typography, spacing, and color primitives for Primer design system",

@@ -28,9 +28,12 @@ "files": [

"build": "ts-node ./script/build.ts && tsc",
"prepack": "yarn build"
"prepack": "yarn build",
"watch": "ls data/**/*.scss script/**/*.ts | entr -s 'yarn build'"
},
"dependencies": {},
"devDependencies": {
"@types/chalk": "^2.2.0",
"@types/mkdirp": "^1.0.1",
"@types/node": "^14.0.26",
"camelcase-keys": "^6.2.2",
"chalk": "^4.1.0",
"deep-shape-equals": "^0.1.2",

@@ -37,0 +40,0 @@ "mkdirp": "^1.0.4",

dist/scss/colors/_light.scss

Sorry, the diff of this file is not supported yet

dist/scss/spacing/_normal.scss

Sorry, the diff of this file is not supported yet

dist/scss/typography/_normal.scss

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc