@plerivo/tokens 0.1.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.
Files changed (6) hide show
  1. package/LICENSE +21 -0
  2. package/build/css/theme.css +134 -0
  3. package/build/css/variables.css +295 -0
  4. package/build/index.d.ts +424 -0
  5. package/build/index.js +349 -0
  6. package/package.json +34 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2026 AS-agency
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/build/css/theme.css ADDED
@@ -0,0 +1,134 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ @theme inline {
6
+ --color-*: initial;
7
+ --color-transparent: transparent;
8
+ --color-current: currentColor;
9
+ --color-semantic-background: var(--plerivo-color-semantic-background);
10
+ --color-semantic-foreground: var(--plerivo-color-semantic-foreground);
11
+ --color-semantic-card: var(--plerivo-color-semantic-card);
12
+ --color-semantic-card-foreground: var(--plerivo-color-semantic-card-foreground);
13
+ --color-semantic-popover: var(--plerivo-color-semantic-popover);
14
+ --color-semantic-popover-foreground: var(--plerivo-color-semantic-popover-foreground);
15
+ --color-semantic-primary: var(--plerivo-color-semantic-primary);
16
+ --color-semantic-primary-foreground: var(--plerivo-color-semantic-primary-foreground);
17
+ --color-semantic-secondary: var(--plerivo-color-semantic-secondary);
18
+ --color-semantic-secondary-foreground: var(--plerivo-color-semantic-secondary-foreground);
19
+ --color-semantic-muted: var(--plerivo-color-semantic-muted);
20
+ --color-semantic-muted-foreground: var(--plerivo-color-semantic-muted-foreground);
21
+ --color-semantic-accent: var(--plerivo-color-semantic-accent);
22
+ --color-semantic-accent-foreground: var(--plerivo-color-semantic-accent-foreground);
23
+ --color-semantic-destructive: var(--plerivo-color-semantic-destructive);
24
+ --color-semantic-destructive-foreground: var(--plerivo-color-semantic-destructive-foreground);
25
+ --color-semantic-border: var(--plerivo-color-semantic-border);
26
+ --color-semantic-input: var(--plerivo-color-semantic-input);
27
+ --color-semantic-ring: var(--plerivo-color-semantic-ring);
28
+ --color-semantic-success: var(--plerivo-color-semantic-success);
29
+ --color-semantic-success-foreground: var(--plerivo-color-semantic-success-foreground);
30
+ --color-semantic-warning: var(--plerivo-color-semantic-warning);
31
+ --color-semantic-warning-foreground: var(--plerivo-color-semantic-warning-foreground);
32
+ --color-semantic-sidebar-background: var(--plerivo-color-semantic-sidebar-background);
33
+ --color-semantic-sidebar-foreground: var(--plerivo-color-semantic-sidebar-foreground);
34
+ --color-semantic-sidebar-primary: var(--plerivo-color-semantic-sidebar-primary);
35
+ --color-semantic-sidebar-primary-foreground: var(--plerivo-color-semantic-sidebar-primary-foreground);
36
+ --color-semantic-sidebar-accent: var(--plerivo-color-semantic-sidebar-accent);
37
+ --color-semantic-sidebar-accent-foreground: var(--plerivo-color-semantic-sidebar-accent-foreground);
38
+ --color-semantic-sidebar-border: var(--plerivo-color-semantic-sidebar-border);
39
+ --color-semantic-sidebar-ring: var(--plerivo-color-semantic-sidebar-ring);
40
+ --color-semantic-chart-1: var(--plerivo-color-semantic-chart-1);
41
+ --color-semantic-chart-2: var(--plerivo-color-semantic-chart-2);
42
+ --color-semantic-chart-3: var(--plerivo-color-semantic-chart-3);
43
+ --color-semantic-chart-4: var(--plerivo-color-semantic-chart-4);
44
+ --color-semantic-chart-5: var(--plerivo-color-semantic-chart-5);
45
+ --color-neutral-50: var(--plerivo-color-neutral-50);
46
+ --color-neutral-100: var(--plerivo-color-neutral-100);
47
+ --color-neutral-150: var(--plerivo-color-neutral-150);
48
+ --color-neutral-200: var(--plerivo-color-neutral-200);
49
+ --color-neutral-250: var(--plerivo-color-neutral-250);
50
+ --color-neutral-300: var(--plerivo-color-neutral-300);
51
+ --color-neutral-350: var(--plerivo-color-neutral-350);
52
+ --color-neutral-400: var(--plerivo-color-neutral-400);
53
+ --color-neutral-500: var(--plerivo-color-neutral-500);
54
+ --color-neutral-600: var(--plerivo-color-neutral-600);
55
+ --color-neutral-700: var(--plerivo-color-neutral-700);
56
+ --color-neutral-800: var(--plerivo-color-neutral-800);
57
+ --color-neutral-900: var(--plerivo-color-neutral-900);
58
+ --color-neutral-950: var(--plerivo-color-neutral-950);
59
+ --color-white: var(--plerivo-color-white);
60
+ --color-warm-50: var(--plerivo-color-warm-50);
61
+ --color-warm-100: var(--plerivo-color-warm-100);
62
+ --color-warm-200: var(--plerivo-color-warm-200);
63
+ --color-green-50: var(--plerivo-color-green-50);
64
+ --color-green-500: var(--plerivo-color-green-500);
65
+ --color-green-badge-bg: var(--plerivo-color-green-badge-bg);
66
+ --color-orange-50: var(--plerivo-color-orange-50);
67
+ --color-purple-50: var(--plerivo-color-purple-50);
68
+ --color-chip-green-fg: var(--plerivo-color-chip-green-fg);
69
+ --color-chip-green-soft: var(--plerivo-color-chip-green-soft);
70
+ --color-chip-blue-fg: var(--plerivo-color-chip-blue-fg);
71
+ --color-chip-blue-soft: var(--plerivo-color-chip-blue-soft);
72
+ --color-chip-orange-fg: var(--plerivo-color-chip-orange-fg);
73
+ --color-chip-orange-soft: var(--plerivo-color-chip-orange-soft);
74
+ --color-chip-red-fg: var(--plerivo-color-chip-red-fg);
75
+ --color-chip-red-soft: var(--plerivo-color-chip-red-soft);
76
+ --color-chip-yellow-fg: var(--plerivo-color-chip-yellow-fg);
77
+ --color-chip-yellow-soft: var(--plerivo-color-chip-yellow-soft);
78
+ --color-chip-purple-fg: var(--plerivo-color-chip-purple-fg);
79
+ --color-chip-purple-soft: var(--plerivo-color-chip-purple-soft);
80
+ --color-chip-pink-fg: var(--plerivo-color-chip-pink-fg);
81
+ --color-chip-pink-soft: var(--plerivo-color-chip-pink-soft);
82
+ --color-calendar-mint-bg: var(--plerivo-color-calendar-mint-bg);
83
+ --color-calendar-mint-bar: var(--plerivo-color-calendar-mint-bar);
84
+ --color-calendar-mint-fg: var(--plerivo-color-calendar-mint-fg);
85
+ --color-calendar-mint-sub: var(--plerivo-color-calendar-mint-sub);
86
+ --color-calendar-orange-bg: var(--plerivo-color-calendar-orange-bg);
87
+ --color-calendar-orange-bar: var(--plerivo-color-calendar-orange-bar);
88
+ --color-calendar-orange-fg: var(--plerivo-color-calendar-orange-fg);
89
+ --color-calendar-orange-sub: var(--plerivo-color-calendar-orange-sub);
90
+ --color-calendar-blue-bg: var(--plerivo-color-calendar-blue-bg);
91
+ --color-calendar-blue-bar: var(--plerivo-color-calendar-blue-bar);
92
+ --color-calendar-blue-fg: var(--plerivo-color-calendar-blue-fg);
93
+ --color-calendar-blue-sub: var(--plerivo-color-calendar-blue-sub);
94
+ --color-calendar-pink-bg: var(--plerivo-color-calendar-pink-bg);
95
+ --color-calendar-pink-bar: var(--plerivo-color-calendar-pink-bar);
96
+ --color-calendar-pink-fg: var(--plerivo-color-calendar-pink-fg);
97
+ --color-calendar-pink-sub: var(--plerivo-color-calendar-pink-sub);
98
+ --color-calendar-gray-bg: var(--plerivo-color-calendar-gray-bg);
99
+ --color-calendar-gray-bar: var(--plerivo-color-calendar-gray-bar);
100
+ --color-calendar-gray-fg: var(--plerivo-color-calendar-gray-fg);
101
+ --color-calendar-gray-sub: var(--plerivo-color-calendar-gray-sub);
102
+ --color-drawer-overlay: var(--plerivo-color-drawer-overlay);
103
+ --color-drawer-bg: var(--plerivo-color-drawer-bg);
104
+ --color-drawer-border: var(--plerivo-color-drawer-border);
105
+ --color-drawer-hairline: var(--plerivo-color-drawer-hairline);
106
+ --color-drawer-hairline-soft: var(--plerivo-color-drawer-hairline-soft);
107
+ --color-drawer-card-border: var(--plerivo-color-drawer-card-border);
108
+ --color-drawer-card-bg: var(--plerivo-color-drawer-card-bg);
109
+ --color-drawer-hover: var(--plerivo-color-drawer-hover);
110
+ --color-drawer-btn-hover: var(--plerivo-color-drawer-btn-hover);
111
+ --color-drawer-menu-hover: var(--plerivo-color-drawer-menu-hover);
112
+ --color-drawer-ink: var(--plerivo-color-drawer-ink);
113
+ --color-drawer-ink-2: var(--plerivo-color-drawer-ink-2);
114
+ --color-drawer-ink-3: var(--plerivo-color-drawer-ink-3);
115
+ --color-drawer-muted: var(--plerivo-color-drawer-muted);
116
+ --color-drawer-faint: var(--plerivo-color-drawer-faint);
117
+ --color-drawer-icon: var(--plerivo-color-drawer-icon);
118
+ --color-drawer-dot: var(--plerivo-color-drawer-dot);
119
+ --color-drawer-activity-dot: var(--plerivo-color-drawer-activity-dot);
120
+ --color-drawer-green: var(--plerivo-color-drawer-green);
121
+ --color-drawer-chip-bg: var(--plerivo-color-drawer-chip-bg);
122
+ --color-drawer-chip-fg: var(--plerivo-color-drawer-chip-fg);
123
+ --color-drawer-chip-green-bg: var(--plerivo-color-drawer-chip-green-bg);
124
+ --color-drawer-chip-blue-bg: var(--plerivo-color-drawer-chip-blue-bg);
125
+ --color-drawer-chip-blue-fg: var(--plerivo-color-drawer-chip-blue-fg);
126
+ --color-drawer-chip-orange-bg: var(--plerivo-color-drawer-chip-orange-bg);
127
+ --color-drawer-chip-orange-fg: var(--plerivo-color-drawer-chip-orange-fg);
128
+ --color-drawer-chip-red-bg: var(--plerivo-color-drawer-chip-red-bg);
129
+ --color-drawer-chip-red-fg: var(--plerivo-color-drawer-chip-red-fg);
130
+ --color-drawer-primary: var(--plerivo-color-drawer-primary);
131
+ --color-drawer-primary-hover: var(--plerivo-color-drawer-primary-hover);
132
+ --color-drawer-danger: var(--plerivo-color-drawer-danger);
133
+ --color-drawer-danger-hover-bg: var(--plerivo-color-drawer-danger-hover-bg);
134
+ }
package/build/css/variables.css ADDED
@@ -0,0 +1,295 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --plerivo-color-semantic-background: #ffffff;
7
+ --plerivo-color-semantic-foreground: #292929;
8
+ --plerivo-color-semantic-card: #ffffff;
9
+ --plerivo-color-semantic-card-foreground: #292929;
10
+ --plerivo-color-semantic-popover: #ffffff;
11
+ --plerivo-color-semantic-popover-foreground: #292929;
12
+ --plerivo-color-semantic-primary: #292929;
13
+ --plerivo-color-semantic-primary-foreground: #ffffff;
14
+ --plerivo-color-semantic-secondary: #f5f5f5;
15
+ --plerivo-color-semantic-secondary-foreground: #292929;
16
+ --plerivo-color-semantic-muted: #f5f5f5;
17
+ --plerivo-color-semantic-muted-foreground: #7f7f7f;
18
+ --plerivo-color-semantic-accent: #f5f5f5;
19
+ --plerivo-color-semantic-accent-foreground: #292929;
20
+ --plerivo-color-semantic-destructive: #c93f3f;
21
+ --plerivo-color-semantic-destructive-foreground: #ffffff;
22
+ --plerivo-color-semantic-border: #f2f2f2;
23
+ --plerivo-color-semantic-input: #e8e8e8;
24
+ --plerivo-color-semantic-ring: #1f7a4d;
25
+ --plerivo-color-semantic-success: #1b6b3f;
26
+ --plerivo-color-semantic-success-foreground: #ffffff;
27
+ --plerivo-color-semantic-warning: #d9730d;
28
+ --plerivo-color-semantic-warning-foreground: #ffffff;
29
+ --plerivo-color-semantic-sidebar-background: #ffffff;
30
+ --plerivo-color-semantic-sidebar-foreground: #5d5d5d;
31
+ --plerivo-color-semantic-sidebar-primary: #292929;
32
+ --plerivo-color-semantic-sidebar-primary-foreground: #ffffff;
33
+ --plerivo-color-semantic-sidebar-accent: #f5f5f5;
34
+ --plerivo-color-semantic-sidebar-accent-foreground: #292929;
35
+ --plerivo-color-semantic-sidebar-border: #f2f2f2;
36
+ --plerivo-color-semantic-sidebar-ring: #1f7a4d;
37
+ --plerivo-color-semantic-chart-1: #1b6b3f;
38
+ --plerivo-color-semantic-chart-2: #2e6fdb;
39
+ --plerivo-color-semantic-chart-3: #d9730d;
40
+ --plerivo-color-semantic-chart-4: #7350c7;
41
+ --plerivo-color-semantic-chart-5: #c74784;
42
+ --plerivo-color-neutral-50: #fafafa;
43
+ --plerivo-color-neutral-100: #f0f0f0;
44
+ --plerivo-color-neutral-150: #ebebeb;
45
+ --plerivo-color-neutral-200: #d8d8d8;
46
+ --plerivo-color-neutral-250: #c8c8c8;
47
+ --plerivo-color-neutral-300: #bbbbbb;
48
+ --plerivo-color-neutral-350: #aaaaaa;
49
+ --plerivo-color-neutral-400: #999999;
50
+ --plerivo-color-neutral-500: #777777;
51
+ --plerivo-color-neutral-600: #444444;
52
+ --plerivo-color-neutral-700: #333333;
53
+ --plerivo-color-neutral-800: #1a1a1a;
54
+ --plerivo-color-neutral-900: #111111;
55
+ --plerivo-color-neutral-950: #0a0a0a;
56
+ --plerivo-color-white: #ffffff;
57
+ --plerivo-color-warm-50: #f8f7f6;
58
+ --plerivo-color-warm-100: #f0eeec;
59
+ --plerivo-color-warm-200: #e5e3e0;
60
+ --plerivo-color-green-50: #ecfdf5;
61
+ --plerivo-color-green-500: #22c55e;
62
+ --plerivo-color-green-badge-bg: #e8f5e9;
63
+ --plerivo-color-orange-50: #fff7ed;
64
+ --plerivo-color-purple-50: #f3f0ff;
65
+ --plerivo-color-chip-green-fg: #1b6b3f;
66
+ --plerivo-color-chip-green-soft: #dcefe3;
67
+ --plerivo-color-chip-blue-fg: #2e6fdb;
68
+ --plerivo-color-chip-blue-soft: #dfeafb;
69
+ --plerivo-color-chip-orange-fg: #d9730d;
70
+ --plerivo-color-chip-orange-soft: #fbebd9;
71
+ --plerivo-color-chip-red-fg: #c93f3f;
72
+ --plerivo-color-chip-red-soft: #f9e2e2;
73
+ --plerivo-color-chip-yellow-fg: #9a7b18;
74
+ --plerivo-color-chip-yellow-soft: #f6edcf;
75
+ --plerivo-color-chip-purple-fg: #7350c7;
76
+ --plerivo-color-chip-purple-soft: #eae3f9;
77
+ --plerivo-color-chip-pink-fg: #c74784;
78
+ --plerivo-color-chip-pink-soft: #f9e1ee;
79
+ --plerivo-color-calendar-mint-bg: #d9f3e9;
80
+ --plerivo-color-calendar-mint-bar: #3fc08e;
81
+ --plerivo-color-calendar-mint-fg: #174d38;
82
+ --plerivo-color-calendar-mint-sub: #4e7a66;
83
+ --plerivo-color-calendar-orange-bg: #fcebd5;
84
+ --plerivo-color-calendar-orange-bar: #ef9d3b;
85
+ --plerivo-color-calendar-orange-fg: #503413;
86
+ --plerivo-color-calendar-orange-sub: #8a6b45;
87
+ --plerivo-color-calendar-blue-bg: #dbedfc;
88
+ --plerivo-color-calendar-blue-bar: #54a6e8;
89
+ --plerivo-color-calendar-blue-fg: #1f3a56;
90
+ --plerivo-color-calendar-blue-sub: #5d7186;
91
+ --plerivo-color-calendar-pink-bg: #fbdfe9;
92
+ --plerivo-color-calendar-pink-bar: #ef6e9f;
93
+ --plerivo-color-calendar-pink-fg: #5c1f35;
94
+ --plerivo-color-calendar-pink-sub: #9a5b74;
95
+ --plerivo-color-calendar-gray-bg: #eef0f2;
96
+ --plerivo-color-calendar-gray-bar: #9aa1ab;
97
+ --plerivo-color-calendar-gray-fg: #3f464e;
98
+ --plerivo-color-calendar-gray-sub: #7c848e;
99
+ --plerivo-color-drawer-overlay: rgba(23, 28, 38, 0.18);
100
+ --plerivo-color-drawer-bg: #ffffff;
101
+ --plerivo-color-drawer-border: #e8eaed;
102
+ --plerivo-color-drawer-hairline: #eef0f2;
103
+ --plerivo-color-drawer-hairline-soft: #f1f3f5;
104
+ --plerivo-color-drawer-card-border: #ebedf0;
105
+ --plerivo-color-drawer-card-bg: #fafbfc;
106
+ --plerivo-color-drawer-hover: #f1f2f4;
107
+ --plerivo-color-drawer-btn-hover: #f6f7f8;
108
+ --plerivo-color-drawer-menu-hover: #f4f5f7;
109
+ --plerivo-color-drawer-ink: #191e25;
110
+ --plerivo-color-drawer-ink-2: #31383f;
111
+ --plerivo-color-drawer-ink-3: #454c56;
112
+ --plerivo-color-drawer-muted: #8a929c;
113
+ --plerivo-color-drawer-faint: #9aa1ab;
114
+ --plerivo-color-drawer-icon: #7c848e;
115
+ --plerivo-color-drawer-dot: #c6cbd2;
116
+ --plerivo-color-drawer-activity-dot: #d5d9de;
117
+ --plerivo-color-drawer-green: #177a4c;
118
+ --plerivo-color-drawer-chip-bg: #f1f2f4;
119
+ --plerivo-color-drawer-chip-fg: #5c6470;
120
+ --plerivo-color-drawer-chip-green-bg: #d9f3e9;
121
+ --plerivo-color-drawer-chip-blue-bg: #dbedfc;
122
+ --plerivo-color-drawer-chip-blue-fg: #1d5fb8;
123
+ --plerivo-color-drawer-chip-orange-bg: #fcebd5;
124
+ --plerivo-color-drawer-chip-orange-fg: #b05e0d;
125
+ --plerivo-color-drawer-chip-red-bg: #fde7ea;
126
+ --plerivo-color-drawer-chip-red-fg: #c43d52;
127
+ --plerivo-color-drawer-primary: #3d6deb;
128
+ --plerivo-color-drawer-primary-hover: #3161d8;
129
+ --plerivo-color-drawer-danger: #d6455a;
130
+ --plerivo-color-drawer-danger-hover-bg: #fdf0f2;
131
+ --plerivo-motion-easing-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
132
+ --plerivo-motion-easing-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);
133
+ --plerivo-motion-duration-reveal: 700ms;
134
+ --plerivo-motion-duration-hover: 150ms;
135
+ --plerivo-motion-duration-press: 160ms;
136
+ --plerivo-motion-duration-stagger: 60ms;
137
+ --plerivo-radius-sm: 6px;
138
+ --plerivo-radius-md: 8px;
139
+ --plerivo-radius-button: 10px;
140
+ --plerivo-radius-card: 14px;
141
+ --plerivo-radius-section: 20px;
142
+ --plerivo-radius-pill: 20px;
143
+ --plerivo-shadow-card: 0px 4px 24px rgba(0, 0, 0, 0.07), 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
144
+ --plerivo-shadow-card-md: 0px 2px 20px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.04);
145
+ --plerivo-shadow-card-sm: 0px 1px 12px rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
146
+ --plerivo-shadow-overlay: 0 24px 64px rgba(20, 26, 40, 0.18);
147
+ --plerivo-shadow-overlay-soft: 0 12px 32px rgba(20, 26, 40, 0.14);
148
+ --plerivo-layout-page-padding: 56px;
149
+ --plerivo-layout-content-max: 1456px;
150
+ --plerivo-layout-row-height: 46px;
151
+ --plerivo-layout-header-height: 60px;
152
+ --plerivo-layout-panel-padding-x: 18px;
153
+ --plerivo-font-family-sans: 'Inter', sans-serif;
154
+ --plerivo-font-family-display: 'DM Serif Display', serif;
155
+ --plerivo-font-size-hero: 46px;
156
+ --plerivo-font-size-section-headline: 42px;
157
+ --plerivo-font-size-sub-headline: 38px;
158
+ --plerivo-font-size-content-headline: 32px;
159
+ --plerivo-font-size-body-lg: 22px;
160
+ --plerivo-font-size-testimonial: 21px;
161
+ --plerivo-font-size-card-title: 19px;
162
+ --plerivo-font-size-body: 15.5px;
163
+ --plerivo-font-size-ui-sm: 14px;
164
+ --plerivo-font-size-label: 13.5px;
165
+ --plerivo-font-size-ui-body: 13px;
166
+ --plerivo-font-size-caption: 13px;
167
+ --plerivo-font-size-small: 12.5px;
168
+ --plerivo-font-size-ui-xs: 12px;
169
+ --plerivo-font-size-micro: 11px;
170
+ --plerivo-font-size-nano: 10px;
171
+ --plerivo-font-weight-regular: 400;
172
+ --plerivo-font-weight-caption-book: 450;
173
+ --plerivo-font-weight-medium: 500;
174
+ --plerivo-font-weight-semibold: 600;
175
+ --plerivo-font-weight-heading-semi: 650;
176
+ --plerivo-font-weight-bold: 700;
177
+ --plerivo-font-weight-heading-bold: 750;
178
+ --plerivo-font-line-height-display: 1.1;
179
+ --plerivo-font-line-height-heading: 1.15;
180
+ --plerivo-font-line-height-title: 1.26;
181
+ --plerivo-font-line-height-body: 1.45;
182
+ --plerivo-font-line-height-copy: 1.65;
183
+ --plerivo-font-line-height-label: 1.33;
184
+ --plerivo-font-line-height-caption: 1.23;
185
+ --plerivo-font-letter-spacing-display-tight: -1.5px;
186
+ --plerivo-font-letter-spacing-heading-tight: -1.2px;
187
+ --plerivo-font-letter-spacing-title-tight: -0.5px;
188
+ --plerivo-font-letter-spacing-subtle: -0.3px;
189
+ --plerivo-font-letter-spacing-caps: 0.09em;
190
+ --plerivo-font-letter-spacing-logo-strip: 3px;
191
+ --plerivo-text-hero-font-family: 'Inter', sans-serif;
192
+ --plerivo-text-hero-font-size: 46px;
193
+ --plerivo-text-hero-font-weight: 750;
194
+ --plerivo-text-hero-letter-spacing: -1.5px;
195
+ --plerivo-text-hero-line-height: 1.1;
196
+ --plerivo-text-section-headline-font-family: 'Inter', sans-serif;
197
+ --plerivo-text-section-headline-font-size: 42px;
198
+ --plerivo-text-section-headline-font-weight: 750;
199
+ --plerivo-text-section-headline-letter-spacing: -1.5px;
200
+ --plerivo-text-section-headline-line-height: 1.15;
201
+ --plerivo-text-sub-headline-font-family: 'Inter', sans-serif;
202
+ --plerivo-text-sub-headline-font-size: 38px;
203
+ --plerivo-text-sub-headline-font-weight: 750;
204
+ --plerivo-text-sub-headline-letter-spacing: -1.2px;
205
+ --plerivo-text-sub-headline-line-height: 1.15;
206
+ --plerivo-text-content-headline-font-family: 'Inter', sans-serif;
207
+ --plerivo-text-content-headline-font-size: 32px;
208
+ --plerivo-text-content-headline-font-weight: 650;
209
+ --plerivo-text-content-headline-letter-spacing: -0.5px;
210
+ --plerivo-text-content-headline-line-height: 1.28;
211
+ --plerivo-text-body-lg-font-family: 'Inter', sans-serif;
212
+ --plerivo-text-body-lg-font-size: 22px;
213
+ --plerivo-text-body-lg-font-weight: 400;
214
+ --plerivo-text-body-lg-line-height: 1.45;
215
+ --plerivo-text-body-font-family: 'Inter', sans-serif;
216
+ --plerivo-text-body-font-size: 15.5px;
217
+ --plerivo-text-body-font-weight: 400;
218
+ --plerivo-text-body-line-height: 1.65;
219
+ --plerivo-text-card-title-font-family: 'Inter', sans-serif;
220
+ --plerivo-text-card-title-font-size: 19px;
221
+ --plerivo-text-card-title-font-weight: 700;
222
+ --plerivo-text-card-title-letter-spacing: -0.3px;
223
+ --plerivo-text-card-title-line-height: 1.26;
224
+ --plerivo-text-testimonial-font-family: 'Inter', sans-serif;
225
+ --plerivo-text-testimonial-font-size: 21px;
226
+ --plerivo-text-testimonial-font-weight: 400;
227
+ --plerivo-text-testimonial-letter-spacing: -0.2px;
228
+ --plerivo-text-testimonial-line-height: 1.55;
229
+ --plerivo-text-label-font-family: 'Inter', sans-serif;
230
+ --plerivo-text-label-font-size: 13.5px;
231
+ --plerivo-text-label-font-weight: 650;
232
+ --plerivo-text-label-line-height: 1.33;
233
+ --plerivo-text-caption-font-family: 'Inter', sans-serif;
234
+ --plerivo-text-caption-font-size: 13px;
235
+ --plerivo-text-caption-font-weight: 450;
236
+ --plerivo-text-caption-line-height: 1.23;
237
+ --plerivo-text-small-font-family: 'Inter', sans-serif;
238
+ --plerivo-text-small-font-size: 12.5px;
239
+ --plerivo-text-small-font-weight: 400;
240
+ --plerivo-text-small-line-height: 1.28;
241
+ --plerivo-text-logo-strip-font-family: 'DM Serif Display', serif;
242
+ --plerivo-text-logo-strip-font-size: 22px;
243
+ --plerivo-text-logo-strip-font-weight: 400;
244
+ --plerivo-text-logo-strip-letter-spacing: 3px;
245
+ --plerivo-text-logo-strip-line-height: normal;
246
+ --plerivo-text-link-underline-font-family: 'Inter', sans-serif;
247
+ --plerivo-text-link-underline-font-size: 13.5px;
248
+ --plerivo-text-link-underline-font-weight: 600;
249
+ --plerivo-text-link-underline-line-height: normal;
250
+ }
251
+
252
+ [data-theme="dark"] {
253
+ --plerivo-color-semantic-background: #111111;
254
+ --plerivo-color-semantic-foreground: #ededed;
255
+ --plerivo-color-semantic-card: #1a1a1a;
256
+ --plerivo-color-semantic-card-foreground: #ededed;
257
+ --plerivo-color-semantic-popover: #1f1f1f;
258
+ --plerivo-color-semantic-popover-foreground: #ededed;
259
+ --plerivo-color-semantic-primary: #ededed;
260
+ --plerivo-color-semantic-primary-foreground: #171717;
261
+ --plerivo-color-semantic-secondary: #222222;
262
+ --plerivo-color-semantic-secondary-foreground: #ededed;
263
+ --plerivo-color-semantic-muted: #1f1f1f;
264
+ --plerivo-color-semantic-muted-foreground: #9a9a9a;
265
+ --plerivo-color-semantic-accent: #242424;
266
+ --plerivo-color-semantic-accent-foreground: #ededed;
267
+ --plerivo-color-semantic-destructive: #e05b5b;
268
+ --plerivo-color-semantic-destructive-foreground: #ffffff;
269
+ --plerivo-color-semantic-border: #242424;
270
+ --plerivo-color-semantic-input: #2e2e2e;
271
+ --plerivo-color-semantic-ring: #34a46c;
272
+ --plerivo-color-semantic-success: #3da66f;
273
+ --plerivo-color-semantic-success-foreground: #06130c;
274
+ --plerivo-color-semantic-warning: #e08a3c;
275
+ --plerivo-color-semantic-warning-foreground: #1a0f03;
276
+ --plerivo-color-semantic-sidebar-background: #161616;
277
+ --plerivo-color-semantic-sidebar-foreground: #a6a6a6;
278
+ --plerivo-color-semantic-sidebar-primary: #ededed;
279
+ --plerivo-color-semantic-sidebar-primary-foreground: #171717;
280
+ --plerivo-color-semantic-sidebar-accent: #222222;
281
+ --plerivo-color-semantic-sidebar-accent-foreground: #ededed;
282
+ --plerivo-color-semantic-sidebar-border: #222222;
283
+ --plerivo-color-semantic-sidebar-ring: #34a46c;
284
+ --plerivo-color-semantic-chart-1: #4cc38a;
285
+ --plerivo-color-semantic-chart-2: #5b8def;
286
+ --plerivo-color-semantic-chart-3: #e08a3c;
287
+ --plerivo-color-semantic-chart-4: #9b7fe8;
288
+ --plerivo-color-semantic-chart-5: #e06a9f;
289
+ }
290
+
291
+ /* Semantic border/outline behavior ships with the tokens, not components. */
292
+ :where([data-theme] *) {
293
+ border-color: var(--plerivo-color-semantic-border);
294
+ outline-color: color-mix(in oklch, var(--plerivo-color-semantic-ring) 50%, transparent);
295
+ }
package/build/index.d.ts ADDED
@@ -0,0 +1,424 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ /** Landing neutral.900; softer than pure black */
6
+ export const ColorSemanticDarkBackground: string;
7
+ export const ColorSemanticDarkForeground: string;
8
+ /** Landing neutral.800, one step above canvas */
9
+ export const ColorSemanticDarkCard: string;
10
+ export const ColorSemanticDarkCardForeground: string;
11
+ export const ColorSemanticDarkPopover: string;
12
+ export const ColorSemanticDarkPopoverForeground: string;
13
+ /** Ink inverts: light ink #292929 becomes light-on-dark */
14
+ export const ColorSemanticDarkPrimary: string;
15
+ export const ColorSemanticDarkPrimaryForeground: string;
16
+ export const ColorSemanticDarkSecondary: string;
17
+ export const ColorSemanticDarkSecondaryForeground: string;
18
+ export const ColorSemanticDarkMuted: string;
19
+ /** Mirror of light #7F7F7F at dark-bg contrast */
20
+ export const ColorSemanticDarkMutedForeground: string;
21
+ export const ColorSemanticDarkAccent: string;
22
+ export const ColorSemanticDarkAccentForeground: string;
23
+ /** Light #C93F3F lifted for dark bg */
24
+ export const ColorSemanticDarkDestructive: string;
25
+ export const ColorSemanticDarkDestructiveForeground: string;
26
+ /** Hairline role of light #F2F2F2 */
27
+ export const ColorSemanticDarkBorder: string;
28
+ export const ColorSemanticDarkInput: string;
29
+ /** Brand green #1F7A4D lifted; original vanishes on #111 */
30
+ export const ColorSemanticDarkRing: string;
31
+ export const ColorSemanticDarkSuccess: string;
32
+ /** Dark ink; white fails contrast on the lifted green */
33
+ export const ColorSemanticDarkSuccessForeground: string;
34
+ export const ColorSemanticDarkWarning: string;
35
+ export const ColorSemanticDarkWarningForeground: string;
36
+ /** Half step between canvas and card */
37
+ export const ColorSemanticDarkSidebarBackground: string;
38
+ export const ColorSemanticDarkSidebarForeground: string;
39
+ export const ColorSemanticDarkSidebarPrimary: string;
40
+ export const ColorSemanticDarkSidebarPrimaryForeground: string;
41
+ export const ColorSemanticDarkSidebarAccent: string;
42
+ export const ColorSemanticDarkSidebarAccentForeground: string;
43
+ export const ColorSemanticDarkSidebarBorder: string;
44
+ export const ColorSemanticDarkSidebarRing: string;
45
+ export const ColorSemanticDarkChart1: string;
46
+ export const ColorSemanticDarkChart2: string;
47
+ export const ColorSemanticDarkChart3: string;
48
+ export const ColorSemanticDarkChart4: string;
49
+ export const ColorSemanticDarkChart5: string;
50
+ export const ColorSemanticLightBackground: string;
51
+ export const ColorSemanticLightForeground: string;
52
+ export const ColorSemanticLightCard: string;
53
+ export const ColorSemanticLightCardForeground: string;
54
+ export const ColorSemanticLightPopover: string;
55
+ export const ColorSemanticLightPopoverForeground: string;
56
+ export const ColorSemanticLightPrimary: string;
57
+ export const ColorSemanticLightPrimaryForeground: string;
58
+ export const ColorSemanticLightSecondary: string;
59
+ export const ColorSemanticLightSecondaryForeground: string;
60
+ export const ColorSemanticLightMuted: string;
61
+ export const ColorSemanticLightMutedForeground: string;
62
+ export const ColorSemanticLightAccent: string;
63
+ export const ColorSemanticLightAccentForeground: string;
64
+ export const ColorSemanticLightDestructive: string;
65
+ export const ColorSemanticLightDestructiveForeground: string;
66
+ /** Hairline */
67
+ export const ColorSemanticLightBorder: string;
68
+ export const ColorSemanticLightInput: string;
69
+ /** Deep green focus ring */
70
+ export const ColorSemanticLightRing: string;
71
+ export const ColorSemanticLightSuccess: string;
72
+ export const ColorSemanticLightSuccessForeground: string;
73
+ export const ColorSemanticLightWarning: string;
74
+ export const ColorSemanticLightWarningForeground: string;
75
+ export const ColorSemanticLightSidebarBackground: string;
76
+ export const ColorSemanticLightSidebarForeground: string;
77
+ export const ColorSemanticLightSidebarPrimary: string;
78
+ export const ColorSemanticLightSidebarPrimaryForeground: string;
79
+ export const ColorSemanticLightSidebarAccent: string;
80
+ export const ColorSemanticLightSidebarAccentForeground: string;
81
+ export const ColorSemanticLightSidebarBorder: string;
82
+ export const ColorSemanticLightSidebarRing: string;
83
+ export const ColorSemanticLightChart1: string;
84
+ export const ColorSemanticLightChart2: string;
85
+ export const ColorSemanticLightChart3: string;
86
+ export const ColorSemanticLightChart4: string;
87
+ export const ColorSemanticLightChart5: string;
88
+ export const ColorSemanticWarmBackground: string;
89
+ export const ColorSemanticWarmForeground: string;
90
+ export const ColorSemanticWarmCard: string;
91
+ export const ColorSemanticWarmCardForeground: string;
92
+ export const ColorSemanticWarmPopover: string;
93
+ export const ColorSemanticWarmPopoverForeground: string;
94
+ export const ColorSemanticWarmPrimary: string;
95
+ export const ColorSemanticWarmPrimaryForeground: string;
96
+ export const ColorSemanticWarmSecondary: string;
97
+ export const ColorSemanticWarmSecondaryForeground: string;
98
+ export const ColorSemanticWarmMuted: string;
99
+ export const ColorSemanticWarmMutedForeground: string;
100
+ export const ColorSemanticWarmAccent: string;
101
+ export const ColorSemanticWarmAccentForeground: string;
102
+ /** FLAGGED: inconsistent with light scope destructive #C93F3F */
103
+ export const ColorSemanticWarmDestructive: string;
104
+ export const ColorSemanticWarmDestructiveForeground: string;
105
+ export const ColorSemanticWarmBorder: string;
106
+ export const ColorSemanticWarmInput: string;
107
+ export const ColorSemanticWarmRing: string;
108
+ export const ColorSemanticWarmSuccess: string;
109
+ export const ColorSemanticWarmSuccessForeground: string;
110
+ export const ColorSemanticWarmWarning: string;
111
+ export const ColorSemanticWarmWarningForeground: string;
112
+ export const ColorSemanticWarmSidebarBackground: string;
113
+ export const ColorSemanticWarmSidebarForeground: string;
114
+ export const ColorSemanticWarmSidebarPrimary: string;
115
+ export const ColorSemanticWarmSidebarPrimaryForeground: string;
116
+ export const ColorSemanticWarmSidebarAccent: string;
117
+ export const ColorSemanticWarmSidebarAccentForeground: string;
118
+ export const ColorSemanticWarmSidebarBorder: string;
119
+ export const ColorSemanticWarmSidebarRing: string;
120
+ export const ColorSemanticWarmChart1: string;
121
+ export const ColorSemanticWarmChart2: string;
122
+ export const ColorSemanticWarmChart3: string;
123
+ export const ColorSemanticWarmChart4: string;
124
+ export const ColorSemanticWarmChart5: string;
125
+ /** Landing page --background */
126
+ export const ColorNeutral50: string;
127
+ export const ColorNeutral100: string;
128
+ /** Canonical landing --border */
129
+ export const ColorNeutral150: string;
130
+ export const ColorNeutral200: string;
131
+ /** Off-scale step, used by .text-logo-strip */
132
+ export const ColorNeutral250: string;
133
+ export const ColorNeutral300: string;
134
+ /** Off-scale step, used by .text-caption */
135
+ export const ColorNeutral350: string;
136
+ export const ColorNeutral400: string;
137
+ export const ColorNeutral500: string;
138
+ export const ColorNeutral600: string;
139
+ export const ColorNeutral700: string;
140
+ export const ColorNeutral800: string;
141
+ export const ColorNeutral900: string;
142
+ export const ColorNeutral950: string;
143
+ export const ColorWhite: string;
144
+ export const ColorWarm50: string;
145
+ export const ColorWarm100: string;
146
+ export const ColorWarm200: string;
147
+ export const ColorGreen50: string;
148
+ export const ColorGreen500: string;
149
+ /** FLAGGED: third light green alongside green.50 and chip.green.soft */
150
+ export const ColorGreenBadgeBg: string;
151
+ export const ColorOrange50: string;
152
+ export const ColorPurple50: string;
153
+ export const ColorChipGreenFg: string;
154
+ export const ColorChipGreenSoft: string;
155
+ export const ColorChipBlueFg: string;
156
+ export const ColorChipBlueSoft: string;
157
+ export const ColorChipOrangeFg: string;
158
+ export const ColorChipOrangeSoft: string;
159
+ export const ColorChipRedFg: string;
160
+ export const ColorChipRedSoft: string;
161
+ export const ColorChipYellowFg: string;
162
+ export const ColorChipYellowSoft: string;
163
+ export const ColorChipPurpleFg: string;
164
+ export const ColorChipPurpleSoft: string;
165
+ export const ColorChipPinkFg: string;
166
+ export const ColorChipPinkSoft: string;
167
+ export const ColorCalendarMintBg: string;
168
+ export const ColorCalendarMintBar: string;
169
+ export const ColorCalendarMintFg: string;
170
+ export const ColorCalendarMintSub: string;
171
+ export const ColorCalendarOrangeBg: string;
172
+ export const ColorCalendarOrangeBar: string;
173
+ export const ColorCalendarOrangeFg: string;
174
+ export const ColorCalendarOrangeSub: string;
175
+ export const ColorCalendarBlueBg: string;
176
+ export const ColorCalendarBlueBar: string;
177
+ export const ColorCalendarBlueFg: string;
178
+ export const ColorCalendarBlueSub: string;
179
+ export const ColorCalendarPinkBg: string;
180
+ export const ColorCalendarPinkBar: string;
181
+ export const ColorCalendarPinkFg: string;
182
+ export const ColorCalendarPinkSub: string;
183
+ export const ColorCalendarGrayBg: string;
184
+ export const ColorCalendarGrayBar: string;
185
+ export const ColorCalendarGrayFg: string;
186
+ export const ColorCalendarGraySub: string;
187
+ export const ColorDrawerOverlay: string;
188
+ export const ColorDrawerBg: string;
189
+ export const ColorDrawerBorder: string;
190
+ export const ColorDrawerHairline: string;
191
+ export const ColorDrawerHairlineSoft: string;
192
+ export const ColorDrawerCardBorder: string;
193
+ export const ColorDrawerCardBg: string;
194
+ export const ColorDrawerHover: string;
195
+ export const ColorDrawerBtnHover: string;
196
+ export const ColorDrawerMenuHover: string;
197
+ export const ColorDrawerInk: string;
198
+ export const ColorDrawerInk2: string;
199
+ export const ColorDrawerInk3: string;
200
+ export const ColorDrawerMuted: string;
201
+ export const ColorDrawerFaint: string;
202
+ export const ColorDrawerIcon: string;
203
+ export const ColorDrawerDot: string;
204
+ export const ColorDrawerActivityDot: string;
205
+ /** FLAGGED: near-duplicate of semantic.light.ring #1F7A4D */
206
+ export const ColorDrawerGreen: string;
207
+ export const ColorDrawerChipBg: string;
208
+ export const ColorDrawerChipFg: string;
209
+ export const ColorDrawerChipGreenBg: string;
210
+ export const ColorDrawerChipBlueBg: string;
211
+ export const ColorDrawerChipBlueFg: string;
212
+ export const ColorDrawerChipOrangeBg: string;
213
+ export const ColorDrawerChipOrangeFg: string;
214
+ export const ColorDrawerChipRedBg: string;
215
+ export const ColorDrawerChipRedFg: string;
216
+ /** FLAGGED: only blue primary button in the whole system */
217
+ export const ColorDrawerPrimary: string;
218
+ export const ColorDrawerPrimaryHover: string;
219
+ /** FLAGGED: third red alongside #C93F3F and #DC2626 */
220
+ export const ColorDrawerDanger: string;
221
+ export const ColorDrawerDangerHoverBg: string;
222
+ /** --ease-out-strong, the house easing */
223
+ export const MotionEasingOutStrong: string;
224
+ /** --ease-in-out-strong */
225
+ export const MotionEasingInOutStrong: string;
226
+ /** --reveal-duration, scroll reveal + hero entrance */
227
+ export const MotionDurationReveal: string;
228
+ /** Recurring literal in demo transitions (150 to 200ms band) */
229
+ export const MotionDurationHover: string;
230
+ /** .btn-press transform */
231
+ export const MotionDurationPress: string;
232
+ /** --stagger default for reveal groups */
233
+ export const MotionDurationStagger: string;
234
+ /** Chips, small controls */
235
+ export const RadiusSm: string;
236
+ /** Inputs, menu items */
237
+ export const RadiusMd: string;
238
+ export const RadiusButton: string;
239
+ /** Also mapped to Tailwind radius-lg via @theme; dominant demo card radius via rounded-[var(--radius-card)] */
240
+ export const RadiusCard: string;
241
+ /** Also mapped to Tailwind radius-xl via @theme */
242
+ export const RadiusSection: string;
243
+ /** FLAGGED: same value as section; used with rounded-full semantics. Candidate to alias or drop. */
244
+ export const RadiusPill: string;
245
+ /** Source: 0px 4px 24px #00000012, 0px 0px 0px 1px #00000008 */
246
+ export const ShadowCard: string;
247
+ /** Source: 0px 2px 20px #0000000F, 0px 0px 0px 1px #0000000A */
248
+ export const ShadowCardMd: string;
249
+ /** Source: 0px 1px 12px #0000000D, 0px 0px 0px 1px #00000008. Most-used demo shadow (hover elevation on cards/rows). */
250
+ export const ShadowCardSm: string;
251
+ /** FLAGGED: arbitrary value shadow-[0_24px_64px_rgba(20,26,40,.18)] on calendar overlay card, not tokenized in source */
252
+ export const ShadowOverlay: string;
253
+ /** FLAGGED: arbitrary value shadow-[0_12px_32px_rgba(20,26,40,.14)], not tokenized in source */
254
+ export const ShadowOverlaySoft: string;
255
+ /** Horizontal page padding, landing */
256
+ export const LayoutPagePadding: string;
257
+ /** Max content width, landing */
258
+ export const LayoutContentMax: string;
259
+ /** CANDIDATE: h-[46px] x75 in demo components (table rows, list rows, controls). Not tokenized in source. */
260
+ export const LayoutRowHeight: string;
261
+ /** CANDIDATE: h-[60px] x13 in demo components (admin header bars). Not tokenized in source. */
262
+ export const LayoutHeaderHeight: string;
263
+ /** CANDIDATE: px-[18px] x47 in demo components (panel/card horizontal padding). Not tokenized in source. */
264
+ export const LayoutPanelPaddingX: string;
265
+ /** Variable font, exposed as --font-inter. Used everywhere (landing + demo). */
266
+ export const FontFamilySans: string;
267
+ /** Exposed as --font-dm-serif-display. Only used by .text-logo-strip. */
268
+ export const FontFamilyDisplay: string;
269
+ export const FontSizeHero: string;
270
+ export const FontSizeSectionHeadline: string;
271
+ export const FontSizeSubHeadline: string;
272
+ export const FontSizeContentHeadline: string;
273
+ export const FontSizeBodyLg: string;
274
+ export const FontSizeTestimonial: string;
275
+ export const FontSizeCardTitle: string;
276
+ /** FLAGGED: fractional px size */
277
+ export const FontSizeBody: string;
278
+ /** Tailwind text-sm, dominant demo size */
279
+ export const FontSizeUiSm: string;
280
+ /** FLAGGED: fractional px size */
281
+ export const FontSizeLabel: string;
282
+ /** text-[13px], 184 uses in demo components. De facto demo UI body size, not tokenized in source. */
283
+ export const FontSizeUiBody: string;
284
+ export const FontSizeCaption: string;
285
+ /** FLAGGED: fractional px size, also text-[12.5px] x12 in demo */
286
+ export const FontSizeSmall: string;
287
+ /** Tailwind text-xs */
288
+ export const FontSizeUiXs: string;
289
+ /** text-[11px] x16 in demo (badges, axis labels) */
290
+ export const FontSizeMicro: string;
291
+ /** text-[10px] x13 in demo */
292
+ export const FontSizeNano: string;
293
+ export const FontWeightRegular: string;
294
+ /** FLAGGED: non-standard, .text-caption only */
295
+ export const FontWeightCaptionBook: string;
296
+ export const FontWeightMedium: string;
297
+ export const FontWeightSemibold: string;
298
+ /** Non-standard, content headline + labels */
299
+ export const FontWeightHeadingSemi: string;
300
+ export const FontWeightBold: string;
301
+ /** Non-standard, all display headlines */
302
+ export const FontWeightHeadingBold: string;
303
+ /** Hero */
304
+ export const FontLineHeightDisplay: string;
305
+ /** Section and sub headlines */
306
+ export const FontLineHeightHeading: string;
307
+ /** Card title (1.26 to 1.28 band) */
308
+ export const FontLineHeightTitle: string;
309
+ /** Large body */
310
+ export const FontLineHeightBody: string;
311
+ /** Default body copy */
312
+ export const FontLineHeightCopy: string;
313
+ export const FontLineHeightLabel: string;
314
+ export const FontLineHeightCaption: string;
315
+ /** Hero + section headlines */
316
+ export const FontLetterSpacingDisplayTight: string;
317
+ /** Sub headline */
318
+ export const FontLetterSpacingHeadingTight: string;
319
+ /** Content headline */
320
+ export const FontLetterSpacingTitleTight: string;
321
+ /** Card title */
322
+ export const FontLetterSpacingSubtle: string;
323
+ /** tracking-[0.09em], uppercase kicker labels in demo */
324
+ export const FontLetterSpacingCaps: string;
325
+ /** FLAGGED: one-off, logo strip only */
326
+ export const FontLetterSpacingLogoStrip: string;
327
+ /** color: neutral.950, text-wrap: balance */
328
+ export const TextHero: {
329
+ fontFamily: string;
330
+ fontSize: string;
331
+ fontWeight: string;
332
+ letterSpacing: string;
333
+ lineHeight: string;
334
+ };
335
+ /** color: neutral.950, text-wrap: balance */
336
+ export const TextSectionHeadline: {
337
+ fontFamily: string;
338
+ fontSize: string;
339
+ fontWeight: string;
340
+ letterSpacing: string;
341
+ lineHeight: string;
342
+ };
343
+ /** color: neutral.950 */
344
+ export const TextSubHeadline: {
345
+ fontFamily: string;
346
+ fontSize: string;
347
+ fontWeight: string;
348
+ letterSpacing: string;
349
+ lineHeight: string;
350
+ };
351
+ /** color: neutral.800 */
352
+ export const TextContentHeadline: {
353
+ fontFamily: string;
354
+ fontSize: string;
355
+ fontWeight: string;
356
+ letterSpacing: string;
357
+ lineHeight: string;
358
+ };
359
+ /** color: neutral.700, text-wrap: pretty */
360
+ export const TextBodyLg: {
361
+ fontFamily: string;
362
+ fontSize: string;
363
+ fontWeight: string;
364
+ lineHeight: string;
365
+ };
366
+ /** color: neutral.500. bodyMuted variant is identical with color neutral.400. */
367
+ export const TextBody: {
368
+ fontFamily: string;
369
+ fontSize: string;
370
+ fontWeight: string;
371
+ lineHeight: string;
372
+ };
373
+ /** color: neutral.950 */
374
+ export const TextCardTitle: {
375
+ fontFamily: string;
376
+ fontSize: string;
377
+ fontWeight: string;
378
+ letterSpacing: string;
379
+ lineHeight: string;
380
+ };
381
+ /** italic, color: neutral.600 */
382
+ export const TextTestimonial: {
383
+ fontFamily: string;
384
+ fontSize: string;
385
+ fontWeight: string;
386
+ letterSpacing: string;
387
+ lineHeight: string;
388
+ };
389
+ /** color: neutral.900. labelMuted variant: weight 400, color neutral.400. */
390
+ export const TextLabel: {
391
+ fontFamily: string;
392
+ fontSize: string;
393
+ fontWeight: string;
394
+ lineHeight: string;
395
+ };
396
+ /** color: neutral.350 */
397
+ export const TextCaption: {
398
+ fontFamily: string;
399
+ fontSize: string;
400
+ fontWeight: string;
401
+ lineHeight: string;
402
+ };
403
+ /** color: neutral.300 */
404
+ export const TextSmall: {
405
+ fontFamily: string;
406
+ fontSize: string;
407
+ fontWeight: string;
408
+ lineHeight: string;
409
+ };
410
+ /** uppercase, color: neutral.250 */
411
+ export const TextLogoStrip: {
412
+ fontFamily: string;
413
+ fontSize: string;
414
+ fontWeight: string;
415
+ letterSpacing: string;
416
+ lineHeight: string;
417
+ };
418
+ /** color: neutral.900, underline 1px thickness, 3px offset */
419
+ export const TextLinkUnderline: {
420
+ fontFamily: string;
421
+ fontSize: string;
422
+ fontWeight: string;
423
+ lineHeight: string;
424
+ };
package/build/index.js ADDED
@@ -0,0 +1,349 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ export const ColorSemanticDarkBackground = "#111111"; // Landing neutral.900; softer than pure black
6
+ export const ColorSemanticDarkForeground = "#ededed";
7
+ export const ColorSemanticDarkCard = "#1a1a1a"; // Landing neutral.800, one step above canvas
8
+ export const ColorSemanticDarkCardForeground = "#ededed";
9
+ export const ColorSemanticDarkPopover = "#1f1f1f";
10
+ export const ColorSemanticDarkPopoverForeground = "#ededed";
11
+ export const ColorSemanticDarkPrimary = "#ededed"; // Ink inverts: light ink #292929 becomes light-on-dark
12
+ export const ColorSemanticDarkPrimaryForeground = "#171717";
13
+ export const ColorSemanticDarkSecondary = "#222222";
14
+ export const ColorSemanticDarkSecondaryForeground = "#ededed";
15
+ export const ColorSemanticDarkMuted = "#1f1f1f";
16
+ export const ColorSemanticDarkMutedForeground = "#9a9a9a"; // Mirror of light #7F7F7F at dark-bg contrast
17
+ export const ColorSemanticDarkAccent = "#242424";
18
+ export const ColorSemanticDarkAccentForeground = "#ededed";
19
+ export const ColorSemanticDarkDestructive = "#e05b5b"; // Light #C93F3F lifted for dark bg
20
+ export const ColorSemanticDarkDestructiveForeground = "#ffffff";
21
+ export const ColorSemanticDarkBorder = "#242424"; // Hairline role of light #F2F2F2
22
+ export const ColorSemanticDarkInput = "#2e2e2e";
23
+ export const ColorSemanticDarkRing = "#34a46c"; // Brand green #1F7A4D lifted; original vanishes on #111
24
+ export const ColorSemanticDarkSuccess = "#3da66f";
25
+ export const ColorSemanticDarkSuccessForeground = "#06130c"; // Dark ink; white fails contrast on the lifted green
26
+ export const ColorSemanticDarkWarning = "#e08a3c";
27
+ export const ColorSemanticDarkWarningForeground = "#1a0f03";
28
+ export const ColorSemanticDarkSidebarBackground = "#161616"; // Half step between canvas and card
29
+ export const ColorSemanticDarkSidebarForeground = "#a6a6a6";
30
+ export const ColorSemanticDarkSidebarPrimary = "#ededed";
31
+ export const ColorSemanticDarkSidebarPrimaryForeground = "#171717";
32
+ export const ColorSemanticDarkSidebarAccent = "#222222";
33
+ export const ColorSemanticDarkSidebarAccentForeground = "#ededed";
34
+ export const ColorSemanticDarkSidebarBorder = "#222222";
35
+ export const ColorSemanticDarkSidebarRing = "#34a46c";
36
+ export const ColorSemanticDarkChart1 = "#4cc38a";
37
+ export const ColorSemanticDarkChart2 = "#5b8def";
38
+ export const ColorSemanticDarkChart3 = "#e08a3c";
39
+ export const ColorSemanticDarkChart4 = "#9b7fe8";
40
+ export const ColorSemanticDarkChart5 = "#e06a9f";
41
+ export const ColorSemanticLightBackground = "#ffffff";
42
+ export const ColorSemanticLightForeground = "#292929";
43
+ export const ColorSemanticLightCard = "#ffffff";
44
+ export const ColorSemanticLightCardForeground = "#292929";
45
+ export const ColorSemanticLightPopover = "#ffffff";
46
+ export const ColorSemanticLightPopoverForeground = "#292929";
47
+ export const ColorSemanticLightPrimary = "#292929";
48
+ export const ColorSemanticLightPrimaryForeground = "#ffffff";
49
+ export const ColorSemanticLightSecondary = "#f5f5f5";
50
+ export const ColorSemanticLightSecondaryForeground = "#292929";
51
+ export const ColorSemanticLightMuted = "#f5f5f5";
52
+ export const ColorSemanticLightMutedForeground = "#7f7f7f";
53
+ export const ColorSemanticLightAccent = "#f5f5f5";
54
+ export const ColorSemanticLightAccentForeground = "#292929";
55
+ export const ColorSemanticLightDestructive = "#c93f3f";
56
+ export const ColorSemanticLightDestructiveForeground = "#ffffff";
57
+ export const ColorSemanticLightBorder = "#f2f2f2"; // Hairline
58
+ export const ColorSemanticLightInput = "#e8e8e8";
59
+ export const ColorSemanticLightRing = "#1f7a4d"; // Deep green focus ring
60
+ export const ColorSemanticLightSuccess = "#1b6b3f";
61
+ export const ColorSemanticLightSuccessForeground = "#ffffff";
62
+ export const ColorSemanticLightWarning = "#d9730d";
63
+ export const ColorSemanticLightWarningForeground = "#ffffff";
64
+ export const ColorSemanticLightSidebarBackground = "#ffffff";
65
+ export const ColorSemanticLightSidebarForeground = "#5d5d5d";
66
+ export const ColorSemanticLightSidebarPrimary = "#292929";
67
+ export const ColorSemanticLightSidebarPrimaryForeground = "#ffffff";
68
+ export const ColorSemanticLightSidebarAccent = "#f5f5f5";
69
+ export const ColorSemanticLightSidebarAccentForeground = "#292929";
70
+ export const ColorSemanticLightSidebarBorder = "#f2f2f2";
71
+ export const ColorSemanticLightSidebarRing = "#1f7a4d";
72
+ export const ColorSemanticLightChart1 = "#1b6b3f";
73
+ export const ColorSemanticLightChart2 = "#2e6fdb";
74
+ export const ColorSemanticLightChart3 = "#d9730d";
75
+ export const ColorSemanticLightChart4 = "#7350c7";
76
+ export const ColorSemanticLightChart5 = "#c74784";
77
+ export const ColorSemanticWarmBackground = "#f8f7f6";
78
+ export const ColorSemanticWarmForeground = "#111111";
79
+ export const ColorSemanticWarmCard = "#ffffff";
80
+ export const ColorSemanticWarmCardForeground = "#111111";
81
+ export const ColorSemanticWarmPopover = "#ffffff";
82
+ export const ColorSemanticWarmPopoverForeground = "#111111";
83
+ export const ColorSemanticWarmPrimary = "#111111";
84
+ export const ColorSemanticWarmPrimaryForeground = "#ffffff";
85
+ export const ColorSemanticWarmSecondary = "#f0eeec";
86
+ export const ColorSemanticWarmSecondaryForeground = "#111111";
87
+ export const ColorSemanticWarmMuted = "#f0eeec";
88
+ export const ColorSemanticWarmMutedForeground = "#777777";
89
+ export const ColorSemanticWarmAccent = "#ecfdf5";
90
+ export const ColorSemanticWarmAccentForeground = "#111111";
91
+ export const ColorSemanticWarmDestructive = "#dc2626"; // FLAGGED: inconsistent with light scope destructive #C93F3F
92
+ export const ColorSemanticWarmDestructiveForeground = "#ffffff";
93
+ export const ColorSemanticWarmBorder = "#e5e3e0";
94
+ export const ColorSemanticWarmInput = "#e5e3e0";
95
+ export const ColorSemanticWarmRing = "#22c55e";
96
+ export const ColorSemanticWarmSuccess = "oklch(0.72 0.15 142)";
97
+ export const ColorSemanticWarmSuccessForeground = "#ffffff";
98
+ export const ColorSemanticWarmWarning = "oklch(0.75 0.16 30)";
99
+ export const ColorSemanticWarmWarningForeground = "#0a0a0a";
100
+ export const ColorSemanticWarmSidebarBackground = "#f8f7f6";
101
+ export const ColorSemanticWarmSidebarForeground = "#111111";
102
+ export const ColorSemanticWarmSidebarPrimary = "#0a0a0a";
103
+ export const ColorSemanticWarmSidebarPrimaryForeground = "#ffffff";
104
+ export const ColorSemanticWarmSidebarAccent = "#f0eeec";
105
+ export const ColorSemanticWarmSidebarAccentForeground = "#111111";
106
+ export const ColorSemanticWarmSidebarBorder = "#e5e3e0";
107
+ export const ColorSemanticWarmSidebarRing = "#22c55e";
108
+ export const ColorSemanticWarmChart1 = "oklch(0.72 0.15 142)";
109
+ export const ColorSemanticWarmChart2 = "oklch(0.70 0.12 70)";
110
+ export const ColorSemanticWarmChart3 = "oklch(0.55 0.10 250)";
111
+ export const ColorSemanticWarmChart4 = "oklch(0.75 0.16 30)";
112
+ export const ColorSemanticWarmChart5 = "oklch(0.65 0.05 300)";
113
+ export const ColorNeutral50 = "#fafafa"; // Landing page --background
114
+ export const ColorNeutral100 = "#f0f0f0";
115
+ export const ColorNeutral150 = "#ebebeb"; // Canonical landing --border
116
+ export const ColorNeutral200 = "#d8d8d8";
117
+ export const ColorNeutral250 = "#c8c8c8"; // Off-scale step, used by .text-logo-strip
118
+ export const ColorNeutral300 = "#bbbbbb";
119
+ export const ColorNeutral350 = "#aaaaaa"; // Off-scale step, used by .text-caption
120
+ export const ColorNeutral400 = "#999999";
121
+ export const ColorNeutral500 = "#777777";
122
+ export const ColorNeutral600 = "#444444";
123
+ export const ColorNeutral700 = "#333333";
124
+ export const ColorNeutral800 = "#1a1a1a";
125
+ export const ColorNeutral900 = "#111111";
126
+ export const ColorNeutral950 = "#0a0a0a";
127
+ export const ColorWhite = "#ffffff";
128
+ export const ColorWarm50 = "#f8f7f6";
129
+ export const ColorWarm100 = "#f0eeec";
130
+ export const ColorWarm200 = "#e5e3e0";
131
+ export const ColorGreen50 = "#ecfdf5";
132
+ export const ColorGreen500 = "#22c55e";
133
+ export const ColorGreenBadgeBg = "#e8f5e9"; // FLAGGED: third light green alongside green.50 and chip.green.soft
134
+ export const ColorOrange50 = "#fff7ed";
135
+ export const ColorPurple50 = "#f3f0ff";
136
+ export const ColorChipGreenFg = "#1b6b3f";
137
+ export const ColorChipGreenSoft = "#dcefe3";
138
+ export const ColorChipBlueFg = "#2e6fdb";
139
+ export const ColorChipBlueSoft = "#dfeafb";
140
+ export const ColorChipOrangeFg = "#d9730d";
141
+ export const ColorChipOrangeSoft = "#fbebd9";
142
+ export const ColorChipRedFg = "#c93f3f";
143
+ export const ColorChipRedSoft = "#f9e2e2";
144
+ export const ColorChipYellowFg = "#9a7b18";
145
+ export const ColorChipYellowSoft = "#f6edcf";
146
+ export const ColorChipPurpleFg = "#7350c7";
147
+ export const ColorChipPurpleSoft = "#eae3f9";
148
+ export const ColorChipPinkFg = "#c74784";
149
+ export const ColorChipPinkSoft = "#f9e1ee";
150
+ export const ColorCalendarMintBg = "#d9f3e9";
151
+ export const ColorCalendarMintBar = "#3fc08e";
152
+ export const ColorCalendarMintFg = "#174d38";
153
+ export const ColorCalendarMintSub = "#4e7a66";
154
+ export const ColorCalendarOrangeBg = "#fcebd5";
155
+ export const ColorCalendarOrangeBar = "#ef9d3b";
156
+ export const ColorCalendarOrangeFg = "#503413";
157
+ export const ColorCalendarOrangeSub = "#8a6b45";
158
+ export const ColorCalendarBlueBg = "#dbedfc";
159
+ export const ColorCalendarBlueBar = "#54a6e8";
160
+ export const ColorCalendarBlueFg = "#1f3a56";
161
+ export const ColorCalendarBlueSub = "#5d7186";
162
+ export const ColorCalendarPinkBg = "#fbdfe9";
163
+ export const ColorCalendarPinkBar = "#ef6e9f";
164
+ export const ColorCalendarPinkFg = "#5c1f35";
165
+ export const ColorCalendarPinkSub = "#9a5b74";
166
+ export const ColorCalendarGrayBg = "#eef0f2";
167
+ export const ColorCalendarGrayBar = "#9aa1ab";
168
+ export const ColorCalendarGrayFg = "#3f464e";
169
+ export const ColorCalendarGraySub = "#7c848e";
170
+ export const ColorDrawerOverlay = "#171c262e";
171
+ export const ColorDrawerBg = "#ffffff";
172
+ export const ColorDrawerBorder = "#e8eaed";
173
+ export const ColorDrawerHairline = "#eef0f2";
174
+ export const ColorDrawerHairlineSoft = "#f1f3f5";
175
+ export const ColorDrawerCardBorder = "#ebedf0";
176
+ export const ColorDrawerCardBg = "#fafbfc";
177
+ export const ColorDrawerHover = "#f1f2f4";
178
+ export const ColorDrawerBtnHover = "#f6f7f8";
179
+ export const ColorDrawerMenuHover = "#f4f5f7";
180
+ export const ColorDrawerInk = "#191e25";
181
+ export const ColorDrawerInk2 = "#31383f";
182
+ export const ColorDrawerInk3 = "#454c56";
183
+ export const ColorDrawerMuted = "#8a929c";
184
+ export const ColorDrawerFaint = "#9aa1ab";
185
+ export const ColorDrawerIcon = "#7c848e";
186
+ export const ColorDrawerDot = "#c6cbd2";
187
+ export const ColorDrawerActivityDot = "#d5d9de";
188
+ export const ColorDrawerGreen = "#177a4c"; // FLAGGED: near-duplicate of semantic.light.ring #1F7A4D
189
+ export const ColorDrawerChipBg = "#f1f2f4";
190
+ export const ColorDrawerChipFg = "#5c6470";
191
+ export const ColorDrawerChipGreenBg = "#d9f3e9";
192
+ export const ColorDrawerChipBlueBg = "#dbedfc";
193
+ export const ColorDrawerChipBlueFg = "#1d5fb8";
194
+ export const ColorDrawerChipOrangeBg = "#fcebd5";
195
+ export const ColorDrawerChipOrangeFg = "#b05e0d";
196
+ export const ColorDrawerChipRedBg = "#fde7ea";
197
+ export const ColorDrawerChipRedFg = "#c43d52";
198
+ export const ColorDrawerPrimary = "#3d6deb"; // FLAGGED: only blue primary button in the whole system
199
+ export const ColorDrawerPrimaryHover = "#3161d8";
200
+ export const ColorDrawerDanger = "#d6455a"; // FLAGGED: third red alongside #C93F3F and #DC2626
201
+ export const ColorDrawerDangerHoverBg = "#fdf0f2";
202
+ export const MotionEasingOutStrong = "cubic-bezier(0.23, 1, 0.32, 1)"; // --ease-out-strong, the house easing
203
+ export const MotionEasingInOutStrong = "cubic-bezier(0.77, 0, 0.175, 1)"; // --ease-in-out-strong
204
+ export const MotionDurationReveal = "700ms"; // --reveal-duration, scroll reveal + hero entrance
205
+ export const MotionDurationHover = "150ms"; // Recurring literal in demo transitions (150 to 200ms band)
206
+ export const MotionDurationPress = "160ms"; // .btn-press transform
207
+ export const MotionDurationStagger = "60ms"; // --stagger default for reveal groups
208
+ export const RadiusSm = "6px"; // Chips, small controls
209
+ export const RadiusMd = "8px"; // Inputs, menu items
210
+ export const RadiusButton = "10px";
211
+ export const RadiusCard = "14px"; // Also mapped to Tailwind radius-lg via @theme; dominant demo card radius via rounded-[var(--radius-card)]
212
+ export const RadiusSection = "20px"; // Also mapped to Tailwind radius-xl via @theme
213
+ export const RadiusPill = "20px"; // FLAGGED: same value as section; used with rounded-full semantics. Candidate to alias or drop.
214
+ export const ShadowCard =
215
+ "0px 4px 24px rgba(0, 0, 0, 0.07), 0px 0px 0px 1px rgba(0, 0, 0, 0.03)"; // Source: 0px 4px 24px #00000012, 0px 0px 0px 1px #00000008
216
+ export const ShadowCardMd =
217
+ "0px 2px 20px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.04)"; // Source: 0px 2px 20px #0000000F, 0px 0px 0px 1px #0000000A
218
+ export const ShadowCardSm =
219
+ "0px 1px 12px rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(0, 0, 0, 0.03)"; // Source: 0px 1px 12px #0000000D, 0px 0px 0px 1px #00000008. Most-used demo shadow (hover elevation on cards/rows).
220
+ export const ShadowOverlay = "0 24px 64px rgba(20, 26, 40, 0.18)"; // FLAGGED: arbitrary value shadow-[0_24px_64px_rgba(20,26,40,.18)] on calendar overlay card, not tokenized in source
221
+ export const ShadowOverlaySoft = "0 12px 32px rgba(20, 26, 40, 0.14)"; // FLAGGED: arbitrary value shadow-[0_12px_32px_rgba(20,26,40,.14)], not tokenized in source
222
+ export const LayoutPagePadding = "56px"; // Horizontal page padding, landing
223
+ export const LayoutContentMax = "1456px"; // Max content width, landing
224
+ export const LayoutRowHeight = "46px"; // CANDIDATE: h-[46px] x75 in demo components (table rows, list rows, controls). Not tokenized in source.
225
+ export const LayoutHeaderHeight = "60px"; // CANDIDATE: h-[60px] x13 in demo components (admin header bars). Not tokenized in source.
226
+ export const LayoutPanelPaddingX = "18px"; // CANDIDATE: px-[18px] x47 in demo components (panel/card horizontal padding). Not tokenized in source.
227
+ export const FontFamilySans = "'Inter', sans-serif"; // Variable font, exposed as --font-inter. Used everywhere (landing + demo).
228
+ export const FontFamilyDisplay = "'DM Serif Display', serif"; // Exposed as --font-dm-serif-display. Only used by .text-logo-strip.
229
+ export const FontSizeHero = "46px";
230
+ export const FontSizeSectionHeadline = "42px";
231
+ export const FontSizeSubHeadline = "38px";
232
+ export const FontSizeContentHeadline = "32px";
233
+ export const FontSizeBodyLg = "22px";
234
+ export const FontSizeTestimonial = "21px";
235
+ export const FontSizeCardTitle = "19px";
236
+ export const FontSizeBody = "15.5px"; // FLAGGED: fractional px size
237
+ export const FontSizeUiSm = "14px"; // Tailwind text-sm, dominant demo size
238
+ export const FontSizeLabel = "13.5px"; // FLAGGED: fractional px size
239
+ export const FontSizeUiBody = "13px"; // text-[13px], 184 uses in demo components. De facto demo UI body size, not tokenized in source.
240
+ export const FontSizeCaption = "13px";
241
+ export const FontSizeSmall = "12.5px"; // FLAGGED: fractional px size, also text-[12.5px] x12 in demo
242
+ export const FontSizeUiXs = "12px"; // Tailwind text-xs
243
+ export const FontSizeMicro = "11px"; // text-[11px] x16 in demo (badges, axis labels)
244
+ export const FontSizeNano = "10px"; // text-[10px] x13 in demo
245
+ export const FontWeightRegular = "400";
246
+ export const FontWeightCaptionBook = "450"; // FLAGGED: non-standard, .text-caption only
247
+ export const FontWeightMedium = "500";
248
+ export const FontWeightSemibold = "600";
249
+ export const FontWeightHeadingSemi = "650"; // Non-standard, content headline + labels
250
+ export const FontWeightBold = "700";
251
+ export const FontWeightHeadingBold = "750"; // Non-standard, all display headlines
252
+ export const FontLineHeightDisplay = "1.1"; // Hero
253
+ export const FontLineHeightHeading = "1.15"; // Section and sub headlines
254
+ export const FontLineHeightTitle = "1.26"; // Card title (1.26 to 1.28 band)
255
+ export const FontLineHeightBody = "1.45"; // Large body
256
+ export const FontLineHeightCopy = "1.65"; // Default body copy
257
+ export const FontLineHeightLabel = "1.33";
258
+ export const FontLineHeightCaption = "1.23";
259
+ export const FontLetterSpacingDisplayTight = "-1.5px"; // Hero + section headlines
260
+ export const FontLetterSpacingHeadingTight = "-1.2px"; // Sub headline
261
+ export const FontLetterSpacingTitleTight = "-0.5px"; // Content headline
262
+ export const FontLetterSpacingSubtle = "-0.3px"; // Card title
263
+ export const FontLetterSpacingCaps = "0.09em"; // tracking-[0.09em], uppercase kicker labels in demo
264
+ export const FontLetterSpacingLogoStrip = "3px"; // FLAGGED: one-off, logo strip only
265
+ export const TextHero = {
266
+ fontFamily: "'Inter', sans-serif",
267
+ fontSize: "46px",
268
+ fontWeight: "750",
269
+ letterSpacing: "-1.5px",
270
+ lineHeight: "1.1",
271
+ }; // color: neutral.950, text-wrap: balance
272
+ export const TextSectionHeadline = {
273
+ fontFamily: "'Inter', sans-serif",
274
+ fontSize: "42px",
275
+ fontWeight: "750",
276
+ letterSpacing: "-1.5px",
277
+ lineHeight: "1.15",
278
+ }; // color: neutral.950, text-wrap: balance
279
+ export const TextSubHeadline = {
280
+ fontFamily: "'Inter', sans-serif",
281
+ fontSize: "38px",
282
+ fontWeight: "750",
283
+ letterSpacing: "-1.2px",
284
+ lineHeight: "1.15",
285
+ }; // color: neutral.950
286
+ export const TextContentHeadline = {
287
+ fontFamily: "'Inter', sans-serif",
288
+ fontSize: "32px",
289
+ fontWeight: "650",
290
+ letterSpacing: "-0.5px",
291
+ lineHeight: "1.28",
292
+ }; // color: neutral.800
293
+ export const TextBodyLg = {
294
+ fontFamily: "'Inter', sans-serif",
295
+ fontSize: "22px",
296
+ fontWeight: "400",
297
+ lineHeight: "1.45",
298
+ }; // color: neutral.700, text-wrap: pretty
299
+ export const TextBody = {
300
+ fontFamily: "'Inter', sans-serif",
301
+ fontSize: "15.5px",
302
+ fontWeight: "400",
303
+ lineHeight: "1.65",
304
+ }; // color: neutral.500. bodyMuted variant is identical with color neutral.400.
305
+ export const TextCardTitle = {
306
+ fontFamily: "'Inter', sans-serif",
307
+ fontSize: "19px",
308
+ fontWeight: "700",
309
+ letterSpacing: "-0.3px",
310
+ lineHeight: "1.26",
311
+ }; // color: neutral.950
312
+ export const TextTestimonial = {
313
+ fontFamily: "'Inter', sans-serif",
314
+ fontSize: "21px",
315
+ fontWeight: "400",
316
+ letterSpacing: "-0.2px",
317
+ lineHeight: "1.55",
318
+ }; // italic, color: neutral.600
319
+ export const TextLabel = {
320
+ fontFamily: "'Inter', sans-serif",
321
+ fontSize: "13.5px",
322
+ fontWeight: "650",
323
+ lineHeight: "1.33",
324
+ }; // color: neutral.900. labelMuted variant: weight 400, color neutral.400.
325
+ export const TextCaption = {
326
+ fontFamily: "'Inter', sans-serif",
327
+ fontSize: "13px",
328
+ fontWeight: "450",
329
+ lineHeight: "1.23",
330
+ }; // color: neutral.350
331
+ export const TextSmall = {
332
+ fontFamily: "'Inter', sans-serif",
333
+ fontSize: "12.5px",
334
+ fontWeight: "400",
335
+ lineHeight: "1.28",
336
+ }; // color: neutral.300
337
+ export const TextLogoStrip = {
338
+ fontFamily: "'DM Serif Display', serif",
339
+ fontSize: "22px",
340
+ fontWeight: "400",
341
+ letterSpacing: "3px",
342
+ lineHeight: "normal",
343
+ }; // uppercase, color: neutral.250
344
+ export const TextLinkUnderline = {
345
+ fontFamily: "'Inter', sans-serif",
346
+ fontSize: "13.5px",
347
+ fontWeight: "600",
348
+ lineHeight: "normal",
349
+ }; // color: neutral.900, underline 1px thickness, 3px offset
package/package.json ADDED
@@ -0,0 +1,34 @@
1
+ {
2
+ "name": "@plerivo/tokens",
3
+ "version": "0.1.0",
4
+ "type": "module",
5
+ "main": "./build/index.js",
6
+ "types": "./build/index.d.ts",
7
+ "exports": {
8
+ ".": {
9
+ "types": "./build/index.d.ts",
10
+ "import": "./build/index.js"
11
+ },
12
+ "./css": "./build/css/variables.css",
13
+ "./theme": "./build/css/theme.css"
14
+ },
15
+ "files": [
16
+ "build"
17
+ ],
18
+ "devDependencies": {
19
+ "style-dictionary": "^4.3.0"
20
+ },
21
+ "license": "MIT",
22
+ "repository": {
23
+ "type": "git",
24
+ "url": "git+https://github.com/AS-agency/booking-component-design-system.git",
25
+ "directory": "packages/tokens"
26
+ },
27
+ "publishConfig": {
28
+ "access": "public"
29
+ },
30
+ "scripts": {
31
+ "build": "style-dictionary build --config sd.config.js",
32
+ "clean": "rm -rf build"
33
+ }
34
+ }