mbt-ui-kit 0.1.10 → 0.1.11
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.
- package/dist/components/button/button.d.ts +23 -1
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/loader/index.d.ts +3 -0
- package/dist/components/loader/index.d.ts.map +1 -0
- package/dist/components/loader/loader.d.ts +43 -0
- package/dist/components/loader/loader.d.ts.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +105 -76
- package/dist/styles/mbt-ui-kit.css +1 -1
- package/dist/{tokens-DRT06tcO.js → tokens-Bxhg1IBs.js} +2 -2
- package/dist/tokens-only.mjs +1 -1
- package/package.json +1 -1
|
@@ -26,6 +26,28 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
26
26
|
* ```
|
|
27
27
|
*/
|
|
28
28
|
fullWidth?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Показывает лоадер и отключает кнопку
|
|
31
|
+
*
|
|
32
|
+
* @default false
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* ```tsx
|
|
36
|
+
* <Button isLoading>Loading...</Button>
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
loading?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Определяет стиль кнопки
|
|
42
|
+
*
|
|
43
|
+
* @default "primary"
|
|
44
|
+
*
|
|
45
|
+
* @example
|
|
46
|
+
* ```tsx
|
|
47
|
+
* <Button variant="primary">Start</Button>
|
|
48
|
+
* ```
|
|
49
|
+
*/
|
|
50
|
+
variant?: "primary" | "secondary";
|
|
29
51
|
}
|
|
30
52
|
/**
|
|
31
53
|
* Button — компонент кнопки с тремя состояниями (default, hover, disabled)
|
|
@@ -50,5 +72,5 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
50
72
|
* <Button onClick={() => console.log('Clicked!')}>Click Me</Button>
|
|
51
73
|
* ```
|
|
52
74
|
*/
|
|
53
|
-
export declare function Button({ children, fullWidth, disabled, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
75
|
+
export declare function Button({ children, fullWidth, disabled, loading, variant, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
54
76
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CAyBb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Loader component props
|
|
4
|
+
*
|
|
5
|
+
* Расширяет стандартные HTML span атрибуты с дополнительными кастомными свойствами.
|
|
6
|
+
*/
|
|
7
|
+
export interface LoaderProps extends HTMLAttributes<HTMLSpanElement> {
|
|
8
|
+
/**
|
|
9
|
+
* Размер лоадера
|
|
10
|
+
*
|
|
11
|
+
* @default "md"
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <Loader size="sm" />
|
|
16
|
+
* <Loader size="md" />
|
|
17
|
+
* <Loader size="lg" />
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
size?: "sm" | "md" | "lg";
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Loader — компонент анимированных точек загрузки
|
|
24
|
+
*
|
|
25
|
+
* Три точки с плавной анимацией появления/исчезания.
|
|
26
|
+
* Доступны три размера: sm, md, lg.
|
|
27
|
+
*
|
|
28
|
+
* @component
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* ```tsx
|
|
32
|
+
* // Маленький лоадер
|
|
33
|
+
* <Loader size="sm" />
|
|
34
|
+
*
|
|
35
|
+
* // Средний лоадер (по умолчанию)
|
|
36
|
+
* <Loader />
|
|
37
|
+
*
|
|
38
|
+
* // Большой лоадер
|
|
39
|
+
* <Loader size="lg" />
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
export declare function Loader({ size, className, ...props }: LoaderProps): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
//# sourceMappingURL=loader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../src/components/loader/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,MAAM,CAAC,EAAE,IAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAgBvE"}
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./tokens-Bcuwagjb.cjs"),t=require("react/jsx-runtime");function p({size:e="md",className:s,...n}){const o=["mbt-loader",`mbt-loader--${e}`,s].filter(Boolean).join(" ");return t.jsxs("span",{className:o,...n,children:[t.jsx("span",{className:"mbt-loader__dot"}),t.jsx("span",{className:"mbt-loader__dot"}),t.jsx("span",{className:"mbt-loader__dot"})]})}function h({children:e,fullWidth:s,disabled:n,loading:o,variant:a="primary",className:r,...l}){const c=n||o,u=["mbt-button",a&&`mbt-button--${a}`,s&&"mbt-button--full-width",n&&"mbt-button--disabled",o&&"mbt-button--loading",r].filter(Boolean).join(" ");return t.jsxs("button",{type:"button",className:u,disabled:c,...l,children:[t.jsx("span",{className:"mbt-button__content",children:e}),o&&t.jsx(p,{size:"md",className:"mbt-button__loader"})]})}function f({className:e}){return t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:[t.jsx("circle",{cx:"11",cy:"11",r:"8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"m21 21-4.34-4.34",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function _({label:e,muted:s=!1,showSearchIcon:n=!1,icon:o,fullWidth:a=!1,className:r,...l}){const c=["mbt-input",a&&"mbt-input--full-width",r].filter(Boolean).join(" "),u=["mbt-input__label",s&&"mbt-input__label--muted"].filter(Boolean).join(" "),m=["mbt-input__wrapper",s&&"mbt-input__wrapper--muted"].filter(Boolean).join(" "),d=["mbt-input__field",s&&"mbt-input__field--muted"].filter(Boolean).join(" "),x=["mbt-input__icon",s&&"mbt-input__icon--muted"].filter(Boolean).join(" "),b=o||n&&t.jsx(f,{});return t.jsx("div",{className:c,children:t.jsxs("div",{className:"mbt-input__container",children:[e&&t.jsx("label",{className:u,children:e}),t.jsxs("div",{className:m,children:[t.jsx("input",{type:"text",className:d,...l}),b&&t.jsx("div",{className:x,children:b})]})]})})}function N({level:e,children:s,className:n,...o}){const a=`h${e}`,r=[`mbt-h${e}`,n].filter(Boolean).join(" ");return t.jsx(a,{className:r,...o,children:s})}function k({children:e,strong:s=!1,small:n=!1,label:o=!1,muted:a=!1,disableFontFeatures:r=!1,as:l="p",className:c,...u}){const m=l,d=["mbt-text",s&&"mbt-text--strong",n&&"mbt-text--small",o&&"mbt-text--label",a&&"mbt-text--muted",r&&"mbt-text--no-features",c].filter(Boolean).join(" ");return t.jsx(m,{className:d,...u,children:e})}function g({children:e,large:s=!1,muted:n=!1,as:o="div",className:a,...r}){const l=o,c=["mbt-metric",s&&"mbt-metric--large",n&&"mbt-metric--muted",a].filter(Boolean).join(" ");return t.jsx(l,{className:c,...r,children:e})}function j({className:e}){return t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:[t.jsx("path",{d:"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M22 10v6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M6 12.5V16a6 3 0 0 0 12 0v-3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function w({children:e,icon:s,selected:n=!1,small:o=!1,disabled:a,className:r,...l}){const c=["mbt-menu-button",n&&"mbt-menu-button--selected",o&&"mbt-menu-button--small",r].filter(Boolean).join(" "),u=s??t.jsx(j,{});return t.jsxs("button",{type:"button",className:c,disabled:a,"aria-pressed":n,...l,children:[t.jsx("div",{className:"mbt-menu-button__icon",children:u}),t.jsx("span",{className:"mbt-menu-button__text",children:e})]})}exports.colors=i.colors;exports.fontFeatures=i.fontFeatures;exports.fontSizes=i.fontSizes;exports.fontWeights=i.fontWeights;exports.fonts=i.fonts;exports.radius=i.radius;exports.spacing=i.spacing;exports.tokens=i.tokens;exports.transitions=i.transitions;exports.zIndex=i.zIndex;exports.Button=h;exports.GraduationCapIcon=j;exports.Heading=N;exports.Input=_;exports.Loader=p;exports.MenuButton=w;exports.Metric=g;exports.SearchIcon=f;exports.Text=k;
|
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,8 @@ export { tokens, colors, fonts, fontSizes, fontWeights, fontFeatures, spacing, r
|
|
|
3
3
|
export type { Color, Font, FontSize, FontWeight, FontFeature, Spacing, Radius, ZIndex, Transition } from "./styles/tokens";
|
|
4
4
|
export { Button } from "./components/button";
|
|
5
5
|
export type { ButtonProps } from "./components/button";
|
|
6
|
+
export { Loader } from "./components/loader";
|
|
7
|
+
export type { LoaderProps } from "./components/loader";
|
|
6
8
|
export { Input } from "./components/input";
|
|
7
9
|
export type { InputProps } from "./components/input";
|
|
8
10
|
export { SearchIcon } from "./components/input";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAG7B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACpI,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG3H,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EACV,YAAY,EACZ,SAAS,EACT,WAAW,GACZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAG7B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACpI,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG3H,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EACV,YAAY,EACZ,SAAS,EACT,WAAW,GACZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}
|
package/dist/index.mjs
CHANGED
|
@@ -1,21 +1,49 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
import {
|
|
1
|
+
import { c as C, f as y, a as I, b as W, d as z, r as M, s as T, t as $, e as S, z as D } from "./tokens-Bxhg1IBs.js";
|
|
2
|
+
import { jsxs as c, jsx as t } from "react/jsx-runtime";
|
|
3
|
+
function f({ size: e = "md", className: n, ...s }) {
|
|
4
|
+
const o = [
|
|
5
|
+
"mbt-loader",
|
|
6
|
+
`mbt-loader--${e}`,
|
|
7
|
+
n
|
|
8
|
+
].filter(Boolean).join(" ");
|
|
9
|
+
return /* @__PURE__ */ c("span", { className: o, ...s, children: [
|
|
10
|
+
/* @__PURE__ */ t("span", { className: "mbt-loader__dot" }),
|
|
11
|
+
/* @__PURE__ */ t("span", { className: "mbt-loader__dot" }),
|
|
12
|
+
/* @__PURE__ */ t("span", { className: "mbt-loader__dot" })
|
|
13
|
+
] });
|
|
14
|
+
}
|
|
3
15
|
function k({
|
|
4
|
-
children:
|
|
16
|
+
children: e,
|
|
5
17
|
fullWidth: n,
|
|
6
|
-
disabled:
|
|
7
|
-
|
|
8
|
-
|
|
18
|
+
disabled: s,
|
|
19
|
+
loading: o,
|
|
20
|
+
variant: a = "primary",
|
|
21
|
+
className: r,
|
|
22
|
+
...i
|
|
9
23
|
}) {
|
|
10
|
-
const
|
|
24
|
+
const l = s || o, m = [
|
|
11
25
|
"mbt-button",
|
|
26
|
+
a && `mbt-button--${a}`,
|
|
12
27
|
n && "mbt-button--full-width",
|
|
13
|
-
|
|
14
|
-
|
|
28
|
+
s && "mbt-button--disabled",
|
|
29
|
+
o && "mbt-button--loading",
|
|
30
|
+
r
|
|
15
31
|
].filter(Boolean).join(" ");
|
|
16
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ c(
|
|
33
|
+
"button",
|
|
34
|
+
{
|
|
35
|
+
type: "button",
|
|
36
|
+
className: m,
|
|
37
|
+
disabled: l,
|
|
38
|
+
...i,
|
|
39
|
+
children: [
|
|
40
|
+
/* @__PURE__ */ t("span", { className: "mbt-button__content", children: e }),
|
|
41
|
+
o && /* @__PURE__ */ t(f, { size: "md", className: "mbt-button__loader" })
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
);
|
|
17
45
|
}
|
|
18
|
-
function
|
|
46
|
+
function h({ className: e }) {
|
|
19
47
|
return /* @__PURE__ */ c(
|
|
20
48
|
"svg",
|
|
21
49
|
{
|
|
@@ -24,9 +52,9 @@ function p({ className: t }) {
|
|
|
24
52
|
viewBox: "0 0 24 24",
|
|
25
53
|
fill: "none",
|
|
26
54
|
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
-
className:
|
|
55
|
+
className: e,
|
|
28
56
|
children: [
|
|
29
|
-
/* @__PURE__ */
|
|
57
|
+
/* @__PURE__ */ t(
|
|
30
58
|
"circle",
|
|
31
59
|
{
|
|
32
60
|
cx: "11",
|
|
@@ -38,7 +66,7 @@ function p({ className: t }) {
|
|
|
38
66
|
strokeLinejoin: "round"
|
|
39
67
|
}
|
|
40
68
|
),
|
|
41
|
-
/* @__PURE__ */
|
|
69
|
+
/* @__PURE__ */ t(
|
|
42
70
|
"path",
|
|
43
71
|
{
|
|
44
72
|
d: "m21 21-4.34-4.34",
|
|
@@ -53,10 +81,10 @@ function p({ className: t }) {
|
|
|
53
81
|
);
|
|
54
82
|
}
|
|
55
83
|
function x({
|
|
56
|
-
label:
|
|
84
|
+
label: e,
|
|
57
85
|
muted: n = !1,
|
|
58
|
-
showSearchIcon:
|
|
59
|
-
icon:
|
|
86
|
+
showSearchIcon: s = !1,
|
|
87
|
+
icon: o,
|
|
60
88
|
fullWidth: a = !1,
|
|
61
89
|
className: r,
|
|
62
90
|
...i
|
|
@@ -65,75 +93,75 @@ function x({
|
|
|
65
93
|
"mbt-input",
|
|
66
94
|
a && "mbt-input--full-width",
|
|
67
95
|
r
|
|
68
|
-
].filter(Boolean).join(" "),
|
|
96
|
+
].filter(Boolean).join(" "), m = [
|
|
69
97
|
"mbt-input__label",
|
|
70
98
|
n && "mbt-input__label--muted"
|
|
71
|
-
].filter(Boolean).join(" "),
|
|
99
|
+
].filter(Boolean).join(" "), u = [
|
|
72
100
|
"mbt-input__wrapper",
|
|
73
101
|
n && "mbt-input__wrapper--muted"
|
|
74
102
|
].filter(Boolean).join(" "), d = [
|
|
75
103
|
"mbt-input__field",
|
|
76
104
|
n && "mbt-input__field--muted"
|
|
77
|
-
].filter(Boolean).join(" "),
|
|
105
|
+
].filter(Boolean).join(" "), p = [
|
|
78
106
|
"mbt-input__icon",
|
|
79
107
|
n && "mbt-input__icon--muted"
|
|
80
|
-
].filter(Boolean).join(" "), b =
|
|
81
|
-
return /* @__PURE__ */
|
|
82
|
-
|
|
83
|
-
/* @__PURE__ */ c("div", { className:
|
|
84
|
-
/* @__PURE__ */
|
|
85
|
-
b && /* @__PURE__ */
|
|
108
|
+
].filter(Boolean).join(" "), b = o || s && /* @__PURE__ */ t(h, {});
|
|
109
|
+
return /* @__PURE__ */ t("div", { className: l, children: /* @__PURE__ */ c("div", { className: "mbt-input__container", children: [
|
|
110
|
+
e && /* @__PURE__ */ t("label", { className: m, children: e }),
|
|
111
|
+
/* @__PURE__ */ c("div", { className: u, children: [
|
|
112
|
+
/* @__PURE__ */ t("input", { type: "text", className: d, ...i }),
|
|
113
|
+
b && /* @__PURE__ */ t("div", { className: p, children: b })
|
|
86
114
|
] })
|
|
87
115
|
] }) });
|
|
88
116
|
}
|
|
89
|
-
function
|
|
90
|
-
level:
|
|
117
|
+
function j({
|
|
118
|
+
level: e,
|
|
91
119
|
children: n,
|
|
92
|
-
className:
|
|
93
|
-
...
|
|
120
|
+
className: s,
|
|
121
|
+
...o
|
|
94
122
|
}) {
|
|
95
|
-
const a = `h${
|
|
96
|
-
return /* @__PURE__ */
|
|
123
|
+
const a = `h${e}`, r = [`mbt-h${e}`, s].filter(Boolean).join(" ");
|
|
124
|
+
return /* @__PURE__ */ t(a, { className: r, ...o, children: n });
|
|
97
125
|
}
|
|
98
|
-
function
|
|
99
|
-
children:
|
|
126
|
+
function w({
|
|
127
|
+
children: e,
|
|
100
128
|
strong: n = !1,
|
|
101
|
-
small:
|
|
102
|
-
label:
|
|
129
|
+
small: s = !1,
|
|
130
|
+
label: o = !1,
|
|
103
131
|
muted: a = !1,
|
|
104
132
|
disableFontFeatures: r = !1,
|
|
105
133
|
as: i = "p",
|
|
106
134
|
className: l,
|
|
107
|
-
...
|
|
135
|
+
...m
|
|
108
136
|
}) {
|
|
109
|
-
const
|
|
137
|
+
const u = i, d = [
|
|
110
138
|
"mbt-text",
|
|
111
139
|
n && "mbt-text--strong",
|
|
112
|
-
|
|
113
|
-
|
|
140
|
+
s && "mbt-text--small",
|
|
141
|
+
o && "mbt-text--label",
|
|
114
142
|
a && "mbt-text--muted",
|
|
115
143
|
r && "mbt-text--no-features",
|
|
116
144
|
l
|
|
117
145
|
].filter(Boolean).join(" ");
|
|
118
|
-
return /* @__PURE__ */
|
|
146
|
+
return /* @__PURE__ */ t(u, { className: d, ...m, children: e });
|
|
119
147
|
}
|
|
120
|
-
function
|
|
121
|
-
children:
|
|
148
|
+
function g({
|
|
149
|
+
children: e,
|
|
122
150
|
large: n = !1,
|
|
123
|
-
muted:
|
|
124
|
-
as:
|
|
151
|
+
muted: s = !1,
|
|
152
|
+
as: o = "div",
|
|
125
153
|
className: a,
|
|
126
154
|
...r
|
|
127
155
|
}) {
|
|
128
|
-
const i =
|
|
156
|
+
const i = o, l = [
|
|
129
157
|
"mbt-metric",
|
|
130
158
|
n && "mbt-metric--large",
|
|
131
|
-
|
|
159
|
+
s && "mbt-metric--muted",
|
|
132
160
|
a
|
|
133
161
|
].filter(Boolean).join(" ");
|
|
134
|
-
return /* @__PURE__ */
|
|
162
|
+
return /* @__PURE__ */ t(i, { className: l, ...r, children: e });
|
|
135
163
|
}
|
|
136
|
-
function
|
|
164
|
+
function _({ className: e }) {
|
|
137
165
|
return /* @__PURE__ */ c(
|
|
138
166
|
"svg",
|
|
139
167
|
{
|
|
@@ -142,9 +170,9 @@ function h({ className: t }) {
|
|
|
142
170
|
viewBox: "0 0 24 24",
|
|
143
171
|
fill: "none",
|
|
144
172
|
xmlns: "http://www.w3.org/2000/svg",
|
|
145
|
-
className:
|
|
173
|
+
className: e,
|
|
146
174
|
children: [
|
|
147
|
-
/* @__PURE__ */
|
|
175
|
+
/* @__PURE__ */ t(
|
|
148
176
|
"path",
|
|
149
177
|
{
|
|
150
178
|
d: "M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z",
|
|
@@ -154,7 +182,7 @@ function h({ className: t }) {
|
|
|
154
182
|
strokeLinejoin: "round"
|
|
155
183
|
}
|
|
156
184
|
),
|
|
157
|
-
/* @__PURE__ */
|
|
185
|
+
/* @__PURE__ */ t(
|
|
158
186
|
"path",
|
|
159
187
|
{
|
|
160
188
|
d: "M22 10v6",
|
|
@@ -164,7 +192,7 @@ function h({ className: t }) {
|
|
|
164
192
|
strokeLinejoin: "round"
|
|
165
193
|
}
|
|
166
194
|
),
|
|
167
|
-
/* @__PURE__ */
|
|
195
|
+
/* @__PURE__ */ t(
|
|
168
196
|
"path",
|
|
169
197
|
{
|
|
170
198
|
d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5",
|
|
@@ -178,19 +206,19 @@ function h({ className: t }) {
|
|
|
178
206
|
}
|
|
179
207
|
);
|
|
180
208
|
}
|
|
181
|
-
function
|
|
182
|
-
children:
|
|
209
|
+
function B({
|
|
210
|
+
children: e,
|
|
183
211
|
icon: n,
|
|
184
|
-
selected:
|
|
185
|
-
small:
|
|
212
|
+
selected: s = !1,
|
|
213
|
+
small: o = !1,
|
|
186
214
|
disabled: a,
|
|
187
215
|
className: r,
|
|
188
216
|
...i
|
|
189
217
|
}) {
|
|
190
218
|
const l = [
|
|
191
219
|
"mbt-menu-button",
|
|
192
|
-
|
|
193
|
-
|
|
220
|
+
s && "mbt-menu-button--selected",
|
|
221
|
+
o && "mbt-menu-button--small",
|
|
194
222
|
r
|
|
195
223
|
].filter(Boolean).join(" ");
|
|
196
224
|
return /* @__PURE__ */ c(
|
|
@@ -199,32 +227,33 @@ function g({
|
|
|
199
227
|
type: "button",
|
|
200
228
|
className: l,
|
|
201
229
|
disabled: a,
|
|
202
|
-
"aria-pressed":
|
|
230
|
+
"aria-pressed": s,
|
|
203
231
|
...i,
|
|
204
232
|
children: [
|
|
205
|
-
/* @__PURE__ */
|
|
206
|
-
/* @__PURE__ */
|
|
233
|
+
/* @__PURE__ */ t("div", { className: "mbt-menu-button__icon", children: n ?? /* @__PURE__ */ t(_, {}) }),
|
|
234
|
+
/* @__PURE__ */ t("span", { className: "mbt-menu-button__text", children: e })
|
|
207
235
|
]
|
|
208
236
|
}
|
|
209
237
|
);
|
|
210
238
|
}
|
|
211
239
|
export {
|
|
212
240
|
k as Button,
|
|
213
|
-
|
|
214
|
-
|
|
241
|
+
_ as GraduationCapIcon,
|
|
242
|
+
j as Heading,
|
|
215
243
|
x as Input,
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
C as
|
|
222
|
-
y as
|
|
223
|
-
I as
|
|
224
|
-
W as
|
|
244
|
+
f as Loader,
|
|
245
|
+
B as MenuButton,
|
|
246
|
+
g as Metric,
|
|
247
|
+
h as SearchIcon,
|
|
248
|
+
w as Text,
|
|
249
|
+
C as colors,
|
|
250
|
+
y as fontFeatures,
|
|
251
|
+
I as fontSizes,
|
|
252
|
+
W as fontWeights,
|
|
253
|
+
z as fonts,
|
|
225
254
|
M as radius,
|
|
226
|
-
|
|
227
|
-
|
|
255
|
+
T as spacing,
|
|
256
|
+
$ as tokens,
|
|
228
257
|
S as transitions,
|
|
229
|
-
|
|
258
|
+
D as zIndex
|
|
230
259
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";@import"https://rsms.me/inter/inter.css";.mbt-button{appearance:none;border:none;background:none;cursor:pointer;outline:none;display:
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";@import"https://rsms.me/inter/inter.css";.mbt-button{appearance:none;border:none;background:none;cursor:pointer;outline:none;padding:8px 16px;display:grid;place-items:center;border-radius:8px;font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:500;line-height:normal;text-transform:uppercase;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,color .15s ease}.mbt-button--primary{background-color:#f2f4fa;color:#0b0e14}.mbt-button--secondary{background-color:#474953;color:#f2f4fa}.mbt-button__content,.mbt-button__loader{grid-area:1/1}.mbt-button:hover{color:#6663fd}.mbt-button:active{opacity:.9}.mbt-button:focus-visible{box-shadow:0 0 0 2px #0b0e14,0 0 0 4px #6663fd}.mbt-button--disabled{background-color:#474953;color:#8b92a6;cursor:not-allowed;pointer-events:none}.mbt-button--loading{cursor:not-allowed;pointer-events:none}.mbt-button--loading .mbt-button__content{visibility:hidden}.mbt-button--full-width{width:100%}.mbt-input__container{display:flex;flex-direction:column;gap:10px;width:100%;max-width:296px}.mbt-input__label{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#f2f4fa;margin:0;font-feature-settings:"ss01" 1,"salt" 1,"ss02" 1}.mbt-input__label--muted{color:#8b92a6}.mbt-input__wrapper{position:relative;display:flex;align-items:center;width:100%;border:1px solid #F2F4FA;border-radius:8px;padding:8px 16px;background-color:transparent;transition:border-color .15s ease}.mbt-input__wrapper--muted{border-color:#8b92a6}.mbt-input__wrapper:focus-within{border-color:#6663fd}.mbt-input__field{flex:1;appearance:none;border:none;background:none;outline:none;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#f2f4fa;font-feature-settings:"ss01" 1,"salt" 1,"ss02" 1}.mbt-input__field::placeholder{color:#f2f4fa}.mbt-input__field--muted{color:#8b92a6}.mbt-input__field--muted::placeholder{color:#8b92a6}.mbt-input__icon{flex-shrink:0;width:24px;height:24px;margin-left:8px;color:#f2f4fa}.mbt-input__icon--muted{color:#8b92a6}.mbt-input--full-width .mbt-input__container{max-width:none}.mbt-h1{font-family:IBM Plex Sans,sans-serif;font-size:72px;font-weight:600;line-height:80px;color:#f2f4fa;margin:0}.mbt-h2{font-family:IBM Plex Sans,sans-serif;font-size:40px;font-weight:600;line-height:48px;color:#f2f4fa;margin:0}.mbt-h3{font-family:IBM Plex Sans,sans-serif;font-size:28px;font-weight:500;line-height:36px;color:#f2f4fa;margin:0}.mbt-h4{font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:500;line-height:28px;color:#f2f4fa;margin:0}.mbt-h5{font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#f2f4fa;margin:0}.mbt-text{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#f2f4fa;margin:0;font-feature-settings:"salt" on,"ss01" on,"ss02" on}.mbt-text--strong{font-weight:500}.mbt-text--small{font-size:12px;line-height:18px}.mbt-text--label{font-size:12px;text-transform:uppercase}.mbt-text--muted{color:#8b92a6}.mbt-text--no-features{font-feature-settings:normal}.mbt-metric{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:400;line-height:1;color:#f2f4fa;margin:0}.mbt-metric--large{font-size:24px;font-weight:500;line-height:32px}.mbt-metric--muted{color:#8b92a6}.mbt-menu-button{appearance:none;border:none;background:none;cursor:pointer;outline:none;display:flex;align-items:center;width:248px;height:44px;padding:4px 12px;gap:8px;font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#f2f4fa;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px;transition:background-color .15s ease,color .15s ease}.mbt-menu-button__icon{flex-shrink:0;width:24px;height:24px;color:#f2f4fa;transition:color .15s ease}.mbt-menu-button__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.mbt-menu-button:hover:not(:disabled):not(.mbt-menu-button--selected){background-color:#2a3148;color:#3d91ff}.mbt-menu-button:hover:not(:disabled):not(.mbt-menu-button--selected) .mbt-menu-button__icon{color:#3d91ff}.mbt-menu-button--selected{background-color:#1d2335;color:#6663fd}.mbt-menu-button--selected .mbt-menu-button__icon{color:#6663fd}.mbt-menu-button--small{padding:4px 8px;height:32px;gap:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:18px}.mbt-menu-button--small .mbt-menu-button__icon{width:20px;height:20px}.mbt-menu-button:disabled{color:#8b92a6;cursor:not-allowed;pointer-events:none}.mbt-menu-button:disabled .mbt-menu-button__icon{color:#8b92a6}.mbt-loader{display:inline-flex;align-items:center;gap:4px}.mbt-loader__dot{display:inline-block;background-color:currentColor;border-radius:999px;animation:mbt-loader-bounce 1.4s infinite ease-in-out both}.mbt-loader__dot:nth-child(1){animation-delay:-.32s}.mbt-loader__dot:nth-child(2){animation-delay:-.16s}.mbt-loader--sm .mbt-loader__dot{width:6px;height:6px}.mbt-loader--md .mbt-loader__dot{width:9px;height:9px}.mbt-loader--lg .mbt-loader__dot{width:12px;height:12px}@keyframes mbt-loader-bounce{0%,80%,to{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1)}}*,*:before,*:after{box-sizing:border-box}:root{--mbt-color-bg-0: #0b0e14;--mbt-color-bg-1: #111520;--mbt-color-surface: #171c2a;--mbt-color-surface-raised: #1d2335;--mbt-color-text-primary: #f2f4fa;--mbt-color-text-muted: #8b92a6;--mbt-color-text-inverse: #0b0e14;--mbt-color-primary: #6663fd;--mbt-color-secondary: #3d91ff;--mbt-color-gray: #474953;--mbt-color-border: #2a3148;--mbt-color-success: #4dba8a;--mbt-color-error: #c9636a;--mbt-color-warning: #d1a64a;--mbt-color-brilliant: #74cee9;--mbt-color-diamond: #e6f3ff;--mbt-color-diamond-stop-0: #beacd3;--mbt-color-diamond-stop-1: #bee3f7;--mbt-color-diamond-stop-2: #efece7;--mbt-color-diamond-stop-3: #f8ddde;--mbt-color-diamond-stop-4: #cfe6f1;--mbt-color-gold: #D1A64A;--mbt-color-silver: #A09EA6;--mbt-color-bronze: #956C68;--mbt-font-primary: "IBM Plex Sans", sans-serif;--mbt-font-secondary: "Inter", sans-serif;--mbt-font-mono: "IBM Plex Mono", monospace;--mbt-font-size-1: 12px;--mbt-font-size-2: 14px;--mbt-font-size-3: 16px;--mbt-font-size-4: 20px;--mbt-font-size-5: 24px;--mbt-font-size-6: 28px;--mbt-font-size-7: 40px;--mbt-font-size-8: 48px;--mbt-font-size-9: 72px;--mbt-font-weight-regular: 400;--mbt-font-weight-medium: 500;--mbt-font-weight-semibold: 600;--mbt-font-feature-inter-stylistic: "salt" on, "ss01" on, "ss02" on;--mbt-space-0: 0;--mbt-space-1: 4px;--mbt-space-2: 8px;--mbt-space-3: 12px;--mbt-space-4: 16px;--mbt-space-5: 24px;--mbt-space-6: 32px;--mbt-space-7: 48px;--mbt-space-8: 64px;--mbt-space-9: 96px;--mbt-space-10: 128px;--mbt-radius-0: 0;--mbt-radius-xs: 4px;--mbt-radius-sm: 8px;--mbt-radius-md: 12px;--mbt-radius-lg: 16px;--mbt-radius-xl: 24px;--mbt-radius-full: 999px;--mbt-z-index-0: 0;--mbt-z-index-1: 100;--mbt-z-index-2: 200;--mbt-z-index-3: 300;--mbt-z-index-4: 400;--mbt-z-index-5: 500;--mbt-transition-fast: .15s ease;--mbt-transition-normal: .25s ease;--mbt-transition-slow: .4s ease}
|
package/dist/tokens-only.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as t,
|
|
1
|
+
import { c as t, f as o, a as n, b as e, d as r, r as f, s as i, t as c, e as d, z } from "./tokens-Bxhg1IBs.js";
|
|
2
2
|
export {
|
|
3
3
|
t as colors,
|
|
4
4
|
o as fontFeatures,
|