@charcoal-ui/react 4.0.0-beta.5 → 4.0.0-beta.6

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 (51) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Modal/index.d.ts +4 -0
  3. package/dist/components/Modal/index.d.ts.map +1 -1
  4. package/dist/core/SSRProvider.d.ts +3 -1
  5. package/dist/core/SSRProvider.d.ts.map +1 -1
  6. package/dist/index.cjs.js +122 -110
  7. package/dist/index.cjs.js.map +1 -1
  8. package/dist/index.d.ts +1 -1
  9. package/dist/index.d.ts.map +1 -1
  10. package/dist/index.esm.js +14 -3
  11. package/dist/index.esm.js.map +1 -1
  12. package/package.json +8 -8
  13. package/src/components/Button/__snapshots__/index.story.storyshot +9 -9
  14. package/src/components/Button/index.story.tsx +1 -1
  15. package/src/components/Checkbox/CheckboxInput/__snapshots__/index.story.storyshot +5 -5
  16. package/src/components/Checkbox/CheckboxInput/index.story.tsx +1 -1
  17. package/src/components/Checkbox/__snapshots__/index.story.storyshot +6 -6
  18. package/src/components/Checkbox/index.story.tsx +2 -2
  19. package/src/components/Clickable/__snapshots__/index.story.storyshot +2 -2
  20. package/src/components/Clickable/index.story.tsx +1 -1
  21. package/src/components/DropdownSelector/ListItem/__snapshots__/index.story.storyshot +1 -1
  22. package/src/components/DropdownSelector/ListItem/index.story.tsx +1 -1
  23. package/src/components/DropdownSelector/MenuList/__snapshots__/index.story.storyshot +3 -3
  24. package/src/components/DropdownSelector/MenuList/index.story.tsx +1 -1
  25. package/src/components/DropdownSelector/Popover/__snapshots__/index.story.storyshot +1 -1
  26. package/src/components/DropdownSelector/Popover/index.story.tsx +1 -1
  27. package/src/components/DropdownSelector/__snapshots__/index.story.storyshot +14 -559
  28. package/src/components/DropdownSelector/index.story.tsx +2 -2
  29. package/src/components/Icon/__snapshots__/index.story.storyshot +1 -1
  30. package/src/components/Icon/index.story.tsx +1 -1
  31. package/src/components/IconButton/__snapshots__/index.story.storyshot +3 -3
  32. package/src/components/IconButton/index.story.tsx +1 -1
  33. package/src/components/LoadingSpinner/__snapshots__/index.story.storyshot +4 -4
  34. package/src/components/LoadingSpinner/index.story.tsx +1 -1
  35. package/src/components/Modal/__snapshots__/index.story.storyshot +20 -12
  36. package/src/components/Modal/index.story.tsx +2 -2
  37. package/src/components/Modal/index.tsx +17 -5
  38. package/src/components/Radio/__snapshots__/index.story.storyshot +5 -5
  39. package/src/components/Radio/index.story.tsx +1 -1
  40. package/src/components/SegmentedControl/__snapshots__/index.story.storyshot +2 -2
  41. package/src/components/SegmentedControl/index.story.tsx +1 -1
  42. package/src/components/Switch/__snapshots__/index.story.storyshot +4 -4
  43. package/src/components/Switch/index.story.tsx +1 -1
  44. package/src/components/TagItem/__snapshots__/index.story.storyshot +8 -8
  45. package/src/components/TagItem/index.story.tsx +1 -1
  46. package/src/components/TextArea/TextArea.story.tsx +1 -1
  47. package/src/components/TextArea/__snapshots__/TextArea.story.storyshot +11 -11
  48. package/src/components/TextField/TextField.story.tsx +1 -1
  49. package/src/components/TextField/__snapshots__/TextField.story.storyshot +13 -13
  50. package/src/core/SSRProvider.tsx +12 -1
  51. package/src/index.ts +5 -1
package/README.md CHANGED
@@ -18,7 +18,7 @@ yarn add @charcoal-ui/react
18
18
 
19
19
  ## Server Side Rendering を行う場合の注意点
20
20
 
21
- SSR を行う場合はアプリケーション全体を`<SSRProvider>`で囲む必要があります。
21
+ React 18 以下で SSR を行う場合はアプリケーション全体を`<SSRProvider>`で囲む必要があります。
22
22
 
23
23
  ```jsx
24
24
  import { SSRProvider } from '@charcoal-ui/react'
@@ -2,6 +2,7 @@ import * as React from 'react';
2
2
  import { AriaModalOverlayProps } from '@react-aria/overlays';
3
3
  import type { AriaDialogProps } from '@react-types/dialog';
4
4
  import { ButtonProps } from '../Button';
5
+ import { IconButtonProps } from '../IconButton';
5
6
  import './index.css';
6
7
  export type BottomSheet = boolean | 'full';
7
8
  export type Size = 'S' | 'M' | 'L';
@@ -14,6 +15,7 @@ export type ModalProps = AriaModalOverlayProps & AriaDialogProps & {
14
15
  isOpen: boolean;
15
16
  onClose: () => void;
16
17
  className?: string;
18
+ closeButtonAriaLabel?: string;
17
19
  /**
18
20
  * https://github.com/adobe/react-spectrum/issues/3787
19
21
  * Next.jsで使用する際に発生するエラーの一時的な回避策でdocument.bodyを指定する必要がある
@@ -29,6 +31,7 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
29
31
  isOpen: boolean;
30
32
  onClose: () => void;
31
33
  className?: string | undefined;
34
+ closeButtonAriaLabel?: string | undefined;
32
35
  /**
33
36
  * https://github.com/adobe/react-spectrum/issues/3787
34
37
  * Next.jsで使用する際に発生するエラーの一時的な回避策でdocument.bodyを指定する必要がある
@@ -46,5 +49,6 @@ export declare const ModalContext: React.Context<{
46
49
  showDismiss: boolean;
47
50
  bottomSheet: BottomSheet;
48
51
  }>;
52
+ export declare function ModalCloseButton(props: Omit<IconButtonProps, 'icon'>): JSX.Element;
49
53
  export declare function ModalDismissButton({ children, ...props }: ButtonProps): JSX.Element | null;
50
54
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAAW,MAAM,sBAAsB,CAAA;AAErE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAI1D,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAO/C,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1C,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAElC,MAAM,MAAM,UAAU,GAAG,qBAAqB,GAC5C,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;CAC9B,CAAA;;;;;;;;;;IALC;;;OAGG;;;AAgKP,wBAA0B;AAE1B,eAAO,MAAM,YAAY;IACvB;;OAEG;gBACS,MAAM,cAAc,CAAC,WAAW,CAAC;WACtC,MAAM;mBACC,IAAI;iBACL,OAAO;iBACP,WAAW;EAOxB,CAAA;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,sBAYrE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAAW,MAAM,sBAAsB,CAAA;AAErE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAI1D,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAM3D,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1C,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAElC,MAAM,MAAM,UAAU,GAAG,qBAAqB,GAC5C,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;CAC9B,CAAA;;;;;;;;;;;IALC;;;OAGG;;;AA+JP,wBAA0B;AAE1B,eAAO,MAAM,YAAY;IACvB;;OAEG;gBACS,MAAM,cAAc,CAAC,WAAW,CAAC;WACtC,MAAM;mBACC,IAAI;iBACL,OAAO;iBACP,WAAW;EAOxB,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,eAUpE;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,sBAYrE"}
@@ -1,2 +1,4 @@
1
- export { SSRProvider } from '@react-aria/ssr';
1
+ import { SSRProvider as OriginSSRProvider } from '@react-aria/ssr';
2
+ export declare function isReactVersionOver(minVersion: number): boolean;
3
+ export declare const SSRProvider: typeof OriginSSRProvider;
2
4
  //# sourceMappingURL=SSRProvider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SSRProvider.d.ts","sourceRoot":"","sources":["../../src/core/SSRProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA"}
1
+ {"version":3,"file":"SSRProvider.d.ts","sourceRoot":"","sources":["../../src/core/SSRProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGlE,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAM9D;AAED,eAAO,MAAM,WAAW,0BAAwD,CAAA"}