@atlaskit/navigation-system 5.21.0 → 5.22.0

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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.compiled.css +1 -2
  3. package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js +5 -6
  4. package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.compiled.css +1 -2
  5. package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js +5 -6
  6. package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.compiled.css +1 -2
  7. package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js +5 -6
  8. package/package.json +2 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 5.22.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`dc012a1dfb067`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dc012a1dfb067) -
8
+ Tidied `platform-team25-app-icon-tiles` feature gate. There are now adjustments to `CustomLogo`
9
+ padding.
10
+
3
11
  ## 5.21.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.compiled.css CHANGED
@@ -1,8 +1,7 @@
1
1
 
2
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
3
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
- ._18zr1b66{padding-inline:var(--ds-space-050,4px)}
5
- ._18zru2gc{padding-inline:var(--ds-space-100,8px)}._18m915vq{overflow-y:hidden}
4
+ ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
6
5
  ._1e0c1txw{display:flex}
7
6
  ._1e0cglyw{display:none}
8
7
  ._1jpx1f51 img{object-fit:contain}
package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js CHANGED
@@ -26,15 +26,14 @@ var anchorStyles = {
26
26
  newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
27
27
  };
28
28
  var sharedIconOrLogoContainerStyles = {
29
- root: "_1reo15vq _18m915vq _bna71tcg _rtys1kw7 _1jpx1f51",
30
- appIconTilePaddingFlagged: "_18zr1b66",
29
+ root: "_1reo15vq _18m915vq _18zr1b66 _bna71tcg _rtys1kw7 _1jpx1f51",
31
30
  withFullHeightSidebar: "_p12f1osq _1ul91tcg"
32
31
  };
33
32
  var iconContainerStyles = {
34
- root: "_18zr1b66 _1e0c1txw _p12f1tcg _vchh1ntv _10y4glyw"
33
+ root: "_1e0c1txw _p12f1tcg _vchh1ntv _10y4glyw"
35
34
  };
36
35
  var logoContainerStyles = {
37
- root: "_18zru2gc _1e0cglyw _p12fnklw _vchh1ntv _10y41txw"
36
+ root: "_1e0cglyw _p12fnklw _vchh1ntv _10y41txw"
38
37
  };
39
38
 
40
39
  /**
@@ -94,11 +93,11 @@ var CustomLogo = exports.CustomLogo = function CustomLogo(_ref) {
94
93
  xcss: (0, _react2.cx)(anchorStyles.root, anchorStyles.customLogoBorderRadius, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
95
94
  onClick: onClick
96
95
  }, /*#__PURE__*/_react.default.createElement("div", {
97
- className: (0, _runtime.ax)([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, (0, _platformFeatureFlags.fg)('platform-team25-app-icon-tiles') && sharedIconOrLogoContainerStyles.appIconTilePaddingFlagged, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
96
+ className: (0, _runtime.ax)([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
98
97
  }, /*#__PURE__*/_react.default.createElement(_logoRenderer.LogoRenderer, {
99
98
  logoOrIcon: icon
100
99
  })), /*#__PURE__*/_react.default.createElement("div", {
101
- className: (0, _runtime.ax)([sharedIconOrLogoContainerStyles.root, logoContainerStyles.root, (0, _platformFeatureFlags.fg)('platform-team25-app-icon-tiles') && sharedIconOrLogoContainerStyles.appIconTilePaddingFlagged, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
100
+ className: (0, _runtime.ax)([sharedIconOrLogoContainerStyles.root, logoContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
102
101
  }, /*#__PURE__*/_react.default.createElement(_logoRenderer.LogoRenderer, {
103
102
  logoOrIcon: logo
104
103
  })));
package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.compiled.css CHANGED
@@ -1,8 +1,7 @@
1
1
 
2
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
3
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
- ._18zr1b66{padding-inline:var(--ds-space-050,4px)}
5
- ._18zru2gc{padding-inline:var(--ds-space-100,8px)}._18m915vq{overflow-y:hidden}
4
+ ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
6
5
  ._1e0c1txw{display:flex}
7
6
  ._1e0cglyw{display:none}
8
7
  ._1jpx1f51 img{object-fit:contain}
package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js CHANGED
@@ -18,15 +18,14 @@ const anchorStyles = {
18
18
  newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
19
19
  };
20
20
  const sharedIconOrLogoContainerStyles = {
21
- root: "_1reo15vq _18m915vq _bna71tcg _rtys1kw7 _1jpx1f51",
22
- appIconTilePaddingFlagged: "_18zr1b66",
21
+ root: "_1reo15vq _18m915vq _18zr1b66 _bna71tcg _rtys1kw7 _1jpx1f51",
23
22
  withFullHeightSidebar: "_p12f1osq _1ul91tcg"
24
23
  };
25
24
  const iconContainerStyles = {
26
- root: "_18zr1b66 _1e0c1txw _p12f1tcg _vchh1ntv _10y4glyw"
25
+ root: "_1e0c1txw _p12f1tcg _vchh1ntv _10y4glyw"
27
26
  };
28
27
  const logoContainerStyles = {
29
- root: "_18zru2gc _1e0cglyw _p12fnklw _vchh1ntv _10y41txw"
28
+ root: "_1e0cglyw _p12fnklw _vchh1ntv _10y41txw"
30
29
  };
31
30
 
32
31
  /**
@@ -87,11 +86,11 @@ export const CustomLogo = ({
87
86
  xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, fg('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
88
87
  onClick: onClick
89
88
  }, /*#__PURE__*/React.createElement("div", {
90
- className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, fg('platform-team25-app-icon-tiles') && sharedIconOrLogoContainerStyles.appIconTilePaddingFlagged, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
89
+ className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
91
90
  }, /*#__PURE__*/React.createElement(LogoRenderer, {
92
91
  logoOrIcon: icon
93
92
  })), /*#__PURE__*/React.createElement("div", {
94
- className: ax([sharedIconOrLogoContainerStyles.root, logoContainerStyles.root, fg('platform-team25-app-icon-tiles') && sharedIconOrLogoContainerStyles.appIconTilePaddingFlagged, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
93
+ className: ax([sharedIconOrLogoContainerStyles.root, logoContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
95
94
  }, /*#__PURE__*/React.createElement(LogoRenderer, {
96
95
  logoOrIcon: logo
97
96
  })));
package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.compiled.css CHANGED
@@ -1,8 +1,7 @@
1
1
 
2
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
3
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
- ._18zr1b66{padding-inline:var(--ds-space-050,4px)}
5
- ._18zru2gc{padding-inline:var(--ds-space-100,8px)}._18m915vq{overflow-y:hidden}
4
+ ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
6
5
  ._1e0c1txw{display:flex}
7
6
  ._1e0cglyw{display:none}
8
7
  ._1jpx1f51 img{object-fit:contain}
package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js CHANGED
@@ -18,15 +18,14 @@ var anchorStyles = {
18
18
  newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
19
19
  };
20
20
  var sharedIconOrLogoContainerStyles = {
21
- root: "_1reo15vq _18m915vq _bna71tcg _rtys1kw7 _1jpx1f51",
22
- appIconTilePaddingFlagged: "_18zr1b66",
21
+ root: "_1reo15vq _18m915vq _18zr1b66 _bna71tcg _rtys1kw7 _1jpx1f51",
23
22
  withFullHeightSidebar: "_p12f1osq _1ul91tcg"
24
23
  };
25
24
  var iconContainerStyles = {
26
- root: "_18zr1b66 _1e0c1txw _p12f1tcg _vchh1ntv _10y4glyw"
25
+ root: "_1e0c1txw _p12f1tcg _vchh1ntv _10y4glyw"
27
26
  };
28
27
  var logoContainerStyles = {
29
- root: "_18zru2gc _1e0cglyw _p12fnklw _vchh1ntv _10y41txw"
28
+ root: "_1e0cglyw _p12fnklw _vchh1ntv _10y41txw"
30
29
  };
31
30
 
32
31
  /**
@@ -86,11 +85,11 @@ export var CustomLogo = function CustomLogo(_ref) {
86
85
  xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, fg('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
87
86
  onClick: onClick
88
87
  }, /*#__PURE__*/React.createElement("div", {
89
- className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, fg('platform-team25-app-icon-tiles') && sharedIconOrLogoContainerStyles.appIconTilePaddingFlagged, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
88
+ className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
90
89
  }, /*#__PURE__*/React.createElement(LogoRenderer, {
91
90
  logoOrIcon: icon
92
91
  })), /*#__PURE__*/React.createElement("div", {
93
- className: ax([sharedIconOrLogoContainerStyles.root, logoContainerStyles.root, fg('platform-team25-app-icon-tiles') && sharedIconOrLogoContainerStyles.appIconTilePaddingFlagged, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
92
+ className: ax([sharedIconOrLogoContainerStyles.root, logoContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
94
93
  }, /*#__PURE__*/React.createElement(LogoRenderer, {
95
94
  logoOrIcon: logo
96
95
  })));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "5.21.0",
3
+ "version": "5.22.0",
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",
@@ -76,7 +76,7 @@
76
76
  "@atlaskit/layering": "^3.6.0",
77
77
  "@atlaskit/logo": "^19.9.0",
78
78
  "@atlaskit/platform-feature-flags": "^1.1.0",
79
- "@atlaskit/popup": "^4.12.0",
79
+ "@atlaskit/popup": "^4.13.0",
80
80
  "@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
81
81
  "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
82
82
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
@@ -161,9 +161,6 @@
161
161
  "type": "boolean",
162
162
  "referenceOnly": true
163
163
  },
164
- "platform-team25-app-icon-tiles": {
165
- "type": "boolean"
166
- },
167
164
  "platform_dst_nav4_layering_in_main_slot_fixes": {
168
165
  "type": "boolean"
169
166
  },