@vector-im/compound-design-tokens 1.9.0 → 1.9.2
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/assets/web/icons/index.cjs +2 -0
- package/assets/web/icons/index.d.ts +2 -0
- package/assets/web/icons/index.js +2 -0
- package/assets/web/icons/raised-hand-solid.cjs +19 -0
- package/assets/web/icons/raised-hand-solid.d.ts +11 -0
- package/assets/web/icons/raised-hand-solid.js +19 -0
- package/assets/web/icons/reaction-solid.cjs +21 -0
- package/assets/web/icons/reaction-solid.d.ts +11 -0
- package/assets/web/icons/reaction-solid.js +21 -0
- package/assets/web/js/cpdDark.d.ts +634 -632
- package/assets/web/js/cpdDark.js +50 -24
- package/assets/web/js/cpdDarkHc.d.ts +634 -632
- package/assets/web/js/cpdDarkHc.js +50 -24
- package/assets/web/js/cpdLight.d.ts +634 -632
- package/assets/web/js/cpdLight.js +50 -24
- package/assets/web/js/cpdLightHc.d.ts +634 -632
- package/assets/web/js/cpdLightHc.js +50 -24
- package/icons/$icons.json +1 -1
- package/icons/raised-hand-solid.svg +3 -0
- package/icons/reaction-solid.svg +3 -0
- package/package.json +5 -3
|
@@ -31,7 +31,8 @@ export const cpdBorderWidth1 = "1px";
|
|
|
31
31
|
export const cpdBorderWidth2 = "2px";
|
|
32
32
|
export const cpdBorderWidth4 = "4px";
|
|
33
33
|
export const cpdBorderWidth0_5 = "0.5px";
|
|
34
|
-
export const cpdFontFamilySans =
|
|
34
|
+
export const cpdFontFamilySans =
|
|
35
|
+
'Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
35
36
|
export const cpdFontFamilyMono = "Inconsolata, ui-monospace, monospace";
|
|
36
37
|
export const cpdFontWeightRegular = "400";
|
|
37
38
|
export const cpdFontWeightMedium = "500";
|
|
@@ -56,27 +57,48 @@ export const cpdFontLetterSpacingHeadingSm = "-0.0166em";
|
|
|
56
57
|
export const cpdFontLetterSpacingHeadingMd = "-0.0195em";
|
|
57
58
|
export const cpdFontLetterSpacingHeadingLg = "-0.0209em";
|
|
58
59
|
export const cpdFontLetterSpacingHeadingXl = "-0.0216em";
|
|
59
|
-
export const cpdFontBodyXsRegular =
|
|
60
|
-
|
|
61
|
-
export const
|
|
62
|
-
|
|
63
|
-
export const
|
|
64
|
-
|
|
65
|
-
export const
|
|
66
|
-
|
|
67
|
-
export const
|
|
68
|
-
|
|
69
|
-
export const
|
|
70
|
-
|
|
71
|
-
export const
|
|
72
|
-
|
|
73
|
-
export const
|
|
74
|
-
|
|
75
|
-
export const
|
|
76
|
-
|
|
77
|
-
export const
|
|
78
|
-
|
|
79
|
-
export const
|
|
60
|
+
export const cpdFontBodyXsRegular =
|
|
61
|
+
'400 0.6875rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
62
|
+
export const cpdFontBodyXsMedium =
|
|
63
|
+
'500 0.6875rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
64
|
+
export const cpdFontBodyXsSemibold =
|
|
65
|
+
'600 0.6875rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
66
|
+
export const cpdFontBodySmRegular =
|
|
67
|
+
'400 0.8125rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
68
|
+
export const cpdFontBodySmMedium =
|
|
69
|
+
'500 0.8125rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
70
|
+
export const cpdFontBodySmSemibold =
|
|
71
|
+
'600 0.8125rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
72
|
+
export const cpdFontBodyMdRegular =
|
|
73
|
+
'400 0.9375rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
74
|
+
export const cpdFontBodyMdMedium =
|
|
75
|
+
'500 0.9375rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
76
|
+
export const cpdFontBodyMdSemibold =
|
|
77
|
+
'600 0.9375rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
78
|
+
export const cpdFontBodyLgRegular =
|
|
79
|
+
'400 1.0625rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
80
|
+
export const cpdFontBodyLgMedium =
|
|
81
|
+
'500 1.0625rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
82
|
+
export const cpdFontBodyLgSemibold =
|
|
83
|
+
'600 1.0625rem/1.5 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
84
|
+
export const cpdFontHeadingSmRegular =
|
|
85
|
+
'400 1.25rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
86
|
+
export const cpdFontHeadingSmMedium =
|
|
87
|
+
'500 1.25rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
88
|
+
export const cpdFontHeadingSmSemibold =
|
|
89
|
+
'600 1.25rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
90
|
+
export const cpdFontHeadingMdRegular =
|
|
91
|
+
'400 1.5rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
92
|
+
export const cpdFontHeadingMdSemibold =
|
|
93
|
+
'600 1.5rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
94
|
+
export const cpdFontHeadingLgRegular =
|
|
95
|
+
'400 1.75rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
96
|
+
export const cpdFontHeadingLgSemibold =
|
|
97
|
+
'600 1.75rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
98
|
+
export const cpdFontHeadingXlRegular =
|
|
99
|
+
'400 2rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
100
|
+
export const cpdFontHeadingXlSemibold =
|
|
101
|
+
'600 2rem/1.25 Inter, "Inter Fallback: Helvetica Neue", "Inter Fallback: Segoe UI", "Inter Fallback: Roboto", "Inter Fallback: Ubuntu", "Inter Fallback: Fira Sans", "Inter Fallback: Noto Sans", "Inter Fallback: Arial", "Helvetica Neue", "Segoe UI", Roboto, Ubuntu, "Fira Sans", "Noto Sans", Arial, sans-serif';
|
|
80
102
|
export const cpdIconAdmin = "icons/admin.svg";
|
|
81
103
|
export const cpdIconArrowDown = "icons/arrow-down.svg";
|
|
82
104
|
export const cpdIconArrowLeft = "icons/arrow-left.svg";
|
|
@@ -158,7 +180,8 @@ export const cpdIconLeave = "icons/leave.svg";
|
|
|
158
180
|
export const cpdIconLink = "icons/link.svg";
|
|
159
181
|
export const cpdIconListBulleted = "icons/list-bulleted.svg";
|
|
160
182
|
export const cpdIconListNumbered = "icons/list-numbered.svg";
|
|
161
|
-
export const cpdIconLocationNavigatorCentred =
|
|
183
|
+
export const cpdIconLocationNavigatorCentred =
|
|
184
|
+
"icons/location-navigator-centred.svg";
|
|
162
185
|
export const cpdIconLocationNavigator = "icons/location-navigator.svg";
|
|
163
186
|
export const cpdIconLocationPinSolid = "icons/location-pin-solid.svg";
|
|
164
187
|
export const cpdIconLocationPin = "icons/location-pin.svg";
|
|
@@ -198,7 +221,9 @@ export const cpdIconPreferences = "icons/preferences.svg";
|
|
|
198
221
|
export const cpdIconPublic = "icons/public.svg";
|
|
199
222
|
export const cpdIconQrCode = "icons/qr-code.svg";
|
|
200
223
|
export const cpdIconQuote = "icons/quote.svg";
|
|
224
|
+
export const cpdIconRaisedHandSolid = "icons/raised-hand-solid.svg";
|
|
201
225
|
export const cpdIconReactionAdd = "icons/reaction-add.svg";
|
|
226
|
+
export const cpdIconReactionSolid = "icons/reaction-solid.svg";
|
|
202
227
|
export const cpdIconReaction = "icons/reaction.svg";
|
|
203
228
|
export const cpdIconReply = "icons/reply.svg";
|
|
204
229
|
export const cpdIconRestart = "icons/restart.svg";
|
|
@@ -236,7 +261,8 @@ export const cpdIconUserProfile = "icons/user-profile.svg";
|
|
|
236
261
|
export const cpdIconUserSolid = "icons/user-solid.svg";
|
|
237
262
|
export const cpdIconUser = "icons/user.svg";
|
|
238
263
|
export const cpdIconVerified = "icons/verified.svg";
|
|
239
|
-
export const cpdIconVideoCallDeclinedSolid =
|
|
264
|
+
export const cpdIconVideoCallDeclinedSolid =
|
|
265
|
+
"icons/video-call-declined-solid.svg";
|
|
240
266
|
export const cpdIconVideoCallMissedSolid = "icons/video-call-missed-solid.svg";
|
|
241
267
|
export const cpdIconVideoCallOffSolid = "icons/video-call-off-solid.svg";
|
|
242
268
|
export const cpdIconVideoCallOff = "icons/video-call-off.svg";
|