@charcoal-ui/react 5.1.0 → 5.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charcoal-ui/react",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -22,8 +22,6 @@
   "devDependencies": {
     "@react-types/dialog": "^3.5.15",
     "@react-types/switch": "^3.1.2",
-    "@storybook/addon-actions": "^8.0.5",
-    "@storybook/react": "^8.0.5",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^13.5.0",
@@ -55,10 +53,10 @@
     "react-spring": "^9.0.0",
     "react-stately": "^3.26.0",
     "warning": "^4.0.3",
-    "@charcoal-ui/foundation": "5.1.0",
-    "@charcoal-ui/utils": "5.1.0",
-    "@charcoal-ui/icons": "5.1.0",
-    "@charcoal-ui/theme": "5.1.0"
+    "@charcoal-ui/foundation": "5.2.0",
+    "@charcoal-ui/theme": "5.2.0",
+    "@charcoal-ui/icons": "5.2.0",
+    "@charcoal-ui/utils": "5.2.0"
   },
   "peerDependencies": {
     "react": ">=17.0.0"

package/src/README.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, Props } from '@storybook/addon-docs'
+import { Meta, Story, Canvas, Props } from '@storybook/addon-docs/blocks'
 
 <Meta title="react/README" />
 

package/src/SSR.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs'
+import { Meta } from '@storybook/addon-docs/blocks'
 
 <Meta title="react/SSR Guide" />
 

package/src/components/Button/index.story.tsx

@@ -1,5 +1,5 @@
 import Button from '.'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/Button',

package/src/components/Checkbox/CheckboxInput/index.story.tsx

@@ -1,5 +1,5 @@
 import CheckboxInput from '.'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 import { useState } from 'react'
 
 export default {

package/src/components/Checkbox/index.story.tsx

@@ -1,5 +1,5 @@
 import Checkbox from '.'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 import { useCallback, useState } from 'react'
 
 export default {

package/src/components/Clickable/index.story.tsx

@@ -1,6 +1,6 @@
-import { action } from '@storybook/addon-actions'
+import { action } from 'storybook/actions'
 import Clickable from '.'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/Clickable',

package/src/components/DropdownSelector/ListItem/index.story.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react'
 import Icon from '../../Icon'
 import Switch from '../../Switch'
 import ListItem from '.'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/internals/ListItem',

package/src/components/DropdownSelector/MenuList/index.story.tsx

@@ -1,8 +1,8 @@
-import { action } from '@storybook/addon-actions'
+import { action } from 'storybook/actions'
 import MenuList from '.'
 import MenuItem from '../MenuItem'
 import MenuItemGroup from '../MenuItemGroup'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/internals/MenuList',

package/src/components/DropdownSelector/Popover/index.story.tsx

@@ -1,7 +1,7 @@
 import { useRef, CSSProperties, useState } from 'react'
 import Popover from '.'
 import Button from '../../Button'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/internals/Popover',

package/src/components/DropdownSelector/index.story.tsx

@@ -5,7 +5,7 @@ import MenuItemGroup from './MenuItemGroup'
 import DropdownMenuItem from './DropdownMenuItem'
 import Modal from '../Modal'
 import { ModalBody, ModalHeader } from '../Modal/ModalPlumbing'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 import TextField from '../TextField'
 import TextArea from '../TextArea'
 import Button from '../Button'

package/src/components/HintText/index.story.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 import HintText from '.'
 
 export default {

package/src/components/Icon/index.story.tsx

@@ -1,6 +1,6 @@
 import Icon from '.'
 import { KNOWN_ICON_FILES } from '@charcoal-ui/icons'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/Icon',

package/src/components/IconButton/index.story.tsx

@@ -1,6 +1,6 @@
 import '@charcoal-ui/icons'
 import IconButton, { IconButtonProps } from '.'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/IconButton',

package/src/components/LoadingSpinner/index.story.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 import LoadingSpinner from '.'
 
 export default {

package/src/components/Modal/index.story.tsx

@@ -12,7 +12,7 @@ import TextField from '../TextField'
 import DropdownSelector from '../DropdownSelector'
 import Checkbox from '../Checkbox'
 import DropdownMenuItem from '../DropdownSelector/DropdownMenuItem'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/Modal',

package/src/components/MultiSelect/index.story.tsx

@@ -4,8 +4,8 @@ import {
   default as MultiSelect,
   MultiSelectGroupProps,
 } from '.'
-import { Meta, StoryObj } from '@storybook/react'
-import { action } from '@storybook/addon-actions'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
+import { action } from 'storybook/actions'
 
 const StyledMultiSelectGroup = (props: MultiSelectGroupProps) => {
   return (

package/src/components/Radio/index.story.tsx

@@ -1,6 +1,6 @@
 import Radio from '.'
 import { RadioGroup } from './RadioGroup'
-import { StoryObj } from '@storybook/react'
+import { StoryObj } from '@storybook/react-webpack5'
 import { useState } from 'react'
 
 export default {

package/src/components/SegmentedControl/index.story.tsx

@@ -1,5 +1,5 @@
 import SegmentedControl from '.'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/SegmentedControl',

package/src/components/Switch/index.story.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 import Switch from '.'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/Switch',

package/src/components/TagItem/index.story.tsx

@@ -1,5 +1,5 @@
 import TagItem from '.'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/TagItem',

package/src/components/TextArea/TextArea.story.tsx

@@ -1,7 +1,7 @@
-import { action } from '@storybook/addon-actions'
+import { action } from 'storybook/actions'
 import Clickable from '../Clickable'
 import TextArea from '.'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/TextArea',

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

@@ -1,7 +1,7 @@
 import Clickable from '../Clickable'
 import TextField from '.'
 import { useState } from 'react'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-webpack5'
 
 export default {
   title: 'react/TextField',