@atlaskit/logo 21.0.0 → 21.1.1

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/logo
2
2
 
3
+ ## 21.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
8
+ Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
9
+ gating.
10
+ - Updated dependencies
11
+
12
+ ## 21.1.0
13
+
14
+ ### Minor Changes
15
+
16
+ - [`8f2b7327fda32`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8f2b7327fda32) -
17
+ Added the `assets-platform-branding-with-confluence` feature gate as an OR condition alongside the
18
+ existing `assets-platform-branding` gate, so the Assets brand styling is also applied when the
19
+ Confluence-targeted gate is enabled.
20
+
3
21
  ## 21.0.0
4
22
 
5
23
  ### Major Changes
@@ -116,6 +116,6 @@ function IconWrapper(_ref) {
116
116
  dangerouslySetInnerHTML: {
117
117
  __html: isCustomThemed ? customThemeSvg : svg
118
118
  },
119
- className: (0, _runtime.ax)([styles.root, sizeMap[size], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && (0, _platformFeatureFlags.fg)('assets-platform-branding') && styles.TEMP_assets])
119
+ className: (0, _runtime.ax)([styles.root, sizeMap[size], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && ((0, _platformFeatureFlags.fg)('assets-platform-branding') || (0, _platformFeatureFlags.fg)('assets-platform-branding-with-confluence')) && styles.TEMP_assets])
120
120
  });
121
121
  }
@@ -142,6 +142,6 @@ function LogoWrapper(_ref) {
142
142
  },
143
143
  className: (0, _runtime.ax)([styles.root,
144
144
  // Setting the color so that the SVG can inherit the correct text color using "currentColor"
145
- logoTextColorMap[colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], sizeMap[size], colorMode === 'dark' ? textDarkAppearanceMap[appearance] : textLightAppearanceMap[appearance], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && (0, _platformFeatureFlags.fg)('assets-platform-branding') && styles.TEMP_assets])
145
+ logoTextColorMap[colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], sizeMap[size], colorMode === 'dark' ? textDarkAppearanceMap[appearance] : textLightAppearanceMap[appearance], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && ((0, _platformFeatureFlags.fg)('assets-platform-branding') || (0, _platformFeatureFlags.fg)('assets-platform-branding-with-confluence')) && styles.TEMP_assets])
146
146
  });
147
147
  }
@@ -106,6 +106,6 @@ export function IconWrapper({
106
106
  dangerouslySetInnerHTML: {
107
107
  __html: isCustomThemed ? customThemeSvg : svg
108
108
  },
109
- className: ax([styles.root, sizeMap[size], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && fg('assets-platform-branding') && styles.TEMP_assets])
109
+ className: ax([styles.root, sizeMap[size], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && (fg('assets-platform-branding') || fg('assets-platform-branding-with-confluence')) && styles.TEMP_assets])
110
110
  });
111
111
  }
@@ -132,6 +132,6 @@ export function LogoWrapper({
132
132
  },
133
133
  className: ax([styles.root,
134
134
  // Setting the color so that the SVG can inherit the correct text color using "currentColor"
135
- logoTextColorMap[colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], sizeMap[size], colorMode === 'dark' ? textDarkAppearanceMap[appearance] : textLightAppearanceMap[appearance], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && fg('assets-platform-branding') && styles.TEMP_assets])
135
+ logoTextColorMap[colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], sizeMap[size], colorMode === 'dark' ? textDarkAppearanceMap[appearance] : textLightAppearanceMap[appearance], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && (fg('assets-platform-branding') || fg('assets-platform-branding-with-confluence')) && styles.TEMP_assets])
136
136
  });
137
137
  }
@@ -108,6 +108,6 @@ export function IconWrapper(_ref) {
108
108
  dangerouslySetInnerHTML: {
109
109
  __html: isCustomThemed ? customThemeSvg : svg
110
110
  },
111
- className: ax([styles.root, sizeMap[size], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && fg('assets-platform-branding') && styles.TEMP_assets])
111
+ className: ax([styles.root, sizeMap[size], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && (fg('assets-platform-branding') || fg('assets-platform-branding-with-confluence')) && styles.TEMP_assets])
112
112
  });
113
113
  }
@@ -134,6 +134,6 @@ export function LogoWrapper(_ref) {
134
134
  },
135
135
  className: ax([styles.root,
136
136
  // Setting the color so that the SVG can inherit the correct text color using "currentColor"
137
- logoTextColorMap[colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], sizeMap[size], colorMode === 'dark' ? textDarkAppearanceMap[appearance] : textLightAppearanceMap[appearance], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && fg('assets-platform-branding') && styles.TEMP_assets])
137
+ logoTextColorMap[colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], sizeMap[size], colorMode === 'dark' ? textDarkAppearanceMap[appearance] : textLightAppearanceMap[appearance], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && (fg('assets-platform-branding') || fg('assets-platform-branding-with-confluence')) && styles.TEMP_assets])
138
138
  });
139
139
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/logo",
3
- "version": "21.0.0",
3
+ "version": "21.1.1",
4
4
  "description": "A logo is a visual representation of a brand or app. It can be a word, an image, or a combination of both.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,8 @@
39
39
  "@atlaskit/ds-lib": "^8.0.0",
40
40
  "@atlaskit/platform-feature-flags": "^2.0.0",
41
41
  "@atlaskit/theme": "^26.0.0",
42
- "@atlaskit/tokens": "^14.0.0",
42
+ "@atlaskit/tokens": "^15.0.0",
43
+ "@atlassian/react-compiler-gating": "^0.2.0",
43
44
  "@babel/runtime": "^7.0.0",
44
45
  "@compiled/react": "^0.20.0"
45
46
  },
@@ -56,12 +57,11 @@
56
57
  "@atlaskit/image": "^4.0.0",
57
58
  "@atlaskit/link": "^4.0.0",
58
59
  "@atlaskit/primitives": "^20.0.0",
59
- "@atlaskit/section-message": "^9.0.0",
60
- "@atlaskit/select": "^22.0.0",
60
+ "@atlaskit/section-message": "^9.1.0",
61
+ "@atlaskit/select": "^22.1.0",
61
62
  "@atlaskit/table": "^1.0.0",
62
63
  "@atlaskit/toggle": "^17.0.0",
63
64
  "@atlassian/codegen": "^0.2.0",
64
- "@atlassian/react-compiler-gating": "workspace:^",
65
65
  "@atlassian/ssr-tests": "workspace:^",
66
66
  "@atlassian/structured-docs-types": "workspace:^",
67
67
  "@atlassian/testing-library": "^0.6.0",
@@ -106,6 +106,9 @@
106
106
  },
107
107
  "assets-platform-branding": {
108
108
  "type": "boolean"
109
+ },
110
+ "assets-platform-branding-with-confluence": {
111
+ "type": "boolean"
109
112
  }
110
113
  },
111
114
  "homepage": "https://atlassian.design/components/logo/"