glints-aries 4.0.324 → 4.0.326

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 (7) hide show
  1. package/es/@next/Card/Card.js +7 -3
  2. package/es/@next/Skeleton/components/SkeletonText/SkeletonText.d.ts +2 -1
  3. package/es/@next/Skeleton/components/SkeletonText/SkeletonText.js +5 -2
  4. package/lib/@next/Card/Card.js +7 -3
  5. package/lib/@next/Skeleton/components/SkeletonText/SkeletonText.d.ts +2 -1
  6. package/lib/@next/Skeleton/components/SkeletonText/SkeletonText.js +5 -2
  7. package/package.json +1 -1
package/es/@next/Card/Card.js CHANGED
@@ -44,8 +44,11 @@ var CardComponent = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
44
44
  var showHeader = !!heading || !!subheading;
45
45
  var showActions = !!customActions || !!primaryAction || !!secondaryAction;
46
46
  return /*#__PURE__*/React.createElement(StyledCardContainer, {
47
- ref: ref
48
- }, showHeader && /*#__PURE__*/React.createElement(StyledCardHeaderWrapper, null, /*#__PURE__*/React.createElement(StyledCardHeaderLeftContainer, null, headerMarkup()), /*#__PURE__*/React.createElement(StyledCardHeaderRightContainer, null, /*#__PURE__*/React.createElement(ButtonGroup, {
47
+ ref: ref,
48
+ className: "card-container"
49
+ }, showHeader && /*#__PURE__*/React.createElement(StyledCardHeaderWrapper, {
50
+ className: "card-heading-container"
51
+ }, /*#__PURE__*/React.createElement(StyledCardHeaderLeftContainer, null, headerMarkup()), /*#__PURE__*/React.createElement(StyledCardHeaderRightContainer, null, /*#__PURE__*/React.createElement(ButtonGroup, {
49
52
  fullWidth: false,
50
53
  isButtonWrapped: true
51
54
  }, headerSecondaryAction && /*#__PURE__*/React.createElement(DestructivePlainButton, _extends({
@@ -55,7 +58,8 @@ var CardComponent = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
55
58
  onClick: headerPrimaryAction.action,
56
59
  size: "slim"
57
60
  }, headerPrimaryAction), headerPrimaryAction.label)))), /*#__PURE__*/React.createElement(StyledCardContentWrapper, {
58
- "data-actions": showActions
61
+ "data-actions": showActions,
62
+ className: "card-content-container"
59
63
  }, children), showActions && /*#__PURE__*/React.createElement(StyledCardActionWrapper, {
60
64
  "data-align": actionsAlignment,
61
65
  className: "card-actions-wrapper"
package/es/@next/Skeleton/components/SkeletonText/SkeletonText.d.ts CHANGED
@@ -5,7 +5,8 @@ declare type Row = {
5
5
  variant?: TypographyVariant;
6
6
  };
7
7
  export interface SkeletonTextProps {
8
+ className?: string;
8
9
  rows?: number | Row[];
9
10
  }
10
- export declare const SkeletonText: ({ rows }: SkeletonTextProps) => JSX.Element;
11
+ export declare const SkeletonText: ({ className, rows }: SkeletonTextProps) => JSX.Element;
11
12
  export {};
package/es/@next/Skeleton/components/SkeletonText/SkeletonText.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
2
  import { SkeletonTextContainer, StyledSkeletonText } from './SkeletonTextStyle';
3
3
  export var SkeletonText = function SkeletonText(_ref) {
4
- var _ref$rows = _ref.rows,
4
+ var className = _ref.className,
5
+ _ref$rows = _ref.rows,
5
6
  rows = _ref$rows === void 0 ? 4 : _ref$rows;
6
7
  var defaultWidth = '100%';
7
8
  var defaultVariant = 'body1';
@@ -15,5 +16,7 @@ export var SkeletonText = function SkeletonText(_ref) {
15
16
  });
16
17
  });
17
18
  };
18
- return /*#__PURE__*/React.createElement(SkeletonTextContainer, null, renderRows());
19
+ return /*#__PURE__*/React.createElement(SkeletonTextContainer, {
20
+ className: className
21
+ }, renderRows());
19
22
  };
package/lib/@next/Card/Card.js CHANGED
@@ -49,8 +49,11 @@ var CardComponent = /*#__PURE__*/_react["default"].forwardRef(function Card(_ref
49
49
  var showHeader = !!heading || !!subheading;
50
50
  var showActions = !!customActions || !!primaryAction || !!secondaryAction;
51
51
  return /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardContainer, {
52
- ref: ref
53
- }, showHeader && /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderWrapper, null, /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderLeftContainer, null, headerMarkup()), /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderRightContainer, null, /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, {
52
+ ref: ref,
53
+ className: "card-container"
54
+ }, showHeader && /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderWrapper, {
55
+ className: "card-heading-container"
56
+ }, /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderLeftContainer, null, headerMarkup()), /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderRightContainer, null, /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, {
54
57
  fullWidth: false,
55
58
  isButtonWrapped: true
56
59
  }, headerSecondaryAction && /*#__PURE__*/_react["default"].createElement(_DestructivePlainButtonStyle.DestructivePlainButton, (0, _extends2["default"])({
@@ -60,7 +63,8 @@ var CardComponent = /*#__PURE__*/_react["default"].forwardRef(function Card(_ref
60
63
  onClick: headerPrimaryAction.action,
61
64
  size: "slim"
62
65
  }, headerPrimaryAction), headerPrimaryAction.label)))), /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardContentWrapper, {
63
- "data-actions": showActions
66
+ "data-actions": showActions,
67
+ className: "card-content-container"
64
68
  }, children), showActions && /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardActionWrapper, {
65
69
  "data-align": actionsAlignment,
66
70
  className: "card-actions-wrapper"
package/lib/@next/Skeleton/components/SkeletonText/SkeletonText.d.ts CHANGED
@@ -5,7 +5,8 @@ declare type Row = {
5
5
  variant?: TypographyVariant;
6
6
  };
7
7
  export interface SkeletonTextProps {
8
+ className?: string;
8
9
  rows?: number | Row[];
9
10
  }
10
- export declare const SkeletonText: ({ rows }: SkeletonTextProps) => JSX.Element;
11
+ export declare const SkeletonText: ({ className, rows }: SkeletonTextProps) => JSX.Element;
11
12
  export {};
package/lib/@next/Skeleton/components/SkeletonText/SkeletonText.js CHANGED
@@ -6,7 +6,8 @@ exports.SkeletonText = void 0;
6
6
  var _react = _interopRequireDefault(require("react"));
7
7
  var _SkeletonTextStyle = require("./SkeletonTextStyle");
8
8
  var SkeletonText = function SkeletonText(_ref) {
9
- var _ref$rows = _ref.rows,
9
+ var className = _ref.className,
10
+ _ref$rows = _ref.rows,
10
11
  rows = _ref$rows === void 0 ? 4 : _ref$rows;
11
12
  var defaultWidth = '100%';
12
13
  var defaultVariant = 'body1';
@@ -20,6 +21,8 @@ var SkeletonText = function SkeletonText(_ref) {
20
21
  });
21
22
  });
22
23
  };
23
- return /*#__PURE__*/_react["default"].createElement(_SkeletonTextStyle.SkeletonTextContainer, null, renderRows());
24
+ return /*#__PURE__*/_react["default"].createElement(_SkeletonTextStyle.SkeletonTextContainer, {
25
+ className: className
26
+ }, renderRows());
24
27
  };
25
28
  exports.SkeletonText = SkeletonText;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "glints-aries",
3
- "version": "4.0.324",
3
+ "version": "4.0.326",
4
4
  "description": "Glints ui-kit for frontend",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./es/index.js",