@vaadin/vaadin-lumo-styles 25.0.0-alpha8 → 25.0.0-beta1
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/all-imports.d.ts +0 -8
- package/all-imports.js +0 -18
- package/components/accordion-heading.css +4 -3
- package/components/accordion-panel.css +4 -3
- package/components/app-layout.css +4 -3
- package/components/avatar-group.css +10 -9
- package/components/avatar.css +6 -4
- package/components/button.css +4 -4
- package/components/card.css +6 -4
- package/components/charts.css +4 -3
- package/components/checkbox-group.css +4 -3
- package/components/checkbox.css +4 -3
- package/components/combo-box.css +8 -7
- package/components/confirm-dialog.css +4 -3
- package/components/context-menu.css +8 -7
- package/components/crud.css +13 -12
- package/components/custom-field.css +4 -3
- package/components/dashboard.css +12 -11
- package/components/date-picker.css +12 -11
- package/components/date-time-picker.css +4 -3
- package/components/details-summary.css +4 -3
- package/components/details.css +4 -3
- package/components/dialog.css +4 -3
- package/components/drawer-toggle.css +4 -3
- package/components/email-field.css +4 -3
- package/components/field-highlighter.css +8 -7
- package/components/form-item.css +4 -3
- package/components/form-layout.css +8 -5
- package/components/grid-filter.css +4 -3
- package/components/grid-pro-edit-column.css +8 -7
- package/components/grid-pro.css +4 -3
- package/components/grid-sorter.css +4 -3
- package/components/grid-tree-toggle.css +4 -3
- package/components/grid.css +4 -3
- package/components/horizontal-layout.css +4 -3
- package/components/icon.css +4 -3
- package/components/index.css +71 -0
- package/components/input-container.css +4 -3
- package/components/integer-field.css +4 -3
- package/components/item.css +4 -3
- package/components/list-box.css +4 -3
- package/components/login-form.css +4 -3
- package/components/login.css +4 -3
- package/components/map.css +4 -3
- package/components/master-detail-layout.css +14 -5
- package/components/menu-bar.css +12 -11
- package/components/message-input-button.css +12 -0
- package/components/message-input.css +5 -4
- package/components/message.css +4 -3
- package/components/multi-select-combo-box.css +12 -11
- package/components/notification.css +6 -5
- package/components/number-field.css +4 -3
- package/components/overlay.css +4 -3
- package/components/password-field.css +6 -5
- package/components/popover.css +4 -3
- package/components/progress-bar.css +4 -3
- package/components/radio-button.css +4 -3
- package/components/radio-group.css +4 -3
- package/components/rich-text-editor.css +6 -5
- package/components/scroller.css +4 -3
- package/components/select.css +12 -11
- package/components/side-nav-item.css +4 -3
- package/components/side-nav.css +4 -3
- package/components/split-layout.css +4 -3
- package/components/tab.css +4 -3
- package/components/tabs.css +4 -3
- package/components/tabsheet.css +6 -5
- package/components/text-area.css +4 -3
- package/components/text-field.css +4 -3
- package/components/time-picker.css +8 -7
- package/components/tooltip.css +4 -3
- package/components/upload.css +15 -10
- package/components/vertical-layout.css +4 -3
- package/dist/lumo.css +43 -0
- package/dist/presets/compact.css +1 -0
- package/dist/utility.css +1 -0
- package/lumo.css +3 -3
- package/mixins/field-button.js +3 -4
- package/mixins/helper.js +3 -4
- package/mixins/input-field-shared.js +4 -7
- package/mixins/loader.js +3 -2
- package/mixins/menu-overlay.js +3 -2
- package/mixins/overlay.js +3 -4
- package/mixins/required-field.js +3 -4
- package/package.json +15 -9
- package/presets/compact.css +32 -0
- package/src/components/app-layout.css +5 -5
- package/src/components/avatar-group-overlay.css +0 -4
- package/src/components/chart.css +3 -5
- package/src/components/checkbox.css +2 -3
- package/src/components/combo-box.css +1 -1
- package/src/components/confirm-dialog-overlay.css +0 -4
- package/src/components/context-menu-overlay.css +21 -1
- package/src/components/dashboard-layout.css +0 -66
- package/src/components/dashboard-section.css +3 -31
- package/src/components/dashboard-widget.css +1 -85
- package/src/components/dashboard.css +0 -9
- package/src/components/date-picker-overlay-content.css +6 -40
- package/src/components/date-picker-overlay.css +2 -14
- package/src/components/date-picker.css +2 -2
- package/src/components/dialog-overlay.css +10 -19
- package/src/components/grid-pro-edit-select.css +1 -1
- package/src/components/grid-pro.css +14 -8
- package/src/components/grid.css +0 -7
- package/src/components/horizontal-layout.css +0 -4
- package/src/components/icon.css +2 -2
- package/src/components/input-container.css +1 -3
- package/src/components/login-form-wrapper.css +5 -26
- package/src/components/login-overlay-wrapper.css +14 -4
- package/src/components/menu-bar-button.css +7 -7
- package/src/components/message.css +7 -32
- package/src/components/multi-select-combo-box.css +6 -2
- package/src/components/notification-container.css +8 -1
- package/src/components/number-field.css +6 -6
- package/src/components/password-field.css +4 -4
- package/src/components/popover-overlay.css +2 -138
- package/src/components/radio-button.css +1 -1
- package/src/components/rich-text-editor.css +40 -142
- package/src/components/scroller.css +3 -22
- package/src/components/select.css +15 -2
- package/src/components/side-nav-item.css +13 -0
- package/src/components/split-layout.css +19 -97
- package/src/components/tabsheet.css +5 -1
- package/src/components/text-area.css +2 -2
- package/src/components/time-picker.css +1 -1
- package/src/components/tooltip-overlay.css +4 -1
- package/src/components/upload-file.css +27 -61
- package/src/components/upload-icon.css +6 -0
- package/src/components/user-tags-overlay.css +2 -5
- package/src/components/vertical-layout.css +0 -4
- package/src/global/color-scheme.css +2 -1
- package/{user-colors.d.ts → src/global/index.css} +3 -3
- package/src/global/typography.css +2 -1
- package/src/mixins/dashboard-item.css +10 -142
- package/src/mixins/field-base.css +1 -1
- package/src/mixins/field-button.css +3 -3
- package/src/mixins/overlay.css +11 -1
- package/src/mixins/resizable-overlay.css +2 -1
- package/src/props/color.css +4 -2
- package/src/props/icons.css +21 -18
- package/src/props/index.css +12 -0
- package/src/props/reset.css +2 -1
- package/src/props/sizing.css +2 -1
- package/src/props/spacing.css +2 -1
- package/src/props/style.css +2 -1
- package/src/props/typography.css +2 -1
- package/utility.css +0 -1
- package/vaadin-iconset.js +2 -0
- package/auto-complete.css +0 -2512
- package/badge-global.js +0 -9
- package/badge.d.ts +0 -3
- package/badge.js +0 -178
- package/color-global.js +0 -9
- package/color.d.ts +0 -5
- package/color.js +0 -221
- package/components.css +0 -71
- package/font-icons.js +0 -69
- package/global.css +0 -8
- package/global.js +0 -5
- package/presets/compact.js +0 -40
- package/props.css +0 -12
- package/sizing.d.ts +0 -3
- package/sizing.js +0 -29
- package/spacing.d.ts +0 -3
- package/spacing.js +0 -37
- package/src/components/form-layout.css +0 -11
- package/src/components/master-detail-layout.css +0 -21
- package/src/components/upload-file-list.css +0 -24
- package/style.d.ts +0 -3
- package/style.js +0 -31
- package/typography-global.js +0 -13
- package/typography.d.ts +0 -7
- package/typography.js +0 -129
- package/user-colors.js +0 -33
- package/utilities/accessibility.js +0 -21
- package/utilities/background.js +0 -156
- package/utilities/border.js +0 -147
- package/utilities/filter.js +0 -34
- package/utilities/flexbox-grid.js +0 -619
- package/utilities/layout.js +0 -504
- package/utilities/shadows.js +0 -28
- package/utilities/sizing.js +0 -121
- package/utilities/spacing.js +0 -542
- package/utilities/transition.js +0 -50
- package/utilities/typography.js +0 -344
- package/utility-global.js +0 -9
- package/utility.d.ts +0 -3
- package/utility.js +0 -34
package/src/mixins/overlay.css
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
/* CSS API for host */
|
|
39
39
|
--vaadin-overlay-viewport-bottom: 0;
|
|
40
40
|
|
|
41
|
-
inset: var(--
|
|
41
|
+
inset: var(--vaadin-overlay-viewport-inset, var(--lumo-space-m));
|
|
42
42
|
/* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */
|
|
43
43
|
/* stylelint-disable-next-line */
|
|
44
44
|
outline: 0px solid transparent;
|
|
@@ -65,13 +65,23 @@
|
|
|
65
65
|
box-shadow:
|
|
66
66
|
0 0 0 1px var(--lumo-shade-5pct),
|
|
67
67
|
var(--lumo-box-shadow-m);
|
|
68
|
+
|
|
69
|
+
/* CSS reset for font styles */
|
|
68
70
|
color: var(--lumo-body-text-color);
|
|
69
71
|
font-family: var(--lumo-font-family);
|
|
70
72
|
font-size: var(--lumo-font-size-m);
|
|
73
|
+
font-style: normal;
|
|
71
74
|
font-weight: 400;
|
|
75
|
+
font-variant: normal;
|
|
72
76
|
line-height: var(--lumo-line-height-m);
|
|
73
77
|
letter-spacing: 0;
|
|
78
|
+
text-align: initial;
|
|
79
|
+
text-decoration: none;
|
|
80
|
+
text-indent: initial;
|
|
74
81
|
text-transform: none;
|
|
82
|
+
user-select: text;
|
|
83
|
+
white-space: initial;
|
|
84
|
+
word-spacing: initial;
|
|
75
85
|
-webkit-text-size-adjust: 100%;
|
|
76
86
|
-webkit-font-smoothing: antialiased;
|
|
77
87
|
-moz-osx-font-smoothing: grayscale;
|
package/src/props/color.css
CHANGED
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
|
-
:where(:root,
|
|
6
|
+
:where(:root),
|
|
7
|
+
:where(:host) {
|
|
7
8
|
/* Base (background) */
|
|
8
9
|
--lumo-base-color: #fff;
|
|
9
10
|
|
|
@@ -92,7 +93,8 @@
|
|
|
92
93
|
|
|
93
94
|
/* forced-colors mode adjustments */
|
|
94
95
|
@media (forced-colors: active) {
|
|
95
|
-
:where(:root,
|
|
96
|
+
:where(:root),
|
|
97
|
+
:where(:host) {
|
|
96
98
|
--lumo-disabled-text-color: GrayText;
|
|
97
99
|
}
|
|
98
100
|
}
|
package/src/props/icons.css
CHANGED
|
@@ -5,13 +5,14 @@
|
|
|
5
5
|
*/
|
|
6
6
|
@font-face {
|
|
7
7
|
font-family: 'lumo-icons';
|
|
8
|
-
src: url(data:application/font-woff;charset=utf-8;base64,
|
|
8
|
+
src: url(data:application/font-woff;charset=utf-8;base64,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)
|
|
9
9
|
format('woff');
|
|
10
10
|
font-weight: normal;
|
|
11
11
|
font-style: normal;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
:where(:root,
|
|
14
|
+
:where(:root),
|
|
15
|
+
:where(:host) {
|
|
15
16
|
--lumo-icons-align-center: '\ea01';
|
|
16
17
|
--lumo-icons-align-left: '\ea02';
|
|
17
18
|
--lumo-icons-align-right: '\ea03';
|
|
@@ -42,20 +43,22 @@
|
|
|
42
43
|
--lumo-icons-error: '\ea1c';
|
|
43
44
|
--lumo-icons-eye: '\ea1d';
|
|
44
45
|
--lumo-icons-eye-disabled: '\ea1e';
|
|
45
|
-
--lumo-icons-
|
|
46
|
-
--lumo-icons-
|
|
47
|
-
--lumo-icons-
|
|
48
|
-
--lumo-icons-
|
|
49
|
-
--lumo-icons-
|
|
50
|
-
--lumo-icons-
|
|
51
|
-
--lumo-icons-
|
|
52
|
-
--lumo-icons-
|
|
53
|
-
--lumo-icons-
|
|
54
|
-
--lumo-icons-
|
|
55
|
-
--lumo-icons-
|
|
56
|
-
--lumo-icons-
|
|
57
|
-
--lumo-icons-
|
|
58
|
-
--lumo-icons-
|
|
59
|
-
--lumo-icons-
|
|
60
|
-
--lumo-icons-
|
|
46
|
+
--lumo-icons-indent: '\ea1f';
|
|
47
|
+
--lumo-icons-link: '\ea20';
|
|
48
|
+
--lumo-icons-menu: '\ea21';
|
|
49
|
+
--lumo-icons-minus: '\ea22';
|
|
50
|
+
--lumo-icons-ordered-list: '\ea23';
|
|
51
|
+
--lumo-icons-outdent: '\ea24';
|
|
52
|
+
--lumo-icons-phone: '\ea25';
|
|
53
|
+
--lumo-icons-photo: '\ea26';
|
|
54
|
+
--lumo-icons-play: '\ea27';
|
|
55
|
+
--lumo-icons-plus: '\ea28';
|
|
56
|
+
--lumo-icons-redo: '\ea29';
|
|
57
|
+
--lumo-icons-reload: '\ea2a';
|
|
58
|
+
--lumo-icons-resize-handle: '\ea2b';
|
|
59
|
+
--lumo-icons-search: '\ea2c';
|
|
60
|
+
--lumo-icons-undo: '\ea2d';
|
|
61
|
+
--lumo-icons-unordered-list: '\ea2e';
|
|
62
|
+
--lumo-icons-upload: '\ea2f';
|
|
63
|
+
--lumo-icons-user: '\ea30';
|
|
61
64
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import './reset.css';
|
|
7
|
+
@import './icons.css';
|
|
8
|
+
@import './color.css';
|
|
9
|
+
@import './sizing.css';
|
|
10
|
+
@import './spacing.css';
|
|
11
|
+
@import './style.css';
|
|
12
|
+
@import './typography.css';
|
package/src/props/reset.css
CHANGED
package/src/props/sizing.css
CHANGED
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
|
-
:where(:root,
|
|
6
|
+
:where(:root),
|
|
7
|
+
:where(:host) {
|
|
7
8
|
--lumo-size-xs: 1.625rem;
|
|
8
9
|
--lumo-size-s: 1.875rem;
|
|
9
10
|
--lumo-size-m: 2.25rem;
|
package/src/props/spacing.css
CHANGED
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
|
-
:where(:root,
|
|
6
|
+
:where(:root),
|
|
7
|
+
:where(:host) {
|
|
7
8
|
/* Square */
|
|
8
9
|
--lumo-space-xs: 0.25rem;
|
|
9
10
|
--lumo-space-s: 0.5rem;
|
package/src/props/style.css
CHANGED
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
|
-
:where(:root,
|
|
6
|
+
:where(:root),
|
|
7
|
+
:where(:host) {
|
|
7
8
|
/* Border radius */
|
|
8
9
|
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
9
10
|
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
package/src/props/typography.css
CHANGED
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
* Copyright (c) 2017 - 2025 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
|
-
:where(:root,
|
|
6
|
+
:where(:root),
|
|
7
|
+
:where(:host) {
|
|
7
8
|
/* prettier-ignore */
|
|
8
9
|
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
9
10
|
|
package/utility.css
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
|
-
@import './props.css';
|
|
7
6
|
@import './src/utilities/accessibility.css';
|
|
8
7
|
@import './src/utilities/background.css';
|
|
9
8
|
@import './src/utilities/border.css';
|
package/vaadin-iconset.js
CHANGED
|
@@ -39,10 +39,12 @@ template.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg"><defs>
|
|
|
39
39
|
<g id="lumo:error"><path d="M500 833c-184 0-333-149-333-333s149-333 333-333 333 149 333 333-149 333-333 333z m0-68c146 0 265-118 265-265 0-146-118-265-265-265-146 0-265 118-265 265 0 146 118 265 265 265zM479 292h42c12 0 21 9 20 20l-11 217c0 8-6 13-13 13h-34c-7 0-13-6-13-13l-11-217C459 301 468 292 479 292zM483 608h34c12 0 21 9 20 21v33c0 12-9 21-20 21h-34c-12 0-21-9-21-21v-33c0-12 9-21 21-21z"></path></g>
|
|
40
40
|
<g id="lumo:eye"><path d="M500 750c-187 0-417-163-417-250s230-250 417-250 417 163 417 250-230 250-417 250z m-336-231c20 22 47 46 78 69C322 644 411 678 500 678s178-34 258-90c31-22 59-46 78-69 6-7 12-14 16-19-4-6-9-12-16-19-20-22-47-46-78-69C678 356 589 322 500 322s-178 34-258 90c-31 22-59 46-78 69-6 7-12 14-16 19 4 6 9 12 16 19zM500 646c-81 0-146-65-146-146s65-146 146-146 146 65 146 146-65 146-146 146z m0-75c39 0 71-32 71-71 0-39-32-71-71-71-39 0-71 32-71 71 0 39 32 71 71 71z"></path></g>
|
|
41
41
|
<g id="lumo:eye-disabled"><path d="M396 735l60-60c15 2 30 3 44 3 89 0 178-34 258-90 31-22 59-46 78-69 6-7 12-14 16-19-4-6-9-12-16-19-20-22-47-46-78-69-8-5-15-11-23-15l50-51C862 397 917 458 917 500c0 87-230 250-417 250-34 0-69-5-104-15zM215 654C138 603 83 542 83 500c0-87 230-250 417-250 34 0 69 5 104 15l-59 60c-15-2-30-3-45-3-89 0-178 34-258 90-31 22-59 46-78 69-6 7-12 14-16 19 4 6 9 12 16 19 20 22 47 46 78 69 8 5 16 11 24 16L215 654z m271-9l159-159c0 5 1 9 1 14 0 81-65 146-146 146-5 0-9 0-14-1z m-131-131C354 510 354 505 354 500c0-81 65-146 146-146 5 0 10 0 14 1l-159 159z m-167 257L780 179c12-12 32-12 44 0 12 12 12 32 0 44L232 815c-12 12-32 12-44 0s-12-32 0-44z"></path></g>
|
|
42
|
+
<g id="lumo:indent"><path d="M125 219a31 31 0 0 1 31-32h688a31 31 0 0 1 0 63H156A31 31 0 0 1 125 219z m40 134a31 31 0 0 1 45 0l125 125a31 31 0 0 1 0 44l-125 125A31 31 0 0 1 165 603L268 500 165 397a31 31 0 0 1 0-44zM438 406a31 31 0 0 1 31-31h375a31 31 0 0 1 0 63h-375a31 31 0 0 1-32-32z m-1 188a31 31 0 0 1 32-32h375a31 31 0 0 1 0 63h-375a31 31 0 0 1-32-31zM125 781a31 31 0 0 1 31-31h688a31 31 0 0 1 0 63H156a31 31 0 0 1-31-32z m0 0"></path></g>
|
|
42
43
|
<g id="lumo:link"><path d="M667 250h-125v79h125c94 0 171 76 170 171a171 171 0 0 1-170 171h-125V750h125a250 250 0 0 0 250-250c0-138-112-250-250-250M163 500c0-95 77-171 170-171h125V250H333a250 250 0 0 0-250 250 250 250 0 0 0 250 250h125v-79H333c-94 0-171-77-171-171M333 542h334v-84H333v84Z"></path></g>
|
|
43
44
|
<g id="lumo:menu"><path d="M167 292c0-23 19-42 41-42h584C815 250 833 268 833 292c0 23-19 42-41 41H208C185 333 167 315 167 292z m0 208c0-23 19-42 41-42h584C815 458 833 477 833 500c0 23-19 42-41 42H208C185 542 167 523 167 500z m0 208c0-23 19-42 41-41h584C815 667 833 685 833 708c0 23-19 42-41 42H208C185 750 167 732 167 708z"></path></g>
|
|
44
45
|
<g id="lumo:minus"><path d="M261 461c-22 0-39 18-39 39 0 22 18 39 39 39h478c22 0 39-18 39-39 0-22-18-39-39-39H261z"></path></g>
|
|
45
46
|
<g id="lumo:ordered-list"><path d="M138 333V198H136l-43 28v-38l45-31h45V333H138z m-61 128c0-35 27-59 68-59 39 0 66 21 66 53 0 20-11 37-43 64l-29 27v2h74V583H80v-30l55-52c26-24 32-33 33-43 0-13-10-22-24-22-15 0-26 10-26 25v1h-41v-1zM123 759v-31h21c15 0 25-8 25-21 0-13-10-21-25-21-15 0-26 9-26 23h-41c1-34 27-56 68-57 39 0 66 20 66 49 0 20-14 36-33 39v3c24 3 40 19 39 41 0 32-30 54-73 54-41 0-69-22-70-57h43c1 13 11 22 28 22 16 0 27-9 27-22 0-14-10-22-28-22h-21zM333 258c0-18 15-33 34-33h516c18 0 33 15 34 33 0 18-15 33-34 34H367c-18 0-33-15-34-34z m0 250c0-18 15-33 34-33h516c18 0 33 15 34 33s-15 33-34 34H367c-18 0-33-15-34-34z m0 250c0-18 15-33 34-33h516c18 0 33 15 34 33s-15 33-34 34H367c-18 0-33-15-34-34z"></path></g>
|
|
47
|
+
<g id="lumo:outdent"><path d="M125 219a31 31 0 0 1 31-32h688a31 31 0 0 1 0 63H156A31 31 0 0 1 125 219z m665 134A31 31 0 0 1 835 397L732 500l103 103a31 31 0 0 1-45 44l-125-125a31 31 0 0 1 0-44l125-125zM125 406A31 31 0 0 1 156 375h375a31 31 0 0 1 0 63h-375A31 31 0 0 1 125 406z m0 188a31 31 0 0 1 31-32h375a31 31 0 0 1 0 63h-375a31 31 0 0 1-31-31z m0 187a31 31 0 0 1 31-31h688a31 31 0 0 1 0 63H156a31 31 0 0 1-31-32z m0 0"></path></g>
|
|
46
48
|
<g id="lumo:phone"><path d="M296 208l42-37c17-15 44-13 58 4a42 42 0 0 1 5 7L459 282c12 20 5 45-15 57l-7 4c-17 10-25 30-19 48l20 66a420 420 0 0 0 93 157l41 45c13 14 35 17 51 8l7-5c20-12 45-5 57 16L745 777c12 20 5 45-15 57a42 42 0 0 1-8 4l-52 17c-61 21-129 4-174-43l-50-52c-81-85-141-189-175-302l-24-78c-19-62 0-129 49-172z"></path></g>
|
|
47
49
|
<g id="lumo:photo"><path d="M208 167h584c69 0 125 56 125 125v416c0 69-56 125-125 125H208c-69 0-125-56-125-125V292c0-69 56-125 125-125z m584 75H208c-28 0-50 22-50 50v416c0 28 22 50 50 50h584c28 0 50-22 50-50V292c0-28-22-50-50-50zM239 740l167-167c12-12 31-14 45-6l73 43 172-201c13-15 34-18 50-7l95 67v92l-111-78-169 199c-12 14-32 17-47 8l-76-43-111 111H229c2-7 5-13 10-18zM458 427C458 490 407 542 344 542S229 490 229 427c0-63 51-115 115-115S458 364 458 427z m-62 0C396 398 373 375 344 375S292 398 292 427c0 29 23 52 52 52s52-23 52-52z"></path></g>
|
|
48
50
|
<g id="lumo:play"><path d="M689 528l-298 175c-13 8-34 8-48 0-6-4-10-9-10-14V311C333 300 348 292 367 292c9 0 17 2 24 5l298 175c26 15 26 40 0 56z"></path></g>
|