@kvell-group/ui 1.14.2 → 1.15.1

package/dist/components/theme.js

@@ -1,184 +0,0 @@
-import { colorsTuple as e } from "@mantine/core";
-const r = {
-  focusRing: "never",
-  scale: 1,
-  //default value
-  fontSmoothing: !0,
-  //default value
-  // white: 'ffffff',
-  black: "#14151a",
-  colors: {
-    primary: e("#14151a"),
-    secondary: e("#ffffff"),
-    tertiary: e("#0a0f290a"),
-    //borders
-    "border-action-normal": e("#dee0e3"),
-    "border-action-destructive": e("#f7c3c0"),
-    "border-base-alpha": e("#0a0f2914"),
-    //buttons
-    "background-button-tertiary": e("#0a0f290a"),
-    "background-button-primary-disabled": e("#e9eaec"),
-    //icons
-    "icon-base-secondary": e("#0f132499"),
-    "icon-base-tertiary": e("#0D112666"),
-    "icon-status-success": e("#26BD6C"),
-    // icon/base/secondary
-    //text
-    "text-base-secondary": e("#0f132499"),
-    "text-base-tertiary": e("#0d112666"),
-    "text-base-quaternary": e("#0a0f2940"),
-    "text-status-destructive": e("#e6483d"),
-    //toggle
-    "background-toggle-active": e("#26bd6c"),
-    "background-toggle-default": e("#babdc5"),
-    //typography
-    "typography-secondary": e("#91989e")
-  },
-  primaryShade: 6,
-  // { light: 6, dark: 8 } default mantine by theme
-  primaryColor: "primary",
-  /* variantColorResolver: ({ color, variant, gradient, theme }) => {
-      if (variant === 'primary') {
-        return {
-          background: 'var(--mantine-color-red-9)',
-          hover: 'var(--mantine-color-red-8)',
-          color: 'var(--mantine-color-white)',
-          border: 'none',
-        }
-      }
-  
-      return {
-        background: 'var(--mantine-color-red-9)',
-        hover: 'var(--mantine-color-red-8)',
-        color: 'var(--mantine-color-white)',
-        border: 'none',
-      }
-    }, //color by variant */
-  autoContrast: !1,
-  //default value
-  luminanceThreshold: 0.3,
-  //default value
-  fontFamily: "Inter, sans-serif",
-  /* headings: {
-    fontFamily: 'Inter',
-    fontWeight: '600',
-    textWrap: 'wrap', // 'nowrap', 'balance', 'pretty', 'stable',
-    sizes: {
-      h1: { fontSize: '24px', fontWeight: '600', lineHeight: '1.3' }, //{ fontSize: string; fontWeight?: string; lineHeight: string; }
-      //..
-    },
-  }, */
-  radius: {
-    // same name from blank and mantine
-    xl: "0.75rem",
-    xs: "0.25rem",
-    sm: "0.375rem",
-    md: "0.5rem",
-    lg: "0.625rem"
-  },
-  defaultRadius: "xl",
-  spacing: {
-    //blank variables
-    h6: "-0.30000001192092896px",
-    "body-m": "-0.20000000298023224px",
-    "body-s": "-0.20000000298023224px",
-    "body-l": "-0.20000000298023224px",
-    "caption-l": "-0.10000000149011612px;",
-    "caption-m": "0",
-    //mantine default variables
-    xs: "0.625rem",
-    sm: "0.75rem",
-    md: "1rem",
-    lg: "1.25rem",
-    xl: "2rem"
-  },
-  //for example
-  fontSizes: {
-    //blank variables
-    h6: "24px",
-    "body-m": "18px",
-    "body-l": "20px",
-    "body-s": "16px",
-    "caption-l": "14px",
-    "caption-m": "12px",
-    // mantine default variables
-    xs: "0.75rem",
-    sm: "0.875rem",
-    md: "1rem",
-    lg: "1.125rem",
-    xl: "1.25rem"
-  },
-  //for example
-  lineHeights: {
-    //blank variables
-    h6: "32px",
-    "body-m": "26px",
-    "body-s": "24px",
-    "body-l": "28px",
-    "caption-l": "20px",
-    "caption-m": "16px",
-    // mantine default variables
-    xs: "1.4",
-    sm: "1.45",
-    md: "1.55",
-    lg: "1.6",
-    xl: "1.65"
-  },
-  // 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",
-    // sm: '1px 1px 3px rgba(0, 0, 0, .25)',
-    // md: '1px 1px 3px rgba(0, 0, 0, .25)',
-    lg: "0px 3px 6px -2px #14151a0d, 0px 10px 16px -3px #14151a14"
-    // xl: '1px 1px 3px rgba(0, 0, 0, .25)',
-  },
-  //for example
-  respectReducedMotion: !1,
-  //default
-  cursorType: "default",
-  defaultGradient: { from: "black", to: "yellow", deg: 25 },
-  //for example
-  // activeClassName: 'class-name', //for example
-  // focusClassName: 'class-name', //for example
-  /*  components: {
-    Title: Title.extend({
-      classNames: { root: 'classnames' },
-      styles: {},
-      vars: { order: 5 },
-      defaultProps: {},
-    }), //for example
-  }, */
-  other: {
-    // any additional vars
-    /* usage:
-      import { createStyles } from '@mantine/core';
-    
-      const useStyles = createStyles((theme) => ({
-        customBox: {
-          padding: theme.other.customSpacing,
-          backgroundColor: theme.other.brandColor,
-        },
-      }));
-    
-      function MyComponent() {
-        const { classes } = useStyles();
-    
-        return <div className={classes.customBox}>Hello Mantine</div>;
-      }
-        
-      // theme-override.d.ts
-      import '@mantine/core';
-    
-      declare module '@mantine/core' {
-        export interface MantineThemeOther {
-          customSpacing: string;
-          brandColor: string;
-        }
-      }*/
-  }
-};
-export {
-  r as theme
-};

package/dist/constants/font-variants.d.ts

@@ -1,10 +0,0 @@
-export declare const H6_BOLD_FONT_VARIANT: "h6-bold";
-export declare const BODY_M_MEDIUM_FONT_VARIANT: "body-m-medium";
-export declare const BODY_M_BOLD_FONT_VARIANT: "body-m-bold";
-export declare const BODY_L_BOLD_FONT_VARIANT: "body-l-bold";
-export declare const BODY_S_MEDIUM_FONT_VARIANT: "body-s-medium";
-export declare const BODY_S_REGULAR_FONT_VARIANT: "body-s-regular";
-export declare const CAPTION_L_MEDIUM_FONT_VARIANT: "caption-l-medium";
-export declare const CAPTION_L_REGULAR_FONT_VARIANT: "caption-l-regular";
-export declare const CAPTION_M_REGULAR_FONT_VARIANT: "caption-m-regular";
-export declare const FontVariants: ("h6-bold" | "body-m-medium" | "body-m-bold" | "body-l-bold" | "body-s-medium" | "body-s-regular" | "caption-l-medium" | "caption-l-regular" | "caption-m-regular")[];

package/dist/constants/font-variants.js

@@ -1,26 +0,0 @@
-const _ = "h6-bold", A = "body-m-medium", o = "body-m-bold", N = "body-l-bold", T = "body-s-medium", O = "body-s-regular", t = "caption-l-medium", n = "caption-l-regular", I = "caption-m-regular", R = [
-  //heading
-  _,
-  //body
-  N,
-  A,
-  o,
-  T,
-  O,
-  //caption
-  t,
-  n,
-  I
-];
-export {
-  N as BODY_L_BOLD_FONT_VARIANT,
-  o as BODY_M_BOLD_FONT_VARIANT,
-  A as BODY_M_MEDIUM_FONT_VARIANT,
-  T as BODY_S_MEDIUM_FONT_VARIANT,
-  O as BODY_S_REGULAR_FONT_VARIANT,
-  t as CAPTION_L_MEDIUM_FONT_VARIANT,
-  n as CAPTION_L_REGULAR_FONT_VARIANT,
-  I as CAPTION_M_REGULAR_FONT_VARIANT,
-  R as FontVariants,
-  _ as H6_BOLD_FONT_VARIANT
-};

package/dist/constants/masks.d.ts

@@ -1,4 +0,0 @@
-export declare const CARD_NUMBER_MASK: "0000 0000 0000 0000 000";
-export declare const CARD_CVV_MASK: "000";
-export declare const CARD_EXPIRY_DATE_MASK: "00/00";
-export declare const PHONE_MASK: "+7 000 000 00 00";

package/dist/constants/masks.js

@@ -1,7 +0,0 @@
-const A = "0000 0000 0000 0000 000", _ = "000", o = "00/00", t = "+7 000 000 00 00";
-export {
-  _ as CARD_CVV_MASK,
-  o as CARD_EXPIRY_DATE_MASK,
-  A as CARD_NUMBER_MASK,
-  t as PHONE_MASK
-};

package/dist/main.d.ts

@@ -1,14 +0,0 @@
-export { ColorSchemeScript, mantineHtmlProps } from '@mantine/core';
-export { MantineProvider } from './components/MainProvider';
-export { theme } from './components/theme';
-export { Button } from './components/Button';
-export { Input } from './components/Inputs';
-export { CardInput } from './components/Inputs/CardInput';
-export { MaskedInput } from './components/Inputs/MaskedInput';
-export { PasswordInput } from './components/Inputs/PasswordInput';
-export { CvvInput } from './components/Inputs/CvvInput';
-export { CardInputTest } from './components/Inputs/CardInputTest';
-export { Loader } from './components/Loader';
-export { Modal } from './components/Modal';
-export { Switch } from './components/Switch';
-export { Text } from './components/Text';

package/dist/main.js

@@ -1,31 +0,0 @@
-import { ColorSchemeScript as t, mantineHtmlProps as e } from "@mantine/core";
-import { MantineProvider as m } from "./components/MainProvider/MantineProvider.js";
-import { theme as f } from "./components/theme.js";
-import { Button as a } from "./components/Button/Button.js";
-import { Input as u } from "./components/Inputs/Input.js";
-import { CardInput as i } from "./components/Inputs/CardInput/CardInput.js";
-import { MaskedInput as C } from "./components/Inputs/MaskedInput/MaskedInput.js";
-import { PasswordInput as h } from "./components/Inputs/PasswordInput/PasswordInput.js";
-import { CvvInput as v } from "./components/Inputs/CvvInput/CvvInput.js";
-import { CardInputTest as P } from "./components/Inputs/CardInputTest.js";
-import { Loader as w } from "./components/Loader/Loader.js";
-import { Modal as k } from "./components/Modal/Modal.js";
-import { Switch as H } from "./components/Switch/Switch.js";
-import { Text as b } from "./components/Text/Text.js";
-export {
-  a as Button,
-  i as CardInput,
-  P as CardInputTest,
-  t as ColorSchemeScript,
-  v as CvvInput,
-  u as Input,
-  w as Loader,
-  m as MantineProvider,
-  C as MaskedInput,
-  k as Modal,
-  h as PasswordInput,
-  H as Switch,
-  b as Text,
-  e as mantineHtmlProps,
-  f as theme
-};

package/dist/typography.module-krUfTmwf.js

@@ -1,14 +0,0 @@
-import './assets/typography.css';const l = {
-  "h6-bold": "_h6-bold_k821l_2",
-  "body-l-bold": "_body-l-bold_k821l_11",
-  "body-m-bold": "_body-m-bold_k821l_19",
-  "body-m-medium": "_body-m-medium_k821l_27",
-  "body-s-medium": "_body-s-medium_k821l_36",
-  "body-s-regular": "_body-s-regular_k821l_44",
-  "caption-l-medium": "_caption-l-medium_k821l_53",
-  "caption-l-regular": "_caption-l-regular_k821l_61",
-  "caption-m-regular": "_caption-m-regular_k821l_70"
-};
-export {
-  l as c
-};