@atlaskit/teams-public 0.1.0 → 0.2.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/teams-public
2
2
 
3
+ ## 0.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#112148](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/112148)
8
+ [`e0a8f4e30af7b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e0a8f4e30af7b) -
9
+ Move team container cards to public package
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 0.1.1
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 0.1.0
4
22
 
5
23
  ### Minor Changes
@@ -1,14 +1,13 @@
1
1
 
2
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
3
- ._1dqo1mtg{border-style:dash}
4
- ._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
2
+ ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
5
3
  ._12y3e4h9{outline-width:var(--ds-border-width,1px)}
6
4
  ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
7
- ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
5
+ ._1qu2gq9o{outline-style:dashed}
6
+ ._bfhkqbzx{background-color:var(--ds-surface-sunken,#f7f8f9)}
8
7
  ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
9
8
  ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
10
9
  ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
11
10
  ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
12
- ._4cvxz9xs:hover{border-color:var(--ds-border-accent-gray,#758195)}
13
- ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
11
+ ._4cvxmuej:hover{border-color:var(--ds-border,#091e4224)}
12
+ ._irr3108i:hover{background-color:var(--ds-surface-hovered,#f1f2f4)}
14
13
  ._ksodnqa1:hover{outline-style:solid}
@@ -18,8 +18,8 @@ var _getContainerProperties = require("../../../common/utils/get-container-prope
18
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
19
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
20
20
  var styles = {
21
- container: "_2rkoiti9 _bfhk1j9a _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _irr31d5g",
22
- iconWrapper: "_2rkoiti9 _1dqo1mtg _1h6dz9xs _12y3e4h9 _12jimuej _syaz131l _4cvxz9xs _ksodnqa1"
21
+ container: "_2rkoiti9 _bfhkqbzx _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _irr3108i",
22
+ iconWrapper: "_2rkoiti9 _12y3e4h9 _12jimuej _1qu2gq9o _syaz131l _4cvxmuej _ksodnqa1"
23
23
  };
24
24
  var CustomItemInner = function CustomItemInner(_ref) {
25
25
  var children = _ref.children;
@@ -10,10 +10,10 @@ exports.LinkedContainerCard = void 0;
10
10
  require("./index.compiled.css");
11
11
  var React = _interopRequireWildcard(require("react"));
12
12
  var _runtime = require("@compiled/react/runtime");
13
- var _reactRouterDom = require("react-router-dom");
14
13
  var _new = require("@atlaskit/button/new");
15
14
  var _cross = _interopRequireDefault(require("@atlaskit/icon/utility/cross"));
16
15
  var _image = _interopRequireDefault(require("@atlaskit/image"));
16
+ var _link = _interopRequireDefault(require("@atlaskit/link"));
17
17
  var _menu = require("@atlaskit/menu");
18
18
  var _primitives = require("@atlaskit/primitives");
19
19
  var _getContainerProperties = require("../../../common/utils/get-container-properties");
@@ -26,8 +26,9 @@ var styles = {
26
26
  var CustomItemInner = function CustomItemInner(_ref) {
27
27
  var children = _ref.children,
28
28
  href = _ref.href;
29
- return /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
30
- to: href
29
+ return /*#__PURE__*/React.createElement(_link.default, {
30
+ href: href,
31
+ appearance: "subtle"
31
32
  }, /*#__PURE__*/React.createElement(_primitives.Box, {
32
33
  xcss: styles.container
33
34
  }, children));
@@ -1,14 +1,13 @@
1
1
 
2
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
3
- ._1dqo1mtg{border-style:dash}
4
- ._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
2
+ ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
5
3
  ._12y3e4h9{outline-width:var(--ds-border-width,1px)}
6
4
  ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
7
- ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
5
+ ._1qu2gq9o{outline-style:dashed}
6
+ ._bfhkqbzx{background-color:var(--ds-surface-sunken,#f7f8f9)}
8
7
  ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
9
8
  ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
10
9
  ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
11
10
  ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
12
- ._4cvxz9xs:hover{border-color:var(--ds-border-accent-gray,#758195)}
13
- ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
11
+ ._4cvxmuej:hover{border-color:var(--ds-border,#091e4224)}
12
+ ._irr3108i:hover{background-color:var(--ds-surface-hovered,#f1f2f4)}
14
13
  ._ksodnqa1:hover{outline-style:solid}
@@ -8,8 +8,8 @@ import { CustomItem } from '@atlaskit/menu';
8
8
  import { Box, Inline } from '@atlaskit/primitives';
9
9
  import { getContainerProperties } from '../../../common/utils/get-container-properties';
10
10
  const styles = {
11
- container: "_2rkoiti9 _bfhk1j9a _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _irr31d5g",
12
- iconWrapper: "_2rkoiti9 _1dqo1mtg _1h6dz9xs _12y3e4h9 _12jimuej _syaz131l _4cvxz9xs _ksodnqa1"
11
+ container: "_2rkoiti9 _bfhkqbzx _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _irr3108i",
12
+ iconWrapper: "_2rkoiti9 _12y3e4h9 _12jimuej _1qu2gq9o _syaz131l _4cvxmuej _ksodnqa1"
13
13
  };
14
14
  const CustomItemInner = ({
15
15
  children
@@ -2,10 +2,10 @@
2
2
  import "./index.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import { Link } from 'react-router-dom';
6
5
  import { IconButton } from '@atlaskit/button/new';
7
6
  import CrossIcon from '@atlaskit/icon/utility/cross';
8
7
  import Image from '@atlaskit/image';
8
+ import Link from '@atlaskit/link';
9
9
  import { CustomItem } from '@atlaskit/menu';
10
10
  import { Box, Inline } from '@atlaskit/primitives';
11
11
  import { getContainerProperties } from '../../../common/utils/get-container-properties';
@@ -18,7 +18,8 @@ const CustomItemInner = ({
18
18
  href
19
19
  }) => {
20
20
  return /*#__PURE__*/React.createElement(Link, {
21
- to: href
21
+ href: href,
22
+ appearance: "subtle"
22
23
  }, /*#__PURE__*/React.createElement(Box, {
23
24
  xcss: styles.container
24
25
  }, children));
@@ -1,14 +1,13 @@
1
1
 
2
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
3
- ._1dqo1mtg{border-style:dash}
4
- ._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
2
+ ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
5
3
  ._12y3e4h9{outline-width:var(--ds-border-width,1px)}
6
4
  ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
7
- ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
5
+ ._1qu2gq9o{outline-style:dashed}
6
+ ._bfhkqbzx{background-color:var(--ds-surface-sunken,#f7f8f9)}
8
7
  ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
9
8
  ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
10
9
  ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
11
10
  ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
12
- ._4cvxz9xs:hover{border-color:var(--ds-border-accent-gray,#758195)}
13
- ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
11
+ ._4cvxmuej:hover{border-color:var(--ds-border,#091e4224)}
12
+ ._irr3108i:hover{background-color:var(--ds-surface-hovered,#f1f2f4)}
14
13
  ._ksodnqa1:hover{outline-style:solid}
@@ -8,8 +8,8 @@ import { CustomItem } from '@atlaskit/menu';
8
8
  import { Box, Inline } from '@atlaskit/primitives';
9
9
  import { getContainerProperties } from '../../../common/utils/get-container-properties';
10
10
  var styles = {
11
- container: "_2rkoiti9 _bfhk1j9a _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _irr31d5g",
12
- iconWrapper: "_2rkoiti9 _1dqo1mtg _1h6dz9xs _12y3e4h9 _12jimuej _syaz131l _4cvxz9xs _ksodnqa1"
11
+ container: "_2rkoiti9 _bfhkqbzx _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _irr3108i",
12
+ iconWrapper: "_2rkoiti9 _12y3e4h9 _12jimuej _1qu2gq9o _syaz131l _4cvxmuej _ksodnqa1"
13
13
  };
14
14
  var CustomItemInner = function CustomItemInner(_ref) {
15
15
  var children = _ref.children;
@@ -2,10 +2,10 @@
2
2
  import "./index.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import { Link } from 'react-router-dom';
6
5
  import { IconButton } from '@atlaskit/button/new';
7
6
  import CrossIcon from '@atlaskit/icon/utility/cross';
8
7
  import Image from '@atlaskit/image';
8
+ import Link from '@atlaskit/link';
9
9
  import { CustomItem } from '@atlaskit/menu';
10
10
  import { Box, Inline } from '@atlaskit/primitives';
11
11
  import { getContainerProperties } from '../../../common/utils/get-container-properties';
@@ -17,7 +17,8 @@ var CustomItemInner = function CustomItemInner(_ref) {
17
17
  var children = _ref.children,
18
18
  href = _ref.href;
19
19
  return /*#__PURE__*/React.createElement(Link, {
20
- to: href
20
+ href: href,
21
+ appearance: "subtle"
21
22
  }, /*#__PURE__*/React.createElement(Box, {
22
23
  xcss: styles.container
23
24
  }, children));
@@ -1,5 +1,5 @@
1
1
  import { type ReactNode } from 'react';
2
- import { ContainerTypes } from '../types';
2
+ import { type ContainerTypes } from '../types';
3
3
  interface ContainerProperties {
4
4
  description: ReactNode;
5
5
  icon: ReactNode;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { ContainerTypes } from '../../../common/types';
2
+ import { type ContainerTypes } from '../../../common/types';
3
3
  interface AddContainerCardProps {
4
4
  containerType: ContainerTypes;
5
5
  }
@@ -3,7 +3,7 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  /// <reference types="react" />
6
- import { ContainerTypes } from '../../../common/types';
6
+ import { type ContainerTypes } from '../../../common/types';
7
7
  interface LinkedContainerCardProps {
8
8
  containerType: ContainerTypes;
9
9
  title: string;
@@ -1,5 +1,5 @@
1
1
  import { type ReactNode } from 'react';
2
- import { ContainerTypes } from '../types';
2
+ import { type ContainerTypes } from '../types';
3
3
  interface ContainerProperties {
4
4
  description: ReactNode;
5
5
  icon: ReactNode;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { ContainerTypes } from '../../../common/types';
2
+ import { type ContainerTypes } from '../../../common/types';
3
3
  interface AddContainerCardProps {
4
4
  containerType: ContainerTypes;
5
5
  }
@@ -3,7 +3,7 @@
3
3
  * @jsxRuntime classic
4
4
  * @jsx jsx
5
5
  */
6
- import { ContainerTypes } from '../../../common/types';
6
+ import { type ContainerTypes } from '../../../common/types';
7
7
  interface LinkedContainerCardProps {
8
8
  containerType: ContainerTypes;
9
9
  title: string;
package/package.json CHANGED
@@ -25,17 +25,19 @@
25
25
  ],
26
26
  "atlaskit:src": "src/index.ts",
27
27
  "af:exports": {
28
- ".": "./src/index.ts"
28
+ ".": "./src/index.ts",
29
+ "./team-containers": "./src/ui/team-containers/index.ts"
29
30
  },
30
31
  "dependencies": {
31
32
  "@atlaskit/button": "^20.4.0",
32
33
  "@atlaskit/css": "^0.8.0",
33
34
  "@atlaskit/icon": "^23.5.0",
34
35
  "@atlaskit/image": "^1.4.0",
36
+ "@atlaskit/link": "^2.1.2",
35
37
  "@atlaskit/logo": "^15.2.0",
36
38
  "@atlaskit/menu": "^2.14.0",
37
- "@atlaskit/primitives": "^13.4.0",
38
- "@atlaskit/theme": "^14.0.1",
39
+ "@atlaskit/primitives": "^13.5.0",
40
+ "@atlaskit/theme": "^15.0.0",
39
41
  "@atlaskit/tokens": "^3.3.0",
40
42
  "@babel/runtime": "^7.0.0",
41
43
  "@compiled/react": "^0.18.1",
@@ -94,7 +96,7 @@
94
96
  }
95
97
  },
96
98
  "name": "@atlaskit/teams-public",
97
- "version": "0.1.0",
99
+ "version": "0.2.0",
98
100
  "description": "Public components related to teams",
99
101
  "author": "Atlassian Pty Ltd",
100
102
  "license": "Apache-2.0",
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/teams-public/team-containers",
3
+ "main": "../dist/cjs/ui/team-containers/index.js",
4
+ "module": "../dist/esm/ui/team-containers/index.js",
5
+ "module:es2019": "../dist/es2019/ui/team-containers/index.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../dist/types/ui/team-containers/index.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.4": {
12
+ "*": [
13
+ "../dist/types-ts4.5/ui/team-containers/index.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }