mbt-ui-kit 0.1.4 → 0.1.5
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/index.cjs +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -9
- package/dist/{tokens-C9fYKp_b.js → tokens-BIevcwmF.js} +8 -7
- package/dist/{tokens-B_TubVTm.cjs → tokens-Buhra6sa.cjs} +1 -1
- package/dist/tokens-only.cjs +1 -1
- package/dist/tokens-only.d.ts +2 -2
- package/dist/tokens-only.d.ts.map +1 -1
- package/dist/tokens-only.js +11 -10
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./tokens-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./tokens-Buhra6sa.cjs"),t=require("react/jsx-runtime");function j({children:e,fullWidth:n,disabled:s,className:o,...i}){const r=["mbt-button",n&&"mbt-button--full-width",s&&"mbt-button--disabled",o].filter(Boolean).join(" ");return t.jsx("button",{type:"button",className:r,disabled:s,...i,children:e})}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 h({label:e,muted:n=!1,showSearchIcon:s=!1,icon:o,fullWidth:i=!1,className:r,...l}){const c=["mbt-input",i&&"mbt-input--full-width",r].filter(Boolean).join(" "),u=["mbt-input__label",n&&"mbt-input__label--muted"].filter(Boolean).join(" "),m=["mbt-input__wrapper",n&&"mbt-input__wrapper--muted"].filter(Boolean).join(" "),d=["mbt-input__field",n&&"mbt-input__field--muted"].filter(Boolean).join(" "),x=["mbt-input__icon",n&&"mbt-input__icon--muted"].filter(Boolean).join(" "),b=o||s&&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 k({level:e,children:n,className:s,...o}){const i=`h${e}`,r=[`mbt-h${e}`,s].filter(Boolean).join(" ");return t.jsx(i,{className:r,...o,children:n})}function _({children:e,strong:n=!1,small:s=!1,label:o=!1,muted:i=!1,disableFontFeatures:r=!1,as:l="p",className:c,...u}){const m=l,d=["mbt-text",n&&"mbt-text--strong",s&&"mbt-text--small",o&&"mbt-text--label",i&&"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:n=!1,muted:s=!1,as:o="div",className:i,...r}){const l=o,c=["mbt-metric",n&&"mbt-metric--large",s&&"mbt-metric--muted",i].filter(Boolean).join(" ");return t.jsx(l,{className:c,...r,children:e})}function p({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 N({children:e,icon:n,selected:s=!1,small:o=!1,disabled:i,className:r,...l}){const c=["mbt-menu-button",s&&"mbt-menu-button--selected",o&&"mbt-menu-button--small",r].filter(Boolean).join(" "),u=n??t.jsx(p,{});return t.jsxs("button",{type:"button",className:c,disabled:i,"aria-pressed":s,...l,children:[t.jsx("div",{className:"mbt-menu-button__icon",children:u}),t.jsx("span",{className:"mbt-menu-button__text",children:e})]})}exports.colors=a.colors;exports.fontFeatures=a.fontFeatures;exports.fontSizes=a.fontSizes;exports.fontWeights=a.fontWeights;exports.fonts=a.fonts;exports.radius=a.radius;exports.spacing=a.spacing;exports.tokens=a.tokens;exports.transitions=a.transitions;exports.zIndex=a.zIndex;exports.Button=j;exports.GraduationCapIcon=p;exports.Heading=k;exports.Input=h;exports.MenuButton=N;exports.Metric=g;exports.SearchIcon=f;exports.Text=_;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "./styles/index.scss";
|
|
2
|
-
export { tokens, colors, fonts, fontSizes, fontWeights, spacing, radius, zIndex, transitions } from "./styles/tokens";
|
|
3
|
-
export type { Color, Font, FontSize, FontWeight, Spacing, Radius, ZIndex, Transition } from "./styles/tokens";
|
|
2
|
+
export { tokens, colors, fonts, fontSizes, fontWeights, fontFeatures, spacing, radius, zIndex, transitions } from "./styles/tokens";
|
|
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
6
|
export { Input } 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,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,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,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.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as L,
|
|
1
|
+
import { c as L, d as C, a as y, b as I, f as W, r as M, s as z, t as T, e as S, z as $ } from "./tokens-BIevcwmF.js";
|
|
2
2
|
import { jsx as e, jsxs as c } from "react/jsx-runtime";
|
|
3
3
|
function k({
|
|
4
4
|
children: t,
|
|
@@ -218,12 +218,13 @@ export {
|
|
|
218
218
|
p as SearchIcon,
|
|
219
219
|
j as Text,
|
|
220
220
|
L as colors,
|
|
221
|
-
C as
|
|
222
|
-
y as
|
|
223
|
-
I as
|
|
224
|
-
W as
|
|
225
|
-
M as
|
|
226
|
-
z as
|
|
227
|
-
T as
|
|
228
|
-
S as
|
|
221
|
+
C as fontFeatures,
|
|
222
|
+
y as fontSizes,
|
|
223
|
+
I as fontWeights,
|
|
224
|
+
W as fonts,
|
|
225
|
+
M as radius,
|
|
226
|
+
z as spacing,
|
|
227
|
+
T as tokens,
|
|
228
|
+
S as transitions,
|
|
229
|
+
$ as zIndex
|
|
229
230
|
};
|
|
@@ -28,7 +28,7 @@ const s = {
|
|
|
28
28
|
primary: '"IBM Plex Sans", sans-serif',
|
|
29
29
|
secondary: '"Inter", sans-serif',
|
|
30
30
|
mono: '"IBM Plex Mono", monospace'
|
|
31
|
-
},
|
|
31
|
+
}, a = {
|
|
32
32
|
1: "12px",
|
|
33
33
|
2: "14px",
|
|
34
34
|
3: "16px",
|
|
@@ -38,7 +38,7 @@ const s = {
|
|
|
38
38
|
7: "40px",
|
|
39
39
|
8: "48px",
|
|
40
40
|
9: "72px"
|
|
41
|
-
},
|
|
41
|
+
}, n = {
|
|
42
42
|
regular: 400,
|
|
43
43
|
medium: 500,
|
|
44
44
|
semibold: 600
|
|
@@ -78,8 +78,8 @@ const s = {
|
|
|
78
78
|
}, i = {
|
|
79
79
|
colors: s,
|
|
80
80
|
fonts: o,
|
|
81
|
-
fontSizes:
|
|
82
|
-
fontWeights:
|
|
81
|
+
fontSizes: a,
|
|
82
|
+
fontWeights: n,
|
|
83
83
|
fontFeatures: t,
|
|
84
84
|
spacing: e,
|
|
85
85
|
radius: p,
|
|
@@ -87,10 +87,11 @@ const s = {
|
|
|
87
87
|
transitions: r
|
|
88
88
|
};
|
|
89
89
|
export {
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
a,
|
|
91
|
+
n as b,
|
|
92
92
|
s as c,
|
|
93
|
-
|
|
93
|
+
t as d,
|
|
94
|
+
r as e,
|
|
94
95
|
o as f,
|
|
95
96
|
p as r,
|
|
96
97
|
e as s,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s={bg0:"#0B0E14",bg1:"#111520",surface:"#171C2A",surfaceRaised:"#1D2335",textPrimary:"#F2F4FA",textMuted:"#8B92A6",textInverse:"#0B0E14",primary:"#6663FD",secondary:"#4FA3B3",gray:"#474953",border:"#2A3148",success:"#4DBA8A",error:"#C9636A",warning:"#D1A64A",diamond:"#E6F3FF",diamondStop0:"#BEACD3",diamondStop1:"#BEE3F7",diamondStop2:"#EFECE7",diamondStop3:"#F8DDDE",diamondStop4:"#CFE6F1"},o={primary:'"IBM Plex Sans", sans-serif',secondary:'"Inter", sans-serif',mono:'"IBM Plex Mono", monospace'},n={1:"12px",2:"14px",3:"16px",4:"20px",5:"24px",6:"28px",7:"40px",8:"48px",9:"72px"},t={regular:400,medium:500,semibold:600},
|
|
1
|
+
"use strict";const s={bg0:"#0B0E14",bg1:"#111520",surface:"#171C2A",surfaceRaised:"#1D2335",textPrimary:"#F2F4FA",textMuted:"#8B92A6",textInverse:"#0B0E14",primary:"#6663FD",secondary:"#4FA3B3",gray:"#474953",border:"#2A3148",success:"#4DBA8A",error:"#C9636A",warning:"#D1A64A",diamond:"#E6F3FF",diamondStop0:"#BEACD3",diamondStop1:"#BEE3F7",diamondStop2:"#EFECE7",diamondStop3:"#F8DDDE",diamondStop4:"#CFE6F1"},o={primary:'"IBM Plex Sans", sans-serif',secondary:'"Inter", sans-serif',mono:'"IBM Plex Mono", monospace'},n={1:"12px",2:"14px",3:"16px",4:"20px",5:"24px",6:"28px",7:"40px",8:"48px",9:"72px"},t={regular:400,medium:500,semibold:600},e={interStylistic:"'salt' on, 'ss01' on, 'ss02' on"},a={0:"0",1:"4px",2:"8px",3:"12px",4:"16px",5:"24px",6:"32px",7:"48px",8:"64px",9:"96px",10:"128px"},p={0:"0",xs:"4px",sm:"8px",md:"12px",lg:"16px",xl:"24px",full:"999px"},r={0:0,1:100,2:200,3:300,4:400,5:500},x={fast:"150ms ease",normal:"250ms ease",slow:"400ms ease"},i={colors:s,fonts:o,fontSizes:n,fontWeights:t,fontFeatures:e,spacing:a,radius:p,zIndex:r,transitions:x};exports.colors=s;exports.fontFeatures=e;exports.fontSizes=n;exports.fontWeights=t;exports.fonts=o;exports.radius=p;exports.spacing=a;exports.tokens=i;exports.transitions=x;exports.zIndex=r;
|
package/dist/tokens-only.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 t=require("./tokens-Buhra6sa.cjs");exports.colors=t.colors;exports.fontFeatures=t.fontFeatures;exports.fontSizes=t.fontSizes;exports.fontWeights=t.fontWeights;exports.fonts=t.fonts;exports.radius=t.radius;exports.spacing=t.spacing;exports.tokens=t.tokens;exports.transitions=t.transitions;exports.zIndex=t.zIndex;
|
package/dist/tokens-only.d.ts
CHANGED
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
* Используйте этот импорт, если нужны только токены без компонентов
|
|
5
5
|
*/
|
|
6
6
|
import "./styles/tokens.css";
|
|
7
|
-
export { tokens, colors, fonts, fontSizes, fontWeights, spacing, radius, zIndex, transitions, } from "./styles/tokens";
|
|
8
|
-
export type { Color, Font, FontSize, FontWeight, Spacing, Radius, ZIndex, Transition, } from "./styles/tokens";
|
|
7
|
+
export { tokens, colors, fonts, fontSizes, fontWeights, fontFeatures, spacing, radius, zIndex, transitions, } from "./styles/tokens";
|
|
8
|
+
export type { Color, Font, FontSize, FontWeight, FontFeature, Spacing, Radius, ZIndex, Transition, } from "./styles/tokens";
|
|
9
9
|
//# sourceMappingURL=tokens-only.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens-only.d.ts","sourceRoot":"","sources":["../src/tokens-only.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,MAAM,EACN,MAAM,EACN,WAAW,GACZ,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,MAAM,EACN,MAAM,EACN,UAAU,GACX,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"tokens-only.d.ts","sourceRoot":"","sources":["../src/tokens-only.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,MAAM,EACN,MAAM,EACN,WAAW,GACZ,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,MAAM,EACN,UAAU,GACX,MAAM,iBAAiB,CAAC"}
|
package/dist/tokens-only.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { c as o, a as
|
|
1
|
+
import { c as t, d as o, a as n, b as e, f as r, r as f, s as i, t as c, e as d, z } from "./tokens-BIevcwmF.js";
|
|
2
2
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
n as
|
|
6
|
-
|
|
7
|
-
r as
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
c as
|
|
11
|
-
d as
|
|
3
|
+
t as colors,
|
|
4
|
+
o as fontFeatures,
|
|
5
|
+
n as fontSizes,
|
|
6
|
+
e as fontWeights,
|
|
7
|
+
r as fonts,
|
|
8
|
+
f as radius,
|
|
9
|
+
i as spacing,
|
|
10
|
+
c as tokens,
|
|
11
|
+
d as transitions,
|
|
12
|
+
z as zIndex
|
|
12
13
|
};
|