@kvell-group/ui 1.8.3 → 1.9.1

package/dist/components/theme.js

@@ -1,7 +1,5 @@
-function a(r) {
-  return Array.isArray(r) ? r : Array(10).fill(r);
-}
-const e = {
+import { colorsTuple as e } from "@mantine/core";
+const m = {
   focusRing: "never",
   scale: 1,
   //default value
@@ -10,9 +8,13 @@ const e = {
   // white: 'ffffff',
   black: "#14151a",
   colors: {
-    primary: a("#14151a"),
-    secondary: a("#ffffff"),
-    tertiary: a("#0a0f290a")
+    primary: e("#14151a"),
+    secondary: e("#ffffff"),
+    tertiary: e("#0a0f290a"),
+    //borders
+    "border-action-normal": e("#dee0e3"),
+    //text
+    "text-base-tertiary": e("#0d112666")
   },
   primaryShade: 6,
   // { light: 6, dark: 8 } default mantine by theme
@@ -49,40 +51,53 @@ const e = {
     },
   }, */
   radius: {
-    xl: "12px"
-    // xs: '6px', sm: '8px', md: '12px', lg: '16px',
+    // same name from blank and mantine
+    xl: "12px",
+    //mantine default variables
+    xs: "0.125rem",
+    sm: "0.25rem",
+    md: "0.5rem",
+    lg: "2rem"
   },
-  //!!!TODO sync with blank
   defaultRadius: "sm",
   spacing: {
     //blank variables
     "body-s": " -0.20000000298023224px",
-    "caption-l": "-0.10000000149011612px;"
-    //mantine variables !!!TODO sync with mantine
-    // xs: '6px', sm: '8px', md: '12px', lg: '16px', xl: '18px'
+    "caption-l": "-0.10000000149011612px;",
+    //mantine default variables
+    xs: "0.625rem",
+    sm: "0.75rem",
+    md: "1rem",
+    lg: "1.25rem",
+    xl: "2rem"
   },
   //for example
   fontSizes: {
     //blank variables
     "body-s-medium": "16px",
     "caption-l": "14px",
-    // mantine variables !!!TODO sync with mantine
-    xs: "6px",
-    sm: "8px",
-    md: "12px",
-    lg: "16px",
-    xl: "18px"
+    "caption-l-regular": "14px",
+    // mantine default variables
+    xs: "0.75rem",
+    sm: "0.875rem",
+    md: "1rem",
+    lg: "1.125rem",
+    xl: "1.25rem"
   },
   //for example
   lineHeights: {
     //blank variables
     "body-s": "24px",
-    "caption-l": "20px"
-    // mantine variables !!!TODO sync with mantine
-    // xs: '6px', sm: '8px', md: '12px', lg: '16px', xl: '18px'
+    "caption-l": "20px",
+    // mantine default variables
+    xs: "1.4",
+    sm: "1.45",
+    md: "1.55",
+    lg: "1.6",
+    xl: "1.65"
   },
-  //for example
-  // breakpoints: { xs: '6px', sm: '8px', md: '12px', lg: '16px', xl: '18px' }, //for example !!!TODO sync with mantine
+  // mantine default variables
+  breakpoints: { xs: "36em", sm: "48em", md: "62em", lg: "75em", xl: "88em" },
   shadows: {
     //same name for mantine and
     xs: "0px 1px 2px 0px #14151A0D"
@@ -137,5 +152,5 @@ const e = {
   }
 };
 export {
-  e as theme
+  m as theme
 };

package/dist/main.d.ts

@@ -1,4 +1,6 @@
 export { ColorSchemeScript, mantineHtmlProps } from '@mantine/core';
 export { MantineProvider } from './components/MainProvider';
-export { Button } from './components/Button';
 export { theme } from './components/theme';
+export { Button } from './components/Button';
+export { CardInput } from './components/CardInput';
+export { Text } from './components/Text';

package/dist/main.js

@@ -1,48 +1,15 @@
-import { MantineProvider as s } from "./components/MainProvider/MantineProvider.js";
-import { Button as p } from "./components/Button/Button.js";
-import { theme as g } from "./components/theme.js";
-import { jsx as m } from "react/jsx-runtime";
-const a = ({
-  defaultColorScheme: e,
-  localStorageKey: o,
-  forceColorScheme: t
-}) => t ? `document.documentElement.setAttribute("data-mantine-color-scheme", '${t}');` : `try {
-  var _colorScheme = window.localStorage.getItem("${o}");
-  var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${e}";
-  var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
-} catch (e) {}
-`;
-function l({
-  defaultColorScheme: e = "light",
-  localStorageKey: o = "mantine-color-scheme-value",
-  forceColorScheme: t,
-  ...r
-}) {
-  const c = ["light", "dark", "auto"].includes(e) ? e : "light";
-  return /* @__PURE__ */ m(
-    "script",
-    {
-      ...r,
-      "data-mantine-script": !0,
-      dangerouslySetInnerHTML: {
-        __html: a({
-          defaultColorScheme: c,
-          localStorageKey: o,
-          forceColorScheme: t
-        })
-      }
-    }
-  );
-}
-const i = {
-  suppressHydrationWarning: !0,
-  "data-mantine-color-scheme": "light"
-};
+import { ColorSchemeScript as t, mantineHtmlProps as e } from "@mantine/core";
+import { MantineProvider as p } from "./components/MainProvider/MantineProvider.js";
+import { theme as f } from "./components/theme.js";
+import { Button as i } from "./components/Button/Button.js";
+import { CardInput as c } from "./components/CardInput/CardInput.js";
+import { Text as h } from "./components/Text/Text.js";
 export {
-  p as Button,
-  l as ColorSchemeScript,
-  s as MantineProvider,
-  i as mantineHtmlProps,
-  g as theme
+  i as Button,
+  c as CardInput,
+  t as ColorSchemeScript,
+  p as MantineProvider,
+  h as Text,
+  e as mantineHtmlProps,
+  f as theme
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@kvell-group/ui",
   "author": "Kvell Group",
   "private": false,
-  "version": "1.8.3",
+  "version": "1.9.1",
   "type": "module",
   "files": [
     "dist",
@@ -21,17 +21,12 @@
     "format:fix": "prettier --write .",
     "build-storybook": "storybook build"
   },
-  "dependencies": {
+  "peerDependencies": {
     "@mantine/core": "^7.17.3",
     "@mantine/hooks": "^7.17.3",
-    "glob": "^11.0.1",
-    "semantic-release": "^24.2.3",
-    "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^5.1.4"
-  },
-  "peerDependencies ": {
-    "react-dom": "^19.0.0",
-    "react": "^19.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-imask": "^7.6.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.6",
@@ -51,17 +46,20 @@
     "@vitest/browser": "^3.1.1",
     "@vitest/coverage-v8": "^3.1.1",
     "autoprefixer": "^10.4.21",
+    "classnames": "^2.5.1",
     "eslint": "^9.21.0",
     "eslint-config-prettier": "^10.1.1",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-storybook": "^0.12.0",
+    "glob": "^11.0.1",
     "globals": "^15.15.0",
     "playwright": "^1.51.1",
     "postcss": "^8.5.3",
     "postcss-preset-mantine": "^1.17.0",
     "postcss-simple-vars": "^7.0.1",
     "prettier": "^3.5.3",
+    "semantic-release": "^24.2.3",
     "storybook": "^8.6.12",
     "stylelint": "^16.17.0",
     "stylelint-config-standard": "^37.0.0",
@@ -70,6 +68,8 @@
     "vite": "^6.2.0",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-lib-inject-css": "^2.2.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.1.1"
   },
   "publishConfig": {