@kvell-group/ui 1.18.12 → 1.18.14

package/package.json

@@ -2,7 +2,7 @@
   "name": "@kvell-group/ui",
   "author": "Kvell Group",
   "private": false,
-  "version": "1.18.12",
+  "version": "1.18.14",
   "type": "module",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/ActionIcon/ActionIcon.tsx

@@ -1,7 +1,5 @@
 import { createPolymorphicComponent, ActionIcon as MantineActionIcon } from '@mantine/core'
 import type { ActionIconProps as BaseActionIconProps } from '@mantine/core'
-import '@mantine/core/styles/UnstyledButton.layer.css'
-import '@mantine/core/styles/Button.layer.css'
 import classNames from './ActionIcon.module.css'
 import { forwardRef } from 'react'
 import type { ExtendedActionIconVariant } from './types'

package/src/components/Button/Button.tsx

@@ -1,7 +1,5 @@
 import { createPolymorphicComponent, Button as MantineButton } from '@mantine/core'
 import type { ButtonProps as BaseButtonProps } from '@mantine/core'
-import '@mantine/core/styles/UnstyledButton.layer.css'
-import '@mantine/core/styles/Button.layer.css'
 import classNames from './Button.module.css'
 import { forwardRef } from 'react'
 import type { ExtendedButtonVariant } from './types'

package/src/components/Inputs/CardInput/CardInput.tsx

@@ -10,7 +10,7 @@ import { CardLogoByPan } from '../../CardLogoByPan'
 
 const mask = IMask.createMask({ mask: CARD_NUMBER_MASK })
 
-type CardInputProps = Omit<MaskedInputProps, 'value'> & { value: string }
+type CardInputProps = Omit<MaskedInputProps, 'value'> & { value?: string }
 
 // ----------------------------------------------------------------------
 
@@ -22,7 +22,7 @@ export const CardInput = forwardRef<HTMLInputElement, CardInputProps>((props, re
       autoComplete='cc-number'
       {...props}
       mask={mask}
-      rightSection={<CardLogoByPan value={props.value} />}
+      rightSection={<CardLogoByPan value={props?.value || ''} />}
       leftSection={<CardSVG size={20} />}
       placeholder='____ ____ ____ ____'
     />