@atlaskit/lozenge 11.1.3 → 11.1.4

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 (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/Lozenge/index.js +24 -26
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/es2019/Lozenge/index.js +24 -25
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/esm/Lozenge/index.js +24 -25
  7. package/dist/esm/version.json +1 -1
  8. package/package.json +6 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/lozenge
2
2
 
3
+ ## 11.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`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.
8
+ - Updated dependencies
9
+
3
10
  ## 11.1.3
4
11
 
5
12
  ### 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-subtleNeutral-resting, ".concat(_colors.N40, ")"),
19
+ color: "var(--ds-text-highEmphasis, ".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-subtleBrand-resting, ".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-subtleWarning-resting, ".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-subtleDiscovery-resting, ".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-subtleDanger-resting, ".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-subtleSuccess-resting, ".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-boldNeutral-resting, ".concat(_colors.N500, ")"),
43
+ color: "var(--ds-text-onBold, ".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-boldBrand-resting, ".concat(_colors.B400, ")"),
47
+ color: "var(--ds-text-onBold, ".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-boldWarning-resting, ".concat(_colors.Y500, ")"),
51
+ color: "var(--ds-text-onBoldWarning, ".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-boldDiscovery-resting, ".concat(_colors.P400, ")"),
55
+ color: "var(--ds-text-onBold, ".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-boldDanger-resting, ".concat(_colors.R400, ")"),
59
+ color: "var(--ds-text-onBold, ".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-boldSuccess-resting, ".concat(_colors.G400, ")"),
63
+ color: "var(--ds-text-onBold, ".concat(_colors.N0, ")")
66
64
  });
67
65
  var subtleAppearances = {
68
66
  default: defaultAppearanceStyles,
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "11.1.3",
3
+ "version": "11.1.4",
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-subtleNeutral-resting, ${N40})`,
8
+ color: `var(--ds-text-highEmphasis, ${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-subtleBrand-resting, ${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-subtleWarning-resting, ${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-subtleDiscovery-resting, ${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-subtleDanger-resting, ${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-subtleSuccess-resting, ${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-boldNeutral-resting, ${N500})`,
32
+ color: `var(--ds-text-onBold, ${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-boldBrand-resting, ${B400})`,
36
+ color: `var(--ds-text-onBold, ${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-boldWarning-resting, ${Y500})`,
40
+ color: `var(--ds-text-onBoldWarning, ${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-boldDiscovery-resting, ${P400})`,
44
+ color: `var(--ds-text-onBold, ${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-boldDanger-resting, ${R400})`,
48
+ color: `var(--ds-text-onBold, ${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-boldSuccess-resting, ${G400})`,
52
+ color: `var(--ds-text-onBold, ${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.3",
3
+ "version": "11.1.4",
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-subtleNeutral-resting, ".concat(N40, ")"),
8
+ color: "var(--ds-text-highEmphasis, ".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-subtleBrand-resting, ".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-subtleWarning-resting, ".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-subtleDiscovery-resting, ".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-subtleDanger-resting, ".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-subtleSuccess-resting, ".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-boldNeutral-resting, ".concat(N500, ")"),
32
+ color: "var(--ds-text-onBold, ".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-boldBrand-resting, ".concat(B400, ")"),
36
+ color: "var(--ds-text-onBold, ".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-boldWarning-resting, ".concat(Y500, ")"),
40
+ color: "var(--ds-text-onBoldWarning, ".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-boldDiscovery-resting, ".concat(P400, ")"),
44
+ color: "var(--ds-text-onBold, ".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-boldDanger-resting, ".concat(R400, ")"),
48
+ color: "var(--ds-text-onBold, ".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-boldSuccess-resting, ".concat(G400, ")"),
52
+ color: "var(--ds-text-onBold, ".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.3",
3
+ "version": "11.1.4",
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.3",
3
+ "version": "11.1.4",
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/"
@@ -26,7 +26,7 @@
26
26
  "dependencies": {
27
27
  "@atlaskit/codemod-utils": "^3.4.0",
28
28
  "@atlaskit/theme": "^12.0.0",
29
- "@atlaskit/tokens": "^0.3.0",
29
+ "@atlaskit/tokens": "^0.4.0",
30
30
  "@babel/runtime": "^7.0.0",
31
31
  "@emotion/core": "^10.0.9"
32
32
  },
@@ -54,7 +54,10 @@
54
54
  },
55
55
  "@repo/internal": {
56
56
  "design-system": "v1",
57
- "styling": "emotion",
57
+ "styling": [
58
+ "static",
59
+ "emotion"
60
+ ],
58
61
  "ui-components": "lite-mode",
59
62
  "analytics": "analytics-next",
60
63
  "theming": "tokens",