@atlaskit/logo 20.0.0 → 20.0.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/legacy-logos/utils.js +12 -13
  3. package/dist/es2019/legacy-logos/utils.js +12 -13
  4. package/dist/esm/legacy-logos/utils.js +12 -13
  5. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/logo
2
2
 
3
+ ## 20.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`ddd049a745d38`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ddd049a745d38) -
8
+ Internal change to how legacy colors are applied. No visual changes.
9
+ - Updated dependencies
10
+
3
11
  ## 20.0.0
4
12
 
5
13
  ### Major Changes
package/dist/cjs/legacy-logos/utils.js CHANGED
@@ -4,28 +4,27 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getColorsFromAppearanceOldLogos = exports.getColorsFromAppearance = exports.getColorsForLoom = void 0;
7
- var _colors = require("@atlaskit/theme/colors");
8
7
  // TODO: This is where we need to add tokens for all appearance color values
9
8
  var getColorsFromAppearanceOldLogos = exports.getColorsFromAppearanceOldLogos = function getColorsFromAppearanceOldLogos(appearance, colorMode) {
10
9
  var iconGradientStart, iconGradientStop, iconColor, textColor, atlassianLogoTextColor;
11
10
  switch (appearance) {
12
11
  case 'brand':
13
- iconGradientStart = _colors.B400;
14
- iconGradientStop = _colors.B200;
15
- iconColor = _colors.B200;
12
+ iconGradientStart = '#0052CC';
13
+ iconGradientStop = '#2684FF';
14
+ iconColor = '#2684FF';
16
15
  textColor = "var(--ds-text, #292A2E)";
17
16
  // This is only used for the top level Atlassian wordmark (see AtlassianLogo
18
17
  // or AtlassianStartLogo for example), and is only different for the Brand
19
18
  // appearance - a bold brand color. For other appearances,
20
19
  // atlassianLogoTextColor is the same as textColor.
21
- atlassianLogoTextColor = _colors.B400;
20
+ atlassianLogoTextColor = '#0052CC';
22
21
  break;
23
22
  case 'neutral':
24
- iconGradientStart = _colors.N600;
25
- iconGradientStop = _colors.N100;
26
- iconColor = _colors.N100;
27
- textColor = _colors.N400;
28
- atlassianLogoTextColor = _colors.N400;
23
+ iconGradientStart = '#344563';
24
+ iconGradientStop = '#7A869A';
25
+ iconColor = '#7A869A';
26
+ textColor = '#505F79';
27
+ atlassianLogoTextColor = '#505F79';
29
28
  break;
30
29
  case 'inverse':
31
30
  iconGradientStart = '#FFFFFF66';
@@ -83,9 +82,9 @@ var getColorsFromAppearance = exports.getColorsFromAppearance = function getColo
83
82
  atlassianLogoTextColor = '#6C6F77';
84
83
  break;
85
84
  case 'inverse':
86
- iconColor = _colors.N0;
87
- textColor = _colors.N0;
88
- atlassianLogoTextColor = _colors.N0;
85
+ iconColor = '#FFFFFF';
86
+ textColor = '#FFFFFF';
87
+ atlassianLogoTextColor = '#FFFFFF';
89
88
  break;
90
89
  }
91
90
  }
package/dist/es2019/legacy-logos/utils.js CHANGED
@@ -1,25 +1,24 @@
1
- import { B200, B400, N0, N100, N400, N600 } from '@atlaskit/theme/colors';
2
1
  // TODO: This is where we need to add tokens for all appearance color values
3
2
  export const getColorsFromAppearanceOldLogos = (appearance, colorMode) => {
4
3
  let iconGradientStart, iconGradientStop, iconColor, textColor, atlassianLogoTextColor;
5
4
  switch (appearance) {
6
5
  case 'brand':
7
- iconGradientStart = B400;
8
- iconGradientStop = B200;
9
- iconColor = B200;
6
+ iconGradientStart = '#0052CC';
7
+ iconGradientStop = '#2684FF';
8
+ iconColor = '#2684FF';
10
9
  textColor = "var(--ds-text, #292A2E)";
11
10
  // This is only used for the top level Atlassian wordmark (see AtlassianLogo
12
11
  // or AtlassianStartLogo for example), and is only different for the Brand
13
12
  // appearance - a bold brand color. For other appearances,
14
13
  // atlassianLogoTextColor is the same as textColor.
15
- atlassianLogoTextColor = B400;
14
+ atlassianLogoTextColor = '#0052CC';
16
15
  break;
17
16
  case 'neutral':
18
- iconGradientStart = N600;
19
- iconGradientStop = N100;
20
- iconColor = N100;
21
- textColor = N400;
22
- atlassianLogoTextColor = N400;
17
+ iconGradientStart = '#344563';
18
+ iconGradientStop = '#7A869A';
19
+ iconColor = '#7A869A';
20
+ textColor = '#505F79';
21
+ atlassianLogoTextColor = '#505F79';
23
22
  break;
24
23
  case 'inverse':
25
24
  iconGradientStart = '#FFFFFF66';
@@ -77,9 +76,9 @@ export const getColorsFromAppearance = (appearance, colorMode) => {
77
76
  atlassianLogoTextColor = '#6C6F77';
78
77
  break;
79
78
  case 'inverse':
80
- iconColor = N0;
81
- textColor = N0;
82
- atlassianLogoTextColor = N0;
79
+ iconColor = '#FFFFFF';
80
+ textColor = '#FFFFFF';
81
+ atlassianLogoTextColor = '#FFFFFF';
83
82
  break;
84
83
  }
85
84
  }
package/dist/esm/legacy-logos/utils.js CHANGED
@@ -1,25 +1,24 @@
1
- import { B200, B400, N0, N100, N400, N600 } from '@atlaskit/theme/colors';
2
1
  // TODO: This is where we need to add tokens for all appearance color values
3
2
  export var getColorsFromAppearanceOldLogos = function getColorsFromAppearanceOldLogos(appearance, colorMode) {
4
3
  var iconGradientStart, iconGradientStop, iconColor, textColor, atlassianLogoTextColor;
5
4
  switch (appearance) {
6
5
  case 'brand':
7
- iconGradientStart = B400;
8
- iconGradientStop = B200;
9
- iconColor = B200;
6
+ iconGradientStart = '#0052CC';
7
+ iconGradientStop = '#2684FF';
8
+ iconColor = '#2684FF';
10
9
  textColor = "var(--ds-text, #292A2E)";
11
10
  // This is only used for the top level Atlassian wordmark (see AtlassianLogo
12
11
  // or AtlassianStartLogo for example), and is only different for the Brand
13
12
  // appearance - a bold brand color. For other appearances,
14
13
  // atlassianLogoTextColor is the same as textColor.
15
- atlassianLogoTextColor = B400;
14
+ atlassianLogoTextColor = '#0052CC';
16
15
  break;
17
16
  case 'neutral':
18
- iconGradientStart = N600;
19
- iconGradientStop = N100;
20
- iconColor = N100;
21
- textColor = N400;
22
- atlassianLogoTextColor = N400;
17
+ iconGradientStart = '#344563';
18
+ iconGradientStop = '#7A869A';
19
+ iconColor = '#7A869A';
20
+ textColor = '#505F79';
21
+ atlassianLogoTextColor = '#505F79';
23
22
  break;
24
23
  case 'inverse':
25
24
  iconGradientStart = '#FFFFFF66';
@@ -77,9 +76,9 @@ export var getColorsFromAppearance = function getColorsFromAppearance(appearance
77
76
  atlassianLogoTextColor = '#6C6F77';
78
77
  break;
79
78
  case 'inverse':
80
- iconColor = N0;
81
- textColor = N0;
82
- atlassianLogoTextColor = N0;
79
+ iconColor = '#FFFFFF';
80
+ textColor = '#FFFFFF';
81
+ atlassianLogoTextColor = '#FFFFFF';
83
82
  break;
84
83
  }
85
84
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/logo",
3
- "version": "20.0.0",
3
+ "version": "20.0.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/"
@@ -59,7 +59,7 @@
59
59
  "@atlaskit/section-message": "^8.12.0",
60
60
  "@atlaskit/select": "^21.10.0",
61
61
  "@atlaskit/table": "^0.14.0",
62
- "@atlaskit/toggle": "^15.4.0",
62
+ "@atlaskit/toggle": "^15.5.0",
63
63
  "@atlassian/codegen": "^0.1.0",
64
64
  "@atlassian/react-compiler-gating": "workspace:^",
65
65
  "@atlassian/ssr-tests": "workspace:^",