@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
CSS
._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}
._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}
._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}