@atlaskit/contextual-survey 2.1.7 → 2.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 +12 -0
  2. package/dist/cjs/components/FeedbackScoreButtons.js +1 -3
  3. package/dist/cjs/components/SuccessContainer.js +1 -3
  4. package/dist/cjs/components/SurveyContainer.js +2 -4
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/components/FeedbackScoreButtons.js +1 -2
  7. package/dist/es2019/components/SuccessContainer.js +1 -2
  8. package/dist/es2019/components/SurveyContainer.js +3 -4
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/components/FeedbackScoreButtons.js +1 -2
  11. package/dist/esm/components/SuccessContainer.js +1 -2
  12. package/dist/esm/components/SurveyContainer.js +2 -3
  13. package/dist/esm/version.json +1 -1
  14. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/contextual-survey
2
2
 
3
+ ## 2.1.9
4
+
5
+ ### Patch Changes
6
+
7
+ - [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
8
+
9
+ ## 2.1.8
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 2.1.7
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/FeedbackScoreButtons.js CHANGED
@@ -17,8 +17,6 @@ var _colors = require("@atlaskit/theme/colors");
17
17
 
18
18
  var _constants = require("@atlaskit/theme/constants");
19
19
 
20
- var _tokens = require("@atlaskit/tokens");
21
-
22
20
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
23
21
 
24
22
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
@@ -50,7 +48,7 @@ var _default = function _default(_ref) {
50
48
  shouldFitContainer: true
51
49
  }, score));
52
50
  })), (0, _core.jsx)("div", {
53
- css: (0, _core.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 12px;\n font-weight: 600;\n color: ", ";\n display: flex;\n margin-top: ", "px;\n margin-bottom: ", "px;\n\n & > span {\n width: ", "px;\n }\n "])), (0, _tokens.token)('color.text.subtlest', _colors.N200), (0, _constants.gridSize)(), (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 10),
51
+ css: (0, _core.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 12px;\n font-weight: 600;\n color: ", ";\n display: flex;\n margin-top: ", "px;\n margin-bottom: ", "px;\n\n & > span {\n width: ", "px;\n }\n "])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), (0, _constants.gridSize)(), (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 10),
54
52
  "aria-hidden": true
55
53
  }, (0, _core.jsx)("span", null, "Strongly disagree"), (0, _core.jsx)("span", {
56
54
  css: (0, _core.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n text-align: center;\n margin: 0 auto;\n padding: 0 ", "px;\n "])), (0, _constants.gridSize)() * 6)
package/dist/cjs/components/SuccessContainer.js CHANGED
@@ -17,8 +17,6 @@ var _colors = require("@atlaskit/theme/colors");
17
17
 
18
18
  var _constants = require("@atlaskit/theme/constants");
19
19
 
20
- var _tokens = require("@atlaskit/tokens");
21
-
22
20
  var _templateObject, _templateObject2;
23
21
 
24
22
  var _default = function _default(_ref) {
@@ -30,7 +28,7 @@ var _default = function _default(_ref) {
30
28
  }, (0, _core.jsx)(_checkCircle.default, {
31
29
  label: "",
32
30
  "aria-hidden": true,
33
- primaryColor: (0, _tokens.token)('color.icon.success', _colors.G300)
31
+ primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
34
32
  })), children);
35
33
  };
36
34
 
package/dist/cjs/components/SurveyContainer.js CHANGED
@@ -19,8 +19,6 @@ var _colors = require("@atlaskit/theme/colors");
19
19
 
20
20
  var _constants = require("@atlaskit/theme/constants");
21
21
 
22
- var _tokens = require("@atlaskit/tokens");
23
-
24
22
  var _constants2 = require("../constants");
25
23
 
26
24
  var _templateObject, _templateObject2;
@@ -31,13 +29,13 @@ var _default = function _default(_ref) {
31
29
  var children = _ref.children,
32
30
  onDismiss = _ref.onDismiss;
33
31
  return (0, _core.jsx)("div", {
34
- css: (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", "px;\n padding: ", "px;\n box-shadow: ", ";\n width: ", "px;\n "])), (0, _tokens.token)('elevation.surface.overlay', _colors.N0), (0, _constants.borderRadius)(), padding, (0, _tokens.token)('elevation.shadow.overlay', "0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A)), _constants2.surveyInnerWidth)
32
+ css: (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", "px;\n padding: ", "px;\n box-shadow: ", ";\n width: ", "px;\n "])), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), (0, _constants.borderRadius)(), padding, "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"), _constants2.surveyInnerWidth)
35
33
  }, (0, _core.jsx)("div", {
36
34
  css: (0, _core.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n top: ", "px;\n right: ", "px;\n "])), padding - (0, _constants.gridSize)(), padding - (0, _constants.gridSize)())
37
35
  }, (0, _core.jsx)(_customThemeButton.default, {
38
36
  iconBefore: (0, _core.jsx)(_cross.default, {
39
37
  label: "",
40
- primaryColor: (0, _tokens.token)('color.icon.subtle', _colors.N50)
38
+ primaryColor: "var(--ds-icon-subtle, ".concat(_colors.N50, ")")
41
39
  }),
42
40
  "aria-label": "Dismiss",
43
41
  appearance: "subtle",
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/contextual-survey",
3
- "version": "2.1.7",
3
+ "version": "2.1.9",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/FeedbackScoreButtons.js CHANGED
@@ -3,7 +3,6 @@ import { css, jsx } from '@emotion/core';
3
3
  import Button from '@atlaskit/button/custom-theme-button';
4
4
  import { N200 } from '@atlaskit/theme/colors';
5
5
  import { gridSize } from '@atlaskit/theme/constants';
6
- import { token } from '@atlaskit/tokens';
7
6
  import Tooltip from '@atlaskit/tooltip';
8
7
  const tooltipMessage = ['Strongly disagree', 'Disagree', 'Slightly disagree', 'Neutral', 'Slightly agree', 'Agree', 'Strongly agree'];
9
8
  export default (({
@@ -47,7 +46,7 @@ export default (({
47
46
  css: css`
48
47
  font-size: 12px;
49
48
  font-weight: 600;
50
- color: ${token('color.text.subtlest', N200)};
49
+ color: ${`var(--ds-text-subtlest, ${N200})`};
51
50
  display: flex;
52
51
  margin-top: ${gridSize()}px;
53
52
  margin-bottom: ${gridSize() * 3}px;
package/dist/es2019/components/SuccessContainer.js CHANGED
@@ -3,7 +3,6 @@ import { css, jsx } from '@emotion/core';
3
3
  import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
4
4
  import { G300 } from '@atlaskit/theme/colors';
5
5
  import { gridSize } from '@atlaskit/theme/constants';
6
- import { token } from '@atlaskit/tokens';
7
6
  export default (({
8
7
  children
9
8
  }) => jsx("section", {
@@ -19,5 +18,5 @@ export default (({
19
18
  }, jsx(CheckCircleIcon, {
20
19
  label: "",
21
20
  "aria-hidden": true,
22
- primaryColor: token('color.icon.success', G300)
21
+ primaryColor: `var(--ds-icon-success, ${G300})`
23
22
  })), children));
package/dist/es2019/components/SurveyContainer.js CHANGED
@@ -4,7 +4,6 @@ import Button from '@atlaskit/button/custom-theme-button';
4
4
  import CrossIcon from '@atlaskit/icon/glyph/cross';
5
5
  import { N0, N50, N50A, N60A } from '@atlaskit/theme/colors';
6
6
  import { borderRadius, gridSize } from '@atlaskit/theme/constants';
7
- import { token } from '@atlaskit/tokens';
8
7
  import { surveyInnerWidth } from '../constants';
9
8
  const padding = gridSize() * 3;
10
9
  export default (({
@@ -13,10 +12,10 @@ export default (({
13
12
  }) => {
14
13
  return jsx("div", {
15
14
  css: css`
16
- background-color: ${token('elevation.surface.overlay', N0)};
15
+ background-color: ${`var(--ds-surface-overlay, ${N0})`};
17
16
  border-radius: ${borderRadius()}px;
18
17
  padding: ${padding}px;
19
- box-shadow: ${token('elevation.shadow.overlay', `0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`)};
18
+ box-shadow: ${`var(--ds-shadow-overlay, ${`0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`})`};
20
19
  width: ${surveyInnerWidth}px;
21
20
  `
22
21
  }, jsx("div", {
@@ -28,7 +27,7 @@ export default (({
28
27
  }, jsx(Button, {
29
28
  iconBefore: jsx(CrossIcon, {
30
29
  label: "",
31
- primaryColor: token('color.icon.subtle', N50)
30
+ primaryColor: `var(--ds-icon-subtle, ${N50})`
32
31
  }),
33
32
  "aria-label": "Dismiss",
34
33
  appearance: "subtle",
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/contextual-survey",
3
- "version": "2.1.7",
3
+ "version": "2.1.9",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/FeedbackScoreButtons.js CHANGED
@@ -7,7 +7,6 @@ import { css, jsx } from '@emotion/core';
7
7
  import Button from '@atlaskit/button/custom-theme-button';
8
8
  import { N200 } from '@atlaskit/theme/colors';
9
9
  import { gridSize } from '@atlaskit/theme/constants';
10
- import { token } from '@atlaskit/tokens';
11
10
  import Tooltip from '@atlaskit/tooltip';
12
11
  var tooltipMessage = ['Strongly disagree', 'Disagree', 'Slightly disagree', 'Neutral', 'Slightly agree', 'Agree', 'Strongly agree'];
13
12
  export default (function (_ref) {
@@ -35,7 +34,7 @@ export default (function (_ref) {
35
34
  shouldFitContainer: true
36
35
  }, score));
37
36
  })), jsx("div", {
38
- css: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: 12px;\n font-weight: 600;\n color: ", ";\n display: flex;\n margin-top: ", "px;\n margin-bottom: ", "px;\n\n & > span {\n width: ", "px;\n }\n "])), token('color.text.subtlest', N200), gridSize(), gridSize() * 3, gridSize() * 10),
37
+ css: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: 12px;\n font-weight: 600;\n color: ", ";\n display: flex;\n margin-top: ", "px;\n margin-bottom: ", "px;\n\n & > span {\n width: ", "px;\n }\n "])), "var(--ds-text-subtlest, ".concat(N200, ")"), gridSize(), gridSize() * 3, gridSize() * 10),
39
38
  "aria-hidden": true
40
39
  }, jsx("span", null, "Strongly disagree"), jsx("span", {
41
40
  css: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n text-align: center;\n margin: 0 auto;\n padding: 0 ", "px;\n "])), gridSize() * 6)
package/dist/esm/components/SuccessContainer.js CHANGED
@@ -7,7 +7,6 @@ import { css, jsx } from '@emotion/core';
7
7
  import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
8
8
  import { G300 } from '@atlaskit/theme/colors';
9
9
  import { gridSize } from '@atlaskit/theme/constants';
10
- import { token } from '@atlaskit/tokens';
11
10
  export default (function (_ref) {
12
11
  var children = _ref.children;
13
12
  return jsx("section", {
@@ -17,6 +16,6 @@ export default (function (_ref) {
17
16
  }, jsx(CheckCircleIcon, {
18
17
  label: "",
19
18
  "aria-hidden": true,
20
- primaryColor: token('color.icon.success', G300)
19
+ primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
21
20
  })), children);
22
21
  });
package/dist/esm/components/SurveyContainer.js CHANGED
@@ -8,20 +8,19 @@ import Button from '@atlaskit/button/custom-theme-button';
8
8
  import CrossIcon from '@atlaskit/icon/glyph/cross';
9
9
  import { N0, N50, N50A, N60A } from '@atlaskit/theme/colors';
10
10
  import { borderRadius, gridSize } from '@atlaskit/theme/constants';
11
- import { token } from '@atlaskit/tokens';
12
11
  import { surveyInnerWidth } from '../constants';
13
12
  var padding = gridSize() * 3;
14
13
  export default (function (_ref) {
15
14
  var children = _ref.children,
16
15
  onDismiss = _ref.onDismiss;
17
16
  return jsx("div", {
18
- css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", "px;\n padding: ", "px;\n box-shadow: ", ";\n width: ", "px;\n "])), token('elevation.surface.overlay', N0), borderRadius(), padding, token('elevation.shadow.overlay', "0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(N60A)), surveyInnerWidth)
17
+ css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", "px;\n padding: ", "px;\n box-shadow: ", ";\n width: ", "px;\n "])), "var(--ds-surface-overlay, ".concat(N0, ")"), borderRadius(), padding, "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"), surveyInnerWidth)
19
18
  }, jsx("div", {
20
19
  css: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n top: ", "px;\n right: ", "px;\n "])), padding - gridSize(), padding - gridSize())
21
20
  }, jsx(Button, {
22
21
  iconBefore: jsx(CrossIcon, {
23
22
  label: "",
24
- primaryColor: token('color.icon.subtle', N50)
23
+ primaryColor: "var(--ds-icon-subtle, ".concat(N50, ")")
25
24
  }),
26
25
  "aria-label": "Dismiss",
27
26
  appearance: "subtle",
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/contextual-survey",
3
- "version": "2.1.7",
3
+ "version": "2.1.9",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/contextual-survey",
3
- "version": "2.1.7",
3
+ "version": "2.1.9",
4
4
  "description": "A React component used to ask the user for feedback",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
29
29
  "@atlaskit/icon": "^21.11.0",
30
30
  "@atlaskit/textarea": "^4.5.0",
31
31
  "@atlaskit/theme": "^12.2.0",
32
- "@atlaskit/tokens": "^0.12.0",
32
+ "@atlaskit/tokens": "^0.13.0",
33
33
  "@atlaskit/tooltip": "^17.6.0",
34
34
  "@babel/runtime": "^7.0.0",
35
35
  "@emotion/core": "^10.0.9",