@gostudent/shared-ui-library 1.1.0 → 1.2.0-DT-16585.1
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/.storybook/preview.d.ts.map +1 -1
- package/dist/index.js +50 -27
- package/dist/src/components/Button/Button.d.ts +11 -23
- package/dist/src/components/Button/Button.d.ts.map +1 -1
- package/dist/src/components/Button/index.d.ts +1 -1
- package/dist/src/components/Button/index.d.ts.map +1 -1
- package/dist/src/components/PlaceholderButton/Button.d.ts +29 -0
- package/dist/src/components/PlaceholderButton/Button.d.ts.map +1 -0
- package/dist/src/components/PlaceholderButton/index.d.ts +3 -0
- package/dist/src/components/PlaceholderButton/index.d.ts.map +1 -0
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/tokens/output/base/font-mobile/tokens.d.ts +1 -1
- package/dist/src/tokens/output/base/semantic-border/tokens.d.ts +7 -0
- package/dist/src/tokens/output/base/semantic-border/tokens.d.ts.map +1 -0
- package/dist/src/tokens/output/base/semantic-texts/tokens.d.ts +16 -0
- package/dist/src/tokens/output/base/semantic-texts/tokens.d.ts.map +1 -0
- package/dist/src/tokens/output/base/stroke/tokens.d.ts +8 -0
- package/dist/src/tokens/output/base/stroke/tokens.d.ts.map +1 -0
- package/dist/src/tokens/output/base/tokens.d.ts +5 -1
- package/dist/src/tokens/output/base/tokens.d.ts.map +1 -1
- package/dist/src/tokens/output/gs/semantic-colors/tokens.d.ts +49 -0
- package/dist/src/tokens/output/gs/semantic-colors/tokens.d.ts.map +1 -0
- package/dist/src/tokens/output/sk/semantic-colors/tokens.d.ts +49 -0
- package/dist/src/tokens/output/sk/semantic-colors/tokens.d.ts.map +1 -0
- package/dist/themes/style.css +1 -1
- package/package.json +1 -1
- package/src/tokens/output/base/font-desktop/variables.css +7 -7
- package/src/tokens/output/base/font-mobile/tokens.d.ts +1 -1
- package/src/tokens/output/base/font-mobile/tokens.js +1 -1
- package/src/tokens/output/base/font-mobile/tokens.ts +1 -1
- package/src/tokens/output/base/font-mobile/variables.css +6 -6
- package/src/tokens/output/base/semantic-border/tokens.d.ts +8 -0
- package/src/tokens/output/base/semantic-border/tokens.js +6 -0
- package/src/tokens/output/base/semantic-border/tokens.ts +8 -0
- package/src/tokens/output/base/semantic-border/variables.css +9 -0
- package/src/tokens/output/base/semantic-texts/tokens.d.ts +17 -0
- package/src/tokens/output/base/semantic-texts/tokens.js +15 -0
- package/src/tokens/output/base/semantic-texts/tokens.ts +17 -0
- package/src/tokens/output/base/semantic-texts/variables.css +18 -0
- package/src/tokens/output/base/stroke/tokens.d.ts +9 -0
- package/src/tokens/output/base/stroke/tokens.js +7 -0
- package/src/tokens/output/base/stroke/tokens.ts +9 -0
- package/src/tokens/output/base/stroke/variables.css +10 -0
- package/src/tokens/output/base/tokens.d.ts +6 -2
- package/src/tokens/output/base/tokens.js +6 -2
- package/src/tokens/output/base/tokens.ts +6 -2
- package/src/tokens/output/base/variables.css +17 -13
- package/src/tokens/output/gs/semantic-colors/tokens.d.ts +50 -0
- package/src/tokens/output/gs/semantic-colors/tokens.js +48 -0
- package/src/tokens/output/gs/semantic-colors/tokens.ts +50 -0
- package/src/tokens/output/gs/semantic-colors/variables.css +51 -0
- package/src/tokens/output/sk/semantic-colors/tokens.d.ts +50 -0
- package/src/tokens/output/sk/semantic-colors/tokens.js +48 -0
- package/src/tokens/output/sk/semantic-colors/tokens.ts +50 -0
- package/src/tokens/output/sk/semantic-colors/variables.css +51 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../.storybook/preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO
|
|
1
|
+
{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../.storybook/preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,OAiCd,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,29 +1,52 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
import { jsxs as z, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
const m = "_root_1dd3g_9", g = "_icon_1dd3g_28", p = "_label_1dd3g_34", y = "_primary_1dd3g_40", X = "_secondary_1dd3g_68", x = "_link_1dd3g_101", b = "_sizeXl_1dd3g_131", M = "_sizeLg_1dd3g_138", k = "_sizeMd_1dd3g_145", u = "_sizeSm_1dd3g_152", L = "_sizeXs_1dd3g_159", N = "_sizeXxs_1dd3g_166", s = {
|
|
3
|
+
root: m,
|
|
4
|
+
icon: g,
|
|
5
|
+
label: p,
|
|
6
|
+
primary: y,
|
|
7
|
+
secondary: X,
|
|
8
|
+
link: x,
|
|
9
|
+
sizeXl: b,
|
|
10
|
+
sizeLg: M,
|
|
11
|
+
sizeMd: k,
|
|
12
|
+
sizeSm: u,
|
|
13
|
+
sizeXs: L,
|
|
14
|
+
sizeXxs: N
|
|
15
|
+
}, S = {
|
|
16
|
+
xxs: s.sizeXxs,
|
|
17
|
+
xs: s.sizeXs,
|
|
18
|
+
sm: s.sizeSm,
|
|
19
|
+
md: s.sizeMd,
|
|
20
|
+
lg: s.sizeLg,
|
|
21
|
+
xl: s.sizeXl
|
|
22
|
+
}, f = {
|
|
23
|
+
primary: s.primary,
|
|
24
|
+
secondary: s.secondary,
|
|
25
|
+
link: s.link
|
|
26
|
+
};
|
|
27
|
+
function B({
|
|
28
|
+
variant: d = "primary",
|
|
29
|
+
size: _ = "md",
|
|
30
|
+
children: e,
|
|
31
|
+
disabled: a = !1,
|
|
32
|
+
leftIcon: n,
|
|
33
|
+
rightIcon: o,
|
|
34
|
+
className: c,
|
|
35
|
+
onClick: l,
|
|
36
|
+
type: t = "button"
|
|
37
|
+
}) {
|
|
38
|
+
const r = [
|
|
39
|
+
s.root,
|
|
40
|
+
f[d],
|
|
41
|
+
S[_],
|
|
42
|
+
c
|
|
43
|
+
].filter(Boolean).join(" ");
|
|
44
|
+
return /* @__PURE__ */ z("button", { type: t, disabled: a, onClick: l, className: r, children: [
|
|
45
|
+
n && /* @__PURE__ */ i("span", { className: s.icon, children: n }),
|
|
46
|
+
e && /* @__PURE__ */ i("span", { className: s.label, children: e }),
|
|
47
|
+
o && /* @__PURE__ */ i("span", { className: s.icon, children: o })
|
|
48
|
+
] });
|
|
49
|
+
}
|
|
27
50
|
export {
|
|
28
|
-
|
|
51
|
+
B as Button
|
|
29
52
|
};
|
|
@@ -1,29 +1,17 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
|
|
3
|
+
export type ButtonVariant = 'primary' | 'secondary' | 'link';
|
|
4
|
+
export type ButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
5
|
export interface ButtonProps {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* Button variant
|
|
10
|
-
*/
|
|
11
|
-
variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error';
|
|
12
|
-
/**
|
|
13
|
-
* Button size
|
|
14
|
-
*/
|
|
15
|
-
size?: 'small' | 'medium' | 'large';
|
|
16
|
-
/**
|
|
17
|
-
* Disabled state
|
|
18
|
-
*/
|
|
6
|
+
variant?: ButtonVariant;
|
|
7
|
+
size?: ButtonSize;
|
|
8
|
+
children?: React.ReactNode;
|
|
19
9
|
disabled?: boolean;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
onClick?:
|
|
10
|
+
leftIcon?: React.ReactNode;
|
|
11
|
+
rightIcon?: React.ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
14
|
+
type?: 'button' | 'submit' | 'reset';
|
|
24
15
|
}
|
|
25
|
-
|
|
26
|
-
* Primary UI component for user interaction
|
|
27
|
-
*/
|
|
28
|
-
export declare const Button: React.FC<ButtonProps>;
|
|
16
|
+
export declare function Button({ variant, size, children, disabled, leftIcon, rightIcon, className, onClick, type, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
29
17
|
//# 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,MAAM,OAAO,CAAC;AAG1B,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAiBD,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,QAAQ,EACR,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAe,GAChB,EAAE,WAAW,2CAiBb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ButtonProps {
|
|
4
|
+
/**
|
|
5
|
+
* PlaceholderButton label text
|
|
6
|
+
*/
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* PlaceholderButton variant
|
|
10
|
+
*/
|
|
11
|
+
variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error';
|
|
12
|
+
/**
|
|
13
|
+
* PlaceholderButton size
|
|
14
|
+
*/
|
|
15
|
+
size?: 'small' | 'medium' | 'large';
|
|
16
|
+
/**
|
|
17
|
+
* Disabled state
|
|
18
|
+
*/
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Click handler
|
|
22
|
+
*/
|
|
23
|
+
onClick?: () => void;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Primary UI component for user interaction
|
|
27
|
+
*/
|
|
28
|
+
export declare const Button: React.FC<ButtonProps>;
|
|
29
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/PlaceholderButton/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACpE;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgBxC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/PlaceholderButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
package/dist/src/index.d.ts
CHANGED
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -11,7 +11,7 @@ export declare const t: {
|
|
|
11
11
|
readonly fontMobileSizeMd: "var(--font-mobile-size-md)";
|
|
12
12
|
readonly fontMobileSizeLg: "var(--font-mobile-size-lg)";
|
|
13
13
|
readonly fontMobileSizeXl: "var(--font-mobile-size-xl)";
|
|
14
|
-
readonly
|
|
14
|
+
readonly fontMobileSize2xll: "var(--font-mobile-size-2xll)";
|
|
15
15
|
readonly fontMobileSize3xl: "var(--font-mobile-size-3xl)";
|
|
16
16
|
readonly fontMobileSize4xl: "var(--font-mobile-size-4xl)";
|
|
17
17
|
readonly fontMobileLineHeightXxs: "var(--font-mobile-line-height-xxs)";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/semantic-border/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;CAIJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const t: {
|
|
2
|
+
readonly textButtonFontSizeXxs: "var(--text-button-font-size-xxs)";
|
|
3
|
+
readonly textButtonFontSizeXs: "var(--text-button-font-size-xs)";
|
|
4
|
+
readonly textButtonFontSizeSm: "var(--text-button-font-size-sm)";
|
|
5
|
+
readonly textButtonFontSizeMd: "var(--text-button-font-size-md)";
|
|
6
|
+
readonly textButtonFontSizeLg: "var(--text-button-font-size-lg)";
|
|
7
|
+
readonly textButtonFontSizeXl: "var(--text-button-font-size-xl)";
|
|
8
|
+
readonly textButtonLineHeightXxs: "var(--text-button-line-height-xxs)";
|
|
9
|
+
readonly textButtonLineHeightXs: "var(--text-button-line-height-xs)";
|
|
10
|
+
readonly textButtonLineHeightSm: "var(--text-button-line-height-sm)";
|
|
11
|
+
readonly textButtonLineHeightMd: "var(--text-button-line-height-md)";
|
|
12
|
+
readonly textButtonLineHeightLg: "var(--text-button-line-height-lg)";
|
|
13
|
+
readonly textButtonLineHeightXl: "var(--text-button-line-height-xl)";
|
|
14
|
+
};
|
|
15
|
+
export type TokenKey = keyof typeof t;
|
|
16
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/semantic-texts/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;CAaJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/stroke/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;CAKJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
|
|
@@ -35,7 +35,7 @@ export declare const t: {
|
|
|
35
35
|
readonly fontMobileSizeMd: "var(--font-mobile-size-md)";
|
|
36
36
|
readonly fontMobileSizeLg: "var(--font-mobile-size-lg)";
|
|
37
37
|
readonly fontMobileSizeXl: "var(--font-mobile-size-xl)";
|
|
38
|
-
readonly
|
|
38
|
+
readonly fontMobileSize2xll: "var(--font-mobile-size-2xll)";
|
|
39
39
|
readonly fontMobileSize3xl: "var(--font-mobile-size-3xl)";
|
|
40
40
|
readonly fontMobileSize4xl: "var(--font-mobile-size-4xl)";
|
|
41
41
|
readonly fontMobileLineHeightXxs: "var(--font-mobile-line-height-xxs)";
|
|
@@ -98,6 +98,10 @@ export declare const t: {
|
|
|
98
98
|
readonly radiusLg: "var(--radius-lg)";
|
|
99
99
|
readonly radiusXl: "var(--radius-xl)";
|
|
100
100
|
readonly radiusFull: "var(--radius-full)";
|
|
101
|
+
readonly sm: "var(--sm)";
|
|
102
|
+
readonly md: "var(--md)";
|
|
103
|
+
readonly lg: "var(--lg)";
|
|
104
|
+
readonly xs: "var(--xs)";
|
|
101
105
|
};
|
|
102
106
|
export type TokenKey = keyof typeof t;
|
|
103
107
|
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/output/base/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/output/base/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export declare const t: {
|
|
2
|
+
readonly colorButtonPrimaryBackgroundDefault: "var(--color-button-primary-background-default)";
|
|
3
|
+
readonly colorButtonPrimaryBackgroundHover: "var(--color-button-primary-background-hover)";
|
|
4
|
+
readonly colorButtonPrimaryBackgroundPressed: "var(--color-button-primary-background-pressed)";
|
|
5
|
+
readonly colorButtonPrimaryBackgroundDisabled: "var(--color-button-primary-background-disabled)";
|
|
6
|
+
readonly colorButtonPrimaryBackgroundFocus: "var(--color-button-primary-background-focus)";
|
|
7
|
+
readonly colorButtonPrimaryTextDefault: "var(--color-button-primary-text-default)";
|
|
8
|
+
readonly colorButtonPrimaryTextDisabled: "var(--color-button-primary-text-disabled)";
|
|
9
|
+
readonly colorButtonPrimaryBorderFocusOutside: "var(--color-button-primary-border-focus-outside)";
|
|
10
|
+
readonly colorButtonPrimaryBorderDisabled: "var(--color-button-primary-border-disabled)";
|
|
11
|
+
readonly colorButtonPrimaryBorderFocusInside: "var(--color-button-primary-border-focus-inside)";
|
|
12
|
+
readonly colorButtonSecondaryBackgroundDefault: "var(--color-button-secondary-background-default)";
|
|
13
|
+
readonly colorButtonSecondaryBackgroundHover: "var(--color-button-secondary-background-hover)";
|
|
14
|
+
readonly colorButtonSecondaryBackgroundPressed: "var(--color-button-secondary-background-pressed)";
|
|
15
|
+
readonly colorButtonSecondaryBackgroundDisabled: "var(--color-button-secondary-background-disabled)";
|
|
16
|
+
readonly colorButtonSecondaryBackgroundFocus: "var(--color-button-secondary-background-focus)";
|
|
17
|
+
readonly colorButtonSecondaryBorderDefault: "var(--color-button-secondary-border-default)";
|
|
18
|
+
readonly colorButtonSecondaryBorderFocusInside: "var(--color-button-secondary-border-focus-inside)";
|
|
19
|
+
readonly colorButtonSecondaryBorderDisabled: "var(--color-button-secondary-border-disabled)";
|
|
20
|
+
readonly colorButtonSecondaryBorderHover: "var(--color-button-secondary-border-hover)";
|
|
21
|
+
readonly colorButtonSecondaryBorderPressed: "var(--color-button-secondary-border-pressed)";
|
|
22
|
+
readonly colorButtonSecondaryBorderFocusOutside: "var(--color-button-secondary-border-focus-outside)";
|
|
23
|
+
readonly colorButtonSecondaryTextDefaultFocus: "var(--color-button-secondary-text-default-focus)";
|
|
24
|
+
readonly colorButtonSecondaryTextHoverPressed: "var(--color-button-secondary-text-hover-pressed)";
|
|
25
|
+
readonly colorButtonSecondaryTextDisabled: "var(--color-button-secondary-text-disabled)";
|
|
26
|
+
readonly colorButtonLinkBackgroundDefault: "var(--color-button-link-background-default)";
|
|
27
|
+
readonly colorButtonLinkBackgroundHover: "var(--color-button-link-background-hover)";
|
|
28
|
+
readonly colorButtonLinkBackgroundPressed: "var(--color-button-link-background-pressed)";
|
|
29
|
+
readonly colorButtonLinkBackgroundFocus: "var(--color-button-link-background-focus)";
|
|
30
|
+
readonly colorButtonLinkBackgroundDisabled: "var(--color-button-link-background-disabled)";
|
|
31
|
+
readonly colorButtonLinkTextDefault: "var(--color-button-link-text-default)";
|
|
32
|
+
readonly colorButtonLinkTextHover: "var(--color-button-link-text-hover)";
|
|
33
|
+
readonly colorButtonLinkTextPressed: "var(--color-button-link-text-pressed)";
|
|
34
|
+
readonly colorButtonLinkTextDisabled: "var(--color-button-link-text-disabled)";
|
|
35
|
+
readonly colorButtonLinkTextFocus: "var(--color-button-link-text-focus)";
|
|
36
|
+
readonly colorButtonLinkBorderFocus: "var(--color-button-link-border-focus)";
|
|
37
|
+
readonly colorOverlay50: "var(--color-overlay-50)";
|
|
38
|
+
readonly colorFeedbackPositiveBackground: "var(--color-feedback-positive-background)";
|
|
39
|
+
readonly colorFeedbackPositiveIcon: "var(--color-feedback-positive-icon)";
|
|
40
|
+
readonly colorFeedbackPositiveBorder: "var(--color-feedback-positive-border)";
|
|
41
|
+
readonly colorFeedbackNegativeBackground: "var(--color-feedback-negative-background)";
|
|
42
|
+
readonly colorFeedbackNegativeIcon: "var(--color-feedback-negative-icon)";
|
|
43
|
+
readonly colorFeedbackNegativeBorder: "var(--color-feedback-negative-border)";
|
|
44
|
+
readonly colorFeedbackWarningBackground: "var(--color-feedback-warning-background)";
|
|
45
|
+
readonly colorFeedbackWarningIcon: "var(--color-feedback-warning-icon)";
|
|
46
|
+
readonly colorFeedbackWarningBorder: "var(--color-feedback-warning-border)";
|
|
47
|
+
};
|
|
48
|
+
export type TokenKey = keyof typeof t;
|
|
49
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/gs/semantic-colors/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export declare const t: {
|
|
2
|
+
readonly colorButtonPrimaryBackgroundDefault: "var(--color-button-primary-background-default)";
|
|
3
|
+
readonly colorButtonPrimaryBackgroundHover: "var(--color-button-primary-background-hover)";
|
|
4
|
+
readonly colorButtonPrimaryBackgroundPressed: "var(--color-button-primary-background-pressed)";
|
|
5
|
+
readonly colorButtonPrimaryBackgroundDisabled: "var(--color-button-primary-background-disabled)";
|
|
6
|
+
readonly colorButtonPrimaryBackgroundFocus: "var(--color-button-primary-background-focus)";
|
|
7
|
+
readonly colorButtonPrimaryTextDefault: "var(--color-button-primary-text-default)";
|
|
8
|
+
readonly colorButtonPrimaryTextDisabled: "var(--color-button-primary-text-disabled)";
|
|
9
|
+
readonly colorButtonPrimaryBorderFocusOutside: "var(--color-button-primary-border-focus-outside)";
|
|
10
|
+
readonly colorButtonPrimaryBorderDisabled: "var(--color-button-primary-border-disabled)";
|
|
11
|
+
readonly colorButtonPrimaryBorderFocusInside: "var(--color-button-primary-border-focus-inside)";
|
|
12
|
+
readonly colorButtonSecondaryBackgroundDefault: "var(--color-button-secondary-background-default)";
|
|
13
|
+
readonly colorButtonSecondaryBackgroundHover: "var(--color-button-secondary-background-hover)";
|
|
14
|
+
readonly colorButtonSecondaryBackgroundPressed: "var(--color-button-secondary-background-pressed)";
|
|
15
|
+
readonly colorButtonSecondaryBackgroundDisabled: "var(--color-button-secondary-background-disabled)";
|
|
16
|
+
readonly colorButtonSecondaryBackgroundFocus: "var(--color-button-secondary-background-focus)";
|
|
17
|
+
readonly colorButtonSecondaryBorderDefault: "var(--color-button-secondary-border-default)";
|
|
18
|
+
readonly colorButtonSecondaryBorderFocusInside: "var(--color-button-secondary-border-focus-inside)";
|
|
19
|
+
readonly colorButtonSecondaryBorderDisabled: "var(--color-button-secondary-border-disabled)";
|
|
20
|
+
readonly colorButtonSecondaryBorderHover: "var(--color-button-secondary-border-hover)";
|
|
21
|
+
readonly colorButtonSecondaryBorderPressed: "var(--color-button-secondary-border-pressed)";
|
|
22
|
+
readonly colorButtonSecondaryBorderFocusOutside: "var(--color-button-secondary-border-focus-outside)";
|
|
23
|
+
readonly colorButtonSecondaryTextDefaultFocus: "var(--color-button-secondary-text-default-focus)";
|
|
24
|
+
readonly colorButtonSecondaryTextHoverPressed: "var(--color-button-secondary-text-hover-pressed)";
|
|
25
|
+
readonly colorButtonSecondaryTextDisabled: "var(--color-button-secondary-text-disabled)";
|
|
26
|
+
readonly colorButtonLinkBackgroundDefault: "var(--color-button-link-background-default)";
|
|
27
|
+
readonly colorButtonLinkBackgroundHover: "var(--color-button-link-background-hover)";
|
|
28
|
+
readonly colorButtonLinkBackgroundPressed: "var(--color-button-link-background-pressed)";
|
|
29
|
+
readonly colorButtonLinkBackgroundFocus: "var(--color-button-link-background-focus)";
|
|
30
|
+
readonly colorButtonLinkBackgroundDisabled: "var(--color-button-link-background-disabled)";
|
|
31
|
+
readonly colorButtonLinkTextDefault: "var(--color-button-link-text-default)";
|
|
32
|
+
readonly colorButtonLinkTextHover: "var(--color-button-link-text-hover)";
|
|
33
|
+
readonly colorButtonLinkTextPressed: "var(--color-button-link-text-pressed)";
|
|
34
|
+
readonly colorButtonLinkTextDisabled: "var(--color-button-link-text-disabled)";
|
|
35
|
+
readonly colorButtonLinkTextFocus: "var(--color-button-link-text-focus)";
|
|
36
|
+
readonly colorButtonLinkBorderFocus: "var(--color-button-link-border-focus)";
|
|
37
|
+
readonly colorOverlay50: "var(--color-overlay-50)";
|
|
38
|
+
readonly colorFeedbackPositiveBackground: "var(--color-feedback-positive-background)";
|
|
39
|
+
readonly colorFeedbackPositiveIcon: "var(--color-feedback-positive-icon)";
|
|
40
|
+
readonly colorFeedbackPositiveBorder: "var(--color-feedback-positive-border)";
|
|
41
|
+
readonly colorFeedbackNegativeBackground: "var(--color-feedback-negative-background)";
|
|
42
|
+
readonly colorFeedbackNegativeIcon: "var(--color-feedback-negative-icon)";
|
|
43
|
+
readonly colorFeedbackNegativeBorder: "var(--color-feedback-negative-border)";
|
|
44
|
+
readonly colorFeedbackWarningBackground: "var(--color-feedback-warning-background)";
|
|
45
|
+
readonly colorFeedbackWarningIcon: "var(--color-feedback-warning-icon)";
|
|
46
|
+
readonly colorFeedbackWarningBorder: "var(--color-feedback-warning-border)";
|
|
47
|
+
};
|
|
48
|
+
export type TokenKey = keyof typeof t;
|
|
49
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/sk/semantic-colors/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
|
package/dist/themes/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_1dd3g_9{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xxs);border:2px solid transparent;border-radius:var(--radius-xs);cursor:pointer;font-family:var(--font-desktop-family-worksans);font-weight:var(--font-desktop-weight-medium);white-space:nowrap;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}._root_1dd3g_9:disabled{cursor:not-allowed}._icon_1dd3g_28{display:inline-flex;align-items:center;flex-shrink:0}._label_1dd3g_34{display:inline-block}._primary_1dd3g_40{background-color:var(--color-button-primary-background-default);color:var(--color-button-primary-text-default)}._primary_1dd3g_40:hover:not(:disabled){background-color:var(--color-button-primary-background-hover)}._primary_1dd3g_40:active:not(:disabled){background-color:var(--color-button-primary-background-pressed)}._primary_1dd3g_40:focus-visible{background-color:var(--color-button-primary-background-focus);outline:2px solid var(--color-button-primary-border-focus-outside);outline-offset:2px;box-shadow:inset 0 0 0 2px var(--color-button-primary-border-focus-inside)}._primary_1dd3g_40:disabled{background-color:var(--color-button-primary-background-disabled);color:var(--color-button-primary-text-disabled);border-color:var(--color-button-primary-border-disabled)}._secondary_1dd3g_68{background-color:var(--color-button-secondary-background-default);color:var(--color-button-secondary-text-default-focus);border-color:var(--color-button-secondary-border-default)}._secondary_1dd3g_68:hover:not(:disabled){background-color:var(--color-button-secondary-background-hover);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-hover)}._secondary_1dd3g_68:active:not(:disabled){background-color:var(--color-button-secondary-background-pressed);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-pressed)}._secondary_1dd3g_68:focus-visible{background-color:var(--color-button-secondary-background-focus);border-color:var(--color-button-secondary-border-focus-inside);outline:2px solid var(--color-button-secondary-border-focus-outside);outline-offset:2px}._secondary_1dd3g_68:disabled{background-color:var(--color-button-secondary-background-disabled);color:var(--color-button-secondary-text-disabled);border-color:var(--color-button-secondary-border-disabled)}._link_1dd3g_101{background-color:var(--color-button-link-background-default);color:var(--color-button-link-text-default)}._link_1dd3g_101:hover:not(:disabled){background-color:var(--color-button-link-background-hover);color:var(--color-button-link-text-hover)}._link_1dd3g_101:active:not(:disabled){background-color:var(--color-button-link-background-pressed);color:var(--color-button-link-text-pressed)}._link_1dd3g_101:focus-visible{background-color:var(--color-button-link-background-focus);color:var(--color-button-link-text-focus);border-color:var(--color-button-link-border-focus);outline:2px solid var(--color-button-link-border-focus);outline-offset:2px}._link_1dd3g_101:disabled{background-color:var(--color-button-link-background-disabled);color:var(--color-button-link-text-disabled)}._sizeXl_1dd3g_131{height:var(--spacing-3xl);padding:0 var(--spacing-md);font-size:var(--text-button-font-size-xl);line-height:var(--text-button-line-height-xl)}._sizeLg_1dd3g_138{height:var(--spacing-2xl);padding:0 var(--spacing-sm);font-size:var(--text-button-font-size-lg);line-height:var(--text-button-line-height-lg)}._sizeMd_1dd3g_145{height:var(--spacing-xl);padding:0 var(--spacing-sm);font-size:var(--text-button-font-size-md);line-height:var(--text-button-line-height-md)}._sizeSm_1dd3g_152{height:2.75rem;padding:0 var(--spacing-xs);font-size:var(--text-button-font-size-sm);line-height:var(--text-button-line-height-sm)}._sizeXs_1dd3g_159{height:var(--spacing-md);padding:0 var(--spacing-xs);font-size:var(--text-button-font-size-xs);line-height:var(--text-button-line-height-xs)}._sizeXxs_1dd3g_166{height:var(--spacing-sm);padding:0 var(--spacing-xxs);font-size:var(--text-button-font-size-xxs);line-height:var(--text-button-line-height-xxs)}
|
package/package.json
CHANGED
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
6
|
--font-desktop-family-worksans: "Work Sans";
|
|
7
|
-
--font-desktop-weight-regular:
|
|
8
|
-
--font-desktop-weight-medium:
|
|
9
|
-
--font-desktop-weight-semi-bold:
|
|
10
|
-
--font-desktop-weight-bold:
|
|
11
|
-
--font-desktop-weight-extra-bold:
|
|
7
|
+
--font-desktop-weight-regular: 25rem;
|
|
8
|
+
--font-desktop-weight-medium: 31.25rem;
|
|
9
|
+
--font-desktop-weight-semi-bold: 37.5rem;
|
|
10
|
+
--font-desktop-weight-bold: 43.75rem;
|
|
11
|
+
--font-desktop-weight-extra-bold: 50rem;
|
|
12
12
|
--font-desktop-size-xxs: 0.625rem;
|
|
13
13
|
--font-desktop-size-xs: 0.75rem;
|
|
14
14
|
--font-desktop-size-sm: 1rem;
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
--font-desktop-size-3xl: 2rem;
|
|
20
20
|
--font-desktop-size-4xl: 2.5rem;
|
|
21
21
|
--font-desktop-line-height-xxs: 1rem;
|
|
22
|
-
--font-desktop-line-height-xs:
|
|
22
|
+
--font-desktop-line-height-xs: 1.125rem;
|
|
23
23
|
--font-desktop-line-height-sm: 1.5rem;
|
|
24
24
|
--font-desktop-line-height-md: 1.75rem;
|
|
25
25
|
--font-desktop-line-height-lg: 2rem;
|
|
26
26
|
--font-desktop-line-height-xl: 2rem;
|
|
27
|
-
--font-desktop-line-height-2xl: 2.
|
|
27
|
+
--font-desktop-line-height-2xl: 2.5rem;
|
|
28
28
|
--font-desktop-line-height-3xl: 3rem;
|
|
29
29
|
--font-desktop-line-height-4xl: 4rem;
|
|
30
30
|
}
|
|
@@ -12,7 +12,7 @@ export declare const t: {
|
|
|
12
12
|
readonly fontMobileSizeMd: string;
|
|
13
13
|
readonly fontMobileSizeLg: string;
|
|
14
14
|
readonly fontMobileSizeXl: string;
|
|
15
|
-
readonly
|
|
15
|
+
readonly fontMobileSize2xll: string;
|
|
16
16
|
readonly fontMobileSize3xl: string;
|
|
17
17
|
readonly fontMobileSize4xl: string;
|
|
18
18
|
readonly fontMobileLineHeightXxs: string;
|
|
@@ -12,7 +12,7 @@ export const t = {
|
|
|
12
12
|
fontMobileSizeMd: 'var(--font-mobile-size-md)',
|
|
13
13
|
fontMobileSizeLg: 'var(--font-mobile-size-lg)',
|
|
14
14
|
fontMobileSizeXl: 'var(--font-mobile-size-xl)',
|
|
15
|
-
|
|
15
|
+
fontMobileSize2xll: 'var(--font-mobile-size-2xll)',
|
|
16
16
|
fontMobileSize3xl: 'var(--font-mobile-size-3xl)',
|
|
17
17
|
fontMobileSize4xl: 'var(--font-mobile-size-4xl)',
|
|
18
18
|
fontMobileLineHeightXxs: 'var(--font-mobile-line-height-xxs)',
|
|
@@ -12,7 +12,7 @@ export const t = {
|
|
|
12
12
|
fontMobileSizeMd: 'var(--font-mobile-size-md)',
|
|
13
13
|
fontMobileSizeLg: 'var(--font-mobile-size-lg)',
|
|
14
14
|
fontMobileSizeXl: 'var(--font-mobile-size-xl)',
|
|
15
|
-
|
|
15
|
+
fontMobileSize2xll: 'var(--font-mobile-size-2xll)',
|
|
16
16
|
fontMobileSize3xl: 'var(--font-mobile-size-3xl)',
|
|
17
17
|
fontMobileSize4xl: 'var(--font-mobile-size-4xl)',
|
|
18
18
|
fontMobileLineHeightXxs: 'var(--font-mobile-line-height-xxs)',
|
|
@@ -4,18 +4,18 @@
|
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
6
|
--font-mobile-family-worksans: "Work Sans";
|
|
7
|
-
--font-mobile-weight-regular:
|
|
8
|
-
--font-mobile-weight-medium:
|
|
9
|
-
--font-mobile-weight-semi-bold:
|
|
10
|
-
--font-mobile-weight-bold:
|
|
11
|
-
--font-mobile-weight-extra-bold:
|
|
7
|
+
--font-mobile-weight-regular: 25rem;
|
|
8
|
+
--font-mobile-weight-medium: 31.25rem;
|
|
9
|
+
--font-mobile-weight-semi-bold: 37.5rem;
|
|
10
|
+
--font-mobile-weight-bold: 43.75rem;
|
|
11
|
+
--font-mobile-weight-extra-bold: 50rem;
|
|
12
12
|
--font-mobile-size-xxs: 0.625rem;
|
|
13
13
|
--font-mobile-size-xs: 0.75rem;
|
|
14
14
|
--font-mobile-size-sm: 0.875rem;
|
|
15
15
|
--font-mobile-size-md: 1rem;
|
|
16
16
|
--font-mobile-size-lg: 1.125rem;
|
|
17
17
|
--font-mobile-size-xl: 1.25rem;
|
|
18
|
-
--font-mobile-size-
|
|
18
|
+
--font-mobile-size-2xll: 1.5rem;
|
|
19
19
|
--font-mobile-size-3xl: 1.75rem;
|
|
20
20
|
--font-mobile-size-4xl: 2rem;
|
|
21
21
|
--font-mobile-line-height-xxs: 1rem;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// Auto-generated by scripts/build-tokens.mjs — do not edit manually
|
|
2
|
+
export declare const t: {
|
|
3
|
+
readonly textButtonFontSizeXxs: string;
|
|
4
|
+
readonly textButtonFontSizeXs: string;
|
|
5
|
+
readonly textButtonFontSizeSm: string;
|
|
6
|
+
readonly textButtonFontSizeMd: string;
|
|
7
|
+
readonly textButtonFontSizeLg: string;
|
|
8
|
+
readonly textButtonFontSizeXl: string;
|
|
9
|
+
readonly textButtonLineHeightXxs: string;
|
|
10
|
+
readonly textButtonLineHeightXs: string;
|
|
11
|
+
readonly textButtonLineHeightSm: string;
|
|
12
|
+
readonly textButtonLineHeightMd: string;
|
|
13
|
+
readonly textButtonLineHeightLg: string;
|
|
14
|
+
readonly textButtonLineHeightXl: string
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export type TokenKey = keyof typeof t;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Auto-generated by scripts/build-tokens.mjs — do not edit manually
|
|
2
|
+
export const t = {
|
|
3
|
+
textButtonFontSizeXxs: 'var(--text-button-font-size-xxs)',
|
|
4
|
+
textButtonFontSizeXs: 'var(--text-button-font-size-xs)',
|
|
5
|
+
textButtonFontSizeSm: 'var(--text-button-font-size-sm)',
|
|
6
|
+
textButtonFontSizeMd: 'var(--text-button-font-size-md)',
|
|
7
|
+
textButtonFontSizeLg: 'var(--text-button-font-size-lg)',
|
|
8
|
+
textButtonFontSizeXl: 'var(--text-button-font-size-xl)',
|
|
9
|
+
textButtonLineHeightXxs: 'var(--text-button-line-height-xxs)',
|
|
10
|
+
textButtonLineHeightXs: 'var(--text-button-line-height-xs)',
|
|
11
|
+
textButtonLineHeightSm: 'var(--text-button-line-height-sm)',
|
|
12
|
+
textButtonLineHeightMd: 'var(--text-button-line-height-md)',
|
|
13
|
+
textButtonLineHeightLg: 'var(--text-button-line-height-lg)',
|
|
14
|
+
textButtonLineHeightXl: 'var(--text-button-line-height-xl)'
|
|
15
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// Auto-generated by scripts/build-tokens.mjs — do not edit manually
|
|
2
|
+
export const t = {
|
|
3
|
+
textButtonFontSizeXxs: 'var(--text-button-font-size-xxs)',
|
|
4
|
+
textButtonFontSizeXs: 'var(--text-button-font-size-xs)',
|
|
5
|
+
textButtonFontSizeSm: 'var(--text-button-font-size-sm)',
|
|
6
|
+
textButtonFontSizeMd: 'var(--text-button-font-size-md)',
|
|
7
|
+
textButtonFontSizeLg: 'var(--text-button-font-size-lg)',
|
|
8
|
+
textButtonFontSizeXl: 'var(--text-button-font-size-xl)',
|
|
9
|
+
textButtonLineHeightXxs: 'var(--text-button-line-height-xxs)',
|
|
10
|
+
textButtonLineHeightXs: 'var(--text-button-line-height-xs)',
|
|
11
|
+
textButtonLineHeightSm: 'var(--text-button-line-height-sm)',
|
|
12
|
+
textButtonLineHeightMd: 'var(--text-button-line-height-md)',
|
|
13
|
+
textButtonLineHeightLg: 'var(--text-button-line-height-lg)',
|
|
14
|
+
textButtonLineHeightXl: 'var(--text-button-line-height-xl)'
|
|
15
|
+
} as const;
|
|
16
|
+
|
|
17
|
+
export type TokenKey = keyof typeof t;
|