Skip to content

Commit d56267e

Browse files
renefloorrenefloor
authored
feat(ui): update icon set (#91)
* update icon set * update icon usage * fix download and clock * update wrong and missing icons
1 parent 69791bf commit d56267e

File tree

551 files changed

+7384
-2959
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

551 files changed

+7384
-2959
lines changed

‎apps/design_system_gallery/lib/components/badge/stream_image_source_badge.dart‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -81,9 +81,9 @@ Widget buildStreamImageSourceBadgePlayground(BuildContext context) {
8181
final leading = switch (leadingIcon) {
8282
_LeadingOption.giphy => SvgIcon(icons.giphy),
8383
_LeadingOption.imgur => SvgIcon(icons.imgur),
84-
_LeadingOption.fileBend => Icon(icons.fileBend),
85-
_LeadingOption.playSolid => Icon(icons.playSolid),
86-
_LeadingOption.video => Icon(icons.video),
84+
_LeadingOption.file20 => Icon(icons.file20),
85+
_LeadingOption.playFill20 => Icon(icons.playFill20),
86+
_LeadingOption.video20 => Icon(icons.video20),
8787
};
8888

8989
final badge = StreamImageSourceBadge(
@@ -126,9 +126,9 @@ enum _BadgeVariant {
126126
enum _LeadingOption {
127127
giphy('Giphy (SVG)'),
128128
imgur('Imgur (SVG)'),
129-
fileBend('File Icon'),
130-
playSolid('Play Icon'),
131-
video('Video Icon')
129+
file20('File Icon'),
130+
playFill20('Play Icon'),
131+
video20('Video Icon')
132132
;
133133

134134
const _LeadingOption(this.label);

‎apps/design_system_gallery/lib/components/context_menu/stream_context_menu.dart‎

Lines changed: 68 additions & 68 deletions
Large diffs are not rendered by default.

‎apps/design_system_gallery/lib/components/message/stream_message_annotation.dart‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -128,23 +128,23 @@ class _AnnotationTypesSection extends StatelessWidget {
128128
),
129129
),
130130
child: StreamMessageAnnotation(
131-
leading: Icon(icons.bookmark),
131+
leading: Icon(icons.save20),
132132
label: const Text('Saved for later'),
133133
),
134134
),
135135
),
136136
_ExampleCard(
137137
label: 'Pinned',
138138
child: StreamMessageAnnotation(
139-
leading: Icon(icons.pin),
139+
leading: Icon(icons.pin20),
140140
label: const Text('Pinned by Alice'),
141141
),
142142
),
143143
_ExampleCard(
144144
label: 'Reminder (.rich)',
145145
subtitle: 'Bold label + regular timestamp via .rich constructor.',
146146
child: StreamMessageAnnotation.rich(
147-
leading: Icon(icons.bellNotification),
147+
leading: Icon(icons.bell20),
148148
label: 'Reminder set · ',
149149
spans: const [TextSpan(text: 'In 2 hours')],
150150
),
@@ -162,7 +162,7 @@ class _AnnotationTypesSection extends StatelessWidget {
162162
label: 'Also sent in channel (.rich)',
163163
subtitle: 'Bold label + link-colored span override.',
164164
child: StreamMessageAnnotation.rich(
165-
leading: Icon(icons.arrowUp),
165+
leading: Icon(icons.arrowUp20),
166166
label: 'Also sent in channel · ',
167167
spans: [
168168
TextSpan(
@@ -176,7 +176,7 @@ class _AnnotationTypesSection extends StatelessWidget {
176176
label: 'Replied to a thread (.rich)',
177177
subtitle: 'Bold label + link-colored span override.',
178178
child: StreamMessageAnnotation.rich(
179-
leading: Icon(icons.arrowUp),
179+
leading: Icon(icons.arrowUp20),
180180
label: 'Replied to a thread · ',
181181
spans: [
182182
TextSpan(
@@ -211,7 +211,7 @@ class _ThemeOverrideSection extends StatelessWidget {
211211
),
212212
),
213213
child: StreamMessageAnnotation(
214-
leading: Icon(icons.bookmark),
214+
leading: Icon(icons.save20),
215215
label: const Text('Saved for later'),
216216
),
217217
),
@@ -226,7 +226,7 @@ class _ThemeOverrideSection extends StatelessWidget {
226226
),
227227
),
228228
child: StreamMessageAnnotation(
229-
leading: Icon(icons.pin),
229+
leading: Icon(icons.pin20),
230230
label: const Text('Pinned by Alice'),
231231
),
232232
),
@@ -235,7 +235,7 @@ class _ThemeOverrideSection extends StatelessWidget {
235235
label: 'Custom spacing',
236236
subtitle: 'Wider gap (12px) between icon and label.',
237237
child: StreamMessageAnnotation(
238-
leading: Icon(icons.bookmark),
238+
leading: Icon(icons.save20),
239239
label: const Text('Saved for later'),
240240
style: StreamMessageAnnotationStyle.from(spacing: 12),
241241
),
@@ -276,7 +276,7 @@ class _RealWorldSection extends StatelessWidget {
276276
),
277277
),
278278
child: StreamMessageAnnotation(
279-
leading: Icon(icons.bookmark),
279+
leading: Icon(icons.save20),
280280
label: const Text('Saved for later'),
281281
),
282282
),
@@ -293,7 +293,7 @@ class _RealWorldSection extends StatelessWidget {
293293
spacing: 4,
294294
children: [
295295
StreamMessageAnnotation(
296-
leading: Icon(icons.pin),
296+
leading: Icon(icons.pin20),
297297
label: const Text('Pinned by Alice'),
298298
),
299299
StreamMessageBubble(
@@ -309,7 +309,7 @@ class _RealWorldSection extends StatelessWidget {
309309
spacing: 4,
310310
children: [
311311
StreamMessageAnnotation.rich(
312-
leading: Icon(icons.bellNotification),
312+
leading: Icon(icons.bell20),
313313
label: 'Reminder set · ',
314314
spans: const [TextSpan(text: 'In 30 minutes')],
315315
),
@@ -326,7 +326,7 @@ class _RealWorldSection extends StatelessWidget {
326326
spacing: 4,
327327
children: [
328328
StreamMessageAnnotation.rich(
329-
leading: Icon(icons.arrowUp),
329+
leading: Icon(icons.arrowUp20),
330330
label: 'Also sent in channel · ',
331331
spans: [
332332
TextSpan(
@@ -363,10 +363,10 @@ enum _IconOption {
363363
final String label;
364364

365365
IconData resolve(StreamIcons icons) => switch (this) {
366-
bookmark => icons.bookmark,
367-
pin => icons.pin,
368-
bellNotification => icons.bellNotification,
369-
arrowUp => icons.arrowUp,
366+
bookmark => icons.save20,
367+
pin => icons.pin20,
368+
bellNotification => icons.bell20,
369+
arrowUp => icons.arrowUp20,
370370
translate => Icons.translate,
371371
};
372372
}

‎apps/design_system_gallery/lib/components/message/stream_message_content.dart‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@ Widget buildStreamMessageContentPlayground(BuildContext context) {
148148
child: StreamMessageContent(
149149
header: showHeader
150150
? StreamMessageAnnotation(
151-
leading: const Icon(StreamIconData.iconBellNotification),
151+
leading: const Icon(StreamIconData.bell20),
152152
label: Text.rich(
153153
TextSpan(
154154
children: [
@@ -166,7 +166,7 @@ Widget buildStreamMessageContentPlayground(BuildContext context) {
166166
? StreamMessageMetadata(
167167
timestamp: const Text('09:41'),
168168
username: const Text('Alice'),
169-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
169+
status: const Icon(StreamIconData.checks12),
170170
edited: const Text('Edited'),
171171
)
172172
: null,
@@ -259,7 +259,7 @@ class _SlotCombinationsSection extends StatelessWidget {
259259
label: 'Header + child + footer',
260260
child: StreamMessageContent(
261261
header: StreamMessageAnnotation(
262-
leading: const Icon(StreamIconData.iconBellNotification),
262+
leading: const Icon(StreamIconData.bell20),
263263
label: Text.rich(
264264
TextSpan(
265265
children: [
@@ -275,7 +275,7 @@ class _SlotCombinationsSection extends StatelessWidget {
275275
footer: StreamMessageMetadata(
276276
timestamp: const Text('09:41'),
277277
username: const Text('Alice'),
278-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
278+
status: const Icon(StreamIconData.checks12),
279279
),
280280
child: StreamMessageBubble(
281281
child: StreamMessageText('Has anyone tried the new Flutter update?'),
@@ -287,7 +287,7 @@ class _SlotCombinationsSection extends StatelessWidget {
287287
child: StreamMessageContent(
288288
footer: StreamMessageMetadata(
289289
timestamp: const Text('09:42'),
290-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
290+
status: const Icon(StreamIconData.checks12),
291291
edited: const Text('Edited'),
292292
),
293293
child: StreamMessageBubble(
@@ -299,7 +299,7 @@ class _SlotCombinationsSection extends StatelessWidget {
299299
label: 'Header + child (no footer)',
300300
child: StreamMessageContent(
301301
header: StreamMessageAnnotation(
302-
leading: const Icon(StreamIconData.iconBookmark),
302+
leading: const Icon(StreamIconData.save20),
303303
label: const Text('Saved for later'),
304304
),
305305
child: StreamMessageBubble(
@@ -453,11 +453,11 @@ class _FullCompositionSection extends StatelessWidget {
453453
mainAxisSize: MainAxisSize.min,
454454
children: [
455455
StreamMessageAnnotation(
456-
leading: const Icon(StreamIconData.iconPin),
456+
leading: const Icon(StreamIconData.pin20),
457457
label: const Text('Pinned'),
458458
),
459459
StreamMessageAnnotation(
460-
leading: const Icon(StreamIconData.iconBellNotification),
460+
leading: const Icon(StreamIconData.bell20),
461461
label: Text.rich(
462462
TextSpan(
463463
children: [
@@ -475,7 +475,7 @@ class _FullCompositionSection extends StatelessWidget {
475475
footer: StreamMessageMetadata(
476476
timestamp: const Text('09:41'),
477477
username: const Text('Alice'),
478-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
478+
status: const Icon(StreamIconData.checks12),
479479
edited: const Text('Edited'),
480480
),
481481
child: StreamReactions.segmented(
@@ -514,7 +514,7 @@ class _FullCompositionSection extends StatelessWidget {
514514
child: StreamMessageContent(
515515
footer: StreamMessageMetadata(
516516
timestamp: const Text('09:42'),
517-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
517+
status: const Icon(StreamIconData.checks12),
518518
),
519519
child: StreamReactions.segmented(
520520
alignment: .end,
@@ -617,7 +617,7 @@ class _EmojiOnlySection extends StatelessWidget {
617617
child: StreamMessageContent(
618618
footer: StreamMessageMetadata(
619619
timestamp: const Text('09:51'),
620-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
620+
status: const Icon(StreamIconData.checks12),
621621
),
622622
child: StreamReactions.segmented(
623623
alignment: .end,

‎apps/design_system_gallery/lib/components/message/stream_message_metadata.dart‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -156,7 +156,7 @@ class _SlotCombinationsSection extends StatelessWidget {
156156
label: 'Timestamp + status',
157157
child: StreamMessageMetadata(
158158
timestamp: const Text('09:41'),
159-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
159+
status: const Icon(StreamIconData.checks12),
160160
),
161161
),
162162
_ExampleCard(
@@ -170,7 +170,7 @@ class _SlotCombinationsSection extends StatelessWidget {
170170
label: 'All slots',
171171
child: StreamMessageMetadata(
172172
timestamp: const Text('09:41'),
173-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
173+
status: const Icon(StreamIconData.checks12),
174174
username: const Text('Alice'),
175175
edited: const Text('Edited'),
176176
),
@@ -194,23 +194,23 @@ class _DeliveryStatusSection extends StatelessWidget {
194194
subtitle: 'Clock icon while message is in transit.',
195195
child: StreamMessageMetadata(
196196
timestamp: const Text('09:41'),
197-
status: const Icon(StreamIconData.iconClock),
197+
status: const Icon(StreamIconData.clock12),
198198
),
199199
),
200200
_ExampleCard(
201201
label: 'Sent',
202202
subtitle: 'Single checkmark after server acknowledgement.',
203203
child: StreamMessageMetadata(
204204
timestamp: const Text('09:41'),
205-
status: const Icon(StreamIconData.iconCheckmark1Small),
205+
status: const Icon(StreamIconData.checkmark12),
206206
),
207207
),
208208
_ExampleCard(
209209
label: 'Delivered',
210210
subtitle: 'Double checkmark when received by recipient.',
211211
child: StreamMessageMetadata(
212212
timestamp: const Text('09:41'),
213-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
213+
status: const Icon(StreamIconData.checks12),
214214
),
215215
),
216216
_ExampleCard(
@@ -222,7 +222,7 @@ class _DeliveryStatusSection extends StatelessWidget {
222222
),
223223
child: StreamMessageMetadata(
224224
timestamp: const Text('09:41'),
225-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
225+
status: const Icon(StreamIconData.checks12),
226226
),
227227
),
228228
),
@@ -290,7 +290,7 @@ class _RealWorldSection extends StatelessWidget {
290290
),
291291
StreamMessageMetadata(
292292
timestamp: const Text('09:42'),
293-
status: const Icon(StreamIconData.iconClock),
293+
status: const Icon(StreamIconData.clock12),
294294
),
295295
],
296296
),
@@ -320,7 +320,7 @@ class _RealWorldSection extends StatelessWidget {
320320
),
321321
child: StreamMessageMetadata(
322322
timestamp: const Text('09:40'),
323-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
323+
status: const Icon(StreamIconData.checks12),
324324
),
325325
),
326326
],
@@ -351,7 +351,7 @@ class _RealWorldSection extends StatelessWidget {
351351
),
352352
child: StreamMessageMetadata(
353353
timestamp: const Text('09:40'),
354-
status: const Icon(StreamIconData.iconDoupleCheckmark1Small),
354+
status: const Icon(StreamIconData.checks12),
355355
edited: const Text('Edited'),
356356
),
357357
),
@@ -392,7 +392,7 @@ class _ThemeOverrideSection extends StatelessWidget {
392392
child: StreamMessageMetadata(
393393
timestamp: const Text('09:41'),
394394
username: const Text('Alice'),
395-
status: const Icon(StreamIconData.iconCheckmark1Small),
395+
status: const Icon(StreamIconData.checkmark12),
396396
edited: const Text('Edited'),
397397
style: StreamMessageMetadataStyle.from(spacing: 16),
398398
),
@@ -537,10 +537,10 @@ class _ExampleCard extends StatelessWidget {
537537
// =============================================================================
538538

539539
enum _StatusOption {
540-
sending('Sending', StreamIconData.iconClock),
541-
sent('Sent', StreamIconData.iconCheckmark1Small),
542-
delivered('Delivered', StreamIconData.iconDoupleCheckmark1Small),
543-
read('Read', StreamIconData.iconDoupleCheckmark1Small)
540+
sending('Sending', StreamIconData.clock12),
541+
sent('Sent', StreamIconData.checkmark12),
542+
delivered('Delivered', StreamIconData.checks12),
543+
read('Read', StreamIconData.checks12)
544544
;
545545

546546
const _StatusOption(this.label, this.iconData);

‎apps/design_system_gallery/lib/components/message/stream_message_text.dart‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -591,7 +591,7 @@ class _RealWorldSection extends StatelessWidget {
591591
subtitle: 'Annotation, bubble, metadata, and reply indicator.',
592592
child: StreamMessageContent(
593593
header: StreamMessageAnnotation(
594-
leading: Icon(context.streamIcons.pin),
594+
leading: Icon(context.streamIcons.pin20),
595595
label: const Text('Pinned by Alice'),
596596
),
597597
footer: Column(

‎apps/design_system_gallery/lib/primitives/icons.dart‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -162,7 +162,7 @@ class _SearchBar extends StatelessWidget {
162162
prefixIcon: Padding(
163163
padding: EdgeInsets.only(left: spacing.md, right: spacing.sm),
164164
child: Icon(
165-
icons.magnifyingGlassSearch,
165+
icons.search20,
166166
size: 20,
167167
color: colorScheme.textTertiary,
168168
),
@@ -172,8 +172,8 @@ class _SearchBar extends StatelessWidget {
172172
? IconButton(
173173
onPressed: onClear,
174174
icon: Icon(
175-
icons.crossSmall,
176-
size: 18,
175+
icons.xmark16,
176+
size: 16,
177177
color: colorScheme.textTertiary,
178178
),
179179
)
@@ -272,7 +272,7 @@ class _IconCard extends StatelessWidget {
272272
),
273273
child: Icon(
274274
icon,
275-
size: 24,
275+
size: 20,
276276
color: colorScheme.textPrimary,
277277
),
278278
),

0 commit comments

Comments
 (0)