@am92/react-design-system 2.9.10 → 2.9.12

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 (3) hide show
  1. package/dist/Components/DsBottomSheet/DsBottomSheet.Component.js +9 -8
  2. package/dist/Components/DsDialog/DsDialog.Component.js +11 -5
  3. package/package.json +1 -1
package/dist/Components/DsBottomSheet/DsBottomSheet.Component.js CHANGED
@@ -9,7 +9,7 @@ import { DsDialogContent } from '../DsDialogContent';
9
9
  import { DsButton } from '../DsButton';
10
10
  import { DsDialogActions } from '../DsDialogActions';
11
11
  import { DsPaper } from '../DsPaper';
12
- export const DsBottomSheet = (inProps) => {
12
+ export const DsBottomSheet = inProps => {
13
13
  const props = { ...DsBottomSheetDefaultProps, ...inProps };
14
14
  const handleDrawerClose = (event, reason) => {
15
15
  const { onClose } = props;
@@ -36,7 +36,7 @@ export const DsBottomSheet = (inProps) => {
36
36
  if (kicker) {
37
37
  accessibilityProps['aria-describedby'] = kicker;
38
38
  }
39
- return (_jsxs(DsDrawer, { ...accessibilityProps, ...DrawerProps, anchor: 'bottom', PaperProps: {
39
+ return (_jsxs(DsDrawer, { ...accessibilityProps, ...DrawerProps, anchor: "bottom", PaperProps: {
40
40
  ...PaperProps,
41
41
  sx: {
42
42
  background: 'transparent',
@@ -53,16 +53,17 @@ export const DsBottomSheet = (inProps) => {
53
53
  p: 'var(--ds-spacing-glacial)',
54
54
  mb: 'var(--ds-spacing-bitterCold)',
55
55
  ...CloseIconButtonProps?.sx
56
- }, children: _jsx(DsRemixIcon, { className: 'ri-close-line', ...CloseIconProps }) })), _jsxs(DsPaper, { ...ContainerProps, sx: {
56
+ }, children: _jsx(DsRemixIcon, { className: "ri-close-line", ...CloseIconProps }) })), _jsxs(DsPaper, { ...ContainerProps, sx: {
57
57
  minHeight: 0,
58
58
  display: 'flex',
59
59
  flexDirection: 'column',
60
60
  flexGrow: 1,
61
- pt: 'var(--ds-spacing-bitterCold)',
61
+ pt: 'var(--ds-spacing-mild)',
62
+ pb: isFlushed ? undefined : 'var(--ds-spacing-bitterCold)',
62
63
  borderTopLeftRadius: 'var(--ds-radius-bitterCold)',
63
64
  borderTopRightRadius: 'var(--ds-radius-bitterCold)',
64
65
  ...ContainerProps?.sx
65
- }, children: [kicker && (_jsx(DsTypography, { variant: 'subheadingSemiboldDefault', color: 'text.tertiary', ...KickerProps, sx: {
66
+ }, children: [kicker && (_jsx(DsTypography, { variant: "subheadingSemiboldDefault", color: "text.tertiary", ...KickerProps, sx: {
66
67
  px: 'var(--ds-spacing-bitterCold)',
67
68
  mb: 'var(--ds-spacing-quickFreeze)',
68
69
  textTransform: 'uppercase',
@@ -71,7 +72,7 @@ export const DsBottomSheet = (inProps) => {
71
72
  mb: 'var(--ds-spacing-zero)',
72
73
  px: 'var(--ds-spacing-bitterCold)',
73
74
  ...TitleProps?.sx
74
- }, children: title })), description && (_jsx(DsTypography, { variant: 'bodyRegularMedium', color: 'text.secondary', ...DescriptionProps, sx: {
75
+ }, children: title })), description && (_jsx(DsTypography, { variant: "bodyRegularMedium", color: "text.secondary", ...DescriptionProps, sx: {
75
76
  px: 'var(--ds-spacing-bitterCold)',
76
77
  mt: 'var(--ds-spacing-quickFreeze)',
77
78
  ...DescriptionProps?.sx
@@ -82,7 +83,7 @@ export const DsBottomSheet = (inProps) => {
82
83
  }, children: children })), actionsAvailable && (_jsxs(DsDialogActions, { ...ActionsProps, sx: {
83
84
  px: isFlushed ? undefined : 'var(--ds-spacing-bitterCold)',
84
85
  mt: 'var(--ds-spacing-bitterCold)',
85
- py: isFlushed ? undefined : 'var(--ds-spacing-bitterCold)',
86
+ pt: isFlushed ? undefined : 'var(--ds-spacing-bitterCold)',
86
87
  ...ActionsProps?.sx
87
- }, children: [(secondaryButtonText || secondaryButtonProps?.children) && (_jsx(DsButton, { color: 'secondary', size: 'large', fullWidth: true, ...secondaryButtonProps, children: secondaryButtonText || secondaryButtonProps?.children })), (primaryButtonText || primaryButtonProps?.children) && (_jsx(DsButton, { size: 'large', fullWidth: true, ...primaryButtonProps, children: primaryButtonText || primaryButtonProps?.children }))] }))] })] }));
88
+ }, children: [(secondaryButtonText || secondaryButtonProps?.children) && (_jsx(DsButton, { color: "secondary", size: "large", fullWidth: true, ...secondaryButtonProps, children: secondaryButtonText || secondaryButtonProps?.children })), (primaryButtonText || primaryButtonProps?.children) && (_jsx(DsButton, { size: "large", fullWidth: true, ...primaryButtonProps, children: primaryButtonText || primaryButtonProps?.children }))] }))] })] }));
88
89
  };
package/dist/Components/DsDialog/DsDialog.Component.js CHANGED
@@ -32,13 +32,19 @@ export const DsDialog = inProps => {
32
32
  return (_jsxs(Dialog, { keepMounted: true, ...accessibilityProps, ...DialogProps, PaperProps: {
33
33
  ...PaperProps,
34
34
  sx: {
35
+ pb: isFlushed
36
+ ? undefined
37
+ : {
38
+ xs: 'var(--ds-spacing-bitterCold)',
39
+ md: 'var(--ds-spacing-warm)'
40
+ },
35
41
  pt: {
36
42
  xs: 'var(--ds-spacing-mild)',
37
43
  md: 'var(--ds-spacing-warm)'
38
44
  },
39
45
  ...PaperProps?.sx
40
46
  }
41
- }, children: [kicker && (_jsx(DsTypography, { variant: 'subheadingSemiboldDefault', color: 'var(--ds-colour-typoTertiary)', ...KickerProps, sx: {
47
+ }, children: [kicker && (_jsx(DsTypography, { variant: "subheadingSemiboldDefault", color: "var(--ds-colour-typoTertiary)", ...KickerProps, sx: {
42
48
  px: {
43
49
  xs: 'var(--ds-spacing-bitterCold)',
44
50
  md: 'var(--ds-spacing-warm)'
@@ -53,7 +59,7 @@ export const DsDialog = inProps => {
53
59
  md: 'var(--ds-spacing-warm)'
54
60
  },
55
61
  ...TitleProps?.sx
56
- }, children: title })), description && (_jsx(DsTypography, { variant: 'bodyRegularMedium', color: 'var(--ds-colour-typoSecondary)', ...DescriptionProps, sx: {
62
+ }, children: title })), description && (_jsx(DsTypography, { variant: "bodyRegularMedium", color: "var(--ds-colour-typoSecondary)", ...DescriptionProps, sx: {
57
63
  px: {
58
64
  xs: 'var(--ds-spacing-bitterCold)',
59
65
  md: 'var(--ds-spacing-warm)'
@@ -72,7 +78,7 @@ export const DsDialog = inProps => {
72
78
  md: 'var(--ds-spacing-warm)'
73
79
  },
74
80
  ...CloseIconButtonProps?.sx
75
- }, children: _jsx(DsRemixIcon, { className: 'ri-close-line', ...CloseIconProps }) })), children && (_jsx(DsDialogContent, { ...ContentProps, sx: {
81
+ }, children: _jsx(DsRemixIcon, { className: "ri-close-line", ...CloseIconProps }) })), children && (_jsx(DsDialogContent, { ...ContentProps, sx: {
76
82
  px: {
77
83
  xs: 'var(--ds-spacing-bitterCold)',
78
84
  md: 'var(--ds-spacing-warm)'
@@ -86,7 +92,7 @@ export const DsDialog = inProps => {
86
92
  xs: 'var(--ds-spacing-bitterCold)',
87
93
  md: 'var(--ds-spacing-warm)'
88
94
  },
89
- py: isFlushed
95
+ pt: isFlushed
90
96
  ? undefined
91
97
  : {
92
98
  xs: 'var(--ds-spacing-bitterCold)',
@@ -94,5 +100,5 @@ export const DsDialog = inProps => {
94
100
  },
95
101
  mt: 'var(--ds-spacing-glacial)',
96
102
  ...ActionsProps?.sx
97
- }, children: [(secondaryButtonText || secondaryButtonProps?.children) && (_jsx(DsButton, { color: 'secondary', size: 'medium', fullWidth: true, ...secondaryButtonProps, children: secondaryButtonText || secondaryButtonProps?.children })), (primaryButtonText || primaryButtonProps?.children) && (_jsx(DsButton, { size: 'medium', fullWidth: true, ...primaryButtonProps, children: primaryButtonText || primaryButtonProps?.children }))] }))] }));
103
+ }, children: [(secondaryButtonText || secondaryButtonProps?.children) && (_jsx(DsButton, { color: "secondary", size: "medium", fullWidth: true, ...secondaryButtonProps, children: secondaryButtonText || secondaryButtonProps?.children })), (primaryButtonText || primaryButtonProps?.children) && (_jsx(DsButton, { size: "medium", fullWidth: true, ...primaryButtonProps, children: primaryButtonText || primaryButtonProps?.children }))] }))] }));
98
104
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@am92/react-design-system",
3
- "version": "2.9.10",
3
+ "version": "2.9.12",
4
4
  "description": "ReactJS Design System using Material UI",
5
5
  "sideEffects": false,
6
6
  "types": "dist/index.d.ts",