smarthr-ui 43.2.1 → 44.0.0

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 (184) hide show
  1. package/esm/components/BottomFixedArea/BottomFixedArea.d.ts +10 -7
  2. package/esm/components/BottomFixedArea/BottomFixedArea.js +35 -30
  3. package/esm/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
  4. package/esm/components/Button/UnstyledButton.js +1 -18
  5. package/esm/components/Button/UnstyledButton.js.map +1 -1
  6. package/esm/components/Calendar/CalendarTable.js +21 -18
  7. package/esm/components/Calendar/CalendarTable.js.map +1 -1
  8. package/esm/components/ComboBox/useListBox.js +1 -1
  9. package/esm/components/ComboBox/useListBox.js.map +1 -1
  10. package/esm/components/CompactInformationPanel/CompactInformationPanel.d.ts +4 -9
  11. package/esm/components/CompactInformationPanel/CompactInformationPanel.js +8 -15
  12. package/esm/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
  13. package/esm/components/Dialog/ActionDialog/ActionDialog.d.ts +2 -2
  14. package/esm/components/Dialog/ActionDialog/ActionDialog.js +2 -2
  15. package/esm/components/Dialog/ActionDialog/ActionDialog.js.map +1 -1
  16. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +2 -4
  17. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js +38 -42
  18. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
  19. package/esm/components/Dialog/FormDialog/FormDialog.js +2 -2
  20. package/esm/components/Dialog/FormDialog/FormDialog.js.map +1 -1
  21. package/esm/components/Dialog/FormDialog/FormDialogContentInner.d.ts +2 -0
  22. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +9 -5
  23. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  24. package/esm/components/ErrorScreen/ErrorScreen.js +1 -1
  25. package/esm/components/ErrorScreen/ErrorScreen.js.map +1 -1
  26. package/esm/components/Experimental/SideMenu/SideMenu.js +3 -1
  27. package/esm/components/Experimental/SideMenu/SideMenu.js.map +1 -1
  28. package/esm/components/Experimental/SideMenu/SideMenuGroup.js +9 -2
  29. package/esm/components/Experimental/SideMenu/SideMenuGroup.js.map +1 -1
  30. package/esm/components/Header/AppLauncher/AppLauncher.d.ts +6 -5
  31. package/esm/components/Header/AppLauncher/AppLauncher.js +28 -46
  32. package/esm/components/Header/AppLauncher/AppLauncher.js.map +1 -1
  33. package/esm/components/Input/Input.js +1 -1
  34. package/esm/components/Input/Input.js.map +1 -1
  35. package/esm/components/Layout/index.d.ts +0 -1
  36. package/esm/components/Layout/index.js +0 -1
  37. package/esm/components/Layout/index.js.map +1 -1
  38. package/esm/components/LineClamp/LineClamp.d.ts +69 -11
  39. package/esm/components/LineClamp/LineClamp.js +23 -40
  40. package/esm/components/LineClamp/LineClamp.js.map +1 -1
  41. package/esm/components/SectioningContent/SectioningContent.d.ts +7 -8
  42. package/esm/components/SectioningContent/SectioningContent.js +1 -4
  43. package/esm/components/SectioningContent/SectioningContent.js.map +1 -1
  44. package/esm/components/TabBar/TabItem.d.ts +3 -2
  45. package/esm/components/TabBar/TabItem.js +9 -29
  46. package/esm/components/TabBar/TabItem.js.map +1 -1
  47. package/esm/components/Table/TableReel.d.ts +2 -2
  48. package/esm/components/Table/TableReel.js +19 -19
  49. package/esm/components/Table/TableReel.js.map +1 -1
  50. package/esm/components/Table/useClassNames.d.ts +0 -4
  51. package/esm/components/Table/useClassNames.js +2 -7
  52. package/esm/components/Table/useClassNames.js.map +1 -1
  53. package/esm/components/Table/useReelShadow.d.ts +14 -20
  54. package/esm/components/Table/useReelShadow.js +5 -32
  55. package/esm/components/Table/useReelShadow.js.map +1 -1
  56. package/esm/hooks/useTailwindTheme.d.ts +7 -7
  57. package/esm/index.d.ts +1 -2
  58. package/esm/index.js +1 -2
  59. package/esm/index.js.map +1 -1
  60. package/esm/smarthr-ui-preset.js +6 -0
  61. package/esm/smarthr-ui-preset.js.map +1 -1
  62. package/lib/components/BottomFixedArea/BottomFixedArea.d.ts +10 -7
  63. package/lib/components/BottomFixedArea/BottomFixedArea.js +33 -28
  64. package/lib/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
  65. package/lib/components/Button/UnstyledButton.js +1 -18
  66. package/lib/components/Button/UnstyledButton.js.map +1 -1
  67. package/lib/components/Calendar/CalendarTable.js +21 -18
  68. package/lib/components/Calendar/CalendarTable.js.map +1 -1
  69. package/lib/components/ComboBox/useListBox.js +1 -1
  70. package/lib/components/ComboBox/useListBox.js.map +1 -1
  71. package/lib/components/CompactInformationPanel/CompactInformationPanel.d.ts +4 -9
  72. package/lib/components/CompactInformationPanel/CompactInformationPanel.js +8 -18
  73. package/lib/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
  74. package/lib/components/Dialog/ActionDialog/ActionDialog.d.ts +2 -2
  75. package/lib/components/Dialog/ActionDialog/ActionDialog.js +2 -2
  76. package/lib/components/Dialog/ActionDialog/ActionDialog.js.map +1 -1
  77. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +2 -4
  78. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js +37 -41
  79. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
  80. package/lib/components/Dialog/FormDialog/FormDialog.js +2 -2
  81. package/lib/components/Dialog/FormDialog/FormDialog.js.map +1 -1
  82. package/lib/components/Dialog/FormDialog/FormDialogContentInner.d.ts +2 -0
  83. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +9 -5
  84. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  85. package/lib/components/ErrorScreen/ErrorScreen.js +1 -1
  86. package/lib/components/ErrorScreen/ErrorScreen.js.map +1 -1
  87. package/lib/components/Experimental/SideMenu/SideMenu.js +3 -1
  88. package/lib/components/Experimental/SideMenu/SideMenu.js.map +1 -1
  89. package/lib/components/Experimental/SideMenu/SideMenuGroup.js +9 -2
  90. package/lib/components/Experimental/SideMenu/SideMenuGroup.js.map +1 -1
  91. package/lib/components/Header/AppLauncher/AppLauncher.d.ts +6 -5
  92. package/lib/components/Header/AppLauncher/AppLauncher.js +28 -46
  93. package/lib/components/Header/AppLauncher/AppLauncher.js.map +1 -1
  94. package/lib/components/Input/Input.js +1 -1
  95. package/lib/components/Input/Input.js.map +1 -1
  96. package/lib/components/Layout/index.d.ts +0 -1
  97. package/lib/components/Layout/index.js +1 -3
  98. package/lib/components/Layout/index.js.map +1 -1
  99. package/lib/components/LineClamp/LineClamp.d.ts +69 -11
  100. package/lib/components/LineClamp/LineClamp.js +22 -39
  101. package/lib/components/LineClamp/LineClamp.js.map +1 -1
  102. package/lib/components/SectioningContent/SectioningContent.d.ts +7 -8
  103. package/lib/components/SectioningContent/SectioningContent.js +1 -7
  104. package/lib/components/SectioningContent/SectioningContent.js.map +1 -1
  105. package/lib/components/TabBar/TabItem.d.ts +3 -2
  106. package/lib/components/TabBar/TabItem.js +9 -29
  107. package/lib/components/TabBar/TabItem.js.map +1 -1
  108. package/lib/components/Table/TableReel.d.ts +2 -2
  109. package/lib/components/Table/TableReel.js +18 -21
  110. package/lib/components/Table/TableReel.js.map +1 -1
  111. package/lib/components/Table/useClassNames.d.ts +0 -4
  112. package/lib/components/Table/useClassNames.js +1 -6
  113. package/lib/components/Table/useClassNames.js.map +1 -1
  114. package/lib/components/Table/useReelShadow.d.ts +14 -20
  115. package/lib/components/Table/useReelShadow.js +6 -34
  116. package/lib/components/Table/useReelShadow.js.map +1 -1
  117. package/lib/hooks/useTailwindTheme.d.ts +7 -7
  118. package/lib/index.d.ts +1 -2
  119. package/lib/index.js +2 -5
  120. package/lib/index.js.map +1 -1
  121. package/lib/smarthr-ui-preset.js +6 -0
  122. package/lib/smarthr-ui-preset.js.map +1 -1
  123. package/package.json +9 -9
  124. package/smarthr-ui.css +136 -34
  125. package/esm/components/BottomFixedArea/TertiaryLink.d.ts +0 -11
  126. package/esm/components/BottomFixedArea/TertiaryLink.js +0 -44
  127. package/esm/components/BottomFixedArea/TertiaryLink.js.map +0 -1
  128. package/esm/components/BottomFixedArea/useClassNames.d.ts +0 -10
  129. package/esm/components/BottomFixedArea/useClassNames.js +0 -16
  130. package/esm/components/BottomFixedArea/useClassNames.js.map +0 -1
  131. package/esm/components/CompactInformationPanel/useClassNames.d.ts +0 -3
  132. package/esm/components/CompactInformationPanel/useClassNames.js +0 -10
  133. package/esm/components/CompactInformationPanel/useClassNames.js.map +0 -1
  134. package/esm/components/Header/AppLauncher/useClassNames.d.ts +0 -6
  135. package/esm/components/Header/AppLauncher/useClassNames.js +0 -13
  136. package/esm/components/Header/AppLauncher/useClassNames.js.map +0 -1
  137. package/esm/components/HeadlineArea/HeadlineArea.d.ts +0 -21
  138. package/esm/components/HeadlineArea/HeadlineArea.js +0 -33
  139. package/esm/components/HeadlineArea/HeadlineArea.js.map +0 -1
  140. package/esm/components/HeadlineArea/index.d.ts +0 -1
  141. package/esm/components/HeadlineArea/index.js +0 -2
  142. package/esm/components/HeadlineArea/index.js.map +0 -1
  143. package/esm/components/HeadlineArea/useClassNames.d.ts +0 -4
  144. package/esm/components/HeadlineArea/useClassNames.js +0 -11
  145. package/esm/components/HeadlineArea/useClassNames.js.map +0 -1
  146. package/esm/components/Layout/LineUp/LineUp.d.ts +0 -23
  147. package/esm/components/Layout/LineUp/LineUp.js +0 -26
  148. package/esm/components/Layout/LineUp/LineUp.js.map +0 -1
  149. package/esm/components/Layout/LineUp/index.d.ts +0 -1
  150. package/esm/components/Layout/LineUp/index.js +0 -2
  151. package/esm/components/Layout/LineUp/index.js.map +0 -1
  152. package/esm/components/LineClamp/useClassNames.d.ts +0 -3
  153. package/esm/components/LineClamp/useClassNames.js +0 -10
  154. package/esm/components/LineClamp/useClassNames.js.map +0 -1
  155. package/lib/components/BottomFixedArea/TertiaryLink.d.ts +0 -11
  156. package/lib/components/BottomFixedArea/TertiaryLink.js +0 -74
  157. package/lib/components/BottomFixedArea/TertiaryLink.js.map +0 -1
  158. package/lib/components/BottomFixedArea/useClassNames.d.ts +0 -10
  159. package/lib/components/BottomFixedArea/useClassNames.js +0 -20
  160. package/lib/components/BottomFixedArea/useClassNames.js.map +0 -1
  161. package/lib/components/CompactInformationPanel/useClassNames.d.ts +0 -3
  162. package/lib/components/CompactInformationPanel/useClassNames.js +0 -14
  163. package/lib/components/CompactInformationPanel/useClassNames.js.map +0 -1
  164. package/lib/components/Header/AppLauncher/useClassNames.d.ts +0 -6
  165. package/lib/components/Header/AppLauncher/useClassNames.js +0 -17
  166. package/lib/components/Header/AppLauncher/useClassNames.js.map +0 -1
  167. package/lib/components/HeadlineArea/HeadlineArea.d.ts +0 -21
  168. package/lib/components/HeadlineArea/HeadlineArea.js +0 -63
  169. package/lib/components/HeadlineArea/HeadlineArea.js.map +0 -1
  170. package/lib/components/HeadlineArea/index.d.ts +0 -1
  171. package/lib/components/HeadlineArea/index.js +0 -18
  172. package/lib/components/HeadlineArea/index.js.map +0 -1
  173. package/lib/components/HeadlineArea/useClassNames.d.ts +0 -4
  174. package/lib/components/HeadlineArea/useClassNames.js +0 -15
  175. package/lib/components/HeadlineArea/useClassNames.js.map +0 -1
  176. package/lib/components/Layout/LineUp/LineUp.d.ts +0 -23
  177. package/lib/components/Layout/LineUp/LineUp.js +0 -52
  178. package/lib/components/Layout/LineUp/LineUp.js.map +0 -1
  179. package/lib/components/Layout/LineUp/index.d.ts +0 -1
  180. package/lib/components/Layout/LineUp/index.js +0 -6
  181. package/lib/components/Layout/LineUp/index.js.map +0 -1
  182. package/lib/components/LineClamp/useClassNames.d.ts +0 -3
  183. package/lib/components/LineClamp/useClassNames.js +0 -14
  184. package/lib/components/LineClamp/useClassNames.js.map +0 -1
@@ -1,9 +1,9 @@
1
- import React, { ComponentProps, FunctionComponentElement, HTMLAttributes, ReactNode, VFC } from 'react';
1
+ import { ComponentProps, ComponentPropsWithRef, ComponentType, FC, FunctionComponentElement, MouseEventHandler, ReactNode } from 'react';
2
2
  import { AnchorButton, Button } from '../Button';
3
- import { TertiaryLink } from './TertiaryLink';
3
+ import { ComponentProps as IconProps } from '../Icon';
4
4
  export type Primary = FunctionComponentElement<ComponentProps<typeof Button>> | FunctionComponentElement<ComponentProps<typeof AnchorButton>>;
5
5
  export type Secondary = FunctionComponentElement<ComponentProps<typeof Button>> | FunctionComponentElement<ComponentProps<typeof AnchorButton>>;
6
- type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
6
+ type ElementProps = Omit<ComponentPropsWithRef<'div'>, keyof Props>;
7
7
  type Props = {
8
8
  /** この領域の説明 */
9
9
  description?: ReactNode;
@@ -12,11 +12,14 @@ type Props = {
12
12
  /** 表示する `Button` または `AnchorButton` (`variant="secondary"` である必要がある)*/
13
13
  secondaryButton?: Secondary;
14
14
  /** 表示する tertialy link のプロパティの配列 */
15
- tertiaryLinks?: Array<React.ComponentProps<typeof TertiaryLink>>;
15
+ tertiaryLinks?: Array<ComponentPropsWithRef<'button'> & {
16
+ text: ReactNode;
17
+ icon?: ComponentType<IconProps>;
18
+ type?: 'button' | 'reset';
19
+ onClick?: MouseEventHandler<HTMLButtonElement>;
20
+ }>;
16
21
  /** コンポーネントに適用する z-index 値 */
17
22
  zIndex?: number;
18
- /** コンポーネントに適用するクラス名 */
19
- className?: string;
20
23
  };
21
- export declare const BottomFixedArea: VFC<Props & ElementProps>;
24
+ export declare const BottomFixedArea: FC<Props & ElementProps>;
22
25
  export {};
@@ -1,38 +1,43 @@
1
- import React, { useEffect, } from 'react';
2
- import styled, { css } from 'styled-components';
3
- import { useTheme } from '../../hooks/useTheme';
4
- import { Base as BaseComponent } from '../Base';
1
+ import React, { useEffect, useMemo, } from 'react';
2
+ import { tv } from 'tailwind-variants';
3
+ import { Base } from '../Base';
4
+ import { Button } from '../Button';
5
5
  import { Cluster, Stack } from '../Layout';
6
- import { Text } from '../Text';
7
- import { TertiaryLink } from './TertiaryLink';
8
6
  import { validateElement } from './bottomFixedAreaHelper';
9
- import { useClassNames } from './useClassNames';
10
- export const BottomFixedArea = ({ description, primaryButton, secondaryButton, tertiaryLinks, zIndex = 500, className = '', ...props }) => {
11
- const theme = useTheme();
12
- const classNames = useClassNames();
7
+ const bottomFixedArea = tv({
8
+ slots: {
9
+ wrapper: [
10
+ 'smarthr-ui-BottomFixedArea',
11
+ 'shr-fixed shr-bottom-0 shr-z-fixed-menu shr-box-border shr-w-full shr-rounded-none shr-p-1.5 shr-text-center',
12
+ // Layer 3 だが、上方向への指定のためベタ書き: https://smarthr.design/products/design-tokens/shadow/
13
+ '[box-shadow:_0_-4px_8px_2px_rgba(0,_0,_0,_0.24)]',
14
+ '[&_ul]:shr-list-none',
15
+ ],
16
+ tertiaryButton: [
17
+ 'smarthr-ui-BottomFixedArea-tertiaryLink',
18
+ '-shr-mb-0.5 shr-font-normal shr-text-main',
19
+ ],
20
+ },
21
+ });
22
+ export const BottomFixedArea = ({ description, primaryButton, secondaryButton, tertiaryLinks, zIndex, className, ...props }) => {
23
+ const { wrapperStyleProps, tertiaryButtonStyle } = useMemo(() => {
24
+ const { wrapper, tertiaryButton } = bottomFixedArea();
25
+ return {
26
+ wrapperStyleProps: { className: wrapper({ className }), style: { zIndex } },
27
+ tertiaryButtonStyle: tertiaryButton(),
28
+ };
29
+ }, [className, zIndex]);
13
30
  useEffect(() => {
14
31
  validateElement(primaryButton, secondaryButton);
15
32
  }, [primaryButton, secondaryButton]);
16
- return (React.createElement(Base, { ...props, "$themes": theme, "$zIndex": zIndex, className: `${className} ${classNames.wrapper}` },
33
+ return (React.createElement(Base, { ...props, ...wrapperStyleProps },
17
34
  React.createElement(Stack, null,
18
- description && (React.createElement(Text, { as: "p", className: classNames.description }, description)),
19
- (secondaryButton || primaryButton) && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } },
20
- secondaryButton && React.createElement("li", { className: classNames.secondaryButton }, secondaryButton),
21
- primaryButton && React.createElement("li", { className: classNames.primaryButton }, primaryButton))),
22
- tertiaryLinks && tertiaryLinks.length > 0 && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } }, tertiaryLinks.map((tertiaryLink, index) => (React.createElement("li", { key: index, className: classNames.tertiaryListItem },
23
- React.createElement(TertiaryLink, { ...tertiaryLink })))))))));
35
+ description && React.createElement("p", { className: "smarthr-ui-BottomFixedArea-description" }, description),
36
+ React.createElement(Stack, { gap: 0.25 },
37
+ (secondaryButton || primaryButton) && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } },
38
+ secondaryButton && (React.createElement("li", { className: "smarthr-ui-BottomFixedArea-secondaryButton" }, secondaryButton)),
39
+ primaryButton && (React.createElement("li", { className: "smarthr-ui-BottomFixedArea-primaryButton" }, primaryButton)))),
40
+ tertiaryLinks && tertiaryLinks.length > 0 && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 0 } }, tertiaryLinks.map(({ text, icon: Icon, onClick, ...tertiaryProps }, index) => (React.createElement("li", { key: index, className: "smarthr-ui-BottomFixedArea-tertiaryListItem" },
41
+ React.createElement(Button, { ...tertiaryProps, variant: "text", prefix: Icon && React.createElement(Icon, null), onClick: onClick, className: tertiaryButtonStyle }, text))))))))));
24
42
  };
25
- const Base = styled(BaseComponent) `
26
- ${({ $themes: { spacingByChar }, $zIndex }) => css `
27
- position: fixed;
28
- bottom: 0;
29
- width: 100%;
30
- padding: ${spacingByChar(1.5)};
31
- text-align: center;
32
- z-index: ${$zIndex};
33
- box-shadow: 0 -4px 8px 2px rgba(0, 0, 0, 0.24);
34
- border-radius: 0;
35
- box-sizing: border-box;
36
- `}
37
- `;
38
43
  //# sourceMappingURL=BottomFixedArea.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,aACA,KAAK,aACL,MAAM,EACf,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,oBAAC,KAAK;YACH,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAC3C,WAAW,CACP,CACR;YACA,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC3D,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACvE,CACX;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACM,CACX,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAqC;IACnE,CAAC,EAAE,OAAO,EAAE,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;eAIrC,aAAa,CAAC,GAAG,CAAC;;eAElB,OAAO;;;;GAInB;CACF,CAAA"}
1
+ {"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAQZ,SAAS,EACT,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAgB,MAAM,EAAE,MAAM,WAAW,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAgCzD,MAAM,eAAe,GAAG,EAAE,CAAC;IACzB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,4BAA4B;YAC5B,8GAA8G;YAC9G,mFAAmF;YACnF,kDAAkD;YAClD,sBAAsB;SACvB;QACD,cAAc,EAAE;YACd,yCAAyC;YACzC,2CAA2C;SAC5C;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACxD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9D,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,CAAA;QACrD,OAAO;YACL,iBAAiB,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE;YAC3E,mBAAmB,EAAE,cAAc,EAAE;SACtC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAA;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,OAAK,KAAK,KAAM,iBAAiB;QACpC,oBAAC,KAAK;YACH,WAAW,IAAI,2BAAG,SAAS,EAAC,wCAAwC,IAAE,WAAW,CAAK;YACvF,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI;gBACb,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;oBAC3D,eAAe,IAAI,CAClB,4BAAI,SAAS,EAAC,4CAA4C,IAAE,eAAe,CAAM,CAClF;oBACA,aAAa,IAAI,CAChB,4BAAI,SAAS,EAAC,0CAA0C,IAAE,aAAa,CAAM,CAC9E,CACO,CACX;gBACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7E,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,6CAA6C;oBACrE,oBAAC,MAAM,OACD,aAAa,EACjB,OAAO,EAAC,MAAM,EACd,MAAM,EAAE,IAAI,IAAI,oBAAC,IAAI,OAAG,EACxB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,mBAAmB,IAE7B,IAAI,CACE,CACN,CACN,CAAC,CACM,CACX,CACK,CACF,CACH,CACR,CAAA;AACH,CAAC,CAAA"}
@@ -2,24 +2,7 @@ import React, { forwardRef, useMemo } from 'react';
2
2
  import { tv } from 'tailwind-variants';
3
3
  const unstyledButton = tv({
4
4
  base: [
5
- 'shr-appearance-none',
6
- 'shr-inline',
7
- 'shr-items-stretch',
8
- 'shr-overflow-visible',
9
- 'shr-cursor-auto',
10
- 'shr-p-0',
11
- 'shr-border-none',
12
- 'shr-border-current',
13
- 'shr-box-content',
14
- 'shr-bg-transparent',
15
- 'shr-bg-none',
16
- 'shr-bg-origin-padding',
17
- 'shr-text-inherit',
18
- 'shr-font-inherit',
19
- 'shr-text-inherit',
20
- 'shr-text-left',
21
- 'shr-select-auto',
22
- 'focus-visible:shr-focus-indicator',
5
+ 'shr-box-content shr-inline shr-cursor-auto shr-select-auto shr-appearance-none shr-items-stretch shr-overflow-visible shr-border-none shr-border-current shr-bg-transparent shr-bg-none shr-bg-origin-padding shr-p-0 shr-text-left shr-font-inherit shr-text-inherit focus-visible:shr-focus-indicator',
23
6
  ],
24
7
  });
25
8
  export const UnstyledButton = forwardRef(({ className, type = 'button', ...props }, ref) => {
@@ -1 +1 @@
1
- {"version":3,"file":"UnstyledButton.js","sourceRoot":"","sources":["../../../src/components/Button/UnstyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,cAAc,GAAG,EAAE,CAAC;IACxB,IAAI,EAAE;QACJ,qBAAqB;QACrB,YAAY;QACZ,mBAAmB;QACnB,sBAAsB;QACtB,iBAAiB;QACjB,SAAS;QACT,iBAAiB;QACjB,oBAAoB;QACpB,iBAAiB;QACjB,oBAAoB;QACpB,aAAa;QACb,uBAAuB;QACvB,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;QAClB,eAAe;QACf,iBAAiB;QACjB,mCAAmC;KACpC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACxE,OAAO,mCAAY,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACvE,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"UnstyledButton.js","sourceRoot":"","sources":["../../../src/components/Button/UnstyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,cAAc,GAAG,EAAE,CAAC;IACxB,IAAI,EAAE;QACJ,ySAAyS;KAC1S;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACxE,OAAO,mCAAY,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACvE,CAAC,CAAC,CAAA"}
@@ -5,7 +5,8 @@ import { UnstyledButton } from '../Button';
5
5
  import { daysInWeek, getMonthArray, isBetween } from './calendarHelper';
6
6
  const calendarTable = tv({
7
7
  slots: {
8
- table: 'smarthr-ui-CalendarTable shr-border-spacing-0 shr-px-0.75 shr-pb-1 shr-pt-0.25 shr-text-base shr-text-black',
8
+ wrapper: 'shr-px-0.75 shr-pb-1 shr-pt-0.25',
9
+ table: 'smarthr-ui-CalendarTable shr-border-spacing-0 shr-text-base shr-text-black',
9
10
  th: 'smarthr-ui-CalendarTable-headCell shr-px-0 shr-py-0.5 shr-text-center shr-align-middle shr-font-normal shr-text-grey',
10
11
  td: 'smarthr-ui-CalendarTable-dataCell shr-p-0 shr-align-middle',
11
12
  cellButton: 'shr-group shr-flex shr-items-center shr-justify-center shr-px-0.5 shr-py-0.25 disabled:shr-cursor-not-allowed disabled:shr-text-disabled [&&&]:shr-cursor-pointer',
@@ -25,31 +26,33 @@ const calendarTable = tv({
25
26
  },
26
27
  });
27
28
  export const CalendarTable = ({ current, from, to, onSelectDate, selected, className, ...props }) => {
28
- const { table, th, td, cellButton, dateCell } = calendarTable();
29
- const { tableStyle, thStyle, tdStyle, cellButtonStyle } = useMemo(() => ({
30
- tableStyle: table({ className }),
29
+ const { wrapper, table, th, td, cellButton, dateCell } = calendarTable();
30
+ const { wrapperStyle, tableStyle, thStyle, tdStyle, cellButtonStyle } = useMemo(() => ({
31
+ wrapperStyle: wrapper({ className }),
32
+ tableStyle: table(),
31
33
  thStyle: th(),
32
34
  tdStyle: td(),
33
35
  cellButtonStyle: cellButton(),
34
- }), [cellButton, className, table, td, th]);
36
+ }), [cellButton, className, table, td, th, wrapper]);
35
37
  const currentDay = dayjs(current);
36
38
  const selectedDay = selected ? dayjs(selected) : null;
37
39
  const now = dayjs().startOf('date');
38
40
  const fromDay = dayjs(from);
39
41
  const toDay = dayjs(to);
40
42
  const array = getMonthArray(currentDay.toDate());
41
- return (React.createElement("table", { ...props, className: tableStyle },
42
- React.createElement("thead", null,
43
- React.createElement("tr", null, daysInWeek.map((day, i) => (React.createElement("th", { key: i, className: thStyle }, day))))),
44
- React.createElement("tbody", null, array.map((week, weekIndex) => (React.createElement("tr", { key: weekIndex }, week.map((date, dateIndex) => {
45
- const isOutRange = !date ||
46
- !isBetween(currentDay.date(date).toDate(), fromDay.toDate(), toDay.toDate());
47
- const isSelectedDate = !!date && !!selectedDay && currentDay.date(date).isSame(selectedDay, 'date');
48
- return (React.createElement("td", { key: dateIndex, className: tdStyle }, date && (React.createElement(UnstyledButton, { disabled: isOutRange, onClick: (e) => !isOutRange && onSelectDate(e, currentDay.date(date).toDate()), "aria-pressed": isSelectedDate, type: "button", className: cellButtonStyle },
49
- React.createElement("span", { className: dateCell({
50
- isToday: currentDay.date(date).isSame(now, 'date'),
51
- isSelected: isSelectedDate,
52
- }) }, date)))));
53
- })))))));
43
+ return (React.createElement("div", { className: wrapperStyle },
44
+ React.createElement("table", { ...props, className: tableStyle },
45
+ React.createElement("thead", null,
46
+ React.createElement("tr", null, daysInWeek.map((day, i) => (React.createElement("th", { key: i, className: thStyle }, day))))),
47
+ React.createElement("tbody", null, array.map((week, weekIndex) => (React.createElement("tr", { key: weekIndex }, week.map((date, dateIndex) => {
48
+ const isOutRange = !date ||
49
+ !isBetween(currentDay.date(date).toDate(), fromDay.toDate(), toDay.toDate());
50
+ const isSelectedDate = !!date && !!selectedDay && currentDay.date(date).isSame(selectedDay, 'date');
51
+ return (React.createElement("td", { key: dateIndex, className: tdStyle }, date && (React.createElement(UnstyledButton, { disabled: isOutRange, onClick: (e) => !isOutRange && onSelectDate(e, currentDay.date(date).toDate()), "aria-pressed": isSelectedDate, type: "button", className: cellButtonStyle },
52
+ React.createElement("span", { className: dateCell({
53
+ isToday: currentDay.date(date).isSame(now, 'date'),
54
+ isSelected: isSelectedDate,
55
+ }) }, date)))));
56
+ }))))))));
54
57
  };
55
58
  //# sourceMappingURL=CalendarTable.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarTable.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CalendarTable.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarTable.tsx"],"names":[],"mappings":"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"}
@@ -21,7 +21,7 @@ const listbox = tv({
21
21
  'shr-max-h-[calc((theme(fontSize.base)_+_theme(spacing[0.5])_*_2)_*_7.5_+_theme(spacing[0.5]))]',
22
22
  'aria-hidden:shr-hidden',
23
23
  ],
24
- helpMessage: 'shr-whitespace-[initial] shr-mx-0.5 shr-mb-0.5 shr-mt-0 shr-border-b shr-border-solid shr-border-default shr-px-0.5 shr-pb-0.5 shr-pt-0 shr-text-sm',
24
+ helpMessage: 'shr-whitespace-[initial] shr-border-b-shorthand shr-mx-0.5 shr-mb-0.5 shr-mt-0 shr-px-0.5 shr-pb-0.5 shr-pt-0 shr-text-sm',
25
25
  loaderWrapper: 'shr-flex shr-items-center shr-justify-center shr-p-1',
26
26
  noItems: 'smarthr-ui-ComboBox-noItems shr-my-0 shr-bg-white shr-px-1 shr-py-0.5 shr-text-base',
27
27
  },
@@ -1 +1 @@
1
- {"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +1,8 @@
1
- import { FC, ReactNode } from 'react';
1
+ import { FC, PropsWithChildren } from 'react';
2
2
  import { BaseElementProps } from '../Base';
3
- type IconType = 'info' | 'success' | 'warning' | 'error';
4
- type Props = {
3
+ type Props = PropsWithChildren<{
5
4
  /** 表示する情報の種類 */
6
- type?: IconType;
7
- /** コンポーネントに適用するクラス名 */
8
- className?: string;
9
- /** 表示する情報の内容 */
10
- children: ReactNode;
11
- };
5
+ type?: 'info' | 'success' | 'warning' | 'error';
6
+ }>;
12
7
  export declare const CompactInformationPanel: FC<Props & BaseElementProps>;
13
8
  export {};
@@ -1,20 +1,13 @@
1
- import React from 'react';
2
- import styled, { css } from 'styled-components';
3
- import { useTheme } from '../../hooks/useTheme';
1
+ import React, { useMemo } from 'react';
2
+ import { tv } from 'tailwind-variants';
4
3
  import { Base } from '../Base';
5
4
  import { ResponseMessage } from '../ResponseMessage';
6
- import { useClassNames } from './useClassNames';
7
- export const CompactInformationPanel = ({ type = 'info', className = '', children, ...props }) => {
8
- const theme = useTheme();
9
- const classNames = useClassNames();
10
- return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, "$themes": theme },
5
+ const compactInformationPanel = tv({
6
+ base: ['smarthr-ui-CompactInformationPanel', 'shr-flex shr-p-1 shr-shadow-layer-3'],
7
+ });
8
+ export const CompactInformationPanel = ({ type = 'info', className, children, ...props }) => {
9
+ const styles = useMemo(() => compactInformationPanel({ className }), [className]);
10
+ return (React.createElement(Base, { ...props, className: styles },
11
11
  React.createElement(ResponseMessage, { type: type, iconGap: 0.5 }, children)));
12
12
  };
13
- const Wrapper = styled(Base) `
14
- ${({ $themes: { spacingByChar, shadow } }) => css `
15
- display: flex;
16
- box-shadow: ${shadow.LAYER3};
17
- padding: ${spacingByChar(1)};
18
- `}
19
- `;
20
13
  //# sourceMappingURL=CompactInformationPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CompactInformationPanel.js","sourceRoot":"","sources":["../../../src/components/CompactInformationPanel/CompactInformationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAoB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAa/C,MAAM,CAAC,MAAM,uBAAuB,GAAiC,CAAC,EACpE,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,aAAW,KAAK;QACjF,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IACtC,QAAQ,CACO,CACV,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAoB;IAC5C,CAAC,EAAE,OAAO,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;kBAEjC,MAAM,CAAC,MAAM;eAChB,aAAa,CAAC,CAAC,CAAC;GAC5B;CACF,CAAA"}
1
+ {"version":3,"file":"CompactInformationPanel.js","sourceRoot":"","sources":["../../../src/components/CompactInformationPanel/CompactInformationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAoB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAOpD,MAAM,uBAAuB,GAAG,EAAE,CAAC;IACjC,IAAI,EAAE,CAAC,oCAAoC,EAAE,qCAAqC,CAAC;CACpF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAiC,CAAC,EACpE,IAAI,GAAG,MAAM,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEjF,OAAO,CACL,oBAAC,IAAI,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM;QAChC,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IACtC,QAAQ,CACO,CACb,CACR,CAAA;AACH,CAAC,CAAA"}
@@ -1,7 +1,7 @@
1
- import React, { HTMLAttributes } from 'react';
1
+ import React, { ComponentProps } from 'react';
2
2
  import { DialogProps } from '../types';
3
3
  import { ActionDialogContentInnerProps } from './ActionDialogContentInner';
4
4
  type Props = Omit<ActionDialogContentInnerProps, 'titleId'> & DialogProps;
5
- type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
5
+ type ElementProps = Omit<ComponentProps<'div'>, keyof Props>;
6
6
  export declare const ActionDialog: React.FC<Props & ElementProps>;
7
7
  export {};
@@ -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, className = '', portalParent, decorators, id, ...props }) => {
6
+ export const ActionDialog = ({ children, title, subtitle, titleTag, 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, responseMessage: responseMessage, decorators: decorators }, children)));
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)));
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,SAAS,GAAG,EAAE,EACd,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,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,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"}
@@ -35,10 +35,8 @@ export type BaseProps = PropsWithChildren<{
35
35
  * 閉じるボタンを無効にするかどうか
36
36
  */
37
37
  closeDisabled?: boolean;
38
- /**
39
- * コンポーネントに適用するクラス名
40
- */
41
- className?: string;
38
+ /** ダイアログフッターの左端操作領域 */
39
+ subActionArea?: ReactNode;
42
40
  /** コンポーネント内の文言を変更するための関数を設定 */
43
41
  decorators?: DecoratorsType<'closeButtonLabel'>;
44
42
  }>;
@@ -1,6 +1,5 @@
1
- import React, { useCallback } from 'react';
2
- import styled, { css } from 'styled-components';
3
- import { useTheme } from '../../../hooks/useTheme';
1
+ import React, { useCallback, useMemo } from 'react';
2
+ import { tv } from 'tailwind-variants';
4
3
  import { Button } from '../../Button';
5
4
  import { Heading } from '../../Heading';
6
5
  import { Cluster, Stack } from '../../Layout';
@@ -8,53 +7,50 @@ import { ResponseMessage } from '../../ResponseMessage';
8
7
  import { Section } from '../../SectioningContent';
9
8
  import { Text } from '../../Text';
10
9
  import { useOffsetHeight } from '../dialogHelper';
11
- import { useClassNames } from '../useClassNames';
12
10
  const CLOSE_BUTTON_LABEL = 'キャンセル';
13
- export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
14
- const classNames = useClassNames().dialog;
15
- const theme = useTheme();
11
+ const actionDialogContentInner = tv({
12
+ slots: {
13
+ headingArea: ['smarthr-ui-Dialog-titleArea', 'shr-border-b-shorthand shr-px-1.5 shr-py-1'],
14
+ body: ['smarthr-ui-Dialog-body', 'shr-overflow-auto'],
15
+ actionArea: ['smarthr-ui-Dialog-actionArea', 'shr-border-t-shorthand shr-px-1.5 shr-py-1'],
16
+ buttonArea: ['smarthr-ui-Dialog-buttonArea', 'shr-ms-auto'],
17
+ message: 'shr-text-right',
18
+ },
19
+ });
20
+ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
16
21
  const handleClickAction = useCallback(() => {
17
22
  onClickAction(onClickClose);
18
23
  }, [onClickAction, onClickClose]);
19
24
  const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
20
25
  const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
26
+ const { headingStyle, bodyStyleProps, actionAreaStyle, buttonAreaStyle, messageStyle } = useMemo(() => {
27
+ const { headingArea, body, actionArea, buttonArea, message } = actionDialogContentInner();
28
+ return {
29
+ headingStyle: headingArea(),
30
+ bodyStyleProps: {
31
+ className: body(),
32
+ style: {
33
+ maxHeight: `calc(100vh - ${offsetHeight}px)`,
34
+ },
35
+ },
36
+ actionAreaStyle: actionArea(),
37
+ buttonAreaStyle: buttonArea(),
38
+ messageStyle: message(),
39
+ };
40
+ }, [offsetHeight]);
21
41
  return (React.createElement(Section, null,
22
42
  React.createElement(Heading, { tag: titleTag },
23
- React.createElement(TitleAreaStack, { "$themes": theme, ref: titleRef, className: classNames.titleArea },
24
- subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
25
- React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title))),
26
- React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
27
- React.createElement(ActionAreaStack, { "$themes": theme, ref: bottomRef, className: classNames.actionArea },
28
- React.createElement(ButtonArea, { className: classNames.buttonArea },
29
- React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
30
- React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
31
- (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement(Message, null,
43
+ React.createElement(Stack, { gap: 0.25, as: "span", ref: titleRef, className: headingStyle },
44
+ subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: "smarthr-ui-Dialog-subtitle" }, subtitle)),
45
+ React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: "smarthr-ui-Dialog-title" }, title))),
46
+ React.createElement("div", { ...bodyStyleProps }, children),
47
+ React.createElement(Stack, { gap: 0.5, ref: bottomRef, className: actionAreaStyle },
48
+ React.createElement(Cluster, { justify: "space-between", className: buttonAreaStyle },
49
+ subActionArea,
50
+ React.createElement(Cluster, { gap: { row: 0.5, column: 1 }, justify: "flex-end", className: "smarthr-ui-Dialog-buttonArea" },
51
+ React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: "smarthr-ui-Dialog-closeButton" }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
52
+ React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled, loading: isRequestProcessing, className: "smarthr-ui-Dialog-actionButton" }, actionText))),
53
+ (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement("div", { className: messageStyle },
32
54
  React.createElement(ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text))))));
33
55
  };
34
- const TitleAreaStack = styled(Stack).attrs(() => ({
35
- gap: 0.25,
36
- forwardedAs: 'span',
37
- })) `
38
- ${({ $themes: { border, space } }) => css `
39
- margin-block: unset;
40
- border-bottom: ${border.shorthand};
41
- padding: ${space(1)} ${space(1.5)};
42
- `}
43
- `;
44
- const Body = styled.div `
45
- ${({ offsetHeight }) => css `
46
- max-height: calc(100vh - ${offsetHeight}px);
47
- overflow: auto;
48
- `}
49
- `;
50
- const ActionAreaStack = styled(Stack).attrs({ gap: 0.5 }) `
51
- ${({ $themes: { space, border } }) => css `
52
- border-top: ${border.shorthand};
53
- padding: ${space(1)} ${space(1.5)};
54
- `}
55
- `;
56
- const ButtonArea = styled(Cluster).attrs({ gap: { row: 0.5, column: 1 }, justify: 'flex-end' }) ``;
57
- const Message = styled.div `
58
- text-align: right;
59
- `;
60
56
  //# sourceMappingURL=ActionDialogContentInner.js.map
@@ -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, className = '', portalParent, decorators, id, ...props }) => {
6
+ export const FormDialog = ({ children, title, subtitle, titleTag, 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(onClickClose);
20
20
  }, [onSubmit, onClickClose, 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, onClickClose: handleClickClose, onSubmit: handleSubmitAction, responseMessage: responseMessage, decorators: decorators }, children)));
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)));
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,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,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,SAAS,GAAG,EAAE,EACd,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,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE1C,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,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,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,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,GAAG,EAAE,EACd,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,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE1C,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"}
@@ -35,6 +35,8 @@ export type BaseProps = PropsWithChildren<{
35
35
  * 閉じるボタンを無効にするかどうか
36
36
  */
37
37
  closeDisabled?: boolean;
38
+ /** ダイアログフッターの左端操作領域 */
39
+ subActionArea?: ReactNode;
38
40
  /**
39
41
  * コンポーネントに適用するクラス名
40
42
  */