@atlaskit/rovo-agent-components 3.2.0 → 3.2.2

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 (13) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/ui/agent-avatar/agent-avatar-skeleton/index.js +2 -2
  3. package/dist/cjs/ui/agent-menu-item-skeleton/index.compiled.css +2 -4
  4. package/dist/cjs/ui/agent-menu-item-skeleton/index.js +7 -3
  5. package/dist/es2019/ui/agent-avatar/agent-avatar-skeleton/index.js +2 -2
  6. package/dist/es2019/ui/agent-menu-item-skeleton/index.compiled.css +2 -4
  7. package/dist/es2019/ui/agent-menu-item-skeleton/index.js +7 -4
  8. package/dist/esm/ui/agent-avatar/agent-avatar-skeleton/index.js +2 -2
  9. package/dist/esm/ui/agent-menu-item-skeleton/index.compiled.css +2 -4
  10. package/dist/esm/ui/agent-menu-item-skeleton/index.js +8 -4
  11. package/dist/types/ui/agent-menu-item-skeleton/index.d.ts +6 -1
  12. package/dist/types-ts4.5/ui/agent-menu-item-skeleton/index.d.ts +6 -1
  13. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/rovo-agent-components
2
2
 
3
+ ## 3.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.2.1
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 3.2.0
4
16
 
5
17
  ### Minor Changes
package/dist/cjs/ui/agent-avatar/agent-avatar-skeleton/index.js CHANGED
@@ -36,7 +36,7 @@ var AgentAvatarSkeleton = exports.AgentAvatarSkeleton = function AgentAvatarSkel
36
36
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-unsafe-values
37
37
  clipPath: _index.AGENT_AVATAR_CLIP_PATH
38
38
  },
39
- testId: testId ? "".concat(testId, "-wrapper") : "agent-avatar-skeleton-wrapper"
39
+ testId: testId ? "".concat(testId, "-wrapper") : 'agent-avatar-skeleton-wrapper'
40
40
  }, /*#__PURE__*/React.createElement(_skeleton.default, {
41
41
  width: "100%",
42
42
  height: "100%",
@@ -44,6 +44,6 @@ var AgentAvatarSkeleton = exports.AgentAvatarSkeleton = function AgentAvatarSkel
44
44
  isShimmering: isShimmering,
45
45
  color: color,
46
46
  ShimmeringEndColor: shimmeringEndColor,
47
- testId: testId !== null && testId !== void 0 ? testId : "agent-avatar-skeleton"
47
+ testId: testId !== null && testId !== void 0 ? testId : 'agent-avatar-skeleton'
48
48
  }));
49
49
  };
package/dist/cjs/ui/agent-menu-item-skeleton/index.compiled.css CHANGED
@@ -1,6 +1,4 @@
1
1
 
2
- ._zulp12x7{gap:var(--ds-space-075,6px)}._19bv12x7{padding-left:var(--ds-space-075,6px)}
3
- ._1bsb1osq{width:100%}
2
+ ._zulp12x7{gap:var(--ds-space-075,6px)}._1bsb1osq{width:100%}
4
3
  ._1e0c1txw{display:flex}
5
- ._4cvr1h6o{align-items:center}
6
- ._u5f312x7{padding-right:var(--ds-space-075,6px)}
4
+ ._4cvr1h6o{align-items:center}
package/dist/cjs/ui/agent-menu-item-skeleton/index.js CHANGED
@@ -14,7 +14,7 @@ var _skeleton = _interopRequireDefault(require("@atlaskit/skeleton"));
14
14
  var _agentAvatarSkeleton = require("../agent-avatar/agent-avatar-skeleton");
15
15
  // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
16
16
  var styles = {
17
- skeletonContainer: "_zulp12x7 _1bsb1osq _1e0c1txw _4cvr1h6o _19bv12x7 _u5f312x7"
17
+ skeletonContainer: "_zulp12x7 _1bsb1osq _1e0c1txw _4cvr1h6o"
18
18
  };
19
19
  var AgentMenuItemSkeleton = exports.AgentMenuItemSkeleton = function AgentMenuItemSkeleton(_ref) {
20
20
  var index = _ref.index,
@@ -25,13 +25,17 @@ var AgentMenuItemSkeleton = exports.AgentMenuItemSkeleton = function AgentMenuIt
25
25
  _ref$skeletonTextWidt = _ref.skeletonTextWidth,
26
26
  skeletonTextWidth = _ref$skeletonTextWidt === void 0 ? 170 : _ref$skeletonTextWidt,
27
27
  _ref$skeletonAvatarSi = _ref.skeletonAvatarSize,
28
- skeletonAvatarSize = _ref$skeletonAvatarSi === void 0 ? 'small' : _ref$skeletonAvatarSi;
28
+ skeletonAvatarSize = _ref$skeletonAvatarSi === void 0 ? 'small' : _ref$skeletonAvatarSi,
29
+ _ref$paddingHorizonta = _ref.paddingHorizontal,
30
+ paddingHorizontal = _ref$paddingHorizonta === void 0 ? "var(--ds-space-075, 6px)" : _ref$paddingHorizonta;
29
31
  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
30
32
  key: "skeleton-container-".concat(index),
31
33
  testId: "skeleton-container-".concat(index),
32
34
  xcss: styles.skeletonContainer,
33
35
  style: {
34
- height: "".concat(containerHeight, "px")
36
+ height: "".concat(containerHeight, "px"),
37
+ paddingLeft: paddingHorizontal,
38
+ paddingRight: paddingHorizontal
35
39
  }
36
40
  }, /*#__PURE__*/_react.default.createElement(_agentAvatarSkeleton.AgentAvatarSkeleton, {
37
41
  size: skeletonAvatarSize,
package/dist/es2019/ui/agent-avatar/agent-avatar-skeleton/index.js CHANGED
@@ -27,7 +27,7 @@ export const AgentAvatarSkeleton = ({
27
27
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-unsafe-values
28
28
  clipPath: AGENT_AVATAR_CLIP_PATH
29
29
  },
30
- testId: testId ? `${testId}-wrapper` : "agent-avatar-skeleton-wrapper"
30
+ testId: testId ? `${testId}-wrapper` : 'agent-avatar-skeleton-wrapper'
31
31
  }, /*#__PURE__*/React.createElement(Skeleton, {
32
32
  width: "100%",
33
33
  height: "100%",
@@ -35,6 +35,6 @@ export const AgentAvatarSkeleton = ({
35
35
  isShimmering: isShimmering,
36
36
  color: color,
37
37
  ShimmeringEndColor: shimmeringEndColor,
38
- testId: testId !== null && testId !== void 0 ? testId : "agent-avatar-skeleton"
38
+ testId: testId !== null && testId !== void 0 ? testId : 'agent-avatar-skeleton'
39
39
  }));
40
40
  };
package/dist/es2019/ui/agent-menu-item-skeleton/index.compiled.css CHANGED
@@ -1,6 +1,4 @@
1
1
 
2
- ._zulp12x7{gap:var(--ds-space-075,6px)}._19bv12x7{padding-left:var(--ds-space-075,6px)}
3
- ._1bsb1osq{width:100%}
2
+ ._zulp12x7{gap:var(--ds-space-075,6px)}._1bsb1osq{width:100%}
4
3
  ._1e0c1txw{display:flex}
5
- ._4cvr1h6o{align-items:center}
6
- ._u5f312x7{padding-right:var(--ds-space-075,6px)}
4
+ ._4cvr1h6o{align-items:center}
package/dist/es2019/ui/agent-menu-item-skeleton/index.js CHANGED
@@ -2,26 +2,29 @@
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { Box } from "@atlaskit/primitives/compiled";
5
+ import { Box } from '@atlaskit/primitives/compiled';
6
6
  import Skeleton from '@atlaskit/skeleton';
7
7
  // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
8
8
  import { AgentAvatarSkeleton } from '../agent-avatar/agent-avatar-skeleton';
9
9
  const styles = {
10
- skeletonContainer: "_zulp12x7 _1bsb1osq _1e0c1txw _4cvr1h6o _19bv12x7 _u5f312x7"
10
+ skeletonContainer: "_zulp12x7 _1bsb1osq _1e0c1txw _4cvr1h6o"
11
11
  };
12
12
  export const AgentMenuItemSkeleton = ({
13
13
  index,
14
14
  containerHeight = 32,
15
15
  skeletonTextHeight = 16,
16
16
  skeletonTextWidth = 170,
17
- skeletonAvatarSize = 'small'
17
+ skeletonAvatarSize = 'small',
18
+ paddingHorizontal = "var(--ds-space-075, 6px)"
18
19
  }) => {
19
20
  return /*#__PURE__*/React.createElement(Box, {
20
21
  key: `skeleton-container-${index}`,
21
22
  testId: `skeleton-container-${index}`,
22
23
  xcss: styles.skeletonContainer,
23
24
  style: {
24
- height: `${containerHeight}px`
25
+ height: `${containerHeight}px`,
26
+ paddingLeft: paddingHorizontal,
27
+ paddingRight: paddingHorizontal
25
28
  }
26
29
  }, /*#__PURE__*/React.createElement(AgentAvatarSkeleton, {
27
30
  size: skeletonAvatarSize,
package/dist/esm/ui/agent-avatar/agent-avatar-skeleton/index.js CHANGED
@@ -28,7 +28,7 @@ export var AgentAvatarSkeleton = function AgentAvatarSkeleton(_ref) {
28
28
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-unsafe-values
29
29
  clipPath: AGENT_AVATAR_CLIP_PATH
30
30
  },
31
- testId: testId ? "".concat(testId, "-wrapper") : "agent-avatar-skeleton-wrapper"
31
+ testId: testId ? "".concat(testId, "-wrapper") : 'agent-avatar-skeleton-wrapper'
32
32
  }, /*#__PURE__*/React.createElement(Skeleton, {
33
33
  width: "100%",
34
34
  height: "100%",
@@ -36,6 +36,6 @@ export var AgentAvatarSkeleton = function AgentAvatarSkeleton(_ref) {
36
36
  isShimmering: isShimmering,
37
37
  color: color,
38
38
  ShimmeringEndColor: shimmeringEndColor,
39
- testId: testId !== null && testId !== void 0 ? testId : "agent-avatar-skeleton"
39
+ testId: testId !== null && testId !== void 0 ? testId : 'agent-avatar-skeleton'
40
40
  }));
41
41
  };
package/dist/esm/ui/agent-menu-item-skeleton/index.compiled.css CHANGED
@@ -1,6 +1,4 @@
1
1
 
2
- ._zulp12x7{gap:var(--ds-space-075,6px)}._19bv12x7{padding-left:var(--ds-space-075,6px)}
3
- ._1bsb1osq{width:100%}
2
+ ._zulp12x7{gap:var(--ds-space-075,6px)}._1bsb1osq{width:100%}
4
3
  ._1e0c1txw{display:flex}
5
- ._4cvr1h6o{align-items:center}
6
- ._u5f312x7{padding-right:var(--ds-space-075,6px)}
4
+ ._4cvr1h6o{align-items:center}
package/dist/esm/ui/agent-menu-item-skeleton/index.js CHANGED
@@ -2,12 +2,12 @@
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { Box } from "@atlaskit/primitives/compiled";
5
+ import { Box } from '@atlaskit/primitives/compiled';
6
6
  import Skeleton from '@atlaskit/skeleton';
7
7
  // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
8
8
  import { AgentAvatarSkeleton } from '../agent-avatar/agent-avatar-skeleton';
9
9
  var styles = {
10
- skeletonContainer: "_zulp12x7 _1bsb1osq _1e0c1txw _4cvr1h6o _19bv12x7 _u5f312x7"
10
+ skeletonContainer: "_zulp12x7 _1bsb1osq _1e0c1txw _4cvr1h6o"
11
11
  };
12
12
  export var AgentMenuItemSkeleton = function AgentMenuItemSkeleton(_ref) {
13
13
  var index = _ref.index,
@@ -18,13 +18,17 @@ export var AgentMenuItemSkeleton = function AgentMenuItemSkeleton(_ref) {
18
18
  _ref$skeletonTextWidt = _ref.skeletonTextWidth,
19
19
  skeletonTextWidth = _ref$skeletonTextWidt === void 0 ? 170 : _ref$skeletonTextWidt,
20
20
  _ref$skeletonAvatarSi = _ref.skeletonAvatarSize,
21
- skeletonAvatarSize = _ref$skeletonAvatarSi === void 0 ? 'small' : _ref$skeletonAvatarSi;
21
+ skeletonAvatarSize = _ref$skeletonAvatarSi === void 0 ? 'small' : _ref$skeletonAvatarSi,
22
+ _ref$paddingHorizonta = _ref.paddingHorizontal,
23
+ paddingHorizontal = _ref$paddingHorizonta === void 0 ? "var(--ds-space-075, 6px)" : _ref$paddingHorizonta;
22
24
  return /*#__PURE__*/React.createElement(Box, {
23
25
  key: "skeleton-container-".concat(index),
24
26
  testId: "skeleton-container-".concat(index),
25
27
  xcss: styles.skeletonContainer,
26
28
  style: {
27
- height: "".concat(containerHeight, "px")
29
+ height: "".concat(containerHeight, "px"),
30
+ paddingLeft: paddingHorizontal,
31
+ paddingRight: paddingHorizontal
28
32
  }
29
33
  }, /*#__PURE__*/React.createElement(AgentAvatarSkeleton, {
30
34
  size: skeletonAvatarSize,
package/dist/types/ui/agent-menu-item-skeleton/index.d.ts CHANGED
@@ -6,6 +6,11 @@ interface AgentMenuItemSkeletonProps {
6
6
  skeletonTextHeight?: number;
7
7
  skeletonTextWidth?: number;
8
8
  skeletonAvatarSize?: SizeType;
9
+ /**
10
+ * Horizontal padding for the skeleton container.
11
+ * @default 'space.075'.
12
+ */
13
+ paddingHorizontal?: string;
9
14
  }
10
- export declare const AgentMenuItemSkeleton: ({ index, containerHeight, skeletonTextHeight, skeletonTextWidth, skeletonAvatarSize }: AgentMenuItemSkeletonProps) => React.JSX.Element;
15
+ export declare const AgentMenuItemSkeleton: ({ index, containerHeight, skeletonTextHeight, skeletonTextWidth, skeletonAvatarSize, paddingHorizontal, }: AgentMenuItemSkeletonProps) => React.JSX.Element;
11
16
  export {};
package/dist/types-ts4.5/ui/agent-menu-item-skeleton/index.d.ts CHANGED
@@ -6,6 +6,11 @@ interface AgentMenuItemSkeletonProps {
6
6
  skeletonTextHeight?: number;
7
7
  skeletonTextWidth?: number;
8
8
  skeletonAvatarSize?: SizeType;
9
+ /**
10
+ * Horizontal padding for the skeleton container.
11
+ * @default 'space.075'.
12
+ */
13
+ paddingHorizontal?: string;
9
14
  }
10
- export declare const AgentMenuItemSkeleton: ({ index, containerHeight, skeletonTextHeight, skeletonTextWidth, skeletonAvatarSize }: AgentMenuItemSkeletonProps) => React.JSX.Element;
15
+ export declare const AgentMenuItemSkeleton: ({ index, containerHeight, skeletonTextHeight, skeletonTextWidth, skeletonAvatarSize, paddingHorizontal, }: AgentMenuItemSkeletonProps) => React.JSX.Element;
11
16
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/rovo-agent-components",
3
- "version": "3.2.0",
3
+ "version": "3.2.2",
4
4
  "description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,7 +35,7 @@
35
35
  "@atlaskit/analytics-next": "^11.1.0",
36
36
  "@atlaskit/avatar": "^25.1.0",
37
37
  "@atlaskit/button": "^23.4.0",
38
- "@atlaskit/css": "^0.12.0",
38
+ "@atlaskit/css": "^0.14.0",
39
39
  "@atlaskit/dropdown-menu": "^16.3.0",
40
40
  "@atlaskit/heading": "^5.2.0",
41
41
  "@atlaskit/icon": "^28.1.0",
@@ -43,9 +43,9 @@
43
43
  "@atlaskit/link": "^3.2.0",
44
44
  "@atlaskit/logo": "^19.7.0",
45
45
  "@atlaskit/platform-feature-flags": "^1.1.0",
46
- "@atlaskit/primitives": "^14.12.0",
46
+ "@atlaskit/primitives": "^14.14.0",
47
47
  "@atlaskit/skeleton": "^2.1.0",
48
- "@atlaskit/tokens": "^6.1.0",
48
+ "@atlaskit/tokens": "^6.3.0",
49
49
  "@atlaskit/tooltip": "^20.4.0",
50
50
  "@babel/runtime": "^7.0.0",
51
51
  "@compiled/react": "^0.18.3",