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-d1fda60 to 0.0.0-e6d856b
| 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[]; | ||
| }; | ||
| 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; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| border: { | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| inverse: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| }; | ||
| bg: { | ||
| canvas: 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: { | ||
| 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; | ||
| 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; | ||
| }; | ||
| 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; | ||
| }; | ||
| icFolder: 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; | ||
| 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; | ||
| 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; | ||
| 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; | ||
| icon: { | ||
| 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; | ||
| state: { | ||
| 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; | ||
| secondary: string; | ||
| tertiary: string; | ||
| inverse: string; | ||
| info: 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; | ||
| info: string; | ||
| infoInverse: string; | ||
| danger: string; | ||
| dangerInverse: string; | ||
| success: string; | ||
| successInverse: string; | ||
| warning: string; | ||
| warningInverse: string; | ||
| }; | ||
| "alert": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": string; | ||
| "warn": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": 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; | ||
| }; | ||
| "error": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": string; | ||
| white: { | ||
| 10: string; | ||
| 15: string; | ||
| 30: string; | ||
| 50: string; | ||
| 70: string; | ||
| 85: string; | ||
| }; | ||
| "success": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": 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; | ||
| }; | ||
| }; | ||
| "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; | ||
| 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": { | ||
| "bg": string; | ||
| "border": string; | ||
| "text": string; | ||
| counter: { | ||
| text: string; | ||
| bg: string; | ||
| border: string; | ||
| }; | ||
| "topic": { | ||
| "tagBg": string; | ||
| "tagBorder": string; | ||
| "tagText": string; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: string; | ||
| }; | ||
| "input": { | ||
| "bg": string; | ||
| "contrastBg": string; | ||
| input: { | ||
| bg: string; | ||
| contrastBg: string; | ||
| shadow: string[]; | ||
| shadowFocus: string[]; | ||
| }; | ||
| "avatar": { | ||
| "border": string; | ||
| avatar: { | ||
| border: string; | ||
| stackFade: string; | ||
| stackFadeMore: string; | ||
| childShadow: 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; | ||
| toast: { | ||
| icBgLoading: string; | ||
| }; | ||
| "globalNav": { | ||
| "logo": string; | ||
| "bg": string; | ||
| "text": string; | ||
| "inputBg": string; | ||
| "inputBorder": string; | ||
| "inputIc": string; | ||
| "inputPlaceholder": string; | ||
| timeline: { | ||
| text: string; | ||
| badgeBg: string; | ||
| targetBadgeBorder: string; | ||
| targetBadgeShadow: string; | ||
| }; | ||
| "calendarGraph": { | ||
| "dayBg": string; | ||
| "dayBorder": string; | ||
| "dayL1Bg": string; | ||
| "dayL2Bg": string; | ||
| "dayL3Bg": string; | ||
| "dayL4Bg": string; | ||
| "dayL4Border": string; | ||
| "dayL3Border": string; | ||
| "dayL2Border": string; | ||
| "dayL1Border": string; | ||
| selectMenu: { | ||
| backdropBg: string; | ||
| shadow: string[]; | ||
| tapHighlight: string; | ||
| tapFocusBg: string; | ||
| }; | ||
| box: { | ||
| blueBorder: 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; | ||
| }; | ||
| icFolder: 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; | ||
| 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; | ||
| 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; | ||
| 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; | ||
| icon: { | ||
| 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; | ||
| state: { | ||
| 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; | ||
| secondary: string; | ||
| tertiary: string; | ||
| inverse: string; | ||
| info: 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; | ||
| info: string; | ||
| infoInverse: string; | ||
| danger: string; | ||
| dangerInverse: string; | ||
| success: string; | ||
| successInverse: string; | ||
| warning: string; | ||
| warningInverse: string; | ||
| }; | ||
| "alert": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": string; | ||
| "warn": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": 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; | ||
| }; | ||
| "error": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": string; | ||
| white: { | ||
| 10: string; | ||
| 15: string; | ||
| 30: string; | ||
| 50: string; | ||
| 70: string; | ||
| 85: string; | ||
| }; | ||
| "success": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": 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; | ||
| }; | ||
| }; | ||
| "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; | ||
| 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": { | ||
| "bg": string; | ||
| "border": string; | ||
| "text": string; | ||
| counter: { | ||
| text: string; | ||
| bg: string; | ||
| border: string; | ||
| }; | ||
| "topic": { | ||
| "tagBg": string; | ||
| "tagBorder": string; | ||
| "tagText": string; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: string; | ||
| }; | ||
| "input": { | ||
| "bg": string; | ||
| "contrastBg": string; | ||
| input: { | ||
| bg: string; | ||
| contrastBg: string; | ||
| shadow: string[]; | ||
| shadowFocus: string[]; | ||
| }; | ||
| "avatar": { | ||
| "border": string; | ||
| avatar: { | ||
| border: string; | ||
| stackFade: string; | ||
| stackFadeMore: string; | ||
| childShadow: 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; | ||
| toast: { | ||
| icBgLoading: string; | ||
| }; | ||
| "globalNav": { | ||
| "logo": string; | ||
| "bg": string; | ||
| "text": string; | ||
| "inputBg": string; | ||
| "inputBorder": string; | ||
| "inputIc": string; | ||
| "inputPlaceholder": string; | ||
| timeline: { | ||
| text: string; | ||
| badgeBg: string; | ||
| targetBadgeBorder: string; | ||
| targetBadgeShadow: string; | ||
| }; | ||
| "calendarGraph": { | ||
| "dayBg": string; | ||
| "dayBorder": string; | ||
| "dayL1Bg": string; | ||
| "dayL2Bg": string; | ||
| "dayL3Bg": string; | ||
| "dayL4Bg": string; | ||
| "dayL4Border": string; | ||
| "dayL3Border": string; | ||
| "dayL2Border": string; | ||
| "dayL1Border": string; | ||
| selectMenu: { | ||
| backdropBg: string; | ||
| shadow: string[]; | ||
| tapHighlight: string; | ||
| tapFocusBg: string; | ||
| }; | ||
| box: { | ||
| blueBorder: 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; | ||
| }; | ||
| icFolder: 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; | ||
| 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; |
@@ -7,3 +7,3 @@ "use strict"; | ||
| "white": "#ffffff", | ||
| "grey": [ | ||
| "gray": [ | ||
| "#fafbfc", | ||
@@ -109,12 +109,13 @@ "#f6f8fa", | ||
| "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", | ||
@@ -128,3 +129,3 @@ "secondary": "#586069", | ||
| }, | ||
| "hl": { | ||
| "state": { | ||
| "hoverPrimaryBg": "#0366d6", | ||
@@ -139,6 +140,9 @@ "hoverPrimaryBorder": "#0366d6", | ||
| "primary": "#e1e4e8", | ||
| "secondary": "#d1d5da", | ||
| "secondary": "#eaecef", | ||
| "tertiary": "#d1d5da", | ||
| "inverse": "#ffffff", | ||
| "info": "#0366d6", | ||
| "danger": "#d73a49", | ||
| "success": "#28a745", | ||
| "warning": "#dbab09" | ||
| "success": "#34d058", | ||
| "warning": "#f9c513" | ||
| }, | ||
@@ -151,12 +155,77 @@ "bg": { | ||
| "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": { | ||
@@ -182,2 +251,5 @@ "bg": "#dbedff", | ||
| }, | ||
| "blankslate": { | ||
| "icon": "#a3aab1" | ||
| }, | ||
| "btn": { | ||
@@ -190,27 +262,14 @@ "bg": "#fafbfc", | ||
| "bgActive": "#edeff2", | ||
| "boxShadow": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(27,31,35,0.04)" | ||
| ], | ||
| "boxShadowHighlight": [ | ||
| "shadowActive": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.25)" | ||
| "0.15em", | ||
| "0.3em", | ||
| "rgba(27,31,35,0.15)" | ||
| ], | ||
| "boxShadowInset": [ | ||
| "inset", | ||
| "shadowInputFocus": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(250,251,252,0.2)" | ||
| ], | ||
| "boxShadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "0.2em", | ||
| "rgba(3,102,214,0.3)" | ||
@@ -221,16 +280,105 @@ ], | ||
| "border": "rgba(27,31,35,0.15)", | ||
| "borderDisabled": "rgba(27,31,35,0.1)", | ||
| "text": "#ffffff", | ||
| "ic": "#ffffff", | ||
| "bgHover": "#1b1f23", | ||
| "bgActive": "#1b1f23", | ||
| "boxShadow": "#1b1f23", | ||
| "boxShadowHighlight": "#1b1f23", | ||
| "boxShadowInset": "#1b1f23", | ||
| "boxShadowFocus": "#1b1f23" | ||
| } | ||
| "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)" | ||
| }, | ||
@@ -244,7 +392,90 @@ "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)" | ||
| ] | ||
| }, | ||
| "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" | ||
| }, | ||
| "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" | ||
| }, | ||
| "icFolder": "#79b8ff", | ||
@@ -254,11 +485,13 @@ "hlAuthorBg": "#f1f8ff", | ||
| "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" | ||
| }, | ||
@@ -265,0 +498,0 @@ "globalNav": { |
| 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[]; | ||
| }; | ||
| 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; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| border: { | ||
| primary: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| inverse: string; | ||
| info: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| }; | ||
| bg: { | ||
| canvas: 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: { | ||
| 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; | ||
| 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; | ||
| }; | ||
| 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; | ||
| }; | ||
| icFolder: 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; | ||
| 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; | ||
| 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; | ||
| 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; | ||
| icon: { | ||
| 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; | ||
| state: { | ||
| 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; | ||
| secondary: string; | ||
| tertiary: string; | ||
| inverse: string; | ||
| info: 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; | ||
| info: string; | ||
| infoInverse: string; | ||
| danger: string; | ||
| dangerInverse: string; | ||
| success: string; | ||
| successInverse: string; | ||
| warning: string; | ||
| warningInverse: string; | ||
| }; | ||
| "alert": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": string; | ||
| "warn": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": 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; | ||
| }; | ||
| "error": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": string; | ||
| white: { | ||
| 10: string; | ||
| 15: string; | ||
| 30: string; | ||
| 50: string; | ||
| 70: string; | ||
| 85: string; | ||
| }; | ||
| "success": { | ||
| "bg": string; | ||
| "border": string; | ||
| "icon": 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; | ||
| }; | ||
| }; | ||
| "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; | ||
| 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": { | ||
| "bg": string; | ||
| "border": string; | ||
| "text": string; | ||
| counter: { | ||
| text: string; | ||
| bg: string; | ||
| border: string; | ||
| }; | ||
| "topic": { | ||
| "tagBg": string; | ||
| "tagBorder": string; | ||
| "tagText": string; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: string; | ||
| }; | ||
| "input": { | ||
| "bg": string; | ||
| "contrastBg": string; | ||
| input: { | ||
| bg: string; | ||
| contrastBg: string; | ||
| shadow: string[]; | ||
| shadowFocus: string[]; | ||
| }; | ||
| "avatar": { | ||
| "border": string; | ||
| avatar: { | ||
| border: string; | ||
| stackFade: string; | ||
| stackFadeMore: string; | ||
| childShadow: 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; | ||
| toast: { | ||
| icBgLoading: string; | ||
| }; | ||
| "globalNav": { | ||
| "logo": string; | ||
| "bg": string; | ||
| "text": string; | ||
| "inputBg": string; | ||
| "inputBorder": string; | ||
| "inputIc": string; | ||
| "inputPlaceholder": string; | ||
| timeline: { | ||
| text: string; | ||
| badgeBg: string; | ||
| targetBadgeBorder: string; | ||
| targetBadgeShadow: string; | ||
| }; | ||
| "calendarGraph": { | ||
| "dayBg": string; | ||
| "dayBorder": string; | ||
| "dayL1Bg": string; | ||
| "dayL2Bg": string; | ||
| "dayL3Bg": string; | ||
| "dayL4Bg": string; | ||
| "dayL4Border": string; | ||
| "dayL3Border": string; | ||
| "dayL2Border": string; | ||
| "dayL1Border": string; | ||
| selectMenu: { | ||
| backdropBg: string; | ||
| shadow: string[]; | ||
| tapHighlight: string; | ||
| tapFocusBg: string; | ||
| }; | ||
| box: { | ||
| blueBorder: 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; | ||
| }; | ||
| icFolder: 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; | ||
| 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; | ||
| }; | ||
| }; | ||
@@ -169,3 +584,3 @@ }; | ||
| normal: { | ||
| "spacer": string[]; | ||
| spacer: string[]; | ||
| }; | ||
@@ -175,7 +590,7 @@ }; | ||
| normal: { | ||
| "fontSize": string[]; | ||
| "lineHeight": { | ||
| "condensedUltra": string; | ||
| "condensed": string; | ||
| "default": string; | ||
| fontSize: string[]; | ||
| lineHeight: { | ||
| condensedUltra: string; | ||
| condensed: string; | ||
| default: string; | ||
| }; | ||
@@ -182,0 +597,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; |
@@ -5,3 +5,3 @@ { | ||
| "white": "#ffffff", | ||
| "grey": [ | ||
| "gray": [ | ||
| "#fafbfc", | ||
@@ -107,12 +107,13 @@ "#f6f8fa", | ||
| "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", | ||
@@ -126,3 +127,3 @@ "secondary": "#586069", | ||
| }, | ||
| "hl": { | ||
| "state": { | ||
| "hoverPrimaryBg": "#0366d6", | ||
@@ -137,6 +138,9 @@ "hoverPrimaryBorder": "#0366d6", | ||
| "primary": "#e1e4e8", | ||
| "secondary": "#d1d5da", | ||
| "secondary": "#eaecef", | ||
| "tertiary": "#d1d5da", | ||
| "inverse": "#ffffff", | ||
| "info": "#0366d6", | ||
| "danger": "#d73a49", | ||
| "success": "#28a745", | ||
| "warning": "#dbab09" | ||
| "success": "#34d058", | ||
| "warning": "#f9c513" | ||
| }, | ||
@@ -149,12 +153,77 @@ "bg": { | ||
| "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": { | ||
@@ -180,2 +249,5 @@ "bg": "#dbedff", | ||
| }, | ||
| "blankslate": { | ||
| "icon": "#a3aab1" | ||
| }, | ||
| "btn": { | ||
@@ -188,27 +260,14 @@ "bg": "#fafbfc", | ||
| "bgActive": "#edeff2", | ||
| "boxShadow": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(27,31,35,0.04)" | ||
| ], | ||
| "boxShadowHighlight": [ | ||
| "shadowActive": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.25)" | ||
| "0.15em", | ||
| "0.3em", | ||
| "rgba(27,31,35,0.15)" | ||
| ], | ||
| "boxShadowInset": [ | ||
| "inset", | ||
| "shadowInputFocus": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(250,251,252,0.2)" | ||
| ], | ||
| "boxShadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "0.2em", | ||
| "rgba(3,102,214,0.3)" | ||
@@ -219,16 +278,105 @@ ], | ||
| "border": "rgba(27,31,35,0.15)", | ||
| "borderDisabled": "rgba(27,31,35,0.1)", | ||
| "text": "#ffffff", | ||
| "ic": "#ffffff", | ||
| "bgHover": "#1b1f23", | ||
| "bgActive": "#1b1f23", | ||
| "boxShadow": "#1b1f23", | ||
| "boxShadowHighlight": "#1b1f23", | ||
| "boxShadowInset": "#1b1f23", | ||
| "boxShadowFocus": "#1b1f23" | ||
| } | ||
| "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)" | ||
| }, | ||
@@ -242,7 +390,90 @@ "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)" | ||
| ] | ||
| }, | ||
| "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" | ||
| }, | ||
| "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" | ||
| }, | ||
| "icFolder": "#79b8ff", | ||
@@ -252,11 +483,13 @@ "hlAuthorBg": "#f1f8ff", | ||
| "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" | ||
| }, | ||
@@ -263,0 +496,0 @@ "globalNav": { |
@@ -0,2 +1,3 @@ | ||
| import dark from './dark' | ||
| import light from './light' | ||
| export default { light } | ||
| export default { dark, light } |
@@ -5,3 +5,3 @@ export default { | ||
| "white": "#ffffff", | ||
| "grey": [ | ||
| "gray": [ | ||
| "#fafbfc", | ||
@@ -107,12 +107,13 @@ "#f6f8fa", | ||
| "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", | ||
@@ -126,3 +127,3 @@ "secondary": "#586069", | ||
| }, | ||
| "hl": { | ||
| "state": { | ||
| "hoverPrimaryBg": "#0366d6", | ||
@@ -137,6 +138,9 @@ "hoverPrimaryBorder": "#0366d6", | ||
| "primary": "#e1e4e8", | ||
| "secondary": "#d1d5da", | ||
| "secondary": "#eaecef", | ||
| "tertiary": "#d1d5da", | ||
| "inverse": "#ffffff", | ||
| "info": "#0366d6", | ||
| "danger": "#d73a49", | ||
| "success": "#28a745", | ||
| "warning": "#dbab09" | ||
| "success": "#34d058", | ||
| "warning": "#f9c513" | ||
| }, | ||
@@ -149,12 +153,77 @@ "bg": { | ||
| "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": { | ||
@@ -180,2 +249,5 @@ "bg": "#dbedff", | ||
| }, | ||
| "blankslate": { | ||
| "icon": "#a3aab1" | ||
| }, | ||
| "btn": { | ||
@@ -188,27 +260,14 @@ "bg": "#fafbfc", | ||
| "bgActive": "#edeff2", | ||
| "boxShadow": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(27,31,35,0.04)" | ||
| ], | ||
| "boxShadowHighlight": [ | ||
| "shadowActive": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.25)" | ||
| "0.15em", | ||
| "0.3em", | ||
| "rgba(27,31,35,0.15)" | ||
| ], | ||
| "boxShadowInset": [ | ||
| "inset", | ||
| "shadowInputFocus": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(250,251,252,0.2)" | ||
| ], | ||
| "boxShadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "0.2em", | ||
| "rgba(3,102,214,0.3)" | ||
@@ -219,16 +278,105 @@ ], | ||
| "border": "rgba(27,31,35,0.15)", | ||
| "borderDisabled": "rgba(27,31,35,0.1)", | ||
| "text": "#ffffff", | ||
| "ic": "#ffffff", | ||
| "bgHover": "#1b1f23", | ||
| "bgActive": "#1b1f23", | ||
| "boxShadow": "#1b1f23", | ||
| "boxShadowHighlight": "#1b1f23", | ||
| "boxShadowInset": "#1b1f23", | ||
| "boxShadowFocus": "#1b1f23" | ||
| } | ||
| "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)" | ||
| }, | ||
@@ -242,7 +390,90 @@ "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)" | ||
| ] | ||
| }, | ||
| "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" | ||
| }, | ||
| "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" | ||
| }, | ||
| "icFolder": "#79b8ff", | ||
@@ -252,11 +483,13 @@ "hlAuthorBg": "#f1f8ff", | ||
| "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" | ||
| }, | ||
@@ -263,0 +496,0 @@ "globalNav": { |
| { | ||
| "name": "@primer/primitives", | ||
| "version": "0.0.0-d1fda60", | ||
| "version": "0.0.0-e6d856b", | ||
| "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 by203.59%
146857
- Number of package files
- increased by16.13%
36
- Lines of code
- increased by233.54%
4953
Worsened metrics
- Dev dependency count
- increased by22.22%
11
No dependency changes