@atlaskit/panel 0.12.6 → 0.12.8

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 (5) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/Panel/styledPanel.js +2 -5
  3. package/dist/es2019/components/Panel/styledPanel.js +2 -6
  4. package/dist/esm/components/Panel/styledPanel.js +2 -6
  5. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/panel
2
2
 
3
+ ## 0.12.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`255cf43792087`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255cf43792087) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+
10
+ ## 0.12.7
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 0.12.6
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/components/Panel/styledPanel.js CHANGED
@@ -9,11 +9,8 @@ exports.PanelWrapper = exports.PanelHeader = exports.ButtonWrapper = void 0;
9
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
10
10
  var _reactFocusWithin = require("react-focus-within");
11
11
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
12
- var _theme = require("@atlaskit/theme");
13
12
  var _templateObject, _templateObject2, _templateObject3; // TODO: should use @emotion
14
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
- // AFP-2532 TODO: Fix automatic suppressions below
16
- // eslint-disable-next-line @atlassian/tangerine/import/entry-points
17
14
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
18
15
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
19
16
  var transition = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\ttransition: all 200ms ease-in-out;\n"])));
@@ -46,7 +43,7 @@ transition, {
46
43
 
47
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @typescript-eslint/ban-types -- Ignored via go/DSP-18766
48
45
  var PanelHeader = exports.PanelHeader = (0, _reactFocusWithin.withFocusWithin)(_styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\talign-items: center;\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\tdisplay: flex;\n\tleft: ", ";\n\tmargin-bottom: ", ";\n\tmargin-top: ", ";\n\tpadding: ", " ", " ", "\n\t\t", ";\n\tposition: relative;\n\t", ";\n\twidth: 100%;\n\n\t", " {\n\t\topacity: ", ";\n\t}\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t\tcursor: pointer;\n\n\t\t", " {\n\t\t\topacity: 1;\n\t\t}\n\t}\n"])), function (props) {
49
- return props.isFocused && "var(--ds-surface-hovered, ".concat(_theme.colors.N20, ")");
46
+ return props.isFocused && "var(--ds-surface-hovered, #F0F1F2)";
50
47
  }, "var(--ds-radius-small, 3px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)", "var(--ds-space-0, 0px)", "var(--ds-space-025, 2px)", "var(--ds-space-300, 24px)", transition, ButtonWrapper, function (props) {
51
48
  return props.isFocused && 1;
52
- }, "var(--ds-surface-hovered, ".concat(_theme.colors.N20, ")"), ButtonWrapper));
49
+ }, "var(--ds-surface-hovered, #F0F1F2)", ButtonWrapper));
package/dist/es2019/components/Panel/styledPanel.js CHANGED
@@ -2,10 +2,6 @@ import { withFocusWithin } from 'react-focus-within';
2
2
  // TODO: should use @emotion
3
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
4
  import styled, { css } from 'styled-components';
5
-
6
- // AFP-2532 TODO: Fix automatic suppressions below
7
- // eslint-disable-next-line @atlassian/tangerine/import/entry-points
8
- import { colors } from '@atlaskit/theme';
9
5
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
10
6
  const transition = css`
11
7
  transition: all 200ms ease-in-out;
@@ -40,7 +36,7 @@ transition, {
40
36
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @typescript-eslint/ban-types -- Ignored via go/DSP-18766
41
37
  export const PanelHeader = withFocusWithin(styled.div`
42
38
  align-items: center;
43
- background-color: ${props => props.isFocused && `var(--ds-surface-hovered, ${colors.N20})`};
39
+ background-color: ${props => props.isFocused && "var(--ds-surface-hovered, #F0F1F2)"};
44
40
  border-radius: ${"var(--ds-radius-small, 3px)"};
45
41
  display: flex;
46
42
  left: ${"var(--ds-space-negative-300, -24px)"};
@@ -57,7 +53,7 @@ export const PanelHeader = withFocusWithin(styled.div`
57
53
  }
58
54
 
59
55
  &:hover {
60
- background-color: ${`var(--ds-surface-hovered, ${colors.N20})`};
56
+ background-color: ${"var(--ds-surface-hovered, #F0F1F2)"};
61
57
  cursor: pointer;
62
58
 
63
59
  ${ButtonWrapper} {
package/dist/esm/components/Panel/styledPanel.js CHANGED
@@ -4,10 +4,6 @@ import { withFocusWithin } from 'react-focus-within';
4
4
  // TODO: should use @emotion
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
6
  import styled, { css } from 'styled-components';
7
-
8
- // AFP-2532 TODO: Fix automatic suppressions below
9
- // eslint-disable-next-line @atlassian/tangerine/import/entry-points
10
- import { colors } from '@atlaskit/theme';
11
7
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
12
8
  var transition = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\ttransition: all 200ms ease-in-out;\n"])));
13
9
 
@@ -39,7 +35,7 @@ transition, {
39
35
 
40
36
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @typescript-eslint/ban-types -- Ignored via go/DSP-18766
41
37
  export var PanelHeader = withFocusWithin(styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\talign-items: center;\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\tdisplay: flex;\n\tleft: ", ";\n\tmargin-bottom: ", ";\n\tmargin-top: ", ";\n\tpadding: ", " ", " ", "\n\t\t", ";\n\tposition: relative;\n\t", ";\n\twidth: 100%;\n\n\t", " {\n\t\topacity: ", ";\n\t}\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t\tcursor: pointer;\n\n\t\t", " {\n\t\t\topacity: 1;\n\t\t}\n\t}\n"])), function (props) {
42
- return props.isFocused && "var(--ds-surface-hovered, ".concat(colors.N20, ")");
38
+ return props.isFocused && "var(--ds-surface-hovered, #F0F1F2)";
43
39
  }, "var(--ds-radius-small, 3px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)", "var(--ds-space-0, 0px)", "var(--ds-space-025, 2px)", "var(--ds-space-300, 24px)", transition, ButtonWrapper, function (props) {
44
40
  return props.isFocused && 1;
45
- }, "var(--ds-surface-hovered, ".concat(colors.N20, ")"), ButtonWrapper));
41
+ }, "var(--ds-surface-hovered, #F0F1F2)", ButtonWrapper));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/panel",
3
- "version": "0.12.6",
3
+ "version": "0.12.8",
4
4
  "description": "A React component rendering a collapsible panel",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,12 +30,12 @@
30
30
  "dependencies": {
31
31
  "@atlaskit/afm-i18n-platform-bitbucket-panel": "2.7.0",
32
32
  "@atlaskit/button": "^23.10.0",
33
- "@atlaskit/icon": "^32.0.0",
33
+ "@atlaskit/icon": "^33.1.0",
34
34
  "@atlaskit/link": "^3.3.0",
35
35
  "@atlaskit/platform-feature-flags": "^1.1.0",
36
- "@atlaskit/primitives": "^18.0.0",
36
+ "@atlaskit/primitives": "^18.1.0",
37
37
  "@atlaskit/theme": "^22.0.0",
38
- "@atlaskit/tokens": "^11.0.0",
38
+ "@atlaskit/tokens": "^11.3.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "react-animate-height": "^2.1.0",
41
41
  "react-focus-within": "^2.0.1",