@atlaskit/section-message 6.1.6 → 6.1.9

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 (14) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/cjs/internal/appearance-icon.js +10 -10
  3. package/dist/cjs/section-message-action.js +1 -1
  4. package/dist/cjs/section-message.js +2 -2
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/internal/appearance-icon.js +10 -10
  7. package/dist/es2019/section-message-action.js +1 -1
  8. package/dist/es2019/section-message.js +2 -2
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/internal/appearance-icon.js +10 -10
  11. package/dist/esm/section-message-action.js +1 -1
  12. package/dist/esm/section-message.js +2 -2
  13. package/dist/esm/version.json +1 -1
  14. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,26 @@
1
1
  # @atlaskit/section-message
2
2
 
3
+ ## 6.1.9
4
+
5
+ ### Patch Changes
6
+
7
+ - [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
8
+ - Updated dependencies
9
+
10
+ ## 6.1.8
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
16
+ ## 6.1.7
17
+
18
+ ### Patch Changes
19
+
20
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
21
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
22
+ - Updated dependencies
23
+
3
24
  ## 6.1.6
4
25
 
5
26
  ### Patch Changes
package/dist/cjs/internal/appearance-icon.js CHANGED
@@ -28,29 +28,29 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
28
28
 
29
29
  var appearanceIconSchema = {
30
30
  information: {
31
- backgroundColor: "var(--ds-background-subtleBrand-resting, ".concat(_colors.B50, ")"),
31
+ backgroundColor: "var(--ds-background-information, ".concat(_colors.B50, ")"),
32
32
  Icon: _info.default,
33
- primaryIconColor: "var(--ds-iconBorder-brand, ".concat(_colors.B500, ")")
33
+ primaryIconColor: "var(--ds-icon-information, ".concat(_colors.B500, ")")
34
34
  },
35
35
  warning: {
36
- backgroundColor: "var(--ds-background-subtleWarning-resting, ".concat(_colors.Y50, ")"),
36
+ backgroundColor: "var(--ds-background-warning, ".concat(_colors.Y50, ")"),
37
37
  Icon: _warning.default,
38
- primaryIconColor: "var(--ds-iconBorder-warning, ".concat(_colors.Y500, ")")
38
+ primaryIconColor: "var(--ds-icon-warning, ".concat(_colors.Y500, ")")
39
39
  },
40
40
  error: {
41
- backgroundColor: "var(--ds-background-subtleDanger-resting, ".concat(_colors.R50, ")"),
41
+ backgroundColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
42
42
  Icon: _error.default,
43
- primaryIconColor: "var(--ds-iconBorder-danger, ".concat(_colors.R500, ")")
43
+ primaryIconColor: "var(--ds-icon-danger, ".concat(_colors.R500, ")")
44
44
  },
45
45
  success: {
46
- backgroundColor: "var(--ds-background-subtleSuccess-resting, ".concat(_colors.G50, ")"),
46
+ backgroundColor: "var(--ds-background-success, ".concat(_colors.G50, ")"),
47
47
  Icon: _checkCircle.default,
48
- primaryIconColor: "var(--ds-iconBorder-success, ".concat(_colors.G500, ")")
48
+ primaryIconColor: "var(--ds-icon-success, ".concat(_colors.G500, ")")
49
49
  },
50
50
  discovery: {
51
- backgroundColor: "var(--ds-background-subtleDiscovery-resting, ".concat(_colors.P50, ")"),
51
+ backgroundColor: "var(--ds-background-discovery, ".concat(_colors.P50, ")"),
52
52
  Icon: _questionCircle.default,
53
- primaryIconColor: "var(--ds-iconBorder-discovery, ".concat(_colors.P500, ")")
53
+ primaryIconColor: "var(--ds-icon-discovery, ".concat(_colors.P500, ")")
54
54
  }
55
55
  };
56
56
  exports.appearanceIconSchema = appearanceIconSchema;
package/dist/cjs/section-message-action.js CHANGED
@@ -27,7 +27,7 @@ var actionStyles = (0, _core.css)({
27
27
  '& + &::before': {
28
28
  display: 'inline-block',
29
29
  width: "".concat(actionsSeparatorWidth, "px"),
30
- color: "".concat("var(--ds-text-mediumEmphasis, ".concat(_colors.N500, ")")),
30
+ color: "".concat("var(--ds-text-subtle, ".concat(_colors.N500, ")")),
31
31
  content: '"·"',
32
32
  textAlign: 'center',
33
33
  verticalAlign: 'middle'
package/dist/cjs/section-message.js CHANGED
@@ -36,8 +36,8 @@ var containerPadding = spacing * 2;
36
36
  var actionMarginTop = spacing;
37
37
  var iconWrapperWidth = spacing * 5;
38
38
  var titleColor = {
39
- light: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
40
- dark: "var(--ds-text-highEmphasis, ".concat(_colors.DN600, ")")
39
+ light: "var(--ds-text, ".concat(_colors.N800, ")"),
40
+ dark: "var(--ds-text, ".concat(_colors.DN600, ")")
41
41
  };
42
42
  var containerStyles = (0, _core.css)({
43
43
  display: 'flex',
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/section-message",
3
- "version": "6.1.6",
3
+ "version": "6.1.9",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/internal/appearance-icon.js CHANGED
@@ -6,29 +6,29 @@ import WarningIcon from '@atlaskit/icon/glyph/warning';
6
6
  import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
7
7
  export const appearanceIconSchema = {
8
8
  information: {
9
- backgroundColor: `var(--ds-background-subtleBrand-resting, ${B50})`,
9
+ backgroundColor: `var(--ds-background-information, ${B50})`,
10
10
  Icon: InfoIcon,
11
- primaryIconColor: `var(--ds-iconBorder-brand, ${B500})`
11
+ primaryIconColor: `var(--ds-icon-information, ${B500})`
12
12
  },
13
13
  warning: {
14
- backgroundColor: `var(--ds-background-subtleWarning-resting, ${Y50})`,
14
+ backgroundColor: `var(--ds-background-warning, ${Y50})`,
15
15
  Icon: WarningIcon,
16
- primaryIconColor: `var(--ds-iconBorder-warning, ${Y500})`
16
+ primaryIconColor: `var(--ds-icon-warning, ${Y500})`
17
17
  },
18
18
  error: {
19
- backgroundColor: `var(--ds-background-subtleDanger-resting, ${R50})`,
19
+ backgroundColor: `var(--ds-background-danger, ${R50})`,
20
20
  Icon: ErrorIcon,
21
- primaryIconColor: `var(--ds-iconBorder-danger, ${R500})`
21
+ primaryIconColor: `var(--ds-icon-danger, ${R500})`
22
22
  },
23
23
  success: {
24
- backgroundColor: `var(--ds-background-subtleSuccess-resting, ${G50})`,
24
+ backgroundColor: `var(--ds-background-success, ${G50})`,
25
25
  Icon: CheckCircleIcon,
26
- primaryIconColor: `var(--ds-iconBorder-success, ${G500})`
26
+ primaryIconColor: `var(--ds-icon-success, ${G500})`
27
27
  },
28
28
  discovery: {
29
- backgroundColor: `var(--ds-background-subtleDiscovery-resting, ${P50})`,
29
+ backgroundColor: `var(--ds-background-discovery, ${P50})`,
30
30
  Icon: QuestionCircleIcon,
31
- primaryIconColor: `var(--ds-iconBorder-discovery, ${P500})`
31
+ primaryIconColor: `var(--ds-icon-discovery, ${P500})`
32
32
  }
33
33
  };
34
34
  export function getAppearanceIconStyles(appearance, icon) {
package/dist/es2019/section-message-action.js CHANGED
@@ -13,7 +13,7 @@ const actionStyles = css({
13
13
  '& + &::before': {
14
14
  display: 'inline-block',
15
15
  width: `${actionsSeparatorWidth}px`,
16
- color: `${`var(--ds-text-mediumEmphasis, ${N500})`}`,
16
+ color: `${`var(--ds-text-subtle, ${N500})`}`,
17
17
  content: '"·"',
18
18
  textAlign: 'center',
19
19
  verticalAlign: 'middle'
package/dist/es2019/section-message.js CHANGED
@@ -14,8 +14,8 @@ const containerPadding = spacing * 2;
14
14
  const actionMarginTop = spacing;
15
15
  const iconWrapperWidth = spacing * 5;
16
16
  const titleColor = {
17
- light: `var(--ds-text-highEmphasis, ${N800})`,
18
- dark: `var(--ds-text-highEmphasis, ${DN600})`
17
+ light: `var(--ds-text, ${N800})`,
18
+ dark: `var(--ds-text, ${DN600})`
19
19
  };
20
20
  const containerStyles = css({
21
21
  display: 'flex',
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/section-message",
3
- "version": "6.1.6",
3
+ "version": "6.1.9",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/internal/appearance-icon.js CHANGED
@@ -12,29 +12,29 @@ import WarningIcon from '@atlaskit/icon/glyph/warning';
12
12
  import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
13
13
  export var appearanceIconSchema = {
14
14
  information: {
15
- backgroundColor: "var(--ds-background-subtleBrand-resting, ".concat(B50, ")"),
15
+ backgroundColor: "var(--ds-background-information, ".concat(B50, ")"),
16
16
  Icon: InfoIcon,
17
- primaryIconColor: "var(--ds-iconBorder-brand, ".concat(B500, ")")
17
+ primaryIconColor: "var(--ds-icon-information, ".concat(B500, ")")
18
18
  },
19
19
  warning: {
20
- backgroundColor: "var(--ds-background-subtleWarning-resting, ".concat(Y50, ")"),
20
+ backgroundColor: "var(--ds-background-warning, ".concat(Y50, ")"),
21
21
  Icon: WarningIcon,
22
- primaryIconColor: "var(--ds-iconBorder-warning, ".concat(Y500, ")")
22
+ primaryIconColor: "var(--ds-icon-warning, ".concat(Y500, ")")
23
23
  },
24
24
  error: {
25
- backgroundColor: "var(--ds-background-subtleDanger-resting, ".concat(R50, ")"),
25
+ backgroundColor: "var(--ds-background-danger, ".concat(R50, ")"),
26
26
  Icon: ErrorIcon,
27
- primaryIconColor: "var(--ds-iconBorder-danger, ".concat(R500, ")")
27
+ primaryIconColor: "var(--ds-icon-danger, ".concat(R500, ")")
28
28
  },
29
29
  success: {
30
- backgroundColor: "var(--ds-background-subtleSuccess-resting, ".concat(G50, ")"),
30
+ backgroundColor: "var(--ds-background-success, ".concat(G50, ")"),
31
31
  Icon: CheckCircleIcon,
32
- primaryIconColor: "var(--ds-iconBorder-success, ".concat(G500, ")")
32
+ primaryIconColor: "var(--ds-icon-success, ".concat(G500, ")")
33
33
  },
34
34
  discovery: {
35
- backgroundColor: "var(--ds-background-subtleDiscovery-resting, ".concat(P50, ")"),
35
+ backgroundColor: "var(--ds-background-discovery, ".concat(P50, ")"),
36
36
  Icon: QuestionCircleIcon,
37
- primaryIconColor: "var(--ds-iconBorder-discovery, ".concat(P500, ")")
37
+ primaryIconColor: "var(--ds-icon-discovery, ".concat(P500, ")")
38
38
  }
39
39
  };
40
40
  export function getAppearanceIconStyles(appearance, icon) {
package/dist/esm/section-message-action.js CHANGED
@@ -13,7 +13,7 @@ var actionStyles = css({
13
13
  '& + &::before': {
14
14
  display: 'inline-block',
15
15
  width: "".concat(actionsSeparatorWidth, "px"),
16
- color: "".concat("var(--ds-text-mediumEmphasis, ".concat(N500, ")")),
16
+ color: "".concat("var(--ds-text-subtle, ".concat(N500, ")")),
17
17
  content: '"·"',
18
18
  textAlign: 'center',
19
19
  verticalAlign: 'middle'
package/dist/esm/section-message.js CHANGED
@@ -14,8 +14,8 @@ var containerPadding = spacing * 2;
14
14
  var actionMarginTop = spacing;
15
15
  var iconWrapperWidth = spacing * 5;
16
16
  var titleColor = {
17
- light: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
18
- dark: "var(--ds-text-highEmphasis, ".concat(DN600, ")")
17
+ light: "var(--ds-text, ".concat(N800, ")"),
18
+ dark: "var(--ds-text, ".concat(DN600, ")")
19
19
  };
20
20
  var containerStyles = css({
21
21
  display: 'flex',
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/section-message",
3
- "version": "6.1.6",
3
+ "version": "6.1.9",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/section-message",
3
- "version": "6.1.6",
3
+ "version": "6.1.9",
4
4
  "description": "A section message is used to alert users to a particular section of the screen.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,11 +28,11 @@
28
28
  ".": "./src/index.ts"
29
29
  },
30
30
  "dependencies": {
31
- "@atlaskit/button": "^16.1.0",
31
+ "@atlaskit/button": "^16.2.0",
32
32
  "@atlaskit/codemod-utils": "^3.4.0",
33
33
  "@atlaskit/icon": "^21.10.0",
34
34
  "@atlaskit/theme": "^12.1.0",
35
- "@atlaskit/tokens": "^0.5.0",
35
+ "@atlaskit/tokens": "^0.8.0",
36
36
  "@babel/runtime": "^7.0.0",
37
37
  "@emotion/core": "^10.0.9"
38
38
  },
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/analytics-next": "^8.1.2",
44
44
  "@atlaskit/code": "^14.3.0",
45
45
  "@atlaskit/docs": "*",
46
- "@atlaskit/range": "^5.1.0",
46
+ "@atlaskit/range": "^6.0.0",
47
47
  "@atlaskit/ssr": "*",
48
48
  "@atlaskit/visual-regression": "*",
49
49
  "@atlaskit/webdriver-runner": "*",