@atlaskit/navigation-system 10.16.4 → 10.16.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.compiled.css +0 -1
  3. package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js +2 -3
  4. package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.compiled.css +1 -1
  5. package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js +3 -5
  6. package/dist/cjs/ui/top-nav-items/search.compiled.css +0 -1
  7. package/dist/cjs/ui/top-nav-items/search.js +2 -4
  8. package/dist/cjs/ui/top-nav-items/themed/themed-anchor.compiled.css +0 -1
  9. package/dist/cjs/ui/top-nav-items/themed/themed-anchor.js +2 -3
  10. package/dist/cjs/ui/top-nav-items/themed/themed-pressable.compiled.css +0 -1
  11. package/dist/cjs/ui/top-nav-items/themed/themed-pressable.js +3 -4
  12. package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.compiled.css +0 -1
  13. package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js +2 -3
  14. package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.compiled.css +1 -1
  15. package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js +3 -5
  16. package/dist/es2019/ui/top-nav-items/search.compiled.css +0 -1
  17. package/dist/es2019/ui/top-nav-items/search.js +2 -4
  18. package/dist/es2019/ui/top-nav-items/themed/themed-anchor.compiled.css +0 -1
  19. package/dist/es2019/ui/top-nav-items/themed/themed-anchor.js +2 -3
  20. package/dist/es2019/ui/top-nav-items/themed/themed-pressable.compiled.css +0 -1
  21. package/dist/es2019/ui/top-nav-items/themed/themed-pressable.js +4 -5
  22. package/dist/esm/ui/top-nav-items/nav-logo/app-logo.compiled.css +0 -1
  23. package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js +2 -3
  24. package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.compiled.css +1 -1
  25. package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js +3 -5
  26. package/dist/esm/ui/top-nav-items/search.compiled.css +0 -1
  27. package/dist/esm/ui/top-nav-items/search.js +2 -4
  28. package/dist/esm/ui/top-nav-items/themed/themed-anchor.compiled.css +0 -1
  29. package/dist/esm/ui/top-nav-items/themed/themed-anchor.js +2 -3
  30. package/dist/esm/ui/top-nav-items/themed/themed-pressable.compiled.css +0 -1
  31. package/dist/esm/ui/top-nav-items/themed/themed-pressable.js +3 -4
  32. package/package.json +4 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 10.16.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d20edab2fda3a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d20edab2fda3a) -
8
+ Cleaned up new shape theme styles, making new border and radius values the default.
9
+
10
+ ## 10.16.5
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 10.16.4
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.compiled.css CHANGED
@@ -1,4 +1,3 @@
1
- ._2rko19bv{border-radius:10px}
2
1
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
2
  ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
4
3
  ._1bah1h6o{justify-content:center}
package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js CHANGED
@@ -19,8 +19,7 @@ var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
19
19
  var _logoRenderer = require("./logo-renderer");
20
20
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
21
21
  var anchorStyles = {
22
- root: "_2rko19bv _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
23
- rootT26Shape: "_2rko1mok",
22
+ root: "_2rko1mok _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
24
23
  interactionStates: "_irr31dpa _1di69yc7",
25
24
  interactionStatesCustomTheming: "_irr31rps _1di6yhlj",
26
25
  fullHeightSidebar: "_1reo15vq _18m915vq _1o9zkb7n"
@@ -78,7 +77,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
78
77
  // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
79
78
  // eslint-disable-next-line @compiled/no-suppress-xcss
80
79
  ,
81
- xcss: (0, _react2.cx)(anchorStyles.root, (0, _fg.fg)('platform-dst-shape-theme-default') && anchorStyles.rootT26Shape, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
80
+ xcss: (0, _react2.cx)(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
82
81
  onClick: onClick
83
82
  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
84
83
  space: "space.075",
package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
1
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
4
4
  ._1e0c1txw{display:flex}
5
5
  ._1e0cglyw{display:none}
package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js CHANGED
@@ -10,16 +10,14 @@ require("./custom-logo.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _react2 = require("@compiled/react");
13
- var _fg = require("@atlaskit/platform-feature-flags/fg");
14
13
  var _compiled = require("@atlaskit/primitives/compiled");
15
14
  var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
16
15
  var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
17
16
  var _logoRenderer = require("./logo-renderer");
18
17
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
19
18
  var anchorStyles = {
20
- root: "_2rkofajl _1e0c1txw _4cvr1h6o _4t3izwfg",
21
- customLogoBorderRadius: "_2rkofajl",
22
- customLogoBorderRadiusT26Shape: "_2rko1mok",
19
+ root: "_2rko12b0 _1e0c1txw _4cvr1h6o _4t3izwfg",
20
+ customLogoBorderRadius: "_2rko1mok",
23
21
  newMargin: "_ahbq1b66",
24
22
  newInteractionStates: "_irr31dpa _1di69yc7",
25
23
  newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
@@ -89,7 +87,7 @@ var CustomLogo = exports.CustomLogo = function CustomLogo(_ref) {
89
87
  // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
90
88
  // eslint-disable-next-line @compiled/no-suppress-xcss
91
89
  ,
92
- xcss: (0, _react2.cx)(anchorStyles.root, anchorStyles.customLogoBorderRadius, (0, _fg.fg)('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
90
+ xcss: (0, _react2.cx)(anchorStyles.root, anchorStyles.customLogoBorderRadius, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
93
91
  onClick: onClick
94
92
  }, /*#__PURE__*/_react.default.createElement("div", {
95
93
  className: (0, _runtime.ax)([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
package/dist/cjs/ui/top-nav-items/search.compiled.css CHANGED
@@ -1,4 +1,3 @@
1
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
2
1
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
3
2
  ._1ii7kb7n{grid-row:1}
4
3
  ._1rjcze3t{padding-block:var(--ds-space-0,0)}
package/dist/cjs/ui/top-nav-items/search.js CHANGED
@@ -12,14 +12,12 @@ var _runtime = require("@compiled/react/runtime");
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
  var _css = require("@atlaskit/css");
14
14
  var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
15
- var _fg = require("@atlaskit/platform-feature-flags/fg");
16
15
  var _compiled = require("@atlaskit/primitives/compiled");
17
16
  var _useIsFhsEnabled = require("../fhs-rollout/use-is-fhs-enabled");
18
17
  var _iconButton = require("./themed/icon-button");
19
18
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
20
19
  var styles = {
21
- root: "_2rko12b0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
22
- rootT26Shape: "_2rko1qi0",
20
+ root: "_2rko1qi0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
23
21
  buttonText: "_yyhyjvu9 _1ii7kb7n",
24
22
  iconBefore: "_yyhykb7n _1ii7kb7n _1e0c1txw",
25
23
  elemAfter: "_yyhy11wp _1ii7kb7n _1e0c1txw",
@@ -48,7 +46,7 @@ var Search = exports.Search = function Search(_ref) {
48
46
  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)")
49
47
  },
50
48
  onClick: onClick,
51
- xcss: (0, _css.cx)(styles.root, (0, _fg.fg)('platform-dst-shape-theme-default') && styles.rootT26Shape, isFhsEnabled && styles.fullHeightSidebar),
49
+ xcss: (0, _css.cx)(styles.root, isFhsEnabled && styles.fullHeightSidebar),
52
50
  interactionName: interactionName,
53
51
  "aria-haspopup": ariaHaspopup
54
52
  }, /*#__PURE__*/_react.default.createElement("span", {
package/dist/cjs/ui/top-nav-items/themed/themed-anchor.compiled.css CHANGED
@@ -5,7 +5,6 @@
5
5
  ._11q7pkxg{background:var(--ds-top-bar-button-background)}
6
6
  ._14mj1kw7:after{border-radius:inherit}
7
7
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
8
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
9
8
  ._9v7aze3t:after{inset:var(--ds-space-0,0)}
10
9
  ._v5649dqc{transition:background .1s ease-out}
11
10
  ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
package/dist/cjs/ui/top-nav-items/themed/themed-anchor.js CHANGED
@@ -18,8 +18,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
18
18
  var _getPrimitivesSpreadProps = require("./get-primitives-spread-props");
19
19
  var _excluded = ["appearance", "shape", "isSelected", "isDisabled"];
20
20
  var styles = {
21
- root: "_zulp12x7 _11c8fhey _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
22
- rootT26Shape: "_2rko1qi0",
21
+ root: "_zulp12x7 _11c8fhey _2rko1qi0 _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
23
22
  interactiveMotion: "_v564k6bl _1ggl5xtf",
24
23
  border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
25
24
  selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
@@ -61,7 +60,7 @@ function ThemedAnchorFn(_ref, ref) {
61
60
  // @ts-expect-error
62
61
  // eslint-disable-next-line @compiled/no-suppress-xcss
63
62
  ,
64
- xcss: (0, _react2.cx)(styles.root, (0, _fg.fg)('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, (0, _fg.fg)('platform-dst-motion-uplift-button') && styles.interactiveMotion)
63
+ xcss: (0, _react2.cx)(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, (0, _fg.fg)('platform-dst-motion-uplift-button') && styles.interactiveMotion)
65
64
  }));
66
65
  }
67
66
 
package/dist/cjs/ui/top-nav-items/themed/themed-pressable.compiled.css CHANGED
@@ -5,7 +5,6 @@
5
5
  ._11q7pkxg{background:var(--ds-top-bar-button-background)}
6
6
  ._14mj1kw7:after{border-radius:inherit}
7
7
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
8
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
9
8
  ._9v7aze3t:after{inset:var(--ds-space-0,0)}
10
9
  ._v5649dqc{transition:background .1s ease-out}
11
10
  ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
package/dist/cjs/ui/top-nav-items/themed/themed-pressable.js CHANGED
@@ -19,8 +19,7 @@ var _getPrimitivesSpreadProps = require("./get-primitives-spread-props");
19
19
  var _excluded = ["appearance", "shape", "isSelected", "isDisabled"];
20
20
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
21
21
  var styles = {
22
- root: "_zulp12x7 _11c8fhey _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
23
- rootT26Shape: "_2rko1qi0",
22
+ root: "_zulp12x7 _11c8fhey _2rko1qi0 _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
24
23
  interactiveMotion: "_v564k6bl _1ggl5xtf",
25
24
  border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
26
25
  selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
@@ -40,7 +39,7 @@ var appearanceStyles = {
40
39
  * Props shared by `ThemedPressable` and `ThemedAnchor`
41
40
  */
42
41
 
43
- var ThemedPressable = exports.ThemedPressable = /*#__PURE__*/(0, _react.forwardRef)(function ThemedPressable(_ref, ref) {
42
+ var ThemedPressable = exports.ThemedPressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
44
43
  var _ref$appearance = _ref.appearance,
45
44
  appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
46
45
  _ref$shape = _ref.shape,
@@ -59,7 +58,7 @@ var ThemedPressable = exports.ThemedPressable = /*#__PURE__*/(0, _react.forwardR
59
58
  // @ts-expect-error
60
59
  // eslint-disable-next-line @compiled/no-suppress-xcss
61
60
  ,
62
- xcss: (0, _react2.cx)(styles.root, (0, _fg.fg)('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, (0, _fg.fg)('platform-dst-motion-uplift-button') && styles.interactiveMotion),
61
+ xcss: (0, _react2.cx)(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, (0, _fg.fg)('platform-dst-motion-uplift-button') && styles.interactiveMotion),
63
62
  isDisabled: isDisabled
64
63
  }));
65
64
  });
package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.compiled.css CHANGED
@@ -1,4 +1,3 @@
1
- ._2rko19bv{border-radius:10px}
2
1
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
2
  ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
4
3
  ._1bah1h6o{justify-content:center}
package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js CHANGED
@@ -10,8 +10,7 @@ import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
10
10
  import { useHasCustomTheme } from '../themed/has-custom-theme-context';
11
11
  import { LogoRenderer } from './logo-renderer';
12
12
  const anchorStyles = {
13
- root: "_2rko19bv _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
14
- rootT26Shape: "_2rko1mok",
13
+ root: "_2rko1mok _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
15
14
  interactionStates: "_irr31dpa _1di69yc7",
16
15
  interactionStatesCustomTheming: "_irr31rps _1di6yhlj",
17
16
  fullHeightSidebar: "_1reo15vq _18m915vq _1o9zkb7n"
@@ -70,7 +69,7 @@ export const AppLogo = ({
70
69
  // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
71
70
  // eslint-disable-next-line @compiled/no-suppress-xcss
72
71
  ,
73
- xcss: cx(anchorStyles.root, fg('platform-dst-shape-theme-default') && anchorStyles.rootT26Shape, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
72
+ xcss: cx(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
74
73
  onClick: onClick
75
74
  }, /*#__PURE__*/React.createElement(Inline, {
76
75
  space: "space.075",
package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
1
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
4
4
  ._1e0c1txw{display:flex}
5
5
  ._1e0cglyw{display:none}
package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js CHANGED
@@ -3,15 +3,13 @@ import "./custom-logo.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useEffect, useRef } from 'react';
5
5
  import { cx } from '@compiled/react';
6
- import { fg } from '@atlaskit/platform-feature-flags/fg';
7
6
  import { Anchor } from '@atlaskit/primitives/compiled';
8
7
  import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
9
8
  import { useHasCustomTheme } from '../themed/has-custom-theme-context';
10
9
  import { LogoRenderer } from './logo-renderer';
11
10
  const anchorStyles = {
12
- root: "_2rkofajl _1e0c1txw _4cvr1h6o _4t3izwfg",
13
- customLogoBorderRadius: "_2rkofajl",
14
- customLogoBorderRadiusT26Shape: "_2rko1mok",
11
+ root: "_2rko12b0 _1e0c1txw _4cvr1h6o _4t3izwfg",
12
+ customLogoBorderRadius: "_2rko1mok",
15
13
  newMargin: "_ahbq1b66",
16
14
  newInteractionStates: "_irr31dpa _1di69yc7",
17
15
  newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
@@ -82,7 +80,7 @@ export const CustomLogo = ({
82
80
  // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
83
81
  // eslint-disable-next-line @compiled/no-suppress-xcss
84
82
  ,
85
- xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, fg('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
83
+ xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
86
84
  onClick: onClick
87
85
  }, /*#__PURE__*/React.createElement("div", {
88
86
  className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
package/dist/es2019/ui/top-nav-items/search.compiled.css CHANGED
@@ -1,4 +1,3 @@
1
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
2
1
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
3
2
  ._1ii7kb7n{grid-row:1}
4
3
  ._1rjcze3t{padding-block:var(--ds-space-0,0)}
package/dist/es2019/ui/top-nav-items/search.js CHANGED
@@ -4,13 +4,11 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { Fragment } from 'react';
5
5
  import { cx } from '@atlaskit/css';
6
6
  import SearchIcon from '@atlaskit/icon/core/search';
7
- import { fg } from '@atlaskit/platform-feature-flags/fg';
8
7
  import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
9
8
  import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
10
9
  import { IconButton } from './themed/icon-button';
11
10
  const styles = {
12
- root: "_2rko12b0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
13
- rootT26Shape: "_2rko1qi0",
11
+ root: "_2rko1qi0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
14
12
  buttonText: "_yyhyjvu9 _1ii7kb7n",
15
13
  iconBefore: "_yyhykb7n _1ii7kb7n _1e0c1txw",
16
14
  elemAfter: "_yyhy11wp _1ii7kb7n _1e0c1txw",
@@ -39,7 +37,7 @@ export const Search = ({
39
37
  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-input, #8C8F97)"}`
40
38
  },
41
39
  onClick: onClick,
42
- xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, isFhsEnabled && styles.fullHeightSidebar),
40
+ xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
43
41
  interactionName: interactionName,
44
42
  "aria-haspopup": ariaHaspopup
45
43
  }, /*#__PURE__*/React.createElement("span", {
package/dist/es2019/ui/top-nav-items/themed/themed-anchor.compiled.css CHANGED
@@ -5,7 +5,6 @@
5
5
  ._11q7pkxg{background:var(--ds-top-bar-button-background)}
6
6
  ._14mj1kw7:after{border-radius:inherit}
7
7
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
8
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
9
8
  ._9v7aze3t:after{inset:var(--ds-space-0,0)}
10
9
  ._v5649dqc{transition:background .1s ease-out}
11
10
  ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
package/dist/es2019/ui/top-nav-items/themed/themed-anchor.js CHANGED
@@ -9,8 +9,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
9
9
  import { Anchor } from '@atlaskit/primitives/compiled';
10
10
  import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
11
11
  const styles = {
12
- root: "_zulp12x7 _11c8fhey _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
13
- rootT26Shape: "_2rko1qi0",
12
+ root: "_zulp12x7 _11c8fhey _2rko1qi0 _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
14
13
  interactiveMotion: "_v564k6bl _1ggl5xtf",
15
14
  border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
16
15
  selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
@@ -51,7 +50,7 @@ function ThemedAnchorFn({
51
50
  // @ts-expect-error
52
51
  // eslint-disable-next-line @compiled/no-suppress-xcss
53
52
  ,
54
- xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion)
53
+ xcss: cx(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion)
55
54
  }));
56
55
  }
57
56
 
package/dist/es2019/ui/top-nav-items/themed/themed-pressable.compiled.css CHANGED
@@ -5,7 +5,6 @@
5
5
  ._11q7pkxg{background:var(--ds-top-bar-button-background)}
6
6
  ._14mj1kw7:after{border-radius:inherit}
7
7
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
8
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
9
8
  ._9v7aze3t:after{inset:var(--ds-space-0,0)}
10
9
  ._v5649dqc{transition:background .1s ease-out}
11
10
  ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
package/dist/es2019/ui/top-nav-items/themed/themed-pressable.js CHANGED
@@ -8,8 +8,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
8
8
  import { Pressable } from '@atlaskit/primitives/compiled';
9
9
  import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
10
10
  const styles = {
11
- root: "_zulp12x7 _11c8fhey _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
12
- rootT26Shape: "_2rko1qi0",
11
+ root: "_zulp12x7 _11c8fhey _2rko1qi0 _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
13
12
  interactiveMotion: "_v564k6bl _1ggl5xtf",
14
13
  border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
15
14
  selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
@@ -29,13 +28,13 @@ const appearanceStyles = {
29
28
  * Props shared by `ThemedPressable` and `ThemedAnchor`
30
29
  */
31
30
 
32
- export const ThemedPressable = /*#__PURE__*/forwardRef(function ThemedPressable({
31
+ export const ThemedPressable = /*#__PURE__*/forwardRef(({
33
32
  appearance = 'default',
34
33
  shape = 'default',
35
34
  isSelected,
36
35
  isDisabled,
37
36
  ...props
38
- }, ref) {
37
+ }, ref) => {
39
38
  const hasBorder = appearance === 'default' || isSelected;
40
39
  return /*#__PURE__*/React.createElement(Pressable, _extends({}, getPrimitiveSpreadProps(props), {
41
40
  ref: ref,
@@ -47,7 +46,7 @@ export const ThemedPressable = /*#__PURE__*/forwardRef(function ThemedPressable(
47
46
  // @ts-expect-error
48
47
  // eslint-disable-next-line @compiled/no-suppress-xcss
49
48
  ,
50
- xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion),
49
+ xcss: cx(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion),
51
50
  isDisabled: isDisabled
52
51
  }));
53
52
  });
package/dist/esm/ui/top-nav-items/nav-logo/app-logo.compiled.css CHANGED
@@ -1,4 +1,3 @@
1
- ._2rko19bv{border-radius:10px}
2
1
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
2
  ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
4
3
  ._1bah1h6o{justify-content:center}
package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js CHANGED
@@ -10,8 +10,7 @@ import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
10
10
  import { useHasCustomTheme } from '../themed/has-custom-theme-context';
11
11
  import { LogoRenderer } from './logo-renderer';
12
12
  var anchorStyles = {
13
- root: "_2rko19bv _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
14
- rootT26Shape: "_2rko1mok",
13
+ root: "_2rko1mok _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
15
14
  interactionStates: "_irr31dpa _1di69yc7",
16
15
  interactionStatesCustomTheming: "_irr31rps _1di6yhlj",
17
16
  fullHeightSidebar: "_1reo15vq _18m915vq _1o9zkb7n"
@@ -69,7 +68,7 @@ export var AppLogo = function AppLogo(_ref) {
69
68
  // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
70
69
  // eslint-disable-next-line @compiled/no-suppress-xcss
71
70
  ,
72
- xcss: cx(anchorStyles.root, fg('platform-dst-shape-theme-default') && anchorStyles.rootT26Shape, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
71
+ xcss: cx(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
73
72
  onClick: onClick
74
73
  }, /*#__PURE__*/React.createElement(Inline, {
75
74
  space: "space.075",
package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
1
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
4
4
  ._1e0c1txw{display:flex}
5
5
  ._1e0cglyw{display:none}
package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js CHANGED
@@ -3,15 +3,13 @@ import "./custom-logo.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useEffect, useRef } from 'react';
5
5
  import { cx } from '@compiled/react';
6
- import { fg } from '@atlaskit/platform-feature-flags/fg';
7
6
  import { Anchor } from '@atlaskit/primitives/compiled';
8
7
  import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
9
8
  import { useHasCustomTheme } from '../themed/has-custom-theme-context';
10
9
  import { LogoRenderer } from './logo-renderer';
11
10
  var anchorStyles = {
12
- root: "_2rkofajl _1e0c1txw _4cvr1h6o _4t3izwfg",
13
- customLogoBorderRadius: "_2rkofajl",
14
- customLogoBorderRadiusT26Shape: "_2rko1mok",
11
+ root: "_2rko12b0 _1e0c1txw _4cvr1h6o _4t3izwfg",
12
+ customLogoBorderRadius: "_2rko1mok",
15
13
  newMargin: "_ahbq1b66",
16
14
  newInteractionStates: "_irr31dpa _1di69yc7",
17
15
  newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
@@ -81,7 +79,7 @@ export var CustomLogo = function CustomLogo(_ref) {
81
79
  // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
82
80
  // eslint-disable-next-line @compiled/no-suppress-xcss
83
81
  ,
84
- xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, fg('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
82
+ xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
85
83
  onClick: onClick
86
84
  }, /*#__PURE__*/React.createElement("div", {
87
85
  className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
package/dist/esm/ui/top-nav-items/search.compiled.css CHANGED
@@ -1,4 +1,3 @@
1
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
2
1
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
3
2
  ._1ii7kb7n{grid-row:1}
4
3
  ._1rjcze3t{padding-block:var(--ds-space-0,0)}
package/dist/esm/ui/top-nav-items/search.js CHANGED
@@ -4,13 +4,11 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { Fragment } from 'react';
5
5
  import { cx } from '@atlaskit/css';
6
6
  import SearchIcon from '@atlaskit/icon/core/search';
7
- import { fg } from '@atlaskit/platform-feature-flags/fg';
8
7
  import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
9
8
  import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
10
9
  import { IconButton } from './themed/icon-button';
11
10
  var styles = {
12
- root: "_2rko12b0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
13
- rootT26Shape: "_2rko1qi0",
11
+ root: "_2rko1qi0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
14
12
  buttonText: "_yyhyjvu9 _1ii7kb7n",
15
13
  iconBefore: "_yyhykb7n _1ii7kb7n _1e0c1txw",
16
14
  elemAfter: "_yyhy11wp _1ii7kb7n _1e0c1txw",
@@ -39,7 +37,7 @@ export var Search = function Search(_ref) {
39
37
  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)")
40
38
  },
41
39
  onClick: onClick,
42
- xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, isFhsEnabled && styles.fullHeightSidebar),
40
+ xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
43
41
  interactionName: interactionName,
44
42
  "aria-haspopup": ariaHaspopup
45
43
  }, /*#__PURE__*/React.createElement("span", {
package/dist/esm/ui/top-nav-items/themed/themed-anchor.compiled.css CHANGED
@@ -5,7 +5,6 @@
5
5
  ._11q7pkxg{background:var(--ds-top-bar-button-background)}
6
6
  ._14mj1kw7:after{border-radius:inherit}
7
7
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
8
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
9
8
  ._9v7aze3t:after{inset:var(--ds-space-0,0)}
10
9
  ._v5649dqc{transition:background .1s ease-out}
11
10
  ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
package/dist/esm/ui/top-nav-items/themed/themed-anchor.js CHANGED
@@ -11,8 +11,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
11
  import { Anchor } from '@atlaskit/primitives/compiled';
12
12
  import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
13
13
  var styles = {
14
- root: "_zulp12x7 _11c8fhey _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
15
- rootT26Shape: "_2rko1qi0",
14
+ root: "_zulp12x7 _11c8fhey _2rko1qi0 _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
16
15
  interactiveMotion: "_v564k6bl _1ggl5xtf",
17
16
  border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
18
17
  selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
@@ -54,7 +53,7 @@ function ThemedAnchorFn(_ref, ref) {
54
53
  // @ts-expect-error
55
54
  // eslint-disable-next-line @compiled/no-suppress-xcss
56
55
  ,
57
- xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion)
56
+ xcss: cx(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion)
58
57
  }));
59
58
  }
60
59
 
package/dist/esm/ui/top-nav-items/themed/themed-pressable.compiled.css CHANGED
@@ -5,7 +5,6 @@
5
5
  ._11q7pkxg{background:var(--ds-top-bar-button-background)}
6
6
  ._14mj1kw7:after{border-radius:inherit}
7
7
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
8
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
9
8
  ._9v7aze3t:after{inset:var(--ds-space-0,0)}
10
9
  ._v5649dqc{transition:background .1s ease-out}
11
10
  ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
package/dist/esm/ui/top-nav-items/themed/themed-pressable.js CHANGED
@@ -10,8 +10,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
10
10
  import { Pressable } from '@atlaskit/primitives/compiled';
11
11
  import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
12
12
  var styles = {
13
- root: "_zulp12x7 _11c8fhey _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
14
- rootT26Shape: "_2rko1qi0",
13
+ root: "_zulp12x7 _11c8fhey _2rko1qi0 _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
15
14
  interactiveMotion: "_v564k6bl _1ggl5xtf",
16
15
  border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
17
16
  selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
@@ -31,7 +30,7 @@ var appearanceStyles = {
31
30
  * Props shared by `ThemedPressable` and `ThemedAnchor`
32
31
  */
33
32
 
34
- export var ThemedPressable = /*#__PURE__*/forwardRef(function ThemedPressable(_ref, ref) {
33
+ export var ThemedPressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
35
34
  var _ref$appearance = _ref.appearance,
36
35
  appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
37
36
  _ref$shape = _ref.shape,
@@ -50,7 +49,7 @@ export var ThemedPressable = /*#__PURE__*/forwardRef(function ThemedPressable(_r
50
49
  // @ts-expect-error
51
50
  // eslint-disable-next-line @compiled/no-suppress-xcss
52
51
  ,
53
- xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion),
52
+ xcss: cx(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion),
54
53
  isDisabled: isDisabled
55
54
  }));
56
55
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "10.16.4",
3
+ "version": "10.16.6",
4
4
  "description": "The latest navigation system for Atlassian apps.",
5
5
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
6
6
  "author": "Atlassian Pty Ltd",
@@ -55,7 +55,7 @@
55
55
  "dependencies": {
56
56
  "@atlaskit/analytics-next": "^12.5.0",
57
57
  "@atlaskit/app-provider": "^5.5.0",
58
- "@atlaskit/avatar": "^27.3.0",
58
+ "@atlaskit/avatar": "^28.0.0",
59
59
  "@atlaskit/button": "^25.3.0",
60
60
  "@atlaskit/css": "^1.1.0",
61
61
  "@atlaskit/ds-lib": "^8.0.0",
@@ -70,7 +70,7 @@
70
70
  "@atlaskit/primitives": "^22.5.0",
71
71
  "@atlaskit/react-compiler-gating": "^0.2.0",
72
72
  "@atlaskit/side-nav-items": "^2.3.0",
73
- "@atlaskit/tokens": "^16.10.0",
73
+ "@atlaskit/tokens": "^16.11.0",
74
74
  "@atlaskit/tooltip": "^24.3.0",
75
75
  "@atlaskit/visually-hidden": "^4.4.0",
76
76
  "@babel/runtime": "^7.0.0",
@@ -115,7 +115,7 @@
115
115
  "@atlaskit/top-layer": "^4.4.0",
116
116
  "@atlassian/feature-flags-test-utils": "^1.3.0",
117
117
  "@atlassian/gemini": "^1.53.0",
118
- "@atlassian/search-dialog": "^10.11.0",
118
+ "@atlassian/search-dialog": "^10.13.0",
119
119
  "@atlassian/ssr-tests": "workspace:^",
120
120
  "@atlassian/test-utils": "^1.1.0",
121
121
  "@atlassian/testing-library": "^0.11.0",
@@ -145,9 +145,6 @@
145
145
  "platform_dst_button_chevron_sizing": {
146
146
  "type": "boolean"
147
147
  },
148
- "platform-dst-shape-theme-default": {
149
- "type": "boolean"
150
- },
151
148
  "platform_dst_nav4_custom_theming_fhs_1": {
152
149
  "type": "boolean"
153
150
  },