smarthr-ui 51.0.0 → 51.1.1

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 (82) hide show
  1. package/esm/components/Base/BaseColumn/BaseColumn.d.ts +0 -21
  2. package/esm/components/Base/BaseColumn/BaseColumn.js +0 -3
  3. package/esm/components/Base/BaseColumn/BaseColumn.js.map +1 -1
  4. package/esm/components/Dialog/ActionDialog/ActionDialog.js +2 -2
  5. package/esm/components/Dialog/ActionDialog/ActionDialog.js.map +1 -1
  6. package/esm/components/Dialog/ActionDialog/ActionDialogContent.js +2 -2
  7. package/esm/components/Dialog/ActionDialog/ActionDialogContent.js.map +1 -1
  8. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +2 -1
  9. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js +2 -2
  10. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
  11. package/esm/components/Dialog/FormDialog/FormDialog.js +2 -2
  12. package/esm/components/Dialog/FormDialog/FormDialog.js.map +1 -1
  13. package/esm/components/Dialog/FormDialog/FormDialogContent.js +2 -2
  14. package/esm/components/Dialog/FormDialog/FormDialogContent.js.map +1 -1
  15. package/esm/components/Dialog/FormDialog/FormDialogContentInner.d.ts +2 -1
  16. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +2 -2
  17. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  18. package/esm/components/Dialog/MessageDialog/MessageDialog.js +2 -2
  19. package/esm/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
  20. package/esm/components/Dialog/MessageDialog/MessageDialogContent.js +2 -2
  21. package/esm/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -1
  22. package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.d.ts +2 -1
  23. package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js +79 -5
  24. package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
  25. package/esm/components/Dialog/ModelessDialog.d.ts +2 -1
  26. package/esm/components/Dialog/ModelessDialog.js +82 -5
  27. package/esm/components/Dialog/ModelessDialog.js.map +1 -1
  28. package/esm/components/Dialog/useDialogInnerStyle.d.ts +627 -1
  29. package/esm/components/Dialog/useDialogInnerStyle.js +78 -5
  30. package/esm/components/Dialog/useDialogInnerStyle.js.map +1 -1
  31. package/esm/components/Input/SearchInput/SearchInput.d.ts +2 -1
  32. package/esm/components/Input/SearchInput/SearchInput.js +35 -5
  33. package/esm/components/Input/SearchInput/SearchInput.js.map +1 -1
  34. package/esm/components/RadioButton/RadioButton.js +10 -2
  35. package/esm/components/RadioButton/RadioButton.js.map +1 -1
  36. package/esm/components/Select/Select.js +10 -3
  37. package/esm/components/Select/Select.js.map +1 -1
  38. package/esm/libs/ua.d.ts +1 -0
  39. package/esm/libs/ua.js +18 -12
  40. package/esm/libs/ua.js.map +1 -1
  41. package/lib/components/Base/BaseColumn/BaseColumn.d.ts +0 -21
  42. package/lib/components/Base/BaseColumn/BaseColumn.js +0 -3
  43. package/lib/components/Base/BaseColumn/BaseColumn.js.map +1 -1
  44. package/lib/components/Dialog/ActionDialog/ActionDialog.js +2 -2
  45. package/lib/components/Dialog/ActionDialog/ActionDialog.js.map +1 -1
  46. package/lib/components/Dialog/ActionDialog/ActionDialogContent.js +2 -2
  47. package/lib/components/Dialog/ActionDialog/ActionDialogContent.js.map +1 -1
  48. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +2 -1
  49. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js +2 -2
  50. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
  51. package/lib/components/Dialog/FormDialog/FormDialog.js +2 -2
  52. package/lib/components/Dialog/FormDialog/FormDialog.js.map +1 -1
  53. package/lib/components/Dialog/FormDialog/FormDialogContent.js +2 -2
  54. package/lib/components/Dialog/FormDialog/FormDialogContent.js.map +1 -1
  55. package/lib/components/Dialog/FormDialog/FormDialogContentInner.d.ts +2 -1
  56. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +2 -2
  57. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  58. package/lib/components/Dialog/MessageDialog/MessageDialog.js +2 -2
  59. package/lib/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
  60. package/lib/components/Dialog/MessageDialog/MessageDialogContent.js +2 -2
  61. package/lib/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -1
  62. package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.d.ts +2 -1
  63. package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js +79 -5
  64. package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
  65. package/lib/components/Dialog/ModelessDialog.d.ts +2 -1
  66. package/lib/components/Dialog/ModelessDialog.js +82 -5
  67. package/lib/components/Dialog/ModelessDialog.js.map +1 -1
  68. package/lib/components/Dialog/useDialogInnerStyle.d.ts +627 -1
  69. package/lib/components/Dialog/useDialogInnerStyle.js +78 -5
  70. package/lib/components/Dialog/useDialogInnerStyle.js.map +1 -1
  71. package/lib/components/Input/SearchInput/SearchInput.d.ts +2 -1
  72. package/lib/components/Input/SearchInput/SearchInput.js +33 -3
  73. package/lib/components/Input/SearchInput/SearchInput.js.map +1 -1
  74. package/lib/components/RadioButton/RadioButton.js +10 -2
  75. package/lib/components/RadioButton/RadioButton.js.map +1 -1
  76. package/lib/components/Select/Select.js +9 -2
  77. package/lib/components/Select/Select.js.map +1 -1
  78. package/lib/libs/ua.d.ts +1 -0
  79. package/lib/libs/ua.js +19 -13
  80. package/lib/libs/ua.js.map +1 -1
  81. package/package.json +21 -21
  82. package/smarthr-ui.css +30 -12
@@ -19,9 +19,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
19
19
  GREY_7: string;
20
20
  GREY_9: string;
21
21
  GREY_20: string;
22
- GREY_30: string;
23
- GREY_65: string;
24
- GREY_100: string;
25
22
  };
26
23
  }, undefined, "[&&&]:shr-rounded-[unset]", import("tailwind-variants/dist/config").TVConfig<{
27
24
  bgColor: {
@@ -38,9 +35,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
38
35
  GREY_7: string;
39
36
  GREY_9: string;
40
37
  GREY_20: string;
41
- GREY_30: string;
42
- GREY_65: string;
43
- GREY_100: string;
44
38
  };
45
39
  }, {
46
40
  bgColor: {
@@ -57,9 +51,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
57
51
  GREY_7: string;
58
52
  GREY_9: string;
59
53
  GREY_20: string;
60
- GREY_30: string;
61
- GREY_65: string;
62
- GREY_100: string;
63
54
  };
64
55
  }>, {
65
56
  bgColor: {
@@ -76,9 +67,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
76
67
  GREY_7: string;
77
68
  GREY_9: string;
78
69
  GREY_20: string;
79
- GREY_30: string;
80
- GREY_65: string;
81
- GREY_100: string;
82
70
  };
83
71
  }, undefined, import("tailwind-variants").TVReturnType<{
84
72
  bgColor: {
@@ -95,9 +83,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
95
83
  GREY_7: string;
96
84
  GREY_9: string;
97
85
  GREY_20: string;
98
- GREY_30: string;
99
- GREY_65: string;
100
- GREY_100: string;
101
86
  };
102
87
  }, undefined, "[&&&]:shr-rounded-[unset]", import("tailwind-variants/dist/config").TVConfig<{
103
88
  bgColor: {
@@ -114,9 +99,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
114
99
  GREY_7: string;
115
100
  GREY_9: string;
116
101
  GREY_20: string;
117
- GREY_30: string;
118
- GREY_65: string;
119
- GREY_100: string;
120
102
  };
121
103
  }, {
122
104
  bgColor: {
@@ -133,9 +115,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
133
115
  GREY_7: string;
134
116
  GREY_9: string;
135
117
  GREY_20: string;
136
- GREY_30: string;
137
- GREY_65: string;
138
- GREY_100: string;
139
118
  };
140
119
  }>, unknown, unknown, undefined>>;
141
120
  export declare const BaseColumn: React.FC<BaseProps & Props & ElementProps>;
@@ -18,9 +18,6 @@ const baseColumn = tv({
18
18
  GREY_7: '[&&&]:shr-bg-[theme(colors.grey.7)]',
19
19
  GREY_9: '[&&&]:shr-bg-[theme(colors.grey.9)]',
20
20
  GREY_20: '[&&&]:shr-bg-[theme(colors.grey.20)]',
21
- GREY_30: '[&&&]:shr-bg-[theme(colors.grey.30)]',
22
- GREY_65: '[&&&]:shr-bg-[theme(colors.grey.65)]',
23
- GREY_100: '[&&&]:shr-bg-[theme(colors.grey.100)]',
24
21
  },
25
22
  },
26
23
  defaultVariants: {
@@ -1 +1 @@
1
- {"version":3,"file":"BaseColumn.js","sourceRoot":"","sources":["../../../../src/components/Base/BaseColumn/BaseColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAM9B,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE,2BAA2B;IACjC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,yBAAyB;YACrC,MAAM,EAAE,qBAAqB;YAC7B,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,8BAA8B;YAC/C,IAAI,EAAE,mBAAmB;YACzB,MAAM,EAAE,sCAAsC;YAC9C,iBAAiB,EAAE,gCAAgC;YACnD,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,OAAO,EAAE,sCAAsC;YAC/C,OAAO,EAAE,sCAAsC;YAC/C,OAAO,EAAE,sCAAsC;YAC/C,QAAQ,EAAE,uCAAuC;SAClD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,QAAQ;KAClB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAA+C,CAAC,EACrE,OAAO,EACP,OAAO,GAAG,CAAC,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IACtF,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC3E,CAAC,CAAA"}
1
+ {"version":3,"file":"BaseColumn.js","sourceRoot":"","sources":["../../../../src/components/Base/BaseColumn/BaseColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAM9B,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE,2BAA2B;IACjC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,yBAAyB;YACrC,MAAM,EAAE,qBAAqB;YAC7B,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,8BAA8B;YAC/C,IAAI,EAAE,mBAAmB;YACzB,MAAM,EAAE,sCAAsC;YAC9C,iBAAiB,EAAE,gCAAgC;YACnD,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,OAAO,EAAE,sCAAsC;SAChD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,QAAQ;KAClB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAA+C,CAAC,EACrE,OAAO,EACP,OAAO,GAAG,CAAC,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IACtF,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC3E,CAAC,CAAA"}
@@ -3,7 +3,7 @@ import { useId } from '../../../hooks/useId';
3
3
  import { DialogContentInner } from '../DialogContentInner';
4
4
  import { useDialogPortal } from '../useDialogPortal';
5
5
  import { ActionDialogContentInner } from './ActionDialogContentInner';
6
- export const ActionDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, className, portalParent, decorators, id, ...props }) => {
6
+ export const ActionDialog = ({ children, title, subtitle, titleTag, contentBgColor, contentPadding, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, className, portalParent, decorators, id, ...props }) => {
7
7
  const { createPortal } = useDialogPortal(portalParent, id);
8
8
  const titleId = useId();
9
9
  const handleClickClose = useCallback(() => {
@@ -19,6 +19,6 @@ export const ActionDialog = ({ children, title, subtitle, titleTag, actionText,
19
19
  onClickAction(onClickClose);
20
20
  }, [onClickAction, onClickClose, props.isOpen]);
21
21
  return createPortal(React.createElement(DialogContentInner, { ...props, ariaLabelledby: titleId, className: className, onPressEscape: onPressEscape },
22
- React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onClickAction: handleClickAction, subActionArea: subActionArea, responseMessage: responseMessage, decorators: decorators }, children)));
22
+ React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, contentBgColor: contentBgColor, contentPadding: contentPadding, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onClickAction: handleClickAction, subActionArea: subActionArea, responseMessage: responseMessage, decorators: decorators }, children)));
23
23
  };
24
24
  //# sourceMappingURL=ActionDialog.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAmC,CAAC,EAC3D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAmC,CAAC,EAC3D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -4,7 +4,7 @@ import { DialogContentInner } from '../DialogContentInner';
4
4
  import { DialogContext } from '../DialogWrapper';
5
5
  import { useDialogPortal } from '../useDialogPortal';
6
6
  import { ActionDialogContentInner } from './ActionDialogContentInner';
7
- export const ActionDialogContent = ({ children, title, actionText, actionTheme, onClickAction, actionDisabled = false, portalParent, className = '', decorators, ...props }) => {
7
+ export const ActionDialogContent = ({ children, title, contentBgColor, contentPadding, actionText, actionTheme, onClickAction, actionDisabled = false, portalParent, className = '', decorators, ...props }) => {
8
8
  const { onClickClose, active } = useContext(DialogContext);
9
9
  const { createPortal } = useDialogPortal(portalParent);
10
10
  const handleClickClose = useCallback(() => {
@@ -21,6 +21,6 @@ export const ActionDialogContent = ({ children, title, actionText, actionTheme,
21
21
  }, [active, onClickAction, onClickClose]);
22
22
  const titleId = useId();
23
23
  return createPortal(React.createElement(DialogContentInner, { ...props, onPressEscape: onClickClose, isOpen: active, ariaLabelledby: titleId, className: className },
24
- React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, actionText: actionText, actionTheme: actionTheme, onClickAction: handleClickAction, onClickClose: handleClickClose, actionDisabled: actionDisabled, decorators: decorators }, children)));
24
+ React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, contentBgColor: contentBgColor, contentPadding: contentPadding, actionText: actionText, actionTheme: actionTheme, onClickAction: handleClickAction, onClickClose: handleClickClose, actionDisabled: actionDisabled, decorators: decorators }, children)));
25
25
  };
26
26
  //# sourceMappingURL=ActionDialogContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ActionDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,wBAAwB,EAAa,MAAM,4BAA4B,CAAA;AAKhF,MAAM,CAAC,MAAM,mBAAmB,GAAmC,CAAC,EAClE,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAEzC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS;QAEpB,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"ActionDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,wBAAwB,EAAa,MAAM,4BAA4B,CAAA;AAKhF,MAAM,CAAC,MAAM,mBAAmB,GAAmC,CAAC,EAClE,QAAQ,EACR,KAAK,EACL,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAEzC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS;QAEpB,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -1,5 +1,6 @@
1
1
  import { FC, PropsWithChildren, ReactNode } from 'react';
2
2
  import { HeadingTagTypes } from '../../Heading';
3
+ import { type ContentBodyProps } from '../useDialogInnerStyle';
3
4
  import type { DecoratorsType, ResponseMessageType } from '../../../types';
4
5
  export type BaseProps = PropsWithChildren<{
5
6
  /**
@@ -39,7 +40,7 @@ export type BaseProps = PropsWithChildren<{
39
40
  subActionArea?: ReactNode;
40
41
  /** コンポーネント内の文言を変更するための関数を設定 */
41
42
  decorators?: DecoratorsType<'closeButtonLabel'>;
42
- }>;
43
+ }> & ContentBodyProps;
43
44
  export type ActionDialogContentInnerProps = BaseProps & {
44
45
  onClickClose: () => void;
45
46
  responseMessage?: ResponseMessageType;
@@ -8,13 +8,13 @@ import { Text } from '../../Text';
8
8
  import { useOffsetHeight } from '../dialogHelper';
9
9
  import { useDialoginnerStyle } from '../useDialogInnerStyle';
10
10
  const CLOSE_BUTTON_LABEL = 'キャンセル';
11
- export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
11
+ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag, contentBgColor, contentPadding, actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
12
12
  const handleClickAction = useCallback(() => {
13
13
  onClickAction(onClickClose);
14
14
  }, [onClickAction, onClickClose]);
15
15
  const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
16
16
  const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
17
- const { titleAreaStyle, bodyStyleProps, actionAreaStyle, buttonAreaStyle, messageStyle } = useDialoginnerStyle(offsetHeight);
17
+ const { titleAreaStyle, bodyStyleProps, actionAreaStyle, buttonAreaStyle, messageStyle } = useDialoginnerStyle(offsetHeight, contentBgColor, contentPadding);
18
18
  return (React.createElement(Section, null,
19
19
  React.createElement(Heading, { tag: titleTag },
20
20
  React.createElement(Stack, { gap: 0.25, as: "span", ref: titleRef, className: titleAreaStyle },
@@ -1 +1 @@
1
- {"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -3,7 +3,7 @@ import { useId } from '../../../hooks/useId';
3
3
  import { DialogContentInner } from '../DialogContentInner';
4
4
  import { useDialogPortal } from '../useDialogPortal';
5
5
  import { FormDialogContentInner } from './FormDialogContentInner';
6
- export const FormDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onSubmit, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, className, portalParent, decorators, id, ...props }) => {
6
+ export const FormDialog = ({ children, title, subtitle, titleTag, contentBgColor, contentPadding, actionText, actionTheme, onSubmit, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, className, portalParent, decorators, id, ...props }) => {
7
7
  const { createPortal } = useDialogPortal(portalParent, id);
8
8
  const titleId = useId();
9
9
  const handleClickClose = useCallback(() => {
@@ -19,6 +19,6 @@ export const FormDialog = ({ children, title, subtitle, titleTag, actionText, ac
19
19
  onSubmit(close, e);
20
20
  }, [onSubmit, props.isOpen]);
21
21
  return createPortal(React.createElement(DialogContentInner, { ...props, ariaLabelledby: titleId, className: className, onPressEscape: onPressEscape },
22
- React.createElement(FormDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, subActionArea: subActionArea, onClickClose: handleClickClose, onSubmit: handleSubmitAction, responseMessage: responseMessage, decorators: decorators }, children)));
22
+ React.createElement(FormDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, contentBgColor: contentBgColor, contentPadding: contentPadding, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, subActionArea: subActionArea, onClickClose: handleClickClose, onSubmit: handleSubmitAction, responseMessage: responseMessage, decorators: decorators }, children)));
23
23
  };
24
24
  //# sourceMappingURL=FormDialog.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,sBAAsB,EAA+B,MAAM,0BAA0B,CAAA;AAK9F,MAAM,CAAC,MAAM,UAAU,GAAmC,CAAC,EACzD,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,EAAE,CAA6B,EAAE,EAAE;QACnD,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CACzB,CAAA;IAED,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAG5B,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,sBAAsB,EAA+B,MAAM,0BAA0B,CAAA;AAK9F,MAAM,CAAC,MAAM,UAAU,GAAmC,CAAC,EACzD,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,EAAE,CAA6B,EAAE,EAAE;QACnD,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CACzB,CAAA;IAED,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAG5B,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -4,7 +4,7 @@ import { DialogContentInner } from '../DialogContentInner';
4
4
  import { DialogContext } from '../DialogWrapper';
5
5
  import { useDialogPortal } from '../useDialogPortal';
6
6
  import { FormDialogContentInner } from './FormDialogContentInner';
7
- export const FormDialogContent = ({ children, title, actionText, actionTheme, onSubmit, actionDisabled = false, portalParent, className = '', decorators, ...props }) => {
7
+ export const FormDialogContent = ({ children, title, contentBgColor, contentPadding, actionText, actionTheme, onSubmit, actionDisabled = false, portalParent, className = '', decorators, ...props }) => {
8
8
  const { onClickClose, active } = useContext(DialogContext);
9
9
  const { createPortal } = useDialogPortal(portalParent);
10
10
  const handleClickClose = useCallback(() => {
@@ -21,6 +21,6 @@ export const FormDialogContent = ({ children, title, actionText, actionTheme, on
21
21
  }, [active, onSubmit]);
22
22
  const titleId = useId();
23
23
  return createPortal(React.createElement(DialogContentInner, { ...props, onPressEscape: onClickClose, isOpen: active, ariaLabelledby: titleId, className: className },
24
- React.createElement(FormDialogContentInner, { title: title, titleId: titleId, actionText: actionText, actionTheme: actionTheme, onSubmit: handleSubmitAction, onClickClose: handleClickClose, actionDisabled: actionDisabled, decorators: decorators }, children)));
24
+ React.createElement(FormDialogContentInner, { title: title, titleId: titleId, contentBgColor: contentBgColor, contentPadding: contentPadding, actionText: actionText, actionTheme: actionTheme, onSubmit: handleSubmitAction, onClickClose: handleClickClose, actionDisabled: actionDisabled, decorators: decorators }, children)));
25
25
  };
26
26
  //# sourceMappingURL=FormDialogContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjF,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAa,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAK5E,MAAM,CAAC,MAAM,iBAAiB,GAAmC,CAAC,EAChE,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,EAAE,CAA6B,EAAE,EAAE;QACnD,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS;QAGpB,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"FormDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjF,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAa,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAK5E,MAAM,CAAC,MAAM,iBAAiB,GAAmC,CAAC,EAChE,QAAQ,EACR,KAAK,EACL,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,EACX,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,EAAE,CAA6B,EAAE,EAAE;QACnD,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS;QAGpB,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -1,5 +1,6 @@
1
1
  import { FC, FormEvent, PropsWithChildren, ReactNode } from 'react';
2
2
  import { HeadingTagTypes } from '../../Heading';
3
+ import { type ContentBodyProps } from '../useDialogInnerStyle';
3
4
  import type { DecoratorsType, ResponseMessageType } from '../../../types';
4
5
  export type BaseProps = PropsWithChildren<{
5
6
  /**
@@ -39,7 +40,7 @@ export type BaseProps = PropsWithChildren<{
39
40
  subActionArea?: ReactNode;
40
41
  /** コンポーネント内の文言を変更するための関数を設定 */
41
42
  decorators?: DecoratorsType<'closeButtonLabel'>;
42
- }>;
43
+ }> & ContentBodyProps;
43
44
  export type FormDialogContentInnerProps = BaseProps & {
44
45
  onClickClose: () => void;
45
46
  responseMessage?: ResponseMessageType;
@@ -8,7 +8,7 @@ import { Text } from '../../Text';
8
8
  import { useOffsetHeight } from '../dialogHelper';
9
9
  import { useDialoginnerStyle } from '../useDialogInnerStyle';
10
10
  const CLOSE_BUTTON_LABEL = 'キャンセル';
11
- export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
11
+ export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag, contentBgColor, contentPadding, actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
12
12
  const handleSubmitAction = useCallback((e) => {
13
13
  e.preventDefault();
14
14
  // HINT: React Potals などで擬似的にformがネストしている場合など、stopPropagationを実行しないと
@@ -18,7 +18,7 @@ export const FormDialogContentInner = ({ children, title, titleId, subtitle, tit
18
18
  }, [onSubmit, onClickClose]);
19
19
  const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
20
20
  const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
21
- const { titleAreaStyle, bodyStyleProps, actionAreaStyle, buttonAreaStyle, messageStyle } = useDialoginnerStyle(offsetHeight);
21
+ const { titleAreaStyle, bodyStyleProps, actionAreaStyle, buttonAreaStyle, messageStyle } = useDialoginnerStyle(offsetHeight, contentBgColor, contentPadding);
22
22
  return (React.createElement(Section, null,
23
23
  React.createElement("form", { onSubmit: handleSubmitAction },
24
24
  React.createElement(Heading, { tag: titleTag },
@@ -1 +1 @@
1
- {"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -3,7 +3,7 @@ import { useId } from '../../../hooks/useId';
3
3
  import { DialogContentInner } from '../DialogContentInner';
4
4
  import { useDialogPortal } from '../useDialogPortal';
5
5
  import { MessageDialogContentInner, } from './MessageDialogContentInner';
6
- export const MessageDialog = ({ title, subtitle, titleTag, description, onClickClose, onPressEscape = onClickClose, className, portalParent, decorators, id, ...props }) => {
6
+ export const MessageDialog = ({ title, subtitle, titleTag, description, onClickClose, onPressEscape = onClickClose, contentBgColor, contentPadding, className, portalParent, decorators, id, ...props }) => {
7
7
  const { createPortal } = useDialogPortal(portalParent, id);
8
8
  const handleClickClose = useCallback(() => {
9
9
  if (!props.isOpen) {
@@ -13,6 +13,6 @@ export const MessageDialog = ({ title, subtitle, titleTag, description, onClickC
13
13
  }, [onClickClose, props.isOpen]);
14
14
  const titleId = useId();
15
15
  return createPortal(React.createElement(DialogContentInner, { ...props, "aria-labelledby": titleId, className: className, onPressEscape: onPressEscape },
16
- React.createElement(MessageDialogContentInner, { title: title, titleTag: titleTag, titleId: titleId, subtitle: subtitle, description: description, onClickClose: handleClickClose, decorators: decorators })));
16
+ React.createElement(MessageDialogContentInner, { title: title, titleTag: titleTag, titleId: titleId, subtitle: subtitle, description: description, contentBgColor: contentBgColor, contentPadding: contentPadding, onClickClose: handleClickClose, decorators: decorators })));
17
17
  };
18
18
  //# sourceMappingURL=MessageDialog.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AAKpC,MAAM,CAAC,MAAM,aAAa,GAAmC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,qBACQ,OAAO,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AAKpC,MAAM,CAAC,MAAM,aAAa,GAAmC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,cAAc,EACd,cAAc,EACd,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,qBACQ,OAAO,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -4,7 +4,7 @@ import { DialogContentInner } from '../DialogContentInner';
4
4
  import { DialogContext } from '../DialogWrapper';
5
5
  import { useDialogPortal } from '../useDialogPortal';
6
6
  import { MessageDialogContentInner } from './MessageDialogContentInner';
7
- export const MessageDialogContent = ({ title, description, portalParent, className, decorators, ...props }) => {
7
+ export const MessageDialogContent = ({ title, description, portalParent, className, contentBgColor, contentPadding, decorators, ...props }) => {
8
8
  const { onClickClose, active } = useContext(DialogContext);
9
9
  const { createPortal } = useDialogPortal(portalParent);
10
10
  const handleClickClose = useCallback(() => {
@@ -15,6 +15,6 @@ export const MessageDialogContent = ({ title, description, portalParent, classNa
15
15
  }, [active, onClickClose]);
16
16
  const titleId = useId();
17
17
  return createPortal(React.createElement(DialogContentInner, { ...props, onPressEscape: onClickClose, isOpen: active, className: className },
18
- React.createElement(MessageDialogContentInner, { title: title, titleId: titleId, description: description, onClickClose: handleClickClose, decorators: decorators })));
18
+ React.createElement(MessageDialogContentInner, { title: title, titleId: titleId, description: description, contentBgColor: contentBgColor, contentPadding: contentPadding, onClickClose: handleClickClose, decorators: decorators })));
19
19
  };
20
20
  //# sourceMappingURL=MessageDialogContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MessageDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAa,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAKlF,MAAM,CAAC,MAAM,oBAAoB,GAAmC,CAAC,EACnE,KAAK,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAC1B,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;QAEpB,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"MessageDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAa,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAKlF,MAAM,CAAC,MAAM,oBAAoB,GAAmC,CAAC,EACnE,KAAK,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,cAAc,EACd,cAAc,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAC1B,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;QAEpB,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -1,5 +1,6 @@
1
1
  import React, { FC } from 'react';
2
2
  import { HeadingTagTypes } from '../../Heading';
3
+ import { type ContentBodyProps } from '../useDialogInnerStyle';
3
4
  import type { DecoratorsType } from '../../../types';
4
5
  export type BaseProps = {
5
6
  /**
@@ -20,7 +21,7 @@ export type BaseProps = {
20
21
  description: React.ReactNode;
21
22
  /** コンポーネント内の文言を変更するための関数を設定 */
22
23
  decorators?: DecoratorsType<'closeButtonLabel'>;
23
- };
24
+ } & ContentBodyProps;
24
25
  export type MessageDialogContentInnerProps = BaseProps & {
25
26
  onClickClose: () => void;
26
27
  titleId: string;
@@ -10,25 +10,99 @@ const CLOSE_BUTTON_LABEL = '閉じる';
10
10
  const messegeDialogContentInner = tv({
11
11
  slots: {
12
12
  titleArea: 'smarthr-ui-Dialog-titleArea shr-border-b-shorthand shr-my-[unset] shr-px-1.5 shr-py-1',
13
- body: 'smarthr-ui-Dialog-description shr-overflow-auto shr-p-1.5 shr-text-base',
14
13
  footer: 'smarthr-ui-Dialog-buttonArea shr-border-t-shorthand shr-flex shr-justify-end shr-px-1.5 shr-py-1',
15
14
  },
16
15
  });
17
- export const MessageDialogContentInner = ({ title, subtitle, titleTag, titleId, description, onClickClose, decorators, }) => {
16
+ // FIXME: 他のダイアログと共通化したかったが別でやる
17
+ const dialogBody = tv({
18
+ base: ['smarthr-ui-Dialog-description', 'shr-overflow-auto shr-text-base'],
19
+ variants: {
20
+ contentPaddingBlock: {
21
+ 0: 'shr-py-0',
22
+ 0.25: 'shr-py-0.25',
23
+ 0.5: 'shr-py-0.5',
24
+ 0.75: 'shr-py-0.75',
25
+ 1: 'shr-py-1',
26
+ 1.25: 'shr-py-1.25',
27
+ 1.5: 'shr-py-1.5',
28
+ 2: 'shr-py-2',
29
+ 2.5: 'shr-py-2.5',
30
+ 3: 'shr-py-3',
31
+ 3.5: 'shr-py-3.5',
32
+ 4: 'shr-py-4',
33
+ 8: 'shr-py-8',
34
+ X3S: 'shr-py-0.25',
35
+ XXS: 'shr-py-0.5',
36
+ XS: 'shr-py-1',
37
+ S: 'shr-py-1.5',
38
+ M: 'shr-py-2',
39
+ L: 'shr-py-2.5',
40
+ XL: 'shr-py-3',
41
+ XXL: 'shr-py-3.5',
42
+ X3L: 'shr-py-4',
43
+ },
44
+ contentPaddingInline: {
45
+ 0: 'shr-px-0',
46
+ 0.25: 'shr-px-0.25',
47
+ 0.5: 'shr-px-0.5',
48
+ 0.75: 'shr-px-0.75',
49
+ 1: 'shr-px-1',
50
+ 1.25: 'shr-px-1.25',
51
+ 1.5: 'shr-px-1.5',
52
+ 2: 'shr-px-2',
53
+ 2.5: 'shr-px-2.5',
54
+ 3: 'shr-px-3',
55
+ 3.5: 'shr-px-3.5',
56
+ 4: 'shr-px-4',
57
+ 8: 'shr-px-8',
58
+ X3S: 'shr-px-0.25',
59
+ XXS: 'shr-px-0.5',
60
+ XS: 'shr-px-1',
61
+ S: 'shr-px-1.5',
62
+ M: 'shr-px-2',
63
+ L: 'shr-px-2.5',
64
+ XL: 'shr-px-3',
65
+ XXL: 'shr-px-3.5',
66
+ X3L: 'shr-px-4',
67
+ },
68
+ contentBgColor: {
69
+ BACKGROUND: 'shr-bg-background',
70
+ COLUMN: 'shr-bg-column',
71
+ BASE_GREY: 'shr-bg-base-grey',
72
+ OVER_BACKGROUND: 'shr-bg-over-background',
73
+ HEAD: 'shr-bg-head',
74
+ BORDER: 'shr-bg-[theme(colors.grey.20)]',
75
+ ACTION_BACKGROUND: 'shr-bg-action-background',
76
+ WHITE: 'shr-bg-white',
77
+ GREY_5: 'shr-bg-[theme(colors.grey.5)]',
78
+ GREY_6: 'shr-bg-[theme(colors.grey.6)]',
79
+ GREY_7: 'shr-bg-[theme(colors.grey.7)]',
80
+ GREY_9: 'shr-bg-[theme(colors.grey.9)]',
81
+ GREY_20: 'shr-bg-[theme(colors.grey.20)]',
82
+ },
83
+ },
84
+ });
85
+ export const MessageDialogContentInner = ({ title, subtitle, titleTag, titleId, contentBgColor, contentPadding = 1.5, description, onClickClose, decorators, }) => {
18
86
  const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
19
87
  const { titleAreaStyle, bodyStyleProps, footerStyle } = useMemo(() => {
20
- const { titleArea, body, footer } = messegeDialogContentInner();
88
+ const { titleArea, footer } = messegeDialogContentInner();
89
+ const paddingBlock = contentPadding instanceof Object ? contentPadding.block : contentPadding;
90
+ const paddingInline = contentPadding instanceof Object ? contentPadding.inline : contentPadding;
21
91
  return {
22
92
  titleAreaStyle: titleArea(),
23
93
  bodyStyleProps: {
24
94
  style: {
25
95
  maxHeight: `calc(100svh - ${offsetHeight}px)`,
26
96
  },
27
- className: body(),
97
+ className: dialogBody({
98
+ contentBgColor,
99
+ contentPaddingBlock: paddingBlock,
100
+ contentPaddingInline: paddingInline,
101
+ }),
28
102
  },
29
103
  footerStyle: footer(),
30
104
  };
31
- }, [offsetHeight]);
105
+ }, [contentBgColor, contentPadding, offsetHeight]);
32
106
  return (React.createElement(Section, null,
33
107
  React.createElement(Heading, { tag: titleTag },
34
108
  React.createElement(Stack, { gap: 0.25, as: "span", ref: titleRef, className: titleAreaStyle },
@@ -1 +1 @@
1
- {"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAmB,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AA8BjD,MAAM,kBAAkB,GAAG,KAAK,CAAA;AAEhC,MAAM,yBAAyB,GAAG,EAAE,CAAC;IACnC,KAAK,EAAE;QACL,SAAS,EACP,uFAAuF;QACzF,IAAI,EAAE,yEAAyE;QAC/E,MAAM,EACJ,kGAAkG;KACrG;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAuC,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,WAAW,EACX,YAAY,EACZ,UAAU,GACX,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IAE/D,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACnE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,yBAAyB,EAAE,CAAA;QAC/D,OAAO;YACL,cAAc,EAAE,SAAS,EAAE;YAC3B,cAAc,EAAE;gBACd,KAAK,EAAE;oBACL,SAAS,EAAE,iBAAiB,YAAY,KAAK;iBAC9C;gBACD,SAAS,EAAE,IAAI,EAAE;aAClB;YACD,WAAW,EAAE,MAAM,EAAE;SACtB,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,CACL,oBAAC,OAAO;QAEN,oBAAC,OAAO,IAAC,GAAG,EAAE,QAAQ;YACpB,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,EAAE,EAAE,EAAC,MAAM,EAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc;gBACjE,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,4BAA4B,IACpE,QAAQ,CACJ,CACR;gBACD,oBAAC,IAAI,IAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,yBAAyB,IAC5D,KAAK,CACD,CACD,CACA;QACV,gCAAS,cAAc,IAAG,WAAW,CAAO;QAC5C,gCAAQ,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW;YAC5C,oBAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,+BAA+B,IACrE,UAAU,EAAE,gBAAgB,EAAE,CAAC,kBAAkB,CAAC,IAAI,kBAAkB,CAClE,CACF,CACD,CACX,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  import { FC, MouseEvent, PropsWithChildren, ReactNode, RefObject } from 'react';
2
2
  import { BaseElementProps } from '../Base';
3
+ import { type ContentBodyProps } from './useDialogInnerStyle';
3
4
  import type { DecoratorsType } from '../../types';
4
5
  type Props = PropsWithChildren<{
5
6
  /**
@@ -55,6 +56,6 @@ type Props = PropsWithChildren<{
55
56
  dialogHandlerAriaLabel?: (txt: string) => string;
56
57
  dialogHandlerAriaValuetext?: (txt: string, data: DOMRect | undefined) => string;
57
58
  };
58
- }>;
59
+ }> & ContentBodyProps;
59
60
  export declare const ModelessDialog: FC<Props & BaseElementProps>;
60
61
  export {};