@byline/ui 4.10.2 → 4.11.1

package/src/icons/search-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/icons/search-menu-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/icons/settings-gear-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/icons/settings-sliders-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/icons/sign-out-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/icons/stop-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.jsx'
 import styles from './icons.module.css'

package/src/icons/stopwatch-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element'
 import styles from './icons.module.css'

package/src/icons/success-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/icons/user-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/icons/users-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/icons/video-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/icons/wallet-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/icons/warning-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/icons/x-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'

package/src/loaders/ellipses.tsx

@@ -1,7 +1,7 @@
 // https://github.com/JoshK2/react-spinners-css
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './ellipses.module.css'
 import type { LoaderProps } from './@types/index.js'

package/src/loaders/ring.tsx

@@ -1,7 +1,7 @@
 // https://github.com/JoshK2/react-spinners-css
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './ring.module.css'
 import type { LoaderProps } from './@types/index.js'

package/src/loaders/spinner.tsx

@@ -1,7 +1,7 @@
 // https://github.com/JoshK2/react-spinners-css
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './spinner.module.css'
 import type { LoaderProps } from './@types/index.js'

package/src/widgets/datepicker/datepicker.tsx

@@ -11,7 +11,7 @@ import type React from 'react'
 import { useEffect, useRef, useState } from 'react'
 
 import { Popover } from '@base-ui/react/popover'
-import cx from 'classnames'
+import cx from 'clsx'
 import { format } from 'date-fns'
 
 import { Button } from '../../components/button/button.js'

package/src/widgets/drawer/drawer-container.tsx

@@ -2,7 +2,7 @@
 
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './drawer.module.css'
 

package/src/widgets/drawer/drawer-content.tsx

@@ -2,7 +2,7 @@
 
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './drawer.module.css'
 

package/src/widgets/drawer/drawer-header.tsx

@@ -2,7 +2,7 @@
 
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './drawer.module.css'
 

package/src/widgets/drawer/drawer-top-actions.tsx

@@ -2,7 +2,7 @@
 
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './drawer.module.css'
 

package/src/widgets/drawer/drawer.tsx

@@ -4,7 +4,7 @@ import type { ReactNode } from 'react'
 import { useEffect } from 'react'
 
 import { Drawer as BaseDrawer } from '@base-ui/react/drawer'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './drawer.module.css'
 import { DrawerContainer } from './drawer-container'

package/src/widgets/image-lightbox/image-lightbox.tsx

@@ -8,7 +8,7 @@
  * Copyright (c) Infonomic Company Limited
  */
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { IconButton } from '../../components/button/icon-button.js'
 import { CloseIcon } from '../../icons/close-icon.js'

package/src/widgets/modal/modal-actions.tsx

@@ -2,7 +2,7 @@
 
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './modal.module.css'
 

package/src/widgets/modal/modal-container.tsx

@@ -2,7 +2,7 @@
 
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './modal.module.css'
 

package/src/widgets/modal/modal-content.tsx

@@ -2,7 +2,7 @@
 
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './modal.module.css'
 

package/src/widgets/modal/modal-header.tsx

@@ -2,7 +2,7 @@
 
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './modal.module.css'
 

package/src/widgets/modal/modal.tsx

@@ -4,7 +4,7 @@ import type React from 'react'
 import { createContext, useCallback, useRef, useState } from 'react'
 
 import { Dialog } from '@base-ui/react/dialog'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './modal.module.css'
 import { ModalActions } from './modal-actions'

package/src/widgets/timeline/timeline.tsx

@@ -2,7 +2,7 @@
 
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './timeline.module.css'