@joinskips/brand 5.0.0 → 6.0.0-develop.126
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -0
- package/chat/attachments.d.ts +11 -0
- package/chat/attachments.js +34 -0
- package/chat/components/Bubble.d.ts +5 -0
- package/chat/components/Bubble.js +9 -0
- package/chat/components/Conversation.d.ts +28 -0
- package/chat/components/Conversation.js +117 -0
- package/chat/components/Markdown.d.ts +4 -0
- package/chat/components/Markdown.js +46 -0
- package/chat/components/Welcome.d.ts +78 -0
- package/chat/components/Welcome.js +145 -0
- package/chat/components/parts.d.ts +38 -0
- package/chat/components/parts.js +6 -0
- package/chat/index.d.ts +10 -0
- package/chat/index.js +9 -0
- package/chat/markdown.d.ts +47 -0
- package/chat/markdown.js +129 -0
- package/chat/message.d.ts +46 -0
- package/chat/message.js +12 -0
- package/chat/skipTyping.d.ts +26 -0
- package/chat/skipTyping.js +29 -0
- package/chat/thread.d.ts +43 -0
- package/chat/thread.js +107 -0
- package/chat/typing.d.ts +13 -0
- package/chat/typing.js +68 -0
- package/chat/visibleArea.d.ts +15 -0
- package/chat/visibleArea.js +11 -0
- package/chat/welcome.d.ts +25 -0
- package/chat/welcome.js +51 -0
- package/logos/png-2048/skips-wordmark-dark-2048.png +0 -0
- package/manifest.json +9 -1
- package/package.json +33 -1
- package/tokens/skips-tailwind-theme.css +106 -0
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
/* Written by scripts/derive.py from skips-design-tokens.json; do not edit by hand. */
|
|
2
|
+
@theme {
|
|
3
|
+
--font-ui: 'Onest Variable', Onest, system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
|
|
4
|
+
--text-xs: 12px;
|
|
5
|
+
--text-xs--line-height: 1.5;
|
|
6
|
+
--text-sm: 13px;
|
|
7
|
+
--text-sm--line-height: 1.5;
|
|
8
|
+
--text-base: 15px;
|
|
9
|
+
--text-base--line-height: 1.6;
|
|
10
|
+
--text-md: 16px;
|
|
11
|
+
--text-md--line-height: 1.6;
|
|
12
|
+
--text-lg: 18px;
|
|
13
|
+
--text-lg--line-height: 1.55;
|
|
14
|
+
--text-xl: 22px;
|
|
15
|
+
--text-xl--line-height: 1.4;
|
|
16
|
+
--text-2xl: 28px;
|
|
17
|
+
--text-2xl--line-height: 1.2;
|
|
18
|
+
--text-3xl: 36px;
|
|
19
|
+
--text-3xl--line-height: 1.1;
|
|
20
|
+
--text-4xl: 40px;
|
|
21
|
+
--text-4xl--line-height: 1.05;
|
|
22
|
+
--text-5xl: 54px;
|
|
23
|
+
--text-5xl--line-height: 1.03;
|
|
24
|
+
--text-6xl: 72px;
|
|
25
|
+
--text-6xl--line-height: 1.02;
|
|
26
|
+
--font-weight-light: 300;
|
|
27
|
+
--font-weight-regular: 400;
|
|
28
|
+
--font-weight-medium: 500;
|
|
29
|
+
--font-weight-semibold: 600;
|
|
30
|
+
--font-weight-bold: 700;
|
|
31
|
+
--font-weight-heavy: 800;
|
|
32
|
+
--radius-control: 8px;
|
|
33
|
+
--radius-card: 12px;
|
|
34
|
+
--radius-overlay: 16px;
|
|
35
|
+
--radius-pill: 9999px;
|
|
36
|
+
--shadow-card: 0 1px 2px rgba(33, 38, 41, 0.04);
|
|
37
|
+
--shadow-lift: 0 4px 12px rgba(33, 38, 41, 0.06);
|
|
38
|
+
--shadow-lift-hover: 0 8px 28px rgba(33, 38, 41, 0.14);
|
|
39
|
+
--shadow-menu: 0 8px 24px rgba(33, 38, 41, 0.12);
|
|
40
|
+
--shadow-modal: 0 24px 64px rgba(33, 38, 41, 0.18);
|
|
41
|
+
--ease-standard: cubic-bezier(0.2, 0, 0, 1);
|
|
42
|
+
--ease-pulse: cubic-bezier(0.4, 0, 0.6, 1);
|
|
43
|
+
--container-content: 1200px;
|
|
44
|
+
--container-reading: 720px;
|
|
45
|
+
--spacing-control: 48px;
|
|
46
|
+
--spacing-control-compact: 44px;
|
|
47
|
+
--spacing-header-short: 60px;
|
|
48
|
+
--spacing-header-tall: 76px;
|
|
49
|
+
--spacing-gutter-phone: 16px;
|
|
50
|
+
--spacing-gutter-tablet: 24px;
|
|
51
|
+
--spacing-gutter-desktop: 32px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@layer theme {
|
|
55
|
+
:root {
|
|
56
|
+
@variant light {
|
|
57
|
+
--color-page: #f8f5f2;
|
|
58
|
+
--color-surface: #ffffff;
|
|
59
|
+
--color-muted: #f5f6f7;
|
|
60
|
+
--color-paper: #f7f5f0;
|
|
61
|
+
--color-ink: #212629;
|
|
62
|
+
--color-ink-secondary: #5b5b57;
|
|
63
|
+
--color-ink-placeholder: #64645f;
|
|
64
|
+
--color-line-subtle: #d9d9d6;
|
|
65
|
+
--color-line-control: #85857f;
|
|
66
|
+
--color-accent: #f7ad00;
|
|
67
|
+
--color-accent-ink: #212629;
|
|
68
|
+
--color-action: #242e2b;
|
|
69
|
+
--color-action-hover: #314039;
|
|
70
|
+
--color-action-pressed: #1a231f;
|
|
71
|
+
--color-action-ink: #ffffff;
|
|
72
|
+
--color-error: #fff1f0;
|
|
73
|
+
--color-error-ink: #b42318;
|
|
74
|
+
--color-warning: #fff5d6;
|
|
75
|
+
--color-warning-ink: #854d0e;
|
|
76
|
+
--color-success: #dcf3e3;
|
|
77
|
+
--color-success-ink: #166534;
|
|
78
|
+
--color-focus: #212629;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@variant dark {
|
|
82
|
+
--color-page: #0f1110;
|
|
83
|
+
--color-surface: #181a19;
|
|
84
|
+
--color-muted: #1f2221;
|
|
85
|
+
--color-paper: #1b1b18;
|
|
86
|
+
--color-ink: #f5f6f4;
|
|
87
|
+
--color-ink-secondary: #b4b4ae;
|
|
88
|
+
--color-ink-placeholder: #8d8d87;
|
|
89
|
+
--color-line-subtle: #2c2e2d;
|
|
90
|
+
--color-line-control: #5a5c59;
|
|
91
|
+
--color-accent: #f7ad00;
|
|
92
|
+
--color-accent-ink: #212629;
|
|
93
|
+
--color-action: #3a4a44;
|
|
94
|
+
--color-action-hover: #46574f;
|
|
95
|
+
--color-action-pressed: #2f3c37;
|
|
96
|
+
--color-action-ink: #ffffff;
|
|
97
|
+
--color-error: #3a1b19;
|
|
98
|
+
--color-error-ink: #ff8a80;
|
|
99
|
+
--color-warning: #3a2e10;
|
|
100
|
+
--color-warning-ink: #f5c451;
|
|
101
|
+
--color-success: #12301f;
|
|
102
|
+
--color-success-ink: #7ddc9c;
|
|
103
|
+
--color-focus: #f5f6f4;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|