@eui/styles 21.0.0-next.9 → 21.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/icons/sprites/eui-file.json +6 -0
- package/dist/assets/icons/sprites/eui-file.svg +1 -1
- package/dist/base/01-base/functions/_color.functions.scss +46 -124
- package/dist/base/01-base/functions/_other.functions.scss +4 -0
- package/dist/base/01-base/mixins/_accessibility.mixins.scss +2 -2
- package/dist/base/01-base/mixins/_eui-input.scss +2 -2
- package/dist/base/01-base/mixins/_eui-resizable.scss +1 -1
- package/dist/base/01-base/mixins/_icon-svg.mixins.scss +3 -3
- package/dist/base/02-tokens/colors-dark-theme.scss +232 -0
- package/dist/base/02-tokens/colors-default.scss +451 -0
- package/dist/base/02-tokens/colors-extra-palettes.scss +512 -0
- package/dist/base/02-tokens/maps.scss +292 -703
- package/dist/base/03-vars/vars-dark-theme.scss +47 -17
- package/dist/base/03-vars/vars.scss +93 -129
- package/dist/base/99-utilities/{default/index.scss → index.scss} +1 -0
- package/dist/base/99-utilities/{default/others → others}/_eui-u-anim.scss +1 -1
- package/dist/base/99-utilities/{default/others → others}/_eui-u-display.scss +2 -2
- package/dist/base/99-utilities/{default/others → others}/_eui-u-flex.scss +1 -1
- package/dist/base/99-utilities/{default/others → others}/_misc-utilities.scss +3 -0
- package/dist/base/99-utilities/tokens/_border-radius.scss +7 -0
- package/dist/base/99-utilities/{default/tokens → tokens}/_colors.scss +4 -2
- package/dist/base/99-utilities/{default/tokens → tokens}/_margins.scss +1 -1
- package/dist/base/99-utilities/{default/tokens → tokens}/_opacity.scss +1 -1
- package/dist/base/99-utilities/{default/tokens → tokens}/_paddings.scss +1 -1
- package/dist/base/99-utilities/{default/tokens → tokens}/_shadows.scss +1 -1
- package/dist/base/99-utilities/{default/tokens → tokens}/_spacings.scss +1 -1
- package/dist/base/99-utilities/{default/tokens → tokens}/_typography.scss +17 -6
- package/dist/base/99-utilities/{default/tokens → tokens}/_z-indexes.scss +1 -1
- package/dist/base/index.scss +1 -0
- package/dist/eui-base.css +1 -1
- package/dist/eui-base.css.map +1 -1
- package/dist/eui-bootstrap-grid.css +1 -0
- package/dist/eui-bootstrap-grid.css.map +1 -0
- package/dist/eui-ecl-ec.css +8 -2
- package/dist/eui-ecl-ec.css.map +1 -1
- package/dist/eui-ecl-eu.css +8 -2
- package/dist/eui-ecl-eu.css.map +1 -1
- package/dist/eui-ecl-grid.css +1 -0
- package/dist/eui-ecl-grid.css.map +1 -0
- package/dist/eui-icons-flags.css +1 -1
- package/dist/eui-print.css +1 -1
- package/dist/eui-showcase-all.css +2 -1
- package/dist/eui-showcase-all.css.map +1 -1
- package/dist/eui-theme-compact.css +1 -1
- package/dist/eui-theme-compact.css.map +1 -1
- package/dist/eui-theme-dark.css +1 -1
- package/dist/eui-theme-dark.css.map +1 -1
- package/dist/eui-utilities.css +1 -1
- package/dist/eui-utilities.css.map +1 -1
- package/dist/eui.css +1 -1
- package/dist/eui.css.map +1 -1
- package/package.json +1 -1
- package/dist/assets/icons/sprites/eui-social.json +0 -29
- package/dist/assets/icons/sprites/eui-social.svg +0 -1
- package/dist/base/02-tokens/maps-dark-theme.scss +0 -17
- package/dist/base/03-vars/vars-extras.scss +0 -34
- package/dist/base/99-utilities/utilities-extras.scss +0 -14
- package/dist/eui-ecl-ec-rtl.css +0 -1
- package/dist/eui-ecl-ec-rtl.css.map +0 -1
- package/dist/eui-ecl-eu-rtl.css +0 -1
- package/dist/eui-ecl-eu-rtl.css.map +0 -1
- package/dist/eui-extra-vars.css +0 -0
- package/dist/eui-extra-vars.css.map +0 -1
- package/dist/eui-utilities-extras.css +0 -1
- package/dist/eui-utilities-extras.css.map +0 -1
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-border-states.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-cursors.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-height.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-overflow.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-position.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-sr.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-states.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-visibility.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-width.scss +0 -0
|
@@ -6,16 +6,22 @@
|
|
|
6
6
|
"eui-file-css",
|
|
7
7
|
"eui-file-csv",
|
|
8
8
|
"eui-file-doc",
|
|
9
|
+
"eui-file-download",
|
|
10
|
+
"eui-file-empty",
|
|
9
11
|
"eui-file-html",
|
|
10
12
|
"eui-file-image",
|
|
11
13
|
"eui-file-jpg",
|
|
12
14
|
"eui-file-md",
|
|
15
|
+
"eui-file-odp",
|
|
16
|
+
"eui-file-ods",
|
|
17
|
+
"eui-file-odt",
|
|
13
18
|
"eui-file-pdf",
|
|
14
19
|
"eui-file-png",
|
|
15
20
|
"eui-file-ppt",
|
|
16
21
|
"eui-file-svg",
|
|
17
22
|
"eui-file-text",
|
|
18
23
|
"eui-file-txt",
|
|
24
|
+
"eui-file-upload",
|
|
19
25
|
"eui-file-video",
|
|
20
26
|
"eui-file-x",
|
|
21
27
|
"eui-file-xls",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-archive" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v176a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM200 216h-88v-16h8a8 8 0 0 0 0-16h-8v-16h8a8 8 0 0 0 0-16h-8v-16h8a8 8 0 0 0 0-16h-8v-8a8 8 0 0 0-16 0v8h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16H56V40h88v48a8 8 0 0 0 8 8h48v120Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-audio" xmlns="http://www.w3.org/2000/svg"><path d="M99.06 128.61a8 8 0 0 0-8.72 1.73L68.69 152H48a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h20.69l21.65 21.66A8 8 0 0 0 104 224v-88a8 8 0 0 0-4.94-7.39ZM88 204.69l-10.34-10.35A8 8 0 0 0 72 192H56v-24h16a8 8 0 0 0 5.66-2.34L88 155.31ZM152 180a40.55 40.55 0 0 1-20 34.91 8 8 0 0 1-8-13.82 24.49 24.49 0 0 0 0-42.18 8 8 0 0 1 8-13.82A40.55 40.55 0 0 1 152 180Zm61.66-97.66-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v80a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v120h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-code" xmlns="http://www.w3.org/2000/svg"><path d="M181.66 146.34a8 8 0 0 1 0 11.32l-24 24a8 8 0 0 1-11.32-11.32L164.69 152l-18.35-18.34a8 8 0 0 1 11.32-11.32Zm-72-24a8 8 0 0 0-11.32 0l-24 24a8 8 0 0 0 0 11.32l24 24a8 8 0 0 0 11.32-11.32L91.31 152l18.35-18.34a8 8 0 0 0 0-11.32ZM216 88v128a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88Zm-56-8h28.69L160 51.31Zm40 136V96h-48a8 8 0 0 1-8-8V40H56v176h144Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-cpp" xmlns="http://www.w3.org/2000/svg"><path d="M48 180c0 11 7.18 20 16 20a14.18 14.18 0 0 0 10.22-4.66 8 8 0 0 1 11.56 11.06A30.06 30.06 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30.06 30.06 0 0 1 21.78 9.6 8 8 0 0 1-11.56 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20Zm-8-68V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 0 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0Zm120-32h28.69L160 51.31Zm-12 92h-12v-12a8 8 0 0 0-16 0v12h-12a8 8 0 0 0 0 16h12v12a8 8 0 0 0 16 0v-12h12a8 8 0 0 0 0-16Zm68 0h-12v-12a8 8 0 0 0-16 0v12h-12a8 8 0 0 0 0 16h12v12a8 8 0 0 0 16 0v-12h12a8 8 0 0 0 0-16Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-css" xmlns="http://www.w3.org/2000/svg"><path d="M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66 8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6 8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20Zm79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11 12.07 3.49 13.13 4.92 12.78 7.59-.31 2.41-1.26 3.34-2.14 3.93-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41 61.23 61.23 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97Zm64 0c-4-1.16-8.14-2.35-10.45-3.84-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11 12.06 3.49 13.12 4.92 12.78 7.59-.31 2.41-1.26 3.34-2.15 3.93-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44 61.34 61.34 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0Zm120-32h28.68L160 51.31Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-csv" xmlns="http://www.w3.org/2000/svg"><path d="M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66 8 8 0 0 1 11.56 11.06A30.06 30.06 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30.06 30.06 0 0 1 21.78 9.6 8 8 0 0 1-11.56 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20Zm79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84-1.25-.81-1.23-1-1.12-1.9a4.57 4.57 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.15-15.48c-2.12-.55-21-5.22-32.84 2.76a20.58 20.58 0 0 0-9 14.95c-2 15.88 13.65 20.41 23 23.11 12.06 3.49 13.12 4.92 12.78 7.59-.31 2.41-1.26 3.34-2.14 3.93-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.31 15.44 61.34 61.34 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.19-17.31-14.32-22.14-24.21-25Zm83.09-26.84a8 8 0 0 0-10.23 4.84L188 184.21l-12.47-34.9a8 8 0 0 0-15.07 5.38l20 56a8 8 0 0 0 15.07 0l20-56a8 8 0 0 0-4.84-10.22ZM216 88v24a8 8 0 0 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88Zm-27.31-8L160 51.31V80Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-doc" xmlns="http://www.w3.org/2000/svg"><path d="M52 144H36a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8h16a36 36 0 0 0 0-72Zm0 56h-8v-40h8a20 20 0 0 1 0 40Zm169.53-4.91a8 8 0 0 1 .25 11.31A30.06 30.06 0 0 1 200 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30.06 30.06 0 0 1 21.78 9.6 8 8 0 0 1-11.56 11.06A14.24 14.24 0 0 0 200 160c-8.82 0-16 9-16 20s7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66 8 8 0 0 1 11.31-.25ZM128 144c-17.65 0-32 16.15-32 36s14.35 36 32 36 32-16.15 32-36-14.35-36-32-36Zm0 56c-8.82 0-16-9-16-20s7.18-20 16-20 16 9 16 20-7.18 20-16 20Zm-80-80a8 8 0 0 0 8-8V40h88v48a8 8 0 0 0 8 8h48v16a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 8 8Zm112-68.69L188.69 80H160Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-html" xmlns="http://www.w3.org/2000/svg"><path d="M216 120V88a8 8 0 0 0-2.34-5.66l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v80a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v24a8 8 0 0 0 16 0Zm-56-68.69L188.69 80H160ZM68 160v48a8 8 0 0 1-16 0v-16H32v16a8 8 0 0 1-16 0v-48a8 8 0 0 1 16 0v16h20v-16a8 8 0 0 1 16 0Zm56 0a8 8 0 0 1-8 8h-8v40a8 8 0 0 1-16 0v-40h-8a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8Zm72 0v48a8 8 0 0 1-16 0v-24l-9.6 12.8a8 8 0 0 1-12.8 0L148 184v24a8 8 0 0 1-16 0v-48a8 8 0 0 1 14.4-4.8l17.6 23.47 17.6-23.47A8 8 0 0 1 196 160Zm56 48a8 8 0 0 1-8 8h-28a8 8 0 0 1-8-8v-48a8 8 0 0 1 16 0v40h20a8 8 0 0 1 8 8Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-image" xmlns="http://www.w3.org/2000/svg"><path d="M110.66 147.56a8 8 0 0 0-13.32 0l-20.85 31.29-9.76-15.18a8 8 0 0 0-13.46 0l-36 56A8 8 0 0 0 24 232h128a8 8 0 0 0 6.66-12.44ZM38.65 216 60 182.79l9.63 15a8 8 0 0 0 13.39.11l21-31.47L137.05 216Zm175-133.66-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v88a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v120h-8a8 8 0 0 0 0 16h8a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-jpg" xmlns="http://www.w3.org/2000/svg"><path d="M120 144h-16a8 8 0 0 0-8 8v56a8 8 0 0 0 16 0v-8h8a28 28 0 0 0 0-56Zm0 40h-8v-24h8a12 12 0 0 1 0 24Zm96 0v16.87a8 8 0 0 1-2.22 5.53A30.06 30.06 0 0 1 192 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a29.38 29.38 0 0 1 16.48 5.12 8 8 0 0 1-9 13.26A13.21 13.21 0 0 0 192 160c-8.82 0-16 9-16 20s7.18 20 16 20a13.63 13.63 0 0 0 8-2.71V192a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8ZM80 152v38a26 26 0 0 1-52 0 8 8 0 0 1 16 0 10 10 0 0 0 20 0v-38a8 8 0 0 1 16 0Zm133.66-69.66-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v16a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66ZM160 80V51.31L188.69 80Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-md" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v128a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM144 144h-16a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8h16a36 36 0 0 0 0-72Zm0 56h-8v-40h8a20 20 0 0 1 0 40Zm-40-48v56a8 8 0 0 1-16 0v-30.62l-13.45 19.21a8 8 0 0 1-13.1 0L48 177.38V208a8 8 0 0 1-16 0v-56a8 8 0 0 1 14.55-4.59L68 178.05l21.45-30.64A8 8 0 0 1 104 152Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-pdf" xmlns="http://www.w3.org/2000/svg"><path d="M224 152a8 8 0 0 1-8 8h-24v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0v-56a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8ZM92 172a28 28 0 0 1-28 28h-8v8a8 8 0 0 1-16 0v-56a8 8 0 0 1 8-8h16a28 28 0 0 1 28 28Zm-16 0a12 12 0 0 0-12-12h-8v24h8a12 12 0 0 0 12-12Zm88 8a36 36 0 0 1-36 36h-16a8 8 0 0 1-8-8v-56a8 8 0 0 1 8-8h16a36 36 0 0 1 36 36Zm-16 0a20 20 0 0 0-20-20h-8v40h8a20 20 0 0 0 20-20ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 0 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0Zm120-32h28.69L160 51.31Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-png" xmlns="http://www.w3.org/2000/svg"><path d="M60 144H44a8 8 0 0 0-8 8v56a8 8 0 0 0 16 0v-8h8a28 28 0 0 0 0-56Zm0 40h-8v-24h8a12 12 0 0 1 0 24Zm164 16.87a8 8 0 0 1-2.22 5.53A30.06 30.06 0 0 1 200 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a29.45 29.45 0 0 1 16.48 5.11 8 8 0 0 1-9 13.27A13.21 13.21 0 0 0 200 160c-8.82 0-16 9-16 20s7.18 20 16 20a13.57 13.57 0 0 0 8-2.72V192a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8ZM156 152v56a8 8 0 0 1-5.56 7.62 7.91 7.91 0 0 1-2.44.38 8 8 0 0 1-6.51-3.35L116 177v31a8 8 0 0 1-16 0v-56a8 8 0 0 1 14.51-4.65L140 183v-31a8 8 0 0 1 16 0ZM48 120a8 8 0 0 0 8-8V40h88v48a8 8 0 0 0 8 8h48v16a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 8 8Zm112-68.69L188.69 80H160Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-ppt" xmlns="http://www.w3.org/2000/svg"><path d="M224 152a8 8 0 0 1-8 8h-12v48a8 8 0 0 1-16 0v-48h-12a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8ZM92 172a28 28 0 0 1-28 28h-8v8a8 8 0 0 1-16 0v-56a8 8 0 0 1 8-8h16a28 28 0 0 1 28 28Zm-16 0a12 12 0 0 0-12-12h-8v24h8a12 12 0 0 0 12-12Zm84 0a28 28 0 0 1-28 28h-8v8a8 8 0 0 1-16 0v-56a8 8 0 0 1 8-8h16a28 28 0 0 1 28 28Zm-16 0a12 12 0 0 0-12-12h-8v24h8a12 12 0 0 0 12-12ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 0 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0Zm120-32h28.69L160 51.31Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-svg" xmlns="http://www.w3.org/2000/svg"><path d="M87.82 196.31a20.82 20.82 0 0 1-9.19 15.23C73.44 215 67 216 61.14 216A61.23 61.23 0 0 1 46 214a8 8 0 0 1 4.3-15.41c4.38 1.2 14.95 2.7 19.55-.36.88-.59 1.83-1.52 2.14-3.93.35-2.67-.71-4.1-12.78-7.59-9.35-2.7-25-7.23-23-23.11a20.55 20.55 0 0 1 9-14.95c11.84-8 30.72-3.31 32.83-2.76a8 8 0 0 1-4.07 15.48c-4.48-1.17-15.23-2.56-19.83.56a4.54 4.54 0 0 0-2 3.67c-.11.9-.14 1.09 1.12 1.9 2.31 1.49 6.44 2.68 10.45 3.84 9.79 2.83 26.35 7.66 24.11 24.97ZM216 88v24a8 8 0 0 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 1 1-16 0V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.65 2.34l56 56A8 8 0 0 1 216 88Zm-56-8h28.69L160 51.31Zm-13.3 64.47a8 8 0 0 0-10.23 4.84L124 184.21l-12.47-34.9a8 8 0 1 0-15.06 5.38l20 56a8 8 0 0 0 15.07 0l20-56a8 8 0 0 0-4.84-10.22ZM208 176h-8a8 8 0 0 0 0 16v5.29a13.38 13.38 0 0 1-8 2.71c-8.82 0-16-9-16-20s7.18-20 16-20a13.27 13.27 0 0 1 7.53 2.38 8 8 0 0 0 8.95-13.26A29.38 29.38 0 0 0 192 144c-17.64 0-32 16.15-32 36s14.36 36 32 36a30.06 30.06 0 0 0 21.78-9.6 8 8 0 0 0 2.22-5.53V184a8 8 0 0 0-8-8Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-text" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v176a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM200 216H56V40h88v48a8 8 0 0 0 8 8h48v120Zm-32-80a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm0 32a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-txt" xmlns="http://www.w3.org/2000/svg"><path d="M48 120a8 8 0 0 0 8-8V40h88v48a8 8 0 0 0 8 8h48v16a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 8 8Zm112-68.69L188.69 80H160Zm-5.49 105.34L137.83 180l16.68 23.35a8 8 0 0 1-13 9.3L128 193.76l-13.49 18.89a8 8 0 1 1-13-9.3L118.17 180l-16.68-23.35a8 8 0 1 1 13-9.3L128 166.24l13.49-18.89a8 8 0 0 1 13 9.3ZM92 152a8 8 0 0 1-8 8H72v48a8 8 0 0 1-16 0v-48H44a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8Zm128 0a8 8 0 0 1-8 8h-12v48a8 8 0 0 1-16 0v-48h-12a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-video" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v120h-8a8 8 0 0 0 0 16h8a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM155.88 145a8 8 0 0 0-8.12.22l-19.95 12.46A16 16 0 0 0 112 144H48a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h64a16 16 0 0 0 15.81-13.68l19.95 12.46A8 8 0 0 0 160 216v-64a8 8 0 0 0-4.12-7ZM112 208H48v-48h64v48Zm32-6.43-16-10v-15.14l16-10Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-x" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v176a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM200 216H56V40h88v48a8 8 0 0 0 8 8h48v120Zm-42.34-82.34L139.31 152l18.35 18.34a8 8 0 0 1-11.32 11.32L128 163.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L116.69 152l-18.35-18.34a8 8 0 0 1 11.32-11.32L128 140.69l18.34-18.35a8 8 0 0 1 11.32 11.32Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-xls" xmlns="http://www.w3.org/2000/svg"><path d="M156 208a8 8 0 0 1-8 8h-28a8 8 0 0 1-8-8v-56a8 8 0 0 1 16 0v48h20a8 8 0 0 1 8 8Zm-63.35-62.51a8 8 0 0 0-11.16 1.86L68 166.24l-13.49-18.89a8 8 0 1 0-13 9.3L58.17 180l-16.68 23.35a8 8 0 0 0 13 9.3L68 193.76l13.49 18.89a8 8 0 0 0 13-9.3L77.83 180l16.68-23.35a8 8 0 0 0-1.86-11.16Zm98.94 25.82c-4-1.16-8.14-2.35-10.45-3.84-1.25-.82-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.72 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11 12.06 3.49 13.12 4.92 12.78 7.59-.31 2.41-1.26 3.33-2.15 3.93-4.6 3.06-15.16 1.55-19.54.35a8 8 0 0 0-4.29 15.45 60.63 60.63 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0Zm120-32h28.68L160 51.31Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-zip" xmlns="http://www.w3.org/2000/svg"><path d="M184 144h-16a8 8 0 0 0-8 8v56a8 8 0 0 0 16 0v-8h8a28 28 0 0 0 0-56Zm0 40h-8v-24h8a12 12 0 0 1 0 24Zm-48-32v56a8 8 0 0 1-16 0v-56a8 8 0 0 1 16 0Zm-40 56a8 8 0 0 1-8 8H56a8 8 0 0 1-7-12l25.16-44H56a8 8 0 0 1 0-16h32a8 8 0 0 1 7 12l-25.21 44H88a8 8 0 0 1 8 8ZM213.66 82.34l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v16a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66ZM160 80V51.31L188.69 80Z"/></symbol></svg>
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-archive" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v176a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM200 216h-88v-16h8a8 8 0 0 0 0-16h-8v-16h8a8 8 0 0 0 0-16h-8v-16h8a8 8 0 0 0 0-16h-8v-8a8 8 0 0 0-16 0v8h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16h-8a8 8 0 0 0 0 16h8v16H56V40h88v48a8 8 0 0 0 8 8h48v120Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-audio" xmlns="http://www.w3.org/2000/svg"><path d="M99.06 128.61a8 8 0 0 0-8.72 1.73L68.69 152H48a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h20.69l21.65 21.66A8 8 0 0 0 104 224v-88a8 8 0 0 0-4.94-7.39ZM88 204.69l-10.34-10.35A8 8 0 0 0 72 192H56v-24h16a8 8 0 0 0 5.66-2.34L88 155.31ZM152 180a40.55 40.55 0 0 1-20 34.91 8 8 0 0 1-8-13.82 24.49 24.49 0 0 0 0-42.18 8 8 0 0 1 8-13.82A40.55 40.55 0 0 1 152 180Zm61.66-97.66-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v80a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v120h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-code" xmlns="http://www.w3.org/2000/svg"><path d="M181.66 146.34a8 8 0 0 1 0 11.32l-24 24a8 8 0 0 1-11.32-11.32L164.69 152l-18.35-18.34a8 8 0 0 1 11.32-11.32Zm-72-24a8 8 0 0 0-11.32 0l-24 24a8 8 0 0 0 0 11.32l24 24a8 8 0 0 0 11.32-11.32L91.31 152l18.35-18.34a8 8 0 0 0 0-11.32ZM216 88v128a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88Zm-56-8h28.69L160 51.31Zm40 136V96h-48a8 8 0 0 1-8-8V40H56v176h144Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-cpp" xmlns="http://www.w3.org/2000/svg"><path d="M48 180c0 11 7.18 20 16 20a14.18 14.18 0 0 0 10.22-4.66 8 8 0 0 1 11.56 11.06A30.06 30.06 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30.06 30.06 0 0 1 21.78 9.6 8 8 0 0 1-11.56 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20Zm-8-68V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 0 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0Zm120-32h28.69L160 51.31Zm-12 92h-12v-12a8 8 0 0 0-16 0v12h-12a8 8 0 0 0 0 16h12v12a8 8 0 0 0 16 0v-12h12a8 8 0 0 0 0-16Zm68 0h-12v-12a8 8 0 0 0-16 0v12h-12a8 8 0 0 0 0 16h12v12a8 8 0 0 0 16 0v-12h12a8 8 0 0 0 0-16Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-css" xmlns="http://www.w3.org/2000/svg"><path d="M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66 8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6 8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20Zm79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11 12.07 3.49 13.13 4.92 12.78 7.59-.31 2.41-1.26 3.34-2.14 3.93-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41 61.23 61.23 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97Zm64 0c-4-1.16-8.14-2.35-10.45-3.84-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11 12.06 3.49 13.12 4.92 12.78 7.59-.31 2.41-1.26 3.34-2.15 3.93-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44 61.34 61.34 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0Zm120-32h28.68L160 51.31Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-csv" xmlns="http://www.w3.org/2000/svg"><path d="M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66 8 8 0 0 1 11.56 11.06A30.06 30.06 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30.06 30.06 0 0 1 21.78 9.6 8 8 0 0 1-11.56 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20Zm79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84-1.25-.81-1.23-1-1.12-1.9a4.57 4.57 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.15-15.48c-2.12-.55-21-5.22-32.84 2.76a20.58 20.58 0 0 0-9 14.95c-2 15.88 13.65 20.41 23 23.11 12.06 3.49 13.12 4.92 12.78 7.59-.31 2.41-1.26 3.34-2.14 3.93-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.31 15.44 61.34 61.34 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.19-17.31-14.32-22.14-24.21-25Zm83.09-26.84a8 8 0 0 0-10.23 4.84L188 184.21l-12.47-34.9a8 8 0 0 0-15.07 5.38l20 56a8 8 0 0 0 15.07 0l20-56a8 8 0 0 0-4.84-10.22ZM216 88v24a8 8 0 0 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88Zm-27.31-8L160 51.31V80Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-doc" xmlns="http://www.w3.org/2000/svg"><path d="M52 144H36a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8h16a36 36 0 0 0 0-72Zm0 56h-8v-40h8a20 20 0 0 1 0 40Zm169.53-4.91a8 8 0 0 1 .25 11.31A30.06 30.06 0 0 1 200 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30.06 30.06 0 0 1 21.78 9.6 8 8 0 0 1-11.56 11.06A14.24 14.24 0 0 0 200 160c-8.82 0-16 9-16 20s7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66 8 8 0 0 1 11.31-.25ZM128 144c-17.65 0-32 16.15-32 36s14.35 36 32 36 32-16.15 32-36-14.35-36-32-36Zm0 56c-8.82 0-16-9-16-20s7.18-20 16-20 16 9 16 20-7.18 20-16 20Zm-80-80a8 8 0 0 0 8-8V40h88v48a8 8 0 0 0 8 8h48v16a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 8 8Zm112-68.69L188.69 80H160Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-download" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v176a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM200 216H56V40h88v48a8 8 0 0 0 8 8h48v120Zm-42.34-61.66a8 8 0 0 1 0 11.32l-24 24a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L120 164.69V120a8 8 0 0 1 16 0v44.69l10.34-10.35a8 8 0 0 1 11.32 0Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-empty" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v176a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM200 216H56V40h88v48a8 8 0 0 0 8 8h48v120Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-html" xmlns="http://www.w3.org/2000/svg"><path d="M216 120V88a8 8 0 0 0-2.34-5.66l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v80a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v24a8 8 0 0 0 16 0Zm-56-68.69L188.69 80H160ZM68 160v48a8 8 0 0 1-16 0v-16H32v16a8 8 0 0 1-16 0v-48a8 8 0 0 1 16 0v16h20v-16a8 8 0 0 1 16 0Zm56 0a8 8 0 0 1-8 8h-8v40a8 8 0 0 1-16 0v-40h-8a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8Zm72 0v48a8 8 0 0 1-16 0v-24l-9.6 12.8a8 8 0 0 1-12.8 0L148 184v24a8 8 0 0 1-16 0v-48a8 8 0 0 1 14.4-4.8l17.6 23.47 17.6-23.47A8 8 0 0 1 196 160Zm56 48a8 8 0 0 1-8 8h-28a8 8 0 0 1-8-8v-48a8 8 0 0 1 16 0v40h20a8 8 0 0 1 8 8Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-image" xmlns="http://www.w3.org/2000/svg"><path d="M110.66 147.56a8 8 0 0 0-13.32 0l-20.85 31.29-9.76-15.18a8 8 0 0 0-13.46 0l-36 56A8 8 0 0 0 24 232h128a8 8 0 0 0 6.66-12.44ZM38.65 216 60 182.79l9.63 15a8 8 0 0 0 13.39.11l21-31.47L137.05 216Zm175-133.66-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v88a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v120h-8a8 8 0 0 0 0 16h8a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-jpg" xmlns="http://www.w3.org/2000/svg"><path d="M120 144h-16a8 8 0 0 0-8 8v56a8 8 0 0 0 16 0v-8h8a28 28 0 0 0 0-56Zm0 40h-8v-24h8a12 12 0 0 1 0 24Zm96 0v16.87a8 8 0 0 1-2.22 5.53A30.06 30.06 0 0 1 192 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a29.38 29.38 0 0 1 16.48 5.12 8 8 0 0 1-9 13.26A13.21 13.21 0 0 0 192 160c-8.82 0-16 9-16 20s7.18 20 16 20a13.63 13.63 0 0 0 8-2.71V192a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8ZM80 152v38a26 26 0 0 1-52 0 8 8 0 0 1 16 0 10 10 0 0 0 20 0v-38a8 8 0 0 1 16 0Zm133.66-69.66-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v16a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66ZM160 80V51.31L188.69 80Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-md" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v128a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM144 144h-16a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8h16a36 36 0 0 0 0-72Zm0 56h-8v-40h8a20 20 0 0 1 0 40Zm-40-48v56a8 8 0 0 1-16 0v-30.62l-13.45 19.21a8 8 0 0 1-13.1 0L48 177.38V208a8 8 0 0 1-16 0v-56a8 8 0 0 1 14.55-4.59L68 178.05l21.45-30.64A8 8 0 0 1 104 152Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-odp" xmlns="http://www.w3.org/2000/svg"><path d="M60 144c-17.65 0-32 16.15-32 36s14.35 36 32 36 32-16.15 32-36-14.35-36-32-36Zm0 56c-8.82 0-16-9-16-20s7.18-20 16-20 16 9 16 20-7.18 20-16 20ZM127 144h-16a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8h16a36 36 0 1 0 0-72Zm0 56h-8v-40h8a20 20 0 0 1 0 40ZM48 120a8.001 8.001 0 0 0 8-8V40h88v48a8.001 8.001 0 0 0 8 8h48v16a8 8 0 1 0 16 0V88a7.988 7.988 0 0 0-2.34-5.66l-56-56A7.995 7.995 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 8 8Zm112-68.69L188.69 80H160V51.31ZM230 172a28 28 0 0 1-28 28h-8v8a8 8 0 1 1-16 0v-56a8 8 0 0 1 8-8h16a28 28 0 0 1 28 28Zm-16 0c0-3.183-1.264-6.235-3.515-8.485A11.996 11.996 0 0 0 202 160h-8v24h8c3.183 0 6.235-1.264 8.485-3.515A11.996 11.996 0 0 0 214 172Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-ods" xmlns="http://www.w3.org/2000/svg"><path d="M60 144c-17.65 0-32 16.15-32 36s14.35 36 32 36 32-16.15 32-36-14.35-36-32-36Zm0 56c-8.82 0-16-9-16-20s7.18-20 16-20 16 9 16 20-7.18 20-16 20ZM127 144h-16a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8h16a36 36 0 1 0 0-72Zm0 56h-8v-40h8a20 20 0 0 1 0 40ZM201.6 171.31c-4-1.16-8.14-2.35-10.45-3.84-1.25-.81-1.23-1-1.12-1.9a4.544 4.544 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 9.775-5.705 8 8 0 0 0-5.705-9.775c-2.11-.55-21-5.22-32.83 2.76a20.574 20.574 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11 12.06 3.49 13.12 4.92 12.78 7.59-.31 2.41-1.26 3.34-2.15 3.93-4.6 3.06-15.16 1.56-19.54.36a8.014 8.014 0 0 0-4.3 15.44 61.325 61.325 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.813 20.813 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25h.01ZM48 120a8.001 8.001 0 0 0 8-8V40h88v48a8.001 8.001 0 0 0 8 8h48v16a8 8 0 1 0 16 0V88a7.988 7.988 0 0 0-2.34-5.66l-56-56A7.995 7.995 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 8 8Zm112-68.69L188.69 80H160V51.31Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-odt" xmlns="http://www.w3.org/2000/svg"><path d="M60 144c-17.65 0-32 16.15-32 36s14.35 36 32 36 32-16.15 32-36-14.35-36-32-36Zm0 56c-8.82 0-16-9-16-20s7.18-20 16-20 16 9 16 20-7.18 20-16 20ZM127 144h-16a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8h16a36 36 0 1 0 0-72Zm0 56h-8v-40h8a20 20 0 0 1 0 40ZM48 120a8.001 8.001 0 0 0 8-8V40h88v48a8.001 8.001 0 0 0 8 8h48v16a8 8 0 1 0 16 0V88a7.988 7.988 0 0 0-2.34-5.66l-56-56A7.995 7.995 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 8 8Zm112-68.69L188.69 80H160V51.31ZM227 152a8 8 0 0 1-8 8h-12v48a8 8 0 1 1-16 0v-48h-12a8 8 0 1 1 0-16h40a8 8 0 0 1 8 8Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-pdf" xmlns="http://www.w3.org/2000/svg"><path d="M224 152a8 8 0 0 1-8 8h-24v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0v-56a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8ZM92 172a28 28 0 0 1-28 28h-8v8a8 8 0 0 1-16 0v-56a8 8 0 0 1 8-8h16a28 28 0 0 1 28 28Zm-16 0a12 12 0 0 0-12-12h-8v24h8a12 12 0 0 0 12-12Zm88 8a36 36 0 0 1-36 36h-16a8 8 0 0 1-8-8v-56a8 8 0 0 1 8-8h16a36 36 0 0 1 36 36Zm-16 0a20 20 0 0 0-20-20h-8v40h8a20 20 0 0 0 20-20ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 0 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0Zm120-32h28.69L160 51.31Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-png" xmlns="http://www.w3.org/2000/svg"><path d="M60 144H44a8 8 0 0 0-8 8v56a8 8 0 0 0 16 0v-8h8a28 28 0 0 0 0-56Zm0 40h-8v-24h8a12 12 0 0 1 0 24Zm164 16.87a8 8 0 0 1-2.22 5.53A30.06 30.06 0 0 1 200 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a29.45 29.45 0 0 1 16.48 5.11 8 8 0 0 1-9 13.27A13.21 13.21 0 0 0 200 160c-8.82 0-16 9-16 20s7.18 20 16 20a13.57 13.57 0 0 0 8-2.72V192a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8ZM156 152v56a8 8 0 0 1-5.56 7.62 7.91 7.91 0 0 1-2.44.38 8 8 0 0 1-6.51-3.35L116 177v31a8 8 0 0 1-16 0v-56a8 8 0 0 1 14.51-4.65L140 183v-31a8 8 0 0 1 16 0ZM48 120a8 8 0 0 0 8-8V40h88v48a8 8 0 0 0 8 8h48v16a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 8 8Zm112-68.69L188.69 80H160Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-ppt" xmlns="http://www.w3.org/2000/svg"><path d="M224 152a8 8 0 0 1-8 8h-12v48a8 8 0 0 1-16 0v-48h-12a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8ZM92 172a28 28 0 0 1-28 28h-8v8a8 8 0 0 1-16 0v-56a8 8 0 0 1 8-8h16a28 28 0 0 1 28 28Zm-16 0a12 12 0 0 0-12-12h-8v24h8a12 12 0 0 0 12-12Zm84 0a28 28 0 0 1-28 28h-8v8a8 8 0 0 1-16 0v-56a8 8 0 0 1 8-8h16a28 28 0 0 1 28 28Zm-16 0a12 12 0 0 0-12-12h-8v24h8a12 12 0 0 0 12-12ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 0 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0Zm120-32h28.69L160 51.31Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-svg" xmlns="http://www.w3.org/2000/svg"><path d="M87.82 196.31a20.82 20.82 0 0 1-9.19 15.23C73.44 215 67 216 61.14 216A61.23 61.23 0 0 1 46 214a8 8 0 0 1 4.3-15.41c4.38 1.2 14.95 2.7 19.55-.36.88-.59 1.83-1.52 2.14-3.93.35-2.67-.71-4.1-12.78-7.59-9.35-2.7-25-7.23-23-23.11a20.55 20.55 0 0 1 9-14.95c11.84-8 30.72-3.31 32.83-2.76a8 8 0 0 1-4.07 15.48c-4.48-1.17-15.23-2.56-19.83.56a4.54 4.54 0 0 0-2 3.67c-.11.9-.14 1.09 1.12 1.9 2.31 1.49 6.44 2.68 10.45 3.84 9.79 2.83 26.35 7.66 24.11 24.97ZM216 88v24a8 8 0 0 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 1 1-16 0V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.65 2.34l56 56A8 8 0 0 1 216 88Zm-56-8h28.69L160 51.31Zm-13.3 64.47a8 8 0 0 0-10.23 4.84L124 184.21l-12.47-34.9a8 8 0 1 0-15.06 5.38l20 56a8 8 0 0 0 15.07 0l20-56a8 8 0 0 0-4.84-10.22ZM208 176h-8a8 8 0 0 0 0 16v5.29a13.38 13.38 0 0 1-8 2.71c-8.82 0-16-9-16-20s7.18-20 16-20a13.27 13.27 0 0 1 7.53 2.38 8 8 0 0 0 8.95-13.26A29.38 29.38 0 0 0 192 144c-17.64 0-32 16.15-32 36s14.36 36 32 36a30.06 30.06 0 0 0 21.78-9.6 8 8 0 0 0 2.22-5.53V184a8 8 0 0 0-8-8Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-text" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v176a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM200 216H56V40h88v48a8 8 0 0 0 8 8h48v120Zm-32-80a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm0 32a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-txt" xmlns="http://www.w3.org/2000/svg"><path d="M48 120a8 8 0 0 0 8-8V40h88v48a8 8 0 0 0 8 8h48v16a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 8 8Zm112-68.69L188.69 80H160Zm-5.49 105.34L137.83 180l16.68 23.35a8 8 0 0 1-13 9.3L128 193.76l-13.49 18.89a8 8 0 1 1-13-9.3L118.17 180l-16.68-23.35a8 8 0 1 1 13-9.3L128 166.24l13.49-18.89a8 8 0 0 1 13 9.3ZM92 152a8 8 0 0 1-8 8H72v48a8 8 0 0 1-16 0v-48H44a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8Zm128 0a8 8 0 0 1-8 8h-12v48a8 8 0 0 1-16 0v-48h-12a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-upload" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v176a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM200 216H56V40h88v48a8 8 0 0 0 8 8h48v120Zm-42.34-77.66a8 8 0 0 1-11.32 11.32L136 139.31V184a8 8 0 0 1-16 0v-44.69l-10.34 10.35a8 8 0 0 1-11.32-11.32l24-24a8 8 0 0 1 11.32 0Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-video" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v120h-8a8 8 0 0 0 0 16h8a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM155.88 145a8 8 0 0 0-8.12.22l-19.95 12.46A16 16 0 0 0 112 144H48a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h64a16 16 0 0 0 15.81-13.68l19.95 12.46A8 8 0 0 0 160 216v-64a8 8 0 0 0-4.12-7ZM112 208H48v-48h64v48Zm32-6.43-16-10v-15.14l16-10Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-x" xmlns="http://www.w3.org/2000/svg"><path d="m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v176a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66ZM160 51.31 188.69 80H160ZM200 216H56V40h88v48a8 8 0 0 0 8 8h48v120Zm-42.34-82.34L139.31 152l18.35 18.34a8 8 0 0 1-11.32 11.32L128 163.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L116.69 152l-18.35-18.34a8 8 0 0 1 11.32-11.32L128 140.69l18.34-18.35a8 8 0 0 1 11.32 11.32Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-xls" xmlns="http://www.w3.org/2000/svg"><path d="M156 208a8 8 0 0 1-8 8h-28a8 8 0 0 1-8-8v-56a8 8 0 0 1 16 0v48h20a8 8 0 0 1 8 8Zm-63.35-62.51a8 8 0 0 0-11.16 1.86L68 166.24l-13.49-18.89a8 8 0 1 0-13 9.3L58.17 180l-16.68 23.35a8 8 0 0 0 13 9.3L68 193.76l13.49 18.89a8 8 0 0 0 13-9.3L77.83 180l16.68-23.35a8 8 0 0 0-1.86-11.16Zm98.94 25.82c-4-1.16-8.14-2.35-10.45-3.84-1.25-.82-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.72 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11 12.06 3.49 13.12 4.92 12.78 7.59-.31 2.41-1.26 3.33-2.15 3.93-4.6 3.06-15.16 1.55-19.54.35a8 8 0 0 0-4.29 15.45 60.63 60.63 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0Zm120-32h28.68L160 51.31Z"/></symbol><symbol viewBox="0 0 256 256" fill="currentColor" id="eui-file-zip" xmlns="http://www.w3.org/2000/svg"><path d="M184 144h-16a8 8 0 0 0-8 8v56a8 8 0 0 0 16 0v-8h8a28 28 0 0 0 0-56Zm0 40h-8v-24h8a12 12 0 0 1 0 24Zm-48-32v56a8 8 0 0 1-16 0v-56a8 8 0 0 1 16 0Zm-40 56a8 8 0 0 1-8 8H56a8 8 0 0 1-7-12l25.16-44H56a8 8 0 0 1 0-16h32a8 8 0 0 1 7 12l-25.21 44H88a8 8 0 0 1 8 8ZM213.66 82.34l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v72a8 8 0 0 0 16 0V40h88v48a8 8 0 0 0 8 8h48v16a8 8 0 0 0 16 0V88a8 8 0 0 0-2.34-5.66ZM160 80V51.31L188.69 80Z"/></symbol></svg>
|
|
@@ -1,28 +1,29 @@
|
|
|
1
1
|
@use "sass:math";
|
|
2
|
+
@use "sass:color";
|
|
2
3
|
|
|
3
4
|
@function toRGB($color) {
|
|
4
|
-
@return red($color)
|
|
5
|
+
@return red($color)+", "+green($color)+", "+blue($color);
|
|
5
6
|
}
|
|
7
|
+
|
|
6
8
|
@function getContrastOld($color) {
|
|
7
|
-
$color-brightness: round(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
);
|
|
11
|
-
$light-color: round(
|
|
12
|
-
(red(#fff) * 299) + (green(#fff) * 587) +
|
|
13
|
-
math.div((blue(#fff) * 114), 1000)
|
|
14
|
-
);
|
|
9
|
+
$color-brightness: round((red($color) * 299) + (green($color) * 587) + math.div((blue($color) * 114), 1000));
|
|
10
|
+
$light-color: round((red(#fff) * 299) + (green(#fff) * 587) + math.div((blue(#fff) * 114), 1000));
|
|
11
|
+
|
|
15
12
|
@if abs($color-brightness) < math.div($light-color, 1.7) {
|
|
16
13
|
@return #ffffff;
|
|
17
|
-
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@else {
|
|
18
17
|
@return #000000;
|
|
19
18
|
}
|
|
20
19
|
}
|
|
21
20
|
|
|
22
21
|
@function col_r($color) {
|
|
23
|
-
@if $color <=
|
|
22
|
+
@if $color <=0.03928 {
|
|
24
23
|
@return math.div($color, 12.92);
|
|
25
|
-
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@else {
|
|
26
27
|
@return math.pow(math.div(($color + 0.055), 1.055), (2.4));
|
|
27
28
|
}
|
|
28
29
|
}
|
|
@@ -39,12 +40,17 @@
|
|
|
39
40
|
$ui_g_c: col_r($ui_g);
|
|
40
41
|
$ui_b_c: col_r($ui_b);
|
|
41
42
|
|
|
42
|
-
$L: (
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
$L: (
|
|
44
|
+
0.2126 * $ui_r_c) + (0.7152 * $ui_g_c) + (0.0722 * $ui_b_c
|
|
45
|
+
);
|
|
46
|
+
|
|
47
|
+
@if ($L > 0.179) {
|
|
48
|
+
@return $darkColor;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@else {
|
|
52
|
+
@return $lightColor;
|
|
53
|
+
}
|
|
48
54
|
}
|
|
49
55
|
|
|
50
56
|
|
|
@@ -55,131 +61,47 @@
|
|
|
55
61
|
// Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js
|
|
56
62
|
// Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
|
|
57
63
|
$rgba: red($color), green($color), blue($color);
|
|
58
|
-
$rgba2: (
|
|
64
|
+
$rgba2: (
|
|
65
|
+
);
|
|
59
66
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
67
|
+
@for $i from 1 through 3 {
|
|
68
|
+
$rgb: nth($rgba, $i);
|
|
69
|
+
$rgb: calc($rgb / 255);
|
|
63
70
|
|
|
64
|
-
|
|
71
|
+
$rgb: if($rgb < .03928, calc($rgb / 12.92), math.pow(math.div($rgb + .055, 1.055), 2.4));
|
|
65
72
|
|
|
66
|
-
|
|
67
|
-
|
|
73
|
+
$rgba2: append($rgba2, $rgb);
|
|
74
|
+
}
|
|
68
75
|
|
|
69
|
-
|
|
70
|
-
|
|
76
|
+
@return .2126 * nth($rgba2, 1)+.7152 * nth($rgba2, 2)+0.0722 * nth($rgba2, 3);
|
|
77
|
+
}
|
|
71
78
|
|
|
72
|
-
|
|
79
|
+
@function calculate-contrast($color1, $color2) {
|
|
73
80
|
// Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js
|
|
74
81
|
// Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef
|
|
75
82
|
$luminance1: color_luminance($color1) + .05;
|
|
76
83
|
$luminance2: color_luminance($color2) + .05;
|
|
77
84
|
$ratio: math.div($luminance1, $luminance2);
|
|
78
85
|
|
|
79
|
-
@if $luminance2
|
|
80
|
-
|
|
86
|
+
@if $luminance2 >$luminance1 {
|
|
87
|
+
$ratio: calc(1 / $ratio);
|
|
81
88
|
}
|
|
82
89
|
|
|
83
90
|
$ratio: calc(round($ratio * 10) / 10);
|
|
84
91
|
|
|
85
92
|
@return $ratio;
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
// https://www.jasongaylord.com/blog/2023/05/30/calculate-contrast-in-sass
|
|
90
|
-
|
|
91
|
-
// NOT used as not accurate compared to chrome extension tool
|
|
92
|
-
|
|
93
|
-
// @function sRGBToLinear($colorValue) {
|
|
94
|
-
// $colorValue: calc($colorValue / 255);
|
|
95
|
-
// @if $colorValue <= 0.04045 {
|
|
96
|
-
// @return calc($colorValue / 12.92);
|
|
97
|
-
// } @else {
|
|
98
|
-
// @return calc(math.pow($colorValue + 0.055, 2.4));
|
|
99
|
-
// }
|
|
100
|
-
// }
|
|
101
|
-
|
|
102
|
-
// @function calculate-contrast($value1, $value2) {
|
|
103
|
-
// $luminance1: (0.2126 * sRGBToLinear(red($value1))) +
|
|
104
|
-
// (0.7152 * sRGBToLinear(green($value1))) +
|
|
105
|
-
// (0.0722 * sRGBToLinear(blue($value1)));
|
|
106
|
-
// $luminance2: (0.2126 * sRGBToLinear(red($value2))) +
|
|
107
|
-
// (0.7152 * sRGBToLinear(green($value2))) +
|
|
108
|
-
// (0.0722 * sRGBToLinear(blue($value2)));
|
|
109
|
-
|
|
110
|
-
// @return calc(
|
|
111
|
-
// (max($luminance1, $luminance2) + 0.05) /
|
|
112
|
-
// (min($luminance1, $luminance2) + 0.05)
|
|
113
|
-
// );
|
|
114
|
-
// }
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
// TO BE TESTED to auto-calculated based on a certain ratio, creating high-contrast maps, etc...
|
|
119
|
-
|
|
120
|
-
@function find-safe-color($color, $ratio: 4.5) {
|
|
121
|
-
$lightness: lightness($color);
|
|
122
|
-
$value: $color;
|
|
123
|
-
$contrast: 0;
|
|
124
|
-
$i: 0;
|
|
125
|
-
|
|
126
|
-
@if $lightness < 50 {
|
|
127
|
-
$value: lighten($value, 5%);
|
|
128
|
-
$contrast: calculate-contrast($color, $value);
|
|
129
|
-
$i: $i + 1;
|
|
130
|
-
|
|
131
|
-
@while $contrast < $ratio and $i < 20 {
|
|
132
|
-
$value: lighten($value, 5%);
|
|
133
|
-
$contrast: calculate-contrast($color, $value);
|
|
134
|
-
$i: $i + 1;
|
|
135
|
-
}
|
|
136
|
-
} @else {
|
|
137
|
-
$value: darken($value, 5%);
|
|
138
|
-
$contrast: calculate-contrast($color, $value);
|
|
139
|
-
$i: $i + 1;
|
|
140
|
-
|
|
141
|
-
@while $contrast < $ratio and $i < 20 {
|
|
142
|
-
$value: darken($value, 5%);
|
|
143
|
-
$contrast: calculate-contrast($color, $value);
|
|
144
|
-
$i: $i + 1;
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
@if $i >= 20 {
|
|
149
|
-
@debug "Color not safe";
|
|
150
|
-
}
|
|
93
|
+
}
|
|
151
94
|
|
|
152
|
-
|
|
95
|
+
@function tint-color($color, $weight) {
|
|
96
|
+
@return color.mix(white, $color, $weight);
|
|
153
97
|
}
|
|
154
98
|
|
|
155
|
-
//
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
$colors: ();
|
|
160
|
-
|
|
161
|
-
$wcag30: find-safe-color($base-color, 3);
|
|
162
|
-
$wcag45: find-safe-color($base-color);
|
|
163
|
-
$wcag70: find-safe-color($base-color, 7);
|
|
164
|
-
|
|
165
|
-
// Generate shades
|
|
166
|
-
$colors: map-merge(
|
|
167
|
-
$colors,
|
|
168
|
-
(
|
|
169
|
-
"base-color": $base-color,
|
|
170
|
-
"wcag20-aa-normal-color": nth($wcag45, 1),
|
|
171
|
-
"wcag20-aa-normal-ratio": nth($wcag45, 2),
|
|
172
|
-
"wcag20-aa-large-color": nth($wcag30, 1),
|
|
173
|
-
"wcag20-aa-large-ratio": nth($wcag30, 2),
|
|
174
|
-
"wcag21-aa-input-color": nth($wcag30, 1),
|
|
175
|
-
"wcag21-aa-input-ratio": nth($wcag30, 1),
|
|
176
|
-
"wcag21-aaa-normal-color": nth($wcag70, 1),
|
|
177
|
-
"wcag21-aaa-normal-ratio": nth($wcag70, 2),
|
|
178
|
-
"wcag21-aaa-large-color": nth($wcag45, 1),
|
|
179
|
-
"wcag21-aaa-large-ratio": nth($wcag45, 2),
|
|
180
|
-
)
|
|
181
|
-
);
|
|
99
|
+
// Shade a color: mix a color with black
|
|
100
|
+
@function shade-color($color, $weight) {
|
|
101
|
+
@return color.mix(black, $color, $weight);
|
|
102
|
+
}
|
|
182
103
|
|
|
183
|
-
|
|
104
|
+
@function shift-color($color, $weight) {
|
|
105
|
+
@return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));
|
|
184
106
|
}
|
|
185
107
|
|
|
@@ -82,7 +82,7 @@ $outline-size: 2px;
|
|
|
82
82
|
&:focus:not([readonly]) {
|
|
83
83
|
outline: var(--eui-bw-s) solid var(--eui-c-primary-border-light) !important;
|
|
84
84
|
outline-offset: $offset !important;
|
|
85
|
-
border-radius: var(--eui-br-
|
|
85
|
+
border-radius: var(--eui-br-xs) !important;
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
@mixin eui-accessible-focus-ring-rounded($offset: 1px) {
|
|
@@ -96,7 +96,7 @@ $outline-size: 2px;
|
|
|
96
96
|
&:focus-visible:not([readonly]) {
|
|
97
97
|
outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;
|
|
98
98
|
outline-offset: $offset !important;
|
|
99
|
-
border-radius: var(--eui-br-
|
|
99
|
+
border-radius: var(--eui-br-xs) !important;
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
@mixin eui-accessible-focus-visible-ring-rounded($offset: 1px) {
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
font: var(--eui-f);
|
|
9
9
|
appearance: none;
|
|
10
10
|
background-color: var(--eui-c-surface-container);
|
|
11
|
-
border: 1px solid var(--eui-c-secondary-border
|
|
12
|
-
border-radius: var(--eui-br-
|
|
11
|
+
border: 1px solid var(--eui-c-secondary-border);
|
|
12
|
+
border-radius: var(--eui-br-s);
|
|
13
13
|
box-shadow: none;
|
|
14
14
|
color: var(--eui-c-text);
|
|
15
15
|
min-height: var(--eui-s-5xl);
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
@mixin pseudoSvgIconExternalPrimary() {
|
|
42
42
|
@include pseudoSvgIconCommon();
|
|
43
43
|
mask-image: var(--eui-internal-icon-external-path);
|
|
44
|
-
background-color: var(--eui-c-primary);
|
|
44
|
+
background-color: var(--eui-c-primary-surface);
|
|
45
45
|
}
|
|
46
46
|
@mixin pseudoSvgIconExternalBlack() {
|
|
47
47
|
@include pseudoSvgIconCommonSize();
|
|
@@ -56,12 +56,12 @@
|
|
|
56
56
|
@mixin pseudoSvgIconEllipsePrimary() {
|
|
57
57
|
@include pseudoSvgIconCommon();
|
|
58
58
|
mask-image: var(--eui-internal-icon-ellipse-path);
|
|
59
|
-
background-color: var(--eui-c-primary);
|
|
59
|
+
background-color: var(--eui-c-primary-surface);
|
|
60
60
|
}
|
|
61
61
|
@mixin pseudoSvgIconEllipseDanger() {
|
|
62
62
|
@include pseudoSvgIconCommon();
|
|
63
63
|
mask-image: var(--eui-internal-icon-ellipse-path);
|
|
64
|
-
background-color: var(--eui-c-danger);
|
|
64
|
+
background-color: var(--eui-c-danger-surface);
|
|
65
65
|
}
|
|
66
66
|
@mixin pseudoSvgIconEllipseBlack() {
|
|
67
67
|
@include pseudoSvgIconCommonSize();
|
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use 'sass:color';
|
|
3
|
+
@use '../01-base/' as base;
|
|
4
|
+
@use './colors-default' as defaultColors;
|
|
5
|
+
|
|
6
|
+
$color-map: (
|
|
7
|
+
br: base.mapReverseValues(map.get(defaultColors.$color-map, 'br')),
|
|
8
|
+
pr: base.mapReverseValues(map.get(defaultColors.$color-map, 'pr')),
|
|
9
|
+
gr: base.mapReverseValues(map.get(defaultColors.$color-map, 'gr')),
|
|
10
|
+
grn: base.mapReverseValues(map.get(defaultColors.$color-map, 'grn')),
|
|
11
|
+
cta: base.mapReverseValues(map.get(defaultColors.$color-map, 'cta')),
|
|
12
|
+
in: base.mapReverseValues(map.get(defaultColors.$color-map, 'in')),
|
|
13
|
+
su: base.mapReverseValues(map.get(defaultColors.$color-map, 'su')),
|
|
14
|
+
wa: base.mapReverseValues(map.get(defaultColors.$color-map, 'wa')),
|
|
15
|
+
da: base.mapReverseValues(map.get(defaultColors.$color-map, 'da'))
|
|
16
|
+
);
|
|
17
|
+
|
|
18
|
+
$color-state-map: (
|
|
19
|
+
branding: (
|
|
20
|
+
base: map.get(map.get($color-map, br), 900),
|
|
21
|
+
default: map.get(map.get($color-map, br), 900),
|
|
22
|
+
lighter: map.get(map.get($color-map, br), 700),
|
|
23
|
+
light: map.get(map.get($color-map, br), 800),
|
|
24
|
+
dark: map.get(map.get($color-map, br), 950),
|
|
25
|
+
surface: map.get(map.get($color-map, br), 900),
|
|
26
|
+
on-surface: base.getContrast(map.get(map.get($color-map, br), 900)),
|
|
27
|
+
surface-light: map.get(map.get($color-map, br), 800),
|
|
28
|
+
on-surface-light: base.getContrast(map.get(map.get($color-map, br), 800)),
|
|
29
|
+
surface-dark: map.get(map.get($color-map, br), 950),
|
|
30
|
+
on-surface-dark: base.getContrast(map.get(map.get($color-map, br), 950)),
|
|
31
|
+
),
|
|
32
|
+
primary: (
|
|
33
|
+
base: map.get(map.get($color-map, pr), 600),
|
|
34
|
+
default: map.get(map.get($color-map, pr), 700),
|
|
35
|
+
lighter: map.get(map.get($color-map, pr), 500),
|
|
36
|
+
light: map.get(map.get($color-map, pr), 600),
|
|
37
|
+
dark: map.get(map.get($color-map, pr), 900),
|
|
38
|
+
darker: map.get(map.get($color-map, pr), 950),
|
|
39
|
+
surface-light: map.get(map.get($color-map, pr), 75),
|
|
40
|
+
on-surface-light: map.get(map.get($color-map, pr), 900),
|
|
41
|
+
surface-light-hover: map.get(map.get($color-map, pr), 100),
|
|
42
|
+
on-surface-light-hover: map.get(map.get($color-map, pr), 950),
|
|
43
|
+
surface-medium: map.get(map.get($color-map, pr), 200),
|
|
44
|
+
on-surface-medium: base.getContrast(map.get(map.get($color-map, pr), 200)),
|
|
45
|
+
surface-medium-hover: map.get(map.get($color-map, pr), 300),
|
|
46
|
+
on-surface-medium-hover: base.getContrast(map.get(map.get($color-map, pr), 300)),
|
|
47
|
+
surface: map.get(map.get($color-map, pr), 600),
|
|
48
|
+
on-surface: base.getContrast(map.get(map.get($color-map, pr), 600)),
|
|
49
|
+
surface-hover: map.get(map.get($color-map, pr), 700),
|
|
50
|
+
on-surface-hover: base.getContrast(map.get(map.get($color-map, pr), 700)),
|
|
51
|
+
surface-dark: map.get(map.get($color-map, pr), 900),
|
|
52
|
+
on-surface-dark: base.getContrast(map.get(map.get($color-map, pr), 900)),
|
|
53
|
+
border: map.get(map.get($color-map, pr), 500),
|
|
54
|
+
border-light: map.get(map.get($color-map, pr), 300),
|
|
55
|
+
border-lighter: map.get(map.get($color-map, pr), 200),
|
|
56
|
+
),
|
|
57
|
+
secondary: (
|
|
58
|
+
base: map.get(map.get($color-map, gr), 500),
|
|
59
|
+
default: map.get(map.get($color-map, gr), 800),
|
|
60
|
+
lighter: map.get(map.get($color-map, gr), 600),
|
|
61
|
+
light: map.get(map.get($color-map, gr), 700),
|
|
62
|
+
dark: map.get(map.get($color-map, gr), 900),
|
|
63
|
+
darker: map.get(map.get($color-map, gr), 950),
|
|
64
|
+
surface-light: map.get(map.get($color-map, gr), 50),
|
|
65
|
+
on-surface-light: map.get(map.get($color-map, gr), 900),
|
|
66
|
+
surface-light-hover: map.get(map.get($color-map, gr), 75),
|
|
67
|
+
on-surface-light-hover: map.get(map.get($color-map, gr), 950),
|
|
68
|
+
surface-medium: map.get(map.get($color-map, gr), 75),
|
|
69
|
+
on-surface-medium: map.get(map.get($color-map, gr), 900),
|
|
70
|
+
surface-medium-hover: map.get(map.get($color-map, gr), 100),
|
|
71
|
+
on-surface-medium-hover: map.get(map.get($color-map, gr), 950),
|
|
72
|
+
surface: map.get(map.get($color-map, gr), 600),
|
|
73
|
+
on-surface: base.getContrast(map.get(map.get($color-map, gr), 600)),
|
|
74
|
+
surface-hover: map.get(map.get($color-map, gr), 700),
|
|
75
|
+
on-surface-hover: base.getContrast(map.get(map.get($color-map, gr), 700)),
|
|
76
|
+
surface-dark: map.get(map.get($color-map, gr), 900),
|
|
77
|
+
on-surface-dark: base.getContrast(map.get(map.get($color-map, gr), 900)),
|
|
78
|
+
border: map.get(map.get($color-map, gr), 500),
|
|
79
|
+
border-light: map.get(map.get($color-map, gr), 300),
|
|
80
|
+
border-lighter: map.get(map.get($color-map, gr), 200),
|
|
81
|
+
),
|
|
82
|
+
neutral: (
|
|
83
|
+
base: map.get(map.get($color-map, grn), 500),
|
|
84
|
+
default: map.get(map.get($color-map, grn), 500),
|
|
85
|
+
lighter: map.get(map.get($color-map, grn), 600),
|
|
86
|
+
light: map.get(map.get($color-map, grn), 700),
|
|
87
|
+
dark: map.get(map.get($color-map, grn), 900),
|
|
88
|
+
darker: map.get(map.get($color-map, grn), 950),
|
|
89
|
+
surface-light: map.get(map.get($color-map, grn), 50),
|
|
90
|
+
on-surface-light: map.get(map.get($color-map, grn), 900),
|
|
91
|
+
surface-light-hover: map.get(map.get($color-map, grn), 75),
|
|
92
|
+
on-surface-light-hover: map.get(map.get($color-map, grn), 950),
|
|
93
|
+
surface-medium: map.get(map.get($color-map, grn), 75),
|
|
94
|
+
on-surface-medium: map.get(map.get($color-map, grn), 900),
|
|
95
|
+
surface-medium-hover: map.get(map.get($color-map, grn), 100),
|
|
96
|
+
on-surface-medium-hover: map.get(map.get($color-map, grn), 950),
|
|
97
|
+
surface: map.get(map.get($color-map, grn), 400),
|
|
98
|
+
on-surface: base.getContrast(map.get(map.get($color-map, grn), 400)),
|
|
99
|
+
surface-hover: map.get(map.get($color-map, grn), 300),
|
|
100
|
+
on-surface-hover: base.getContrast(map.get(map.get($color-map, grn), 300)),
|
|
101
|
+
surface-dark: map.get(map.get($color-map, grn), 900),
|
|
102
|
+
on-surface-dark: base.getContrast(map.get(map.get($color-map, grn), 900)),
|
|
103
|
+
border: map.get(map.get($color-map, grn), 500),
|
|
104
|
+
border-light: map.get(map.get($color-map, grn), 400),
|
|
105
|
+
border-lighter: map.get(map.get($color-map, grn), 300),
|
|
106
|
+
),
|
|
107
|
+
cta: (
|
|
108
|
+
base: map.get(map.get($color-map, cta), 400),
|
|
109
|
+
default: map.get(map.get($color-map, cta), 900),
|
|
110
|
+
lighter: map.get(map.get($color-map, cta), 400),
|
|
111
|
+
light: map.get(map.get($color-map, cta), 500),
|
|
112
|
+
dark: map.get(map.get($color-map, cta), 800),
|
|
113
|
+
darker: map.get(map.get($color-map, cta), 900),
|
|
114
|
+
surface-light: map.get(map.get($color-map, cta), 25),
|
|
115
|
+
on-surface-light: map.get(map.get($color-map, cta), 800),
|
|
116
|
+
surface-light-hover: map.get(map.get($color-map, cta), 50),
|
|
117
|
+
on-surface-light-hover: map.get(map.get($color-map, cta), 950),
|
|
118
|
+
surface-medium: map.get(map.get($color-map, cta), 75),
|
|
119
|
+
on-surface-medium: map.get(map.get($color-map, cta), 900),
|
|
120
|
+
surface-medium-hover: map.get(map.get($color-map, cta), 100),
|
|
121
|
+
on-surface-medium-hover: map.get(map.get($color-map, cta), 950),
|
|
122
|
+
surface: map.get(map.get($color-map, cta), 400),
|
|
123
|
+
on-surface: base.getContrast(map.get(map.get($color-map, cta), 400)),
|
|
124
|
+
surface-hover: map.get(map.get($color-map, cta), 500),
|
|
125
|
+
on-surface-hover: base.getContrast(map.get(map.get($color-map, cta), 500)),
|
|
126
|
+
surface-dark: map.get(map.get($color-map, cta), 600),
|
|
127
|
+
on-surface-dark: base.getContrast(map.get(map.get($color-map, cta), 600)),
|
|
128
|
+
border: map.get(map.get($color-map, cta), 300),
|
|
129
|
+
border-light: map.get(map.get($color-map, cta), 100),
|
|
130
|
+
border-lighter: map.get(map.get($color-map, cta), 75),
|
|
131
|
+
),
|
|
132
|
+
info: (
|
|
133
|
+
base: map.get(map.get($color-map, in), 500),
|
|
134
|
+
default: map.get(map.get($color-map, in), 600),
|
|
135
|
+
lighter: map.get(map.get($color-map, in), 400),
|
|
136
|
+
light: map.get(map.get($color-map, in), 500),
|
|
137
|
+
dark: map.get(map.get($color-map, in), 800),
|
|
138
|
+
darker: map.get(map.get($color-map, in), 900),
|
|
139
|
+
surface-light: map.get(map.get($color-map, in), 75),
|
|
140
|
+
on-surface-light: map.get(map.get($color-map, in), 600),
|
|
141
|
+
surface-light-hover: map.get(map.get($color-map, in), 100),
|
|
142
|
+
on-surface-light-hover: map.get(map.get($color-map, in), 800),
|
|
143
|
+
surface-medium: map.get(map.get($color-map, in), 200),
|
|
144
|
+
on-surface-medium: map.get(map.get($color-map, in), 950),
|
|
145
|
+
surface-medium-hover: map.get(map.get($color-map, in), 300),
|
|
146
|
+
on-surface-medium-hover: base.getContrast(map.get(map.get($color-map, in), 300)),
|
|
147
|
+
surface: map.get(map.get($color-map, in), 600),
|
|
148
|
+
on-surface: base.getContrast(map.get(map.get($color-map, in), 600)),
|
|
149
|
+
surface-hover: map.get(map.get($color-map, in), 800),
|
|
150
|
+
on-surface-hover: base.getContrast(map.get(map.get($color-map, in), 800)),
|
|
151
|
+
surface-dark: map.get(map.get($color-map, in), 800),
|
|
152
|
+
on-surface-dark: base.getContrast(map.get(map.get($color-map, in), 800)),
|
|
153
|
+
border: map.get(map.get($color-map, in), 400),
|
|
154
|
+
border-light: map.get(map.get($color-map, in), 300),
|
|
155
|
+
border-lighter: map.get(map.get($color-map, in), 200),
|
|
156
|
+
),
|
|
157
|
+
success: (
|
|
158
|
+
base: map.get(map.get($color-map, su), 700),
|
|
159
|
+
default: map.get(map.get($color-map, su), 900),
|
|
160
|
+
lighter: map.get(map.get($color-map, su), 700),
|
|
161
|
+
light: map.get(map.get($color-map, su), 800),
|
|
162
|
+
dark: map.get(map.get($color-map, su), 900),
|
|
163
|
+
darker: map.get(map.get($color-map, su), 950),
|
|
164
|
+
surface-light: map.get(map.get($color-map, su), 100),
|
|
165
|
+
on-surface-light: map.get(map.get($color-map, su), 950),
|
|
166
|
+
surface-light-hover: map.get(map.get($color-map, su), 200),
|
|
167
|
+
on-surface-light-hover: map.get(map.get($color-map, su), 950),
|
|
168
|
+
surface-medium: map.get(map.get($color-map, su), 300),
|
|
169
|
+
on-surface-medium: base.getContrast(map.get(map.get($color-map, su), 300)),
|
|
170
|
+
surface-medium-hover: map.get(map.get($color-map, su), 400),
|
|
171
|
+
on-surface-medium-hover: base.getContrast(map.get(map.get($color-map, su), 400)),
|
|
172
|
+
surface: map.get(map.get($color-map, su), 900),
|
|
173
|
+
on-surface: base.getContrast(map.get(map.get($color-map, su), 900)),
|
|
174
|
+
surface-hover: map.get(map.get($color-map, su), 950),
|
|
175
|
+
on-surface-hover: base.getContrast(map.get(map.get($color-map, su), 950)),
|
|
176
|
+
surface-dark: map.get(map.get($color-map, su), 950),
|
|
177
|
+
on-surface-dark: base.getContrast(map.get(map.get($color-map, su), 950)),
|
|
178
|
+
border: map.get(map.get($color-map, su), 600),
|
|
179
|
+
border-light: map.get(map.get($color-map, su), 400),
|
|
180
|
+
border-lighter: map.get(map.get($color-map, su), 300),
|
|
181
|
+
),
|
|
182
|
+
warning: (
|
|
183
|
+
base: map.get(map.get($color-map, wa), 500),
|
|
184
|
+
default: map.get(map.get($color-map, wa), 900),
|
|
185
|
+
lighter: map.get(map.get($color-map, wa), 700),
|
|
186
|
+
light: map.get(map.get($color-map, wa), 800),
|
|
187
|
+
dark: map.get(map.get($color-map, wa), 950),
|
|
188
|
+
darker: map.get(map.get($color-map, wa), 950),
|
|
189
|
+
surface-light: map.get(map.get($color-map, wa), 50),
|
|
190
|
+
on-surface-light: map.get(map.get($color-map, wa), 900),
|
|
191
|
+
surface-light-hover: map.get(map.get($color-map, wa), 75),
|
|
192
|
+
on-surface-light-hover: map.get(map.get($color-map, wa), 950),
|
|
193
|
+
surface-medium: map.get(map.get($color-map, wa), 100),
|
|
194
|
+
on-surface-medium: map.get(map.get($color-map, wa), 900),
|
|
195
|
+
surface-medium-hover: map.get(map.get($color-map, wa), 200),
|
|
196
|
+
on-surface-medium-hover: map.get(map.get($color-map, wa), 950),
|
|
197
|
+
surface: map.get(map.get($color-map, wa), 500),
|
|
198
|
+
on-surface: base.getContrast(map.get(map.get($color-map, wa), 500)),
|
|
199
|
+
surface-hover: map.get(map.get($color-map, wa), 600),
|
|
200
|
+
on-surface-hover: base.getContrast(map.get(map.get($color-map, wa), 600)),
|
|
201
|
+
surface-dark: map.get(map.get($color-map, wa), 900),
|
|
202
|
+
on-surface-dark: base.getContrast(map.get(map.get($color-map, wa), 900)),
|
|
203
|
+
border: map.get(map.get($color-map, wa), 400),
|
|
204
|
+
border-light: map.get(map.get($color-map, wa), 200),
|
|
205
|
+
border-lighter: map.get(map.get($color-map, wa), 100),
|
|
206
|
+
),
|
|
207
|
+
danger: (
|
|
208
|
+
base: map.get(map.get($color-map, da), 500),
|
|
209
|
+
default: map.get(map.get($color-map, da), 600),
|
|
210
|
+
lighter: map.get(map.get($color-map, da), 400),
|
|
211
|
+
light: map.get(map.get($color-map, da), 500),
|
|
212
|
+
dark: map.get(map.get($color-map, da), 700),
|
|
213
|
+
darker: map.get(map.get($color-map, da), 800),
|
|
214
|
+
surface-light: map.get(map.get($color-map, da), 75),
|
|
215
|
+
on-surface-light: map.get(map.get($color-map, da), 700),
|
|
216
|
+
surface-light-hover: map.get(map.get($color-map, da), 100),
|
|
217
|
+
on-surface-light-hover: map.get(map.get($color-map, da), 900),
|
|
218
|
+
surface-medium: map.get(map.get($color-map, da), 200),
|
|
219
|
+
on-surface-medium: map.get(map.get($color-map, da), 900),
|
|
220
|
+
surface-medium-hover: map.get(map.get($color-map, da), 300),
|
|
221
|
+
on-surface-medium-hover: map.get(map.get($color-map, da), 950),
|
|
222
|
+
surface: map.get(map.get($color-map, da), 600),
|
|
223
|
+
on-surface: base.getContrast(map.get(map.get($color-map, da), 600)),
|
|
224
|
+
surface-hover: map.get(map.get($color-map, da), 600),
|
|
225
|
+
on-surface-hover: base.getContrast(map.get(map.get($color-map, da), 700)),
|
|
226
|
+
surface-dark: map.get(map.get($color-map, da), 800),
|
|
227
|
+
on-surface-dark: base.getContrast(map.get(map.get($color-map, da), 800)),
|
|
228
|
+
border: map.get(map.get($color-map, da), 500),
|
|
229
|
+
border-light: map.get(map.get($color-map, da), 300),
|
|
230
|
+
border-lighter: map.get(map.get($color-map, da), 200),
|
|
231
|
+
),
|
|
232
|
+
);
|