@kvell-group/ui 1.16.24 → 1.17.0

package/package.json

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

package/src/components/Button/Button.stories.tsx

@@ -4,7 +4,7 @@ import { KvellUiProvider } from '@/components/KvellUiProvider'
 
 import { RiArrowLeftLine as ArrowLeftSVG, RiLockLine as LockSVG } from '@remixicon/react'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 import { Button } from '@/components/Button'
 import { Text } from '@/components/Text/Text'
 import {

package/src/components/CardLogoByPan/CardLogoByPan.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import { KvellUiProvider } from '@/components/KvellUiProvider'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 
 import { CardLogoByPan as CardLogoByPanComponent } from '@/components/CardLogoByPan/CardLogoByPan'
 

package/src/components/Inputs/CardExpireDateInput/CardExpireDateInput.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import { KvellUiProvider } from '@/components/KvellUiProvider'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 import { CardExpireDateInput as CardExpireDateInputComponent } from '@/components/Inputs/CardExpireDateInput'
 
 // ----------------------------------------------------------------------

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

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import { KvellUiProvider } from '@/components/KvellUiProvider'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 
 import { CardInput as CardInputComponent } from '@/components/Inputs/CardInput'
 

package/src/components/Inputs/Checkbox/Checkbox.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 import { Checkbox as CheckboxComponent } from '@/components/Inputs/Checkbox'
 import { Text } from '@/components/Text'
 import { Anchor } from '@mantine/core'

package/src/components/Inputs/CvvInput/CvvInput.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import { KvellUiProvider } from '@/components/KvellUiProvider'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 import { CvvInput as CvvInputComponent } from '@/components/Inputs/CvvInput'
 
 // ----------------------------------------------------------------------

package/src/components/Inputs/Input/Input.module.css

@@ -9,6 +9,7 @@
   &[data-error] {
     border: 1px solid var(--mantine-color-border-action-destructive-0);
     margin-bottom: -0.125px;
+    color: var(--mantine-color-text-status-destructive-0);
   }
 
   [data-position='left'] ~ & {

package/src/components/Inputs/Input/Input.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import { KvellUiProvider } from '@/components/KvellUiProvider'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 import { Input as InputComponent } from '@/components/Inputs/Input/Input'
 
 // ----------------------------------------------------------------------

package/src/components/Inputs/MaskedInput/MaskedInput.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import { KvellUiProvider } from '@/components/KvellUiProvider'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 import { MaskedInput as MaskedInputComponent } from '@/components/Inputs/MaskedInput'
 
 import { PHONE_MASK } from '@/constants/masks'

package/src/components/Inputs/PasswordInput/PasswordInput.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import { KvellUiProvider } from '@/components/KvellUiProvider'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 import { PasswordInput as PasswordInputComponent } from '@/components/Inputs/PasswordInput/PasswordInput'
 
 // ----------------------------------------------------------------------

package/src/components/Inputs/Switch/Switch.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import { KvellUiProvider } from '@/components/KvellUiProvider'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 import { Switch } from '@/components/Inputs/Switch'
 
 // ----------------------------------------------------------------------

package/src/components/KvellUiProvider/KvellUiProvider.tsx

@@ -2,9 +2,6 @@ import { MantineProvider as MantineProviderCore } from '@mantine/core'
 import type { MantineProviderProps } from '@mantine/core'
 
 import '@mantine/core/styles.layer.css'
-import '@mantine/core/styles/baseline.layer.css'
-import '@mantine/core/styles/default-css-variables.layer.css'
-import '@mantine/core/styles/global.layer.css'
 import './KvellUiProvider.module.css'
 
 // ----------------------------------------------------------------------

package/src/components/Loader/Loader.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import { KvellUiProvider } from '@/components/KvellUiProvider'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 import { Loader } from '@/components/Loader'
 import { LoaderSizes } from '@/components/Loader/constants'
 

package/src/components/Modal/Modal.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 import { KvellUiProvider } from '@/components/KvellUiProvider'
 import { Text } from '@/components/Text'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 import { Modal } from '@/components/Modal'
 import { Button } from '@/components/Button'
 

package/src/components/Text/Text.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 
 import { KvellUiProvider } from '@/components/KvellUiProvider'
 
-import { theme } from '@/components/theme'
+import { theme } from '@/theme'
 import { Text } from '@/components/Text/Text'
 import { FontVariants } from '@/constants/font-variants'
 

package/src/index.ts

@@ -1,9 +1,5 @@
-// components
-export { Button } from './components/Button'
-export { CardLogoByPan } from './components/CardLogoByPan'
-
 // constants
-export { theme } from './components/theme'
+export { theme } from './theme'
 
 //inputs
 export { Input } from './components/Inputs/Input'
@@ -14,14 +10,17 @@ export { CvvInput } from './components/Inputs/CvvInput'
 export { Checkbox } from './components/Inputs/Checkbox'
 export { Switch } from './components/Inputs/Switch'
 
+//providers
+export { KvellUiProvider } from './components/KvellUiProvider'
+
+//components
+export { Button } from './components/Button'
+export { CardLogoByPan } from './components/CardLogoByPan'
 export { Loader } from './components/Loader'
 export { Modal } from './components/Modal'
 export { Text } from './components/Text'
 
-//providers
-export { KvellUiProvider } from './components/KvellUiProvider'
+// core-components ------------------------------------------------------
 
-//core-components
-// ----------------------------------------------------------------------
 //Miscellaneous
-export { Divider } from './core-components/Divider'
+export { Divider } from './components/@core/Divider'