@charcoal-ui/react 3.6.0 → 3.7.0

package/src/components/SegmentedControl/__snapshots__/index.story.storyshot

@@ -95,7 +95,7 @@ exports[`Storyshots SegmentedControl Object Segments 1`] = `
     aria-label="test"
     aria-orientation="vertical"
     className="c0"
-    id="react-aria-1"
+    id="test-id"
     onBlur={[Function]}
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -110,7 +110,7 @@ exports[`Storyshots SegmentedControl Object Segments 1`] = `
         checked={false}
         className="c2"
         disabled={false}
-        name="test"
+        name="test-id"
         onChange={[Function]}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -149,7 +149,7 @@ exports[`Storyshots SegmentedControl Object Segments 1`] = `
         checked={false}
         className="c2"
         disabled={false}
-        name="test"
+        name="test-id"
         onChange={[Function]}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -188,7 +188,7 @@ exports[`Storyshots SegmentedControl Object Segments 1`] = `
         checked={false}
         className="c2"
         disabled={false}
-        name="test"
+        name="test-id"
         onChange={[Function]}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -227,7 +227,7 @@ exports[`Storyshots SegmentedControl Object Segments 1`] = `
         checked={false}
         className="c2"
         disabled={true}
-        name="test"
+        name="test-id"
         onChange={[Function]}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -354,7 +354,7 @@ exports[`Storyshots SegmentedControl String Segments 1`] = `
     aria-label="test"
     aria-orientation="vertical"
     className="c0"
-    id="react-aria-5"
+    id="test-id"
     onBlur={[Function]}
     onFocus={[Function]}
     onKeyDown={[Function]}
@@ -369,7 +369,7 @@ exports[`Storyshots SegmentedControl String Segments 1`] = `
         checked={false}
         className="c2"
         disabled={false}
-        name="test"
+        name="test-id"
         onChange={[Function]}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -408,7 +408,7 @@ exports[`Storyshots SegmentedControl String Segments 1`] = `
         checked={false}
         className="c2"
         disabled={false}
-        name="test"
+        name="test-id"
         onChange={[Function]}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -447,7 +447,7 @@ exports[`Storyshots SegmentedControl String Segments 1`] = `
         checked={false}
         className="c2"
         disabled={false}
-        name="test"
+        name="test-id"
         onChange={[Function]}
         onClick={[Function]}
         onDragStart={[Function]}

package/src/components/SegmentedControl/index.tsx

@@ -1,6 +1,6 @@
 import { ReactNode, forwardRef, memo, useMemo, useRef } from 'react'
 import * as React from 'react'
-import { useRadioGroupState } from 'react-stately'
+import { useRadioGroupState } from '@react-stately/radio'
 import {
   AriaRadioGroupProps,
   AriaRadioProps,

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

@@ -173,13 +173,13 @@ exports[`Storyshots TextArea Auto Height 1`] = `
           "border": 0,
           "clip": "rect(0 0 0 0)",
           "clipPath": "inset(50%)",
-          "height": 1,
-          "margin": "0 -1px -1px 0",
+          "height": "1px",
+          "margin": "-1px",
           "overflow": "hidden",
           "padding": 0,
           "position": "absolute",
           "whiteSpace": "nowrap",
-          "width": 1,
+          "width": "1px",
         }
       }
     >
@@ -187,8 +187,6 @@ exports[`Storyshots TextArea Auto Height 1`] = `
         className="c3"
         htmlFor="test-id"
         id="test-id"
-        onBlur={null}
-        onFocus={null}
       >
         Label
       </label>
@@ -210,7 +208,9 @@ exports[`Storyshots TextArea Auto Height 1`] = `
         onChange={[Function]}
         placeholder="TextArea"
         readOnly={false}
+        required={false}
         rows={4}
+        value=""
       />
     </div>
   </div>
@@ -436,13 +436,13 @@ exports[`Storyshots TextArea Default 1`] = `
             "border": 0,
             "clip": "rect(0 0 0 0)",
             "clipPath": "inset(50%)",
-            "height": 1,
-            "margin": "0 -1px -1px 0",
+            "height": "1px",
+            "margin": "-1px",
             "overflow": "hidden",
             "padding": 0,
             "position": "absolute",
             "whiteSpace": "nowrap",
-            "width": 1,
+            "width": "1px",
           }
         }
       >
@@ -450,8 +450,6 @@ exports[`Storyshots TextArea Default 1`] = `
           className="c4"
           htmlFor="test-id"
           id="test-id"
-          onBlur={null}
-          onFocus={null}
         >
           Label
         </label>
@@ -480,7 +478,9 @@ exports[`Storyshots TextArea Default 1`] = `
           onChange={[Function]}
           placeholder="Text Area"
           readOnly={false}
+          required={false}
           rows={4}
+          value=""
         />
       </div>
     </div>
@@ -716,13 +716,13 @@ exports[`Storyshots TextArea Has Count 1`] = `
             "border": 0,
             "clip": "rect(0 0 0 0)",
             "clipPath": "inset(50%)",
-            "height": 1,
-            "margin": "0 -1px -1px 0",
+            "height": "1px",
+            "margin": "-1px",
             "overflow": "hidden",
             "padding": 0,
             "position": "absolute",
             "whiteSpace": "nowrap",
-            "width": 1,
+            "width": "1px",
           }
         }
       >
@@ -730,8 +730,6 @@ exports[`Storyshots TextArea Has Count 1`] = `
           className="c4"
           htmlFor="test-id"
           id="test-id"
-          onBlur={null}
-          onFocus={null}
         >
           Label
         </label>
@@ -761,7 +759,9 @@ exports[`Storyshots TextArea Has Count 1`] = `
           onChange={[Function]}
           placeholder="Text Area"
           readOnly={false}
+          required={false}
           rows={4}
+          value=""
         />
         <span
           className="c10"
@@ -1062,7 +1062,9 @@ exports[`Storyshots TextArea Has Label 1`] = `
           onChange={[Function]}
           placeholder="Text Area"
           readOnly={false}
+          required={false}
           rows={4}
+          value=""
         />
       </div>
       <p

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

@@ -230,13 +230,13 @@ exports[`Storyshots TextField Default 1`] = `
             "border": 0,
             "clip": "rect(0 0 0 0)",
             "clipPath": "inset(50%)",
-            "height": 1,
-            "margin": "0 -1px -1px 0",
+            "height": "1px",
+            "margin": "-1px",
             "overflow": "hidden",
             "padding": 0,
             "position": "absolute",
             "whiteSpace": "nowrap",
-            "width": 1,
+            "width": "1px",
           }
         }
       >
@@ -244,8 +244,6 @@ exports[`Storyshots TextField Default 1`] = `
           className="c4"
           htmlFor="test-id"
           id="test-id"
-          onBlur={null}
-          onFocus={null}
         >
           Label
         </label>
@@ -272,7 +270,9 @@ exports[`Storyshots TextField Default 1`] = `
           onChange={[Function]}
           placeholder="TextField"
           readOnly={false}
+          required={false}
           type="text"
+          value=""
         />
       </div>
     </div>
@@ -493,13 +493,13 @@ exports[`Storyshots TextField Has Affix 1`] = `
           "border": 0,
           "clip": "rect(0 0 0 0)",
           "clipPath": "inset(50%)",
-          "height": 1,
-          "margin": "0 -1px -1px 0",
+          "height": "1px",
+          "margin": "-1px",
           "overflow": "hidden",
           "padding": 0,
           "position": "absolute",
           "whiteSpace": "nowrap",
-          "width": 1,
+          "width": "1px",
         }
       }
     >
@@ -507,8 +507,6 @@ exports[`Storyshots TextField Has Affix 1`] = `
         className="c3"
         htmlFor="test-id"
         id="test-id"
-        onBlur={null}
-        onFocus={null}
       >
         Label
       </label>
@@ -535,7 +533,9 @@ exports[`Storyshots TextField Has Affix 1`] = `
         onChange={[Function]}
         placeholder="path/to/your/file"
         readOnly={false}
+        required={false}
         type="text"
+        value=""
       />
       <span
         className="c9"
@@ -800,13 +800,13 @@ exports[`Storyshots TextField Has Count 1`] = `
             "border": 0,
             "clip": "rect(0 0 0 0)",
             "clipPath": "inset(50%)",
-            "height": 1,
-            "margin": "0 -1px -1px 0",
+            "height": "1px",
+            "margin": "-1px",
             "overflow": "hidden",
             "padding": 0,
             "position": "absolute",
             "whiteSpace": "nowrap",
-            "width": 1,
+            "width": "1px",
           }
         }
       >
@@ -814,8 +814,6 @@ exports[`Storyshots TextField Has Count 1`] = `
           className="c4"
           htmlFor="test-id"
           id="test-id"
-          onBlur={null}
-          onFocus={null}
         >
           Label
         </label>
@@ -843,7 +841,9 @@ exports[`Storyshots TextField Has Count 1`] = `
           onChange={[Function]}
           placeholder="TextField"
           readOnly={false}
+          required={false}
           type="text"
+          value=""
         />
         <span
           className="c10"
@@ -1157,7 +1157,9 @@ exports[`Storyshots TextField Has Label 1`] = `
           onChange={[Function]}
           placeholder="TextField"
           readOnly={false}
+          required={false}
           type="text"
+          value=""
         />
       </div>
       <p
@@ -1478,13 +1480,13 @@ exports[`Storyshots TextField Prefix Icon 1`] = `
           "border": 0,
           "clip": "rect(0 0 0 0)",
           "clipPath": "inset(50%)",
-          "height": 1,
-          "margin": "0 -1px -1px 0",
+          "height": "1px",
+          "margin": "-1px",
           "overflow": "hidden",
           "padding": 0,
           "position": "absolute",
           "whiteSpace": "nowrap",
-          "width": 1,
+          "width": "1px",
         }
       }
     >
@@ -1492,8 +1494,6 @@ exports[`Storyshots TextField Prefix Icon 1`] = `
         className="c3"
         htmlFor="test-id"
         id="test-id"
-        onBlur={null}
-        onFocus={null}
       >
         Label
       </label>
@@ -1525,6 +1525,7 @@ exports[`Storyshots TextField Prefix Icon 1`] = `
         onChange={[Function]}
         placeholder="作品を検索"
         readOnly={false}
+        required={false}
         type="text"
         value=""
       />

package/dist/components/Checkbox/performance.test.d.ts

@@ -1,4 +0,0 @@
-import 'jest-styled-components';
-import renderer from 'react-test-renderer';
-export declare function render(children: JSX.Element): renderer.ReactTestRendererJSON | renderer.ReactTestRendererJSON[] | null;
-//# sourceMappingURL=performance.test.d.ts.map

package/dist/components/Checkbox/performance.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"performance.test.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/performance.test.tsx"],"names":[],"mappings":"AACA,OAAO,wBAAwB,CAAA;AAG/B,OAAO,QAAQ,MAAM,qBAAqB,CAAA;AAI1C,wBAAgB,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,4EAI3C"}

package/dist/components/Checkbox/snapshot.test.d.ts

@@ -1,2 +0,0 @@
-import 'jest-styled-components';
-//# sourceMappingURL=snapshot.test.d.ts.map

package/dist/components/Checkbox/snapshot.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"snapshot.test.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/snapshot.test.tsx"],"names":[],"mappings":"AAOA,OAAO,wBAAwB,CAAA"}