@charcoal-ui/react 3.12.0 → 3.13.0

package/src/components/TextArea/__snapshots__/TextArea.story.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storybook Tests TextArea AssistiveText 1`] = `
+exports[`Storybook Tests react/TextArea AssistiveText 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -229,7 +229,7 @@ exports[`Storybook Tests TextArea AssistiveText 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextArea AutoHeight 1`] = `
+exports[`Storybook Tests react/TextArea AutoHeight 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -445,7 +445,7 @@ exports[`Storybook Tests TextArea AutoHeight 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextArea Default 1`] = `
+exports[`Storybook Tests react/TextArea Default 1`] = `
 .c6 {
   cursor: pointer;
   -webkit-appearance: none;
@@ -707,7 +707,7 @@ exports[`Storybook Tests TextArea Default 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextArea Disabled 1`] = `
+exports[`Storybook Tests react/TextArea Disabled 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -925,7 +925,7 @@ exports[`Storybook Tests TextArea Disabled 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextArea Invalid 1`] = `
+exports[`Storybook Tests react/TextArea Invalid 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -1156,7 +1156,7 @@ exports[`Storybook Tests TextArea Invalid 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextArea Label 1`] = `
+exports[`Storybook Tests react/TextArea Label 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -1358,7 +1358,7 @@ exports[`Storybook Tests TextArea Label 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextArea Placeholder 1`] = `
+exports[`Storybook Tests react/TextArea Placeholder 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -1575,7 +1575,7 @@ exports[`Storybook Tests TextArea Placeholder 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextArea ReadOnly 1`] = `
+exports[`Storybook Tests react/TextArea ReadOnly 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -1791,7 +1791,7 @@ exports[`Storybook Tests TextArea ReadOnly 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextArea Required 1`] = `
+exports[`Storybook Tests react/TextArea Required 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -2040,7 +2040,7 @@ exports[`Storybook Tests TextArea Required 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextArea ShowCount 1`] = `
+exports[`Storybook Tests react/TextArea ShowCount 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -2271,7 +2271,7 @@ exports[`Storybook Tests TextArea ShowCount 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextArea SubLabel 1`] = `
+exports[`Storybook Tests react/TextArea SubLabel 1`] = `
 .c6 {
   cursor: pointer;
   -webkit-appearance: none;

package/src/components/TextField/TextField.story.tsx

@@ -5,7 +5,7 @@ import { useState } from 'react'
 import { Meta, StoryObj } from '@storybook/react'
 
 export default {
-  title: 'TextField',
+  title: 'react/TextField',
   component: TextField,
   parameters: {
     layout: 'centered',

package/src/components/TextField/__snapshots__/TextField.story.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storybook Tests TextField Affix 1`] = `
+exports[`Storybook Tests react/TextField Affix 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -253,7 +253,7 @@ exports[`Storybook Tests TextField Affix 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField AssistiveText 1`] = `
+exports[`Storybook Tests react/TextField AssistiveText 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -486,7 +486,7 @@ exports[`Storybook Tests TextField AssistiveText 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField Default 1`] = `
+exports[`Storybook Tests react/TextField Default 1`] = `
 .c6 {
   cursor: pointer;
   -webkit-appearance: none;
@@ -751,7 +751,7 @@ exports[`Storybook Tests TextField Default 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField Disabled 1`] = `
+exports[`Storybook Tests react/TextField Disabled 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -973,7 +973,7 @@ exports[`Storybook Tests TextField Disabled 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField Invalid 1`] = `
+exports[`Storybook Tests react/TextField Invalid 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -1208,7 +1208,7 @@ exports[`Storybook Tests TextField Invalid 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField Label 1`] = `
+exports[`Storybook Tests react/TextField Label 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -1414,7 +1414,7 @@ exports[`Storybook Tests TextField Label 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField Number 1`] = `
+exports[`Storybook Tests react/TextField Number 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -1630,7 +1630,7 @@ exports[`Storybook Tests TextField Number 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField Placeholder 1`] = `
+exports[`Storybook Tests react/TextField Placeholder 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -1851,7 +1851,7 @@ exports[`Storybook Tests TextField Placeholder 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField Prefix 1`] = `
+exports[`Storybook Tests react/TextField Prefix 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -2105,7 +2105,7 @@ exports[`Storybook Tests TextField Prefix 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField ReadOnly 1`] = `
+exports[`Storybook Tests react/TextField ReadOnly 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -2325,7 +2325,7 @@ exports[`Storybook Tests TextField ReadOnly 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField RequiredText 1`] = `
+exports[`Storybook Tests react/TextField RequiredText 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -2564,7 +2564,7 @@ exports[`Storybook Tests TextField RequiredText 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField ShowCount 1`] = `
+exports[`Storybook Tests react/TextField ShowCount 1`] = `
 .c3 {
   font-size: 14px;
   line-height: 22px;
@@ -2812,7 +2812,7 @@ exports[`Storybook Tests TextField ShowCount 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests TextField SubLabel 1`] = `
+exports[`Storybook Tests react/TextField SubLabel 1`] = `
 .c6 {
   cursor: pointer;
   -webkit-appearance: none;

package/src/core/SSRProvider.tsx

@@ -1 +1,12 @@
-export { SSRProvider } from '@react-aria/ssr'
+import { SSRProvider as OriginSSRProvider } from '@react-aria/ssr'
+import { version, Fragment } from 'react'
+
+export function isReactVersionOver(minVersion: number): boolean {
+  // version history on the react side: https://github.com/facebook/react/commits/main/packages/shared/ReactVersion.js
+  const reactMajorVersion = parseInt(version.split('.')[0], 10)
+  return Number.isFinite(reactMajorVersion)
+    ? reactMajorVersion >= minVersion
+    : false
+}
+
+export const SSRProvider = isReactVersionOver(18) ? Fragment : OriginSSRProvider

package/src/index.ts

@@ -38,7 +38,11 @@ export {
 } from './components/TextField'
 export { default as TextArea, type TextAreaProps } from './components/TextArea'
 export { default as Icon, type IconProps } from './components/Icon'
-export { default as Modal, type ModalProps } from './components/Modal'
+export {
+  default as Modal,
+  type ModalProps,
+  ModalCloseButton,
+} from './components/Modal'
 export {
   ModalHeader,
   ModalAlign,