@atlaskit/button 23.5.3 → 23.6.0

package/dist/esm/new-button/variants/icon/link.compiled.css

@@ -10,8 +10,8 @@
 ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
 ._1tv3nqa1:after{border-style:solid}
 ._39yqe4h9:after{border-width:var(--ds-border-width,1px)}
-._8l3mcoux:after{border-color:var(--ds-border-selected,#0052cc)}
-._8l3mmuej:after{border-color:var(--ds-border,#091e4224)}
+._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}
@@ -29,15 +29,11 @@
 ._aetrb3bt:after{content:""}
 ._aetrglyw:after{content:none}
 ._ajmmvv82{text-decoration-style:solid!important}
-._bfhk1g49{background-color:var(--ds-background-selected,#403294)}
-._bfhk1j54{background-color:var(--ds-background-neutral,rgba(9,30,66,.04))}
-._bfhk1vbi{background-color:var(--ds-background-discovery-bold,#5243aa)}
-._bfhk7btw{background-color:var(--ds-background-selected,#253858)}
-._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
-._bfhkomb0{background-color:var(--ds-background-brand-bold,#0052cc)}
-._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
+._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
+._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
+._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
-._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
+._bfhku5tj{background-color:var(--ds-background-discovery-bold,#964ac0)}
 ._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
 ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
 ._gy1p1b66{column-gap:var(--ds-space-050,4px)}
@@ -45,61 +41,43 @@
 ._kqswh2mm{position:relative}
 ._p12f1osq{max-width:100%}
 ._s7n4nkob{vertical-align:middle}
-._syaz10s3{color:var(--ds-text,#42526e)}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
-._syaz1ldt{color:var(--ds-text-selected,#0052cc)}
-._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
-._syaz1pke{color:var(--ds-text-selected,#f4f5f7)}
+._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
+._syaz6x5g{color:var(--ds-text-selected,#1868db)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._vchhusvi{box-sizing:border-box}
 ._y3gn1h6o{text-align:center}
 ._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
-._y4tize3t{padding-inline-end:var(--ds-space-0,0)}._105310s3:visited{color:var(--ds-text,#42526e)}
-._105315cr:visited{color:var(--ds-text-inverse,#fff)}
-._10531gjq:visited{color:var(--ds-text-subtle,#44546f)}
-._10531ldt:visited{color:var(--ds-text-selected,#0052cc)}
-._10531pke:visited{color:var(--ds-text-selected,#f4f5f7)}
+._y4tize3t{padding-inline-end:var(--ds-space-0,0)}._105315cr:visited{color:var(--ds-text-inverse,#fff)}
+._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}
-._f8pj10s3:focus{color:var(--ds-text,#42526e)}
-._f8pj1gjq:focus{color:var(--ds-text-subtle,#44546f)}
-._f8pj1ldt:focus{color:var(--ds-text-selected,#0052cc)}
 ._f8pj1mjl:focus{color:color.text.subtle}
-._f8pj1pke:focus{color:var(--ds-text-selected,#f4f5f7)}
+._f8pj6x5g:focus{color:var(--ds-text-selected,#1868db)}
+._f8pjazsu:focus{color:var(--ds-text-subtle,#505258)}
 ._1bnxglyw:hover{text-decoration-line:none}
-._30l310s3:hover{color:var(--ds-text,#42526e)}
 ._30l315cr:hover{color:var(--ds-text-inverse,#fff)}
-._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
-._30l31ldt:hover{color:var(--ds-text-selected,#0052cc)}
-._30l31lh4:hover{color:var(--ds-text-disabled,#091e424f)}
-._30l31pke:hover{color:var(--ds-text-selected,#f4f5f7)}
-._30l3aqb7:hover{color:var(--ds-text-selected,#0c66e4)}
+._30l31gmx:hover{color:var(--ds-text-disabled,#080f214a)}
+._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}
+._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
 ._9oik1r31:hover{text-decoration-color:currentColor}
-._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
-._irr31g49:hover{background-color:var(--ds-background-selected,#403294)}
-._irr31wqm:hover{background-color:var(--ds-background-brand-bold-hovered,#0065ff)}
-._irr34mfv:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e4214)}
-._irr37gr8:hover{background-color:var(--ds-background-discovery-bold-hovered,#8777d9)}
-._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
-._irr3syzs:hover{background-color:var(--ds-background-disabled,#091e4208)}
-._irr3yw9d:hover{background-color:var(--ds-background-neutral-hovered,#091e4214)}
+._irr315s3:hover{background-color:var(--ds-background-selected,#e9f2fe)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._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)}
 ._jf4cnqa1:hover{text-decoration-style:solid}
-._1di617hq:active{background-color:var(--ds-background-brand-bold-pressed,#0747a6)}
-._1di619qy:active{background-color:var(--ds-background-neutral-subtle-pressed,#b3d4ff)}
-._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
-._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
-._1di61g49:active{background-color:var(--ds-background-selected,#403294)}
-._1di61wu2:active{background-color:var(--ds-background-discovery-bold-pressed,#5243aa)}
-._1di6ip91:active{background-color:var(--ds-background-neutral-pressed,#091e424f)}
-._1di6syzs:active{background-color:var(--ds-background-disabled,#091e4208)}
+._1di615s3:active{background-color:var(--ds-background-selected,#e9f2fe)}
+._1di61f1m:active{background-color:var(--ds-background-discovery-bold-pressed,#673286)}
+._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}
-._9h8h10s3:active{color:var(--ds-text,#42526e)}
 ._9h8h15cr:active{color:var(--ds-text-inverse,#fff)}
-._9h8h1gjq:active{color:var(--ds-text-subtle,#44546f)}
-._9h8h1ldt:active{color:var(--ds-text-selected,#0052cc)}
-._9h8h1lh4:active{color:var(--ds-text-disabled,#091e424f)}
-._9h8h1pke:active{color:var(--ds-text-selected,#f4f5f7)}
-._9h8haqb7:active{color:var(--ds-text-selected,#0c66e4)}
+._9h8h1gmx:active{color:var(--ds-text-disabled,#080f214a)}
+._9h8h6x5g:active{color:var(--ds-text-selected,#1868db)}
+._9h8hazsu:active{color:var(--ds-text-subtle,#505258)}
 ._c2waglyw:active{text-decoration-line:none}

package/dist/esm/new-button/variants/icon/link.js

@@ -10,7 +10,6 @@ import { forwardRef, memo, useRef } from 'react';
 import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -19,29 +18,26 @@ import IconRenderer from '../shared/icon-renderer';
 var styles = {
   base: "_2rkofajl _11c82smr _v5649dqc _189eidpf _1rjc12x7 _1e0c116y _vchhusvi _1bsb1wug _p12f1osq _kqswh2mm _4cvr1q9y _1bah1h6o _gy1p1b66 _1o9zidpf _4t3iviql _k48p1wq8 _y4tiutpp _bozgutpp _y3gn1h6o _s7n4nkob _14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _11fnglyw _18postnw",
   linkDecorationUnset: "_4bfu1snc _1hmsagmp _ajmmvv82 _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1",
-  disabled: "_80om13gf _bfhksyzs _syaz1lh4 _aetrglyw _irr3syzs _30l31lh4 _1di6syzs _9h8h1lh4",
+  disabled: "_80om13gf _bfhkby5v _syaz1gmx _aetrglyw _irr3by5v _30l31gmx _1di6by5v _9h8h1gmx",
   spacingCompact: "_1rjcv77o _gy1p1b66 _y4tiutpp _bozgutpp _s7n4nkob _4t3i1k8s _1bsb1k8s",
   iconButton: "_4t3iviql _1bsbviql _y4tize3t _bozgze3t",
   circle: "_2rko1rr0"
 };
 var defaultStyles = {
-  root: "_bfhk1j54 _syaz10s3 _105310s3 _f8pj10s3 _irr3yw9d _30l310s3 _1di6ip91 _9h8h10s3",
-  rootRefreshed: "_bfhksm61 _syaz1gjq _8l3mmuej _aetrb3bt _10531gjq _f8pj1gjq _irr3166n _30l31gjq _1di61dty _9h8h1gjq"
+  root: "_bfhksm61 _syazazsu _8l3m1l7x _aetrb3bt _1053azsu _f8pjazsu _irr31dpa _30l3azsu _1di6fcek _9h8hazsu"
 };
 var primaryStyles = {
-  root: "_bfhkomb0 _syaz15cr _105315cr _30l315cr _irr31wqm _9h8h15cr _1di617hq"
+  root: "_bfhk1856 _syaz15cr _105315cr _30l315cr _irr3hf2y _9h8h15cr _1di6g6ey"
 };
 var discoveryStyles = {
-  root: "_bfhk1vbi _syaz15cr _105315cr _30l315cr _irr37gr8 _9h8h15cr _1di61wu2"
+  root: "_bfhku5tj _syaz15cr _105315cr _30l315cr _irr3fqeg _9h8h15cr _1di61f1m"
 };
 var subtleStyles = {
-  root: "_bfhkqtfy _syaz10s3 _105310s3 _f8pj10s3 _irr34mfv _30l310s3 _1di619qy _9h8h10s3",
-  rootRefreshed: "_bfhkqtfy _syaz1gjq _10531gjq _f8pj1mjl _irr34mfv _30l31gjq _1di619qy _9h8h1gjq"
+  root: "_bfhksm61 _syazazsu _1053azsu _f8pj1mjl _irr31dpa _30l3azsu _1di6fcek _9h8hazsu"
 };
 var selectedStyles = {
-  root: "_bfhk7btw _syaz1pke _10531pke _f8pj1pke _irr3i1yw _30l3aqb7 _1di619ru _9h8haqb7",
-  rootRefreshed: "_bfhkfg4m _syaz1ldt _8l3mcoux _aetrb3bt _10531ldt _f8pj1ldt _30l31ldt _9h8h1ldt",
-  discovery: "_bfhk1g49 _syaz1pke _30l31pke _irr31g49 _9h8h1pke _1di61g49"
+  root: "_bfhk15s3 _syaz6x5g _8l3mq98m _aetrb3bt _10536x5g _f8pj6x5g _30l36x5g _9h8h6x5g",
+  discovery: "_bfhk15s3 _syaz6x5g _30l36x5g _irr315s3 _9h8h6x5g _1di615s3"
 };
 var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
   var preventedAriaLabel = _ref['aria-label'],
@@ -149,9 +145,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
         ref: mergeRefs([localRef, ref, triggerProps.ref].filter(Boolean))
         // Base props only
         ,
-        xcss: cx(styles.base, appearance === 'default' && (fg('platform-component-visual-refresh') ? defaultStyles.rootRefreshed : defaultStyles.root), appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && (fg('platform-component-visual-refresh') ? subtleStyles.rootRefreshed : subtleStyles.root), styles.linkDecorationUnset, isSelected && (fg('platform-component-visual-refresh') ? selectedStyles.rootRefreshed : selectedStyles.root),
-        // TODO: remove me once we kill color fallbacks
-        isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, styles.iconButton, shape === 'circle' && styles.circle),
+        xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, styles.iconButton, shape === 'circle' && styles.circle),
         onMouseDownCapture: onMouseDownCapture,
         onMouseUpCapture: onMouseUpCapture,
         onKeyDownCapture: onKeyDownCapture,
@@ -184,9 +178,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
     // aria-label={preventedAriaLabel}
     "aria-labelledby": ariaLabelledBy,
     ref: mergeRefs([localRef, ref]),
-    xcss: cx(styles.base, appearance === 'default' && (fg('platform-component-visual-refresh') ? defaultStyles.rootRefreshed : defaultStyles.root), appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && (fg('platform-component-visual-refresh') ? subtleStyles.rootRefreshed : subtleStyles.root), styles.linkDecorationUnset, isSelected && (fg('platform-component-visual-refresh') ? selectedStyles.rootRefreshed : selectedStyles.root),
-    // TODO: remove me once we kill color fallbacks
-    isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, styles.iconButton, spacing === 'compact' && styles.spacingCompact, shape === 'circle' && styles.circle),
+    xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, styles.iconButton, spacing === 'compact' && styles.spacingCompact, shape === 'circle' && styles.circle),
     onClick: _onClick,
     onMouseDownCapture: onMouseDownCapture,
     onMouseUpCapture: onMouseUpCapture,

package/dist/esm/new-button/variants/shared/button-base.compiled.css

@@ -10,9 +10,9 @@
 ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
 ._1tv3nqa1:after{border-style:solid}
 ._39yqe4h9:after{border-width:var(--ds-border-width,1px)}
-._8l3m13gt:after{border-color:var(--ds-border-disabled,#091e420f)}
+._8l3m1l7x:after{border-color:var(--ds-border,#0b120e24)}
+._8l3mbk0g:after{border-color:var(--ds-border-disabled,#0515240f)}
 ._8l3mcoux:after{border-color:var(--ds-border-selected,#0052cc)}
-._8l3mmuej:after{border-color:var(--ds-border,#091e4224)}
 ._11fnglyw:after{pointer-events:none}
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}
 ._18m915vq{overflow-y:hidden}
@@ -39,16 +39,14 @@
 ._80om15jw{cursor:progress}
 ._aetrb3bt:after{content:""}
 ._ajmmnqa1{text-decoration-style:solid}
+._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
 ._bfhk1fvb{background-color:var(--ds-background-disabled,rgba(9,30,66,.04))}
 ._bfhk1g49{background-color:var(--ds-background-selected,#403294)}
 ._bfhk1ikc{background-color:var(--ds-background-warning-bold,#ffab00)}
 ._bfhk1j28{background-color:transparent}
-._bfhk1j54{background-color:var(--ds-background-neutral,rgba(9,30,66,.04))}
 ._bfhk1v7l{background-color:var(--ds-background-danger-bold,#de350b)}
 ._bfhk1vbi{background-color:var(--ds-background-discovery-bold,#5243aa)}
-._bfhk7btw{background-color:var(--ds-background-selected,#253858)}
 ._bfhkbeib{background-color:var(--ds-background-selected,#bf2600)}
-._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
 ._bfhkomb0{background-color:var(--ds-background-brand-bold,#0052cc)}
 ._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
@@ -64,46 +62,40 @@
 ._p12f1osq{max-width:100%}
 ._rjxpze3t{inset-inline-end:var(--ds-space-0,0)}
 ._s7n4nkob{vertical-align:middle}
-._syaz10s3{color:var(--ds-text,#42526e)}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
 ._syaz16q2{color:var(--ds-text-selected,#172b4d)}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syaz1ldt{color:var(--ds-text-selected,#0052cc)}
-._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
 ._syaz1pke{color:var(--ds-text-selected,#f4f5f7)}
 ._syazal3n{color:var(--ds-text-warning-inverse,#172b4d)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u7coze3t{inset-block-end:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
 ._y3gn1h6o{text-align:center}
 ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
 ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
 ._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
-._y4tize3t{padding-inline-end:var(--ds-space-0,0)}._105310s3:visited{color:var(--ds-text,#42526e)}
-._105315cr:visited{color:var(--ds-text-inverse,#fff)}
-._10531gjq:visited{color:var(--ds-text-subtle,#44546f)}
+._y4tize3t{padding-inline-end:var(--ds-space-0,0)}._105315cr:visited{color:var(--ds-text-inverse,#fff)}
 ._10531ldt:visited{color:var(--ds-text-selected,#0052cc)}
-._10531pke:visited{color:var(--ds-text-selected,#f4f5f7)}
 ._1053al3n:visited{color:var(--ds-text-warning-inverse,#172b4d)}
+._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}
-._f8pj10s3:focus{color:var(--ds-text,#42526e)}
 ._f8pj15cr:focus{color:var(--ds-text-inverse,#fff)}
-._f8pj1gjq:focus{color:var(--ds-text-subtle,#44546f)}
 ._f8pj1ldt:focus{color:var(--ds-text-selected,#0052cc)}
-._f8pj1pke:focus{color:var(--ds-text-selected,#f4f5f7)}
 ._f8pjal3n:focus{color:var(--ds-text-warning-inverse,#172b4d)}
+._f8pjazsu:focus{color:var(--ds-text-subtle,#505258)}
 ._g0pbb4wl:focus-visible{z-index:100}
 ._1bnxglyw:hover{text-decoration-line:none}
-._30l310s3:hover{color:var(--ds-text,#42526e)}
 ._30l315cr:hover{color:var(--ds-text-inverse,#fff)}
-._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
+._30l31gmx:hover{color:var(--ds-text-disabled,#080f214a)}
 ._30l31ldt:hover{color:var(--ds-text-selected,#0052cc)}
-._30l31lh4:hover{color:var(--ds-text-disabled,#091e424f)}
 ._30l31pke:hover{color:var(--ds-text-selected,#f4f5f7)}
 ._30l3al3n:hover{color:var(--ds-text-warning-inverse,#172b4d)}
+._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
 ._9oik1r31:hover{text-decoration-color:currentColor}
-._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._irr31fvb:hover{background-color:var(--ds-background-disabled,rgba(9,30,66,.04))}
 ._irr31g49:hover{background-color:var(--ds-background-selected,#403294)}
 ._irr31j28:hover{background-color:transparent}
@@ -115,28 +107,25 @@
 ._irr3beib:hover{background-color:var(--ds-background-selected,#bf2600)}
 ._irr3t71w:hover{background-color:var(--ds-background-selected-hovered,#253858)}
 ._irr3vdtc:hover{background-color:var(--ds-background-selected,#ff991f)}
-._irr3yw9d:hover{background-color:var(--ds-background-neutral-hovered,#091e4214)}
 ._jf4cnqa1:hover{text-decoration-style:solid}
 ._1di617hq:active{background-color:var(--ds-background-brand-bold-pressed,#0747a6)}
 ._1di619qy:active{background-color:var(--ds-background-neutral-subtle-pressed,#b3d4ff)}
-._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
 ._1di61fvb:active{background-color:var(--ds-background-disabled,rgba(9,30,66,.04))}
 ._1di61g49:active{background-color:var(--ds-background-selected,#403294)}
 ._1di61j28:active{background-color:transparent}
 ._1di61wu2:active{background-color:var(--ds-background-discovery-bold-pressed,#5243aa)}
 ._1di6beib:active{background-color:var(--ds-background-selected,#bf2600)}
+._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
 ._1di6h4op:active{background-color:var(--ds-background-warning-bold-pressed,#ff991f)}
-._1di6ih13:active{background-color:var(--ds-background-neutral-pressed,#b3d4ff)}
 ._1di6vdtc:active{background-color:var(--ds-background-selected,#ff991f)}
 ._1di6yssv:active{background-color:var(--ds-background-selected-pressed,#253858)}
 ._1di6yycf:active{background-color:var(--ds-background-danger-bold-pressed,#bf2600)}
 ._1iohnqa1:active{text-decoration-style:solid}
 ._1nrm1r31:active{text-decoration-color:currentColor}
-._9h8h10s3:active{color:var(--ds-text,#42526e)}
 ._9h8h15cr:active{color:var(--ds-text-inverse,#fff)}
-._9h8h1gjq:active{color:var(--ds-text-subtle,#44546f)}
+._9h8h1gmx:active{color:var(--ds-text-disabled,#080f214a)}
 ._9h8h1ldt:active{color:var(--ds-text-selected,#0052cc)}
-._9h8h1lh4:active{color:var(--ds-text-disabled,#091e424f)}
 ._9h8h1pke:active{color:var(--ds-text-selected,#f4f5f7)}
 ._9h8hal3n:active{color:var(--ds-text-warning-inverse,#172b4d)}
+._9h8hazsu:active{color:var(--ds-text-subtle,#505258)}
 ._c2waglyw:active{text-decoration-line:none}

package/dist/esm/new-button/variants/shared/button-base.js

@@ -10,7 +10,6 @@ import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { SplitButtonContext, useSplitButtonContext } from '../../containers/split-button/split-button-context';
@@ -20,7 +19,7 @@ var LOADING_LABEL = ', Loading';
 var styles = {
   base: "_2rkofajl _11c82smr _v5649dqc _189eidpf _1rjc12x7 _1e0c116y _vchhusvi _1bsb1wug _p12f1osq _kqswh2mm _4cvr1q9y _1bah1h6o _gy1p1b66 _1o9zidpf _4t3iviql _k48p1wq8 _y4tiutpp _bozgutpp _y3gn1h6o _s7n4nkob _14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _11fnglyw _18postnw",
   linkDecorationUnset: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1",
-  disabled: "_80om13gf _syaz1lh4 _30l31lh4 _9h8h1lh4",
+  disabled: "_80om13gf _syaz1gmx _30l31gmx _9h8h1gmx",
   sharedDisabled: "_bfhk1fvb _irr31fvb _1di61fvb",
   spacingCompact: "_1rjcv77o _gy1p1b66 _4t3i1k8s _y4tiutpp _bozgutpp _s7n4nkob",
   circle: "_2rko1rr0",
@@ -35,11 +34,9 @@ var styles = {
   navigationSplitButton: "_1bsb1tcg _bfhksm61 _y4ti12x7 _bozg12x7"
 };
 var defaultStyles = {
-  root: "_bfhk1j54 _syaz10s3 _105310s3 _f8pj10s3 _30l310s3 _9h8h10s3",
-  rootRefreshed: "_bfhksm61 _syaz1gjq _8l3mmuej _aetrb3bt _10531gjq _f8pj1gjq _30l31gjq _9h8h1gjq",
-  interactive: "_irr3yw9d _30l310s3 _1di6ih13 _9h8h10s3",
-  interactiveRefreshed: "_irr3166n _30l31gjq _1di61dty _9h8h1gjq",
-  disabledRefreshed: "_bfhk1j28 _8l3m13gt _irr31j28 _1di61j28"
+  root: "_bfhksm61 _syazazsu _8l3m1l7x _aetrb3bt _1053azsu _f8pjazsu _30l3azsu _9h8hazsu",
+  interactive: "_irr31dpa _30l3azsu _1di6fcek _9h8hazsu",
+  disabled: "_bfhk1j28 _8l3mbk0g _irr31j28 _1di61j28"
 };
 var primaryStyles = {
   root: "_bfhkomb0 _syaz15cr _105315cr _f8pj15cr _30l315cr _9h8h15cr",
@@ -58,15 +55,12 @@ var discoveryStyles = {
   interactive: "_30l315cr _irr37gr8 _9h8h15cr _1di61wu2"
 };
 var subtleStyles = {
-  root: "_bfhkqtfy _syaz10s3 _105310s3 _f8pj10s3 _30l310s3 _9h8h10s3",
-  rootRefreshed: "_bfhkqtfy _syaz1gjq _10531gjq _f8pj1gjq _30l31gjq _9h8h1gjq",
-  interactive: "_irr34mfv _30l310s3 _1di619qy _9h8h10s3",
-  interactiveRefreshed: "_irr34mfv _30l31gjq _1di619qy _9h8h1gjq",
-  disabledRefreshed: "_bfhk1j28 _8l3m13gt _irr31j28 _1di61j28"
+  root: "_bfhkqtfy _syazazsu _1053azsu _f8pjazsu _30l3azsu _9h8hazsu",
+  interactive: "_irr34mfv _30l3azsu _1di619qy _9h8hazsu",
+  disabled: "_bfhk1j28 _8l3mbk0g _irr31j28 _1di61j28"
 };
 var selectedStyles = {
-  root: "_bfhk7btw _syaz1pke _10531pke _f8pj1pke _30l31pke _9h8h1pke",
-  rootRefreshed: "_bfhkfg4m _syaz1ldt _8l3mcoux _aetrb3bt _10531ldt _f8pj1ldt _30l31ldt _9h8h1ldt",
+  root: "_bfhk15s3 _syaz1ldt _8l3mcoux _aetrb3bt _10531ldt _f8pj1ldt _30l31ldt _9h8h1ldt",
   insideSplitButton: "_1pbycs5v",
   interactive: "_irr3t71w _30l31pke _1di6yssv _9h8h1pke",
   warning: "_bfhkvdtc _syaz16q2 _30l31pke _irr3vdtc _9h8h1pke _1di6vdtc",
@@ -146,7 +140,7 @@ function (_ref, ref) {
   var isSplitButton = Boolean(splitButtonContext);
   var isNavigationSplitButton = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.isNavigationSplitButton) || false;
   var isDefaultAppearanceSplitButton = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) === 'default';
-  var appearance = isDefaultAppearanceSplitButton && fg('platform-component-visual-refresh') ? 'subtle' : propAppearance || (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) || 'default';
+  var appearance = isDefaultAppearanceSplitButton ? 'subtle' : propAppearance || (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) || 'default';
   var spacing = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.spacing) || propSpacing;
   var isDisabled = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.isDisabled) || propIsDisabled;
   var isInteractive = !isDisabled && !isLoading;
@@ -166,13 +160,13 @@ function (_ref, ref) {
     analyticsContext: analyticsContext,
     role: role,
     ref: mergeRefs([localRef, ref]),
-    xcss: cx(styles.base, appearance === 'default' && (fg('platform-component-visual-refresh') ? defaultStyles.rootRefreshed : defaultStyles.root), appearance === 'default' && isInteractive && (fg('platform-component-visual-refresh') ? defaultStyles.interactiveRefreshed : defaultStyles.interactive), appearance === 'primary' && primaryStyles.root, appearance === 'primary' && isInteractive && primaryStyles.interactive, appearance === 'warning' && warningStyles.root, appearance === 'warning' && isInteractive && warningStyles.interactive, appearance === 'danger' && dangerStyles.root, appearance === 'danger' && isInteractive && dangerStyles.interactive, appearance === 'discovery' && discoveryStyles.root, appearance === 'discovery' && isInteractive && discoveryStyles.interactive, appearance === 'subtle' && (fg('platform-component-visual-refresh') ? subtleStyles.rootRefreshed : subtleStyles.root), appearance === 'subtle' && isInteractive && (fg('platform-component-visual-refresh') ? subtleStyles.interactiveRefreshed : subtleStyles.interactive), styles.linkDecorationUnset, isSelected && (fg('platform-component-visual-refresh') ? selectedStyles.rootRefreshed : selectedStyles.root), isSelected && isSplitButton && selectedStyles.insideSplitButton, isSelected && isInteractive && selectedStyles.interactive,
+    xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'default' && isInteractive && defaultStyles.interactive, appearance === 'primary' && primaryStyles.root, appearance === 'primary' && isInteractive && primaryStyles.interactive, appearance === 'warning' && warningStyles.root, appearance === 'warning' && isInteractive && warningStyles.interactive, appearance === 'danger' && dangerStyles.root, appearance === 'danger' && isInteractive && dangerStyles.interactive, appearance === 'discovery' && discoveryStyles.root, appearance === 'discovery' && isInteractive && discoveryStyles.interactive, appearance === 'subtle' && subtleStyles.root, appearance === 'subtle' && isInteractive && subtleStyles.interactive, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && isSplitButton && selectedStyles.insideSplitButton, isSelected && isInteractive && selectedStyles.interactive,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'danger' && selectedStyles.danger,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'warning' && selectedStyles.warning,
     // TODO: remove me once we kill color fallbacks
-    isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, isDisabled && (!fg('platform-component-visual-refresh') || appearance !== 'default' && appearance !== 'subtle') && styles.sharedDisabled, isDisabled && appearance === 'default' && (fg('platform-component-visual-refresh') ? defaultStyles.disabledRefreshed : defaultStyles.disabled), isCircle && !isSplitButton && styles.circle, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, shouldFitContainer && styles.fullWidth, hasIconAfter && styles.buttonIconAfter, isIconButton && styles.iconButton, isIconButton && spacing === 'compact' && styles.iconButtonCompact, isLoading && styles.loading, isSplitButton && styles.splitButton, isNavigationSplitButton && styles.navigationSplitButton),
+    isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, isDisabled && appearance !== 'default' && appearance !== 'subtle' && styles.sharedDisabled, isDisabled && appearance === 'default' && defaultStyles.disabled, isCircle && !isSplitButton && styles.circle, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, shouldFitContainer && styles.fullWidth, hasIconAfter && styles.buttonIconAfter, isIconButton && styles.iconButton, isIconButton && spacing === 'compact' && styles.iconButtonCompact, isLoading && styles.loading, isSplitButton && styles.splitButton, isNavigationSplitButton && styles.navigationSplitButton),
     isDisabled: isEffectivelyDisabled,
     "aria-label": isLoading && ariaLabel && !ariaLabelledBy ? "".concat(ariaLabel, " ").concat(LOADING_LABEL) : ariaLabel,
     "aria-labelledby": isLoading && ariaLabelledBy ? "".concat(ariaLabelledBy, " ").concat(loadingLabelId) : ariaLabelledBy,

package/dist/esm/old-button/shared/button-base.js

@@ -125,7 +125,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "23.5.2",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext
   });