@atlaskit/lozenge 11.1.2 → 11.1.6

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 +27 -0
  2. package/dist/cjs/Lozenge/index.js +24 -26
  3. package/dist/cjs/theme.js +1 -1
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/Lozenge/index.js +24 -25
  6. package/dist/es2019/version.json +1 -1
  7. package/dist/esm/Lozenge/index.js +24 -25
  8. package/dist/esm/version.json +1 -1
  9. package/package.json +7 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,32 @@
1
1
  # @atlaskit/lozenge
2
2
 
3
+ ## 11.1.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`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.
8
+ - [`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.
9
+ - Updated dependencies
10
+
11
+ ## 11.1.5
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
17
+ ## 11.1.4
18
+
19
+ ### Patch Changes
20
+
21
+ - [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
22
+ - Updated dependencies
23
+
24
+ ## 11.1.3
25
+
26
+ ### Patch Changes
27
+
28
+ - Updated dependencies
29
+
3
30
  ## 11.1.2
4
31
 
5
32
  ### Patch Changes
package/dist/cjs/Lozenge/index.js CHANGED
@@ -13,56 +13,54 @@ var _colors = require("@atlaskit/theme/colors");
13
13
 
14
14
  var _constants = require("@atlaskit/theme/constants");
15
15
 
16
- var _tokens = require("@atlaskit/tokens");
17
-
18
16
  /** @jsx jsx */
19
17
  var defaultAppearanceStyles = (0, _core.css)({
20
- backgroundColor: (0, _tokens.token)('color.background.subtleNeutral.resting', _colors.N40),
21
- color: (0, _tokens.token)('color.text.highEmphasis', _colors.N500)
18
+ backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N40, ")"),
19
+ color: "var(--ds-text, ".concat(_colors.N500, ")")
22
20
  });
23
21
  var inprogressAppearanceStyles = (0, _core.css)({
24
- backgroundColor: (0, _tokens.token)('color.background.subtleBrand.resting', _colors.B50),
25
- color: (0, _tokens.token)('color.text.brand', _colors.B500)
22
+ backgroundColor: "var(--ds-background-brand, ".concat(_colors.B50, ")"),
23
+ color: "var(--ds-text-brand, ".concat(_colors.B500, ")")
26
24
  });
27
25
  var movedAppearanceStyles = (0, _core.css)({
28
- backgroundColor: (0, _tokens.token)('color.background.subtleWarning.resting', _colors.Y75),
29
- color: (0, _tokens.token)('color.text.warning', _colors.N800)
26
+ backgroundColor: "var(--ds-background-warning, ".concat(_colors.Y75, ")"),
27
+ color: "var(--ds-text-warning, ".concat(_colors.N800, ")")
30
28
  });
31
29
  var newAppearanceStyles = (0, _core.css)({
32
- backgroundColor: (0, _tokens.token)('color.background.subtleDiscovery.resting', _colors.P50),
33
- color: (0, _tokens.token)('color.text.discovery', _colors.P500)
30
+ backgroundColor: "var(--ds-background-discovery, ".concat(_colors.P50, ")"),
31
+ color: "var(--ds-text-discovery, ".concat(_colors.P500, ")")
34
32
  });
35
33
  var removedAppearanceStyles = (0, _core.css)({
36
- backgroundColor: (0, _tokens.token)('color.background.subtleDanger.resting', _colors.R50),
37
- color: (0, _tokens.token)('color.text.danger', _colors.R500)
34
+ backgroundColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
35
+ color: "var(--ds-text-danger, ".concat(_colors.R500, ")")
38
36
  });
39
37
  var successAppearanceStyles = (0, _core.css)({
40
- backgroundColor: (0, _tokens.token)('color.background.subtleSuccess.resting', _colors.G50),
41
- color: (0, _tokens.token)('color.text.success', _colors.G500)
38
+ backgroundColor: "var(--ds-background-success, ".concat(_colors.G50, ")"),
39
+ color: "var(--ds-text-success, ".concat(_colors.G500, ")")
42
40
  });
43
41
  var defaultBoldAppearanceStyles = (0, _core.css)({
44
- backgroundColor: (0, _tokens.token)('color.background.boldNeutral.resting', _colors.N500),
45
- color: (0, _tokens.token)('color.text.onBold', _colors.N0)
42
+ backgroundColor: "var(--ds-background-neutral-bold, ".concat(_colors.N500, ")"),
43
+ color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
46
44
  });
47
45
  var inprogressBoldAppearanceStyles = (0, _core.css)({
48
- backgroundColor: (0, _tokens.token)('color.background.boldBrand.resting', _colors.B400),
49
- color: (0, _tokens.token)('color.text.onBold', _colors.N0)
46
+ backgroundColor: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
47
+ color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
50
48
  });
51
49
  var movedBoldAppearanceStyles = (0, _core.css)({
52
- backgroundColor: (0, _tokens.token)('color.background.boldWarning.resting', _colors.Y500),
53
- color: (0, _tokens.token)('color.text.onBoldWarning', _colors.N800)
50
+ backgroundColor: "var(--ds-background-warning-bold, ".concat(_colors.Y500, ")"),
51
+ color: "var(--ds-text-warning-inverse, ".concat(_colors.N800, ")")
54
52
  });
55
53
  var newBoldAppearanceStyles = (0, _core.css)({
56
- backgroundColor: (0, _tokens.token)('color.background.boldDiscovery.resting', _colors.P400),
57
- color: (0, _tokens.token)('color.text.onBold', _colors.N0)
54
+ backgroundColor: "var(--ds-background-discovery-bold, ".concat(_colors.P400, ")"),
55
+ color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
58
56
  });
59
57
  var removedBoldAppearanceStyles = (0, _core.css)({
60
- backgroundColor: (0, _tokens.token)('color.background.boldDanger.resting', _colors.R400),
61
- color: (0, _tokens.token)('color.text.onBold', _colors.N0)
58
+ backgroundColor: "var(--ds-background-danger-bold, ".concat(_colors.R400, ")"),
59
+ color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
62
60
  });
63
61
  var successBoldAppearanceStyles = (0, _core.css)({
64
- backgroundColor: (0, _tokens.token)('color.background.boldSuccess.resting', _colors.G400),
65
- color: (0, _tokens.token)('color.text.onBold', _colors.N0)
62
+ backgroundColor: "var(--ds-background-success-bold, ".concat(_colors.G400, ")"),
63
+ color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
66
64
  });
67
65
  var subtleAppearances = {
68
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.2",
3
+ "version": "11.1.6",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/Lozenge/index.js CHANGED
@@ -3,54 +3,53 @@ import { memo } from 'react';
3
3
  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
- import { token } from '@atlaskit/tokens';
7
6
  const defaultAppearanceStyles = css({
8
- backgroundColor: token('color.background.subtleNeutral.resting', N40),
9
- color: token('color.text.highEmphasis', N500)
7
+ backgroundColor: `var(--ds-background-neutral, ${N40})`,
8
+ color: `var(--ds-text, ${N500})`
10
9
  });
11
10
  const inprogressAppearanceStyles = css({
12
- backgroundColor: token('color.background.subtleBrand.resting', B50),
13
- color: token('color.text.brand', B500)
11
+ backgroundColor: `var(--ds-background-brand, ${B50})`,
12
+ color: `var(--ds-text-brand, ${B500})`
14
13
  });
15
14
  const movedAppearanceStyles = css({
16
- backgroundColor: token('color.background.subtleWarning.resting', Y75),
17
- color: token('color.text.warning', N800)
15
+ backgroundColor: `var(--ds-background-warning, ${Y75})`,
16
+ color: `var(--ds-text-warning, ${N800})`
18
17
  });
19
18
  const newAppearanceStyles = css({
20
- backgroundColor: token('color.background.subtleDiscovery.resting', P50),
21
- color: token('color.text.discovery', P500)
19
+ backgroundColor: `var(--ds-background-discovery, ${P50})`,
20
+ color: `var(--ds-text-discovery, ${P500})`
22
21
  });
23
22
  const removedAppearanceStyles = css({
24
- backgroundColor: token('color.background.subtleDanger.resting', R50),
25
- color: token('color.text.danger', R500)
23
+ backgroundColor: `var(--ds-background-danger, ${R50})`,
24
+ color: `var(--ds-text-danger, ${R500})`
26
25
  });
27
26
  const successAppearanceStyles = css({
28
- backgroundColor: token('color.background.subtleSuccess.resting', G50),
29
- color: token('color.text.success', G500)
27
+ backgroundColor: `var(--ds-background-success, ${G50})`,
28
+ color: `var(--ds-text-success, ${G500})`
30
29
  });
31
30
  const defaultBoldAppearanceStyles = css({
32
- backgroundColor: token('color.background.boldNeutral.resting', N500),
33
- color: token('color.text.onBold', N0)
31
+ backgroundColor: `var(--ds-background-neutral-bold, ${N500})`,
32
+ color: `var(--ds-text-inverse, ${N0})`
34
33
  });
35
34
  const inprogressBoldAppearanceStyles = css({
36
- backgroundColor: token('color.background.boldBrand.resting', B400),
37
- color: token('color.text.onBold', N0)
35
+ backgroundColor: `var(--ds-background-brand-bold, ${B400})`,
36
+ color: `var(--ds-text-inverse, ${N0})`
38
37
  });
39
38
  const movedBoldAppearanceStyles = css({
40
- backgroundColor: token('color.background.boldWarning.resting', Y500),
41
- color: token('color.text.onBoldWarning', N800)
39
+ backgroundColor: `var(--ds-background-warning-bold, ${Y500})`,
40
+ color: `var(--ds-text-warning-inverse, ${N800})`
42
41
  });
43
42
  const newBoldAppearanceStyles = css({
44
- backgroundColor: token('color.background.boldDiscovery.resting', P400),
45
- color: token('color.text.onBold', N0)
43
+ backgroundColor: `var(--ds-background-discovery-bold, ${P400})`,
44
+ color: `var(--ds-text-inverse, ${N0})`
46
45
  });
47
46
  const removedBoldAppearanceStyles = css({
48
- backgroundColor: token('color.background.boldDanger.resting', R400),
49
- color: token('color.text.onBold', N0)
47
+ backgroundColor: `var(--ds-background-danger-bold, ${R400})`,
48
+ color: `var(--ds-text-inverse, ${N0})`
50
49
  });
51
50
  const successBoldAppearanceStyles = css({
52
- backgroundColor: token('color.background.boldSuccess.resting', G400),
53
- color: token('color.text.onBold', N0)
51
+ backgroundColor: `var(--ds-background-success-bold, ${G400})`,
52
+ color: `var(--ds-text-inverse, ${N0})`
54
53
  });
55
54
  const subtleAppearances = {
56
55
  default: defaultAppearanceStyles,
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "11.1.2",
3
+ "version": "11.1.6",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/Lozenge/index.js CHANGED
@@ -3,54 +3,53 @@ import { memo } from 'react';
3
3
  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
- import { token } from '@atlaskit/tokens';
7
6
  var defaultAppearanceStyles = css({
8
- backgroundColor: token('color.background.subtleNeutral.resting', N40),
9
- color: token('color.text.highEmphasis', N500)
7
+ backgroundColor: "var(--ds-background-neutral, ".concat(N40, ")"),
8
+ color: "var(--ds-text, ".concat(N500, ")")
10
9
  });
11
10
  var inprogressAppearanceStyles = css({
12
- backgroundColor: token('color.background.subtleBrand.resting', B50),
13
- color: token('color.text.brand', B500)
11
+ backgroundColor: "var(--ds-background-brand, ".concat(B50, ")"),
12
+ color: "var(--ds-text-brand, ".concat(B500, ")")
14
13
  });
15
14
  var movedAppearanceStyles = css({
16
- backgroundColor: token('color.background.subtleWarning.resting', Y75),
17
- color: token('color.text.warning', N800)
15
+ backgroundColor: "var(--ds-background-warning, ".concat(Y75, ")"),
16
+ color: "var(--ds-text-warning, ".concat(N800, ")")
18
17
  });
19
18
  var newAppearanceStyles = css({
20
- backgroundColor: token('color.background.subtleDiscovery.resting', P50),
21
- color: token('color.text.discovery', P500)
19
+ backgroundColor: "var(--ds-background-discovery, ".concat(P50, ")"),
20
+ color: "var(--ds-text-discovery, ".concat(P500, ")")
22
21
  });
23
22
  var removedAppearanceStyles = css({
24
- backgroundColor: token('color.background.subtleDanger.resting', R50),
25
- color: token('color.text.danger', R500)
23
+ backgroundColor: "var(--ds-background-danger, ".concat(R50, ")"),
24
+ color: "var(--ds-text-danger, ".concat(R500, ")")
26
25
  });
27
26
  var successAppearanceStyles = css({
28
- backgroundColor: token('color.background.subtleSuccess.resting', G50),
29
- color: token('color.text.success', G500)
27
+ backgroundColor: "var(--ds-background-success, ".concat(G50, ")"),
28
+ color: "var(--ds-text-success, ".concat(G500, ")")
30
29
  });
31
30
  var defaultBoldAppearanceStyles = css({
32
- backgroundColor: token('color.background.boldNeutral.resting', N500),
33
- color: token('color.text.onBold', N0)
31
+ backgroundColor: "var(--ds-background-neutral-bold, ".concat(N500, ")"),
32
+ color: "var(--ds-text-inverse, ".concat(N0, ")")
34
33
  });
35
34
  var inprogressBoldAppearanceStyles = css({
36
- backgroundColor: token('color.background.boldBrand.resting', B400),
37
- color: token('color.text.onBold', N0)
35
+ backgroundColor: "var(--ds-background-brand-bold, ".concat(B400, ")"),
36
+ color: "var(--ds-text-inverse, ".concat(N0, ")")
38
37
  });
39
38
  var movedBoldAppearanceStyles = css({
40
- backgroundColor: token('color.background.boldWarning.resting', Y500),
41
- color: token('color.text.onBoldWarning', N800)
39
+ backgroundColor: "var(--ds-background-warning-bold, ".concat(Y500, ")"),
40
+ color: "var(--ds-text-warning-inverse, ".concat(N800, ")")
42
41
  });
43
42
  var newBoldAppearanceStyles = css({
44
- backgroundColor: token('color.background.boldDiscovery.resting', P400),
45
- color: token('color.text.onBold', N0)
43
+ backgroundColor: "var(--ds-background-discovery-bold, ".concat(P400, ")"),
44
+ color: "var(--ds-text-inverse, ".concat(N0, ")")
46
45
  });
47
46
  var removedBoldAppearanceStyles = css({
48
- backgroundColor: token('color.background.boldDanger.resting', R400),
49
- color: token('color.text.onBold', N0)
47
+ backgroundColor: "var(--ds-background-danger-bold, ".concat(R400, ")"),
48
+ color: "var(--ds-text-inverse, ".concat(N0, ")")
50
49
  });
51
50
  var successBoldAppearanceStyles = css({
52
- backgroundColor: token('color.background.boldSuccess.resting', G400),
53
- color: token('color.text.onBold', N0)
51
+ backgroundColor: "var(--ds-background-success-bold, ".concat(G400, ")"),
52
+ color: "var(--ds-text-inverse, ".concat(N0, ")")
54
53
  });
55
54
  var subtleAppearances = {
56
55
  default: defaultAppearanceStyles,
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "11.1.2",
3
+ "version": "11.1.6",
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.2",
3
+ "version": "11.1.6",
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.2.0",
27
+ "@atlaskit/theme": "^12.1.0",
28
+ "@atlaskit/tokens": "^0.6.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",
@@ -54,7 +52,10 @@
54
52
  },
55
53
  "@repo/internal": {
56
54
  "design-system": "v1",
57
- "styling": "emotion",
55
+ "styling": [
56
+ "static",
57
+ "emotion"
58
+ ],
58
59
  "ui-components": "lite-mode",
59
60
  "analytics": "analytics-next",
60
61
  "theming": "tokens",