UNPKG

@atlaskit/button

Version:

A button triggers an event or action. They let users know what will happen next.

95 lines (94 loc) 5.23 kB
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)} ._14mj1kw7:after{border-radius:inherit} ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)} ._2rkofajl{border-radius:var(--ds-radius-small,3px)} ._9v7aze3t:after{inset:var(--ds-space-0,0)} ._v5649dqc{transition:background .1s ease-out} ._189eidpf{border-width:0} ._1rjc12x7{padding-block:var(--ds-space-075,6px)} ._1rjcv77o{padding-block:var(--ds-space-025,2px)} ._1tv3nqa1:after{border-style:solid} ._39yqe4h9:after{border-width:var(--ds-border-width,1px)} ._8l3m1l7x:after{border-color:var(--ds-border,#0b120e24)} ._8l3mq98m:after{border-color:var(--ds-border-selected,#1868db)} ._11fnglyw:after{pointer-events:none} ._18postnw:after{position:absolute} ._1bah1h6o{justify-content:center} ._1bsb1osq{width:100%} ._1bsb1wug{width:auto} ._1e0c116y{display:inline-flex} ._1hmsagmp{text-decoration-line:none!important} ._1o9zidpf{flex-shrink:0} ._4bfu1snc{text-decoration-color:currentColor!important} ._4cvr1q9y{align-items:baseline} ._4t3i1k8s{height:1.5rem} ._4t3iviql{height:2rem} ._80om13gf{cursor:not-allowed} ._aetrb3bt:after{content:""} ._aetrglyw:after{content:none} ._ajmmvv82{text-decoration-style:solid!important} ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)} ._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)} ._bfhk1kmu{background-color:var(--ds-background-warning-bold,#fbc828)} ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)} ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)} ._bfhku5tj{background-color:var(--ds-background-discovery-bold,#964ac0)} ._bfhkybec{background-color:var(--ds-background-danger-bold,#c9372c)} ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)} ._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)} ._gy1p12x7{column-gap:var(--ds-space-075,6px)} ._gy1p1b66{column-gap:var(--ds-space-050,4px)} ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)} ._kqswh2mm{position:relative} ._p12f1osq{max-width:100%} ._s7n4nkob{vertical-align:middle} ._syaz15cr{color:var(--ds-text-inverse,#fff)} ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)} ._syaz1yd3{color:var(--ds-text-warning-inverse,#292a2e)} ._syaz6x5g{color:var(--ds-text-selected,#1868db)} ._syazazsu{color:var(--ds-text-subtle,#505258)} ._vchhusvi{box-sizing:border-box} ._y3gn1h6o{text-align:center} ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)} ._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}._105315cr:visited{color:var(--ds-text-inverse,#fff)} ._10531yd3:visited{color:var(--ds-text-warning-inverse,#292a2e)} ._10536x5g:visited{color:var(--ds-text-selected,#1868db)} ._1053azsu:visited{color:var(--ds-text-subtle,#505258)} ._1a3b1r31:focus{text-decoration-color:currentColor} ._4fprglyw:focus{text-decoration-line:none} ._5goinqa1:focus{text-decoration-style:solid} ._f8pj15cr:focus{color:var(--ds-text-inverse,#fff)} ._f8pj1mjl:focus{color:color.text.subtle} ._f8pj1yd3:focus{color:var(--ds-text-warning-inverse,#292a2e)} ._f8pj6x5g:focus{color:var(--ds-text-selected,#1868db)} ._f8pjazsu:focus{color:var(--ds-text-subtle,#505258)} ._1bnxglyw:hover{text-decoration-line:none} ._30l315cr:hover{color:var(--ds-text-inverse,#fff)} ._30l31gmx:hover{color:var(--ds-text-disabled,#080f214a)} ._30l31yd3:hover{color:var(--ds-text-warning-inverse,#292a2e)} ._30l36x5g:hover{color:var(--ds-text-selected,#1868db)} ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)} ._9oik1r31:hover{text-decoration-color:currentColor} ._irr315s3:hover{background-color:var(--ds-background-selected,#e9f2fe)} ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)} ._irr31spp:hover{background-color:var(--ds-background-warning-bold-hovered,#fca700)} ._irr3by5v:hover{background-color:var(--ds-background-disabled,#17171708)} ._irr3fqeg:hover{background-color:var(--ds-background-discovery-bold-hovered,#803fa5)} ._irr3hf2y:hover{background-color:var(--ds-background-brand-bold-hovered,#1558bc)} ._irr3s9hg:hover{background-color:var(--ds-background-danger-bold-hovered,#ae2e24)} ._jf4cnqa1:hover{text-decoration-style:solid} ._1di613a9:active{background-color:var(--ds-background-danger-bold-pressed,#872821)} ._1di615s3:active{background-color:var(--ds-background-selected,#e9f2fe)} ._1di61f1m:active{background-color:var(--ds-background-discovery-bold-pressed,#673286)} ._1di64m4m:active{background-color:var(--ds-background-warning-bold-pressed,#f68909)} ._1di6by5v:active{background-color:var(--ds-background-disabled,#17171708)} ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)} ._1di6g6ey:active{background-color:var(--ds-background-brand-bold-pressed,#144794)} ._1iohnqa1:active{text-decoration-style:solid} ._1nrm1r31:active{text-decoration-color:currentColor} ._9h8h15cr:active{color:var(--ds-text-inverse,#fff)} ._9h8h1gmx:active{color:var(--ds-text-disabled,#080f214a)} ._9h8h1yd3:active{color:var(--ds-text-warning-inverse,#292a2e)} ._9h8h6x5g:active{color:var(--ds-text-selected,#1868db)} ._9h8hazsu:active{color:var(--ds-text-subtle,#505258)} ._c2waglyw:active{text-decoration-line:none}