UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

1 lines 2.88 kB
{"version":3,"sources":["../src/Label/Label.module.css"],"names":[],"mappings":"AAAA,+BAYE,kBAAmB,CAJnB,4BAA6B,CAG7B,kDAAuC,CAFvC,kBAAmB,CACnB,6CAAqC,CAJrC,oDAA6B,CAL7B,mBAAoB,CACpB,4CAAsC,CACtC,8CAA2C,CAE3C,aAAc,CAEd,kBAuEF,CAhEE,wDACE,kCAA2B,CAC3B,oCACF,CAEA,wDACE,iCAA2B,CAC3B,kCACF,CAEA,6DACE,mEACF,CAEA,6DAEE,2DACF,CAEA,+DAEE,+DAAsC,CADtC,gDAEF,CAEA,4DAGE,wEAA4C,CAF5C,kDAGF,CAEA,6DAGE,0EAA6C,CAF7C,oDAGF,CAEA,+DAGE,8EAA+C,CAF/C,wDAGF,CAEA,4DAGE,wEAA4C,CAF5C,kDAGF,CAEA,4DAEE,4EAAgD,CADhD,kDAEF,CAEA,0DAGE,oEAA0C,CAF1C,8CAGF,CAEA,8DAGE,4EAA8C,CAF9C,sDAGF","file":"Label-7904957c.css","sourcesContent":[":where(.Label) {\n display: inline-flex;\n font-size: var(--text-body-size-small);\n font-weight: var(--base-text-weight-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n color: var(--fgColor-default);\n white-space: nowrap;\n background-color: transparent;\n border-style: solid;\n border-width: var(--borderWidth-thin);\n border-radius: var(--borderRadius-full);\n align-items: center;\n\n &:where([data-size='small']) {\n height: var(--base-size-20);\n padding: 0 var(--base-size-6);\n }\n\n &:where([data-size='large']) {\n height: var(--base-size-24);\n padding: 0 var(--base-size-8);\n }\n\n &:where([data-variant='default']) {\n border-color: var(--borderColor-default);\n }\n\n &:where([data-variant='primary']) {\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--fgColor-default);\n }\n\n &:where([data-variant='secondary']) {\n color: var(--fgColor-muted);\n border-color: var(--borderColor-muted);\n }\n\n &:where([data-variant='accent']) {\n color: var(--fgColor-accent);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--bgColor-accent-emphasis);\n }\n\n &:where([data-variant='success']) {\n color: var(--fgColor-success);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--bgColor-success-emphasis);\n }\n\n &:where([data-variant='attention']) {\n color: var(--fgColor-attention);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--bgColor-attention-emphasis);\n }\n\n &:where([data-variant='severe']) {\n color: var(--fgColor-severe);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--bgColor-severe-emphasis);\n }\n\n &:where([data-variant='danger']) {\n color: var(--fgColor-danger);\n border-color: var(--borderColor-danger-emphasis);\n }\n\n &:where([data-variant='done']) {\n color: var(--fgColor-done);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--bgColor-done-emphasis);\n }\n\n &:where([data-variant='sponsors']) {\n color: var(--fgColor-sponsors);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--bgColor-sponsors-emphasis);\n }\n}\n"]}