@geosdi/ngx-ui 0.0.0-stage → 1.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.
Files changed (11) hide show
  1. package/README.md +781 -2
  2. package/fesm2022/geosdi-ngx-ui.mjs +9573 -0
  3. package/fesm2022/geosdi-ngx-ui.mjs.map +1 -0
  4. package/package.json +58 -3
  5. package/styles/base.scss +6 -0
  6. package/styles/icons.scss +349 -0
  7. package/styles/index.scss +4 -0
  8. package/styles/theme.scss +47 -0
  9. package/styles/ui.scss +2175 -0
  10. package/types/geosdi-ngx-ui.d.ts +2063 -0
  11. package/types/geosdi-ngx-ui.d.ts.map +1 -0
package/package.json CHANGED
@@ -1,6 +1,61 @@
1
1
  {
2
2
  "name": "@geosdi/ngx-ui",
3
- "version": "0.0.0-stage",
4
- "stub": true,
5
- "description": "Temporary package placeholder for staged publishing"
3
+ "version": "1.0.0",
4
+ "peerDependencies": {
5
+ "@angular/common": ">=22.0.0",
6
+ "@angular/core": ">=22.0.0",
7
+ "@angular/cdk": ">=22.0.0",
8
+ "@angular/forms": ">=22.0.0",
9
+ "rxjs": ">=7.8.0"
10
+ },
11
+ "dependencies": {
12
+ "tslib": "^2.3.0"
13
+ },
14
+ "sideEffects": [
15
+ "**/*.scss"
16
+ ],
17
+ "sass": "./styles/index.scss",
18
+ "exports": {
19
+ "./styles/index": {
20
+ "sass": "./styles/index.scss",
21
+ "default": "./styles/index.scss"
22
+ },
23
+ "./styles/theme": {
24
+ "sass": "./styles/theme.scss",
25
+ "default": "./styles/theme.scss"
26
+ },
27
+ "./styles/base": {
28
+ "sass": "./styles/base.scss",
29
+ "default": "./styles/base.scss"
30
+ },
31
+ "./styles/icons": {
32
+ "sass": "./styles/icons.scss",
33
+ "default": "./styles/icons.scss"
34
+ },
35
+ "./styles/ui": {
36
+ "sass": "./styles/ui.scss",
37
+ "default": "./styles/ui.scss"
38
+ },
39
+ "./package.json": {
40
+ "default": "./package.json"
41
+ },
42
+ ".": {
43
+ "types": "./types/geosdi-ngx-ui.d.ts",
44
+ "default": "./fesm2022/geosdi-ngx-ui.mjs"
45
+ }
46
+ },
47
+ "description": "Standalone Angular UI components with CSS themes, SVG icons and CDK overlays",
48
+ "author": "Salvia Vito (vito.salvia@gmail.com)",
49
+ "license": "MIT",
50
+ "keywords": [
51
+ "angular",
52
+ "components",
53
+ "ui",
54
+ "theme",
55
+ "cdk",
56
+ "signals"
57
+ ],
58
+ "module": "fesm2022/geosdi-ngx-ui.mjs",
59
+ "typings": "types/geosdi-ngx-ui.d.ts",
60
+ "type": "module"
6
61
  }
package/styles/base.scss ADDED
@@ -0,0 +1,6 @@
1
+ // Reset circoscritto ai componenti, senza modificare gli elementi dell'applicazione.
2
+ :where([class^="ml-"], [class*=" ml-"]),
3
+ :where([class^="ml-"], [class*=" ml-"])::before,
4
+ :where([class^="ml-"], [class*=" ml-"])::after {
5
+ box-sizing: border-box;
6
+ }
package/styles/icons.scss ADDED
@@ -0,0 +1,349 @@
1
+ // SVG Font Awesome Free (CC BY 4.0, https://fontawesome.com/license/free).
2
+ // Dalle definizioni di @fortawesome/free-solid-svg-icons.
3
+ // Marchi social: sagome SVG locali.
4
+ // Maschere locali: ereditano il colore e funzionano anche nei popup HTML.
5
+ .ml-icon {
6
+ display: inline-block;
7
+ width: 1em;
8
+ height: 1em;
9
+ flex-shrink: 0;
10
+ font-size: 1rem;
11
+ font-style: normal;
12
+ line-height: 1;
13
+ vertical-align: -0.125em;
14
+ }
15
+
16
+ .ml-icon::before {
17
+ content: "";
18
+ display: block;
19
+ width: 100%;
20
+ height: 100%;
21
+ background-color: currentcolor;
22
+ mask: var(--ml-icon) center / contain no-repeat;
23
+ }
24
+
25
+ @keyframes ml-icon-spin {
26
+ to {
27
+ transform: rotate(360deg);
28
+ }
29
+ }
30
+
31
+ .ml-icon-spin {
32
+ animation: ml-icon-spin 2s linear infinite;
33
+ }
34
+
35
+ .ml-icon-angle-double-left {
36
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l160%20160c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L77.3%20256%20214.6%20118.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-160%20160zm352-160l-160%20160c-12.5%2012.5-12.5%2032.8%200%2045.3l160%20160c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L269.3%20256%20406.6%20118.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200z%22%2F%3E%3C%2Fsvg%3E");
37
+ }
38
+
39
+ .ml-icon-angle-double-right {
40
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M439.1%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L371.2%20256%20233.9%20393.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l160-160zm-352%20160l160-160c12.5-12.5%2012.5-32.8%200-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L179.2%20256%2041.9%20393.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200z%22%2F%3E%3C%2Fsvg%3E");
41
+ }
42
+
43
+ .ml-icon-angle-down {
44
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M169.4%20374.6c12.5%2012.5%2032.8%2012.5%2045.3%200l160-160c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L192%20306.7%2054.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l160%20160z%22%2F%3E%3C%2Fsvg%3E");
45
+ }
46
+
47
+ .ml-icon-angle-left {
48
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20512%22%3E%3Cpath%20d%3D%22M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l160%20160c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L77.3%20256%20214.6%20118.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-160%20160z%22%2F%3E%3C%2Fsvg%3E");
49
+ }
50
+
51
+ .ml-icon-angle-right {
52
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20512%22%3E%3Cpath%20d%3D%22M247.1%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-160%20160c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L179.2%20256%2041.9%20118.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l160%20160z%22%2F%3E%3C%2Fsvg%3E");
53
+ }
54
+
55
+ .ml-icon-angle-up {
56
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M169.4%20137.4c12.5-12.5%2032.8-12.5%2045.3%200l160%20160c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L192%20205.3%2054.6%20342.6c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3l160-160z%22%2F%3E%3C%2Fsvg%3E");
57
+ }
58
+
59
+ .ml-icon-arrow-circle-left {
60
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20512a256%20256%200%201%200%200-512%20256%20256%200%201%200%200%20512zM135%20239l80-80c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-39%2039%20150.1%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024l-150.1%200%2039%2039c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200l-80-80c-9.4-9.4-9.4-24.6%200-33.9z%22%2F%3E%3C%2Fsvg%3E");
61
+ }
62
+
63
+ .ml-icon-arrow-down {
64
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M169.4%20502.6c12.5%2012.5%2032.8%2012.5%2045.3%200l160-160c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L224%20402.7%20224%2032c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%20370.7-105.4-105.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l160%20160z%22%2F%3E%3C%2Fsvg%3E");
65
+ }
66
+
67
+ .ml-icon-arrow-left {
68
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l160%20160c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L109.3%20288%20480%20288c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-370.7%200%20105.4-105.4c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-160%20160z%22%2F%3E%3C%2Fsvg%3E");
69
+ }
70
+
71
+ .ml-icon-arrow-right {
72
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M502.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L402.7%20224%2032%20224c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l370.7%200-105.4%20105.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l160-160z%22%2F%3E%3C%2Fsvg%3E");
73
+ }
74
+
75
+ .ml-icon-arrow-up {
76
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M214.6%209.4c-12.5-12.5-32.8-12.5-45.3%200l-160%20160c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L160%20109.3%20160%20480c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32l0-370.7%20105.4%20105.4c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3l-160-160z%22%2F%3E%3C%2Fsvg%3E");
77
+ }
78
+
79
+ .ml-icon-arrows-h {
80
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M470.6%20374.6l96-96c12.5-12.5%2012.5-32.8%200-45.3l-96-96c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l41.4%2041.4-357.5%200%2041.4-41.4c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-96%2096c-6%206-9.4%2014.1-9.4%2022.6s3.4%2016.6%209.4%2022.6l96%2096c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3l-41.4-41.4%20357.5%200-41.4%2041.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200z%22%2F%3E%3C%2Fsvg%3E");
81
+ }
82
+
83
+ .ml-icon-ban {
84
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M367.2%20412.5L99.5%20144.8c-22.4%2031.4-35.5%2069.8-35.5%20111.2%200%20106%2086%20192%20192%20192%2041.5%200%2079.9-13.1%20111.2-35.5zm45.3-45.3c22.4-31.4%2035.5-69.8%2035.5-111.2%200-106-86-192-192-192-41.5%200-79.9%2013.1-111.2%2035.5L412.5%20367.2zM0%20256a256%20256%200%201%201%20512%200%20256%20256%200%201%201%20-512%200z%22%2F%3E%3C%2Fsvg%3E");
85
+ }
86
+
87
+ .ml-icon-bars {
88
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M0%2096C0%2078.3%2014.3%2064%2032%2064l384%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032L32%20128C14.3%20128%200%20113.7%200%2096zM0%20256c0-17.7%2014.3-32%2032-32l384%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032L32%20288c-17.7%200-32-14.3-32-32zM448%20416c0%2017.7-14.3%2032-32%2032L32%20448c-17.7%200-32-14.3-32-32s14.3-32%2032-32l384%200c17.7%200%2032%2014.3%2032%2032z%22%2F%3E%3C%2Fsvg%3E");
89
+ }
90
+
91
+ .ml-icon-bolt {
92
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M338.8-9.9c11.9%208.6%2016.3%2024.2%2010.9%2037.8L271.3%20224%20416%20224c13.5%200%2025.5%208.4%2030.1%2021.1s.7%2026.9-9.6%2035.5l-288%20240c-11.3%209.4-27.4%209.9-39.3%201.3s-16.3-24.2-10.9-37.8L176.7%20288%2032%20288c-13.5%200-25.5-8.4-30.1-21.1s-.7-26.9%209.6-35.5l288-240c11.3-9.4%2027.4-9.9%2039.3-1.3z%22%2F%3E%3C%2Fsvg%3E");
93
+ }
94
+
95
+ .ml-icon-calculator {
96
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M64%200C28.7%200%200%2028.7%200%2064L0%20448c0%2035.3%2028.7%2064%2064%2064l256%200c35.3%200%2064-28.7%2064-64l0-384c0-35.3-28.7-64-64-64L64%200zM96%2064l192%200c17.7%200%2032%2014.3%2032%2032l0%2032c0%2017.7-14.3%2032-32%2032L96%20160c-17.7%200-32-14.3-32-32l0-32c0-17.7%2014.3-32%2032-32zm16%20168a24%2024%200%201%201%20-48%200%2024%2024%200%201%201%2048%200zm80%2024a24%2024%200%201%201%200-48%2024%2024%200%201%201%200%2048zm128-24a24%2024%200%201%201%20-48%200%2024%2024%200%201%201%2048%200zM88%20352a24%2024%200%201%201%200-48%2024%2024%200%201%201%200%2048zm128-24a24%2024%200%201%201%20-48%200%2024%2024%200%201%201%2048%200zm80%2024a24%2024%200%201%201%200-48%2024%2024%200%201%201%200%2048zM64%20424c0-13.3%2010.7-24%2024-24l112%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024L88%20448c-13.3%200-24-10.7-24-24zm232-24c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024-24-10.7-24-24%2010.7-24%2024-24z%22%2F%3E%3C%2Fsvg%3E");
97
+ }
98
+
99
+ .ml-icon-calendar {
100
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M128%200C110.3%200%2096%2014.3%2096%2032l0%2032-32%200C28.7%2064%200%2092.7%200%20128l0%2048%20448%200%200-48c0-35.3-28.7-64-64-64l-32%200%200-32c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%2032-128%200%200-32c0-17.7-14.3-32-32-32zM0%20224L0%20416c0%2035.3%2028.7%2064%2064%2064l320%200c35.3%200%2064-28.7%2064-64l0-192-448%200z%22%2F%3E%3C%2Fsvg%3E");
101
+ }
102
+
103
+ .ml-icon-camera {
104
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M149.1%2064.8L138.7%2096%2064%2096C28.7%2096%200%20124.7%200%20160L0%20416c0%2035.3%2028.7%2064%2064%2064l384%200c35.3%200%2064-28.7%2064-64l0-256c0-35.3-28.7-64-64-64l-74.7%200-10.4-31.2C356.4%2045.2%20338.1%2032%20317.4%2032L194.6%2032c-20.7%200-39%2013.2-45.5%2032.8zM256%20192a96%2096%200%201%201%200%20192%2096%2096%200%201%201%200-192z%22%2F%3E%3C%2Fsvg%3E");
105
+ }
106
+
107
+ .ml-icon-chart-bar {
108
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%2032c17.7%200%2032%2014.3%2032%2032l0%20336c0%208.8%207.2%2016%2016%2016l400%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032L80%20480c-44.2%200-80-35.8-80-80L0%2064C0%2046.3%2014.3%2032%2032%2032zm96%2064c0-17.7%2014.3-32%2032-32l192%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032l-192%200c-17.7%200-32-14.3-32-32zm32%2080l128%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032l-128%200c-17.7%200-32-14.3-32-32s14.3-32%2032-32zm0%20112l256%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032l-256%200c-17.7%200-32-14.3-32-32s14.3-32%2032-32z%22%2F%3E%3C%2Fsvg%3E");
109
+ }
110
+
111
+ .ml-icon-chart-line {
112
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2064c0-17.7-14.3-32-32-32S0%2046.3%200%2064L0%20400c0%2044.2%2035.8%2080%2080%2080l400%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32L80%20416c-8.8%200-16-7.2-16-16L64%2064zm406.6%2086.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L320%20210.7%20262.6%20153.4c-12.5-12.5-32.8-12.5-45.3%200l-96%2096c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l73.4-73.4%2057.4%2057.4c12.5%2012.5%2032.8%2012.5%2045.3%200l128-128z%22%2F%3E%3C%2Fsvg%3E");
113
+ }
114
+
115
+ .ml-icon-check {
116
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M434.8%2070.1c14.3%2010.4%2017.5%2030.4%207.1%2044.7l-256%20352c-5.5%207.6-14%2012.3-23.4%2013.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l101.5%20101.5%20234-321.7c10.4-14.3%2030.4-17.5%2044.7-7.1z%22%2F%3E%3C%2Fsvg%3E");
117
+ }
118
+
119
+ .ml-icon-check-circle {
120
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20512a256%20256%200%201%201%200-512%20256%20256%200%201%201%200%20512zM374%20145.7c-10.7-7.8-25.7-5.4-33.5%205.3L221.1%20315.2%20169%20263.1c-9.4-9.4-24.6-9.4-33.9%200s-9.4%2024.6%200%2033.9l72%2072c5%205%2011.8%207.5%2018.8%207s13.4-4.1%2017.5-9.8L379.3%20179.2c7.8-10.7%205.4-25.7-5.3-33.5z%22%2F%3E%3C%2Fsvg%3E");
121
+ }
122
+
123
+ .ml-icon-chevron-down {
124
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M201.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L224%20338.7%2054.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z%22%2F%3E%3C%2Fsvg%3E");
125
+ }
126
+
127
+ .ml-icon-chevron-left {
128
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l192%20192c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L77.3%20256%20246.6%2086.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-192%20192z%22%2F%3E%3C%2Fsvg%3E");
129
+ }
130
+
131
+ .ml-icon-chevron-right {
132
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M311.1%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-192%20192c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L243.2%20256%2073.9%2086.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l192%20192z%22%2F%3E%3C%2Fsvg%3E");
133
+ }
134
+
135
+ .ml-icon-chevron-up {
136
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M201.4%20105.4c12.5-12.5%2032.8-12.5%2045.3%200l192%20192c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L224%20173.3%2054.6%20342.6c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3l192-192z%22%2F%3E%3C%2Fsvg%3E");
137
+ }
138
+
139
+ .ml-icon-clipboard {
140
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M320%2032l-8.6%200C300.4%2012.9%20279.7%200%20256%200L128%200C104.3%200%2083.6%2012.9%2072.6%2032L64%2032C28.7%2032%200%2060.7%200%2096L0%20448c0%2035.3%2028.7%2064%2064%2064l256%200c35.3%200%2064-28.7%2064-64l0-352c0-35.3-28.7-64-64-64zM136%20112c-13.3%200-24-10.7-24-24s10.7-24%2024-24l112%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024l-112%200z%22%2F%3E%3C%2Fsvg%3E");
141
+ }
142
+
143
+ .ml-icon-clone {
144
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M288%20448l-224%200%200-224%2048%200%200-64-48%200c-35.3%200-64%2028.7-64%2064L0%20448c0%2035.3%2028.7%2064%2064%2064l224%200c35.3%200%2064-28.7%2064-64l0-48-64%200%200%2048zm-64-96l224%200c35.3%200%2064-28.7%2064-64l0-224c0-35.3-28.7-64-64-64L224%200c-35.3%200-64%2028.7-64%2064l0%20224c0%2035.3%2028.7%2064%2064%2064z%22%2F%3E%3C%2Fsvg%3E");
145
+ }
146
+
147
+ .ml-icon-code {
148
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M360.8%201.2c-17-4.9-34.7%205-39.6%2022l-128%20448c-4.9%2017%205%2034.7%2022%2039.6s34.7-5%2039.6-22l128-448c4.9-17-5-34.7-22-39.6zm64.6%20136.1c-12.5%2012.5-12.5%2032.8%200%2045.3l73.4%2073.4-73.4%2073.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l96-96c12.5-12.5%2012.5-32.8%200-45.3l-96-96c-12.5-12.5-32.8-12.5-45.3%200zm-274.7%200c-12.5-12.5-32.8-12.5-45.3%200l-96%2096c-12.5%2012.5-12.5%2032.8%200%2045.3l96%2096c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L77.3%20256%20150.6%20182.6c12.5-12.5%2012.5-32.8%200-45.3z%22%2F%3E%3C%2Fsvg%3E");
149
+ }
150
+
151
+ .ml-icon-compass {
152
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20512a256%20256%200%201%200%200-512%20256%20256%200%201%200%200%20512zm50.7-186.9L162.4%20380.6c-19.4%207.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5%209.9-15.1%2018.4-18.4l144.3-55.5c19.4-7.5%2038.5%2011.6%2031%2031L325.1%20306.7c-3.2%208.5-9.9%2015.1-18.4%2018.4zM288%20256a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200z%22%2F%3E%3C%2Fsvg%3E");
153
+ }
154
+
155
+ .ml-icon-copy {
156
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M192%200c-35.3%200-64%2028.7-64%2064l0%20256c0%2035.3%2028.7%2064%2064%2064l192%200c35.3%200%2064-28.7%2064-64l0-200.6c0-17.4-7.1-34.1-19.7-46.2L370.6%2017.8C358.7%206.4%20342.8%200%20326.3%200L192%200zM64%20128c-35.3%200-64%2028.7-64%2064L0%20448c0%2035.3%2028.7%2064%2064%2064l192%200c35.3%200%2064-28.7%2064-64l0-16-64%200%200%2016-192%200%200-256%2016%200%200-64-16%200z%22%2F%3E%3C%2Fsvg%3E");
157
+ }
158
+
159
+ .ml-icon-database {
160
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M448%20205.8c-14.8%209.8-31.8%2017.7-49.5%2024-47%2016.8-108.7%2026.2-174.5%2026.2S96.4%20246.5%2049.5%20229.8c-17.6-6.3-34.7-14.2-49.5-24L0%20288c0%2044.2%20100.3%2080%20224%2080s224-35.8%20224-80l0-82.2zm0-77.8l0-48C448%2035.8%20347.7%200%20224%200S0%2035.8%200%2080l0%2048c0%2044.2%20100.3%2080%20224%2080s224-35.8%20224-80zM398.5%20389.8C351.6%20406.5%20289.9%20416%20224%20416S96.4%20406.5%2049.5%20389.8c-17.6-6.3-34.7-14.2-49.5-24L0%20432c0%2044.2%20100.3%2080%20224%2080s224-35.8%20224-80l0-66.2c-14.8%209.8-31.8%2017.7-49.5%2024z%22%2F%3E%3C%2Fsvg%3E");
161
+ }
162
+
163
+ .ml-icon-download {
164
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M256%2032c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%20210.7-41.4-41.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l96%2096c12.5%2012.5%2032.8%2012.5%2045.3%200l96-96c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20242.7%20256%2032zM64%20320c-35.3%200-64%2028.7-64%2064l0%2032c0%2035.3%2028.7%2064%2064%2064l320%200c35.3%200%2064-28.7%2064-64l0-32c0-35.3-28.7-64-64-64l-46.9%200-56.6%2056.6c-31.2%2031.2-81.9%2031.2-113.1%200L110.9%20320%2064%20320zm304%2056a24%2024%200%201%201%200%2048%2024%2024%200%201%201%200-48z%22%2F%3E%3C%2Fsvg%3E");
165
+ }
166
+
167
+ .ml-icon-envelope {
168
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M48%2064c-26.5%200-48%2021.5-48%2048%200%2015.1%207.1%2029.3%2019.2%2038.4l208%20156c17.1%2012.8%2040.5%2012.8%2057.6%200l208-156c12.1-9.1%2019.2-23.3%2019.2-38.4%200-26.5-21.5-48-48-48L48%2064zM0%20196L0%20384c0%2035.3%2028.7%2064%2064%2064l384%200c35.3%200%2064-28.7%2064-64l0-188-198.4%20148.8c-34.1%2025.6-81.1%2025.6-115.2%200L0%20196z%22%2F%3E%3C%2Fsvg%3E");
169
+ }
170
+
171
+ .ml-icon-eraser {
172
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M178.5%20416l123%200%2065.3-65.3-173.5-173.5-126.7%20126.7%20112%20112zM224%20480l-45.5%200c-17%200-33.3-6.7-45.3-18.7L17%20345C6.1%20334.1%200%20319.4%200%20304s6.1-30.1%2017-41L263%2017C273.9%206.1%20288.6%200%20304%200s30.1%206.1%2041%2017L527%20199c10.9%2010.9%2017%2025.6%2017%2041s-6.1%2030.1-17%2041l-135%20135%20120%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032l-288%200z%22%2F%3E%3C%2Fsvg%3E");
173
+ }
174
+
175
+ .ml-icon-exclamation-triangle {
176
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%200c14.7%200%2028.2%208.1%2035.2%2021l216%20400c6.7%2012.4%206.4%2027.4-.8%2039.5S486.1%20480%20472%20480L40%20480c-14.1%200-27.2-7.4-34.4-19.5s-7.5-27.1-.8-39.5l216-400c7-12.9%2020.5-21%2035.2-21zm0%20352a32%2032%200%201%200%200%2064%2032%2032%200%201%200%200-64zm0-192c-18.2%200-32.7%2015.5-31.4%2033.7l7.4%20104c.9%2012.5%2011.4%2022.3%2023.9%2022.3%2012.6%200%2023-9.7%2023.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z%22%2F%3E%3C%2Fsvg%3E");
177
+ }
178
+
179
+ .ml-icon-expand {
180
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M32%2032C14.3%2032%200%2046.3%200%2064l0%2096c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32l0-64%2064%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32L32%2032zM64%20352c0-17.7-14.3-32-32-32S0%20334.3%200%20352l0%2096c0%2017.7%2014.3%2032%2032%2032l96%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-64%200%200-64zM320%2032c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l64%200%200%2064c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32l0-96c0-17.7-14.3-32-32-32l-96%200zM448%20352c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%2064-64%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l96%200c17.7%200%2032-14.3%2032-32l0-96z%22%2F%3E%3C%2Fsvg%3E");
181
+ }
182
+
183
+ .ml-icon-external-link {
184
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M320%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l82.7%200-201.4%20201.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L448%20109.3%20448%20192c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32l0-160c0-17.7-14.3-32-32-32L320%200zM80%2096C35.8%2096%200%20131.8%200%20176L0%20432c0%2044.2%2035.8%2080%2080%2080l256%200c44.2%200%2080-35.8%2080-80l0-80c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%2080c0%208.8-7.2%2016-16%2016L80%20448c-8.8%200-16-7.2-16-16l0-256c0-8.8%207.2-16%2016-16l80%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32L80%2096z%22%2F%3E%3C%2Fsvg%3E");
185
+ }
186
+
187
+ .ml-icon-eye {
188
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M288%2032c-80.8%200-145.5%2036.8-192.6%2080.6-46.8%2043.5-78.1%2095.4-93%20131.1-3.3%207.9-3.3%2016.7%200%2024.6%2014.9%2035.7%2046.2%2087.7%2093%20131.1%2047.1%2043.7%20111.8%2080.6%20192.6%2080.6s145.5-36.8%20192.6-80.6c46.8-43.5%2078.1-95.4%2093-131.1%203.3-7.9%203.3-16.7%200-24.6-14.9-35.7-46.2-87.7-93-131.1-47.1-43.7-111.8-80.6-192.6-80.6zM144%20256a144%20144%200%201%201%20288%200%20144%20144%200%201%201%20-288%200zm144-64c0%2035.3-28.7%2064-64%2064-11.5%200-22.3-3-31.7-8.4-1%2010.9-.1%2022.1%202.9%2033.2%2013.7%2051.2%2066.4%2081.6%20117.6%2067.9s81.6-66.4%2067.9-117.6c-12.2-45.7-55.5-74.8-101.1-70.8%205.3%209.3%208.4%2020.1%208.4%2031.7z%22%2F%3E%3C%2Fsvg%3E");
189
+ }
190
+
191
+ .ml-icon-eye-slash {
192
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M41-24.9c-9.4-9.4-24.6-9.4-33.9%200S-2.3-.3%207%209.1l528%20528c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-96.4-96.4c2.7-2.4%205.4-4.8%208-7.2%2046.8-43.5%2078.1-95.4%2093-131.1%203.3-7.9%203.3-16.7%200-24.6-14.9-35.7-46.2-87.7-93-131.1-47.1-43.7-111.8-80.6-192.6-80.6-56.8%200-105.6%2018.2-146%2044.2L41-24.9zM204.5%20138.7c23.5-16.8%2052.4-26.7%2083.5-26.7%2079.5%200%20144%2064.5%20144%20144%200%2031.1-9.9%2059.9-26.7%2083.5l-34.7-34.7c12.7-21.4%2017-47.7%2010.1-73.7-13.7-51.2-66.4-81.6-117.6-67.9-8.6%202.3-16.7%205.7-24%2010l-34.7-34.7zM325.3%20395.1c-11.9%203.2-24.4%204.9-37.3%204.9-79.5%200-144-64.5-144-144%200-12.9%201.7-25.4%204.9-37.3L69.4%20139.2c-32.6%2036.8-55%2075.8-66.9%20104.5-3.3%207.9-3.3%2016.7%200%2024.6%2014.9%2035.7%2046.2%2087.7%2093%20131.1%2047.1%2043.7%20111.8%2080.6%20192.6%2080.6%2037.3%200%2071.2-7.9%20101.5-20.6l-64.2-64.2z%22%2F%3E%3C%2Fsvg%3E");
193
+ }
194
+
195
+ .ml-icon-facebook {
196
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%2022v-9h3l.5-4H14V7c0-1%20.4-2%202-2h2V1h-3c-3%200-5%202-5%205v3H7v4h3v9z%22%2F%3E%3C%2Fsvg%3E");
197
+ }
198
+
199
+ .ml-icon-file {
200
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M64%200C28.7%200%200%2028.7%200%2064L0%20448c0%2035.3%2028.7%2064%2064%2064l256%200c35.3%200%2064-28.7%2064-64l0-277.5c0-17-6.7-33.3-18.7-45.3L258.7%2018.7C246.7%206.7%20230.5%200%20213.5%200L64%200zM325.5%20176L232%20176c-13.3%200-24-10.7-24-24L208%2058.5%20325.5%20176z%22%2F%3E%3C%2Fsvg%3E");
201
+ }
202
+
203
+ .ml-icon-file-pdf {
204
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M96%200C60.7%200%2032%2028.7%2032%2064l0%20384c0%2035.3%2028.7%2064%2064%2064l80%200%200-112c0-35.3%2028.7-64%2064-64l176%200%200-165.5c0-17-6.7-33.3-18.7-45.3L290.7%2018.7C278.7%206.7%20262.5%200%20245.5%200L96%200zM357.5%20176L264%20176c-13.3%200-24-10.7-24-24L240%2058.5%20357.5%20176zM240%20380c-11%200-20%209-20%2020l0%20128c0%2011%209%2020%2020%2020s20-9%2020-20l0-28%2012%200c33.1%200%2060-26.9%2060-60s-26.9-60-60-60l-32%200zm32%2080l-12%200%200-40%2012%200c11%200%2020%209%2020%2020s-9%2020-20%2020zm96-80c-11%200-20%209-20%2020l0%20128c0%2011%209%2020%2020%2020l32%200c28.7%200%2052-23.3%2052-52l0-64c0-28.7-23.3-52-52-52l-32%200zm20%20128l0-88%2012%200c6.6%200%2012%205.4%2012%2012l0%2064c0%206.6-5.4%2012-12%2012l-12%200zm88-108l0%20128c0%2011%209%2020%2020%2020s20-9%2020-20l0-44%2028%200c11%200%2020-9%2020-20s-9-20-20-20l-28%200%200-24%2028%200c11%200%2020-9%2020-20s-9-20-20-20l-48%200c-11%200-20%209-20%2020z%22%2F%3E%3C%2Fsvg%3E");
205
+ }
206
+
207
+ .ml-icon-filter {
208
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%2064C19.1%2064%207.4%2071.8%202.4%2083.8S.2%20109.5%209.4%20118.6L192%20301.3%20192%20416c0%208.5%203.4%2016.6%209.4%2022.6l64%2064c9.2%209.2%2022.9%2011.9%2034.9%206.9S320%20492.9%20320%20480l0-178.7%20182.6-182.6c9.2-9.2%2011.9-22.9%206.9-34.9S492.9%2064%20480%2064L32%2064z%22%2F%3E%3C%2Fsvg%3E");
209
+ }
210
+
211
+ .ml-icon-globe {
212
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M351.9%20280l-190.9%200c2.9%2064.5%2017.2%20123.9%2037.5%20167.4%2011.4%2024.5%2023.7%2041.8%2035.1%2052.4%2011.2%2010.5%2018.9%2012.2%2022.9%2012.2s11.7-1.7%2022.9-12.2c11.4-10.6%2023.7-28%2035.1-52.4%2020.3-43.5%2034.6-102.9%2037.5-167.4zM160.9%20232l190.9%200C349%20167.5%20334.7%20108.1%20314.4%2064.6%20303%2040.2%20290.7%2022.8%20279.3%2012.2%20268.1%201.7%20260.4%200%20256.4%200s-11.7%201.7-22.9%2012.2c-11.4%2010.6-23.7%2028-35.1%2052.4-20.3%2043.5-34.6%20102.9-37.5%20167.4zm-48%200C116.4%20146.4%20138.5%2066.9%20170.8%2014.7%2078.7%2047.3%2010.9%20131.2%201.5%20232l111.4%200zM1.5%20280c9.4%20100.8%2077.2%20184.7%20169.3%20217.3-32.3-52.2-54.4-131.7-57.9-217.3L1.5%20280zm398.4%200c-3.5%2085.6-25.6%20165.1-57.9%20217.3%2092.1-32.7%20159.9-116.5%20169.3-217.3l-111.4%200zm111.4-48C501.9%20131.2%20434.1%2047.3%20342%2014.7%20374.3%2066.9%20396.4%20146.4%20399.9%20232l111.4%200z%22%2F%3E%3C%2Fsvg%3E");
213
+ }
214
+
215
+ .ml-icon-hashtag {
216
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M214.7%20.7c17.3%203.7%2028.3%2020.7%2024.6%2038l-19.1%2089.3%20126.5%200%2022-102.7C372.4%208%20389.4-3%20406.7%20.7s28.3%2020.7%2024.6%2038L412.2%20128%20480%20128c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032l-81.6%200-27.4%20128%2067.8%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032l-81.6%200-22%20102.7c-3.7%2017.3-20.7%2028.3-38%2024.6s-28.3-20.7-24.6-38l19.1-89.3-126.5%200-22%20102.7c-3.7%2017.3-20.7%2028.3-38%2024.6s-28.3-20.7-24.6-38L99.8%20384%2032%20384c-17.7%200-32-14.3-32-32s14.3-32%2032-32l81.6%200%2027.4-128-67.8%200c-17.7%200-32-14.3-32-32s14.3-32%2032-32l81.6%200%2022-102.7C180.4%208%20197.4-3%20214.7%20.7zM206.4%20192l-27.4%20128%20126.5%200%2027.4-128-126.5%200z%22%2F%3E%3C%2Fsvg%3E");
217
+ }
218
+
219
+ .ml-icon-inbox {
220
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M91.8%2032C59.9%2032%2032.9%2055.4%2028.4%2086.9L.6%20281.2c-.4%203-.6%206-.6%209.1L0%20416c0%2035.3%2028.7%2064%2064%2064l384%200c35.3%200%2064-28.7%2064-64l0-125.7c0-3-.2-6.1-.6-9.1L483.6%2086.9C479.1%2055.4%20452.1%2032%20420.2%2032L91.8%2032zm0%2064l328.5%200%2027.4%20192-59.9%200c-12.1%200-23.2%206.8-28.6%2017.7l-14.3%2028.6c-5.4%2010.8-16.5%2017.7-28.6%2017.7l-120.4%200c-12.1%200-23.2-6.8-28.6-17.7l-14.3-28.6c-5.4-10.8-16.5-17.7-28.6-17.7L64.3%20288%2091.8%2096z%22%2F%3E%3C%2Fsvg%3E");
221
+ }
222
+
223
+ .ml-icon-info-circle {
224
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20512a256%20256%200%201%200%200-512%20256%20256%200%201%200%200%20512zM224%20160a32%2032%200%201%201%2064%200%2032%2032%200%201%201%20-64%200zm-8%2064l48%200c13.3%200%2024%2010.7%2024%2024l0%2088%208%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024l-80%200c-13.3%200-24-10.7-24-24s10.7-24%2024-24l24%200%200-64-24%200c-13.3%200-24-10.7-24-24s10.7-24%2024-24z%22%2F%3E%3C%2Fsvg%3E");
225
+ }
226
+
227
+ .ml-icon-instagram {
228
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%221.2%22%2F%3E%3C%2Fsvg%3E");
229
+ }
230
+
231
+ .ml-icon-list {
232
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M40%2048C26.7%2048%2016%2058.7%2016%2072l0%2048c0%2013.3%2010.7%2024%2024%2024l48%200c13.3%200%2024-10.7%2024-24l0-48c0-13.3-10.7-24-24-24L40%2048zM192%2064c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l288%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32L192%2064zm0%20160c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l288%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-288%200zm0%20160c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l288%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-288%200zM16%20232l0%2048c0%2013.3%2010.7%2024%2024%2024l48%200c13.3%200%2024-10.7%2024-24l0-48c0-13.3-10.7-24-24-24l-48%200c-13.3%200-24%2010.7-24%2024zM40%20368c-13.3%200-24%2010.7-24%2024l0%2048c0%2013.3%2010.7%2024%2024%2024l48%200c13.3%200%2024-10.7%2024-24l0-48c0-13.3-10.7-24-24-24l-48%200z%22%2F%3E%3C%2Fsvg%3E");
233
+ }
234
+
235
+ .ml-icon-lock {
236
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M128%2096l0%2064%20128%200%200-64c0-35.3-28.7-64-64-64s-64%2028.7-64%2064zM64%20160l0-64C64%2025.3%20121.3-32%20192-32S320%2025.3%20320%2096l0%2064c35.3%200%2064%2028.7%2064%2064l0%20224c0%2035.3-28.7%2064-64%2064L64%20512c-35.3%200-64-28.7-64-64L0%20224c0-35.3%2028.7-64%2064-64z%22%2F%3E%3C%2Fsvg%3E");
237
+ }
238
+
239
+ .ml-icon-map {
240
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M512%2048c0-11.1-5.7-21.4-15.2-27.2s-21.2-6.4-31.1-1.4L349.5%2077.5%20170.1%2017.6c-8.1-2.7-16.8-2.1-24.4%201.7l-128%2064C6.8%2088.8%200%2099.9%200%20112L0%20464c0%2011.1%205.7%2021.4%2015.2%2027.2s21.2%206.4%2031.1%201.4l116.1-58.1%20179.4%2059.8c8.1%202.7%2016.8%202.1%2024.4-1.7l128-64c10.8-5.4%2017.7-16.5%2017.7-28.6l0-352zM192%20376.9l0-284.5%20128%2042.7%200%20284.5-128-42.7z%22%2F%3E%3C%2Fsvg%3E");
241
+ }
242
+
243
+ .ml-icon-map-marker {
244
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M0%20188.6C0%2084.4%2086%200%20192%200S384%2084.4%20384%20188.6c0%20119.3-120.2%20262.3-170.4%20316.8-11.8%2012.8-31.5%2012.8-43.3%200-50.2-54.5-170.4-197.5-170.4-316.8zM192%20256a64%2064%200%201%200%200-128%2064%2064%200%201%200%200%20128z%22%2F%3E%3C%2Fsvg%3E");
245
+ }
246
+
247
+ .ml-icon-palette {
248
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M512%20256c0%20.9%200%201.8%200%202.7-.4%2036.5-33.6%2061.3-70.1%2061.3L344%20320c-26.5%200-48%2021.5-48%2048%200%203.4%20.4%206.7%201%209.9%202.1%2010.2%206.5%2020%2010.8%2029.9%206.1%2013.8%2012.1%2027.5%2012.1%2042%200%2031.8-21.6%2060.7-53.4%2062-3.5%20.1-7%20.2-10.6%20.2-141.4%200-256-114.6-256-256S114.6%200%20256%200%20512%20114.6%20512%20256zM128%20288a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200zm0-96a32%2032%200%201%200%200-64%2032%2032%200%201%200%200%2064zM288%2096a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200zm96%2096a32%2032%200%201%200%200-64%2032%2032%200%201%200%200%2064z%22%2F%3E%3C%2Fsvg%3E");
249
+ }
250
+
251
+ .ml-icon-paperclip {
252
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M224.6%2012.8c56.2-56.2%20147.4-56.2%20203.6%200s56.2%20147.4%200%20203.6l-164%20164c-34.4%2034.4-90.1%2034.4-124.5%200s-34.4-90.1%200-124.5L292.5%20103.3c12.5-12.5%2032.8-12.5%2045.3%200s12.5%2032.8%200%2045.3L185%20301.3c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l164-164c31.2-31.2%2031.2-81.9%200-113.1s-81.9-31.2-113.1%200l-164%20164c-53.1%2053.1-53.1%20139.2%200%20192.3s139.2%2053.1%20192.3%200L428.3%20284.3c12.5-12.5%2032.8-12.5%2045.3%200s12.5%2032.8%200%2045.3L343.4%20459.6c-78.1%2078.1-204.7%2078.1-282.8%200s-78.1-204.7%200-282.8l164-164z%22%2F%3E%3C%2Fsvg%3E");
253
+ }
254
+
255
+ .ml-icon-pencil {
256
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M36.4%20353.2c4.1-14.6%2011.8-27.9%2022.6-38.7l181.2-181.2%2033.9-33.9c16.6%2016.6%2051.3%2051.3%20104%20104l33.9%2033.9-33.9%2033.9-181.2%20181.2c-10.7%2010.7-24.1%2018.5-38.7%2022.6L30.4%20510.6c-8.3%202.3-17.3%200-23.4-6.2S-1.4%20489.3%20.9%20481L36.4%20353.2zm55.6-3.7c-4.4%204.7-7.6%2010.4-9.3%2016.6l-24.1%2086.9%2086.9-24.1c6.4-1.8%2012.2-5.1%2017-9.7L91.9%20349.5zm354-146.1c-16.6-16.6-51.3-51.3-104-104L308%2065.5C334.5%2039%20349.4%2024.1%20352.9%2020.6%20366.4%207%20384.8-.6%20404-.6S441.6%207%20455.1%2020.6l35.7%2035.7C504.4%2069.9%20512%2088.3%20512%20107.4s-7.6%2037.6-21.2%2051.1c-3.5%203.5-18.4%2018.4-44.9%2044.9z%22%2F%3E%3C%2Fsvg%3E");
257
+ }
258
+
259
+ .ml-icon-plus {
260
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M256%2064c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%20160-160%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l160%200%200%20160c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32l0-160%20160%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-160%200%200-160z%22%2F%3E%3C%2Fsvg%3E");
261
+ }
262
+
263
+ .ml-icon-plus-circle {
264
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20512a256%20256%200%201%200%200-512%20256%20256%200%201%200%200%20512zM232%20344l0-64-64%200c-13.3%200-24-10.7-24-24s10.7-24%2024-24l64%200%200-64c0-13.3%2010.7-24%2024-24s24%2010.7%2024%2024l0%2064%2064%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024l-64%200%200%2064c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24z%22%2F%3E%3C%2Fsvg%3E");
265
+ }
266
+
267
+ .ml-icon-print {
268
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2064C64%2028.7%2092.7%200%20128%200L341.5%200c17%200%2033.3%206.7%2045.3%2018.7l42.5%2042.5c12%2012%2018.7%2028.3%2018.7%2045.3l0%2037.5-384%200%200-80zM0%20256c0-35.3%2028.7-64%2064-64l384%200c35.3%200%2064%2028.7%2064%2064l0%2096c0%2017.7-14.3%2032-32%2032l-32%200%200%2064c0%2035.3-28.7%2064-64%2064l-256%200c-35.3%200-64-28.7-64-64l0-64-32%200c-17.7%200-32-14.3-32-32l0-96zM128%20416l0%2032%20256%200%200-96-256%200%200%2064zM456%20272a24%2024%200%201%200%20-48%200%2024%2024%200%201%200%2048%200z%22%2F%3E%3C%2Fsvg%3E");
269
+ }
270
+
271
+ .ml-icon-question-circle {
272
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20512a256%20256%200%201%200%200-512%20256%20256%200%201%200%200%20512zm0-336c-17.7%200-32%2014.3-32%2032%200%2013.3-10.7%2024-24%2024s-24-10.7-24-24c0-44.2%2035.8-80%2080-80s80%2035.8%2080%2080c0%2047.2-36%2067.2-56%2074.5l0%203.8c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24l0-8.1c0-20.5%2014.8-35.2%2030.1-40.2%206.4-2.1%2013.2-5.5%2018.2-10.3%204.3-4.2%207.7-10%207.7-19.6%200-17.7-14.3-32-32-32zM224%20368a32%2032%200%201%201%2064%200%2032%2032%200%201%201%20-64%200z%22%2F%3E%3C%2Fsvg%3E");
273
+ }
274
+
275
+ .ml-icon-save {
276
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096L0%20416c0%2035.3%2028.7%2064%2064%2064l320%200c35.3%200%2064-28.7%2064-64l0-242.7c0-17-6.7-33.3-18.7-45.3L352%2050.7C340%2038.7%20323.7%2032%20306.7%2032L64%2032zm32%2096c0-17.7%2014.3-32%2032-32l160%200c17.7%200%2032%2014.3%2032%2032l0%2064c0%2017.7-14.3%2032-32%2032l-160%200c-17.7%200-32-14.3-32-32l0-64zM224%20288a64%2064%200%201%201%200%20128%2064%2064%200%201%201%200-128z%22%2F%3E%3C%2Fsvg%3E");
277
+ }
278
+
279
+ .ml-icon-search {
280
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20208c0%2045.9-14.9%2088.3-40%20122.7L502.6%20457.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L330.7%20376C296.3%20401.1%20253.9%20416%20208%20416%2093.1%20416%200%20322.9%200%20208S93.1%200%20208%200%20416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z%22%2F%3E%3C%2Fsvg%3E");
281
+ }
282
+
283
+ .ml-icon-search-plus {
284
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20208c0%2045.9-14.9%2088.3-40%20122.7L502.6%20457.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L330.7%20376C296.3%20401.1%20253.9%20416%20208%20416%2093.1%20416%200%20322.9%200%20208S93.1%200%20208%200%20416%2093.1%20416%20208zM208%20112c-13.3%200-24%2010.7-24%2024l0%2048-48%200c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024l48%200%200%2048c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24l0-48%2048%200c13.3%200%2024-10.7%2024-24s-10.7-24-24-24l-48%200%200-48c0-13.3-10.7-24-24-24z%22%2F%3E%3C%2Fsvg%3E");
285
+ }
286
+
287
+ .ml-icon-sign-in {
288
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M345%20273c9.4-9.4%209.4-24.6%200-33.9L201%2095c-6.9-6.9-17.2-8.9-26.2-5.2S160%20102.3%20160%20112l0%2080-112%200c-26.5%200-48%2021.5-48%2048l0%2032c0%2026.5%2021.5%2048%2048%2048l112%200%200%2080c0%209.7%205.8%2018.5%2014.8%2022.2s19.3%201.7%2026.2-5.2L345%20273zm7%20143c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l64%200c53%200%2096-43%2096-96l0-256c0-53-43-96-96-96l-64%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l64%200c17.7%200%2032%2014.3%2032%2032l0%20256c0%2017.7-14.3%2032-32%2032l-64%200z%22%2F%3E%3C%2Fsvg%3E");
289
+ }
290
+
291
+ .ml-icon-sign-out {
292
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M505%20273c9.4-9.4%209.4-24.6%200-33.9L361%2095c-6.9-6.9-17.2-8.9-26.2-5.2S320%20102.3%20320%20112l0%2080-112%200c-26.5%200-48%2021.5-48%2048l0%2032c0%2026.5%2021.5%2048%2048%2048l112%200%200%2080c0%209.7%205.8%2018.5%2014.8%2022.2s19.3%201.7%2026.2-5.2L505%20273zM160%2096c17.7%200%2032-14.3%2032-32s-14.3-32-32-32L96%2032C43%2032%200%2075%200%20128L0%20384c0%2053%2043%2096%2096%2096l64%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-64%200c-17.7%200-32-14.3-32-32l0-256c0-17.7%2014.3-32%2032-32l64%200z%22%2F%3E%3C%2Fsvg%3E");
293
+ }
294
+
295
+ .ml-icon-sliders-h {
296
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%2064C14.3%2064%200%2078.3%200%2096s14.3%2032%2032%2032l86.7%200c12.3%2028.3%2040.5%2048%2073.3%2048s61-19.7%2073.3-48L480%20128c17.7%200%2032-14.3%2032-32s-14.3-32-32-32L265.3%2064C253%2035.7%20224.8%2016%20192%2016s-61%2019.7-73.3%2048L32%2064zm0%20160c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l246.7%200c12.3%2028.3%2040.5%2048%2073.3%2048s61-19.7%2073.3-48l54.7%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-54.7%200c-12.3-28.3-40.5-48-73.3-48s-61%2019.7-73.3%2048L32%20224zm0%20160c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l54.7%200c12.3%2028.3%2040.5%2048%2073.3%2048s61-19.7%2073.3-48L480%20448c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-246.7%200c-12.3-28.3-40.5-48-73.3-48s-61%2019.7-73.3%2048L32%20384z%22%2F%3E%3C%2Fsvg%3E");
297
+ }
298
+
299
+ .ml-icon-sparkles {
300
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M263.4-27L278.2%209.8%20315%2024.6c3%201.2%205%204.2%205%207.4s-2%206.2-5%207.4L278.2%2054.2%20263.4%2091c-1.2%203-4.2%205-7.4%205s-6.2-2-7.4-5L233.8%2054.2%20197%2039.4c-3-1.2-5-4.2-5-7.4s2-6.2%205-7.4L233.8%209.8%20248.6-27c1.2-3%204.2-5%207.4-5s6.2%202%207.4%205zM110.7%2041.7l21.5%2050.1%2050.1%2021.5c5.9%202.5%209.7%208.3%209.7%2014.7s-3.8%2012.2-9.7%2014.7l-50.1%2021.5-21.5%2050.1c-2.5%205.9-8.3%209.7-14.7%209.7s-12.2-3.8-14.7-9.7L59.8%20164.2%209.7%20142.7C3.8%20140.2%200%20134.4%200%20128s3.8-12.2%209.7-14.7L59.8%2091.8%2081.3%2041.7C83.8%2035.8%2089.6%2032%2096%2032s12.2%203.8%2014.7%209.7zM464%20304c6.4%200%2012.2%203.8%2014.7%209.7l21.5%2050.1%2050.1%2021.5c5.9%202.5%209.7%208.3%209.7%2014.7s-3.8%2012.2-9.7%2014.7l-50.1%2021.5-21.5%2050.1c-2.5%205.9-8.3%209.7-14.7%209.7s-12.2-3.8-14.7-9.7l-21.5-50.1-50.1-21.5c-5.9-2.5-9.7-8.3-9.7-14.7s3.8-12.2%209.7-14.7l50.1-21.5%2021.5-50.1c2.5-5.9%208.3-9.7%2014.7-9.7zM460%200c11%200%2021.6%204.4%2029.5%2012.2l42.3%2042.3C539.6%2062.4%20544%2073%20544%2084s-4.4%2021.6-12.2%2029.5l-88.2%2088.2-101.3-101.3%2088.2-88.2C438.4%204.4%20449%200%20460%200zM44.2%20398.5L308.4%20134.3%20409.7%20235.6%20145.5%20499.8C137.6%20507.6%20127%20512%20116%20512s-21.6-4.4-29.5-12.2L44.2%20457.5C36.4%20449.6%2032%20439%2032%20428s4.4-21.6%2012.2-29.5z%22%2F%3E%3C%2Fsvg%3E");
301
+ }
302
+
303
+ .ml-icon-spinner {
304
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M208%2048a48%2048%200%201%201%2096%200%2048%2048%200%201%201%20-96%200zm0%20416a48%2048%200%201%201%2096%200%2048%2048%200%201%201%20-96%200zM48%20208a48%2048%200%201%201%200%2096%2048%2048%200%201%201%200-96zm368%2048a48%2048%200%201%201%2096%200%2048%2048%200%201%201%20-96%200zM75%20369.1A48%2048%200%201%201%20142.9%20437%2048%2048%200%201%201%2075%20369.1zM75%2075A48%2048%200%201%201%20142.9%20142.9%2048%2048%200%201%201%2075%2075zM437%20369.1A48%2048%200%201%201%20369.1%20437%2048%2048%200%201%201%20437%20369.1z%22%2F%3E%3C%2Fsvg%3E");
305
+ }
306
+
307
+ .ml-icon-sync {
308
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M65.9%20228.5c13.3-93%2093.4-164.5%20190.1-164.5%2053%200%20101%2021.5%20135.8%2056.2%20.2%20.2%20.4%20.4%20.6%20.6l7.6%207.2-47.9%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l128%200c17.7%200%2032-14.3%2032-32l0-128c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%2053.4-11.3-10.7C390.5%2028.6%20326.5%200%20256%200%20127%200%2020.3%2095.4%202.6%20219.5%20.1%20237%2012.2%20253.2%2029.7%20255.7s33.7-9.7%2036.2-27.1zm443.5%2064c2.5-17.5-9.7-33.7-27.1-36.2s-33.7%209.7-36.2%2027.1c-13.3%2093-93.4%20164.5-190.1%20164.5-53%200-101-21.5-135.8-56.2-.2-.2-.4-.4-.6-.6l-7.6-7.2%2047.9%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32L32%20320c-8.5%200-16.7%203.4-22.7%209.5S-.1%20343.7%200%20352.3l1%20127c.1%2017.7%2014.6%2031.9%2032.3%2031.7S65.2%20496.4%2065%20478.7l-.4-51.5%2010.7%2010.1c46.3%2046.1%20110.2%2074.7%20180.7%2074.7%20129%200%20235.7-95.4%20253.4-219.5z%22%2F%3E%3C%2Fsvg%3E");
309
+ }
310
+
311
+ .ml-icon-table {
312
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M384%2032c35.3%200%2064%2028.7%2064%2064l0%20320c0%2035.3-28.7%2064-64%2064l-320%200-6.5-.3C25.2%20476.4%200%20449.1%200%20416L0%2096C0%2060.7%2028.7%2032%2064%2032l320%200zM64%20320l0%2096%20128%200%200-96-128%200zm192%200l0%2096%20128%200%200-96-128%200zM64%20256l128%200%200-96-128%200%200%2096zm192%200l128%200%200-96-128%200%200%2096z%22%2F%3E%3C%2Fsvg%3E");
313
+ }
314
+
315
+ .ml-icon-tag {
316
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32.5%2096l0%20149.5c0%2017%206.7%2033.3%2018.7%2045.3l192%20192c25%2025%2065.5%2025%2090.5%200L483.2%20333.3c25-25%2025-65.5%200-90.5l-192-192C279.2%2038.7%20263%2032%20246%2032L96.5%2032c-35.3%200-64%2028.7-64%2064zm112%2016a32%2032%200%201%201%200%2064%2032%2032%200%201%201%200-64z%22%2F%3E%3C%2Fsvg%3E");
317
+ }
318
+
319
+ .ml-icon-thumbtack {
320
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M32%2032C32%2014.3%2046.3%200%2064%200L320%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032l-29.5%200%2010.3%20134.1c37.1%2021.2%2065.8%2056.4%2078.2%2099.7l3.8%2013.4c2.8%209.7%20.8%2020-5.2%2028.1S362%20352%20352%20352L32%20352c-10%200-19.5-4.7-25.5-12.7s-8-18.4-5.2-28.1L5%20297.8c12.4-43.3%2041-78.5%2078.2-99.7L93.5%2064%2064%2064C46.3%2064%2032%2049.7%2032%2032zM160%20400l64%200%200%20112c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32l0-112z%22%2F%3E%3C%2Fsvg%3E");
321
+ }
322
+
323
+ .ml-icon-times {
324
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M55.1%2073.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L147.2%20256%209.9%20393.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L192.5%20301.3%20329.9%20438.6c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L237.8%20256%20375.1%20118.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L192.5%20210.7%2055.1%2073.4z%22%2F%3E%3C%2Fsvg%3E");
325
+ }
326
+
327
+ .ml-icon-times-circle {
328
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20512a256%20256%200%201%200%200-512%20256%20256%200%201%200%200%20512zM167%20167c9.4-9.4%2024.6-9.4%2033.9%200l55%2055%2055-55c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-55%2055%2055%2055c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200l-55-55-55%2055c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9l55-55-55-55c-9.4-9.4-9.4-24.6%200-33.9z%22%2F%3E%3C%2Fsvg%3E");
329
+ }
330
+
331
+ .ml-icon-trash {
332
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M136.7%205.9L128%2032%2032%2032C14.3%2032%200%2046.3%200%2064S14.3%2096%2032%2096l384%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-96%200-8.7-26.1C306.9-7.2%20294.7-16%20280.9-16L167.1-16c-13.8%200-26%208.8-30.4%2021.9zM416%20144L32%20144%2053.1%20467.1C54.7%20492.4%2075.7%20512%20101%20512L347%20512c25.3%200%2046.3-19.6%2047.9-44.9L416%20144z%22%2F%3E%3C%2Fsvg%3E");
333
+ }
334
+
335
+ .ml-icon-twitter {
336
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%203h5l13%2018h-5z%22%2F%3E%3Cpath%20d%3D%22M20%203%204%2021%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
337
+ }
338
+
339
+ .ml-icon-users {
340
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20d%3D%22M320%2016a104%20104%200%201%201%200%20208%20104%20104%200%201%201%200-208zM96%2088a72%2072%200%201%201%200%20144%2072%2072%200%201%201%200-144zM0%20416c0-70.7%2057.3-128%20128-128%2012.8%200%2025.2%201.9%2036.9%205.4-32.9%2036.8-52.9%2085.4-52.9%20138.6l0%2016c0%2011.4%202.4%2022.2%206.7%2032L32%20480c-17.7%200-32-14.3-32-32l0-32zm521.3%2064c4.3-9.8%206.7-20.6%206.7-32l0-16c0-53.2-20-101.8-52.9-138.6%2011.7-3.5%2024.1-5.4%2036.9-5.4%2070.7%200%20128%2057.3%20128%20128l0%2032c0%2017.7-14.3%2032-32%2032l-86.7%200zM472%20160a72%2072%200%201%201%20144%200%2072%2072%200%201%201%20-144%200zM160%20432c0-88.4%2071.6-160%20160-160s160%2071.6%20160%20160l0%2016c0%2017.7-14.3%2032-32%2032l-256%200c-17.7%200-32-14.3-32-32l0-16z%22%2F%3E%3C%2Fsvg%3E");
341
+ }
342
+
343
+ .ml-icon-video {
344
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M96%2064c-35.3%200-64%2028.7-64%2064l0%20256c0%2035.3%2028.7%2064%2064%2064l256%200c35.3%200%2064-28.7%2064-64l0-256c0-35.3-28.7-64-64-64L96%2064zM464%20336l73.5%2058.8c4.2%203.4%209.4%205.2%2014.8%205.2%2013.1%200%2023.7-10.6%2023.7-23.7l0-240.6c0-13.1-10.6-23.7-23.7-23.7-5.4%200-10.6%201.8-14.8%205.2L464%20176%20464%20336z%22%2F%3E%3C%2Fsvg%3E");
345
+ }
346
+
347
+ .ml-icon-window-maximize {
348
+ --ml-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2064C28.7%2064%200%2092.7%200%20128L0%20384c0%2035.3%2028.7%2064%2064%2064l384%200c35.3%200%2064-28.7%2064-64l0-256c0-35.3-28.7-64-64-64L64%2064zm24%2064l336%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024L88%20176c-13.3%200-24-10.7-24-24s10.7-24%2024-24z%22%2F%3E%3C%2Fsvg%3E");
349
+ }
package/styles/index.scss ADDED
@@ -0,0 +1,4 @@
1
+ @use "theme";
2
+ @use "base";
3
+ @use "icons";
4
+ @use "ui";
package/styles/theme.scss ADDED
@@ -0,0 +1,47 @@
1
+ // Tema predefinito autonomo. Le applicazioni possono sovrascrivere i token dopo questo foglio.
2
+ :root {
3
+ --ml-overlay-z-index: 1102;
4
+ --ml-toast-z-index: 1103;
5
+ --ml-primary: #06c;
6
+ --ml-primary-hover: #004d99;
7
+ --ml-on-primary: #fff;
8
+ --ml-info: #0059b3;
9
+ --ml-info-hover: #004080;
10
+ --ml-surface: #fff;
11
+ --ml-surface-muted: #f0f3f7;
12
+ --ml-text: #19191a;
13
+ --ml-text-secondary: #5c6f82;
14
+ --ml-text-heading: #17324d;
15
+ --ml-text-muted: #768594;
16
+ --ml-control-border: #b1b1b3;
17
+ --ml-divider: #e3e4e6;
18
+ --ml-focus-color: #f90;
19
+ --ml-focus-shadow-color: rgb(23 50 77 / 10%);
20
+ --ml-selection-background: rgb(0 102 204 / 6%);
21
+ --ml-success: #008758;
22
+ --ml-warning: #a66300;
23
+ --ml-danger: #d9364f;
24
+ --ml-radius: 4px;
25
+ --ml-shadow: 0 2px 20px rgb(0 0 0 / 7%);
26
+ --ml-font-family: system-ui, sans-serif;
27
+ --ml-secondary-hover: #17324d;
28
+ --ml-secondary-subtle: rgb(92 111 130 / 8%);
29
+ --ml-success-hover: #006b46;
30
+ --ml-success-subtle: rgb(0 135 88 / 8%);
31
+ --ml-warning-hover: #855000;
32
+ --ml-warning-subtle: rgb(166 99 0 / 8%);
33
+ --ml-danger-hover: #b72a40;
34
+ --ml-danger-subtle: rgb(217 54 79 / 8%);
35
+ --ml-control-height: 2.5rem;
36
+ --ml-control-height-small: 2rem;
37
+ --ml-control-font-size-small: 0.875rem;
38
+ --ml-button-padding: 0.5rem 1rem;
39
+ --ml-button-padding-small: 0.375rem 0.75rem;
40
+ --ml-input-padding: 0.5rem 0.75rem;
41
+ --ml-toast-enter-duration: 450ms;
42
+ --ml-tooltip-background: color-mix(
43
+ in srgb,
44
+ var(--ml-text-heading) 90%,
45
+ transparent
46
+ );
47
+ }