@atlaskit/button 23.5.3 → 23.6.0

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

@@ -119,7 +119,7 @@ const 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
   });
 

package/dist/es2019/old-button/shared/css.js

@@ -1,7 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import colors from './colors';
 const gridSize = 8;
 const HAS_DISABLED_BACKGROUND = ['default', 'primary', 'danger', 'warning'];
 
@@ -59,17 +57,17 @@ const defaultAfterStyles = {
 };
 const defaultStyles = {
   background: "var(--ds-background-neutral-subtle, #00000000)",
-  color: "var(--ds-text, #172B4D)",
+  color: "var(--ds-text, #292A2E)",
   '&::after': {
     ...defaultAfterStyles,
     content: '""',
-    borderColor: "var(--ds-border, #091E4224)"
+    borderColor: "var(--ds-border, #0B120E24)"
   },
   '&:hover': {
-    background: "var(--ds-background-neutral-hovered, #091E4224)"
+    background: "var(--ds-background-neutral-hovered, #0B120E24)"
   },
   '&:active': {
-    background: "var(--ds-background-neutral-pressed, #091E424F)"
+    background: "var(--ds-background-neutral-pressed, #080F214A)"
   },
   '&[data-has-overlay="true"]:not([disabled]):hover': {
     background: "var(--ds-background-neutral-subtle, #00000000)"
@@ -85,38 +83,38 @@ const defaultStyles = {
   }
 };
 const primaryStyles = {
-  background: "var(--ds-background-brand-bold, #0C66E4)",
+  background: "var(--ds-background-brand-bold, #1868DB)",
   color: "var(--ds-text-inverse, #FFFFFF)",
   '&:hover': {
-    background: "var(--ds-background-brand-bold-hovered, #0055CC)"
+    background: "var(--ds-background-brand-bold-hovered, #1558BC)"
   },
   '&:active': {
-    background: "var(--ds-background-brand-bold-pressed, #09326C)"
+    background: "var(--ds-background-brand-bold-pressed, #144794)"
   },
   '&[data-has-overlay="true"]:not([disabled]):hover': {
-    background: "var(--ds-background-brand-bold, #0C66E4)"
+    background: "var(--ds-background-brand-bold, #1868DB)"
   }
 };
 const linkStyles = {
   background: 'transparent',
-  color: "var(--ds-link, #0C66E4)",
+  color: "var(--ds-link, #1868DB)",
   '&:hover': {
-    color: "var(--ds-link, #0C66E4)",
+    color: "var(--ds-link, #1868DB)",
     textDecoration: 'underline'
   },
   '&:active': {
-    color: "var(--ds-link-pressed, #0055CC)",
+    color: "var(--ds-link-pressed, #1558BC)",
     textDecoration: 'underline'
   }
 };
 const subtleStyles = {
   background: 'transparent',
-  color: "var(--ds-text-subtle, #44546F)",
+  color: "var(--ds-text-subtle, #505258)",
   '&:hover': {
-    background: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
+    background: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
   },
   '&:active': {
-    background: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
+    background: "var(--ds-background-neutral-subtle-pressed, #0B120E24)"
   },
   '&[data-has-overlay="true"]:not([disabled]):hover': {
     background: 'transparent'
@@ -124,29 +122,29 @@ const subtleStyles = {
 };
 const subtleLinkStyles = {
   background: 'transparent',
-  color: "var(--ds-text-subtle, #44546F)",
+  color: "var(--ds-text-subtle, #505258)",
   '&:hover': {
     background: 'transparent',
-    color: "var(--ds-text-subtle, #44546F)",
+    color: "var(--ds-text-subtle, #505258)",
     textDecoration: 'underline'
   },
   '&:active': {
     background: 'transparent',
-    color: "var(--ds-text, #172B4D)",
+    color: "var(--ds-text, #292A2E)",
     textDecoration: 'underline'
   }
 };
 const warningStyles = {
-  background: "var(--ds-background-warning-bold, #F5CD47)",
-  color: "var(--ds-text-warning-inverse, #172B4D)",
+  background: "var(--ds-background-warning-bold, #FBC828)",
+  color: "var(--ds-text-warning-inverse, #292A2E)",
   '&:hover': {
-    background: "var(--ds-background-warning-bold-hovered, #E2B203)"
+    background: "var(--ds-background-warning-bold-hovered, #FCA700)"
   },
   '&:active': {
-    background: "var(--ds-background-warning-bold-pressed, #CF9F02)"
+    background: "var(--ds-background-warning-bold-pressed, #F68909)"
   },
   '&[data-has-overlay="true"]:not([disabled]):hover': {
-    background: "var(--ds-background-warning-bold, #F5CD47)"
+    background: "var(--ds-background-warning-bold, #FBC828)"
   }
 };
 const dangerStyles = {
@@ -156,19 +154,19 @@ const dangerStyles = {
     background: "var(--ds-background-danger-bold-hovered, #AE2E24)"
   },
   '&:active': {
-    background: "var(--ds-background-danger-bold-pressed, #5D1F1A)"
+    background: "var(--ds-background-danger-bold-pressed, #872821)"
   },
   '&[data-has-overlay="true"]:not([disabled]):hover': {
     background: "var(--ds-background-danger-bold, #C9372C)"
   }
 };
 const selectedStyles = {
-  background: "var(--ds-background-selected, #E9F2FF)",
-  color: "var(--ds-text-selected, #0C66E4)",
+  background: "var(--ds-background-selected, #E9F2FE)",
+  color: "var(--ds-text-selected, #1868DB)",
   '&:not([disabled])::after': {
     ...defaultAfterStyles,
     content: '""',
-    borderColor: "var(--ds-border-selected, #0C66E4)"
+    borderColor: "var(--ds-border-selected, #1868DB)"
   }
 };
 const hasOverlayStyles = {
@@ -177,46 +175,13 @@ const hasOverlayStyles = {
     textDecoration: 'none'
   }
 };
-function getColor({
-  group,
-  key,
-  mode
-}) {
-  const rule = group[key] || group.default;
-  return rule[mode];
-}
-function getColors({
-  appearance,
-  key,
-  mode
-}) {
-  return {
-    background: getColor({
-      group: colors.background[appearance],
-      key,
-      mode
-    }),
-    // Needing to add !important to overcome specificity issue caused by deprecated AtlaskitThemeProvider
-    color: `${getColor({
-      group: colors.color[appearance],
-      key,
-      mode
-    })} !important`
-  };
-}
 export function getCss({
   appearance,
   spacing,
-  mode,
   isSelected,
   shouldFitContainer,
   isOnlySingleIcon
 }) {
-  const baseColors = getColors({
-    appearance,
-    key: isSelected ? 'selected' : 'default',
-    mode
-  });
   return {
     // 0px margin added to css-reset
     alignItems: 'baseline',
@@ -237,8 +202,6 @@ export function getCss({
     textDecoration: 'none',
     transition: 'background 0.1s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
     whiteSpace: 'nowrap',
-    // dynamic styles
-    ...(!fg('platform-component-visual-refresh') && baseColors),
     cursor: 'pointer',
     height: heights[spacing],
     lineHeight: lineHeights[spacing],
@@ -247,70 +210,7 @@ export function getCss({
     width: shouldFitContainer ? '100%' : 'auto',
     // justifyContent required for shouldFitContainer buttons with an icon inside
     justifyContent: 'center',
-    // Note: we cannot disable pointer events when there is an overlay.
-    // That would be easy for styling, but it would start letting events through on disabled buttons
-
-    ...(!fg('platform-component-visual-refresh') && {
-      // Disabling visited styles (just using the base colors)
-      '&:visited': {
-        ...baseColors
-      },
-      '&:hover': {
-        ...getColors({
-          appearance,
-          key: isSelected ? 'selected' : 'hover',
-          mode
-        }),
-        textDecoration: !isSelected && (appearance === 'link' || appearance === 'subtle-link') ? 'underline' : 'inherit',
-        // background, box-shadow
-        transitionDuration: '0s, 0.15s'
-      },
-      // giving active styles preference by listing them after focus
-      '&:active': {
-        ...getColors({
-          appearance,
-          key: isSelected ? 'selected' : 'active',
-          mode
-        }),
-        // background, box-shadow
-        transitionDuration: '0s, 0s'
-      },
-      // preventDefault prevents regular active styles from applying in Firefox
-      '&[data-firefox-is-active="true"]': {
-        ...getColors({
-          appearance,
-          key: isSelected ? 'selected' : 'active',
-          mode
-        }),
-        // background, box-shadow
-        transitionDuration: '0s, 0s'
-      },
-      // Giving disabled styles preference over active by listing them after.
-      // Not using '&:disabled' because :disabled is not a valid state for all element types
-      // so we are targeting the attribute
-      // Attributes have the same specificity a pseudo classes so we are overriding :disabled here
-      '&[disabled]': {
-        // always using 'disabled' even when selected
-        ...getColors({
-          appearance,
-          key: 'disabled',
-          mode
-        }),
-        cursor: 'not-allowed',
-        textDecoration: 'none'
-      },
-      ...hasOverlayStyles,
-      // disabling hover and active color changes when there is an overlay, but the button is not disabled
-      '&[data-has-overlay="true"]:not([disabled]):hover, &[data-has-overlay="true"]:not([disabled]):active': {
-        ...getColors({
-          appearance,
-          key: isSelected ? 'selected' : 'default',
-          mode
-        })
-      }
-    }),
-    // dynamic colours for visual refresh:
-    ...(fg('platform-component-visual-refresh') && (isSelected ? selectedStyles : {
+    ...(isSelected ? selectedStyles : {
       ...(appearance === 'default' && defaultStyles),
       ...(appearance === 'primary' && primaryStyles),
       ...(appearance === 'link' && linkStyles),
@@ -319,19 +219,19 @@ export function getCss({
       ...(appearance === 'warning' && warningStyles),
       ...(appearance === 'danger' && dangerStyles),
       '&[disabled]': {
-        color: "var(--ds-text-disabled, #091E424F)",
-        backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #091E4208)" : 'transparent',
+        color: "var(--ds-text-disabled, #080F214A)",
+        backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #17171708)" : 'transparent',
         cursor: 'not-allowed',
         textDecoration: 'none',
         '&:hovered': {
-          backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #091E4208)" : 'transparent'
+          backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #17171708)" : 'transparent'
         },
         '&:active': {
-          backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #091E4208)" : 'transparent'
+          backgroundColor: HAS_DISABLED_BACKGROUND.includes(appearance) ? "var(--ds-background-disabled, #17171708)" : 'transparent'
         }
       },
       ...hasOverlayStyles
-    })),
+    }),
     '&::-moz-focus-inner': {
       border: 0,
       margin: 0,

package/dist/esm/new-button/containers/split-button/split-button.compiled.css

@@ -2,8 +2,8 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._195g1h5n{margin-inline:-.03125rem}
 ._195g1n1a{margin-inline:-1px}
-._1mouu2gc{margin-block:var(--ds-space-100,8px)}._12ji13gt{outline-color:var(--ds-border-disabled,#091e420f)}
-._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._1mouu2gc{margin-block:var(--ds-space-100,8px)}._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
+._12jibk0g{outline-color:var(--ds-border-disabled,#0515240f)}
 ._12y3t94y{outline-width:1px}
 ._1553idpf button{border-end-start-radius:0}
 ._1bsbe4h9{width:var(--ds-border-width,1px)}
@@ -22,18 +22,14 @@
 ._80om13gf{cursor:not-allowed}
 ._anlpidpf button{border-end-end-radius:0}
 ._bepvidpf button{border-start-end-radius:0}
-._bfhk15cr{background-color:var(--ds-text-inverse,#fff)}
-._bfhk1fxt{background-color:var(--ds-text,#172b4d)}
 ._bfhk9xzm{background-color:var(--ds-border-disabled,#091e4224)}
 ._bfhkdud1{background-color:var(--ds-text-subtle,#0052cc)}
 ._bfhkmuej{background-color:var(--ds-border,#091e4224)}
-._bfhkojnm{background-color:var(--ds-text-disabled,#091e4224)}
 ._bfhkveue{background-color:var(--ds-border-inverse,#fff)}
 ._kqswh2mm{position:relative}
 ._o5721q9c{white-space:nowrap}
 ._p9ykidpf a{border-start-end-radius:0}
 ._traeidpf a{border-end-end-radius:0}
 ._tzy419lr{opacity:.62}
-._tzy41uwv{opacity:.51}
 ._tzy41wzo{opacity:.64}
 ._y1n3idpf button{border-start-start-radius:0}

package/dist/esm/new-button/containers/split-button/split-button.js

@@ -2,21 +2,14 @@
 import "./split-button.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
 import { SplitButtonContext } from './split-button-context';
 import { getActions } from './utils';
 var dividerStyles = {
   baseDivider: "_1bsbe4h9 _kqswh2mm _1pbykb7n",
-  dividerDisabled: "_bfhkojnm _80om13gf _tzy41uwv",
-  dividerDisabledRefreshed: "_bfhk9xzm _80om13gf",
-  dividerOffsetRefreshed: "_195g1n1a"
+  dividerDisabled: "_bfhk9xzm _80om13gf",
+  dividerOffset: "_195g1n1a"
 };
 var dividerAppearanceStyles = {
-  default: "_bfhk1fxt _tzy41uwv",
-  primary: "_bfhk15cr _tzy41wzo",
-  navigation: "_1mouu2gc _195g1h5n _4t3i7vkz _bfhkdud1 _tzy419lr"
-};
-var dividerRefreshedAppearanceStyles = {
   default: "_bfhkmuej",
   primary: "_bfhkveue _tzy41wzo",
   navigation: "_1mouu2gc _195g1h5n _4t3i7vkz _bfhkdud1 _tzy419lr"
@@ -41,17 +34,17 @@ export var Divider = function Divider(_ref) {
     spacing = _ref.spacing,
     _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
-  var isDefaultDivider = appearance === 'default' && !isDisabled && fg('platform-component-visual-refresh');
+  var isDefaultDivider = appearance === 'default' && !isDisabled;
   return /*#__PURE__*/React.createElement("div", {
-    className: ax([dividerStyles.baseDivider, isDefaultDivider && defaultDividerHeightStyles[spacing], !isDefaultDivider && dividerHeightStyles[spacing], isDisabled && fg('platform-component-visual-refresh') && dividerStyles.dividerDisabledRefreshed, isDisabled && !fg('platform-component-visual-refresh') && dividerStyles.dividerDisabled, !isDisabled && fg('platform-component-visual-refresh') && dividerRefreshedAppearanceStyles[appearance], !isDisabled && !fg('platform-component-visual-refresh') && dividerAppearanceStyles[appearance], fg('platform-component-visual-refresh') && dividerStyles.dividerOffsetRefreshed])
+    className: ax([dividerStyles.baseDivider, isDefaultDivider && defaultDividerHeightStyles[spacing], !isDefaultDivider && dividerHeightStyles[spacing], isDisabled && dividerStyles.dividerDisabled, !isDisabled && dividerAppearanceStyles[appearance], dividerStyles.dividerOffset])
   });
 };
 var buttonStyles = {
   splitButton: "_1e0c116y _kqswh2mm _4cvr1h6o _o5721q9c",
   primaryButton: "_traeidpf _anlpidpf _p9ykidpf _bepvidpf",
   secondaryButton: "_1j4hidpf _1553idpf _1qgbidpf _y1n3idpf",
-  defaultAppearanceContainer: "_2rkofajl _12jimuej _1cwg1n1a _1qu2nqa1 _12y3t94y",
-  defaultAppearanceDisabledContainer: "_12ji13gt"
+  defaultAppearanceContainer: "_2rkofajl _12ji1l7x _1cwg1n1a _1qu2nqa1 _12y3t94y",
+  defaultAppearanceDisabledContainer: "_12jibk0g"
 };
 
 /**
@@ -63,7 +56,7 @@ export var SplitButtonContainer = function SplitButtonContainer(_ref2) {
     _ref2$isDisabled = _ref2.isDisabled,
     isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled;
   return /*#__PURE__*/React.createElement("div", {
-    className: ax([appearance === 'default' && fg('platform-component-visual-refresh') && buttonStyles.defaultAppearanceContainer, appearance === 'default' && isDisabled && fg('platform-component-visual-refresh') && buttonStyles.defaultAppearanceDisabledContainer, buttonStyles.splitButton])
+    className: ax([appearance === 'default' && buttonStyles.defaultAppearanceContainer, appearance === 'default' && isDisabled && buttonStyles.defaultAppearanceDisabledContainer, buttonStyles.splitButton])
   }, children);
 };
 

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

@@ -9,8 +9,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}
@@ -27,19 +27,13 @@
 ._aetrb3bt:after{content:""}
 ._aetrglyw:after{content:none}
 ._ajmmvv82{text-decoration-style:solid!important}
-._bfhk1g49{background-color:var(--ds-background-selected,#403294)}
-._bfhk1ikc{background-color:var(--ds-background-warning-bold,#ffab00)}
-._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)}
+._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)}
-._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
-._bfhkvdtc{background-color:var(--ds-background-selected,#ff991f)}
+._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)}
 ._gy1p1b66{column-gap:var(--ds-space-050,4px)}
@@ -47,74 +41,53 @@
 ._kqswh2mm{position:relative}
 ._p12f1osq{max-width:100%}
 ._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)}
-._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)}
+._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)}._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)}
-._1053al3n:visited{color:var(--ds-text-warning-inverse,#172b4d)}
+._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}
-._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)}
 ._f8pj1mjl:focus{color:color.text.subtle}
-._f8pj1pke:focus{color:var(--ds-text-selected,#f4f5f7)}
-._f8pjal3n:focus{color:var(--ds-text-warning-inverse,#172b4d)}
+._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}
-._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)}
-._30l3al3n:hover{color:var(--ds-text-warning-inverse,#172b4d)}
+._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}
-._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
-._irr31g49:hover{background-color:var(--ds-background-selected,#403294)}
-._irr31j43:hover{background-color:var(--ds-background-warning-bold-hovered,#ffc400)}
-._irr31rwk:hover{background-color:var(--ds-background-danger-bold-hovered,#ff5630)}
-._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)}
-._irr3beib:hover{background-color:var(--ds-background-selected,#bf2600)}
-._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
-._irr3syzs:hover{background-color:var(--ds-background-disabled,#091e4208)}
-._irr3vdtc:hover{background-color:var(--ds-background-selected,#ff991f)}
-._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)}
+._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}
-._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)}
-._1di6beib:active{background-color:var(--ds-background-selected,#bf2600)}
-._1di6h4op:active{background-color:var(--ds-background-warning-bold-pressed,#ff991f)}
-._1di6ip91:active{background-color:var(--ds-background-neutral-pressed,#091e424f)}
-._1di6syzs:active{background-color:var(--ds-background-disabled,#091e4208)}
-._1di6vdtc:active{background-color:var(--ds-background-selected,#ff991f)}
-._1di6yycf:active{background-color:var(--ds-background-danger-bold-pressed,#bf2600)}
+._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}
-._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)}
-._9h8hal3n:active{color:var(--ds-text-warning-inverse,#172b4d)}
+._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}

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

@@ -10,45 +10,41 @@ import { forwardRef, 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 Content from '../shared/content';
 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 _4t3i1k8s _y4tiutpp _bozgutpp _s7n4nkob",
   buttonIconBefore: "_bozgu2gc",
   buttonIconAfter: "_y4tiu2gc",
   fullWidth: "_1bsb1osq"
 };
 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 _f8pj15cr _30l315cr _irr31wqm _9h8h15cr _1di617hq"
+  root: "_bfhk1856 _syaz15cr _105315cr _f8pj15cr _30l315cr _irr3hf2y _9h8h15cr _1di6g6ey"
 };
 var warningStyles = {
-  root: "_bfhk1ikc _syazal3n _1053al3n _f8pjal3n _30l3al3n _irr31j43 _9h8hal3n _1di6h4op"
+  root: "_bfhk1kmu _syaz1yd3 _10531yd3 _f8pj1yd3 _30l31yd3 _irr31spp _9h8h1yd3 _1di64m4m"
 };
 var dangerStyles = {
-  root: "_bfhk1v7l _syaz15cr _105315cr _f8pj15cr _30l315cr _irr31rwk _9h8h15cr _1di6yycf"
+  root: "_bfhkybec _syaz15cr _105315cr _f8pj15cr _30l315cr _irr3s9hg _9h8h15cr _1di613a9"
 };
 var discoveryStyles = {
-  root: "_bfhk1vbi _syaz15cr _105315cr _f8pj15cr _30l315cr _irr37gr8 _9h8h15cr _1di61wu2"
+  root: "_bfhku5tj _syaz15cr _105315cr _f8pj15cr _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 _30l31pke _1di619ru _9h8h1pke",
-  rootRefreshed: "_bfhkfg4m _syaz1ldt _8l3mcoux _aetrb3bt _10531ldt _f8pj1ldt _30l31ldt _9h8h1ldt",
-  warning: "_bfhkvdtc _syaz16q2 _30l31pke _irr3vdtc _9h8h1pke _1di6vdtc",
-  danger: "_bfhkbeib _syaz1pke _30l31pke _irr3beib _9h8h1pke _1di6beib",
-  discovery: "_bfhk1g49 _syaz1pke _30l31pke _irr31g49 _9h8h1pke _1di61g49"
+  root: "_bfhk15s3 _syaz6x5g _8l3mq98m _aetrb3bt _10536x5g _f8pj6x5g _30l36x5g _9h8h6x5g",
+  warning: "_bfhk15s3 _syaz6x5g _30l36x5g _irr315s3 _9h8h6x5g _1di615s3",
+  danger: "_bfhk15s3 _syaz6x5g _30l36x5g _irr315s3 _9h8h6x5g _1di615s3",
+  discovery: "_bfhk15s3 _syaz6x5g _30l36x5g _irr315s3 _9h8h6x5g _1di615s3"
 };
 
 /**
@@ -129,13 +125,7 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
     interactionName: interactionName
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, saferRest, {
-    xcss: cx(styles.base, appearance === 'default' && (fg('platform-component-visual-refresh') ? defaultStyles.rootRefreshed : defaultStyles.root), appearance === 'primary' && primaryStyles.root, appearance === 'warning' && warningStyles.root, appearance === 'danger' && dangerStyles.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 === '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, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, hasIconAfter && styles.buttonIconAfter, shouldFitContainer && styles.fullWidth)
+    xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'warning' && warningStyles.root, appearance === 'danger' && dangerStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'danger' && selectedStyles.danger, isSelected && appearance === 'warning' && selectedStyles.warning, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, hasIconAfter && styles.buttonIconAfter, shouldFitContainer && styles.fullWidth)
   }), iconBefore && /*#__PURE__*/React.createElement(Content, {
     type: "icon",
     position: "before",