smarthr-ui 39.1.0 → 40.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 (170) hide show
  1. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js +1 -1
  2. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
  3. package/esm/components/Dialog/Dialog.d.ts +2 -2
  4. package/esm/components/Dialog/DialogCloser.js +1 -5
  5. package/esm/components/Dialog/DialogCloser.js.map +1 -1
  6. package/esm/components/Dialog/DialogContentInner.d.ts +0 -4
  7. package/esm/components/Dialog/DialogContentInner.js +42 -57
  8. package/esm/components/Dialog/DialogContentInner.js.map +1 -1
  9. package/esm/components/Dialog/DialogOverlap.js +23 -37
  10. package/esm/components/Dialog/DialogOverlap.js.map +1 -1
  11. package/esm/components/Dialog/DialogTrigger.js +1 -5
  12. package/esm/components/Dialog/DialogTrigger.js.map +1 -1
  13. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +4 -1
  14. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  15. package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js +1 -1
  16. package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
  17. package/esm/components/Dialog/useClassNames.d.ts +0 -3
  18. package/esm/components/Dialog/useClassNames.js +0 -3
  19. package/esm/components/Dialog/useClassNames.js.map +1 -1
  20. package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +1 -1
  21. package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
  22. package/esm/components/{MessageScreen/MessageScreen.d.ts → ErrorScreen/ErrorScreen.d.ts} +3 -3
  23. package/esm/components/ErrorScreen/ErrorScreen.js +22 -0
  24. package/esm/components/ErrorScreen/ErrorScreen.js.map +1 -0
  25. package/esm/components/ErrorScreen/Footer.d.ts +4 -0
  26. package/esm/components/{MessageScreen → ErrorScreen}/Footer.js +1 -3
  27. package/esm/components/ErrorScreen/Footer.js.map +1 -0
  28. package/esm/components/ErrorScreen/index.d.ts +285 -0
  29. package/esm/components/ErrorScreen/index.js +5 -0
  30. package/esm/components/ErrorScreen/index.js.map +1 -0
  31. package/esm/components/Experimental/SideMenu/SideMenu.d.ts +3 -0
  32. package/esm/components/Experimental/SideMenu/SideMenu.js +2 -1
  33. package/esm/components/Experimental/SideMenu/SideMenu.js.map +1 -1
  34. package/esm/components/Experimental/SideMenu/SideMenuGroup.js +2 -2
  35. package/esm/components/Experimental/SideMenu/SideMenuGroup.js.map +1 -1
  36. package/esm/components/FieldSet/FieldSet.js +3 -1
  37. package/esm/components/FieldSet/FieldSet.js.map +1 -1
  38. package/esm/components/FormGroup/FormGroup.js +6 -6
  39. package/esm/components/FormGroup/FormGroup.js.map +1 -1
  40. package/esm/components/Header/AppLauncher/AppLauncher.js +3 -3
  41. package/esm/components/Header/AppLauncher/AppLauncher.js.map +1 -1
  42. package/esm/components/Icon/Icon.d.ts +312 -311
  43. package/esm/components/Icon/Icon.js +2 -1
  44. package/esm/components/Icon/Icon.js.map +1 -1
  45. package/esm/components/Icon/SparklesIcon.d.ts +1 -1
  46. package/esm/components/Icon/SparklesIcon.js +1 -3
  47. package/esm/components/Icon/SparklesIcon.js.map +1 -1
  48. package/esm/components/Icon/WarningIcon.d.ts +1 -1
  49. package/esm/components/Icon/WarningIcon.js +3 -18
  50. package/esm/components/Icon/WarningIcon.js.map +1 -1
  51. package/esm/components/Icon/generateIcon.d.ts +17 -8
  52. package/esm/components/Icon/generateIcon.js +84 -47
  53. package/esm/components/Icon/generateIcon.js.map +1 -1
  54. package/esm/components/Icon/index.d.ts +1 -1
  55. package/esm/components/Icon/index.js.map +1 -1
  56. package/esm/components/Layout/Reel/Reel.d.ts +519 -6
  57. package/esm/components/Layout/Reel/Reel.js +79 -20
  58. package/esm/components/Layout/Reel/Reel.js.map +1 -1
  59. package/esm/components/Layout/Sidebar/Sidebar.d.ts +669 -8
  60. package/esm/components/Layout/Sidebar/Sidebar.js +123 -41
  61. package/esm/components/Layout/Sidebar/Sidebar.js.map +1 -1
  62. package/esm/components/Layout/Stack/Stack.d.ts +358 -20
  63. package/esm/components/Layout/Stack/Stack.js +60 -34
  64. package/esm/components/Layout/Stack/Stack.js.map +1 -1
  65. package/esm/hooks/useTailwindTheme.d.ts +260 -158
  66. package/esm/index.d.ts +1 -1
  67. package/esm/index.js +1 -1
  68. package/esm/index.js.map +1 -1
  69. package/esm/smarthr-ui-preset.d.ts +1 -0
  70. package/esm/smarthr-ui-preset.js +1 -0
  71. package/esm/smarthr-ui-preset.js.map +1 -1
  72. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js +1 -1
  73. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
  74. package/lib/components/Dialog/Dialog.d.ts +2 -2
  75. package/lib/components/Dialog/DialogCloser.js +1 -8
  76. package/lib/components/Dialog/DialogCloser.js.map +1 -1
  77. package/lib/components/Dialog/DialogContentInner.d.ts +0 -4
  78. package/lib/components/Dialog/DialogContentInner.js +41 -56
  79. package/lib/components/Dialog/DialogContentInner.js.map +1 -1
  80. package/lib/components/Dialog/DialogOverlap.js +22 -39
  81. package/lib/components/Dialog/DialogOverlap.js.map +1 -1
  82. package/lib/components/Dialog/DialogTrigger.js +1 -8
  83. package/lib/components/Dialog/DialogTrigger.js.map +1 -1
  84. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +4 -1
  85. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  86. package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js +1 -1
  87. package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
  88. package/lib/components/Dialog/useClassNames.d.ts +0 -3
  89. package/lib/components/Dialog/useClassNames.js +0 -3
  90. package/lib/components/Dialog/useClassNames.js.map +1 -1
  91. package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +1 -1
  92. package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
  93. package/lib/components/{MessageScreen/MessageScreen.d.ts → ErrorScreen/ErrorScreen.d.ts} +3 -3
  94. package/lib/components/ErrorScreen/ErrorScreen.js +49 -0
  95. package/lib/components/ErrorScreen/ErrorScreen.js.map +1 -0
  96. package/lib/components/ErrorScreen/Footer.d.ts +4 -0
  97. package/lib/components/{MessageScreen → ErrorScreen}/Footer.js +1 -3
  98. package/lib/components/ErrorScreen/Footer.js.map +1 -0
  99. package/lib/components/ErrorScreen/index.d.ts +285 -0
  100. package/lib/components/ErrorScreen/index.js +9 -0
  101. package/lib/components/ErrorScreen/index.js.map +1 -0
  102. package/lib/components/Experimental/SideMenu/SideMenu.d.ts +3 -0
  103. package/lib/components/Experimental/SideMenu/SideMenu.js +2 -1
  104. package/lib/components/Experimental/SideMenu/SideMenu.js.map +1 -1
  105. package/lib/components/Experimental/SideMenu/SideMenuGroup.js +2 -2
  106. package/lib/components/Experimental/SideMenu/SideMenuGroup.js.map +1 -1
  107. package/lib/components/FieldSet/FieldSet.js +3 -1
  108. package/lib/components/FieldSet/FieldSet.js.map +1 -1
  109. package/lib/components/FormGroup/FormGroup.js +6 -6
  110. package/lib/components/FormGroup/FormGroup.js.map +1 -1
  111. package/lib/components/Header/AppLauncher/AppLauncher.js +3 -3
  112. package/lib/components/Header/AppLauncher/AppLauncher.js.map +1 -1
  113. package/lib/components/Icon/Icon.d.ts +312 -311
  114. package/lib/components/Icon/Icon.js +2 -1
  115. package/lib/components/Icon/Icon.js.map +1 -1
  116. package/lib/components/Icon/SparklesIcon.d.ts +1 -1
  117. package/lib/components/Icon/SparklesIcon.js +1 -3
  118. package/lib/components/Icon/SparklesIcon.js.map +1 -1
  119. package/lib/components/Icon/WarningIcon.d.ts +1 -1
  120. package/lib/components/Icon/WarningIcon.js +3 -41
  121. package/lib/components/Icon/WarningIcon.js.map +1 -1
  122. package/lib/components/Icon/generateIcon.d.ts +17 -8
  123. package/lib/components/Icon/generateIcon.js +84 -50
  124. package/lib/components/Icon/generateIcon.js.map +1 -1
  125. package/lib/components/Icon/index.d.ts +1 -1
  126. package/lib/components/Icon/index.js.map +1 -1
  127. package/lib/components/Layout/Reel/Reel.d.ts +519 -6
  128. package/lib/components/Layout/Reel/Reel.js +80 -20
  129. package/lib/components/Layout/Reel/Reel.js.map +1 -1
  130. package/lib/components/Layout/Sidebar/Sidebar.d.ts +669 -8
  131. package/lib/components/Layout/Sidebar/Sidebar.js +126 -63
  132. package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
  133. package/lib/components/Layout/Stack/Stack.d.ts +358 -20
  134. package/lib/components/Layout/Stack/Stack.js +60 -34
  135. package/lib/components/Layout/Stack/Stack.js.map +1 -1
  136. package/lib/hooks/useTailwindTheme.d.ts +260 -158
  137. package/lib/index.d.ts +1 -1
  138. package/lib/index.js +5 -4
  139. package/lib/index.js.map +1 -1
  140. package/lib/smarthr-ui-preset.d.ts +1 -0
  141. package/lib/smarthr-ui-preset.js +1 -0
  142. package/lib/smarthr-ui-preset.js.map +1 -1
  143. package/package.json +11 -11
  144. package/smarthr-ui.css +366 -0
  145. package/esm/components/Icon/useClassNames.d.ts +0 -4
  146. package/esm/components/Icon/useClassNames.js +0 -10
  147. package/esm/components/Icon/useClassNames.js.map +0 -1
  148. package/esm/components/MessageScreen/Footer.d.ts +0 -4
  149. package/esm/components/MessageScreen/Footer.js.map +0 -1
  150. package/esm/components/MessageScreen/MessageScreen.js +0 -39
  151. package/esm/components/MessageScreen/MessageScreen.js.map +0 -1
  152. package/esm/components/MessageScreen/index.d.ts +0 -1
  153. package/esm/components/MessageScreen/index.js +0 -2
  154. package/esm/components/MessageScreen/index.js.map +0 -1
  155. package/esm/components/MessageScreen/useClassNames.d.ts +0 -9
  156. package/esm/components/MessageScreen/useClassNames.js +0 -16
  157. package/esm/components/MessageScreen/useClassNames.js.map +0 -1
  158. package/lib/components/Icon/useClassNames.d.ts +0 -4
  159. package/lib/components/Icon/useClassNames.js +0 -14
  160. package/lib/components/Icon/useClassNames.js.map +0 -1
  161. package/lib/components/MessageScreen/Footer.d.ts +0 -4
  162. package/lib/components/MessageScreen/Footer.js.map +0 -1
  163. package/lib/components/MessageScreen/MessageScreen.js +0 -69
  164. package/lib/components/MessageScreen/MessageScreen.js.map +0 -1
  165. package/lib/components/MessageScreen/index.d.ts +0 -1
  166. package/lib/components/MessageScreen/index.js +0 -6
  167. package/lib/components/MessageScreen/index.js.map +0 -1
  168. package/lib/components/MessageScreen/useClassNames.d.ts +0 -9
  169. package/lib/components/MessageScreen/useClassNames.js +0 -20
  170. package/lib/components/MessageScreen/useClassNames.js.map +0 -1
@@ -33,7 +33,7 @@ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, t
33
33
  };
34
34
  const TitleArea = styled(Stack).attrs(() => ({
35
35
  gap: 0.25,
36
- as: 'span',
36
+ forwardedAs: 'span',
37
37
  })) `
38
38
  ${({ themes: { border, space } }) => css `
39
39
  margin-block: unset;
@@ -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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"}
@@ -1,6 +1,6 @@
1
- import React, { HTMLAttributes } from 'react';
1
+ import React, { ComponentProps } from 'react';
2
2
  import { DialogProps, DireactChildren } from './types';
3
3
  type Props = DialogProps & DireactChildren;
4
- type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
4
+ type ElementProps = Omit<ComponentProps<'div'>, keyof Props>;
5
5
  export declare const Dialog: React.FC<Props & ElementProps>;
6
6
  export {};
@@ -1,11 +1,7 @@
1
1
  import React, { useContext } from 'react';
2
- import styled from 'styled-components';
3
2
  import { DialogContentContext } from './DialogContent';
4
3
  export const DialogCloser = (props) => {
5
4
  const { onClickClose } = useContext(DialogContentContext);
6
- return React.createElement(Wrapper, { ...props, onClick: onClickClose });
5
+ return React.createElement("div", { ...props, onClick: onClickClose, className: "shr-inline-block" });
7
6
  };
8
- const Wrapper = styled.div `
9
- display: inline-block;
10
- `;
11
7
  //# sourceMappingURL=DialogCloser.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DialogCloser.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogCloser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAEtD,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IACzD,OAAO,oBAAC,OAAO,OAAK,KAAK,EAAE,OAAO,EAAE,YAAY,GAAI,CAAA;AACtD,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEzB,CAAA"}
1
+ {"version":3,"file":"DialogCloser.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogCloser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAEtD,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IACzD,OAAO,gCAAS,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,kBAAkB,GAAG,CAAA;AAC/E,CAAC,CAAA"}
@@ -48,10 +48,6 @@ export type DialogContentInnerProps = PropsWithChildren<{
48
48
  * ダイアログの `aria-labelledby`
49
49
  */
50
50
  ariaLabelledby?: string;
51
- /**
52
- * コンポーネントに適用するクラス名
53
- */
54
- className?: string;
55
51
  }>;
56
52
  type ElementProps = Omit<ComponentProps<'div'>, keyof DialogContentInnerProps>;
57
53
  export declare const DialogContentInner: FC<DialogContentInnerProps & ElementProps>;
@@ -1,20 +1,51 @@
1
- import React, { useCallback, useRef } from 'react';
2
- import styled, { css } from 'styled-components';
1
+ import React, { useCallback, useMemo, useRef, } from 'react';
2
+ import { tv } from 'tailwind-variants';
3
3
  import { useHandleEscape } from '../../hooks/useHandleEscape';
4
- import { useTheme } from '../../hooks/useTheme';
4
+ import { useTheme } from '../../hooks/useTailwindTheme';
5
5
  import { BodyScrollSuppressor } from './BodyScrollSuppressor';
6
6
  import { DialogOverlap } from './DialogOverlap';
7
7
  import { DialogPositionProvider } from './DialogPositionProvider';
8
8
  import { FocusTrap } from './FocusTrap';
9
- import { useClassNames } from './useClassNames';
10
9
  function exist(value) {
11
10
  return value !== undefined && value !== null;
12
11
  }
12
+ const dialogContentInner = tv({
13
+ slots: {
14
+ layout: 'smarthr-ui-Dialog-wrapper shr-fixed shr-inset-0',
15
+ inner: 'smarthr-ui-Dialog contrast-more:shr-border-highContrast shr-absolute shr-rounded-m shr-bg-white shr-shadow-layer-3 contrast-more:shr-border contrast-more:shr-border-solid',
16
+ background: 'smarthr-ui-Dialog-background shr-fixed shr-inset-0 shr-bg-scrim',
17
+ },
18
+ });
13
19
  export const DialogContentInner = ({ onClickOverlay, onPressEscape = () => {
14
20
  /* noop */
15
- }, isOpen, id, width, firstFocusTarget, ariaLabel, ariaLabelledby, children, className = '', ...props }) => {
16
- const classNames = useClassNames().dialog;
17
- const theme = useTheme();
21
+ }, isOpen, id, width, top, right, bottom, left, firstFocusTarget, ariaLabel, ariaLabelledby, children, className, ...props }) => {
22
+ const { spacing } = useTheme();
23
+ const { layoutStyle, innerStyleProps, backgroundStyle } = useMemo(() => {
24
+ const { layout, inner, background } = dialogContentInner();
25
+ const positionTop = exist(top) ? `${top}px` : 'auto';
26
+ const positionRight = exist(right) ? `${right}px` : 'auto';
27
+ const positionBottom = exist(bottom) ? `${bottom}px` : 'auto';
28
+ const positionLeft = exist(left) ? `${left}px` : 'auto';
29
+ const actualWidth = typeof width === 'number' ? `${width}px` : width;
30
+ const minimumMaxWidth = `calc(100vw - max(${left || 0}px, ${spacing[0.5]}) - max(${right || 0}px, ${spacing[0.5]}))`;
31
+ const translateX = exist(right) || exist(left) ? '0' : 'calc((100vw - 100%) / 2)';
32
+ const translateY = exist(top) || exist(bottom) ? '0' : 'calc((100vh - 100%) / 2)';
33
+ return {
34
+ layoutStyle: layout(),
35
+ innerStyleProps: {
36
+ className: inner({ className }),
37
+ style: {
38
+ inset: `${positionTop} ${positionRight} ${positionBottom} ${positionLeft}`,
39
+ width: exist(actualWidth) ? actualWidth : undefined,
40
+ maxWidth: exist(actualWidth)
41
+ ? `min(${minimumMaxWidth}, ${actualWidth})`
42
+ : minimumMaxWidth,
43
+ transform: `translate(${translateX}, ${translateY})`,
44
+ },
45
+ },
46
+ backgroundStyle: background(),
47
+ };
48
+ }, [bottom, className, left, right, spacing, top, width]);
18
49
  const innerRef = useRef(null);
19
50
  useHandleEscape(useCallback(() => {
20
51
  if (!isOpen) {
@@ -28,58 +59,12 @@ export const DialogContentInner = ({ onClickOverlay, onPressEscape = () => {
28
59
  }
29
60
  onClickOverlay && onClickOverlay();
30
61
  }, [isOpen, onClickOverlay]);
31
- return (React.createElement(DialogPositionProvider, { top: props.top, bottom: props.bottom },
62
+ return (React.createElement(DialogPositionProvider, { top: top, bottom: bottom },
32
63
  React.createElement(DialogOverlap, { isOpen: isOpen },
33
- React.createElement(Layout, { className: classNames.wrapper, id: id },
34
- React.createElement(Background, { onClick: handleClickOverlay, themes: theme, className: classNames.background }),
35
- React.createElement(Inner, { ...props, "$width": width, ref: innerRef, themes: theme, role: "dialog", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-modal": "true", className: `${className} ${classNames.dialog}` },
64
+ React.createElement("div", { className: layoutStyle, id: id },
65
+ React.createElement("div", { onClick: handleClickOverlay, className: backgroundStyle }),
66
+ React.createElement("div", { ...props, ...innerStyleProps, ref: innerRef, role: "dialog", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-modal": "true" },
36
67
  React.createElement(FocusTrap, { firstFocusTarget: firstFocusTarget }, children)),
37
68
  React.createElement(BodyScrollSuppressor, null)))));
38
69
  };
39
- const Layout = styled.div `
40
- position: fixed;
41
- inset: 0;
42
- `;
43
- const Inner = styled.div `
44
- ${({ themes, $width, top, right, bottom, left }) => {
45
- const { border, color, radius, shadow, space } = themes;
46
- const positionRight = exist(right) ? `${right}px` : 'auto';
47
- const positionBottom = exist(bottom) ? `${bottom}px` : 'auto';
48
- const positionTop = exist(top) ? `${top}px` : 'auto';
49
- const positionLeft = exist(left) ? `${left}px` : 'auto';
50
- const translateX = exist(right) || exist(left) ? '0' : 'calc((100vw - 100%) / 2)';
51
- const translateY = exist(top) || exist(bottom) ? '0' : 'calc((100vh - 100%) / 2)';
52
- const actualWidth = typeof $width === 'number' ? `${$width}px` : $width;
53
- const minimumMaxWidth = `calc(100vw - max(${left || 0}px, ${space(0.5)}) - max(${right || 0}px, ${space(0.5)}))`;
54
- return css `
55
- position: absolute;
56
- inset: ${positionTop} ${positionRight} ${positionBottom} ${positionLeft};
57
-
58
- /* viewport を超えないように上限設定 */
59
- max-width: ${minimumMaxWidth};
60
- ${exist(actualWidth) &&
61
- css `
62
- width: ${actualWidth};
63
- max-width: min(${minimumMaxWidth}, ${actualWidth});
64
- `}
65
- border-radius: ${radius.m};
66
- background-color: ${color.WHITE};
67
- box-shadow: ${shadow.LAYER3};
68
- transform: translate(${translateX}, ${translateY});
69
-
70
- @media (prefers-contrast: more) {
71
- & {
72
- border: ${border.highContrast};
73
- }
74
- }
75
- `;
76
- }}
77
- `;
78
- const Background = styled.div `
79
- ${({ themes }) => css `
80
- position: fixed;
81
- inset: 0;
82
- background-color: ${themes.color.SCRIM};
83
- `}
84
- `;
85
70
  //# sourceMappingURL=DialogContentInner.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoD,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpG,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAkE/C,SAAS,KAAK,CAAC,KAAU;IACvB,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAA;AAC9C,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAA+C,CAAC,EAC7E,cAAc,EACd,aAAa,GAAG,GAAG,EAAE;IACnB,UAAU;AACZ,CAAC,EACD,MAAM,EACN,EAAE,EACF,KAAK,EACL,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC7C,eAAe,CACb,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,aAAa,EAAE,CAAA;IACjB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAC5B,CAAA;IAED,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,cAAc,IAAI,cAAc,EAAE,CAAA;IACpC,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,sBAAsB,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM;QAC1D,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM;YAC3B,oBAAC,MAAM,IAAC,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE;gBAC3C,oBAAC,UAAU,IACT,OAAO,EAAE,kBAAkB,EAC3B,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,UAAU,CAAC,UAAU,GAChC;gBACF,oBAAC,KAAK,OACA,KAAK,YACD,KAAK,EACb,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,QAAQ,gBACD,SAAS,qBACJ,cAAc,gBACpB,MAAM,EACjB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,MAAM,EAAE;oBAE9C,oBAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,IAAG,QAAQ,CAAa,CAC/D;gBAER,oBAAC,oBAAoB,OAAG,CACjB,CACK,CACO,CAC1B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGxB,CAAA;AACD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAgC;IACpD,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;IACjD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IACvD,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAC1D,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAC7D,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IACpD,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IACvD,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAA;IACjF,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAA;IAEjF,MAAM,WAAW,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IACvE,MAAM,eAAe,GAAG,oBAAoB,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,WACpE,KAAK,IAAI,CACX,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAA;IAErB,OAAO,GAAG,CAAA;;eAEC,WAAW,IAAI,aAAa,IAAI,cAAc,IAAI,YAAY;;;mBAG1D,eAAe;QAC1B,KAAK,CAAC,WAAW,CAAC;QACpB,GAAG,CAAA;iBACQ,WAAW;yBACH,eAAe,KAAK,WAAW;OACjD;uBACgB,MAAM,CAAC,CAAC;0BACL,KAAK,CAAC,KAAK;oBACjB,MAAM,CAAC,MAAM;6BACJ,UAAU,KAAK,UAAU;;;;oBAIlC,MAAM,CAAC,YAAY;;;KAGlC,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAmB;IAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;wBAGC,MAAM,CAAC,KAAK,CAAC,KAAK;GACvC;CACF,CAAA"}
1
+ {"version":3,"file":"DialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -1,47 +1,33 @@
1
- import React, { useEffect, useState } from 'react';
1
+ import React, { useEffect, useMemo, useState } from 'react';
2
2
  import { CSSTransition } from 'react-transition-group';
3
- import styled from 'styled-components';
4
- import { useTheme } from '../../hooks/useTheme';
5
- const transitionClassName = 'shr-dialog-transition';
3
+ import { tv } from 'tailwind-variants';
4
+ const dialogOverlap = tv({
5
+ base: [
6
+ 'shr-absolute',
7
+ 'shr-z-overlap-base',
8
+ '[&.shr-dialog-transition-enter]:shr-opacity-0',
9
+ '[&.shr-dialog-transition-enter-active]:shr-transition-opacity',
10
+ '[&.shr-dialog-transition-enter-active]:shr-duration-300',
11
+ '[&.shr-dialog-transition-enter-active]:shr-ease-in-out',
12
+ // enter と enter-active は同時に付与されるので、enter-active を強める
13
+ '[&&.shr-dialog-transition-enter-active]:shr-opacity-100',
14
+ '[&.shr-dialog-transition-exit]:shr-opacity-100',
15
+ '[&.shr-dialog-transition-exit-active]:shr-transition-opacity',
16
+ '[&.shr-dialog-transition-exit-active]:shr-duration-300',
17
+ '[&.shr-dialog-transition-exit-active]:shr-ease-in-out',
18
+ // exit と exit-active は同時に付与されるので、exit-active を強める
19
+ '[&&.shr-dialog-transition-exit-active]:shr-opacity-0',
20
+ ],
21
+ });
6
22
  export const DialogOverlap = ({ isOpen, children }) => {
7
- const theme = useTheme();
23
+ const styles = useMemo(() => dialogOverlap(), []);
8
24
  const [childrenBuffer, setChildrenBuffer] = useState(null);
9
25
  useEffect(() => {
10
26
  if (isOpen) {
11
27
  setChildrenBuffer(children);
12
28
  }
13
29
  }, [isOpen, children]);
14
- return (React.createElement(CSSTransition, { classNames: transitionClassName, in: isOpen, timeout: {
15
- appear: 500,
16
- enter: 300,
17
- exit: 300,
18
- }, appear: true, unmountOnExit: true },
19
- React.createElement(Wrapper, { themes: theme }, isOpen ? children : childrenBuffer)));
30
+ return (React.createElement(CSSTransition, { classNames: "shr-dialog-transition", in: isOpen, timeout: 300, unmountOnExit: true },
31
+ React.createElement("div", { className: styles }, isOpen ? children : childrenBuffer)));
20
32
  };
21
- const Wrapper = styled.div `
22
- position: absolute;
23
- z-index: ${({ themes }) => themes.zIndex.OVERLAP_BASE};
24
-
25
- &.${transitionClassName}-appear {
26
- opacity: 0;
27
- }
28
- &.${transitionClassName}-appear-active {
29
- transition: opacity 500ms;
30
- opacity: 1;
31
- }
32
- &.${transitionClassName}-enter {
33
- opacity: 0;
34
- }
35
- &.${transitionClassName}-enter-active {
36
- transition: opacity 300ms;
37
- opacity: 1;
38
- }
39
- &.${transitionClassName}-exit {
40
- opacity: 1;
41
- }
42
- &.${transitionClassName}-exit-active {
43
- transition: opacity 300ms;
44
- opacity: 0;
45
- }
46
- `;
47
33
  //# sourceMappingURL=DialogOverlap.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DialogOverlap.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogOverlap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAMtD,MAAM,mBAAmB,GAAG,uBAAuB,CAAA;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAY,IAAI,CAAC,CAAA;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,iBAAiB,CAAC,QAAQ,CAAC,CAAA;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEtB,OAAO,CACL,oBAAC,aAAa,IACZ,UAAU,EAAE,mBAAmB,EAC/B,EAAE,EAAE,MAAM,EACV,OAAO,EAAE;YACP,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,GAAG;SACV,EACD,MAAM,QACN,aAAa;QAEb,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK,IAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAW,CACxD,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAmB;;aAEhC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY;;MAEjD,mBAAmB;;;MAGnB,mBAAmB;;;;MAInB,mBAAmB;;;MAGnB,mBAAmB;;;;MAInB,mBAAmB;;;MAGnB,mBAAmB;;;;CAIxB,CAAA"}
1
+ {"version":3,"file":"DialogOverlap.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogOverlap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7F,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAMtC,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE;QACJ,cAAc;QACd,oBAAoB;QACpB,+CAA+C;QAC/C,+DAA+D;QAC/D,yDAAyD;QACzD,wDAAwD;QACxD,qDAAqD;QACrD,yDAAyD;QACzD,gDAAgD;QAChD,8DAA8D;QAC9D,wDAAwD;QACxD,uDAAuD;QACvD,kDAAkD;QAClD,sDAAsD;KACvD;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE,EAAE,CAAC,CAAA;IACjD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAY,IAAI,CAAC,CAAA;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,iBAAiB,CAAC,QAAQ,CAAC,CAAA;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEtB,OAAO,CACL,oBAAC,aAAa,IAAC,UAAU,EAAC,uBAAuB,EAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa;QACvF,6BAAK,SAAS,EAAE,MAAM,IAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAO,CACpD,CACjB,CAAA;AACH,CAAC,CAAA"}
@@ -1,11 +1,7 @@
1
1
  import React, { useContext } from 'react';
2
- import styled from 'styled-components';
3
2
  import { DialogContext } from './DialogWrapper';
4
3
  export const DialogTrigger = (props) => {
5
4
  const { onClickTrigger } = useContext(DialogContext);
6
- return React.createElement(Wrapper, { ...props, onClick: onClickTrigger, "aria-haspopup": "dialog" });
5
+ return (React.createElement("div", { ...props, onClick: onClickTrigger, "aria-haspopup": "dialog", className: "shr-inline-block" }));
7
6
  };
8
- const Wrapper = styled.div `
9
- display: inline-block;
10
- `;
11
7
  //# sourceMappingURL=DialogTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DialogTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,aAAa,GAAgC,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IACpD,OAAO,oBAAC,OAAO,OAAK,KAAK,EAAE,OAAO,EAAE,cAAc,mBAAgB,QAAQ,GAAG,CAAA;AAC/E,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEzB,CAAA"}
1
+ {"version":3,"file":"DialogTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,aAAa,GAAgC,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IACpD,OAAO,CACL,gCAAS,KAAK,EAAE,OAAO,EAAE,cAAc,mBAAgB,QAAQ,EAAC,SAAS,EAAC,kBAAkB,GAAG,CAChG,CAAA;AACH,CAAC,CAAA"}
@@ -15,6 +15,9 @@ export const FormDialogContentInner = ({ children, title, titleId, subtitle, tit
15
15
  const theme = useTheme();
16
16
  const handleSubmitAction = useCallback((e) => {
17
17
  e.preventDefault();
18
+ // HINT: React Potals などで擬似的にformがネストしている場合など、stopPropagationを実行しないと
19
+ // 親formが意図せずsubmitされてしまう場合がある
20
+ e.stopPropagation();
18
21
  onSubmit(onClickClose);
19
22
  }, [onSubmit, onClickClose]);
20
23
  const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
@@ -35,7 +38,7 @@ export const FormDialogContentInner = ({ children, title, titleId, subtitle, tit
35
38
  };
36
39
  const TitleArea = styled(Stack).attrs(() => ({
37
40
  gap: 0.25,
38
- as: 'span',
41
+ forwardedAs: 'span',
39
42
  })) `
40
43
  ${({ themes: { border, space } }) => css `
41
44
  margin-block: unset;
@@ -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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"}
@@ -24,7 +24,7 @@ export const MessageDialogContentInner = ({ title, subtitle, titleTag, titleId,
24
24
  };
25
25
  const TitleArea = styled(Stack).attrs(() => ({
26
26
  gap: 0.25,
27
- as: 'span',
27
+ forwardedAs: 'span',
28
28
  }))(({ themes: { border, spacing } }) => css `
29
29
  margin-block: unset;
30
30
  border-bottom: ${border.shorthand};
@@ -1 +1 @@
1
- {"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +1,5 @@
1
1
  export declare function useClassNames(): {
2
2
  dialog: {
3
- wrapper: string;
4
- dialog: string;
5
- background: string;
6
3
  titleArea: string;
7
4
  title: string;
8
5
  subtitle: string;
@@ -6,9 +6,6 @@ export function useClassNames() {
6
6
  const generateForModeless = useClassNameGenerator(ModelessDialog.displayName || 'ModelessDialog');
7
7
  return useMemo(() => ({
8
8
  dialog: {
9
- wrapper: generateForDialog('wrapper'),
10
- dialog: generateForDialog(),
11
- background: generateForDialog('background'),
12
9
  titleArea: generateForDialog('titleArea'),
13
10
  title: generateForDialog('title'),
14
11
  subtitle: generateForDialog('subtitle'),
@@ -1 +1 @@
1
- {"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Dialog/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAE1C,MAAM,UAAU,aAAa;IAC3B,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IAC/E,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,cAAc,CAAC,WAAW,IAAI,gBAAgB,CAAC,CAAA;IACjG,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE;YACN,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC;YACrC,MAAM,EAAE,iBAAiB,EAAE;YAC3B,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC;YACzC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;YACjC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC;YACvC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC;YAC/B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC;SAChD;QACD,cAAc,EAAE;YACd,OAAO,EAAE,mBAAmB,EAAE;YAC9B,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC;YAC/B,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC;YAC/C,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC;YACvC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;SACtC;KACF,CAAC,EACF,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CACzC,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Dialog/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAE1C,MAAM,UAAU,aAAa;IAC3B,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IAC/E,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,cAAc,CAAC,WAAW,IAAI,gBAAgB,CAAC,CAAA;IACjG,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE;YACN,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC;YACzC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;YACjC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC;YACvC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC;YAC/B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC;SAChD;QACD,cAAc,EAAE;YACd,OAAO,EAAE,mBAAmB,EAAE;YAC9B,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC;YAC/B,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC;YAC/C,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC;YACvC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;SACtC;KACF,CAAC,EACF,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CACzC,CAAA;AACH,CAAC"}
@@ -98,7 +98,7 @@ const TriggerButton = styled(Button) `
98
98
  transform: rotate(0.5turn);
99
99
  }
100
100
  `;
101
- const ActionList = styled(Stack).attrs({ as: 'ul', gap: 0 }) `
101
+ const ActionList = styled(Stack).attrs({ forwardedAs: 'ul', gap: 0 }) `
102
102
  ${({ themes: { space } }) => css `
103
103
  list-style: none;
104
104
  margin-block: 0;
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { FC, HTMLAttributes, ReactNode } from 'react';
1
+ import { ComponentProps, FC, ReactNode } from 'react';
2
2
  type Props = {
3
3
  /** ロゴ */
4
4
  logo?: ReactNode;
@@ -20,6 +20,6 @@ type Props = {
20
20
  /** コンポーネントに適用するクラス名 */
21
21
  className?: string;
22
22
  };
23
- type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
24
- export declare const MessageScreen: FC<Props & ElementProps>;
23
+ type ElementProps = Omit<ComponentProps<'div'>, keyof Props>;
24
+ export declare const ErrorScreen: FC<Props & ElementProps>;
25
25
  export {};
@@ -0,0 +1,22 @@
1
+ import React, { useMemo } from 'react';
2
+ import { tv } from 'tailwind-variants';
3
+ import { PageHeading } from '../Heading';
4
+ import { Center, Stack } from '../Layout';
5
+ import { SmartHRLogo } from '../SmartHRLogo';
6
+ import { TextLink } from '../TextLink';
7
+ const errorScreen = tv({
8
+ base: 'smarthr-ui-ErrorScreen shr-bg-background',
9
+ });
10
+ export const ErrorScreen = ({ logo = React.createElement(SmartHRLogo, { fill: "brand" }), title, links, children, footer, className, ...props }) => {
11
+ const styles = useMemo(() => errorScreen({ className }), [className]);
12
+ return (React.createElement(Center, { ...props, minHeight: "100vh", verticalCentering: true, className: styles },
13
+ React.createElement(Stack, { gap: 1.5, align: "center", className: "[&&&]:shr-my-auto" },
14
+ React.createElement("div", { className: "smarthr-ui-ErrorScreen-logo" }, logo),
15
+ React.createElement(Stack, { align: "center" },
16
+ title && React.createElement(PageHeading, { className: "smarthr-ui-ErrorScreen-title" }, title),
17
+ children && React.createElement("div", { className: "smarthr-ui-ErrorScreen-content" }, children),
18
+ links?.length && (React.createElement(Stack, { as: "ul", gap: 0.5, align: "center", className: "smarthr-ui-ErrorScreen-linkList" }, links.map((link, index) => (React.createElement("li", { key: index },
19
+ React.createElement(TextLink, { ...(link.target ? { target: link.target } : {}), href: link.url, className: "smarthr-ui-ErrorScreen-link" }, link.label)))))))),
20
+ footer && React.createElement("div", { className: "shr-self-stretch" }, footer)));
21
+ };
22
+ //# sourceMappingURL=ErrorScreen.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,OAAO,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AA0BtC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE,0CAA0C;CACjD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAA6B,CAAC,EACpD,IAAI,GAAG,oBAAC,WAAW,IAAC,IAAI,EAAC,OAAO,GAAG,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,iBAAiB,QAAC,SAAS,EAAE,MAAM;QACtE,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB;YAC3D,6BAAK,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAO;YAEzD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAe;gBAEpF,QAAQ,IAAI,6BAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;gBAE5E,KAAK,EAAE,MAAM,IAAI,CAChB,oBAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,IAChF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,4BAAI,GAAG,EAAE,KAAK;oBACZ,oBAAC,QAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAC,6BAA6B,IAEtC,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACF;QAEP,MAAM,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,MAAM,CAAO,CACpD,CACV,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { FC, HTMLAttributes } from 'react';
2
+ type ElementProps = HTMLAttributes<HTMLElement>;
3
+ export declare const Footer: FC<ElementProps>;
4
+ export {};
@@ -1,11 +1,9 @@
1
1
  import React from 'react';
2
2
  import styled, { css } from 'styled-components';
3
3
  import { useTheme } from '../../hooks/useTheme';
4
- import { useClassNames } from './useClassNames';
5
4
  export const Footer = ({ className = '', ...props }) => {
6
5
  const theme = useTheme();
7
- const { footer } = useClassNames();
8
- return (React.createElement(Wrapper, { ...props, themes: theme, className: `${footer} ${className}` },
6
+ return (React.createElement(Wrapper, { ...props, themes: theme, className: `smarthr-ui-ErrorScreen-footer ${className}` },
9
7
  React.createElement(List, { themes: theme },
10
8
  React.createElement(Item, { href: "https://support.smarthr.jp/" }, "\u30D8\u30EB\u30D7"),
11
9
  React.createElement(Item, { href: "https://smarthr.jp/update/" }, "\u304A\u77E5\u3089\u305B"),
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAItD,MAAM,CAAC,MAAM,MAAM,GAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,iCAAiC,SAAS,EAAE;QACxF,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK;YACjB,oBAAC,IAAI,IAAC,IAAI,EAAC,6BAA6B,yBAAW;YACnD,oBAAC,IAAI,IAAC,IAAI,EAAC,4BAA4B,+BAAY;YACnD,oBAAC,IAAI,IAAC,IAAI,EAAC,2BAA2B,+BAAY;YAClD,oBAAC,IAAI,IAAC,IAAI,EAAC,gCAAgC,mEAAkB;YAC7D,oBAAC,IAAI,IAAC,IAAI,EAAC,uBAAuB,+BAAY;YAC9C,oBAAC,IAAI,IAAC,IAAI,EAAC,8BAA8B,yCAAiB,CACrD;QACP,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,2BAA6B,CACxC,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAmB;IAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;eAI5C,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,GAAG,CAAC;wBAC7B,KAAK,CAAC,KAAK;aACtB,KAAK,CAAC,UAAU;iBACZ,QAAQ,CAAC,CAAC;GACxB;CACF,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAmB;IACrC,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;sBAUpB,aAAa,CAAC,GAAG,CAAC;;GAErC;CACF,CAAA;AAQD,MAAM,IAAI,GAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IAChE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS;QACtB,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,IAC5E,QAAQ,CACE,CACV,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAmB;WACnC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU;;;;;;CAMjD,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAmB;IACxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;iBAEN,MAAM,CAAC,QAAQ,CAAC,CAAC;GAC/B;CACF,CAAA"}