@charcoal-ui/react 4.0.0-beta.7 → 4.0.0-rc.0

package/src/components/Radio/index.tsx

@@ -1,9 +1,12 @@
-import { memo, forwardRef, useCallback, useContext, useMemo } from 'react'
+import './index.css'
+
+import { memo, forwardRef, useContext } from 'react'
 import * as React from 'react'
 import warning from 'warning'
 import { useClassNames } from '../../_lib/useClassNames'
 
-import './index.css'
+import { RadioGroupContext } from './RadioGroupContext'
+import RadioInput from './RadioInput'
 
 export type RadioProps = React.PropsWithChildren<{
   value: string
@@ -36,23 +39,14 @@ const Radio = forwardRef<HTMLInputElement, RadioProps>(function RadioInner(
   const isDisabled = disabled || isParentDisabled
   const isReadonly = readonly && !isSelected
 
-  const handleChange = useCallback(
-    (e: React.ChangeEvent<HTMLInputElement>) => {
-      onChange(e.currentTarget.value)
-    },
-    [onChange]
-  )
-
   return (
     <label aria-disabled={isDisabled || isReadonly} className={classNames}>
-      <input
-        type="radio"
-        className="charcoal-radio__input"
+      <RadioInput
         name={name}
         value={value}
         checked={isSelected}
         aria-invalid={invalid}
-        onChange={handleChange}
+        onChange={onChange}
         disabled={isDisabled || isReadonly}
         ref={ref}
       />
@@ -64,79 +58,3 @@ const Radio = forwardRef<HTMLInputElement, RadioProps>(function RadioInner(
 })
 
 export default memo(Radio)
-
-export type RadioGroupProps<Value extends string = string> =
-  React.PropsWithChildren<{
-    className?: string
-    value?: Value
-    name: string
-    onChange(next: Value): void
-    disabled?: boolean
-    readonly?: boolean
-    invalid?: boolean
-    ref?: React.Ref<HTMLDivElement>
-  }>
-
-interface RadioGroupContext {
-  name: string
-  selected?: string
-  disabled: boolean
-  readonly: boolean
-  invalid: boolean
-  onChange: (next: string) => void
-}
-
-const RadioGroupContext = React.createContext<RadioGroupContext>({
-  name: undefined as never,
-  selected: undefined,
-  disabled: false,
-  readonly: false,
-  invalid: false,
-  onChange() {
-    throw new Error(
-      'Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?'
-    )
-  },
-})
-
-export const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps<string>>(
-  function RadioGroupInner(
-    { value, name, onChange, disabled, readonly, invalid, children, ...props },
-    ref
-  ) {
-    const classNames = useClassNames('charcoal-radio-group', props.className)
-
-    const handleChange = useCallback(
-      (next: string) => {
-        onChange(next)
-      },
-      [onChange]
-    )
-
-    const contextValue = useMemo(
-      () => ({
-        name,
-        selected: value,
-        disabled: disabled ?? false,
-        readonly: readonly ?? false,
-        invalid: invalid ?? false,
-        onChange: handleChange,
-      }),
-      [disabled, handleChange, invalid, name, readonly, value]
-    )
-
-    return (
-      <RadioGroupContext.Provider value={contextValue}>
-        <div
-          role="radiogroup"
-          aria-orientation="vertical"
-          aria-invalid={invalid}
-          className={classNames}
-          ref={ref}
-        >
-          {children}
-        </div>
-      </RadioGroupContext.Provider>
-    )
-  }
-) as <Value extends string>(props: RadioGroupProps<Value>) => JSX.Element

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

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storybook Tests react/SegmentedControl ObjectSegments 1`] = `
+exports[`Storybook Tests > react/SegmentedControl > ObjectSegments 1`] = `
 <div
   data-dark={false}
 >
@@ -140,7 +140,7 @@ exports[`Storybook Tests react/SegmentedControl ObjectSegments 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/SegmentedControl StringSegments 1`] = `
+exports[`Storybook Tests > react/SegmentedControl > StringSegments 1`] = `
 <div
   data-dark={false}
 >

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

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storybook Tests react/Switch Checked 1`] = `
+exports[`Storybook Tests > react/Switch > Checked 1`] = `
 <div
   data-dark={false}
 >
@@ -19,7 +19,7 @@ exports[`Storybook Tests react/Switch Checked 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/Switch Default 1`] = `
+exports[`Storybook Tests > react/Switch > Default 1`] = `
 <div
   data-dark={false}
 >
@@ -37,7 +37,7 @@ exports[`Storybook Tests react/Switch Default 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/Switch Disabled 1`] = `
+exports[`Storybook Tests > react/Switch > Disabled 1`] = `
 <div
   data-dark={false}
 >
@@ -67,7 +67,7 @@ exports[`Storybook Tests react/Switch Disabled 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/Switch Label 1`] = `
+exports[`Storybook Tests > react/Switch > Label 1`] = `
 <div
   data-dark={false}
 >

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

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storybook Tests react/TagItem Active 1`] = `
+exports[`Storybook Tests > react/TagItem > Active 1`] = `
 <div
   data-dark={false}
 >
@@ -33,7 +33,7 @@ exports[`Storybook Tests react/TagItem Active 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TagItem BGColor 1`] = `
+exports[`Storybook Tests > react/TagItem > BGColor 1`] = `
 <div
   data-dark={false}
 >
@@ -63,7 +63,7 @@ exports[`Storybook Tests react/TagItem BGColor 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TagItem BGImage 1`] = `
+exports[`Storybook Tests > react/TagItem > BGImage 1`] = `
 <div
   data-dark={false}
 >
@@ -93,7 +93,7 @@ exports[`Storybook Tests react/TagItem BGImage 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TagItem Default 1`] = `
+exports[`Storybook Tests > react/TagItem > Default 1`] = `
 <div
   data-dark={false}
 >
@@ -123,7 +123,7 @@ exports[`Storybook Tests react/TagItem Default 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TagItem Disabled 1`] = `
+exports[`Storybook Tests > react/TagItem > Disabled 1`] = `
 <div
   data-dark={false}
 >
@@ -154,7 +154,7 @@ exports[`Storybook Tests react/TagItem Disabled 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TagItem InActive 1`] = `
+exports[`Storybook Tests > react/TagItem > InActive 1`] = `
 <div
   data-dark={false}
 >
@@ -184,7 +184,7 @@ exports[`Storybook Tests react/TagItem InActive 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TagItem Small 1`] = `
+exports[`Storybook Tests > react/TagItem > Small 1`] = `
 <div
   data-dark={false}
 >
@@ -214,7 +214,7 @@ exports[`Storybook Tests react/TagItem Small 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TagItem TranslatedLabel 1`] = `
+exports[`Storybook Tests > react/TagItem > TranslatedLabel 1`] = `
 <div
   data-dark={false}
 >

package/src/components/TagItem/index.tsx

@@ -21,16 +21,12 @@ export type TagItemProps<T extends React.ElementType = 'button'> = {
    * The component used for root element.
    * @type T extends React.ElementType = 'button'
    */
-  as?: T
-  /**
-   * The as property of the component specified by the Button component's as attribute.
-   */
-  componentAs?: React.ComponentPropsWithRef<T>['as']
-} & Omit<React.ComponentPropsWithRef<T>, 'children' | 'as'>
+  component?: T
+} & Omit<React.ComponentPropsWithRef<T>, 'children'>
 
 const TagItem = forwardRef(function TagItemInner<T extends React.ElementType>(
   {
-    as,
+    component,
     label,
     translatedLabel,
     bgColor = '#7ACCB1',
@@ -55,7 +51,7 @@ const TagItem = forwardRef(function TagItemInner<T extends React.ElementType>(
     bgImage !== undefined && bgImage.length > 0 ? 'image' : 'color'
   const bg = bgVariant === 'color' ? bgColor : `url(${bgImage ?? ''})`
 
-  const Component = useMemo(() => as ?? 'button', [as])
+  const Component = useMemo(() => component ?? 'button', [component])
 
   return (
     <Component

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

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storybook Tests react/TextArea AssistiveText 1`] = `
+exports[`Storybook Tests > react/TextArea > AssistiveText 1`] = `
 <div
   data-dark={false}
 >
@@ -69,7 +69,7 @@ exports[`Storybook Tests react/TextArea AssistiveText 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextArea AutoHeight 1`] = `
+exports[`Storybook Tests > react/TextArea > AutoHeight 1`] = `
 <div
   data-dark={false}
 >
@@ -130,7 +130,7 @@ exports[`Storybook Tests react/TextArea AutoHeight 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextArea Default 1`] = `
+exports[`Storybook Tests > react/TextArea > Default 1`] = `
 <div
   data-dark={false}
 >
@@ -201,7 +201,7 @@ exports[`Storybook Tests react/TextArea Default 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextArea Disabled 1`] = `
+exports[`Storybook Tests > react/TextArea > Disabled 1`] = `
 <div
   data-dark={false}
 >
@@ -263,7 +263,7 @@ exports[`Storybook Tests react/TextArea Disabled 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextArea Invalid 1`] = `
+exports[`Storybook Tests > react/TextArea > Invalid 1`] = `
 <div
   data-dark={false}
 >
@@ -333,7 +333,7 @@ exports[`Storybook Tests react/TextArea Invalid 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextArea Label 1`] = `
+exports[`Storybook Tests > react/TextArea > Label 1`] = `
 <div
   data-dark={false}
 >
@@ -380,7 +380,7 @@ exports[`Storybook Tests react/TextArea Label 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextArea Placeholder 1`] = `
+exports[`Storybook Tests > react/TextArea > Placeholder 1`] = `
 <div
   data-dark={false}
 >
@@ -442,7 +442,7 @@ exports[`Storybook Tests react/TextArea Placeholder 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextArea ReadOnly 1`] = `
+exports[`Storybook Tests > react/TextArea > ReadOnly 1`] = `
 <div
   data-dark={false}
 >
@@ -505,7 +505,7 @@ exports[`Storybook Tests react/TextArea ReadOnly 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextArea Required 1`] = `
+exports[`Storybook Tests > react/TextArea > Required 1`] = `
 <div
   data-dark={false}
 >
@@ -571,7 +571,7 @@ exports[`Storybook Tests react/TextArea Required 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextArea ShowCount 1`] = `
+exports[`Storybook Tests > react/TextArea > ShowCount 1`] = `
 <div
   data-dark={false}
 >
@@ -638,7 +638,7 @@ exports[`Storybook Tests react/TextArea ShowCount 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextArea SubLabel 1`] = `
+exports[`Storybook Tests > react/TextArea > SubLabel 1`] = `
 <div
   data-dark={false}
 >

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

@@ -1,4 +1,3 @@
-import styled from 'styled-components'
 import Clickable from '../Clickable'
 import TextField from '.'
 import { useState } from 'react'
@@ -92,21 +91,21 @@ export const Affix: StoryObj<typeof TextField> = {
   },
 }
 
-const PrefixIconWrap = styled.div`
-  display: flex;
-  align-items: center;
-  color: ${({ theme }) => theme.color.text3};
-`
-
 export const Prefix: StoryObj<typeof TextField> = {
   render() {
     return (
       <TextField
         label="Label"
         prefix={
-          <PrefixIconWrap>
+          <div
+            style={{
+              display: 'flex',
+              alignItems: 'center',
+              color: 'var(--charcoal-text3)',
+            }}
+          >
             <pixiv-icon name="16/Search" />
-          </PrefixIconWrap>
+          </div>
         }
       />
     )

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

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storybook Tests react/TextField Affix 1`] = `
+exports[`Storybook Tests > react/TextField > Affix 1`] = `
 <div
   data-dark={false}
 >
@@ -66,7 +66,7 @@ exports[`Storybook Tests react/TextField Affix 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField AssistiveText 1`] = `
+exports[`Storybook Tests > react/TextField > AssistiveText 1`] = `
 <div
   data-dark={false}
 >
@@ -130,7 +130,7 @@ exports[`Storybook Tests react/TextField AssistiveText 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField Default 1`] = `
+exports[`Storybook Tests > react/TextField > Default 1`] = `
 <div
   data-dark={false}
 >
@@ -195,7 +195,7 @@ exports[`Storybook Tests react/TextField Default 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField Disabled 1`] = `
+exports[`Storybook Tests > react/TextField > Disabled 1`] = `
 <div
   data-dark={false}
 >
@@ -252,7 +252,7 @@ exports[`Storybook Tests react/TextField Disabled 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField Invalid 1`] = `
+exports[`Storybook Tests > react/TextField > Invalid 1`] = `
 <div
   data-dark={false}
 >
@@ -317,7 +317,7 @@ exports[`Storybook Tests react/TextField Invalid 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField Label 1`] = `
+exports[`Storybook Tests > react/TextField > Label 1`] = `
 <div
   data-dark={false}
 >
@@ -359,7 +359,7 @@ exports[`Storybook Tests react/TextField Label 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField Number 1`] = `
+exports[`Storybook Tests > react/TextField > Number 1`] = `
 <div
   data-dark={false}
 >
@@ -417,7 +417,7 @@ exports[`Storybook Tests react/TextField Number 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField Placeholder 1`] = `
+exports[`Storybook Tests > react/TextField > Placeholder 1`] = `
 <div
   data-dark={false}
 >
@@ -474,19 +474,7 @@ exports[`Storybook Tests react/TextField Placeholder 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField Prefix 1`] = `
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: #858585;
-}
-
+exports[`Storybook Tests > react/TextField > Prefix 1`] = `
 <div
   data-dark={false}
 >
@@ -532,7 +520,13 @@ exports[`Storybook Tests react/TextField Prefix 1`] = `
         className="charcoal-text-field-prefix"
       >
         <div
-          className="c0"
+          style={
+            Object {
+              "alignItems": "center",
+              "color": "var(--charcoal-text3)",
+              "display": "flex",
+            }
+          }
         >
           <pixiv-icon
             name="16/Search"
@@ -553,7 +547,7 @@ exports[`Storybook Tests react/TextField Prefix 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField ReadOnly 1`] = `
+exports[`Storybook Tests > react/TextField > ReadOnly 1`] = `
 <div
   data-dark={false}
 >
@@ -611,7 +605,7 @@ exports[`Storybook Tests react/TextField ReadOnly 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField RequiredText 1`] = `
+exports[`Storybook Tests > react/TextField > RequiredText 1`] = `
 <div
   data-dark={false}
 >
@@ -658,7 +652,7 @@ exports[`Storybook Tests react/TextField RequiredText 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField ShowCount 1`] = `
+exports[`Storybook Tests > react/TextField > ShowCount 1`] = `
 <div
   data-dark={false}
 >
@@ -724,7 +718,7 @@ exports[`Storybook Tests react/TextField ShowCount 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests react/TextField SubLabel 1`] = `
+exports[`Storybook Tests > react/TextField > SubLabel 1`] = `
 <div
   data-dark={false}
 >

package/src/components/TextField/index.tsx

@@ -26,7 +26,7 @@ export type TextFieldProps = {
   requiredText?: string
   disabled?: boolean
   subLabel?: React.ReactNode
-  rdfaPredix?: string
+  rdfaPrefix?: string
 
   getCount?: (value: string) => number
 } & Omit<React.ComponentPropsWithoutRef<'input'>, 'prefix' | 'onChange'>
@@ -89,7 +89,7 @@ const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
     const showAssistiveText =
       assistiveText != null && assistiveText.length !== 0
 
-    const classNames = useClassNames('charcoal-text-field-root')
+    const classNames = useClassNames('charcoal-text-field-root', className)
 
     return (
       <div className={classNames} aria-disabled={disabled}>

package/src/core/CharcoalProvider.tsx

@@ -1,39 +1,15 @@
 import * as React from 'react'
-import { ThemeProvider } from 'styled-components'
-import ComponentAbstraction, { Components } from './ComponentAbstraction'
-import { TokenInjector } from '@charcoal-ui/styled'
-import type { ThemeMap } from '@charcoal-ui/styled/src/TokenInjector'
-import { CharcoalTheme, ThemeColor } from '@charcoal-ui/theme'
-
 import { OverlayProvider } from './OverlayProvider'
 import { SSRProvider } from './SSRProvider'
 
-export type CharcoalProviderProps = React.PropsWithChildren<{
-  themeMap: ThemeMap<CharcoalTheme>
-  defaultTheme?: CharcoalTheme
-  injectTokens?: boolean
-  components?: Partial<Components>
-  background?: keyof ThemeColor
-}>
+export type CharcoalProviderProps = {
+  children: React.ReactNode
+}
 
-export function CharcoalProvider({
-  themeMap,
-  defaultTheme = themeMap[':root'],
-  components = {},
-  injectTokens = true,
-  children,
-  background,
-}: CharcoalProviderProps) {
+export function CharcoalProvider({ children }: CharcoalProviderProps) {
   return (
     <SSRProvider>
-      <ThemeProvider theme={defaultTheme}>
-        {injectTokens && (
-          <TokenInjector theme={themeMap} background={background} />
-        )}
-        <ComponentAbstraction components={components}>
-          <OverlayProvider>{children}</OverlayProvider>
-        </ComponentAbstraction>
-      </ThemeProvider>
+      <OverlayProvider>{children}</OverlayProvider>
     </SSRProvider>
   )
 }

package/src/index.ts

@@ -1,8 +1,3 @@
-export {
-  default as ComponentAbstraction,
-  useComponentAbstraction,
-  type LinkProps,
-} from './core/ComponentAbstraction'
 export { SSRProvider } from './core/SSRProvider'
 export { OverlayProvider } from './core/OverlayProvider'
 export {
@@ -18,12 +13,8 @@ export {
   default as IconButton,
   type IconButtonProps,
 } from './components/IconButton'
-export {
-  default as Radio,
-  type RadioProps,
-  RadioGroup,
-  type RadioGroupProps,
-} from './components/Radio'
+export { default as Radio, type RadioProps } from './components/Radio'
+export { RadioGroup, type RadioGroupProps } from './components/Radio/RadioGroup'
 export { default as Switch, type SwitchProps } from './components/Switch'
 export {
   default as TextField,

package/src/type.d.ts

@@ -1,18 +1,7 @@
-import { CSSProp, DefaultTheme } from 'styled-components'
-import { CharcoalTheme as Theme } from '@charcoal-ui/theme'
-
-declare module 'styled-components' {
-  export interface DefaultTheme extends Theme {}
-}
+import 'react'
 
 declare module 'react' {
   interface CSSProperties {
-    [key: `--${string}`]: string | undefined
-  }
-  interface Attributes {
-    css?: CSSProp<DefaultTheme>
-  }
-  interface CSSProperties {
-    [key: `--${string}`]: string | undefined
+    [key: `--${string}`]: string | number
   }
 }

package/dist/components/DropdownSelector/Divider.d.ts

@@ -1,7 +0,0 @@
-/**
- * 水平方向の直線
- */
-export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    role: "separator";
-}, "role">;
-//# sourceMappingURL=Divider.d.ts.map

package/dist/components/DropdownSelector/Divider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Divider.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,OAAO;;UAUnB,CAAA"}

package/dist/components/DropdownSelector/DropdownMenuItem.d.ts

@@ -1,7 +0,0 @@
-import { MenuItemProps } from './MenuItem';
-export type DropdownMenuItemProps = Omit<MenuItemProps<'div'>, 'as'>;
-/**
- * DropdownSelectorの選択肢として使うMenuItem
- */
-export default function DropdownMenuItem(props: DropdownMenuItemProps): JSX.Element;
-//# sourceMappingURL=DropdownMenuItem.d.ts.map

package/dist/components/DropdownSelector/DropdownMenuItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownMenuItem.tsx"],"names":[],"mappings":"AACA,OAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAKpD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;AAEpE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAWpE"}

package/dist/components/Modal/__stories__/InternalScrollStory.d.ts

@@ -1,4 +0,0 @@
-import { Story } from '../../../_lib/compat';
-import { ModalProps } from '..';
-export declare const InternalScrollStory: Story<ModalProps>;
-//# sourceMappingURL=InternalScrollStory.d.ts.map

package/dist/components/Modal/__stories__/InternalScrollStory.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InternalScrollStory.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/__stories__/InternalScrollStory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAc,EAAe,UAAU,EAAE,MAAM,IAAI,CAAA;AAQnD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,UAAU,CA0BjD,CAAA"}