@kvell-group/ui 1.11.3 → 1.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- .m_87cf2631{background-color:transparent;cursor:pointer;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--mantine-font-size-md);text-align:left;text-decoration:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where([dir=rtl]) .m_87cf2631{text-align:right}.m_77c9d27d{--button-height-xs: 30px;--button-height-sm: 36px;--button-height-md: 42px;--button-height-lg: 50px;--button-height-xl: 60px;--button-height-compact-xs: 22px;--button-height-compact-sm: 26px;--button-height-compact-md: 30px;--button-height-compact-lg: 34px;--button-height-compact-xl: 40px;--button-padding-x-xs: 14px;--button-padding-x-sm: 18px;--button-padding-x-md: 22px;--button-padding-x-lg: 26px;--button-padding-x-xl: 32px;--button-padding-x-compact-xs: 7px;--button-padding-x-compact-sm: 8px;--button-padding-x-compact-md: 10px;--button-padding-x-compact-lg: 12px;--button-padding-x-compact-xl: 14px;--button-height: var(--button-height-sm);--button-padding-x: var(--button-padding-x-sm);--button-color: var(--mantine-color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;position:relative;line-height:1;text-align:center;overflow:hidden;width:auto;cursor:pointer;display:inline-block;border-radius:var(--button-radius, var(--mantine-radius-default));font-size:var(--button-fz, var(--mantine-font-size-sm));background:var(--button-bg, var(--mantine-primary-color-filled));border:var(--button-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--button-color, var(--mantine-color-white));height:var(--button-height, var(--button-height-sm));padding-inline:var(--button-padding-x, var(--button-padding-x-sm));vertical-align:middle}.m_77c9d27d:where([data-block]){display:block;width:100%}.m_77c9d27d:where([data-with-left-section]){padding-inline-start:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where([data-with-right-section]){padding-inline-end:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:1px solid transparent;transform:none}:where([data-mantine-color-scheme=light]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-gray-5);background:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-dark-3);background:var(--mantine-color-dark-6)}.m_77c9d27d:before{content:"";pointer-events:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--button-radius, var(--mantine-radius-default));transform:translateY(-100%);opacity:0;filter:blur(12px);transition:transform .15s ease,opacity .1s ease}:where([data-mantine-color-scheme=light]) .m_77c9d27d:before{background-color:#ffffff26}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:before{background-color:#00000026}.m_77c9d27d:where([data-loading]){cursor:not-allowed;transform:none}.m_77c9d27d:where([data-loading]):before{transform:translateY(0);opacity:1}.m_77c9d27d:where([data-loading]) .m_80f1301b{opacity:0;transform:translateY(100%)}@media (hover: hover){.m_77c9d27d:hover:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}@media (hover: none){.m_77c9d27d:active:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}.m_80f1301b{display:flex;align-items:center;justify-content:var(--button-justify, center);height:100%;overflow:visible;transition:transform .15s ease,opacity .1s ease}.m_811560b9{white-space:nowrap;height:100%;overflow:hidden;display:flex;align-items:center;opacity:1}.m_811560b9:where([data-loading]){opacity:.2}.m_a74036a{display:flex;align-items:center}.m_a74036a:where([data-position=left]){margin-inline-end:var(--mantine-spacing-xs)}.m_a74036a:where([data-position=right]){margin-inline-start:var(--mantine-spacing-xs)}.m_a25b86ee{position:absolute;left:50%;top:50%}.m_80d6d844{--button-border-width: 1px;display:flex}.m_80d6d844 :where(.m_77c9d27d):focus{position:relative;z-index:1}.m_80d6d844[data-orientation=horizontal]{flex-direction:row}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child{border-end-start-radius:0;border-start-start-radius:0;border-inline-start-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-inline-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical]{flex-direction:column}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child{border-end-start-radius:0;border-end-end-radius:0;border-bottom-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child{border-start-start-radius:0;border-start-end-radius:0;border-top-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-bottom-width:calc(var(--button-border-width) / 2);border-top-width:calc(var(--button-border-width) / 2)}.m_70be2a01{--section-height-xs: 30px;--section-height-sm: 36px;--section-height-md: 42px;--section-height-lg: 50px;--section-height-xl: 60px;--section-height-compact-xs: 22px;--section-height-compact-sm: 26px;--section-height-compact-md: 30px;--section-height-compact-lg: 34px;--section-height-compact-xl: 40px;--section-padding-x-xs: 14px;--section-padding-x-sm: 18px;--section-padding-x-md: 22px;--section-padding-x-lg: 26px;--section-padding-x-xl: 32px;--section-padding-x-compact-xs: 7px;--section-padding-x-compact-sm: 8px;--section-padding-x-compact-md: 10px;--section-padding-x-compact-lg: 12px;--section-padding-x-compact-xl: 14px;--section-height: var(--section-height-sm);--section-padding-x: var(--section-padding-x-sm);--section-color: var(--mantine-color-white);font-weight:600;width:auto;border-radius:var(--section-radius, var(--mantine-radius-default));font-size:var(--section-fz, var(--mantine-font-size-sm));background:var(--section-bg, var(--mantine-primary-color-filled));border:var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--section-color, var(--mantine-color-white));height:var(--section-height, var(--section-height-sm));padding-inline:var(--section-padding-x, var(--section-padding-x-sm));vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}._root_arz1h_1{border-radius:12px;box-shadow:var(--mantine-shadow-xs);height:auto;font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}._root_arz1h_1[data-variant=primary]{padding:12px;background-color:var(--mantine-color-primary-0);color:var(--mantine-color-white);border-radius:var(--mantine-radius-xl)}._root_arz1h_1[data-variant=secondary]{background-color:var(--mantine-color-secondary-0);color:var(--mantine-color-primary);padding:10px 12px;border:1px solid #dee0e3}._root_arz1h_1[data-variant=tertiary]{background-color:var(--mantine-color-tertiary-0);color:var(--mantine-color-primary);padding:10px 12px}
1
+ .m_87cf2631{background-color:transparent;cursor:pointer;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--mantine-font-size-md);text-align:left;text-decoration:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where([dir=rtl]) .m_87cf2631{text-align:right}.m_77c9d27d{--button-height-xs: 30px;--button-height-sm: 36px;--button-height-md: 42px;--button-height-lg: 50px;--button-height-xl: 60px;--button-height-compact-xs: 22px;--button-height-compact-sm: 26px;--button-height-compact-md: 30px;--button-height-compact-lg: 34px;--button-height-compact-xl: 40px;--button-padding-x-xs: 14px;--button-padding-x-sm: 18px;--button-padding-x-md: 22px;--button-padding-x-lg: 26px;--button-padding-x-xl: 32px;--button-padding-x-compact-xs: 7px;--button-padding-x-compact-sm: 8px;--button-padding-x-compact-md: 10px;--button-padding-x-compact-lg: 12px;--button-padding-x-compact-xl: 14px;--button-height: var(--button-height-sm);--button-padding-x: var(--button-padding-x-sm);--button-color: var(--mantine-color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;position:relative;line-height:1;text-align:center;overflow:hidden;width:auto;cursor:pointer;display:inline-block;border-radius:var(--button-radius, var(--mantine-radius-default));font-size:var(--button-fz, var(--mantine-font-size-sm));background:var(--button-bg, var(--mantine-primary-color-filled));border:var(--button-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--button-color, var(--mantine-color-white));height:var(--button-height, var(--button-height-sm));padding-inline:var(--button-padding-x, var(--button-padding-x-sm));vertical-align:middle}.m_77c9d27d:where([data-block]){display:block;width:100%}.m_77c9d27d:where([data-with-left-section]){padding-inline-start:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where([data-with-right-section]){padding-inline-end:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:1px solid transparent;transform:none}:where([data-mantine-color-scheme=light]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-gray-5);background:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-dark-3);background:var(--mantine-color-dark-6)}.m_77c9d27d:before{content:"";pointer-events:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--button-radius, var(--mantine-radius-default));transform:translateY(-100%);opacity:0;filter:blur(12px);transition:transform .15s ease,opacity .1s ease}:where([data-mantine-color-scheme=light]) .m_77c9d27d:before{background-color:#ffffff26}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:before{background-color:#00000026}.m_77c9d27d:where([data-loading]){cursor:not-allowed;transform:none}.m_77c9d27d:where([data-loading]):before{transform:translateY(0);opacity:1}.m_77c9d27d:where([data-loading]) .m_80f1301b{opacity:0;transform:translateY(100%)}@media (hover: hover){.m_77c9d27d:hover:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}@media (hover: none){.m_77c9d27d:active:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}.m_80f1301b{display:flex;align-items:center;justify-content:var(--button-justify, center);height:100%;overflow:visible;transition:transform .15s ease,opacity .1s ease}.m_811560b9{white-space:nowrap;height:100%;overflow:hidden;display:flex;align-items:center;opacity:1}.m_811560b9:where([data-loading]){opacity:.2}.m_a74036a{display:flex;align-items:center}.m_a74036a:where([data-position=left]){margin-inline-end:var(--mantine-spacing-xs)}.m_a74036a:where([data-position=right]){margin-inline-start:var(--mantine-spacing-xs)}.m_a25b86ee{position:absolute;left:50%;top:50%}.m_80d6d844{--button-border-width: 1px;display:flex}.m_80d6d844 :where(.m_77c9d27d):focus{position:relative;z-index:1}.m_80d6d844[data-orientation=horizontal]{flex-direction:row}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child{border-end-start-radius:0;border-start-start-radius:0;border-inline-start-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-inline-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical]{flex-direction:column}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child{border-end-start-radius:0;border-end-end-radius:0;border-bottom-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child{border-start-start-radius:0;border-start-end-radius:0;border-top-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-bottom-width:calc(var(--button-border-width) / 2);border-top-width:calc(var(--button-border-width) / 2)}.m_70be2a01{--section-height-xs: 30px;--section-height-sm: 36px;--section-height-md: 42px;--section-height-lg: 50px;--section-height-xl: 60px;--section-height-compact-xs: 22px;--section-height-compact-sm: 26px;--section-height-compact-md: 30px;--section-height-compact-lg: 34px;--section-height-compact-xl: 40px;--section-padding-x-xs: 14px;--section-padding-x-sm: 18px;--section-padding-x-md: 22px;--section-padding-x-lg: 26px;--section-padding-x-xl: 32px;--section-padding-x-compact-xs: 7px;--section-padding-x-compact-sm: 8px;--section-padding-x-compact-md: 10px;--section-padding-x-compact-lg: 12px;--section-padding-x-compact-xl: 14px;--section-height: var(--section-height-sm);--section-padding-x: var(--section-padding-x-sm);--section-color: var(--mantine-color-white);font-weight:600;width:auto;border-radius:var(--section-radius, var(--mantine-radius-default));font-size:var(--section-fz, var(--mantine-font-size-sm));background:var(--section-bg, var(--mantine-primary-color-filled));border:var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--section-color, var(--mantine-color-white));height:var(--section-height, var(--section-height-sm));padding-inline:var(--section-padding-x, var(--section-padding-x-sm));vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}._root_dkdpv_1{border-radius:12px;box-shadow:var(--mantine-shadow-xs);height:auto;font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}._root_dkdpv_1[data-variant=primary]{padding:12px;background-color:var(--mantine-color-primary-0);color:var(--mantine-color-white);border-radius:var(--mantine-radius-xl)}._root_dkdpv_1[data-variant=secondary]{background-color:var(--mantine-color-secondary-0);color:var(--mantine-color-primary);padding:10px 12px;border:1px solid #dee0e3}._root_dkdpv_1[data-variant=tertiary]{background-color:var(--mantine-color-tertiary-0);color:var(--mantine-color-primary);padding:10px 12px}._root_dkdpv_1[data-size=xs]{padding:6px}
@@ -0,0 +1 @@
1
+ ._root_jcnc7_1{box-shadow:var(--mantine-shadows-lg)}._content_jcnc7_5{border-radius:var(--mantine-radius-xl);border:1px solid var(--mantine-color-border-action-normal-0);white-space:pre-wrap;padding:.5rem}._header_jcnc7_12{padding-bottom:.25rem}button._close_jcnc7_16{position:absolute;right:.25rem;top:.4rem;display:flex;background-color:var(--mantine-color-background-button-tertiary-0);border-radius:50%;--cb-size: 1.5rem}button._close_jcnc7_16>svg{color:var(--mantine-color-icon-base-secondary-0);scale:.75}
@@ -1 +1 @@
1
- ._body-s-medium_19522_2{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-s-medium);line-height:var(--mantine-line-height-body-s);letter-spacing:var(--mantine-letter-spacing-body-s)}._caption-l-medium_19522_11{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}._caption-l-regular_19522_19{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-caption-l-regular);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}
1
+ ._body-s-medium_1la8r_2{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-s-medium);line-height:var(--mantine-line-height-body-s);letter-spacing:var(--mantine-letter-spacing-body-s)}h2._body-m-medium_1la8r_10,._body-m-medium_1la8r_10{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-m);line-height:var(--mantine-line-height-body-m);letter-spacing:var(--mantine-letter-spacing-body-m)}._caption-l-medium_1la8r_20{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}p._caption-l-regular_1la8r_28,._caption-l-regular_1la8r_28{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}
@@ -1,2 +1,5 @@
1
- import { ButtonProps } from '@mantine/core';
2
- export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
1
+ import { ButtonProps as BaseButtonProps, ElementProps } from '@mantine/core';
2
+ import { ExtendedButtonVariant } from './types';
3
+ export declare const Button: import('react').ForwardRefExoticComponent<BaseButtonProps & ElementProps<"button"> & {
4
+ variant?: ExtendedButtonVariant;
5
+ } & import('react').RefAttributes<HTMLButtonElement>>;
@@ -1,14 +1,14 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { Button as s } from "@mantine/core";
3
3
  import { forwardRef as m } from "react";
4
- import '../../assets/Button.css';const a = "_root_arz1h_1", n = {
5
- root: a
4
+ import '../../assets/Button.css';const n = "_root_dkdpv_1", a = {
5
+ root: n
6
6
  }, p = m((o, t) => /* @__PURE__ */ r(
7
7
  s,
8
8
  {
9
9
  ref: t,
10
10
  ...o,
11
- classNames: n
11
+ classNames: a
12
12
  }
13
13
  ));
14
14
  export {
@@ -1,8 +1,8 @@
1
- import { InputBase as a } from "@mantine/core";
2
- import { c as s, b as o } from "../../clsx-BvFBxcni.js";
3
- import { c as t } from "../../typography.module-D5hr9RHB.js";
1
+ import { InputBase as r } from "@mantine/core";
2
+ import { c as s, b as a } from "../../clsx-BvFBxcni.js";
3
+ import { t as o } from "../../typography.module-CkcKr7wr.js";
4
4
  import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../constants/font-variants.js";
5
- const { input: m, error: p, ...n } = o, r = t[e], c = s(m, r), i = s(p, r), I = a.withProps({
5
+ const { input: m, error: p, ...n } = a, t = o[e], c = s(m, t), i = s(p, t), I = r.withProps({
6
6
  classNames: { ...n, input: c, error: i }
7
7
  });
8
8
  export {
@@ -1,6 +1,6 @@
1
1
  import { PasswordInput as t } from "@mantine/core";
2
2
  import { c as s, b as a } from "../../../clsx-BvFBxcni.js";
3
- import { c as r } from "../../../typography.module-D5hr9RHB.js";
3
+ import { t as r } from "../../../typography.module-CkcKr7wr.js";
4
4
  import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../../constants/font-variants.js";
5
5
  import '../../../assets/PasswordInput.css';const n = "_section_1lzoc_1", c = {
6
6
  section: n
@@ -0,0 +1,4 @@
1
+ export declare const Modal: import('react').ForwardRefExoticComponent<import('@mantine/core').ModalProps & import('react').RefAttributes<HTMLDivElement> & {
2
+ component?: any;
3
+ renderRoot?: (props: Record<string, any>) => React.ReactNode;
4
+ }>;
@@ -0,0 +1,15 @@
1
+ import { Modal as o } from "@mantine/core";
2
+ import { t } from "../../typography.module-CkcKr7wr.js";
3
+ import { BODY_M_MEDIUM_FONT_VARIANT as c } from "../../constants/font-variants.js";
4
+ import '../../assets/Modal.css';const s = "_root_jcnc7_1", e = "_content_jcnc7_5", a = "_header_jcnc7_12", n = "_close_jcnc7_16", _ = {
5
+ root: s,
6
+ content: e,
7
+ header: a,
8
+ close: n
9
+ }, d = o.withProps({
10
+ classNames: { ..._, title: t[c] },
11
+ withOverlay: !1
12
+ });
13
+ export {
14
+ d as Modal
15
+ };
@@ -0,0 +1 @@
1
+ export { Modal } from './Modal';
@@ -0,0 +1,4 @@
1
+ import { Modal as a } from "./Modal.js";
2
+ export {
3
+ a as Modal
4
+ };
@@ -1,15 +1,15 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { Text as m } from "@mantine/core";
3
- import { forwardRef as s } from "react";
4
- import { c as a } from "../../typography.module-D5hr9RHB.js";
5
- const c = s((t, o) => /* @__PURE__ */ r(
3
+ import { forwardRef as a } from "react";
4
+ import { t as e } from "../../typography.module-CkcKr7wr.js";
5
+ const p = a((t, o) => /* @__PURE__ */ r(
6
6
  m,
7
7
  {
8
8
  ref: o,
9
9
  ...t,
10
- classNames: { root: a[t.variant || "text"] }
10
+ classNames: { root: e[t.variant || "text"] }
11
11
  }
12
12
  ));
13
13
  export {
14
- c as Text
14
+ p as Text
15
15
  };
@@ -1,5 +1,5 @@
1
1
  import { colorsTuple as e } from "@mantine/core";
2
- const m = {
2
+ const a = {
3
3
  focusRing: "never",
4
4
  scale: 1,
5
5
  //default value
@@ -14,7 +14,13 @@ const m = {
14
14
  //borders
15
15
  "border-action-normal": e("#dee0e3"),
16
16
  "border-action-destructive": e("#f7c3c0"),
17
+ //buttons
18
+ "background-button-tertiary": e("#0a0f290a"),
19
+ //icons
20
+ "icon-base-secondary": e("#0f132499"),
21
+ // icon/base/secondary
17
22
  //text
23
+ "text-base-secondary": e("#0f132499"),
18
24
  "text-base-tertiary": e("#0d112666"),
19
25
  "text-status-destructive": e("#e6483d")
20
26
  },
@@ -64,7 +70,8 @@ const m = {
64
70
  defaultRadius: "sm",
65
71
  spacing: {
66
72
  //blank variables
67
- "body-s": " -0.20000000298023224px",
73
+ "body-m": "-0.20000000298023224px",
74
+ "body-s": "-0.20000000298023224px",
68
75
  "caption-l": "-0.10000000149011612px;",
69
76
  //mantine default variables
70
77
  xs: "0.625rem",
@@ -76,9 +83,9 @@ const m = {
76
83
  //for example
77
84
  fontSizes: {
78
85
  //blank variables
86
+ "body-m": "18px",
79
87
  "body-s-medium": "16px",
80
88
  "caption-l": "14px",
81
- "caption-l-regular": "14px",
82
89
  // mantine default variables
83
90
  xs: "0.75rem",
84
91
  sm: "0.875rem",
@@ -89,6 +96,7 @@ const m = {
89
96
  //for example
90
97
  lineHeights: {
91
98
  //blank variables
99
+ "body-m": "26px",
92
100
  "body-s": "24px",
93
101
  "caption-l": "20px",
94
102
  // mantine default variables
@@ -102,10 +110,10 @@ const m = {
102
110
  breakpoints: { xs: "36em", sm: "48em", md: "62em", lg: "75em", xl: "88em" },
103
111
  shadows: {
104
112
  //same name for mantine and
105
- xs: "0px 1px 2px 0px #14151A0D"
113
+ xs: "0px 1px 2px 0px #14151A0D",
106
114
  // sm: '1px 1px 3px rgba(0, 0, 0, .25)',
107
115
  // md: '1px 1px 3px rgba(0, 0, 0, .25)',
108
- // lg: '1px 1px 3px rgba(0, 0, 0, .25)',
116
+ lg: "0px 3px 6px -2px #14151a0d, 0px 10px 16px -3px #14151a14"
109
117
  // xl: '1px 1px 3px rgba(0, 0, 0, .25)',
110
118
  },
111
119
  //for example
@@ -154,5 +162,5 @@ const m = {
154
162
  }
155
163
  };
156
164
  export {
157
- m as theme
165
+ a as theme
158
166
  };
@@ -1,4 +1,5 @@
1
+ export declare const BODY_M_MEDIUM_FONT_VARIANT: "body-m-medium";
1
2
  export declare const BODY_S_MEDIUM_FONT_VARIANT: "body-s-medium";
2
3
  export declare const CAPTION_L_MEDIUM_FONT_VARIANT: "caption-l-medium";
3
4
  export declare const CAPTION_L_REGULAR_FONT_VARIANT: "caption-l-regular";
4
- export declare const FontVariants: ("body-s-medium" | "caption-l-regular" | "caption-l-medium")[];
5
+ export declare const FontVariants: ("body-s-medium" | "body-m-medium" | "caption-l-medium" | "caption-l-regular")[];
@@ -1,11 +1,13 @@
1
- const _ = "body-s-medium", o = "caption-l-medium", t = "caption-l-regular", A = [
1
+ const _ = "body-m-medium", o = "body-s-medium", A = "caption-l-medium", t = "caption-l-regular", N = [
2
2
  _,
3
3
  o,
4
+ A,
4
5
  t
5
6
  ];
6
7
  export {
7
- _ as BODY_S_MEDIUM_FONT_VARIANT,
8
- o as CAPTION_L_MEDIUM_FONT_VARIANT,
8
+ _ as BODY_M_MEDIUM_FONT_VARIANT,
9
+ o as BODY_S_MEDIUM_FONT_VARIANT,
10
+ A as CAPTION_L_MEDIUM_FONT_VARIANT,
9
11
  t as CAPTION_L_REGULAR_FONT_VARIANT,
10
- A as FontVariants
12
+ N as FontVariants
11
13
  };
package/dist/main.d.ts CHANGED
@@ -8,3 +8,4 @@ export { MaskedInput } from './components/Inputs/MaskedInput';
8
8
  export { PasswordInput } from './components/Inputs/PasswordInput';
9
9
  export { CvvInput } from './components/Inputs/CvvInput';
10
10
  export { Text } from './components/Text';
11
+ export { Modal } from './components/Modal';
package/dist/main.js CHANGED
@@ -1,23 +1,25 @@
1
1
  import { ColorSchemeScript as t, mantineHtmlProps as e } from "@mantine/core";
2
2
  import { MantineProvider as m } from "./components/MainProvider/MantineProvider.js";
3
3
  import { theme as f } from "./components/theme.js";
4
- import { Button as u } from "./components/Button/Button.js";
5
- import { Input as I } from "./components/Inputs/Input.js";
4
+ import { Button as a } from "./components/Button/Button.js";
5
+ import { Input as d } from "./components/Inputs/Input.js";
6
6
  import { CardInput as i } from "./components/Inputs/CardInput/CardInput.js";
7
- import { MaskedInput as v } from "./components/Inputs/MaskedInput/MaskedInput.js";
8
- import { PasswordInput as P } from "./components/Inputs/PasswordInput/PasswordInput.js";
9
- import { CvvInput as h } from "./components/Inputs/CvvInput/CvvInput.js";
10
- import { Text as M } from "./components/Text/Text.js";
7
+ import { MaskedInput as l } from "./components/Inputs/MaskedInput/MaskedInput.js";
8
+ import { PasswordInput as C } from "./components/Inputs/PasswordInput/PasswordInput.js";
9
+ import { CvvInput as P } from "./components/Inputs/CvvInput/CvvInput.js";
10
+ import { Text as h } from "./components/Text/Text.js";
11
+ import { Modal as k } from "./components/Modal/Modal.js";
11
12
  export {
12
- u as Button,
13
+ a as Button,
13
14
  i as CardInput,
14
15
  t as ColorSchemeScript,
15
- h as CvvInput,
16
- I as Input,
16
+ P as CvvInput,
17
+ d as Input,
17
18
  m as MantineProvider,
18
- v as MaskedInput,
19
- P as PasswordInput,
20
- M as Text,
19
+ l as MaskedInput,
20
+ k as Modal,
21
+ C as PasswordInput,
22
+ h as Text,
21
23
  e as mantineHtmlProps,
22
24
  f as theme
23
25
  };
@@ -0,0 +1,9 @@
1
+ import './assets/typography.css';const m = {
2
+ "body-s-medium": "_body-s-medium_1la8r_2",
3
+ "body-m-medium": "_body-m-medium_1la8r_10",
4
+ "caption-l-medium": "_caption-l-medium_1la8r_20",
5
+ "caption-l-regular": "_caption-l-regular_1la8r_28"
6
+ };
7
+ export {
8
+ m as t
9
+ };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@kvell-group/ui",
3
3
  "author": "Kvell Group",
4
4
  "private": false,
5
- "version": "1.11.3",
5
+ "version": "1.12.0",
6
6
  "type": "module",
7
7
  "files": [
8
8
  "dist",
@@ -1,8 +0,0 @@
1
- import './assets/typography.css';const a = {
2
- "body-s-medium": "_body-s-medium_19522_2",
3
- "caption-l-medium": "_caption-l-medium_19522_11",
4
- "caption-l-regular": "_caption-l-regular_19522_19"
5
- };
6
- export {
7
- a as c
8
- };