shared-design-system 1.117.0 → 1.119.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/Alert.js +14 -13
- package/dist/src/components/Alert.js.map +1 -1
- package/dist/src/components/Badge.js +25 -109
- package/dist/src/components/Badge.js.map +1 -1
- package/dist/src/components/Button.d.ts +1 -1
- package/dist/src/components/Button.js +67 -40
- package/dist/src/components/Button.js.map +1 -1
- package/dist/src/components/ConfigProvider.d.ts +1 -1
- package/dist/src/components/ConfigProvider.js +3 -3
- package/dist/src/components/ConfigProvider.js.map +1 -1
- package/dist/src/components/DatePicker.js +1 -1
- package/dist/src/components/InputComponents.js +20 -17
- package/dist/src/components/InputComponents.js.map +1 -1
- package/dist/src/components/MultiSelect.js +16 -15
- package/dist/src/components/MultiSelect.js.map +1 -1
- package/dist/src/components/ReadOnlyField.js +1 -1
- package/dist/src/components/Select.js +16 -15
- package/dist/src/components/Select.js.map +1 -1
- package/dist/src/components/Tag.js +9 -9
- package/dist/src/components/Tag.js.map +1 -1
- package/dist/src/components/TagInput.js +1 -1
- package/dist/src/components/Typography.js +18 -18
- package/dist/src/components/Typography.js.map +1 -1
- package/dist/src/tokens.d.ts +46 -0
- package/dist/src/tokens.js +195 -43
- package/dist/src/tokens.js.map +1 -1
- package/package.json +1 -1
- package/src/theme.css +135 -82
|
@@ -2,49 +2,49 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { tokens } from '../tokens';
|
|
4
4
|
const COLOR_SCHEMES = {
|
|
5
|
-
// primary =
|
|
5
|
+
// primary = Main/Red #DA2128
|
|
6
6
|
primary: {
|
|
7
7
|
bg: tokens.color.primary,
|
|
8
8
|
text: '#fff',
|
|
9
9
|
lightBg: tokens.color.primaryLight,
|
|
10
10
|
lightText: tokens.color.primary,
|
|
11
|
-
border: 'rgba(
|
|
11
|
+
border: 'rgba(218, 33, 40, 0.2)', // red/6 rgba
|
|
12
12
|
},
|
|
13
|
-
// accent =
|
|
13
|
+
// accent = Main/Orange #FAA61A
|
|
14
14
|
accent: {
|
|
15
15
|
bg: tokens.color.accent,
|
|
16
|
-
text:
|
|
16
|
+
text: tokens.color.brandBlack, // #333333 on orange
|
|
17
17
|
lightBg: tokens.color.accentLight,
|
|
18
18
|
lightText: tokens.color.accentDark,
|
|
19
|
-
border: 'rgba(
|
|
19
|
+
border: 'rgba(250, 166, 26, 0.3)', // orange/6 rgba
|
|
20
20
|
},
|
|
21
21
|
success: {
|
|
22
22
|
bg: tokens.color.success,
|
|
23
23
|
text: '#fff',
|
|
24
24
|
lightBg: tokens.color.successBg,
|
|
25
25
|
lightText: tokens.color.success,
|
|
26
|
-
border: 'rgba(
|
|
26
|
+
border: 'rgba(34, 149, 93, 0.2)', // green/6 rgba
|
|
27
27
|
},
|
|
28
28
|
warning: {
|
|
29
29
|
bg: tokens.color.warning,
|
|
30
30
|
text: '#fff',
|
|
31
31
|
lightBg: tokens.color.warningBg,
|
|
32
32
|
lightText: tokens.color.warning,
|
|
33
|
-
border: 'rgba(245, 102, 0, 0.2)',
|
|
33
|
+
border: 'rgba(245, 102, 0, 0.2)', // volcano/6 rgba
|
|
34
34
|
},
|
|
35
35
|
danger: {
|
|
36
36
|
bg: tokens.color.danger,
|
|
37
37
|
text: '#fff',
|
|
38
38
|
lightBg: tokens.color.dangerBg,
|
|
39
39
|
lightText: tokens.color.danger,
|
|
40
|
-
border: 'rgba(
|
|
40
|
+
border: 'rgba(218, 33, 40, 0.2)', // red/6 rgba
|
|
41
41
|
},
|
|
42
42
|
info: {
|
|
43
43
|
bg: tokens.color.info,
|
|
44
44
|
text: '#fff',
|
|
45
45
|
lightBg: tokens.color.infoBg,
|
|
46
46
|
lightText: tokens.color.info,
|
|
47
|
-
border: 'rgba(
|
|
47
|
+
border: 'rgba(10, 109, 199, 0.2)', // blue/6 rgba
|
|
48
48
|
},
|
|
49
49
|
premium: {
|
|
50
50
|
bg: '#7c3aed',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAqBnC,MAAM,aAAa,GAAgC;IACjD,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,7 +27,7 @@ export const TagInput = ({ label, values = [], onChange, placeholder, style: cus
|
|
|
27
27
|
alignItems: 'center',
|
|
28
28
|
gap: tokens.spacing[2],
|
|
29
29
|
padding: `${tokens.spacing[2]} ${tokens.spacing[3]} ${tokens.spacing[1]}`,
|
|
30
|
-
minHeight: '
|
|
30
|
+
minHeight: '40px',
|
|
31
31
|
border: `1px solid ${isFocused ? tokens.color.primary : tokens.color.slate200}`,
|
|
32
32
|
borderRadius: tokens.radius.xl,
|
|
33
33
|
transition: tokens.transition.fast,
|
|
@@ -2,28 +2,28 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { tokens } from "../tokens";
|
|
4
4
|
const HEADING_SIZES = {
|
|
5
|
-
1: tokens.font["
|
|
6
|
-
2: tokens.font
|
|
7
|
-
3: tokens.font.
|
|
8
|
-
4: tokens.font.md,
|
|
9
|
-
5: tokens.font.base,
|
|
10
|
-
6: tokens.font.
|
|
5
|
+
1: tokens.font["3xl"], // 32px — Large Title
|
|
6
|
+
2: tokens.font["2xl"], // 24px — Title2
|
|
7
|
+
3: tokens.font.xl, // 20px — Title3
|
|
8
|
+
4: tokens.font.md, // 16px — Body
|
|
9
|
+
5: tokens.font.base, // 14px — Subheadline
|
|
10
|
+
6: tokens.font.xs, // 12px — Caption1
|
|
11
11
|
};
|
|
12
12
|
const HEADING_LINE_HEIGHTS = {
|
|
13
|
-
1:
|
|
14
|
-
2:
|
|
15
|
-
3:
|
|
16
|
-
4:
|
|
17
|
-
5:
|
|
18
|
-
6:
|
|
13
|
+
1: tokens.font.lineHeight.largeTitle, // 40px
|
|
14
|
+
2: tokens.font.lineHeight.title2, // 32px
|
|
15
|
+
3: tokens.font.lineHeight.title3, // 26px
|
|
16
|
+
4: tokens.font.lineHeight.body, // 24px
|
|
17
|
+
5: tokens.font.lineHeight.subheadline, // 20px
|
|
18
|
+
6: tokens.font.lineHeight.caption1, // 18px
|
|
19
19
|
};
|
|
20
20
|
const HEADING_LETTER_SPACING = {
|
|
21
|
-
1:
|
|
22
|
-
2:
|
|
23
|
-
3:
|
|
24
|
-
4:
|
|
25
|
-
5:
|
|
26
|
-
6:
|
|
21
|
+
1: tokens.font.letterSpacing.heading, // -0.03em
|
|
22
|
+
2: tokens.font.letterSpacing.title2, // -0.30px
|
|
23
|
+
3: tokens.font.letterSpacing.heading, // -0.03em
|
|
24
|
+
4: tokens.font.letterSpacing.body, // -0.20px
|
|
25
|
+
5: tokens.font.letterSpacing.caption, // -0.10px
|
|
26
|
+
6: tokens.font.letterSpacing.none, // 0px
|
|
27
27
|
};
|
|
28
28
|
export const Heading = React.forwardRef(({ level = 2, children, className = "", style = {}, gradient = false, ...props }, ref) => {
|
|
29
29
|
const baseStyle = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/components/Typography.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAQnC,MAAM,aAAa,GAA2B;IAC5C,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/components/Typography.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/tokens.d.ts
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
* Design Tokens — shared-design-system
|
|
3
3
|
* Single source of truth for colors, spacing, typography, shadows.
|
|
4
4
|
*/
|
|
5
|
+
export interface PaletteScale {
|
|
6
|
+
1: string;
|
|
7
|
+
2: string;
|
|
8
|
+
3: string;
|
|
9
|
+
4: string;
|
|
10
|
+
5: string;
|
|
11
|
+
6: string;
|
|
12
|
+
7: string;
|
|
13
|
+
8: string;
|
|
14
|
+
9: string;
|
|
15
|
+
10: string;
|
|
16
|
+
}
|
|
5
17
|
export interface ColorTokens {
|
|
6
18
|
white: string;
|
|
7
19
|
primary: string;
|
|
@@ -10,6 +22,8 @@ export interface ColorTokens {
|
|
|
10
22
|
accent: string;
|
|
11
23
|
accentDark: string;
|
|
12
24
|
accentLight: string;
|
|
25
|
+
mainYellow: string;
|
|
26
|
+
brandBlack: string;
|
|
13
27
|
success: string;
|
|
14
28
|
successBg: string;
|
|
15
29
|
warning: string;
|
|
@@ -26,6 +40,10 @@ export interface ColorTokens {
|
|
|
26
40
|
surface: string;
|
|
27
41
|
surfaceAlt: string;
|
|
28
42
|
overlay: string;
|
|
43
|
+
overlayBlack80: string;
|
|
44
|
+
overlayBlack40: string;
|
|
45
|
+
overlayWhite80: string;
|
|
46
|
+
overlayWhite40: string;
|
|
29
47
|
slate50: string;
|
|
30
48
|
slate100: string;
|
|
31
49
|
slate200: string;
|
|
@@ -36,6 +54,16 @@ export interface ColorTokens {
|
|
|
36
54
|
slate700: string;
|
|
37
55
|
slate800: string;
|
|
38
56
|
slate900: string;
|
|
57
|
+
yellow: PaletteScale;
|
|
58
|
+
orange: PaletteScale;
|
|
59
|
+
volcano: PaletteScale;
|
|
60
|
+
red: PaletteScale;
|
|
61
|
+
blue: PaletteScale;
|
|
62
|
+
daybreakBlue: PaletteScale;
|
|
63
|
+
green: PaletteScale;
|
|
64
|
+
polarGreen: PaletteScale;
|
|
65
|
+
purple: PaletteScale;
|
|
66
|
+
neutral: PaletteScale;
|
|
39
67
|
}
|
|
40
68
|
export interface RadiusTokens {
|
|
41
69
|
sm: string;
|
|
@@ -51,6 +79,21 @@ export interface ShadowTokens {
|
|
|
51
79
|
lg: string;
|
|
52
80
|
xl: string;
|
|
53
81
|
}
|
|
82
|
+
export interface FontLineHeightTokens {
|
|
83
|
+
caption1: string;
|
|
84
|
+
subheadline: string;
|
|
85
|
+
body: string;
|
|
86
|
+
title3: string;
|
|
87
|
+
title2: string;
|
|
88
|
+
largeTitle: string;
|
|
89
|
+
}
|
|
90
|
+
export interface FontLetterSpacingTokens {
|
|
91
|
+
none: string;
|
|
92
|
+
caption: string;
|
|
93
|
+
body: string;
|
|
94
|
+
title2: string;
|
|
95
|
+
heading: string;
|
|
96
|
+
}
|
|
54
97
|
export interface FontTokens {
|
|
55
98
|
family: string;
|
|
56
99
|
xs: string;
|
|
@@ -60,10 +103,13 @@ export interface FontTokens {
|
|
|
60
103
|
lg: string;
|
|
61
104
|
xl: string;
|
|
62
105
|
"2xl": string;
|
|
106
|
+
"3xl": string;
|
|
63
107
|
weightNormal: number;
|
|
64
108
|
weightMedium: number;
|
|
65
109
|
weightSemibold: number;
|
|
66
110
|
weightBold: number;
|
|
111
|
+
lineHeight: FontLineHeightTokens;
|
|
112
|
+
letterSpacing: FontLetterSpacingTokens;
|
|
67
113
|
}
|
|
68
114
|
export interface SpacingTokens {
|
|
69
115
|
[key: string]: string;
|
package/dist/src/tokens.js
CHANGED
|
@@ -5,44 +5,180 @@
|
|
|
5
5
|
export const tokens = {
|
|
6
6
|
color: {
|
|
7
7
|
white: "#FFFFFF",
|
|
8
|
-
//
|
|
9
|
-
primary: "var(--ds-color-primary, #
|
|
10
|
-
primaryDark: "var(--ds-color-primary-dark, #
|
|
11
|
-
primaryLight: "var(--ds-color-primary-light, #
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
//
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
//
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
8
|
+
// ── Brand Main Colors ─────────────────────────────────────────────────────
|
|
9
|
+
primary: "var(--ds-color-primary, #DA2128)", // Main/Red = red/6
|
|
10
|
+
primaryDark: "var(--ds-color-primary-dark, #C61F24)", // red/7
|
|
11
|
+
primaryLight: "var(--ds-color-primary-light, #FBE9EA)", // red/1
|
|
12
|
+
accent: "var(--ds-color-accent, #FAA61A)", // Main/Orange = orange/6
|
|
13
|
+
accentDark: "var(--ds-color-accent-dark, #DC8B05)", // orange/7
|
|
14
|
+
accentLight: "var(--ds-color-accent-light, #FFF6E5)", // orange/1
|
|
15
|
+
mainYellow: "#FFDD00", // Main/Yellow = yellow/6
|
|
16
|
+
brandBlack: "#333333", // Brand/Black
|
|
17
|
+
// ── Status / Semantic ─────────────────────────────────────────────────────
|
|
18
|
+
success: "var(--ds-color-success, #22955D)", // green/6
|
|
19
|
+
successBg: "var(--ds-color-success-bg, #E9F4EF)", // green/1
|
|
20
|
+
warning: "var(--ds-color-warning, #F56600)", // volcano/6
|
|
21
|
+
warningBg: "var(--ds-color-warning-bg, #FEF0E5)", // volcano/1
|
|
22
|
+
danger: "var(--ds-color-danger, #DA2128)", // red/6
|
|
23
|
+
dangerBg: "var(--ds-color-danger-bg, #FBE9EA)", // red/1
|
|
24
|
+
info: "var(--ds-color-info, #0A6DC7)", // blue/6
|
|
25
|
+
infoBg: "var(--ds-color-info-bg, #E7F0F9)", // blue/1
|
|
26
|
+
// ── Text ──────────────────────────────────────────────────────────────────
|
|
27
|
+
text: "var(--ds-color-text, #111927)", // Neutral/10
|
|
28
|
+
textMuted: "var(--ds-color-text-muted, #4D5761)", // Neutral/7
|
|
29
|
+
textDisabled: "var(--ds-color-text-disabled, #9DA4AE)", // Neutral/5
|
|
30
|
+
// ── Border & Surface ──────────────────────────────────────────────────────
|
|
31
|
+
border: "var(--ds-color-border, #E5E7EB)", // Neutral/3
|
|
32
|
+
borderFocus: "var(--ds-color-border-focus, #DA2128)", // primary
|
|
32
33
|
surface: "var(--ds-color-surface, #FFFFFF)",
|
|
33
|
-
surfaceAlt: "var(--ds-color-surface-alt, #
|
|
34
|
+
surfaceAlt: "var(--ds-color-surface-alt, #F9FAFB)", // Neutral/1
|
|
34
35
|
overlay: "rgba(0, 0, 0, 0.3)",
|
|
35
|
-
//
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
36
|
+
// ── Overlay ───────────────────────────────────────────────────────────────
|
|
37
|
+
overlayBlack80: "rgba(0, 0, 0, 0.8)",
|
|
38
|
+
overlayBlack40: "rgba(0, 0, 0, 0.4)",
|
|
39
|
+
overlayWhite80: "rgba(255, 255, 255, 0.8)",
|
|
40
|
+
overlayWhite40: "rgba(255, 255, 255, 0.4)",
|
|
41
|
+
// ── Neutral (slate) scale — Neutral Palette ───────────────────────────────
|
|
42
|
+
slate50: "#F9FAFB", // Neutral/1
|
|
43
|
+
slate100: "#F3F4F6", // Neutral/2
|
|
44
|
+
slate200: "#E5E7EB", // Neutral/3
|
|
45
|
+
slate300: "#D2D6DB", // Neutral/4
|
|
46
|
+
slate400: "#9DA4AE", // Neutral/5
|
|
47
|
+
slate500: "#6C737F", // Neutral/6
|
|
48
|
+
slate600: "#4D5761", // Neutral/7
|
|
49
|
+
slate700: "#384250", // Neutral/8
|
|
50
|
+
slate800: "#1F2A37", // Neutral/9
|
|
51
|
+
slate900: "#111927", // Neutral/10
|
|
52
|
+
// ── Yellow Palette ────────────────────────────────────────────────────────
|
|
53
|
+
yellow: {
|
|
54
|
+
1: "#FFFCE6",
|
|
55
|
+
2: "#FFF4B0",
|
|
56
|
+
3: "#FFEF8A",
|
|
57
|
+
4: "#FFE854",
|
|
58
|
+
5: "#FFE433",
|
|
59
|
+
6: "#FFDD00", // Main/Yellow
|
|
60
|
+
7: "#E8C900",
|
|
61
|
+
8: "#B59D00",
|
|
62
|
+
9: "#8C7A00",
|
|
63
|
+
10: "#6B5D00",
|
|
64
|
+
},
|
|
65
|
+
// ── Orange Palette ────────────────────────────────────────────────────────
|
|
66
|
+
orange: {
|
|
67
|
+
1: "#FFF6E5",
|
|
68
|
+
2: "#FFEED1",
|
|
69
|
+
3: "#FFE3B2",
|
|
70
|
+
4: "#FFD080",
|
|
71
|
+
5: "#FFBC4B",
|
|
72
|
+
6: "#FAA61A", // Main/Orange
|
|
73
|
+
7: "#DC8B05",
|
|
74
|
+
8: "#AA6B04",
|
|
75
|
+
9: "#784B03",
|
|
76
|
+
10: "#503202",
|
|
77
|
+
},
|
|
78
|
+
// ── Volcano Palette ───────────────────────────────────────────────────────
|
|
79
|
+
volcano: {
|
|
80
|
+
1: "#FEF0E5",
|
|
81
|
+
2: "#FDE0CC",
|
|
82
|
+
3: "#FBC299",
|
|
83
|
+
4: "#F9A366",
|
|
84
|
+
5: "#F78533",
|
|
85
|
+
6: "#F56600", // Warning
|
|
86
|
+
7: "#AB4700",
|
|
87
|
+
8: "#7B3300",
|
|
88
|
+
9: "#4A1F00",
|
|
89
|
+
10: "#190A00",
|
|
90
|
+
},
|
|
91
|
+
// ── Red Palette ───────────────────────────────────────────────────────────
|
|
92
|
+
red: {
|
|
93
|
+
1: "#FBE9EA",
|
|
94
|
+
2: "#F4BABC",
|
|
95
|
+
3: "#EE999C",
|
|
96
|
+
4: "#E66B6F",
|
|
97
|
+
5: "#E14E53",
|
|
98
|
+
6: "#DA2128", // Main/Red — primary
|
|
99
|
+
7: "#C61F24",
|
|
100
|
+
8: "#9B181C",
|
|
101
|
+
9: "#781316",
|
|
102
|
+
10: "#5C0E11",
|
|
103
|
+
},
|
|
104
|
+
// ── Blue Palette ──────────────────────────────────────────────────────────
|
|
105
|
+
blue: {
|
|
106
|
+
1: "#E7F0F9",
|
|
107
|
+
2: "#B3D2EE",
|
|
108
|
+
3: "#8EBCE5",
|
|
109
|
+
4: "#5B9DD9",
|
|
110
|
+
5: "#3B8AD2",
|
|
111
|
+
6: "#0A6DC7", // Info
|
|
112
|
+
7: "#0963B5",
|
|
113
|
+
8: "#074D8D",
|
|
114
|
+
9: "#063C6D",
|
|
115
|
+
10: "#042E54",
|
|
116
|
+
},
|
|
117
|
+
// ── Daybreak Blue Palette ─────────────────────────────────────────────────
|
|
118
|
+
daybreakBlue: {
|
|
119
|
+
1: "#E7F0F9",
|
|
120
|
+
2: "#B3D2EE",
|
|
121
|
+
3: "#8EBCE5",
|
|
122
|
+
4: "#5B9DD9",
|
|
123
|
+
5: "#3B8AD2",
|
|
124
|
+
6: "#0A6DC7",
|
|
125
|
+
7: "#0963B5",
|
|
126
|
+
8: "#074D8D",
|
|
127
|
+
9: "#063C6D",
|
|
128
|
+
10: "#042E54",
|
|
129
|
+
},
|
|
130
|
+
// ── Green Palette ─────────────────────────────────────────────────────────
|
|
131
|
+
green: {
|
|
132
|
+
1: "#E9F4EF",
|
|
133
|
+
2: "#BADECD",
|
|
134
|
+
3: "#99CEB4",
|
|
135
|
+
4: "#6BB892",
|
|
136
|
+
5: "#4EAA7D",
|
|
137
|
+
6: "#22955D", // Success
|
|
138
|
+
7: "#1F8855",
|
|
139
|
+
8: "#186A42",
|
|
140
|
+
9: "#135233",
|
|
141
|
+
10: "#0E3F27",
|
|
142
|
+
},
|
|
143
|
+
// ── Polar Green Palette ───────────────────────────────────────────────────
|
|
144
|
+
polarGreen: {
|
|
145
|
+
1: "#F6FFED",
|
|
146
|
+
2: "#D9F7BE",
|
|
147
|
+
3: "#B7EB8F",
|
|
148
|
+
4: "#95DE64",
|
|
149
|
+
5: "#73D13D",
|
|
150
|
+
6: "#52C41A",
|
|
151
|
+
7: "#389E0D",
|
|
152
|
+
8: "#237804",
|
|
153
|
+
9: "#135200",
|
|
154
|
+
10: "#092B00",
|
|
155
|
+
},
|
|
156
|
+
// ── Purple Palette ────────────────────────────────────────────────────────
|
|
157
|
+
purple: {
|
|
158
|
+
1: "#F4F0FA",
|
|
159
|
+
2: "#DBD0F0",
|
|
160
|
+
3: "#CABAE8",
|
|
161
|
+
4: "#B29ADE",
|
|
162
|
+
5: "#A386D7",
|
|
163
|
+
6: "#8C68CD",
|
|
164
|
+
7: "#7F5FBB",
|
|
165
|
+
8: "#634A92",
|
|
166
|
+
9: "#4D3971",
|
|
167
|
+
10: "#3B2C56",
|
|
168
|
+
},
|
|
169
|
+
// ── Neutral Palette ───────────────────────────────────────────────────────
|
|
170
|
+
neutral: {
|
|
171
|
+
1: "#F9FAFB",
|
|
172
|
+
2: "#F3F4F6",
|
|
173
|
+
3: "#E5E7EB",
|
|
174
|
+
4: "#D2D6DB",
|
|
175
|
+
5: "#9DA4AE",
|
|
176
|
+
6: "#6C737F",
|
|
177
|
+
7: "#4D5761",
|
|
178
|
+
8: "#384250",
|
|
179
|
+
9: "#1F2A37",
|
|
180
|
+
10: "#111927",
|
|
181
|
+
},
|
|
46
182
|
},
|
|
47
183
|
radius: {
|
|
48
184
|
sm: "4px",
|
|
@@ -60,17 +196,33 @@ export const tokens = {
|
|
|
60
196
|
},
|
|
61
197
|
font: {
|
|
62
198
|
family: "'Be Vietnam Pro', 'Inter', 'Segoe UI', system-ui, sans-serif",
|
|
63
|
-
xs: "0.75rem",
|
|
64
|
-
sm: "0.8125rem",
|
|
65
|
-
base: "0.875rem",
|
|
66
|
-
md: "1rem",
|
|
67
|
-
lg: "1.125rem",
|
|
68
|
-
xl: "1.25rem",
|
|
69
|
-
"2xl": "1.
|
|
199
|
+
xs: "0.75rem", // 12px — Caption1
|
|
200
|
+
sm: "0.8125rem", // 13px — legacy/internal
|
|
201
|
+
base: "0.875rem", // 14px — Subheadline
|
|
202
|
+
md: "1rem", // 16px — Body
|
|
203
|
+
lg: "1.125rem", // 18px — Body Large
|
|
204
|
+
xl: "1.25rem", // 20px — Title3
|
|
205
|
+
"2xl": "1.5rem", // 24px — Title2
|
|
206
|
+
"3xl": "2rem", // 32px — Large Title
|
|
70
207
|
weightNormal: 400,
|
|
71
208
|
weightMedium: 500,
|
|
72
209
|
weightSemibold: 600,
|
|
73
210
|
weightBold: 700,
|
|
211
|
+
lineHeight: {
|
|
212
|
+
caption1: "18px",
|
|
213
|
+
subheadline: "20px",
|
|
214
|
+
body: "24px",
|
|
215
|
+
title3: "26px",
|
|
216
|
+
title2: "32px",
|
|
217
|
+
largeTitle: "40px",
|
|
218
|
+
},
|
|
219
|
+
letterSpacing: {
|
|
220
|
+
none: "0px",
|
|
221
|
+
caption: "-0.10px",
|
|
222
|
+
body: "-0.20px",
|
|
223
|
+
title2: "-0.30px",
|
|
224
|
+
heading: "-0.03em",
|
|
225
|
+
},
|
|
74
226
|
},
|
|
75
227
|
spacing: {
|
|
76
228
|
xs: "4px",
|
package/dist/src/tokens.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;
|
|
1
|
+
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/tokens.ts"],"names":[],"mappings":"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"}
|