New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@primer/primitives
Advanced tools
@primer/primitives - npm Package Compare versions
Comparing version 0.0.0-2f13178 to 0.0.0-36490c8
| declare const _default: { | ||
| dark: { | ||
| scale: { | ||
| black: string; | ||
| white: string; | ||
| grey: 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; | ||
| }; | ||
| ic: { | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| }; | ||
| hl: { | ||
| hoverPrimaryBg: string; | ||
| hoverPrimaryBorder: string; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| border: { | ||
| primary: string; | ||
| primaryLight: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| inverse: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| }; | ||
| bg: { | ||
| canvas: string; | ||
| canvasInverse: string; | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| overlay: string; | ||
| selected: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| infoInverse: string; | ||
| dangerInverse: string; | ||
| successInverse: string; | ||
| warningInverse: string; | ||
| }; | ||
| alert: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| warn: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| error: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| success: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| }; | ||
| blankslate: { | ||
| icon: string; | ||
| }; | ||
| btn: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string[]; | ||
| boxShadowHighlight: string[]; | ||
| boxShadowInset: string[]; | ||
| boxShadowFocus: string[]; | ||
| primary: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string; | ||
| boxShadowHighlight: string; | ||
| boxShadowInset: string; | ||
| boxShadowFocus: string; | ||
| }; | ||
| }; | ||
| counter: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| }; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: string; | ||
| }; | ||
| input: { | ||
| bg: string; | ||
| contrastBg: string; | ||
| }; | ||
| avatar: { | ||
| border: string; | ||
| stackFade: string; | ||
| stackFadeMore: 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; | ||
| }; | ||
| globalNav: { | ||
| logo: string; | ||
| bg: string; | ||
| text: string; | ||
| inputBg: string; | ||
| inputBorder: string; | ||
| inputIc: 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; | ||
| grey: 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; | ||
| 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; | ||
| }; | ||
| "ic": { | ||
| "primary": string; | ||
| "secondary": string; | ||
| "tertiary": string; | ||
| "info": string; | ||
| "danger": string; | ||
| "success": string; | ||
| "warning": string; | ||
| ic: { | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| }; | ||
| "hl": { | ||
| "hoverPrimaryBg": string; | ||
| "hoverPrimaryBorder": string; | ||
| "hoverSecondaryBg": string; | ||
| "hoverSecondaryBorder": string; | ||
| "selectedPrimaryBg": string; | ||
| "selectedPrimaryBorder": string; | ||
| hl: { | ||
| hoverPrimaryBg: string; | ||
| hoverPrimaryBorder: string; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| "border": { | ||
| "primary": string; | ||
| "secondary": string; | ||
| "danger": string; | ||
| "success": string; | ||
| "warning": string; | ||
| border: { | ||
| primary: string; | ||
| primaryLight: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| inverse: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: 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; | ||
| bg: { | ||
| canvas: string; | ||
| canvasInverse: string; | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| overlay: string; | ||
| selected: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| infoInverse: string; | ||
| dangerInverse: string; | ||
| successInverse: string; | ||
| warningInverse: string; | ||
| }; | ||
| "btn": { | ||
| "bg": string; | ||
| "border": string; | ||
| "text": string; | ||
| "ic": string; | ||
| "primaryBg": string; | ||
| "primaryBorder": string; | ||
| "primaryText": string; | ||
| "primaryIc": string; | ||
| alert: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| warn: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| error: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| success: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| }; | ||
| "counter": { | ||
| "bg": string; | ||
| "border": string; | ||
| "text": string; | ||
| blankslate: { | ||
| icon: string; | ||
| }; | ||
| "topic": { | ||
| "tagBg": string; | ||
| "tagBorder": string; | ||
| "tagText": string; | ||
| btn: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string[]; | ||
| boxShadowHighlight: string[]; | ||
| boxShadowInset: string[]; | ||
| boxShadowFocus: string[]; | ||
| primary: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string; | ||
| boxShadowHighlight: string; | ||
| boxShadowInset: string; | ||
| boxShadowFocus: string; | ||
| }; | ||
| }; | ||
| "input": { | ||
| "bg": string; | ||
| "contrastBg": string; | ||
| counter: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| }; | ||
| "avatar": { | ||
| "border": string; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: 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; | ||
| input: { | ||
| bg: string; | ||
| contrastBg: string; | ||
| }; | ||
| "globalNav": { | ||
| "logo": string; | ||
| "bg": string; | ||
| "text": string; | ||
| "inputBg": string; | ||
| "inputBorder": string; | ||
| "inputIc": string; | ||
| "inputPlaceholder": string; | ||
| avatar: { | ||
| border: string; | ||
| stackFade: string; | ||
| stackFadeMore: string; | ||
| }; | ||
| "calendarGraph": { | ||
| "dayBg": string; | ||
| "dayBorder": string; | ||
| "dayL1Bg": string; | ||
| "dayL2Bg": string; | ||
| "dayL3Bg": string; | ||
| "dayL4Bg": string; | ||
| "dayL4Border": string; | ||
| "dayL3Border": string; | ||
| "dayL2Border": string; | ||
| "dayL1Border": 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; | ||
| }; | ||
| globalNav: { | ||
| logo: string; | ||
| bg: string; | ||
| text: string; | ||
| inputBg: string; | ||
| inputBorder: string; | ||
| inputIc: 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; |
@@ -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 }; |
| 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; | ||
| grey: 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; | ||
| 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; | ||
| }; | ||
| "ic": { | ||
| "primary": string; | ||
| "secondary": string; | ||
| "tertiary": string; | ||
| "info": string; | ||
| "danger": string; | ||
| "success": string; | ||
| "warning": string; | ||
| ic: { | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| }; | ||
| "hl": { | ||
| "hoverPrimaryBg": string; | ||
| "hoverPrimaryBorder": string; | ||
| "hoverSecondaryBg": string; | ||
| "hoverSecondaryBorder": string; | ||
| "selectedPrimaryBg": string; | ||
| "selectedPrimaryBorder": string; | ||
| hl: { | ||
| hoverPrimaryBg: string; | ||
| hoverPrimaryBorder: string; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| "border": { | ||
| "primary": string; | ||
| "secondary": string; | ||
| "danger": string; | ||
| "success": string; | ||
| "warning": string; | ||
| border: { | ||
| primary: string; | ||
| primaryLight: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| inverse: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: 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; | ||
| bg: { | ||
| canvas: string; | ||
| canvasInverse: string; | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| overlay: string; | ||
| selected: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| infoInverse: string; | ||
| dangerInverse: string; | ||
| successInverse: string; | ||
| warningInverse: string; | ||
| }; | ||
| "btn": { | ||
| "bg": string; | ||
| "border": string; | ||
| "text": string; | ||
| "ic": string; | ||
| "primaryBg": string; | ||
| "primaryBorder": string; | ||
| "primaryText": string; | ||
| "primaryIc": string; | ||
| alert: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| warn: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| error: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| success: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| }; | ||
| "counter": { | ||
| "bg": string; | ||
| "border": string; | ||
| "text": string; | ||
| blankslate: { | ||
| icon: string; | ||
| }; | ||
| "topic": { | ||
| "tagBg": string; | ||
| "tagBorder": string; | ||
| "tagText": string; | ||
| btn: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string[]; | ||
| boxShadowHighlight: string[]; | ||
| boxShadowInset: string[]; | ||
| boxShadowFocus: string[]; | ||
| primary: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string; | ||
| boxShadowHighlight: string; | ||
| boxShadowInset: string; | ||
| boxShadowFocus: string; | ||
| }; | ||
| }; | ||
| "input": { | ||
| "bg": string; | ||
| "contrastBg": string; | ||
| counter: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| }; | ||
| "avatar": { | ||
| "border": string; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: 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; | ||
| input: { | ||
| bg: string; | ||
| contrastBg: string; | ||
| }; | ||
| "globalNav": { | ||
| "logo": string; | ||
| "bg": string; | ||
| "text": string; | ||
| "inputBg": string; | ||
| "inputBorder": string; | ||
| "inputIc": string; | ||
| "inputPlaceholder": string; | ||
| avatar: { | ||
| border: string; | ||
| stackFade: string; | ||
| stackFadeMore: string; | ||
| }; | ||
| "calendarGraph": { | ||
| "dayBg": string; | ||
| "dayBorder": string; | ||
| "dayL1Bg": string; | ||
| "dayL2Bg": string; | ||
| "dayL3Bg": string; | ||
| "dayL4Bg": string; | ||
| "dayL4Border": string; | ||
| "dayL3Border": string; | ||
| "dayL2Border": string; | ||
| "dayL1Border": 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; | ||
| }; | ||
| globalNav: { | ||
| logo: string; | ||
| bg: string; | ||
| text: string; | ||
| inputBg: string; | ||
| inputBorder: string; | ||
| inputIc: 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; |
@@ -110,2 +110,3 @@ "use strict"; | ||
| "disabled": "#d1d5da", | ||
| "inverse": "#ffffff", | ||
| "linkPrimary": "#0366d6", | ||
@@ -137,3 +138,6 @@ "linkSecondary": "#24292e", | ||
| "primary": "#e1e4e8", | ||
| "primaryLight": "#eaecef", | ||
| "secondary": "#d1d5da", | ||
| "tertiary": "#fafbfc", | ||
| "inverse": "#ffffff", | ||
| "danger": "#d73a49", | ||
@@ -150,2 +154,3 @@ "success": "#28a745", | ||
| "overlay": "#1b1f23", | ||
| "selected": "#0366d6", | ||
| "info": "#dbedff", | ||
@@ -160,2 +165,25 @@ "danger": "#ffdce0", | ||
| }, | ||
| "alert": { | ||
| "bg": "#dbedff", | ||
| "border": "rgba(4,66,137,0.2)", | ||
| "icon": "rgba(4,66,137,0.6)", | ||
| "warn": { | ||
| "bg": "#fffbdd", | ||
| "border": "rgba(176,136,0,0.2)", | ||
| "icon": "#b08800" | ||
| }, | ||
| "error": { | ||
| "bg": "#ffe3e6", | ||
| "border": "rgba(158,28,35,0.2)", | ||
| "icon": "rgba(158,28,35,0.6)" | ||
| }, | ||
| "success": { | ||
| "bg": "#dcffe4", | ||
| "border": "rgba(23,111,44,0.2)", | ||
| "icon": "rgba(23,111,44,0.8)" | ||
| } | ||
| }, | ||
| "blankslate": { | ||
| "icon": "#a3aab1" | ||
| }, | ||
| "btn": { | ||
@@ -166,6 +194,43 @@ "bg": "#fafbfc", | ||
| "ic": "#6a737d", | ||
| "primaryBg": "#2ea44f", | ||
| "primaryBorder": "rgba(27,31,35,0.15)", | ||
| "primaryText": "#ffffff", | ||
| "primaryIc": "#ffffff" | ||
| "bgHover": "#f3f4f6", | ||
| "bgActive": "#edeff2", | ||
| "boxShadow": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(27,31,35,0.04)" | ||
| ], | ||
| "boxShadowHighlight": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.25)" | ||
| ], | ||
| "boxShadowInset": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(250,251,252,0.2)" | ||
| ], | ||
| "boxShadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "rgba(3,102,214,0.3)" | ||
| ], | ||
| "primary": { | ||
| "bg": "#2ea44f", | ||
| "border": "rgba(27,31,35,0.15)", | ||
| "text": "#ffffff", | ||
| "ic": "#ffffff", | ||
| "bgHover": "#1b1f23", | ||
| "bgActive": "#1b1f23", | ||
| "boxShadow": "#1b1f23", | ||
| "boxShadowHighlight": "#1b1f23", | ||
| "boxShadowInset": "#1b1f23", | ||
| "boxShadowFocus": "#1b1f23" | ||
| } | ||
| }, | ||
@@ -187,3 +252,5 @@ "counter": { | ||
| "avatar": { | ||
| "border": "rgba(27,31,35,0.1)" | ||
| "border": "rgba(27,31,35,0.1)", | ||
| "stackFade": "#d1d5da", | ||
| "stackFadeMore": "#e1e4e8" | ||
| }, | ||
@@ -190,0 +257,0 @@ "icFolder": "#79b8ff", |
| declare const _default: { | ||
| colors: { | ||
| dark: { | ||
| scale: { | ||
| black: string; | ||
| white: string; | ||
| grey: 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; | ||
| }; | ||
| ic: { | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| }; | ||
| hl: { | ||
| hoverPrimaryBg: string; | ||
| hoverPrimaryBorder: string; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| border: { | ||
| primary: string; | ||
| primaryLight: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| inverse: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| }; | ||
| bg: { | ||
| canvas: string; | ||
| canvasInverse: string; | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| overlay: string; | ||
| selected: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| infoInverse: string; | ||
| dangerInverse: string; | ||
| successInverse: string; | ||
| warningInverse: string; | ||
| }; | ||
| alert: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| warn: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| error: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| success: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| }; | ||
| blankslate: { | ||
| icon: string; | ||
| }; | ||
| btn: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string[]; | ||
| boxShadowHighlight: string[]; | ||
| boxShadowInset: string[]; | ||
| boxShadowFocus: string[]; | ||
| primary: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string; | ||
| boxShadowHighlight: string; | ||
| boxShadowInset: string; | ||
| boxShadowFocus: string; | ||
| }; | ||
| }; | ||
| counter: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| }; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: string; | ||
| }; | ||
| input: { | ||
| bg: string; | ||
| contrastBg: string; | ||
| }; | ||
| avatar: { | ||
| border: string; | ||
| stackFade: string; | ||
| stackFadeMore: 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; | ||
| }; | ||
| globalNav: { | ||
| logo: string; | ||
| bg: string; | ||
| text: string; | ||
| inputBg: string; | ||
| inputBorder: string; | ||
| inputIc: 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; | ||
| grey: 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; | ||
| 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; | ||
| }; | ||
| "ic": { | ||
| "primary": string; | ||
| "secondary": string; | ||
| "tertiary": string; | ||
| "info": string; | ||
| "danger": string; | ||
| "success": string; | ||
| "warning": string; | ||
| ic: { | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| }; | ||
| "hl": { | ||
| "hoverPrimaryBg": string; | ||
| "hoverPrimaryBorder": string; | ||
| "hoverSecondaryBg": string; | ||
| "hoverSecondaryBorder": string; | ||
| "selectedPrimaryBg": string; | ||
| "selectedPrimaryBorder": string; | ||
| hl: { | ||
| hoverPrimaryBg: string; | ||
| hoverPrimaryBorder: string; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| "border": { | ||
| "primary": string; | ||
| "secondary": string; | ||
| "danger": string; | ||
| "success": string; | ||
| "warning": string; | ||
| border: { | ||
| primary: string; | ||
| primaryLight: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| inverse: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: 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; | ||
| bg: { | ||
| canvas: string; | ||
| canvasInverse: string; | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| overlay: string; | ||
| selected: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| infoInverse: string; | ||
| dangerInverse: string; | ||
| successInverse: string; | ||
| warningInverse: string; | ||
| }; | ||
| "btn": { | ||
| "bg": string; | ||
| "border": string; | ||
| "text": string; | ||
| "ic": string; | ||
| "primaryBg": string; | ||
| "primaryBorder": string; | ||
| "primaryText": string; | ||
| "primaryIc": string; | ||
| alert: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| warn: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| error: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| success: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| }; | ||
| "counter": { | ||
| "bg": string; | ||
| "border": string; | ||
| "text": string; | ||
| blankslate: { | ||
| icon: string; | ||
| }; | ||
| "topic": { | ||
| "tagBg": string; | ||
| "tagBorder": string; | ||
| "tagText": string; | ||
| btn: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string[]; | ||
| boxShadowHighlight: string[]; | ||
| boxShadowInset: string[]; | ||
| boxShadowFocus: string[]; | ||
| primary: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string; | ||
| boxShadowHighlight: string; | ||
| boxShadowInset: string; | ||
| boxShadowFocus: string; | ||
| }; | ||
| }; | ||
| "input": { | ||
| "bg": string; | ||
| "contrastBg": string; | ||
| counter: { | ||
| bg: string; | ||
| border: string; | ||
| text: string; | ||
| }; | ||
| "avatar": { | ||
| "border": string; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: 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; | ||
| input: { | ||
| bg: string; | ||
| contrastBg: string; | ||
| }; | ||
| "globalNav": { | ||
| "logo": string; | ||
| "bg": string; | ||
| "text": string; | ||
| "inputBg": string; | ||
| "inputBorder": string; | ||
| "inputIc": string; | ||
| "inputPlaceholder": string; | ||
| avatar: { | ||
| border: string; | ||
| stackFade: string; | ||
| stackFadeMore: string; | ||
| }; | ||
| "calendarGraph": { | ||
| "dayBg": string; | ||
| "dayBorder": string; | ||
| "dayL1Bg": string; | ||
| "dayL2Bg": string; | ||
| "dayL3Bg": string; | ||
| "dayL4Bg": string; | ||
| "dayL4Border": string; | ||
| "dayL3Border": string; | ||
| "dayL2Border": string; | ||
| "dayL1Border": 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; | ||
| }; | ||
| globalNav: { | ||
| logo: string; | ||
| bg: string; | ||
| text: string; | ||
| inputBg: string; | ||
| inputBorder: string; | ||
| inputIc: 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 +352,3 @@ }; | ||
| normal: { | ||
| "spacer": string[]; | ||
| spacer: string[]; | ||
| }; | ||
@@ -141,7 +358,7 @@ }; | ||
| normal: { | ||
| "fontSize": string[]; | ||
| "lineHeight": { | ||
| "condensedUltra": string; | ||
| "condensed": string; | ||
| "default": string; | ||
| fontSize: string[]; | ||
| lineHeight: { | ||
| condensedUltra: string; | ||
| condensed: string; | ||
| default: string; | ||
| }; | ||
@@ -148,0 +365,0 @@ }; |
| declare const _default: { | ||
| normal: { | ||
| "spacer": string[]; | ||
| spacer: string[]; | ||
| }; | ||
| }; | ||
| export default _default; |
| declare const _default: { | ||
| "spacer": string[]; | ||
| spacer: string[]; | ||
| }; | ||
| export default _default; |
| 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 @@ }; |
| declare const _default: { | ||
| "fontSize": string[]; | ||
| "lineHeight": { | ||
| "condensedUltra": string; | ||
| "condensed": string; | ||
| "default": string; | ||
| fontSize: string[]; | ||
| lineHeight: { | ||
| condensedUltra: string; | ||
| condensed: string; | ||
| default: string; | ||
| }; | ||
| }; | ||
| export default _default; |
@@ -108,2 +108,3 @@ { | ||
| "disabled": "#d1d5da", | ||
| "inverse": "#ffffff", | ||
| "linkPrimary": "#0366d6", | ||
@@ -135,3 +136,6 @@ "linkSecondary": "#24292e", | ||
| "primary": "#e1e4e8", | ||
| "primaryLight": "#eaecef", | ||
| "secondary": "#d1d5da", | ||
| "tertiary": "#fafbfc", | ||
| "inverse": "#ffffff", | ||
| "danger": "#d73a49", | ||
@@ -148,2 +152,3 @@ "success": "#28a745", | ||
| "overlay": "#1b1f23", | ||
| "selected": "#0366d6", | ||
| "info": "#dbedff", | ||
@@ -158,2 +163,25 @@ "danger": "#ffdce0", | ||
| }, | ||
| "alert": { | ||
| "bg": "#dbedff", | ||
| "border": "rgba(4,66,137,0.2)", | ||
| "icon": "rgba(4,66,137,0.6)", | ||
| "warn": { | ||
| "bg": "#fffbdd", | ||
| "border": "rgba(176,136,0,0.2)", | ||
| "icon": "#b08800" | ||
| }, | ||
| "error": { | ||
| "bg": "#ffe3e6", | ||
| "border": "rgba(158,28,35,0.2)", | ||
| "icon": "rgba(158,28,35,0.6)" | ||
| }, | ||
| "success": { | ||
| "bg": "#dcffe4", | ||
| "border": "rgba(23,111,44,0.2)", | ||
| "icon": "rgba(23,111,44,0.8)" | ||
| } | ||
| }, | ||
| "blankslate": { | ||
| "icon": "#a3aab1" | ||
| }, | ||
| "btn": { | ||
@@ -164,6 +192,43 @@ "bg": "#fafbfc", | ||
| "ic": "#6a737d", | ||
| "primaryBg": "#2ea44f", | ||
| "primaryBorder": "rgba(27,31,35,0.15)", | ||
| "primaryText": "#ffffff", | ||
| "primaryIc": "#ffffff" | ||
| "bgHover": "#f3f4f6", | ||
| "bgActive": "#edeff2", | ||
| "boxShadow": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(27,31,35,0.04)" | ||
| ], | ||
| "boxShadowHighlight": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.25)" | ||
| ], | ||
| "boxShadowInset": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(250,251,252,0.2)" | ||
| ], | ||
| "boxShadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "rgba(3,102,214,0.3)" | ||
| ], | ||
| "primary": { | ||
| "bg": "#2ea44f", | ||
| "border": "rgba(27,31,35,0.15)", | ||
| "text": "#ffffff", | ||
| "ic": "#ffffff", | ||
| "bgHover": "#1b1f23", | ||
| "bgActive": "#1b1f23", | ||
| "boxShadow": "#1b1f23", | ||
| "boxShadowHighlight": "#1b1f23", | ||
| "boxShadowInset": "#1b1f23", | ||
| "boxShadowFocus": "#1b1f23" | ||
| } | ||
| }, | ||
@@ -185,3 +250,5 @@ "counter": { | ||
| "avatar": { | ||
| "border": "rgba(27,31,35,0.1)" | ||
| "border": "rgba(27,31,35,0.1)", | ||
| "stackFade": "#d1d5da", | ||
| "stackFadeMore": "#e1e4e8" | ||
| }, | ||
@@ -188,0 +255,0 @@ "icFolder": "#79b8ff", |
@@ -0,2 +1,3 @@ | ||
| import dark from './dark' | ||
| import light from './light' | ||
| export default { light } | ||
| export default { dark, light } |
@@ -108,2 +108,3 @@ export default { | ||
| "disabled": "#d1d5da", | ||
| "inverse": "#ffffff", | ||
| "linkPrimary": "#0366d6", | ||
@@ -135,3 +136,6 @@ "linkSecondary": "#24292e", | ||
| "primary": "#e1e4e8", | ||
| "primaryLight": "#eaecef", | ||
| "secondary": "#d1d5da", | ||
| "tertiary": "#fafbfc", | ||
| "inverse": "#ffffff", | ||
| "danger": "#d73a49", | ||
@@ -148,2 +152,3 @@ "success": "#28a745", | ||
| "overlay": "#1b1f23", | ||
| "selected": "#0366d6", | ||
| "info": "#dbedff", | ||
@@ -158,2 +163,25 @@ "danger": "#ffdce0", | ||
| }, | ||
| "alert": { | ||
| "bg": "#dbedff", | ||
| "border": "rgba(4,66,137,0.2)", | ||
| "icon": "rgba(4,66,137,0.6)", | ||
| "warn": { | ||
| "bg": "#fffbdd", | ||
| "border": "rgba(176,136,0,0.2)", | ||
| "icon": "#b08800" | ||
| }, | ||
| "error": { | ||
| "bg": "#ffe3e6", | ||
| "border": "rgba(158,28,35,0.2)", | ||
| "icon": "rgba(158,28,35,0.6)" | ||
| }, | ||
| "success": { | ||
| "bg": "#dcffe4", | ||
| "border": "rgba(23,111,44,0.2)", | ||
| "icon": "rgba(23,111,44,0.8)" | ||
| } | ||
| }, | ||
| "blankslate": { | ||
| "icon": "#a3aab1" | ||
| }, | ||
| "btn": { | ||
@@ -164,6 +192,43 @@ "bg": "#fafbfc", | ||
| "ic": "#6a737d", | ||
| "primaryBg": "#2ea44f", | ||
| "primaryBorder": "rgba(27,31,35,0.15)", | ||
| "primaryText": "#ffffff", | ||
| "primaryIc": "#ffffff" | ||
| "bgHover": "#f3f4f6", | ||
| "bgActive": "#edeff2", | ||
| "boxShadow": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(27,31,35,0.04)" | ||
| ], | ||
| "boxShadowHighlight": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.25)" | ||
| ], | ||
| "boxShadowInset": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(250,251,252,0.2)" | ||
| ], | ||
| "boxShadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "rgba(3,102,214,0.3)" | ||
| ], | ||
| "primary": { | ||
| "bg": "#2ea44f", | ||
| "border": "rgba(27,31,35,0.15)", | ||
| "text": "#ffffff", | ||
| "ic": "#ffffff", | ||
| "bgHover": "#1b1f23", | ||
| "bgActive": "#1b1f23", | ||
| "boxShadow": "#1b1f23", | ||
| "boxShadowHighlight": "#1b1f23", | ||
| "boxShadowInset": "#1b1f23", | ||
| "boxShadowFocus": "#1b1f23" | ||
| } | ||
| }, | ||
@@ -185,3 +250,5 @@ "counter": { | ||
| "avatar": { | ||
| "border": "rgba(27,31,35,0.1)" | ||
| "border": "rgba(27,31,35,0.1)", | ||
| "stackFade": "#d1d5da", | ||
| "stackFadeMore": "#e1e4e8" | ||
| }, | ||
@@ -188,0 +255,0 @@ "icFolder": "#79b8ff", |
| { | ||
| "name": "@primer/primitives", | ||
| "version": "0.0.0-2f13178", | ||
| "version": "0.0.0-36490c8", | ||
| "description": "Typography, spacing, and color primitives for Primer design system", | ||
@@ -32,5 +32,7 @@ "files": [ | ||
| "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 +39,0 @@ "mkdirp": "^1.0.4", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by126.06%
91891
- Number of package files
- increased by16.13%
36
- Lines of code
- increased by140.84%
2919
Worsened metrics
- Dev dependency count
- increased by22.22%
11
No dependency changes