@adiba-banking-cloud/backoffice 0.0.17 → 0.0.18

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 (4) hide show
  1. package/build/index.cjs.js/index.js +10 -5
  2. package/build/index.esm.js/index.js +10 -5
  3. package/build/typings/components/panels/label/Label.types.d.ts +1 -0
  4. package/package.json +1 -1
package/build/index.cjs.js/index.js CHANGED
@@ -11863,7 +11863,7 @@ const LabelPanelItem = _ref => {
11863
11863
  };
11864
11864
 
11865
11865
  const _excluded$4 = ["title", "hasEdit", "labelWidth", "editFn", "editLabel", "items", "withBorder", "radius", "p"],
11866
- _excluded2 = ["avatarSize", "avatar", "withBorder", "radius", "p", "name", "username", "editLabel", "lastActive", "role", "editFn"];
11866
+ _excluded2 = ["avatarSize", "avatar", "labelWidth", "withBorder", "radius", "p", "name", "username", "editLabel", "lastActive", "role", "editFn"];
11867
11867
  const LabelPanel = _ref => {
11868
11868
  let {
11869
11869
  title,
@@ -11881,7 +11881,9 @@ const LabelPanel = _ref => {
11881
11881
  withBorder,
11882
11882
  radius,
11883
11883
  p
11884
- }), /*#__PURE__*/React.createElement(core.Stack, null, /*#__PURE__*/React.createElement(core.Group, {
11884
+ }), /*#__PURE__*/React.createElement(core.Stack, {
11885
+ pb: 'md'
11886
+ }, /*#__PURE__*/React.createElement(core.Group, {
11885
11887
  justify: "space-between",
11886
11888
  p: 0
11887
11889
  }, /*#__PURE__*/React.createElement(core.Title, {
@@ -11908,8 +11910,9 @@ const LabelPanel = _ref => {
11908
11910
  };
11909
11911
  const AvatarLabelPanel = _ref2 => {
11910
11912
  let {
11911
- avatarSize = 100,
11913
+ avatarSize = 150,
11912
11914
  avatar,
11915
+ labelWidth = 200,
11913
11916
  withBorder = true,
11914
11917
  radius = "md",
11915
11918
  p = "md",
@@ -11928,12 +11931,14 @@ const AvatarLabelPanel = _ref2 => {
11928
11931
  }), /*#__PURE__*/React.createElement(core.Group, {
11929
11932
  align: "flex-start",
11930
11933
  py: "sm"
11934
+ }, /*#__PURE__*/React.createElement(core.Center, {
11935
+ w: labelWidth
11931
11936
  }, /*#__PURE__*/React.createElement(core.Avatar, {
11932
11937
  size: avatarSize,
11933
11938
  src: avatar
11934
- }), /*#__PURE__*/React.createElement(core.Stack, {
11939
+ })), /*#__PURE__*/React.createElement(core.Stack, {
11935
11940
  py: 10,
11936
- gap: 5,
11941
+ gap: "md",
11937
11942
  h: "100%"
11938
11943
  }, /*#__PURE__*/React.createElement(core.Title, {
11939
11944
  fw: 500,
package/build/index.esm.js/index.js CHANGED
@@ -11842,7 +11842,7 @@ const LabelPanelItem = _ref => {
11842
11842
  };
11843
11843
 
11844
11844
  const _excluded$4 = ["title", "hasEdit", "labelWidth", "editFn", "editLabel", "items", "withBorder", "radius", "p"],
11845
- _excluded2 = ["avatarSize", "avatar", "withBorder", "radius", "p", "name", "username", "editLabel", "lastActive", "role", "editFn"];
11845
+ _excluded2 = ["avatarSize", "avatar", "labelWidth", "withBorder", "radius", "p", "name", "username", "editLabel", "lastActive", "role", "editFn"];
11846
11846
  const LabelPanel = _ref => {
11847
11847
  let {
11848
11848
  title,
@@ -11860,7 +11860,9 @@ const LabelPanel = _ref => {
11860
11860
  withBorder,
11861
11861
  radius,
11862
11862
  p
11863
- }), /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Group, {
11863
+ }), /*#__PURE__*/React.createElement(Stack, {
11864
+ pb: 'md'
11865
+ }, /*#__PURE__*/React.createElement(Group, {
11864
11866
  justify: "space-between",
11865
11867
  p: 0
11866
11868
  }, /*#__PURE__*/React.createElement(Title, {
@@ -11887,8 +11889,9 @@ const LabelPanel = _ref => {
11887
11889
  };
11888
11890
  const AvatarLabelPanel = _ref2 => {
11889
11891
  let {
11890
- avatarSize = 100,
11892
+ avatarSize = 150,
11891
11893
  avatar,
11894
+ labelWidth = 200,
11892
11895
  withBorder = true,
11893
11896
  radius = "md",
11894
11897
  p = "md",
@@ -11907,12 +11910,14 @@ const AvatarLabelPanel = _ref2 => {
11907
11910
  }), /*#__PURE__*/React.createElement(Group, {
11908
11911
  align: "flex-start",
11909
11912
  py: "sm"
11913
+ }, /*#__PURE__*/React.createElement(Center, {
11914
+ w: labelWidth
11910
11915
  }, /*#__PURE__*/React.createElement(Avatar, {
11911
11916
  size: avatarSize,
11912
11917
  src: avatar
11913
- }), /*#__PURE__*/React.createElement(Stack, {
11918
+ })), /*#__PURE__*/React.createElement(Stack, {
11914
11919
  py: 10,
11915
- gap: 5,
11920
+ gap: "md",
11916
11921
  h: "100%"
11917
11922
  }, /*#__PURE__*/React.createElement(Title, {
11918
11923
  fw: 500,
package/build/typings/components/panels/label/Label.types.d.ts CHANGED
@@ -22,4 +22,5 @@ export interface AvatartLabelPanelProps extends CardProps {
22
22
  editFn?: () => void;
23
23
  editLabel?: string;
24
24
  role?: string;
25
+ labelWidth?: number;
25
26
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@adiba-banking-cloud/backoffice",
3
3
  "author": "TUROG Technologies",
4
- "version": "0.0.17",
4
+ "version": "0.0.18",
5
5
  "description": "An ADIBA component library for backoffice and dashboard applications",
6
6
  "license": "ISC",
7
7
  "main": "build/index.cjs.js",