@atlaskit/rovo-agent-components 3.2.1 → 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 (10) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/ui/agent-menu-item-skeleton/index.compiled.css +2 -4
  3. package/dist/cjs/ui/agent-menu-item-skeleton/index.js +7 -3
  4. package/dist/es2019/ui/agent-menu-item-skeleton/index.compiled.css +2 -4
  5. package/dist/es2019/ui/agent-menu-item-skeleton/index.js +6 -3
  6. package/dist/esm/ui/agent-menu-item-skeleton/index.compiled.css +2 -4
  7. package/dist/esm/ui/agent-menu-item-skeleton/index.js +7 -3
  8. package/dist/types/ui/agent-menu-item-skeleton/index.d.ts +6 -1
  9. package/dist/types-ts4.5/ui/agent-menu-item-skeleton/index.d.ts +6 -1
  10. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/rovo-agent-components
2
2
 
3
+ ## 3.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 3.2.1
4
10
 
5
11
  ### Patch Changes
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-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
@@ -7,21 +7,24 @@ 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-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
@@ -7,7 +7,7 @@ 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.1",
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.13.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.13.0",
46
+ "@atlaskit/primitives": "^14.14.0",
47
47
  "@atlaskit/skeleton": "^2.1.0",
48
- "@atlaskit/tokens": "^6.2.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",