@smartyweb/ui 1.2.5 → 1.2.7
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/README.md +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +28 -148
- package/dist/text/index.d.ts +0 -15
- package/dist/ui.css +1 -1
- package/package.json +2 -1
- package/dist/text/BodyLarge/BodyLarge.d.ts +0 -7
- package/dist/text/BodyLarge/index.d.ts +0 -1
- package/dist/text/BodySmall/BodySmall.d.ts +0 -7
- package/dist/text/BodySmall/index.d.ts +0 -1
- package/dist/text/ButtonLarge/ButtonLarge.d.ts +0 -7
- package/dist/text/ButtonLarge/index.d.ts +0 -1
- package/dist/text/ButtonSmall/ButtonSmall.d.ts +0 -7
- package/dist/text/ButtonSmall/index.d.ts +0 -1
- package/dist/text/CaptionLarge/CaptionLarge.d.ts +0 -7
- package/dist/text/CaptionLarge/index.d.ts +0 -1
- package/dist/text/CaptionMedium/CaptionMedium.d.ts +0 -7
- package/dist/text/CaptionMedium/index.d.ts +0 -1
- package/dist/text/CaptionUppercase/CaptionUppercase.d.ts +0 -7
- package/dist/text/CaptionUppercase/index.d.ts +0 -1
- package/dist/text/Code/Code.d.ts +0 -7
- package/dist/text/Code/index.d.ts +0 -1
- package/dist/text/H2/H2.d.ts +0 -7
- package/dist/text/H2/index.d.ts +0 -1
- package/dist/text/H3/H3.d.ts +0 -7
- package/dist/text/H3/index.d.ts +0 -1
- package/dist/text/H4/H4.d.ts +0 -7
- package/dist/text/H4/index.d.ts +0 -1
- package/dist/text/H5/H5.d.ts +0 -7
- package/dist/text/H5/index.d.ts +0 -1
- package/dist/text/H6/H6.d.ts +0 -7
- package/dist/text/H6/index.d.ts +0 -1
- package/dist/text/HExtra/HExtra.d.ts +0 -7
- package/dist/text/HExtra/index.d.ts +0 -2
- package/dist/text/Paragraph/Paragraph.d.ts +0 -7
- package/dist/text/Paragraph/index.d.ts +0 -1
package/README.md
CHANGED
|
@@ -146,7 +146,7 @@ This opens an interactive prompt:
|
|
|
146
146
|
Then apply the version bump immediately on the same branch:
|
|
147
147
|
|
|
148
148
|
```bash
|
|
149
|
-
|
|
149
|
+
npm run version # bumps package.json and updates CHANGELOG.md
|
|
150
150
|
```
|
|
151
151
|
|
|
152
152
|
Commit everything and push:
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),m="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),m="_h1_4hjou_1",v={h1:m};function y({children:n,className:t}){return o.jsx("h1",{className:`${v.h1}${t?` ${t}`:""}`,children:n})}const d="_button_1n3va_1",b="_sm_1n3va_39",f="_primary_1n3va_58",g="_secondary_1n3va_74",h="_negative_1n3va_93",s={button:d,sm:b,primary:f,secondary:g,negative:h};function j({as:n="button",variant:t="primary",size:r="default",href:a,openInNewTab:e,disabled:c,type:_,onClick:i,children:u}){const l=[s.button,s[t],r==="sm"&&s.sm].filter(Boolean).join(" ");return o.jsx(n,{className:l,href:a,target:e?"_blank":void 0,rel:e?"noopener noreferrer":void 0,disabled:c,type:_,onClick:i,children:u})}exports.Button=j;exports.H1=y;
|
package/dist/index.js
CHANGED
|
@@ -1,164 +1,44 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
const
|
|
3
|
-
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
const l = "_h1_4hjou_1", v = {
|
|
3
|
+
h1: l
|
|
4
4
|
};
|
|
5
|
-
function
|
|
6
|
-
|
|
7
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
5
|
+
function $({ children: t, className: n }) {
|
|
6
|
+
return /* @__PURE__ */ e("h1", { className: `${v.h1}${n ? ` ${n}` : ""}`, children: t });
|
|
8
7
|
}
|
|
9
|
-
const
|
|
10
|
-
|
|
8
|
+
const y = "_button_1n3va_1", d = "_sm_1n3va_39", f = "_primary_1n3va_58", h = "_secondary_1n3va_74", p = "_negative_1n3va_93", s = {
|
|
9
|
+
button: y,
|
|
10
|
+
sm: d,
|
|
11
|
+
primary: f,
|
|
12
|
+
secondary: h,
|
|
13
|
+
negative: p
|
|
11
14
|
};
|
|
12
|
-
function
|
|
13
|
-
return /* @__PURE__ */ o("h1", { className: `${f.h1}${s ? ` ${s}` : ""}`, children: t });
|
|
14
|
-
}
|
|
15
|
-
const y = "_h2_1i98w_1", d = {
|
|
16
|
-
h2: y
|
|
17
|
-
};
|
|
18
|
-
function T({ as: t = "h2", children: s, className: n }) {
|
|
19
|
-
const a = [d.h2, n].filter(Boolean).join(" ");
|
|
20
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
21
|
-
}
|
|
22
|
-
const N = "_h3_wip1f_1", j = {
|
|
23
|
-
h3: N
|
|
24
|
-
};
|
|
25
|
-
function ss({ as: t = "h3", children: s, className: n }) {
|
|
26
|
-
const a = [j.h3, n].filter(Boolean).join(" ");
|
|
27
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
28
|
-
}
|
|
29
|
-
const g = "_h4_thwwf_1", b = {
|
|
30
|
-
h4: g
|
|
31
|
-
};
|
|
32
|
-
function ts({ as: t = "h4", children: s, className: n }) {
|
|
33
|
-
const a = [b.h4, n].filter(Boolean).join(" ");
|
|
34
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
35
|
-
}
|
|
36
|
-
const B = "_h5_zem0s_1", $ = {
|
|
37
|
-
h5: B
|
|
38
|
-
};
|
|
39
|
-
function ns({ as: t = "h5", children: s, className: n }) {
|
|
40
|
-
const a = [$.h5, n].filter(Boolean).join(" ");
|
|
41
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
42
|
-
}
|
|
43
|
-
const x = "_h6_py9o3_1", L = {
|
|
44
|
-
h6: x
|
|
45
|
-
};
|
|
46
|
-
function as({ as: t = "h6", children: s, className: n }) {
|
|
47
|
-
const a = [L.h6, n].filter(Boolean).join(" ");
|
|
48
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
49
|
-
}
|
|
50
|
-
const S = "_paragraph_6mdxp_1", H = {
|
|
51
|
-
paragraph: S
|
|
52
|
-
};
|
|
53
|
-
function os({ as: t = "p", children: s, className: n }) {
|
|
54
|
-
const a = [H.paragraph, n].filter(Boolean).join(" ");
|
|
55
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
56
|
-
}
|
|
57
|
-
const v = "_bodyLarge_zgxpr_1", E = {
|
|
58
|
-
bodyLarge: v
|
|
59
|
-
};
|
|
60
|
-
function es({ as: t = "p", children: s, className: n }) {
|
|
61
|
-
const a = [E.bodyLarge, n].filter(Boolean).join(" ");
|
|
62
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
63
|
-
}
|
|
64
|
-
const M = "_bodySmall_izgxi_1", U = {
|
|
65
|
-
bodySmall: M
|
|
66
|
-
};
|
|
67
|
-
function cs({ as: t = "p", children: s, className: n }) {
|
|
68
|
-
const a = [U.bodySmall, n].filter(Boolean).join(" ");
|
|
69
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
70
|
-
}
|
|
71
|
-
const z = "_buttonLarge_1kib2_1", C = {
|
|
72
|
-
buttonLarge: z
|
|
73
|
-
};
|
|
74
|
-
function ls({ as: t = "span", children: s, className: n }) {
|
|
75
|
-
const a = [C.buttonLarge, n].filter(Boolean).join(" ");
|
|
76
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
77
|
-
}
|
|
78
|
-
const k = "_buttonSmall_1ga6z_1", w = {
|
|
79
|
-
buttonSmall: k
|
|
80
|
-
};
|
|
81
|
-
function rs({ as: t = "span", children: s, className: n }) {
|
|
82
|
-
const a = [w.buttonSmall, n].filter(Boolean).join(" ");
|
|
83
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
84
|
-
}
|
|
85
|
-
const P = "_captionLarge_keyl9_1", q = {
|
|
86
|
-
captionLarge: P
|
|
87
|
-
};
|
|
88
|
-
function is({ as: t = "span", children: s, className: n }) {
|
|
89
|
-
const a = [q.captionLarge, n].filter(Boolean).join(" ");
|
|
90
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
91
|
-
}
|
|
92
|
-
const A = "_captionMedium_9rjdy_1", D = {
|
|
93
|
-
captionMedium: A
|
|
94
|
-
};
|
|
95
|
-
function _s({ as: t = "span", children: s, className: n }) {
|
|
96
|
-
const a = [D.captionMedium, n].filter(Boolean).join(" ");
|
|
97
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
98
|
-
}
|
|
99
|
-
const F = "_captionUppercase_15jnh_1", G = {
|
|
100
|
-
captionUppercase: F
|
|
101
|
-
};
|
|
102
|
-
function ms({ as: t = "span", children: s, className: n }) {
|
|
103
|
-
const a = [G.captionUppercase, n].filter(Boolean).join(" ");
|
|
104
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
105
|
-
}
|
|
106
|
-
const J = "_code_1o5oi_1", K = {
|
|
107
|
-
code: J
|
|
108
|
-
};
|
|
109
|
-
function us({ as: t = "code", children: s, className: n }) {
|
|
110
|
-
const a = [K.code, n].filter(Boolean).join(" ");
|
|
111
|
-
return /* @__PURE__ */ o(t, { className: a, children: s });
|
|
112
|
-
}
|
|
113
|
-
const O = "_button_15jxj_1", Q = "_sm_15jxj_39", R = "_primary_15jxj_58", V = "_secondary_15jxj_74", W = "_negative_15jxj_93", e = {
|
|
114
|
-
button: O,
|
|
115
|
-
sm: Q,
|
|
116
|
-
primary: R,
|
|
117
|
-
secondary: V,
|
|
118
|
-
negative: W
|
|
119
|
-
};
|
|
120
|
-
function ps({
|
|
15
|
+
function j({
|
|
121
16
|
as: t = "button",
|
|
122
|
-
variant:
|
|
123
|
-
size:
|
|
17
|
+
variant: n = "primary",
|
|
18
|
+
size: r = "default",
|
|
124
19
|
href: a,
|
|
125
|
-
openInNewTab:
|
|
126
|
-
disabled:
|
|
127
|
-
type:
|
|
20
|
+
openInNewTab: o,
|
|
21
|
+
disabled: c,
|
|
22
|
+
type: _,
|
|
128
23
|
onClick: i,
|
|
129
|
-
children:
|
|
24
|
+
children: m
|
|
130
25
|
}) {
|
|
131
|
-
const
|
|
132
|
-
return /* @__PURE__ */
|
|
26
|
+
const u = [s.button, s[n], r === "sm" && s.sm].filter(Boolean).join(" ");
|
|
27
|
+
return /* @__PURE__ */ e(
|
|
133
28
|
t,
|
|
134
29
|
{
|
|
135
|
-
className:
|
|
30
|
+
className: u,
|
|
136
31
|
href: a,
|
|
137
|
-
target:
|
|
138
|
-
rel:
|
|
139
|
-
disabled:
|
|
140
|
-
type:
|
|
32
|
+
target: o ? "_blank" : void 0,
|
|
33
|
+
rel: o ? "noopener noreferrer" : void 0,
|
|
34
|
+
disabled: c,
|
|
35
|
+
type: _,
|
|
141
36
|
onClick: i,
|
|
142
|
-
children:
|
|
37
|
+
children: m
|
|
143
38
|
}
|
|
144
39
|
);
|
|
145
40
|
}
|
|
146
41
|
export {
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
ps as Button,
|
|
150
|
-
ls as ButtonLarge,
|
|
151
|
-
rs as ButtonSmall,
|
|
152
|
-
is as CaptionLarge,
|
|
153
|
-
_s as CaptionMedium,
|
|
154
|
-
ms as CaptionUppercase,
|
|
155
|
-
us as Code,
|
|
156
|
-
I as H1,
|
|
157
|
-
T as H2,
|
|
158
|
-
ss as H3,
|
|
159
|
-
ts as H4,
|
|
160
|
-
ns as H5,
|
|
161
|
-
as as H6,
|
|
162
|
-
Z as HExtra,
|
|
163
|
-
os as Paragraph
|
|
42
|
+
j as Button,
|
|
43
|
+
$ as H1
|
|
164
44
|
};
|
package/dist/text/index.d.ts
CHANGED
|
@@ -1,16 +1 @@
|
|
|
1
|
-
export * from './HExtra';
|
|
2
1
|
export * from './H1';
|
|
3
|
-
export * from './H2';
|
|
4
|
-
export * from './H3';
|
|
5
|
-
export * from './H4';
|
|
6
|
-
export * from './H5';
|
|
7
|
-
export * from './H6';
|
|
8
|
-
export * from './Paragraph';
|
|
9
|
-
export * from './BodyLarge';
|
|
10
|
-
export * from './BodySmall';
|
|
11
|
-
export * from './ButtonLarge';
|
|
12
|
-
export * from './ButtonSmall';
|
|
13
|
-
export * from './CaptionLarge';
|
|
14
|
-
export * from './CaptionMedium';
|
|
15
|
-
export * from './CaptionUppercase';
|
|
16
|
-
export * from './Code';
|
package/dist/ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--h-extra-desktop-font-size: 6rem;--h-extra-desktop-line-height: 6.625rem;--h-extra-desktop-letter-spacing: -.03em;--h1-desktop-font-size: 4rem;--h1-desktop-line-height: 4rem;--h1-desktop-letter-spacing: -.02em;--h2-desktop-font-size: 3.25rem;--h2-desktop-line-height: 3.5625rem;--h2-desktop-letter-spacing: -.02em;--h3-desktop-font-size: 2.75rem;--h3-desktop-line-height: 3rem;--h3-desktop-letter-spacing: -.02em;--h4-desktop-font-size: 2.25rem;--h4-desktop-line-height: 2.6875rem;--h4-desktop-letter-spacing: -.02em;--h5-desktop-font-size: 1.875rem;--h5-desktop-line-height: 2.0625rem;--h5-desktop-letter-spacing: -.01em;--h6-desktop-font-size: 1.75rem;--h6-desktop-line-height: 1.9375rem;--h6-desktop-letter-spacing: -.01em;--paragraph-desktop-font-size: 1.5rem;--paragraph-desktop-line-height: 2.25rem;--paragraph-desktop-letter-spacing: -.01em;--button-large-desktop-font-size: 1.25rem;--button-large-desktop-line-height: 1.5rem;--button-large-desktop-letter-spacing: -.02em;--body-large-desktop-font-size: 1.25rem;--body-large-desktop-line-height: 1.875rem;--body-large-desktop-letter-spacing: -.02em;--button-small-desktop-font-size: 1.0625rem;--button-small-desktop-line-height: 1.5rem;--button-small-desktop-letter-spacing: -.02em;--body-small-desktop-font-size: 1rem;--body-small-desktop-line-height: 1.5rem;--body-small-desktop-letter-spacing: -.02em;--caption-large-desktop-font-size: 1rem;--caption-large-desktop-line-height: 1.5rem;--caption-large-desktop-letter-spacing: -.02em;--caption-medium-desktop-font-size: .75rem;--caption-medium-desktop-line-height: 1.125rem;--caption-medium-desktop-letter-spacing: -.02em;--caption-uppercase-desktop-font-size: .8125rem;--caption-uppercase-desktop-line-height: 1rem;--caption-uppercase-desktop-letter-spacing: .04em;--code-desktop-font-size: .875rem;--code-desktop-line-height: 1.0625rem;--code-desktop-letter-spacing: 0;--h-extra-tablet-font-size: 6rem;--h-extra-tablet-line-height: 6.625rem;--h-extra-tablet-letter-spacing: -.03em;--h1-tablet-font-size: 4rem;--h1-tablet-line-height: 4rem;--h1-tablet-letter-spacing: -.02em;--h2-tablet-font-size: 3rem;--h2-tablet-line-height: 3.3125rem;--h2-tablet-letter-spacing: -.02em;--h3-tablet-font-size: 2.5rem;--h3-tablet-line-height: 2.75rem;--h3-tablet-letter-spacing: -.02em;--h4-tablet-font-size: 2.25rem;--h4-tablet-line-height: 2.6875rem;--h4-tablet-letter-spacing: -.02em;--h5-tablet-font-size: 2rem;--h5-tablet-line-height: 2.1875rem;--h5-tablet-letter-spacing: -.01em;--h6-tablet-font-size: 1.5rem;--h6-tablet-line-height: 1.625rem;--h6-tablet-letter-spacing: -.01em;--paragraph-tablet-font-size: 1.375rem;--paragraph-tablet-line-height: 2.0625rem;--paragraph-tablet-letter-spacing: -.01em;--button-large-tablet-font-size: 1.125rem;--button-large-tablet-line-height: 1.5rem;--button-large-tablet-letter-spacing: -.02em;--body-large-tablet-font-size: 1.125rem;--body-large-tablet-line-height: 1.6875rem;--body-large-tablet-letter-spacing: -.02em;--button-small-tablet-font-size: 1rem;--button-small-tablet-line-height: 1.5rem;--button-small-tablet-letter-spacing: -.02em;--body-small-tablet-font-size: 1rem;--body-small-tablet-line-height: 1.5rem;--body-small-tablet-letter-spacing: -.02em;--caption-large-tablet-font-size: 1rem;--caption-large-tablet-line-height: 1.5rem;--caption-large-tablet-letter-spacing: -.02em;--caption-medium-tablet-font-size: .75rem;--caption-medium-tablet-line-height: 1.125rem;--caption-medium-tablet-letter-spacing: -.02em;--caption-uppercase-tablet-font-size: .8125rem;--caption-uppercase-tablet-line-height: 1rem;--caption-uppercase-tablet-letter-spacing: .04em;--code-tablet-font-size: .875rem;--code-tablet-line-height: 1.0625rem;--code-tablet-letter-spacing: 0;--h-extra-mobile-font-size: 3.5rem;--h-extra-mobile-line-height: 3.875rem;--h-extra-mobile-letter-spacing: -.02em;--h1-mobile-font-size: 2.75rem;--h1-mobile-line-height: 2.75rem;--h1-mobile-letter-spacing: -.01em;--h2-mobile-font-size: 2.5rem;--h2-mobile-line-height: 2.75rem;--h2-mobile-letter-spacing: -.01em;--h3-mobile-font-size: 2.25rem;--h3-mobile-line-height: 2.5rem;--h3-mobile-letter-spacing: -.01em;--h4-mobile-font-size: 2rem;--h4-mobile-line-height: 2.625rem;--h4-mobile-letter-spacing: -.01em;--h5-mobile-font-size: 1.375rem;--h5-mobile-line-height: 1.5rem;--h5-mobile-letter-spacing: -.01em;--h6-mobile-font-size: 1.25rem;--h6-mobile-line-height: 1.375rem;--h6-mobile-letter-spacing: -.01em;--paragraph-mobile-font-size: 1.125rem;--paragraph-mobile-line-height: 1.6875rem;--paragraph-mobile-letter-spacing: -.01em;--button-large-mobile-font-size: 1rem;--button-large-mobile-line-height: 1.5rem;--button-large-mobile-letter-spacing: -.01em;--body-large-mobile-font-size: 1rem;--body-large-mobile-line-height: 1.5rem;--body-large-mobile-letter-spacing: -.01em;--button-small-mobile-font-size: .875rem;--button-small-mobile-line-height: 1.5rem;--button-small-mobile-letter-spacing: -.01em;--body-small-mobile-font-size: .875rem;--body-small-mobile-line-height: 1.3125rem;--body-small-mobile-letter-spacing: -.01em;--caption-large-mobile-font-size: 1rem;--caption-large-mobile-line-height: 1.5rem;--caption-large-mobile-letter-spacing: -.02em;--caption-medium-mobile-font-size: .75rem;--caption-medium-mobile-line-height: 1.125rem;--caption-medium-mobile-letter-spacing: -.02em;--caption-uppercase-mobile-font-size: .8125rem;--caption-uppercase-mobile-line-height: 1rem;--caption-uppercase-mobile-letter-spacing: .04em;--code-mobile-font-size: .75rem;--code-mobile-line-height: 1.0625rem;--code-mobile-letter-spacing: 0}._hExtra_dx1fb_1{font-family:var(--ui-font-primary);font-weight:600;font-size:var(--h-extra-desktop-font-size);line-height:var(--h-extra-desktop-line-height);letter-spacing:var(--h-extra-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:767px){._hExtra_dx1fb_1{font-size:var(--h-extra-mobile-font-size);line-height:var(--h-extra-mobile-line-height);letter-spacing:var(--h-extra-mobile-letter-spacing)}}._h1_1lolt_1{font-family:var(--ui-font-primary);font-weight:500;font-size:clamp(var(--h1-mobile-font-size),1.878vw + 2.31rem,var(--h1-desktop-font-size));line-height:clamp(var(--h1-mobile-line-height),1.878vw + 2.31rem,var(--h1-desktop-line-height));letter-spacing:clamp(var(--h1-mobile-letter-spacing),-.00939vw - .00648em,var(--h1-desktop-letter-spacing));font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._h2_1i98w_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--h2-desktop-font-size);line-height:var(--h2-desktop-line-height);letter-spacing:var(--h2-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:1439px){._h2_1i98w_1{font-size:var(--h2-tablet-font-size);line-height:var(--h2-tablet-line-height)}}@media(max-width:767px){._h2_1i98w_1{font-size:var(--h2-mobile-font-size);line-height:var(--h2-mobile-line-height);letter-spacing:var(--h2-mobile-letter-spacing)}}._h3_wip1f_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--h3-desktop-font-size);line-height:var(--h3-desktop-line-height);letter-spacing:var(--h3-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:1439px){._h3_wip1f_1{font-size:var(--h3-tablet-font-size);line-height:var(--h3-tablet-line-height)}}@media(max-width:767px){._h3_wip1f_1{font-size:var(--h3-mobile-font-size);line-height:var(--h3-mobile-line-height);letter-spacing:var(--h3-mobile-letter-spacing)}}._h4_thwwf_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--h4-desktop-font-size);line-height:var(--h4-desktop-line-height);letter-spacing:var(--h4-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:767px){._h4_thwwf_1{font-size:var(--h4-mobile-font-size);line-height:var(--h4-mobile-line-height);letter-spacing:var(--h4-mobile-letter-spacing)}}._h5_zem0s_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--h5-desktop-font-size);line-height:var(--h5-desktop-line-height);letter-spacing:var(--h5-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:1439px){._h5_zem0s_1{font-size:var(--h5-tablet-font-size);line-height:var(--h5-tablet-line-height)}}@media(max-width:767px){._h5_zem0s_1{font-size:var(--h5-mobile-font-size);line-height:var(--h5-mobile-line-height)}}._h6_py9o3_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--h6-desktop-font-size);line-height:var(--h6-desktop-line-height);letter-spacing:var(--h6-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:1439px){._h6_py9o3_1{font-size:var(--h6-tablet-font-size);line-height:var(--h6-tablet-line-height)}}@media(max-width:767px){._h6_py9o3_1{font-size:var(--h6-mobile-font-size);line-height:var(--h6-mobile-line-height)}}._paragraph_6mdxp_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--paragraph-desktop-font-size);line-height:var(--paragraph-desktop-line-height);letter-spacing:var(--paragraph-desktop-letter-spacing);font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:1439px){._paragraph_6mdxp_1{font-size:var(--paragraph-tablet-font-size);line-height:var(--paragraph-tablet-line-height)}}@media(max-width:767px){._paragraph_6mdxp_1{font-size:var(--paragraph-mobile-font-size);line-height:var(--paragraph-mobile-line-height)}}._bodyLarge_zgxpr_1{font-family:var(--ui-font-primary);font-weight:400;font-size:var(--body-large-desktop-font-size);line-height:var(--body-large-desktop-line-height);letter-spacing:var(--body-large-desktop-letter-spacing);font-feature-settings:"dlig" 1;margin:0}@media(max-width:1439px){._bodyLarge_zgxpr_1{font-size:var(--body-large-tablet-font-size);line-height:var(--body-large-tablet-line-height)}}@media(max-width:767px){._bodyLarge_zgxpr_1{font-size:var(--body-large-mobile-font-size);line-height:var(--body-large-mobile-line-height);letter-spacing:var(--body-large-mobile-letter-spacing)}}._bodySmall_izgxi_1{font-family:var(--ui-font-primary);font-weight:400;font-size:var(--body-small-desktop-font-size);line-height:var(--body-small-desktop-line-height);letter-spacing:var(--body-small-desktop-letter-spacing);font-feature-settings:"dlig" 1;margin:0}@media(max-width:767px){._bodySmall_izgxi_1{font-size:var(--body-small-mobile-font-size);line-height:var(--body-small-mobile-line-height);letter-spacing:var(--body-small-mobile-letter-spacing)}}._buttonLarge_1kib2_1{font-family:var(--ui-font-body);font-weight:500;font-size:var(--button-large-desktop-font-size);line-height:var(--button-large-desktop-line-height);letter-spacing:var(--button-large-desktop-letter-spacing);font-feature-settings:"dlig" 1}@media(max-width:1439px){._buttonLarge_1kib2_1{font-size:var(--button-large-tablet-font-size)}}@media(max-width:767px){._buttonLarge_1kib2_1{font-family:var(--ui-font-primary);font-size:var(--button-large-mobile-font-size);letter-spacing:var(--button-large-mobile-letter-spacing)}}._buttonSmall_1ga6z_1{font-family:var(--ui-font-body);font-weight:500;font-size:var(--button-small-desktop-font-size);line-height:var(--button-small-desktop-line-height);letter-spacing:var(--button-small-desktop-letter-spacing);font-feature-settings:"dlig" 1}@media(max-width:1439px){._buttonSmall_1ga6z_1{font-size:var(--button-small-tablet-font-size)}}@media(max-width:767px){._buttonSmall_1ga6z_1{font-family:var(--ui-font-primary);font-size:var(--button-small-mobile-font-size);letter-spacing:var(--button-small-mobile-letter-spacing)}}._captionLarge_keyl9_1{font-family:var(--ui-font-body);font-weight:500;font-size:var(--caption-large-desktop-font-size);line-height:var(--caption-large-desktop-line-height);letter-spacing:var(--caption-large-desktop-letter-spacing);font-feature-settings:"dlig" 1}@media(max-width:767px){._captionLarge_keyl9_1{font-family:var(--ui-font-primary)}}._captionMedium_9rjdy_1{font-family:var(--ui-font-body);font-weight:400;font-size:var(--caption-medium-desktop-font-size);line-height:var(--caption-medium-desktop-line-height);letter-spacing:var(--caption-medium-desktop-letter-spacing);font-feature-settings:"dlig" 1}@media(max-width:767px){._captionMedium_9rjdy_1{font-family:var(--ui-font-primary)}}._captionUppercase_15jnh_1{font-family:var(--ui-font-body);font-weight:400;font-size:var(--caption-uppercase-desktop-font-size);line-height:var(--caption-uppercase-desktop-line-height);letter-spacing:var(--caption-uppercase-desktop-letter-spacing);font-feature-settings:"dlig" 1;text-transform:uppercase}@media(max-width:767px){._captionUppercase_15jnh_1{font-family:var(--ui-font-primary)}}._code_1o5oi_1{font-family:var(--ui-font-code);font-weight:400;font-size:var(--code-desktop-font-size);line-height:var(--code-desktop-line-height);letter-spacing:var(--code-desktop-letter-spacing);font-feature-settings:"dlig" 1}@media(max-width:767px){._code_1o5oi_1{font-size:var(--code-mobile-font-size)}}._button_15jxj_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:360px;padding:1em 1.6em;font-family:var(--ui-font-body);font-weight:500;font-size:var(--button-large-desktop-font-size);line-height:var(--button-large-desktop-line-height);letter-spacing:var(--button-large-desktop-letter-spacing);font-feature-settings:"dlig" 1;transition:background-color .15s ease,color .15s ease}@media(max-width:1439px){._button_15jxj_1{font-size:var(--button-large-tablet-font-size);padding:1.111em 1.556em}}@media(max-width:767px){._button_15jxj_1{font-size:var(--button-large-mobile-font-size);letter-spacing:var(--button-large-mobile-letter-spacing);padding:1em 1.5em}}._button_15jxj_1:focus-visible{outline:2px solid #5aa1ff;outline-offset:2px}._button_15jxj_1:disabled{cursor:not-allowed}._sm_15jxj_39{font-size:var(--button-small-desktop-font-size);line-height:var(--button-small-desktop-line-height);letter-spacing:var(--button-small-desktop-letter-spacing);padding:.706em 1.176em}@media(max-width:1439px){._sm_15jxj_39{font-size:var(--button-small-tablet-font-size)}}@media(max-width:767px){._sm_15jxj_39{font-size:var(--button-small-mobile-font-size);letter-spacing:var(--button-small-mobile-letter-spacing);padding:.571em 1.143em}}._primary_15jxj_58{background-color:#06f;color:#fff}._primary_15jxj_58:hover:not(:disabled){background-color:#0039b5;color:#fff}._primary_15jxj_58:active:not(:disabled){background-color:#001d7a}._primary_15jxj_58:disabled{background-color:#e6e9ed;color:#b7bec7}._secondary_15jxj_74{background-color:transparent;color:#151b23;box-shadow:inset 0 0 0 2px #151b23;transition:box-shadow .15s ease,color .15s ease}._secondary_15jxj_74:hover:not(:disabled){box-shadow:inset 0 0 0 2px #0039b5;color:#0039b5}._secondary_15jxj_74:active:not(:disabled){box-shadow:inset 0 0 0 2px #001d7a;color:#001d7a}._secondary_15jxj_74:disabled{box-shadow:inset 0 0 0 2px #b7bec7;color:#b7bec7}._negative_15jxj_93{background-color:#ffe8ef;color:#6b0039}._negative_15jxj_93:hover:not(:disabled){background-color:#ffcbdb;color:#6b0039}._negative_15jxj_93:active:not(:disabled){background-color:#ffafc8}._negative_15jxj_93:disabled{background-color:#e6e9ed;color:#b7bec7}
|
|
1
|
+
:root{--font-desktop-heading: TT Hoves Pro;--font-desktop-paragraph: TT Hoves Pro;--font-desktop-buttons: Inter;--font-desktop-body: Inter;--font-desktop-caption: Inter;--font-desktop-code: Hack;--h-extra-desktop-letter-spacing: -.03em;--h-extra-desktop-line-height: 6.625rem;--h-extra-desktop-font-size: 6rem;--h1-desktop-letter-spacing: -.02em;--h1-desktop-line-height: 4rem;--h1-desktop-font-size: 4rem;--h2-desktop-letter-spacing: -.02em;--h2-desktop-line-height: 3.5625rem;--h2-desktop-font-size: 3.25rem;--h3-desktop-letter-spacing: -.02em;--h3-desktop-line-height: 3rem;--h3-desktop-font-size: 2.75rem;--h4-desktop-letter-spacing: -.02em;--h4-desktop-line-height: 2.6875rem;--h4-desktop-font-size: 2.25rem;--h6-desktop-letter-spacing: -.01em;--h6-desktop-line-height: 1.9375rem;--h6-desktop-font-size: 1.75rem;--h5-desktop-line-height: 2.0625rem;--h5-desktop-letter-spacing: -.01em;--h5-desktop-font-size: 1.875rem;--paragraph-desktop-letter-spacing: -.01em;--paragraph-desktop-line-height: 2.25rem;--paragraph-desktop-font-size: 1.5rem;--body-small-desktop-letter-spacing: -.02em;--body-small-desktop-line-height: 1.5rem;--body-small-desktop-font-size: 1rem;--caption-large-desktop-letter-spacing: -.02em;--caption-large-desktop-line-height: 1.5rem;--caption-large-desktop-font-size: 1rem;--caption-medium-desktop-line-height: 1.125rem;--caption-medium-desktop-letter-spacing: -.02em;--caption-medium-desktop-font-size: .75rem;--code-desktop-letter-spacing: 0;--code-desktop-line-height: 1.0625rem;--code-desktop-font-size: .875rem;--caption-uppercase-desktop-letter-spacing: .4em;--caption-uppercase-desktop-line-height: 1rem;--caption-uppercase-desktop-font-size: .8125rem;--body-large-desktop-letter-spacing: -.02em;--body-large-desktop-line-height: 1.875rem;--body-large-desktop-font-size: 1.25rem;--button-small-desktop-line-height: 1.5rem;--button-small-desktop-letter-spacing: -.02em;--button-small-desktop-font-size: 1.0625rem;--button-large-desktop-letter-spacing: -.02em;--button-large-desktop-line-height: 1.5rem;--button-large-desktop-font-size: 1.25rem;--font-tablet-heading: TT Hoves Pro;--font-tablet-paragraph: TT Hoves Pro;--font-tablet-buttons: Inter;--font-tablet-body: Inter;--font-tablet-caption: Inter;--font-tablet-code: Hack;--h-extra-tablet-letter-spacing: -.03em;--h-extra-tablet-line-height: 6.625rem;--h-extra-tablet-font-size: 6rem;--h1-tablet-letter-spacing: -.02em;--h1-tablet-line-height: 4rem;--h1-tablet-font-size: 4rem;--h2-tablet-letter-spacing: -.02em;--h2-tablet-line-height: 3.3125rem;--h2-tablet-font-size: 3rem;--h3-tablet-letter-spacing: -.02em;--h3-tablet-line-height: 2.75rem;--h3-tablet-font-size: 2.5rem;--h4-tablet-letter-spacing: -.02em;--h4-tablet-line-height: 2.6875rem;--h4-tablet-font-size: 2.25rem;--h6-tablet-letter-spacing: -.01em;--h6-tablet-line-height: 1.625rem;--h6-tablet-font-size: 1.5rem;--h5-tablet-line-height: 2.1875rem;--h5-tablet-letter-spacing: -.01em;--h5-tablet-font-size: 2rem;--paragraph-tablet-letter-spacing: -.01em;--paragraph-tablet-line-height: 2.0625rem;--paragraph-tablet-font-size: 1.375rem;--body-small-tablet-letter-spacing: -.02em;--body-small-tablet-line-height: 1.5rem;--body-small-tablet-font-size: 1rem;--caption-large-tablet-letter-spacing: -.02em;--caption-large-tablet-line-height: 1.5rem;--caption-large-tablet-font-size: 1rem;--caption-medium-tablet-line-height: 1.125rem;--caption-medium-tablet-letter-spacing: -.02em;--caption-medium-tablet-font-size: .75rem;--code-tablet-letter-spacing: 0;--code-tablet-line-height: 1.0625rem;--code-tablet-font-size: .875rem;--caption-uppercase-tablet-letter-spacing: .4em;--caption-uppercase-tablet-line-height: 1rem;--caption-uppercase-tablet-font-size: .8125rem;--body-large-tablet-letter-spacing: -.02em;--body-large-tablet-line-height: 1.6875rem;--body-large-tablet-font-size: 1.125rem;--button-small-tablet-line-height: 1.5rem;--button-small-tablet-letter-spacing: -.02em;--button-small-tablet-font-size: 1rem;--button-large-tablet-letter-spacing: -.02em;--button-large-tablet-line-height: 1.5rem;--button-large-tablet-font-size: 1.125rem;--font-mobile-heading: TT Hoves Pro;--font-mobile-paragraph: TT Hoves Pro;--font-mobile-buttons: Inter;--font-mobile-body: Inter;--font-mobile-caption: Inter;--font-mobile-code: Hack;--h-extra-mobile-letter-spacing: -.02em;--h-extra-mobile-line-height: 3.875rem;--h-extra-mobile-font-size: 3.5rem;--h1-mobile-letter-spacing: -.01em;--h1-mobile-line-height: 2.75rem;--h1-mobile-font-size: 2.75rem;--h2-mobile-letter-spacing: -.01em;--h2-mobile-line-height: 2.75rem;--h2-mobile-font-size: 2.5rem;--h3-mobile-letter-spacing: -.01em;--h3-mobile-line-height: 2.5rem;--h3-mobile-font-size: 2.25rem;--h4-mobile-letter-spacing: -.01em;--h4-mobile-line-height: 2.625rem;--h4-mobile-font-size: 2rem;--h6-mobile-letter-spacing: -.01em;--h6-mobile-line-height: 1.375rem;--h6-mobile-font-size: 1.25rem;--h5-mobile-line-height: 1.5rem;--h5-mobile-letter-spacing: -.01em;--h5-mobile-font-size: 1.375rem;--paragraph-mobile-letter-spacing: -.01em;--paragraph-mobile-line-height: 1.6875rem;--paragraph-mobile-font-size: 1.125rem;--body-small-mobile-letter-spacing: -.01em;--body-small-mobile-line-height: 1.3125rem;--body-small-mobile-font-size: .875rem;--caption-large-mobile-letter-spacing: -.02em;--caption-large-mobile-line-height: 1.5rem;--caption-large-mobile-font-size: 1rem;--caption-medium-mobile-line-height: 1.125rem;--caption-medium-mobile-letter-spacing: -.02em;--caption-medium-mobile-font-size: .75rem;--code-mobile-letter-spacing: 0;--code-mobile-line-height: 1.0625rem;--code-mobile-font-size: .75rem;--caption-uppercase-mobile-letter-spacing: .4em;--caption-uppercase-mobile-line-height: 1rem;--caption-uppercase-mobile-font-size: .8125rem;--body-large-mobile-letter-spacing: -.01em;--body-large-mobile-line-height: 1.5rem;--body-large-mobile-font-size: 1rem;--button-small-mobile-line-height: 1.5rem;--button-small-mobile-letter-spacing: -.01em;--button-small-mobile-font-size: .875rem;--button-large-mobile-letter-spacing: -.01em;--button-large-mobile-line-height: 1.5rem;--button-large-mobile-font-size: 1rem;--text-headings-primary: #151b23;--text-body-primary: #151b23;--text-action: #0066ff;--text-action-hover: #0039b5;--text-disabled: #b7bec7;--text-warning: #6b1000;--text-positive: #005925;--text-negative: #6b0039;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #001d7a;--text-headings-secondary: #383e48;--text-body-secondary: #383e48;--text-body-tertiary: #939ba6;--text-headings-tertiary: #939ba6;--text-button-primary: #ffffff;--text-pressed: #001d7a;--text-on-lit-blu-hover-pressed: #002ea3;--icons-default: #151b23;--icons-default-secondary: #383e48;--icons-default-tertiary: #939ba6;--icons-action: #0066ff;--icons-action-hover: #0039b5;--icons-disabled: #b7bec7;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #f55591;--icons-on-lit-blu: #0039b5;--icons-on-lit-blu-hover: #0066ff;--icons-on-action: #ffffff;--icons-pressed: #001d7a;--icons-disabled-hover: #939ba6;--surface-primary: #ffffff;--surface-secondary: #f5f7fa;--surface-tertiary: #e6e9ed;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #0066ff;--surface-action-hover: #0039b5;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #e6e9ed;--surface-action-pressed: #001d7a;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #ffafc8;--surface-overlay: #001d7a80;--surface-disabled-hover: #b7bec7;--stroke-secondary: #e6e9ed;--stroke-tertiary: #d6dbe0;--stroke-disabled: #b7bec7;--stroke-focused: #5aa1ff;--stroke-action: #0066ff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #0039b5;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #001d7a;--stroke-default: #151b23;--stroke-disabled-hover: #939ba6;--borderradius-lg: 36px;--borderradius-md: 24px;--borderradius-sm: 360px;--borderradius-none: 0;--strokewidth-lg: 4px;--strokewidth-md: 2px;--strokewidth-sm: 1px;--strokewidth-none: 0;--spacing-5xs: 4px;--spacing-4xs: 8px;--spacing-3xs: 12px;--spacing-2xs: 16px;--spacing-xs: 20px;--spacing-s: 24px;--spacing-m: 28px;--spacing-l: 32px;--spacing-xl: 40px;--spacing-2xl: 44px;--spacing-3xl: 48px;--spacing-4xl: 56px;--spacing-5xl: 64px;--spacing-6xl: 72px;--spacing-7xl: 80px;--spacing-8xl: 96px;--spacing-9xl: 120px;--spacing-10xl: 160px}[data-theme=dark]{--text-headings-primary: #ffffff;--text-body-primary: #ffffff;--text-action: #ffffff;--text-action-hover: #b7bec7;--text-disabled: #49505b;--text-warning: #f5804e;--text-positive: #47cc69;--text-negative: #6b0039;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #0066ff;--text-headings-secondary: #b7bec7;--text-body-secondary: #b7bec7;--text-body-tertiary: #383e48;--text-headings-tertiary: #383e48;--text-button-primary: #151b23;--text-pressed: #5c636e;--text-on-lit-blu-hover-pressed: #0039b5;--icons-default: #ffffff;--icons-default-secondary: #b7bec7;--icons-default-tertiary: #383e48;--icons-action: #ffffff;--icons-action-hover: #b7bec7;--icons-disabled: #5c636e;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #f55591;--icons-on-lit-blu: #ffffff;--icons-on-lit-blu-hover: #ffffff;--icons-on-action: #151b23;--icons-pressed: #5c636e;--icons-disabled-hover: #383e48;--surface-primary: #151b23;--surface-secondary: #262c36;--surface-tertiary: #383e48;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #ffffff;--surface-action-hover: #b7bec7;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #5c636e;--surface-action-pressed: #6e7580;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #d6dbe0;--surface-overlay: #001d7a80;--surface-disabled-hover: #383e48;--stroke-secondary: #49505b;--stroke-tertiary: #5c636e;--stroke-disabled: #383e48;--stroke-focused: #5aa1ff;--stroke-action: #ffffff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #b7bec7;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #5c636e;--stroke-default: #ffffff;--stroke-disabled-hover: #151b23}._h1_4hjou_1{font-family:var(--ui-font-primary);font-weight:500;font-size:clamp(var(--h1-mobile-font-size),1.878vw + 2.31rem,var(--h1-desktop-font-size));line-height:clamp(var(--h1-mobile-line-height),1.878vw + 2.31rem,var(--h1-desktop-line-height));letter-spacing:clamp(var(--h1-mobile-letter-spacing),-.00939vw - .00648em,var(--h1-desktop-letter-spacing));font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._button_1n3va_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:var(--borderradius-sm);padding:1em 1.6em;font-family:var(--ui-font-body);font-weight:500;font-size:var(--button-large-desktop-font-size);line-height:var(--button-large-desktop-line-height);letter-spacing:var(--button-large-desktop-letter-spacing);font-feature-settings:"dlig" 1;transition:background-color .15s ease,color .15s ease}@media(max-width:1439px){._button_1n3va_1{font-size:var(--button-large-tablet-font-size);padding:1.111em 1.556em}}@media(max-width:767px){._button_1n3va_1{font-size:var(--button-large-mobile-font-size);letter-spacing:var(--button-large-mobile-letter-spacing);padding:1em 1.5em}}._button_1n3va_1:focus-visible{outline:2px solid var(--stroke-focused);outline-offset:2px}._button_1n3va_1:disabled{cursor:not-allowed}._sm_1n3va_39{font-size:var(--button-small-desktop-font-size);line-height:var(--button-small-desktop-line-height);letter-spacing:var(--button-small-desktop-letter-spacing);padding:.706em 1.176em}@media(max-width:1439px){._sm_1n3va_39{font-size:var(--button-small-tablet-font-size)}}@media(max-width:767px){._sm_1n3va_39{font-size:var(--button-small-mobile-font-size);letter-spacing:var(--button-small-mobile-letter-spacing);padding:.571em 1.143em}}._primary_1n3va_58{background-color:var(--surface-action);color:var(--text-button-primary)}._primary_1n3va_58:hover:not(:disabled){background-color:var(--surface-action-hover);color:var(--text-button-primary)}._primary_1n3va_58:active:not(:disabled){background-color:var(--surface-action-pressed)}._primary_1n3va_58:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}._secondary_1n3va_74{background-color:transparent;color:var(--text-body-primary);box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-default);transition:box-shadow .15s ease,color .15s ease}._secondary_1n3va_74:hover:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-action-hover);color:var(--text-action-hover)}._secondary_1n3va_74:active:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-action-pressed);color:var(--text-pressed)}._secondary_1n3va_74:disabled{box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-disabled);color:var(--text-disabled)}._negative_1n3va_93{background-color:var(--surface-negative);color:var(--text-negative)}._negative_1n3va_93:hover:not(:disabled){background-color:var(--surface-negative-hover);color:var(--text-negative)}._negative_1n3va_93:active:not(:disabled){background-color:var(--surface-negative-pressed)}._negative_1n3va_93:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smartyweb/ui",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.cjs",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"build": "node sd.config.js && vite build",
|
|
22
22
|
"typecheck": "tsc --noEmit",
|
|
23
23
|
"changeset": "changeset",
|
|
24
|
+
"version": "changeset version",
|
|
24
25
|
"release": "changeset publish",
|
|
25
26
|
"storybook": "node sd.config.js && storybook dev -p 6006",
|
|
26
27
|
"build-storybook": "storybook build",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface BodyLargeProps {
|
|
3
|
-
as?: "p" | "div" | "span";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function BodyLarge({ as: Tag, children, className }: BodyLargeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { BodyLarge } from './BodyLarge';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface BodySmallProps {
|
|
3
|
-
as?: "p" | "div" | "span";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function BodySmall({ as: Tag, children, className }: BodySmallProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { BodySmall } from './BodySmall';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface ButtonLargeProps {
|
|
3
|
-
as?: "span" | "p" | "div";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function ButtonLarge({ as: Tag, children, className }: ButtonLargeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ButtonLarge } from './ButtonLarge';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface ButtonSmallProps {
|
|
3
|
-
as?: "span" | "p" | "div";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function ButtonSmall({ as: Tag, children, className }: ButtonSmallProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ButtonSmall } from './ButtonSmall';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface CaptionLargeProps {
|
|
3
|
-
as?: "span" | "p" | "div";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function CaptionLarge({ as: Tag, children, className }: CaptionLargeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { CaptionLarge } from './CaptionLarge';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface CaptionMediumProps {
|
|
3
|
-
as?: "span" | "p" | "div";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function CaptionMedium({ as: Tag, children, className }: CaptionMediumProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { CaptionMedium } from './CaptionMedium';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface CaptionUppercaseProps {
|
|
3
|
-
as?: "span" | "p" | "div";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function CaptionUppercase({ as: Tag, children, className }: CaptionUppercaseProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { CaptionUppercase } from './CaptionUppercase';
|
package/dist/text/Code/Code.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface CodeProps {
|
|
3
|
-
as?: "code" | "pre";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function Code({ as: Tag, children, className }: CodeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Code } from './Code';
|
package/dist/text/H2/H2.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface H2Props {
|
|
3
|
-
as?: "h1" | "h2" | "h3" | "span";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function H2({ as: Tag, children, className }: H2Props): import("react/jsx-runtime").JSX.Element;
|
package/dist/text/H2/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { H2 } from './H2';
|
package/dist/text/H3/H3.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface H3Props {
|
|
3
|
-
as?: "h2" | "h3" | "h4" | "span";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function H3({ as: Tag, children, className }: H3Props): import("react/jsx-runtime").JSX.Element;
|
package/dist/text/H3/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { H3 } from './H3';
|
package/dist/text/H4/H4.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface H4Props {
|
|
3
|
-
as?: "h3" | "h4" | "h5" | "span";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function H4({ as: Tag, children, className }: H4Props): import("react/jsx-runtime").JSX.Element;
|
package/dist/text/H4/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { H4 } from './H4';
|
package/dist/text/H5/H5.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface H5Props {
|
|
3
|
-
as?: "h4" | "h5" | "h6" | "span";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function H5({ as: Tag, children, className }: H5Props): import("react/jsx-runtime").JSX.Element;
|
package/dist/text/H5/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { H5 } from './H5';
|
package/dist/text/H6/H6.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface H6Props {
|
|
3
|
-
as?: "h5" | "h6" | "span";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function H6({ as: Tag, children, className }: H6Props): import("react/jsx-runtime").JSX.Element;
|
package/dist/text/H6/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { H6 } from './H6';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface HExtraProps {
|
|
3
|
-
as?: "h1" | "h2" | "h3" | "span";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function HExtra({ as: Tag, children, className }: HExtraProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface ParagraphProps {
|
|
3
|
-
as?: "p" | "div" | "span";
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function Paragraph({ as: Tag, children, className }: ParagraphProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Paragraph } from './Paragraph';
|