@vector-im/compound-design-tokens 1.9.1 → 2.0.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/assets/web/css/cpd-common-semantic.css +0 -1
- package/assets/web/icons/index.cjs +1 -0
- package/assets/web/icons/index.d.ts +1 -0
- package/assets/web/icons/index.js +1 -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 +633 -633
- package/assets/web/js/cpdDark.js +49 -25
- package/assets/web/js/cpdDarkHc.d.ts +633 -633
- package/assets/web/js/cpdDarkHc.js +49 -25
- package/assets/web/js/cpdLight.d.ts +633 -633
- package/assets/web/js/cpdLight.js +49 -25
- package/assets/web/js/cpdLightHc.d.ts +633 -633
- package/assets/web/js/cpdLightHc.js +49 -25
- package/icons/$icons.json +1 -1
- package/icons/reaction-solid.svg +3 -0
- package/package.json +4 -2
|
@@ -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";
|
|
@@ -200,6 +223,7 @@ export const cpdIconQrCode = "icons/qr-code.svg";
|
|
|
200
223
|
export const cpdIconQuote = "icons/quote.svg";
|
|
201
224
|
export const cpdIconRaisedHandSolid = "icons/raised-hand-solid.svg";
|
|
202
225
|
export const cpdIconReactionAdd = "icons/reaction-add.svg";
|
|
226
|
+
export const cpdIconReactionSolid = "icons/reaction-solid.svg";
|
|
203
227
|
export const cpdIconReaction = "icons/reaction.svg";
|
|
204
228
|
export const cpdIconReply = "icons/reply.svg";
|
|
205
229
|
export const cpdIconRestart = "icons/restart.svg";
|
|
@@ -237,7 +261,8 @@ export const cpdIconUserProfile = "icons/user-profile.svg";
|
|
|
237
261
|
export const cpdIconUserSolid = "icons/user-solid.svg";
|
|
238
262
|
export const cpdIconUser = "icons/user.svg";
|
|
239
263
|
export const cpdIconVerified = "icons/verified.svg";
|
|
240
|
-
export const cpdIconVideoCallDeclinedSolid =
|
|
264
|
+
export const cpdIconVideoCallDeclinedSolid =
|
|
265
|
+
"icons/video-call-declined-solid.svg";
|
|
241
266
|
export const cpdIconVideoCallMissedSolid = "icons/video-call-missed-solid.svg";
|
|
242
267
|
export const cpdIconVideoCallOffSolid = "icons/video-call-off-solid.svg";
|
|
243
268
|
export const cpdIconVideoCallOff = "icons/video-call-off.svg";
|
|
@@ -563,7 +588,6 @@ export const cpdColorAlphaPink1300 = "hsl(337, 100%, 15%, 1)";
|
|
|
563
588
|
export const cpdColorAlphaPink1400 = "hsl(341, 100%, 13%, 1)";
|
|
564
589
|
export const cpdColorTextPrimary = "#1a1c21";
|
|
565
590
|
export const cpdColorTextSecondary = "#474a51";
|
|
566
|
-
export const cpdColorTextPlaceholder = "#6c737e";
|
|
567
591
|
export const cpdColorTextDisabled = "#6c737e";
|
|
568
592
|
export const cpdColorTextActionPrimary = "#1a1c21";
|
|
569
593
|
export const cpdColorTextActionAccent = "#00553d";
|
package/icons/$icons.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"icon":{"admin":{"value":"icons/admin.svg","type":"icon"},"arrow-down":{"value":"icons/arrow-down.svg","type":"icon"},"arrow-left":{"value":"icons/arrow-left.svg","type":"icon"},"arrow-right":{"value":"icons/arrow-right.svg","type":"icon"},"arrow-up-right":{"value":"icons/arrow-up-right.svg","type":"icon"},"arrow-up":{"value":"icons/arrow-up.svg","type":"icon"},"attachment":{"value":"icons/attachment.svg","type":"icon"},"block":{"value":"icons/block.svg","type":"icon"},"bold":{"value":"icons/bold.svg","type":"icon"},"calendar":{"value":"icons/calendar.svg","type":"icon"},"chart":{"value":"icons/chart.svg","type":"icon"},"chat-new":{"value":"icons/chat-new.svg","type":"icon"},"chat-problem":{"value":"icons/chat-problem.svg","type":"icon"},"chat-solid":{"value":"icons/chat-solid.svg","type":"icon"},"chat":{"value":"icons/chat.svg","type":"icon"},"check-circle-solid":{"value":"icons/check-circle-solid.svg","type":"icon"},"check-circle":{"value":"icons/check-circle.svg","type":"icon"},"check":{"value":"icons/check.svg","type":"icon"},"chevron-down":{"value":"icons/chevron-down.svg","type":"icon"},"chevron-left":{"value":"icons/chevron-left.svg","type":"icon"},"chevron-right":{"value":"icons/chevron-right.svg","type":"icon"},"chevron-up-down":{"value":"icons/chevron-up-down.svg","type":"icon"},"chevron-up":{"value":"icons/chevron-up.svg","type":"icon"},"circle":{"value":"icons/circle.svg","type":"icon"},"close":{"value":"icons/close.svg","type":"icon"},"cloud-solid":{"value":"icons/cloud-solid.svg","type":"icon"},"cloud":{"value":"icons/cloud.svg","type":"icon"},"code":{"value":"icons/code.svg","type":"icon"},"collapse":{"value":"icons/collapse.svg","type":"icon"},"company":{"value":"icons/company.svg","type":"icon"},"compose":{"value":"icons/compose.svg","type":"icon"},"computer":{"value":"icons/computer.svg","type":"icon"},"copy":{"value":"icons/copy.svg","type":"icon"},"dark-mode":{"value":"icons/dark-mode.svg","type":"icon"},"delete":{"value":"icons/delete.svg","type":"icon"},"devices":{"value":"icons/devices.svg","type":"icon"},"document":{"value":"icons/document.svg","type":"icon"},"download":{"value":"icons/download.svg","type":"icon"},"drag-grid":{"value":"icons/drag-grid.svg","type":"icon"},"drag-list":{"value":"icons/drag-list.svg","type":"icon"},"edit-solid":{"value":"icons/edit-solid.svg","type":"icon"},"edit":{"value":"icons/edit.svg","type":"icon"},"email-solid":{"value":"icons/email-solid.svg","type":"icon"},"email":{"value":"icons/email.svg","type":"icon"},"end-call":{"value":"icons/end-call.svg","type":"icon"},"error":{"value":"icons/error.svg","type":"icon"},"expand":{"value":"icons/expand.svg","type":"icon"},"export-archive":{"value":"icons/export-archive.svg","type":"icon"},"extensions-solid":{"value":"icons/extensions-solid.svg","type":"icon"},"extensions":{"value":"icons/extensions.svg","type":"icon"},"favourite-solid":{"value":"icons/favourite-solid.svg","type":"icon"},"favourite":{"value":"icons/favourite.svg","type":"icon"},"file-error":{"value":"icons/file-error.svg","type":"icon"},"files":{"value":"icons/files.svg","type":"icon"},"filter":{"value":"icons/filter.svg","type":"icon"},"forward":{"value":"icons/forward.svg","type":"icon"},"grid":{"value":"icons/grid.svg","type":"icon"},"help-solid":{"value":"icons/help-solid.svg","type":"icon"},"help":{"value":"icons/help.svg","type":"icon"},"history":{"value":"icons/history.svg","type":"icon"},"home-solid":{"value":"icons/home-solid.svg","type":"icon"},"home":{"value":"icons/home.svg","type":"icon"},"host":{"value":"icons/host.svg","type":"icon"},"image-error":{"value":"icons/image-error.svg","type":"icon"},"image":{"value":"icons/image.svg","type":"icon"},"indent-decrease":{"value":"icons/indent-decrease.svg","type":"icon"},"indent-increase":{"value":"icons/indent-increase.svg","type":"icon"},"info-solid":{"value":"icons/info-solid.svg","type":"icon"},"info":{"value":"icons/info.svg","type":"icon"},"inline-code":{"value":"icons/inline-code.svg","type":"icon"},"italic":{"value":"icons/italic.svg","type":"icon"},"key-off-solid":{"value":"icons/key-off-solid.svg","type":"icon"},"key-off":{"value":"icons/key-off.svg","type":"icon"},"key-solid":{"value":"icons/key-solid.svg","type":"icon"},"key":{"value":"icons/key.svg","type":"icon"},"keyboard":{"value":"icons/keyboard.svg","type":"icon"},"labs":{"value":"icons/labs.svg","type":"icon"},"leave":{"value":"icons/leave.svg","type":"icon"},"link":{"value":"icons/link.svg","type":"icon"},"list-bulleted":{"value":"icons/list-bulleted.svg","type":"icon"},"list-numbered":{"value":"icons/list-numbered.svg","type":"icon"},"location-navigator-centred":{"value":"icons/location-navigator-centred.svg","type":"icon"},"location-navigator":{"value":"icons/location-navigator.svg","type":"icon"},"location-pin-solid":{"value":"icons/location-pin-solid.svg","type":"icon"},"location-pin":{"value":"icons/location-pin.svg","type":"icon"},"lock-off":{"value":"icons/lock-off.svg","type":"icon"},"lock-solid":{"value":"icons/lock-solid.svg","type":"icon"},"lock":{"value":"icons/lock.svg","type":"icon"},"mark-as-read":{"value":"icons/mark-as-read.svg","type":"icon"},"mark-as-unread":{"value":"icons/mark-as-unread.svg","type":"icon"},"mark-threads-as-read":{"value":"icons/mark-threads-as-read.svg","type":"icon"},"marker-read-receipts":{"value":"icons/marker-read-receipts.svg","type":"icon"},"mention":{"value":"icons/mention.svg","type":"icon"},"menu":{"value":"icons/menu.svg","type":"icon"},"mic-off-solid":{"value":"icons/mic-off-solid.svg","type":"icon"},"mic-off":{"value":"icons/mic-off.svg","type":"icon"},"mic-on-solid":{"value":"icons/mic-on-solid.svg","type":"icon"},"mic-on":{"value":"icons/mic-on.svg","type":"icon"},"minus":{"value":"icons/minus.svg","type":"icon"},"mobile":{"value":"icons/mobile.svg","type":"icon"},"notifications-off-solid":{"value":"icons/notifications-off-solid.svg","type":"icon"},"notifications-off":{"value":"icons/notifications-off.svg","type":"icon"},"notifications-solid":{"value":"icons/notifications-solid.svg","type":"icon"},"notifications":{"value":"icons/notifications.svg","type":"icon"},"offline":{"value":"icons/offline.svg","type":"icon"},"overflow-horizontal":{"value":"icons/overflow-horizontal.svg","type":"icon"},"overflow-vertical":{"value":"icons/overflow-vertical.svg","type":"icon"},"pause-solid":{"value":"icons/pause-solid.svg","type":"icon"},"pause":{"value":"icons/pause.svg","type":"icon"},"pin-solid":{"value":"icons/pin-solid.svg","type":"icon"},"pin":{"value":"icons/pin.svg","type":"icon"},"play-solid":{"value":"icons/play-solid.svg","type":"icon"},"play":{"value":"icons/play.svg","type":"icon"},"plus":{"value":"icons/plus.svg","type":"icon"},"polls-end":{"value":"icons/polls-end.svg","type":"icon"},"polls":{"value":"icons/polls.svg","type":"icon"},"pop-out":{"value":"icons/pop-out.svg","type":"icon"},"preferences":{"value":"icons/preferences.svg","type":"icon"},"public":{"value":"icons/public.svg","type":"icon"},"qr-code":{"value":"icons/qr-code.svg","type":"icon"},"quote":{"value":"icons/quote.svg","type":"icon"},"raised-hand-solid":{"value":"icons/raised-hand-solid.svg","type":"icon"},"reaction-add":{"value":"icons/reaction-add.svg","type":"icon"},"reaction":{"value":"icons/reaction.svg","type":"icon"},"reply":{"value":"icons/reply.svg","type":"icon"},"restart":{"value":"icons/restart.svg","type":"icon"},"room":{"value":"icons/room.svg","type":"icon"},"search":{"value":"icons/search.svg","type":"icon"},"send-solid":{"value":"icons/send-solid.svg","type":"icon"},"send":{"value":"icons/send.svg","type":"icon"},"settings-solid":{"value":"icons/settings-solid.svg","type":"icon"},"settings":{"value":"icons/settings.svg","type":"icon"},"share-android":{"value":"icons/share-android.svg","type":"icon"},"share-ios":{"value":"icons/share-ios.svg","type":"icon"},"share-screen-solid":{"value":"icons/share-screen-solid.svg","type":"icon"},"share-screen":{"value":"icons/share-screen.svg","type":"icon"},"share":{"value":"icons/share.svg","type":"icon"},"sidebar":{"value":"icons/sidebar.svg","type":"icon"},"sign-out":{"value":"icons/sign-out.svg","type":"icon"},"spinner":{"value":"icons/spinner.svg","type":"icon"},"spotlight":{"value":"icons/spotlight.svg","type":"icon"},"strikethrough":{"value":"icons/strikethrough.svg","type":"icon"},"switch-camera-solid":{"value":"icons/switch-camera-solid.svg","type":"icon"},"take-photo-solid":{"value":"icons/take-photo-solid.svg","type":"icon"},"take-photo":{"value":"icons/take-photo.svg","type":"icon"},"text-formatting":{"value":"icons/text-formatting.svg","type":"icon"},"threads-solid":{"value":"icons/threads-solid.svg","type":"icon"},"threads":{"value":"icons/threads.svg","type":"icon"},"time":{"value":"icons/time.svg","type":"icon"},"underline":{"value":"icons/underline.svg","type":"icon"},"unknown-solid":{"value":"icons/unknown-solid.svg","type":"icon"},"unknown":{"value":"icons/unknown.svg","type":"icon"},"unpin":{"value":"icons/unpin.svg","type":"icon"},"user-add-solid":{"value":"icons/user-add-solid.svg","type":"icon"},"user-add":{"value":"icons/user-add.svg","type":"icon"},"user-profile-solid":{"value":"icons/user-profile-solid.svg","type":"icon"},"user-profile":{"value":"icons/user-profile.svg","type":"icon"},"user-solid":{"value":"icons/user-solid.svg","type":"icon"},"user":{"value":"icons/user.svg","type":"icon"},"verified":{"value":"icons/verified.svg","type":"icon"},"video-call-declined-solid":{"value":"icons/video-call-declined-solid.svg","type":"icon"},"video-call-missed-solid":{"value":"icons/video-call-missed-solid.svg","type":"icon"},"video-call-off-solid":{"value":"icons/video-call-off-solid.svg","type":"icon"},"video-call-off":{"value":"icons/video-call-off.svg","type":"icon"},"video-call-solid":{"value":"icons/video-call-solid.svg","type":"icon"},"video-call":{"value":"icons/video-call.svg","type":"icon"},"visibility-off":{"value":"icons/visibility-off.svg","type":"icon"},"visibility-on":{"value":"icons/visibility-on.svg","type":"icon"},"voice-call":{"value":"icons/voice-call.svg","type":"icon"},"volume-off-solid":{"value":"icons/volume-off-solid.svg","type":"icon"},"volume-off":{"value":"icons/volume-off.svg","type":"icon"},"volume-on-solid":{"value":"icons/volume-on-solid.svg","type":"icon"},"volume-on":{"value":"icons/volume-on.svg","type":"icon"},"warning":{"value":"icons/warning.svg","type":"icon"},"web-browser":{"value":"icons/web-browser.svg","type":"icon"}}}
|
|
1
|
+
{"icon":{"admin":{"value":"icons/admin.svg","type":"icon"},"arrow-down":{"value":"icons/arrow-down.svg","type":"icon"},"arrow-left":{"value":"icons/arrow-left.svg","type":"icon"},"arrow-right":{"value":"icons/arrow-right.svg","type":"icon"},"arrow-up-right":{"value":"icons/arrow-up-right.svg","type":"icon"},"arrow-up":{"value":"icons/arrow-up.svg","type":"icon"},"attachment":{"value":"icons/attachment.svg","type":"icon"},"block":{"value":"icons/block.svg","type":"icon"},"bold":{"value":"icons/bold.svg","type":"icon"},"calendar":{"value":"icons/calendar.svg","type":"icon"},"chart":{"value":"icons/chart.svg","type":"icon"},"chat-new":{"value":"icons/chat-new.svg","type":"icon"},"chat-problem":{"value":"icons/chat-problem.svg","type":"icon"},"chat-solid":{"value":"icons/chat-solid.svg","type":"icon"},"chat":{"value":"icons/chat.svg","type":"icon"},"check-circle-solid":{"value":"icons/check-circle-solid.svg","type":"icon"},"check-circle":{"value":"icons/check-circle.svg","type":"icon"},"check":{"value":"icons/check.svg","type":"icon"},"chevron-down":{"value":"icons/chevron-down.svg","type":"icon"},"chevron-left":{"value":"icons/chevron-left.svg","type":"icon"},"chevron-right":{"value":"icons/chevron-right.svg","type":"icon"},"chevron-up-down":{"value":"icons/chevron-up-down.svg","type":"icon"},"chevron-up":{"value":"icons/chevron-up.svg","type":"icon"},"circle":{"value":"icons/circle.svg","type":"icon"},"close":{"value":"icons/close.svg","type":"icon"},"cloud-solid":{"value":"icons/cloud-solid.svg","type":"icon"},"cloud":{"value":"icons/cloud.svg","type":"icon"},"code":{"value":"icons/code.svg","type":"icon"},"collapse":{"value":"icons/collapse.svg","type":"icon"},"company":{"value":"icons/company.svg","type":"icon"},"compose":{"value":"icons/compose.svg","type":"icon"},"computer":{"value":"icons/computer.svg","type":"icon"},"copy":{"value":"icons/copy.svg","type":"icon"},"dark-mode":{"value":"icons/dark-mode.svg","type":"icon"},"delete":{"value":"icons/delete.svg","type":"icon"},"devices":{"value":"icons/devices.svg","type":"icon"},"document":{"value":"icons/document.svg","type":"icon"},"download":{"value":"icons/download.svg","type":"icon"},"drag-grid":{"value":"icons/drag-grid.svg","type":"icon"},"drag-list":{"value":"icons/drag-list.svg","type":"icon"},"edit-solid":{"value":"icons/edit-solid.svg","type":"icon"},"edit":{"value":"icons/edit.svg","type":"icon"},"email-solid":{"value":"icons/email-solid.svg","type":"icon"},"email":{"value":"icons/email.svg","type":"icon"},"end-call":{"value":"icons/end-call.svg","type":"icon"},"error":{"value":"icons/error.svg","type":"icon"},"expand":{"value":"icons/expand.svg","type":"icon"},"export-archive":{"value":"icons/export-archive.svg","type":"icon"},"extensions-solid":{"value":"icons/extensions-solid.svg","type":"icon"},"extensions":{"value":"icons/extensions.svg","type":"icon"},"favourite-solid":{"value":"icons/favourite-solid.svg","type":"icon"},"favourite":{"value":"icons/favourite.svg","type":"icon"},"file-error":{"value":"icons/file-error.svg","type":"icon"},"files":{"value":"icons/files.svg","type":"icon"},"filter":{"value":"icons/filter.svg","type":"icon"},"forward":{"value":"icons/forward.svg","type":"icon"},"grid":{"value":"icons/grid.svg","type":"icon"},"help-solid":{"value":"icons/help-solid.svg","type":"icon"},"help":{"value":"icons/help.svg","type":"icon"},"history":{"value":"icons/history.svg","type":"icon"},"home-solid":{"value":"icons/home-solid.svg","type":"icon"},"home":{"value":"icons/home.svg","type":"icon"},"host":{"value":"icons/host.svg","type":"icon"},"image-error":{"value":"icons/image-error.svg","type":"icon"},"image":{"value":"icons/image.svg","type":"icon"},"indent-decrease":{"value":"icons/indent-decrease.svg","type":"icon"},"indent-increase":{"value":"icons/indent-increase.svg","type":"icon"},"info-solid":{"value":"icons/info-solid.svg","type":"icon"},"info":{"value":"icons/info.svg","type":"icon"},"inline-code":{"value":"icons/inline-code.svg","type":"icon"},"italic":{"value":"icons/italic.svg","type":"icon"},"key-off-solid":{"value":"icons/key-off-solid.svg","type":"icon"},"key-off":{"value":"icons/key-off.svg","type":"icon"},"key-solid":{"value":"icons/key-solid.svg","type":"icon"},"key":{"value":"icons/key.svg","type":"icon"},"keyboard":{"value":"icons/keyboard.svg","type":"icon"},"labs":{"value":"icons/labs.svg","type":"icon"},"leave":{"value":"icons/leave.svg","type":"icon"},"link":{"value":"icons/link.svg","type":"icon"},"list-bulleted":{"value":"icons/list-bulleted.svg","type":"icon"},"list-numbered":{"value":"icons/list-numbered.svg","type":"icon"},"location-navigator-centred":{"value":"icons/location-navigator-centred.svg","type":"icon"},"location-navigator":{"value":"icons/location-navigator.svg","type":"icon"},"location-pin-solid":{"value":"icons/location-pin-solid.svg","type":"icon"},"location-pin":{"value":"icons/location-pin.svg","type":"icon"},"lock-off":{"value":"icons/lock-off.svg","type":"icon"},"lock-solid":{"value":"icons/lock-solid.svg","type":"icon"},"lock":{"value":"icons/lock.svg","type":"icon"},"mark-as-read":{"value":"icons/mark-as-read.svg","type":"icon"},"mark-as-unread":{"value":"icons/mark-as-unread.svg","type":"icon"},"mark-threads-as-read":{"value":"icons/mark-threads-as-read.svg","type":"icon"},"marker-read-receipts":{"value":"icons/marker-read-receipts.svg","type":"icon"},"mention":{"value":"icons/mention.svg","type":"icon"},"menu":{"value":"icons/menu.svg","type":"icon"},"mic-off-solid":{"value":"icons/mic-off-solid.svg","type":"icon"},"mic-off":{"value":"icons/mic-off.svg","type":"icon"},"mic-on-solid":{"value":"icons/mic-on-solid.svg","type":"icon"},"mic-on":{"value":"icons/mic-on.svg","type":"icon"},"minus":{"value":"icons/minus.svg","type":"icon"},"mobile":{"value":"icons/mobile.svg","type":"icon"},"notifications-off-solid":{"value":"icons/notifications-off-solid.svg","type":"icon"},"notifications-off":{"value":"icons/notifications-off.svg","type":"icon"},"notifications-solid":{"value":"icons/notifications-solid.svg","type":"icon"},"notifications":{"value":"icons/notifications.svg","type":"icon"},"offline":{"value":"icons/offline.svg","type":"icon"},"overflow-horizontal":{"value":"icons/overflow-horizontal.svg","type":"icon"},"overflow-vertical":{"value":"icons/overflow-vertical.svg","type":"icon"},"pause-solid":{"value":"icons/pause-solid.svg","type":"icon"},"pause":{"value":"icons/pause.svg","type":"icon"},"pin-solid":{"value":"icons/pin-solid.svg","type":"icon"},"pin":{"value":"icons/pin.svg","type":"icon"},"play-solid":{"value":"icons/play-solid.svg","type":"icon"},"play":{"value":"icons/play.svg","type":"icon"},"plus":{"value":"icons/plus.svg","type":"icon"},"polls-end":{"value":"icons/polls-end.svg","type":"icon"},"polls":{"value":"icons/polls.svg","type":"icon"},"pop-out":{"value":"icons/pop-out.svg","type":"icon"},"preferences":{"value":"icons/preferences.svg","type":"icon"},"public":{"value":"icons/public.svg","type":"icon"},"qr-code":{"value":"icons/qr-code.svg","type":"icon"},"quote":{"value":"icons/quote.svg","type":"icon"},"raised-hand-solid":{"value":"icons/raised-hand-solid.svg","type":"icon"},"reaction-add":{"value":"icons/reaction-add.svg","type":"icon"},"reaction-solid":{"value":"icons/reaction-solid.svg","type":"icon"},"reaction":{"value":"icons/reaction.svg","type":"icon"},"reply":{"value":"icons/reply.svg","type":"icon"},"restart":{"value":"icons/restart.svg","type":"icon"},"room":{"value":"icons/room.svg","type":"icon"},"search":{"value":"icons/search.svg","type":"icon"},"send-solid":{"value":"icons/send-solid.svg","type":"icon"},"send":{"value":"icons/send.svg","type":"icon"},"settings-solid":{"value":"icons/settings-solid.svg","type":"icon"},"settings":{"value":"icons/settings.svg","type":"icon"},"share-android":{"value":"icons/share-android.svg","type":"icon"},"share-ios":{"value":"icons/share-ios.svg","type":"icon"},"share-screen-solid":{"value":"icons/share-screen-solid.svg","type":"icon"},"share-screen":{"value":"icons/share-screen.svg","type":"icon"},"share":{"value":"icons/share.svg","type":"icon"},"sidebar":{"value":"icons/sidebar.svg","type":"icon"},"sign-out":{"value":"icons/sign-out.svg","type":"icon"},"spinner":{"value":"icons/spinner.svg","type":"icon"},"spotlight":{"value":"icons/spotlight.svg","type":"icon"},"strikethrough":{"value":"icons/strikethrough.svg","type":"icon"},"switch-camera-solid":{"value":"icons/switch-camera-solid.svg","type":"icon"},"take-photo-solid":{"value":"icons/take-photo-solid.svg","type":"icon"},"take-photo":{"value":"icons/take-photo.svg","type":"icon"},"text-formatting":{"value":"icons/text-formatting.svg","type":"icon"},"threads-solid":{"value":"icons/threads-solid.svg","type":"icon"},"threads":{"value":"icons/threads.svg","type":"icon"},"time":{"value":"icons/time.svg","type":"icon"},"underline":{"value":"icons/underline.svg","type":"icon"},"unknown-solid":{"value":"icons/unknown-solid.svg","type":"icon"},"unknown":{"value":"icons/unknown.svg","type":"icon"},"unpin":{"value":"icons/unpin.svg","type":"icon"},"user-add-solid":{"value":"icons/user-add-solid.svg","type":"icon"},"user-add":{"value":"icons/user-add.svg","type":"icon"},"user-profile-solid":{"value":"icons/user-profile-solid.svg","type":"icon"},"user-profile":{"value":"icons/user-profile.svg","type":"icon"},"user-solid":{"value":"icons/user-solid.svg","type":"icon"},"user":{"value":"icons/user.svg","type":"icon"},"verified":{"value":"icons/verified.svg","type":"icon"},"video-call-declined-solid":{"value":"icons/video-call-declined-solid.svg","type":"icon"},"video-call-missed-solid":{"value":"icons/video-call-missed-solid.svg","type":"icon"},"video-call-off-solid":{"value":"icons/video-call-off-solid.svg","type":"icon"},"video-call-off":{"value":"icons/video-call-off.svg","type":"icon"},"video-call-solid":{"value":"icons/video-call-solid.svg","type":"icon"},"video-call":{"value":"icons/video-call.svg","type":"icon"},"visibility-off":{"value":"icons/visibility-off.svg","type":"icon"},"visibility-on":{"value":"icons/visibility-on.svg","type":"icon"},"voice-call":{"value":"icons/voice-call.svg","type":"icon"},"volume-off-solid":{"value":"icons/volume-off-solid.svg","type":"icon"},"volume-off":{"value":"icons/volume-off.svg","type":"icon"},"volume-on-solid":{"value":"icons/volume-on-solid.svg","type":"icon"},"volume-on":{"value":"icons/volume-on.svg","type":"icon"},"warning":{"value":"icons/warning.svg","type":"icon"},"web-browser":{"value":"icons/web-browser.svg","type":"icon"}}}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
|
|
2
|
+
<path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3.536-6.464a1 1 0 0 0-1.415-1.415A2.988 2.988 0 0 1 12 15a2.988 2.988 0 0 1-2.121-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"/>
|
|
3
|
+
</svg>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vector-im/compound-design-tokens",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"description": "Compound design tokens",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"scripts": {
|
|
@@ -66,7 +66,9 @@
|
|
|
66
66
|
"tsx": "^4.15.6",
|
|
67
67
|
"typescript": "^5.4.5"
|
|
68
68
|
},
|
|
69
|
-
"dependencies": {
|
|
69
|
+
"dependencies": {
|
|
70
|
+
"prettier": "^3.3.3"
|
|
71
|
+
},
|
|
70
72
|
"peerDependencies": {
|
|
71
73
|
"@types/react": "*",
|
|
72
74
|
"react": "^17 || ^18"
|