@byline/ui 4.11.0 → 4.11.2

package/src/components/inputs/calendar.tsx

@@ -11,7 +11,7 @@
 import * as React from 'react'
 
 import { Select as SelectPrimitive } from '@base-ui/react/select'
-import cx from 'classnames'
+import cx from 'clsx'
 import {
   DayPicker,
   type DayPickerProps,

package/src/components/inputs/checkbox-group.tsx

@@ -3,7 +3,7 @@
 import type React from 'react'
 import { useEffect, useState } from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { Checkbox } from './checkbox.jsx'
 import styles from './checkbox-group.module.css'

package/src/components/inputs/checkbox.tsx

@@ -3,7 +3,7 @@
 import type * as React from 'react'
 
 import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { CheckIcon } from '../../icons/check-icon'
 import styles from './checkbox.module.css'

package/src/components/inputs/error-text.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './error-text.module.css'
 

package/src/components/inputs/help-text.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './help-text.module.css'
 

package/src/components/inputs/input-adornment.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './input-adornment.module.css'
 

package/src/components/inputs/input.tsx

@@ -2,7 +2,7 @@
 
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { ErrorText } from './error-text.jsx'
 import { HelpText } from './help-text.jsx'

package/src/components/inputs/label.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './label.module.css'
 

package/src/components/inputs/radio-group.tsx

@@ -4,7 +4,7 @@ import type React from 'react'
 
 import { Radio } from '@base-ui/react/radio'
 import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './radio-group.module.css'
 import type { Intent } from '../@types/shared'

package/src/components/inputs/select.tsx

@@ -3,7 +3,7 @@
 import type React from 'react'
 
 import { Select as SelectPrimitive } from '@base-ui/react/select'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { CheckIcon } from '../../icons/check-icon.jsx'
 import { ChevronDownIcon } from '../../icons/chevron-down-icon.jsx'

package/src/components/inputs/text-area.tsx

@@ -1,6 +1,6 @@
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { ErrorText } from './error-text.jsx'
 import { HelpText } from './help-text.jsx'

package/src/components/notifications/alert.tsx

@@ -3,7 +3,7 @@
 import type React from 'react'
 import { useEffect, useState } from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { CloseIcon } from '../../icons/close-icon'
 import { DangerIcon } from '../../icons/danger-icon'

package/src/components/notifications/toast.tsx

@@ -3,7 +3,7 @@
 import React from 'react'
 
 import { Toast as ToastPrimitive } from '@base-ui/react/toast'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { CloseIcon } from '../../icons/close-icon'
 import { DangerIcon } from '../../icons/danger-icon'

package/src/components/pager/ellipses.tsx

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

package/src/components/pager/first-button.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { ChevronLeftDoubleIcon } from '../../icons/chevron-left-double-icon.js'
 import { usePager } from './pagination'

package/src/components/pager/last-button.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { ChevronRightDoubleIcon } from '../../icons/chevron-right-double-icon.js'
 import { usePager } from './pagination'

package/src/components/pager/next-button.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { ChevronRightIcon } from '../../icons/chevron-right-icon.js'
 import { usePager } from './pagination'

package/src/components/pager/number-button.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useMediaQuery } from '../../hooks/use-media-query'
 import { usePager } from './pagination'

package/src/components/pager/pagination.tsx

@@ -6,7 +6,7 @@
 /* eslint-disable react/jsx-pascal-case */
 import React, { useContext } from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { Ellipses } from './ellipses.js'
 import { FirstButton } from './first-button'

package/src/components/pager/previous-button.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { ChevronLeftIcon } from '../../icons/chevron-left-icon.js'
 import { usePager } from './pagination'

package/src/components/scroll-area/scroll-area.tsx

@@ -1,7 +1,7 @@
 import type React from 'react'
 
 import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './scroll-area.module.css'
 

package/src/components/scroll-to-top/scroll-to-top.tsx

@@ -2,7 +2,7 @@
 
 import { type ComponentProps, type MouseEvent, useEffect, useState } from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './scroll-to-top.module.css'
 

package/src/components/section/section.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './section.module.css'
 

package/src/components/shimmer/shimmer.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './shimmer.module.css'
 

package/src/components/table/table.tsx

@@ -1,6 +1,6 @@
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './table.module.css'
 

package/src/components/tabs/tabs.tsx

@@ -3,7 +3,7 @@
 import type * as React from 'react'
 
 import { Tabs as TabsPrimitive } from '@base-ui/react/tabs'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './tabs.module.css'
 

package/src/components/tooltip/tooltip.tsx

@@ -3,7 +3,7 @@
 import type React from 'react'
 
 import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './tooltip.module.css'
 

package/src/dnd/draggable-sortable/demo/draggable-list-demo.tsx

@@ -3,7 +3,7 @@
 import { useState } from 'react'
 
 import { Card, GripperVerticalIcon } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { DraggableSortable, moveItem, useSortable } from '..'
 import styles from './draggable-list-demo.module.css'

package/src/icons/activity-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/ai-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/byline-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 type { IconProps } from './types/icon.js'

package/src/icons/calendar-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/check-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/chevron-down-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/chevron-left-double-icon.tsx

@@ -21,7 +21,7 @@
 
 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/chevron-left-icon.tsx

@@ -21,7 +21,7 @@
 
 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/chevron-right-double-icon.tsx

@@ -21,7 +21,7 @@
 
 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/chevron-right-icon.tsx

@@ -21,7 +21,7 @@
 
 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/chevron-up-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/chevrons-up-down.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/close-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/copy-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/danger-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/dashboard-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/delete-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/document-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/download-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/edit-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/ellipsis-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/email-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/external-link-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/eye-closed-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/eye-open-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/github-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/globe-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/google-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 type { IconProps } from './types/icon.js'

package/src/icons/gripper-vertical-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/history-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/home-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/icon-element.tsx

@@ -1,7 +1,7 @@
 import type React from 'react'
 import type { ReactNode } from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './icons.module.css'
 

package/src/icons/info-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/infonomic-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 type { IconProps } from './types/icon.js'

package/src/icons/light-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/location-pin-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/markdown-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/moon-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'