@atlaskit/lozenge 11.1.4 → 11.1.7

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 (9) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/Lozenge/index.js +19 -19
  3. package/dist/cjs/theme.js +1 -1
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/Lozenge/index.js +19 -19
  6. package/dist/es2019/version.json +1 -1
  7. package/dist/esm/Lozenge/index.js +19 -19
  8. package/dist/esm/version.json +1 -1
  9. package/package.json +3 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @atlaskit/lozenge
2
2
 
3
+ ## 11.1.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 11.1.6
10
+
11
+ ### Patch Changes
12
+
13
+ - [`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.
14
+ - [`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.
15
+ - Updated dependencies
16
+
17
+ ## 11.1.5
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies
22
+
3
23
  ## 11.1.4
4
24
 
5
25
  ### Patch Changes
package/dist/cjs/Lozenge/index.js CHANGED
@@ -15,52 +15,52 @@ var _constants = require("@atlaskit/theme/constants");
15
15
 
16
16
  /** @jsx jsx */
17
17
  var defaultAppearanceStyles = (0, _core.css)({
18
- backgroundColor: "var(--ds-background-subtleNeutral-resting, ".concat(_colors.N40, ")"),
19
- color: "var(--ds-text-highEmphasis, ".concat(_colors.N500, ")")
18
+ backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N40, ")"),
19
+ color: "var(--ds-text, ".concat(_colors.N500, ")")
20
20
  });
21
21
  var inprogressAppearanceStyles = (0, _core.css)({
22
- backgroundColor: "var(--ds-background-subtleBrand-resting, ".concat(_colors.B50, ")"),
22
+ backgroundColor: "var(--ds-background-brand, ".concat(_colors.B50, ")"),
23
23
  color: "var(--ds-text-brand, ".concat(_colors.B500, ")")
24
24
  });
25
25
  var movedAppearanceStyles = (0, _core.css)({
26
- backgroundColor: "var(--ds-background-subtleWarning-resting, ".concat(_colors.Y75, ")"),
26
+ backgroundColor: "var(--ds-background-warning, ".concat(_colors.Y75, ")"),
27
27
  color: "var(--ds-text-warning, ".concat(_colors.N800, ")")
28
28
  });
29
29
  var newAppearanceStyles = (0, _core.css)({
30
- backgroundColor: "var(--ds-background-subtleDiscovery-resting, ".concat(_colors.P50, ")"),
30
+ backgroundColor: "var(--ds-background-discovery, ".concat(_colors.P50, ")"),
31
31
  color: "var(--ds-text-discovery, ".concat(_colors.P500, ")")
32
32
  });
33
33
  var removedAppearanceStyles = (0, _core.css)({
34
- backgroundColor: "var(--ds-background-subtleDanger-resting, ".concat(_colors.R50, ")"),
34
+ backgroundColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
35
35
  color: "var(--ds-text-danger, ".concat(_colors.R500, ")")
36
36
  });
37
37
  var successAppearanceStyles = (0, _core.css)({
38
- backgroundColor: "var(--ds-background-subtleSuccess-resting, ".concat(_colors.G50, ")"),
38
+ backgroundColor: "var(--ds-background-success, ".concat(_colors.G50, ")"),
39
39
  color: "var(--ds-text-success, ".concat(_colors.G500, ")")
40
40
  });
41
41
  var defaultBoldAppearanceStyles = (0, _core.css)({
42
- backgroundColor: "var(--ds-background-boldNeutral-resting, ".concat(_colors.N500, ")"),
43
- color: "var(--ds-text-onBold, ".concat(_colors.N0, ")")
42
+ backgroundColor: "var(--ds-background-neutral-bold, ".concat(_colors.N500, ")"),
43
+ color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
44
44
  });
45
45
  var inprogressBoldAppearanceStyles = (0, _core.css)({
46
- backgroundColor: "var(--ds-background-boldBrand-resting, ".concat(_colors.B400, ")"),
47
- color: "var(--ds-text-onBold, ".concat(_colors.N0, ")")
46
+ backgroundColor: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
47
+ color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
48
48
  });
49
49
  var movedBoldAppearanceStyles = (0, _core.css)({
50
- backgroundColor: "var(--ds-background-boldWarning-resting, ".concat(_colors.Y500, ")"),
51
- color: "var(--ds-text-onBoldWarning, ".concat(_colors.N800, ")")
50
+ backgroundColor: "var(--ds-background-warning-bold, ".concat(_colors.Y500, ")"),
51
+ color: "var(--ds-text-warning-inverse, ".concat(_colors.N800, ")")
52
52
  });
53
53
  var newBoldAppearanceStyles = (0, _core.css)({
54
- backgroundColor: "var(--ds-background-boldDiscovery-resting, ".concat(_colors.P400, ")"),
55
- color: "var(--ds-text-onBold, ".concat(_colors.N0, ")")
54
+ backgroundColor: "var(--ds-background-discovery-bold, ".concat(_colors.P400, ")"),
55
+ color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
56
56
  });
57
57
  var removedBoldAppearanceStyles = (0, _core.css)({
58
- backgroundColor: "var(--ds-background-boldDanger-resting, ".concat(_colors.R400, ")"),
59
- color: "var(--ds-text-onBold, ".concat(_colors.N0, ")")
58
+ backgroundColor: "var(--ds-background-danger-bold, ".concat(_colors.R400, ")"),
59
+ color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
60
60
  });
61
61
  var successBoldAppearanceStyles = (0, _core.css)({
62
- backgroundColor: "var(--ds-background-boldSuccess-resting, ".concat(_colors.G400, ")"),
63
- color: "var(--ds-text-onBold, ".concat(_colors.N0, ")")
62
+ backgroundColor: "var(--ds-background-success-bold, ".concat(_colors.G400, ")"),
63
+ color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
64
64
  });
65
65
  var subtleAppearances = {
66
66
  default: defaultAppearanceStyles,
package/dist/cjs/theme.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.boldTextColor = exports.boldBackgroundColor = exports.defaultTextColor = exports.defaultBackgroundColor = void 0;
6
+ exports.defaultTextColor = exports.defaultBackgroundColor = exports.boldTextColor = exports.boldBackgroundColor = void 0;
7
7
 
8
8
  var _colors = require("@atlaskit/theme/colors");
9
9
 
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "11.1.4",
3
+ "version": "11.1.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/Lozenge/index.js CHANGED
@@ -4,52 +4,52 @@ import { css, jsx } from '@emotion/core';
4
4
  import { B400, B50, B500, G400, G50, G500, N0, N40, N500, N800, P400, P50, P500, R400, R50, R500, Y500, Y75 } from '@atlaskit/theme/colors';
5
5
  import { borderRadius, gridSize } from '@atlaskit/theme/constants';
6
6
  const defaultAppearanceStyles = css({
7
- backgroundColor: `var(--ds-background-subtleNeutral-resting, ${N40})`,
8
- color: `var(--ds-text-highEmphasis, ${N500})`
7
+ backgroundColor: `var(--ds-background-neutral, ${N40})`,
8
+ color: `var(--ds-text, ${N500})`
9
9
  });
10
10
  const inprogressAppearanceStyles = css({
11
- backgroundColor: `var(--ds-background-subtleBrand-resting, ${B50})`,
11
+ backgroundColor: `var(--ds-background-brand, ${B50})`,
12
12
  color: `var(--ds-text-brand, ${B500})`
13
13
  });
14
14
  const movedAppearanceStyles = css({
15
- backgroundColor: `var(--ds-background-subtleWarning-resting, ${Y75})`,
15
+ backgroundColor: `var(--ds-background-warning, ${Y75})`,
16
16
  color: `var(--ds-text-warning, ${N800})`
17
17
  });
18
18
  const newAppearanceStyles = css({
19
- backgroundColor: `var(--ds-background-subtleDiscovery-resting, ${P50})`,
19
+ backgroundColor: `var(--ds-background-discovery, ${P50})`,
20
20
  color: `var(--ds-text-discovery, ${P500})`
21
21
  });
22
22
  const removedAppearanceStyles = css({
23
- backgroundColor: `var(--ds-background-subtleDanger-resting, ${R50})`,
23
+ backgroundColor: `var(--ds-background-danger, ${R50})`,
24
24
  color: `var(--ds-text-danger, ${R500})`
25
25
  });
26
26
  const successAppearanceStyles = css({
27
- backgroundColor: `var(--ds-background-subtleSuccess-resting, ${G50})`,
27
+ backgroundColor: `var(--ds-background-success, ${G50})`,
28
28
  color: `var(--ds-text-success, ${G500})`
29
29
  });
30
30
  const defaultBoldAppearanceStyles = css({
31
- backgroundColor: `var(--ds-background-boldNeutral-resting, ${N500})`,
32
- color: `var(--ds-text-onBold, ${N0})`
31
+ backgroundColor: `var(--ds-background-neutral-bold, ${N500})`,
32
+ color: `var(--ds-text-inverse, ${N0})`
33
33
  });
34
34
  const inprogressBoldAppearanceStyles = css({
35
- backgroundColor: `var(--ds-background-boldBrand-resting, ${B400})`,
36
- color: `var(--ds-text-onBold, ${N0})`
35
+ backgroundColor: `var(--ds-background-brand-bold, ${B400})`,
36
+ color: `var(--ds-text-inverse, ${N0})`
37
37
  });
38
38
  const movedBoldAppearanceStyles = css({
39
- backgroundColor: `var(--ds-background-boldWarning-resting, ${Y500})`,
40
- color: `var(--ds-text-onBoldWarning, ${N800})`
39
+ backgroundColor: `var(--ds-background-warning-bold, ${Y500})`,
40
+ color: `var(--ds-text-warning-inverse, ${N800})`
41
41
  });
42
42
  const newBoldAppearanceStyles = css({
43
- backgroundColor: `var(--ds-background-boldDiscovery-resting, ${P400})`,
44
- color: `var(--ds-text-onBold, ${N0})`
43
+ backgroundColor: `var(--ds-background-discovery-bold, ${P400})`,
44
+ color: `var(--ds-text-inverse, ${N0})`
45
45
  });
46
46
  const removedBoldAppearanceStyles = css({
47
- backgroundColor: `var(--ds-background-boldDanger-resting, ${R400})`,
48
- color: `var(--ds-text-onBold, ${N0})`
47
+ backgroundColor: `var(--ds-background-danger-bold, ${R400})`,
48
+ color: `var(--ds-text-inverse, ${N0})`
49
49
  });
50
50
  const successBoldAppearanceStyles = css({
51
- backgroundColor: `var(--ds-background-boldSuccess-resting, ${G400})`,
52
- color: `var(--ds-text-onBold, ${N0})`
51
+ backgroundColor: `var(--ds-background-success-bold, ${G400})`,
52
+ color: `var(--ds-text-inverse, ${N0})`
53
53
  });
54
54
  const subtleAppearances = {
55
55
  default: defaultAppearanceStyles,
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "11.1.4",
3
+ "version": "11.1.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/Lozenge/index.js CHANGED
@@ -4,52 +4,52 @@ import { css, jsx } from '@emotion/core';
4
4
  import { B400, B50, B500, G400, G50, G500, N0, N40, N500, N800, P400, P50, P500, R400, R50, R500, Y500, Y75 } from '@atlaskit/theme/colors';
5
5
  import { borderRadius, gridSize } from '@atlaskit/theme/constants';
6
6
  var defaultAppearanceStyles = css({
7
- backgroundColor: "var(--ds-background-subtleNeutral-resting, ".concat(N40, ")"),
8
- color: "var(--ds-text-highEmphasis, ".concat(N500, ")")
7
+ backgroundColor: "var(--ds-background-neutral, ".concat(N40, ")"),
8
+ color: "var(--ds-text, ".concat(N500, ")")
9
9
  });
10
10
  var inprogressAppearanceStyles = css({
11
- backgroundColor: "var(--ds-background-subtleBrand-resting, ".concat(B50, ")"),
11
+ backgroundColor: "var(--ds-background-brand, ".concat(B50, ")"),
12
12
  color: "var(--ds-text-brand, ".concat(B500, ")")
13
13
  });
14
14
  var movedAppearanceStyles = css({
15
- backgroundColor: "var(--ds-background-subtleWarning-resting, ".concat(Y75, ")"),
15
+ backgroundColor: "var(--ds-background-warning, ".concat(Y75, ")"),
16
16
  color: "var(--ds-text-warning, ".concat(N800, ")")
17
17
  });
18
18
  var newAppearanceStyles = css({
19
- backgroundColor: "var(--ds-background-subtleDiscovery-resting, ".concat(P50, ")"),
19
+ backgroundColor: "var(--ds-background-discovery, ".concat(P50, ")"),
20
20
  color: "var(--ds-text-discovery, ".concat(P500, ")")
21
21
  });
22
22
  var removedAppearanceStyles = css({
23
- backgroundColor: "var(--ds-background-subtleDanger-resting, ".concat(R50, ")"),
23
+ backgroundColor: "var(--ds-background-danger, ".concat(R50, ")"),
24
24
  color: "var(--ds-text-danger, ".concat(R500, ")")
25
25
  });
26
26
  var successAppearanceStyles = css({
27
- backgroundColor: "var(--ds-background-subtleSuccess-resting, ".concat(G50, ")"),
27
+ backgroundColor: "var(--ds-background-success, ".concat(G50, ")"),
28
28
  color: "var(--ds-text-success, ".concat(G500, ")")
29
29
  });
30
30
  var defaultBoldAppearanceStyles = css({
31
- backgroundColor: "var(--ds-background-boldNeutral-resting, ".concat(N500, ")"),
32
- color: "var(--ds-text-onBold, ".concat(N0, ")")
31
+ backgroundColor: "var(--ds-background-neutral-bold, ".concat(N500, ")"),
32
+ color: "var(--ds-text-inverse, ".concat(N0, ")")
33
33
  });
34
34
  var inprogressBoldAppearanceStyles = css({
35
- backgroundColor: "var(--ds-background-boldBrand-resting, ".concat(B400, ")"),
36
- color: "var(--ds-text-onBold, ".concat(N0, ")")
35
+ backgroundColor: "var(--ds-background-brand-bold, ".concat(B400, ")"),
36
+ color: "var(--ds-text-inverse, ".concat(N0, ")")
37
37
  });
38
38
  var movedBoldAppearanceStyles = css({
39
- backgroundColor: "var(--ds-background-boldWarning-resting, ".concat(Y500, ")"),
40
- color: "var(--ds-text-onBoldWarning, ".concat(N800, ")")
39
+ backgroundColor: "var(--ds-background-warning-bold, ".concat(Y500, ")"),
40
+ color: "var(--ds-text-warning-inverse, ".concat(N800, ")")
41
41
  });
42
42
  var newBoldAppearanceStyles = css({
43
- backgroundColor: "var(--ds-background-boldDiscovery-resting, ".concat(P400, ")"),
44
- color: "var(--ds-text-onBold, ".concat(N0, ")")
43
+ backgroundColor: "var(--ds-background-discovery-bold, ".concat(P400, ")"),
44
+ color: "var(--ds-text-inverse, ".concat(N0, ")")
45
45
  });
46
46
  var removedBoldAppearanceStyles = css({
47
- backgroundColor: "var(--ds-background-boldDanger-resting, ".concat(R400, ")"),
48
- color: "var(--ds-text-onBold, ".concat(N0, ")")
47
+ backgroundColor: "var(--ds-background-danger-bold, ".concat(R400, ")"),
48
+ color: "var(--ds-text-inverse, ".concat(N0, ")")
49
49
  });
50
50
  var successBoldAppearanceStyles = css({
51
- backgroundColor: "var(--ds-background-boldSuccess-resting, ".concat(G400, ")"),
52
- color: "var(--ds-text-onBold, ".concat(N0, ")")
51
+ backgroundColor: "var(--ds-background-success-bold, ".concat(G400, ")"),
52
+ color: "var(--ds-text-inverse, ".concat(N0, ")")
53
53
  });
54
54
  var subtleAppearances = {
55
55
  default: defaultAppearanceStyles,
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "11.1.4",
3
+ "version": "11.1.7",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "11.1.4",
3
+ "version": "11.1.7",
4
4
  "description": "A lozenge is a visual indicator used to highlight an item's status for quick recognition.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -17,7 +17,6 @@
17
17
  "atlassian": {
18
18
  "team": "Design System Team",
19
19
  "deprecatedAutoEntryPoints": true,
20
- "inPublicMirror": true,
21
20
  "releaseModel": "scheduled",
22
21
  "website": {
23
22
  "name": "Lozenge"
@@ -25,8 +24,8 @@
25
24
  },
26
25
  "dependencies": {
27
26
  "@atlaskit/codemod-utils": "^3.4.0",
28
- "@atlaskit/theme": "^12.0.0",
29
- "@atlaskit/tokens": "^0.4.0",
27
+ "@atlaskit/theme": "^12.1.0",
28
+ "@atlaskit/tokens": "^0.7.0",
30
29
  "@babel/runtime": "^7.0.0",
31
30
  "@emotion/core": "^10.0.9"
32
31
  },
@@ -34,7 +33,6 @@
34
33
  "react": "^16.8.0"
35
34
  },
36
35
  "devDependencies": {
37
- "@atlaskit/build-utils": "*",
38
36
  "@atlaskit/button": "*",
39
37
  "@atlaskit/docs": "*",
40
38
  "@atlaskit/section-message": "^6.1.0",