tungsten 0.1.21 → 0.1.22
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/tungsten/_esvg.js +72 -0
- data/app/assets/javascripts/tungsten/_icons.js +1 -1
- data/app/assets/javascripts/tungsten/enhancements/notify.js +17 -4
- data/app/assets/javascripts/tungsten/tungsten.js +3 -1
- data/app/assets/stylesheets/tungsten/components/_buttons.scss +67 -22
- data/app/assets/stylesheets/tungsten/{form → components}/_copy-input.scss +5 -9
- data/app/assets/stylesheets/tungsten/components/_index.scss +2 -0
- data/app/assets/stylesheets/tungsten/components/_notices.scss +7 -0
- data/app/assets/stylesheets/tungsten/components/_notifications.scss +16 -23
- data/app/assets/stylesheets/tungsten/components/_status.scss +6 -0
- data/app/assets/stylesheets/tungsten/form/_index.scss +0 -1
- data/app/assets/svgs/tungsten/arrow-down-circle.svg +1 -0
- data/app/assets/svgs/tungsten/arrow-up-circle.svg +1 -0
- data/app/assets/svgs/tungsten/backup.svg +1 -0
- data/app/assets/svgs/tungsten/check-circle.svg +1 -0
- data/app/assets/svgs/tungsten/cluster.svg +1 -1
- data/app/assets/svgs/tungsten/copy.svg +1 -1
- data/app/assets/svgs/tungsten/deployment.svg +1 -1
- data/app/assets/svgs/tungsten/download.svg +1 -0
- data/app/assets/svgs/tungsten/gear-circle.svg +1 -0
- data/app/assets/svgs/tungsten/heart-circle.svg +1 -0
- data/app/assets/svgs/tungsten/lock-circle.svg +1 -0
- data/app/assets/svgs/tungsten/logo.svg +1 -1
- data/app/assets/svgs/tungsten/message-circle.svg +1 -0
- data/app/assets/svgs/tungsten/no-circle.svg +1 -0
- data/app/assets/svgs/tungsten/pencil-circle.svg +1 -0
- data/app/assets/svgs/tungsten/plus-circle.svg +1 -0
- data/app/assets/svgs/tungsten/progress-circle.svg +1 -0
- data/app/assets/svgs/tungsten/progress.svg +1 -0
- data/app/assets/svgs/tungsten/question-circle.svg +1 -0
- data/app/assets/svgs/tungsten/refresh-circle.svg +1 -0
- data/app/assets/svgs/tungsten/search-circle.svg +1 -0
- data/app/assets/svgs/tungsten/star-circle.svg +1 -0
- data/app/assets/svgs/tungsten/status-complete.svg +1 -0
- data/app/assets/svgs/tungsten/status-failed.svg +1 -0
- data/app/assets/svgs/tungsten/status-partial.svg +1 -0
- data/app/assets/svgs/tungsten/status-pending.svg +1 -0
- data/app/assets/svgs/tungsten/sync-circle.svg +1 -0
- data/app/assets/svgs/tungsten/thumbs-up-circle.svg +1 -0
- data/app/assets/svgs/tungsten/warning-circle.svg +1 -0
- data/app/assets/svgs/tungsten/x-circle.svg +1 -0
- data/app/helpers/tungsten/button_helper.rb +71 -18
- data/app/helpers/tungsten/form_helper.rb +1 -1
- data/app/helpers/tungsten/icon_helper.rb +16 -0
- data/config/esvg.yml +0 -1
- data/lib/tungsten/version.rb +1 -1
- data/public/{code-0.1.21.js → code-0.1.22.js} +1 -1
- data/public/{code-0.1.21.js.gz → code-0.1.22.js.gz} +0 -0
- data/public/{code-0.1.21.map.json → code-0.1.22.map.json} +0 -0
- data/public/{tungsten-0.1.21.css → tungsten-0.1.22.css} +89 -49
- data/public/tungsten-0.1.22.css.gz +0 -0
- data/public/{tungsten-0.1.21.js → tungsten-0.1.22.js} +49 -45
- data/public/tungsten-0.1.22.js.gz +0 -0
- data/public/tungsten-0.1.22.map.json +1 -0
- metadata +40 -11
- data/public/tungsten-0.1.21.css.gz +0 -0
- data/public/tungsten-0.1.21.js.gz +0 -0
- data/public/tungsten-0.1.21.map.json +0 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 93ff15036dd010077a3c07d90ad142abb22b68f5
|
|
4
|
+
data.tar.gz: 88fef5e1da2ab8ec16ad52fe5cc8bcd77fdf890b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 75d92efe529b622bf3bb7dcdd56781161e607963eecb55058f57faeb5432d3f9c7bff98f10f37008ac1c7b013e2858675e098ca00be0abccb07ead83480ac330
|
|
7
|
+
data.tar.gz: 2da8ec4e1d286a6dd7ee8c581a1ab844dfe471a91bea3b6d34afd867b1101397e4be4d6260c486c2703439741854d31ed69d0a83c7418a479e8f340cb4d7bcee
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
(function(){
|
|
2
|
+
var names
|
|
3
|
+
|
|
4
|
+
function attr( source, name ){
|
|
5
|
+
if (typeof source == 'object')
|
|
6
|
+
return name+'="'+source.getAttribute(name)+'" '
|
|
7
|
+
else
|
|
8
|
+
return name+'="'+source+'" ' }
|
|
9
|
+
|
|
10
|
+
function dasherize( input ) {
|
|
11
|
+
return input.replace(/[\W,_]/g, '-').replace(/-{2,}/g, '-')
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
function svgName( name ) {
|
|
15
|
+
return "svg-"+dasherize( name )
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
function use( name, options ) {
|
|
19
|
+
options = options || {}
|
|
20
|
+
var id = dasherize( name )
|
|
21
|
+
var symbol = svgs()[id]
|
|
22
|
+
|
|
23
|
+
if ( symbol ) {
|
|
24
|
+
var parent = symbol.parentElement
|
|
25
|
+
var prefix = parent.dataset.prefix
|
|
26
|
+
var base = parent.dataset.symbolClass
|
|
27
|
+
|
|
28
|
+
var svg = document.createRange().createContextualFragment( '<svg><use xlink:href="#' + prefix + '-' + id + '"/></svg>' ).firstChild;
|
|
29
|
+
svg.setAttribute( 'class', base + ' ' + prefix + '-' + id + ' ' + ( options.class || '' ).trim() )
|
|
30
|
+
svg.setAttribute( 'viewBox', symbol.getAttribute( 'viewBox' ) )
|
|
31
|
+
|
|
32
|
+
if ( !( options.width || options.height || options.scale ) ) {
|
|
33
|
+
|
|
34
|
+
svg.setAttribute('width', symbol.getAttribute('width'))
|
|
35
|
+
svg.setAttribute('height', symbol.getAttribute('height'))
|
|
36
|
+
|
|
37
|
+
} else {
|
|
38
|
+
|
|
39
|
+
if ( options.width ) svg.setAttribute( 'width', options.width )
|
|
40
|
+
if ( options.height ) svg.setAttribute( 'height', options.height )
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
return svg
|
|
44
|
+
} else {
|
|
45
|
+
console.error('Cannot find "'+name+'" svg symbol. Ensure that svg scripts are loaded')
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
function svgs(){
|
|
50
|
+
if ( !names ) {
|
|
51
|
+
names = {}
|
|
52
|
+
for( var symbol of document.querySelectorAll( 'svg[id^=esvg] symbol' ) ) {
|
|
53
|
+
names[symbol.dataset.name] = symbol
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
return names
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
var esvg = {
|
|
60
|
+
svgs: svgs,
|
|
61
|
+
use: use
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
// Handle Turbolinks page change events
|
|
65
|
+
if ( window.Turbolinks ) {
|
|
66
|
+
document.addEventListener( "turbolinks:load", function( event ) { names = null; esvg.svgs() })
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
if( typeof( module ) != 'undefined' ) { module.exports = esvg }
|
|
70
|
+
else window.esvg = esvg
|
|
71
|
+
|
|
72
|
+
})()
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
function embed() {
|
|
4
4
|
if (!document.querySelector('#esvg-svg-icons')) {
|
|
5
|
-
document.querySelector('body').insertAdjacentHTML('afterbegin', '<svg id="esvg-svg-icons" data-symbol-class="svg-symbol" data-prefix="svg" version="1.1" style="height:0;position:absolute"><symbol id="svg-deployment" data-name="deployment" viewBox="0 0 176 201" width="176" height="201" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M88 5.985l82.272 47.5v95L88 195.985l-82.272-47.5v-95L88 5.985z"/></symbol><symbol id="svg-copy" data-name="copy" viewBox="0 0 204 252" width="204" height="252" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M149.406 251.232H53.802C24.108 251.232 0 227.124 0 197.43V89.826c0-25.19 17.35-46.362 40.743-52.204v24.25c0 6.798 4.992 11.093 11.143 11.093h99.436c6.15 0 11.143-4.295 11.143-11.093v-24.25c23.393 5.842 40.743 27.013 40.743 52.204V197.43c0 29.694-24.107 53.8-53.802 53.802zm-2.748-154.255H56.55c-16.058 0-29.094 13.037-29.094 29.094v70.19c0 16.056 13.037 29.093 29.094 29.093h90.108c16.057 0 29.094-13.037 29.094-29.094v-70.19c0-16.056-13.036-29.092-29.094-29.093z" fill-opacity=".753"/><path d="M64.252 57.763h74.704c4.676 0 8.47-2.964 8.47-7.657v-7.41c0-9.878-4.59-17.755-16.94-17.755h-12.94C117.545 8 110.97 0 101.603 0s-15.94 8-15.94 24.94h-12.94c-10.945 0-16.942 7.878-16.942 17.755v7.41c0 4.694 3.794 7.658 8.47 7.658"/><path d="M97.72 142.456V114.35c0-7.105 4.267-9.29 9.427-4.828l52.21 41.772c2.6 2.23 2.587 5.824-.01 8.055l-52.222 40.96c-5.138 4.44-9.406 2.266-9.406-4.84v-26.275h-5.1c-17.433 2.183-33.966 11.9-39.675 31.502-.885 3.037-2.895 2.94-3.707-.115-1.476-5.56-2.383-11.385-2.29-17.414.367-23.442 22.557-40.877 50.77-40.712" fill-rule="nonzero"/></symbol><symbol id="svg-logo" data-name="logo" viewBox="0 0 256 256" width="256" height="256" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M152.89 179.214l-49.78 28.74-53.332-30.792L0 148.42V86.838l53.333-30.792 49.777 28.74 49.777-28.74 53.333 30.792 49.78 28.74v61.584l-53.333 30.792-49.778-28.74zm3.137-6.374v-49.052l42.975 24.635.01 49.27-42.985-24.853zm-99.14.217v-49.27l43.126 24.77.01 49.566-43.135-25.066zM7.11 144.317v-49.27l42.668 24.635.002 49.27-42.67-24.635zm96-51.32l42.67 24.634-42.67 24.636-42.67-24.634 42.67-24.634zm99.557 0l42.668 24.634-42.668 24.636-42.67-24.634 42.67-24.634zM53.333 64.257l42.67 24.633-42.67 24.635-42.67-24.634 42.67-24.633zm99.554 0l42.67 24.633-42.67 24.635-42.67-24.634 42.67-24.633z"/><path d="M6.82 144.547l.023-50 93.295 53.877.04 50.06L6.82 144.547zm148.916 28.477l.14-49.667 43.428 24.894-.045 50.235-43.525-25.46z" fill-opacity=".349"/></symbol><symbol id="svg-cluster" data-name="cluster" viewBox="0 0 512 512" width="512" height="512" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M256 510.897c-.898-.003-1.795-.027-2.692-.08-1.795-.108-3.583-.322-5.352-.643-5.29-.958-10.398-2.872-15.01-5.635-2.092-1.255-4.08-2.68-5.942-4.26-.88-.743-1.725-1.523-2.547-2.33C154.1 428.037 83.963 357.9 14.05 287.543c-1.206-1.228-2.348-2.515-3.41-3.87-2.008-2.558-3.736-5.336-5.14-8.27-1.414-2.95-2.5-6.054-3.238-9.24-.77-3.33-1.16-6.746-1.16-10.163s.39-6.834 1.16-10.163c.738-3.186 1.824-6.29 3.237-9.24 1.404-2.934 3.132-5.712 5.14-8.27 1.062-1.355 2.204-2.642 3.41-3.87C83.963 154.1 154.1 83.963 224.457 14.05c1.228-1.206 2.515-2.348 3.87-3.41 2.558-2.008 5.336-3.736 8.27-5.14 2.95-1.414 6.054-2.5 9.24-3.238 3.33-.77 6.746-1.16 10.163-1.16s6.834.39 10.163 1.16c3.186.738 6.29 1.824 9.24 3.237 2.934 1.404 5.712 3.132 8.27 5.14 1.355 1.062 2.642 2.204 3.87 3.41C357.9 83.963 428.037 154.1 497.95 224.457c1.206 1.228 2.348 2.515 3.41 3.87 2.008 2.558 3.736 5.336 5.14 8.27 1.414 2.95 2.5 6.054 3.238 9.24.77 3.33 1.16 6.746 1.16 10.163s-.39 6.834-1.16 10.163c-.738 3.186-1.824 6.29-3.237 9.24-1.404 2.934-3.132 5.712-5.14 8.27-1.062 1.355-2.204 2.642-3.41 3.87C428.037 357.9 357.9 428.037 287.543 497.95c-.822.807-1.668 1.587-2.547 2.33-1.86 1.58-3.85 3.005-5.942 4.26-4.38 2.623-9.207 4.482-14.213 5.482-1.763.353-3.548.6-5.342.74-.806.062-1.613.1-2.42.122-.36.007-.72.012-1.078.013zm0-30c.874-.003 1.746-.076 2.608-.227 1.71-.3 3.368-.9 4.87-1.773 1.09-.635 2.087-1.41 2.986-2.294 70.29-69.85 140.81-139.476 210.21-210.21.425-.44.827-.9 1.198-1.386.665-.87 1.233-1.813 1.688-2.81.81-1.773 1.257-3.706 1.327-5.654.082-2.31-.367-4.637-1.327-6.74-.455-.997-1.023-1.94-1.688-2.81-.37-.486-.773-.947-1.2-1.386-69.42-70.758-139.523-140.856-210.28-210.28-.438-.426-.9-.828-1.385-1.2-.87-.664-1.813-1.232-2.81-1.686-1.773-.81-3.706-1.257-5.654-1.327-2.31-.082-4.637.367-6.74 1.328-.97.442-1.886.99-2.735 1.63-.514.388-1 .81-1.46 1.257C174.85 104.75 104.75 174.85 35.327 245.607c-.45.462-.87.947-1.257 1.46-.64.85-1.188 1.767-1.63 2.735-.96 2.104-1.41 4.43-1.327 6.74.07 1.95.518 3.882 1.328 5.656.455.996 1.023 1.94 1.688 2.81.37.485.773.946 1.2 1.385 69.423 70.756 139.52 140.858 210.28 210.28.88.854 1.853 1.606 2.914 2.224 1.397.813 2.93 1.39 4.515 1.707.887.177 1.787.27 2.69.29l.273.002z" fill-rule="nonzero"/><path d="M279.612 430.108l-13.5 13.5c-2.682 2.682-6.32 4.188-10.112 4.188-3.793 0-7.43-1.506-10.112-4.188L68.392 266.112c-2.682-2.682-4.188-6.32-4.188-10.112 0-3.793 1.506-7.43 4.188-10.112L245.888 68.392c2.682-2.682 6.32-4.188 10.112-4.188 3.793 0 7.43 1.506 10.112 4.188l64.505 64.506v86.943c-1.64.454-3.25 1.02-4.812 1.693-4.292 1.847-8.226 4.504-11.55 7.788-3.158 3.122-5.757 6.802-7.637 10.825-1.637 3.502-2.723 7.256-3.21 11.09-.502 3.938-.378 7.956.37 11.854.65 3.397 1.778 6.7 3.337 9.788 1.965 3.893 4.613 7.434 7.787 10.425 3.07 2.893 6.63 5.265 10.484 6.98 3.178 1.416 6.553 2.382 10 2.865 1.733.243 3.48.358 5.23.363.323 0 .644-.004.965-.01 1.744-.05 3.48-.21 5.202-.495 3.422-.568 6.762-1.615 9.896-3.102 3.875-1.84 7.427-4.35 10.46-7.382 3.033-3.033 5.542-6.584 7.382-10.46 1.52-3.204 2.582-6.625 3.14-10.128.613-3.844.625-7.784.036-11.632-.582-3.81-1.76-7.525-3.475-10.976-1.975-3.972-4.66-7.585-7.888-10.627-3.405-3.208-7.406-5.772-11.747-7.516-1.296-.52-2.622-.967-3.968-1.34V152.9l92.99 92.99c2.683 2.682 4.19 6.32 4.19 10.112 0 3.793-1.507 7.43-4.19 10.112L337.84 371.88 266 300.04V196.347c2.08-.575 4.11-1.33 6.06-2.256 3.876-1.838 7.427-4.347 10.46-7.38 2.98-2.98 5.455-6.46 7.285-10.256 1.54-3.193 2.62-6.604 3.2-10.1.65-3.918.675-7.94.074-11.865-.584-3.81-1.76-7.526-3.476-10.977-1.975-3.972-4.66-7.585-7.89-10.627-3.404-3.208-7.406-5.773-11.747-7.517-2.293-.922-4.678-1.614-7.11-2.065-2.417-.448-4.88-.656-7.34-.625-2.372.03-4.74.284-7.066.76-2.49.51-4.927 1.276-7.262 2.28-4.292 1.85-8.226 4.506-11.55 7.79-3.158 3.12-5.758 6.8-7.638 10.824-1.636 3.502-2.722 7.256-3.21 11.09-.5 3.937-.378 7.955.37 11.854.652 3.397 1.78 6.7 3.338 9.79 1.93 3.825 4.522 7.312 7.624 10.27 3.108 2.962 6.723 5.388 10.647 7.134 1.693.755 3.443 1.38 5.23 1.875v107.835c.034.774.017.972.152 1.736.253 1.434.822 2.807 1.656 4 .446.636.598.764 1.12 1.335l74.77 74.77-29.944 29.943L182.85 305.06v-12.9c2.08-.576 4.11-1.332 6.06-2.257 3.875-1.84 7.426-4.35 10.46-7.382 3.033-3.033 5.542-6.584 7.382-10.46 1.52-3.204 2.58-6.625 3.14-10.128.612-3.844.625-7.783.036-11.63-.583-3.81-1.76-7.526-3.475-10.977-1.975-3.973-4.66-7.586-7.89-10.628-3.404-3.208-7.406-5.772-11.747-7.516-2.293-.92-4.678-1.613-7.11-2.063-2.417-.448-4.88-.657-7.34-.625-2.45.03-4.897.3-7.295.807-2.41.51-4.77 1.258-7.034 2.233-4.29 1.847-8.226 4.504-11.55 7.788-3.157 3.122-5.757 6.802-7.637 10.826-1.637 3.502-2.723 7.255-3.21 11.09-.503 3.937-.38 7.954.37 11.853.68 3.545 1.877 6.99 3.544 10.193 1.977 3.8 4.608 7.255 7.744 10.174 3.033 2.824 6.533 5.142 10.32 6.827 1.694.754 3.444 1.38 5.23 1.875V309.2c.023.634.012.795.103 1.424.204 1.414.714 2.78 1.486 3.983.258.4.543.78.855 1.14.157.18.326.35.488.523l113.834 113.835zM172.85 273.51c.894 0 1.788-.065 2.674-.2 1.524-.234 3.015-.67 4.424-1.298 1.64-.73 3.167-1.717 4.51-2.91 1.45-1.285 2.684-2.807 3.64-4.49.824-1.454 1.438-3.025 1.814-4.653.468-2.027.57-4.137.307-6.2-.223-1.744-.712-3.453-1.447-5.052-.883-1.92-2.117-3.676-3.62-5.16-1.554-1.537-3.393-2.78-5.4-3.645-2.105-.906-4.384-1.384-6.675-1.413-2.303-.03-4.604.39-6.74 1.25-1.997.8-3.838 1.976-5.412 3.442-1.547 1.44-2.832 3.156-3.773 5.048-.78 1.57-1.32 3.256-1.596 4.987-.328 2.054-.29 4.17.115 6.21.32 1.61.868 3.17 1.625 4.626.845 1.624 1.946 3.113 3.248 4.4 1.378 1.36 2.98 2.495 4.724 3.336 1.415.682 2.923 1.17 4.47 1.447.877.157 1.764.243 2.653.27.152.002.304.004.456.004zm167.767 0c.896 0 1.79-.065 2.675-.2 1.524-.234 3.016-.67 4.424-1.298 1.706-.76 3.287-1.795 4.67-3.05 1.38-1.256 2.56-2.73 3.48-4.35.807-1.423 1.412-2.958 1.79-4.548.49-2.058.598-4.206.33-6.304-.22-1.745-.71-3.454-1.444-5.052-.883-1.92-2.118-3.676-3.62-5.16-1.555-1.537-3.394-2.78-5.4-3.645-2.106-.906-4.385-1.384-6.676-1.413-2.302-.03-4.603.39-6.74 1.25-1.996.8-3.838 1.976-5.412 3.442-1.546 1.44-2.832 3.156-3.772 5.048-.78 1.57-1.32 3.256-1.597 4.987-.327 2.054-.29 4.17.115 6.21.333 1.68.917 3.306 1.724 4.814.898 1.676 2.07 3.203 3.454 4.506 1.307 1.232 2.802 2.263 4.42 3.043 1.416.682 2.924 1.17 4.472 1.447.876.157 1.762.243 2.652.27.152.002.303.004.455.004zM256 177.7c.896-.003 1.79-.067 2.676-.202 1.523-.233 3.015-.67 4.423-1.297 1.64-.73 3.167-1.717 4.51-2.91 1.448-1.284 2.684-2.807 3.64-4.49.805-1.422 1.41-2.957 1.788-4.548.49-2.057.6-4.205.332-6.303-.222-1.746-.71-3.455-1.445-5.054-.883-1.92-2.118-3.675-3.62-5.16-1.555-1.536-3.393-2.78-5.4-3.644-2.106-.907-4.385-1.384-6.677-1.413-2.302-.03-4.603.39-6.74 1.248-1.996.802-3.837 1.977-5.41 3.443-1.547 1.44-2.833 3.156-3.774 5.048-.78 1.57-1.32 3.256-1.596 4.987-.328 2.055-.29 4.17.115 6.212.333 1.678.916 3.304 1.724 4.812.914 1.706 2.113 3.258 3.53 4.577 1.29 1.2 2.757 2.206 4.343 2.97 1.45.7 2.995 1.195 4.58 1.468.842.145 1.692.225 2.544.25l.456.005z"/></symbol></svg>')
|
|
5
|
+
document.querySelector('body').insertAdjacentHTML('afterbegin', '<svg id="esvg-svg-icons" data-symbol-class="svg-symbol" data-prefix="svg" version="1.1" style="height:0;position:absolute"><symbol id="svg-deployment" data-name="deployment" viewBox="0 0 176 201" width="176" height="201" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M88 5.985l82.272 47.5v95L88 195.985l-82.272-47.5v-95L88 5.985z"/></symbol><symbol id="svg-logo" data-name="logo" viewBox="0 0 54 32" width="54" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M32.207 25.946L21.72 32l-11.234-6.486L0 19.46V6.485L11.235 0 21.72 6.054 32.207 0 43.44 6.486l10.487 6.055v12.974L42.693 32l-10.486-6.054zm.66-1.343V14.27l9.054 5.19.003 10.378-9.055-5.235zm-20.884.046V14.27l9.085 5.218.002 10.44-9.086-5.28zM1.498 18.594V8.215l8.988 5.19v10.38l-8.988-5.19zM21.72 7.785l8.99 5.188-8.99 5.19-8.988-5.19 8.99-5.19zm20.973 0l8.988 5.188-8.987 5.19-8.99-5.19 8.99-5.19zM11.235 1.728l8.988 5.19-8.988 5.188-8.99-5.19 8.99-5.188zm20.97 0l8.99 5.19-8.99 5.188-8.987-5.19 8.988-5.188z"/><path d="M1.437 18.643L1.442 8.11l19.652 11.35.01 10.545L1.436 18.643zm31.37 6l.03-10.464 9.147 5.243-.01 10.582-9.168-5.363z" fill-opacity=".345"/></symbol><symbol id="svg-cluster" data-name="cluster" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 32c-.056 0-.113-.002-.17-.005-.112-.007-.224-.02-.335-.04-.332-.06-.653-.18-.942-.354-.13-.078-.256-.167-.373-.266-.055-.047-.108-.096-.16-.147C9.604 26.8 5.2 22.397.813 17.98c-.076-.077-.148-.158-.214-.243-.127-.16-.236-.335-.324-.52-.09-.184-.157-.38-.203-.58C.023 16.43 0 16.215 0 16c0-.214.024-.43.073-.638.046-.2.114-.395.203-.58.088-.184.197-.358.323-.52.065-.084.137-.165.213-.242C5.2 9.604 9.603 5.2 14.02.813c.077-.076.158-.148.243-.214.16-.127.335-.236.52-.324.184-.09.38-.157.58-.203C15.57.023 15.785 0 16 0c.214 0 .43.024.638.073.2.046.395.114.58.203.184.088.358.197.52.323.084.065.165.137.242.213C22.396 5.2 26.8 9.603 31.187 14.02c.076.077.148.158.214.243.127.16.236.335.324.52.09.184.157.38.203.58.05.208.073.423.073.637 0 .214-.024.43-.073.638-.046.2-.114.395-.203.58-.088.184-.197.358-.323.52-.065.084-.137.165-.213.242-4.388 4.416-8.79 8.82-13.207 13.207-.052.05-.105.1-.16.147-.117.1-.242.188-.373.267-.275.166-.578.282-.892.345-.11.022-.223.038-.335.046-.05.005-.102.008-.152.01H16zm0-1.883c.055 0 .11-.005.164-.014.107-.02.21-.057.305-.112.068-.04.13-.087.187-.143 4.412-4.384 8.84-8.755 13.195-13.195.026-.027.052-.056.075-.087.042-.054.077-.113.106-.176.05-.112.08-.234.083-.356.005-.145-.023-.29-.083-.423-.03-.062-.064-.12-.106-.175-.023-.03-.05-.06-.075-.087-4.358-4.442-8.758-8.842-13.2-13.2-.027-.026-.056-.052-.087-.075-.054-.042-.113-.077-.176-.106-.112-.05-.234-.08-.356-.083-.145-.005-.29.023-.423.083-.06.028-.117.062-.17.102-.033.024-.063.05-.092.078-4.442 4.358-8.842 8.758-13.2 13.2l-.08.09c-.04.055-.073.112-.1.173-.06.133-.09.28-.084.424.004.122.032.244.083.355.03.062.064.12.106.175.023.03.05.06.075.087 4.358 4.442 8.758 8.842 13.2 13.2.055.053.116.1.183.14.088.05.184.087.284.106.056.012.112.018.17.02H16z" fill-opacity=".502" fill-rule="nonzero"/><path d="M17.482 26.93l-.847.846c-.17.17-.397.263-.635.263s-.466-.095-.635-.264l-11.14-11.14c-.17-.17-.264-.398-.264-.636s.095-.466.264-.635l11.14-11.14c.17-.17.398-.264.636-.264s.466.095.635.264l4.05 4.05v5.456c-.104.03-.205.064-.303.106-.27.116-.517.283-.725.49-.2.195-.362.426-.48.68-.102.22-.17.454-.2.695-.033.248-.025.5.022.745.04.213.11.42.21.614.122.244.288.466.487.654.193.18.416.33.658.438.2.09.412.15.628.18.11.015.22.022.328.023h.062c.11-.004.218-.014.326-.032.215-.036.425-.102.622-.195.243-.115.466-.273.656-.463s.348-.414.464-.657c.095-.2.162-.416.197-.636.038-.24.04-.488.002-.73-.038-.24-.112-.472-.22-.69-.123-.248-.292-.475-.494-.666-.214-.2-.465-.362-.738-.472-.08-.032-.164-.06-.25-.084V9.528l5.838 5.837c.17.17.263.397.263.635s-.095.466-.264.635l-6.64 6.64-4.508-4.51v-6.51c.13-.036.258-.083.38-.14.243-.116.466-.274.657-.464.187-.186.342-.405.457-.643.097-.2.164-.415.2-.634.042-.246.043-.5.005-.745-.036-.24-.11-.472-.218-.69-.125-.248-.293-.475-.496-.666-.214-.2-.465-.362-.737-.472-.144-.058-.294-.1-.447-.13-.15-.027-.306-.04-.46-.04-.15.003-.298.02-.444.05-.156.03-.31.08-.456.142-.27.116-.516.283-.725.49-.198.195-.36.426-.48.68-.102.218-.17.454-.2.695-.032.247-.024.5.023.744.04.214.11.422.21.615.12.24.283.46.478.645.195.186.422.338.668.448.106.047.216.087.328.118v6.768c.002.05 0 .06.01.11.016.09.05.176.104.25.028.04.037.048.07.084l4.693 4.694-1.88 1.88-6.962-6.962v-.81c.13-.036.258-.084.38-.142.244-.115.467-.273.657-.463s.348-.414.464-.657c.094-.2.16-.416.196-.636.038-.24.04-.488.002-.73-.037-.24-.11-.472-.218-.69-.124-.248-.293-.475-.495-.666-.214-.2-.465-.362-.738-.472-.144-.057-.293-.1-.446-.13-.15-.027-.305-.04-.46-.038-.154.002-.307.018-.458.05-.15.032-.3.08-.44.14-.27.116-.518.283-.726.49-.198.195-.362.426-.48.68-.102.22-.17.454-.2.695-.033.248-.025.5.022.745.043.223.118.44.223.64.125.238.29.455.487.638.19.178.41.323.647.43.107.046.217.086.33.117v1.07c0 .04 0 .05.005.09.012.088.044.173.092.25.017.024.035.048.054.07l.03.033 7.146 7.146zm-6.7-9.83c.055 0 .11-.005.166-.014.096-.014.19-.042.278-.08.103-.047.2-.11.283-.184.09-.08.168-.176.228-.28.05-.093.09-.19.114-.293.03-.13.035-.26.02-.39-.015-.11-.046-.217-.092-.318-.055-.12-.133-.23-.227-.324-.098-.096-.213-.174-.34-.228-.13-.057-.274-.087-.418-.09-.145 0-.29.025-.423.08-.125.05-.24.123-.34.215-.097.09-.178.2-.237.317-.05.1-.083.205-.1.313-.02.13-.018.262.007.39.02.1.055.2.102.29.053.102.123.196.204.277.087.085.187.156.297.21.09.042.183.073.28.09.055.01.11.015.167.017h.03zm10.53 0c.056 0 .112-.005.167-.014.095-.014.19-.042.277-.08.107-.05.206-.114.293-.192.087-.08.16-.172.22-.273.05-.09.087-.185.11-.285.032-.13.04-.264.022-.396-.014-.11-.045-.217-.09-.318-.056-.12-.134-.23-.228-.324-.098-.096-.213-.174-.34-.228-.13-.057-.274-.087-.418-.09-.145 0-.29.025-.423.08-.126.05-.24.123-.34.215-.097.09-.178.2-.237.317-.05.1-.083.205-.1.313-.02.13-.018.262.007.39.02.106.058.208.108.302.058.105.13.2.218.283.082.077.176.142.278.19.09.044.183.075.28.092.055.01.11.015.167.017h.028zM16 11.084c.056 0 .112-.004.168-.013.096-.014.19-.042.278-.08.103-.047.198-.11.283-.184.09-.08.167-.176.227-.282.05-.09.09-.185.112-.285.03-.128.037-.263.02-.395-.014-.11-.044-.217-.09-.317-.056-.12-.133-.23-.228-.324-.097-.096-.213-.174-.34-.23-.13-.055-.274-.085-.418-.087-.144-.002-.29.024-.423.078-.124.05-.24.124-.338.216-.097.092-.178.2-.237.318-.05.1-.083.204-.1.313-.02.13-.02.263.007.39.02.106.057.208.108.303.057.107.133.205.222.287.08.076.173.14.272.187.09.044.188.075.288.092.053.008.106.013.16.015H16z"/></symbol><symbol id="svg-download" data-name="download" viewBox="0 0 33 32" width="33" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path fill="none" d="M0 0h32.978v32H0z"/><path d="M15.5 28.627V16.92c.005-.1.015-.195.045-.29.08-.262.27-.48.515-.6.113-.054.23-.08.355-.095.074-.003.074-.003.148 0 .124.014.24.04.355.095.245.12.435.338.515.6.03.095.04.19.044.29v11.707l2.54-2.54.043-.04c.12-.1.25-.176.4-.216.13-.034.267-.042.4-.023.326.048.613.262.752.56.04.087.068.18.082.275.014.094.014.19 0 .286-.02.133-.066.26-.137.376-.03.05-.065.093-.102.138-1.38 1.462-2.842 2.844-4.264 4.266l-.03.03c-.052.048-.11.09-.17.126-.027.016-.055.03-.084.044-.108.05-.225.08-.344.09-.097.007-.196 0-.293-.022-.097-.022-.19-.06-.275-.108-.075-.043-.145-.097-.206-.158-1.45-1.37-2.82-2.818-4.227-4.227-.107-.112-.19-.24-.24-.387-.11-.332-.032-.707.2-.968.064-.07.138-.134.22-.184.15-.092.315-.136.49-.147.057 0 .057 0 .114.004.058.007.114.016.17.03.17.046.316.136.443.256l2.54 2.54zm10.424-4.984h-4.52c-.036-.002-.072-.002-.107-.006-.142-.015-.28-.062-.403-.136-.09-.054-.174-.124-.243-.206-.258-.305-.307-.748-.12-1.102.05-.094.116-.18.194-.254.13-.123.293-.21.467-.248.094-.02.12-.018.214-.023h4.444c.43-.075.854-.197 1.264-.348 1.132-.42 2.194-1.103 2.908-2.09.165-.23.31-.47.433-.724.287-.59.45-1.234.516-1.886.037-.383.045-.77.015-1.155-.033-.436-.117-.868-.25-1.285-.37-1.173-1.124-2.212-2.122-2.932-.48-.348-1.017-.62-1.583-.802-.42-.135-.857-.22-1.297-.257-.232-.02-.463-.022-.696-.016l-.103-.002c-.09-.012-.115-.01-.204-.037-.2-.058-.378-.18-.505-.345-.056-.073-.064-.095-.108-.176-.054-.113-.11-.224-.168-.335-.347-.65-.77-1.255-1.27-1.796-.6-.647-1.297-1.2-2.064-1.634-.824-.465-1.727-.79-2.66-.952-.792-.14-1.604-.164-2.403-.076-.8.088-1.588.292-2.33.604-.875.368-1.685.885-2.388 1.52-.775.702-1.418 1.546-1.887 2.48-.343.683-.593 1.414-.74 2.165-.07.373-.116.748-.14 1.127l-.013.104c-.008.035-.014.07-.024.104-.018.067-.045.133-.078.195-.133.248-.373.43-.65.495-.067.016-.137.024-.207.025-.035 0-.07-.003-.106-.004-.137-.02-.272-.048-.408-.068-.496-.063-.996-.043-1.483.073-1.008.242-1.902.874-2.468 1.74-.173.264-.315.55-.42.846-.11.308-.182.628-.215.953-.04.392-.025.794.03 1.184.075.536.243 1.06.54 1.517.09.14.19.27.3.393.632.704 1.546 1.09 2.458 1.275.34.07.692.116 1.04.12h5.17l.107.005c.094.015.118.015.21.046.168.056.32.16.436.295.07.082.125.175.165.274.04.1.063.204.07.31.018.363-.168.715-.478.9-.123.075-.26.122-.403.137-.035.004-.07.004-.107.006-1.744 0-3.49.014-5.233 0-.42-.012-.836-.057-1.247-.134-1.186-.223-2.346-.7-3.253-1.512-.167-.15-.324-.31-.47-.48-.177-.203-.337-.42-.48-.65-.397-.64-.645-1.363-.764-2.106-.047-.296-.074-.594-.084-.894-.01-.296-.003-.592.027-.887.047-.455.145-.905.292-1.338.338-.99.94-1.883 1.723-2.575.656-.578 1.436-1.01 2.274-1.26.61-.184 1.25-.265 1.888-.25l.06-.344c.067-.326.144-.648.238-.967.198-.665.462-1.31.788-1.923.66-1.243 1.576-2.348 2.672-3.23.883-.713 1.882-1.278 2.947-1.668.702-.256 1.43-.436 2.172-.536.337-.047.676-.074 1.017-.088.16-.005.323-.008.485-.007.918.012 1.83.137 2.715.385 1.845.518 3.527 1.556 4.828 2.963.575.622 1.068 1.313 1.48 2.053l.004.006c.092.005.185.01.277.018.102.008.202.018.302.03.23.03.46.065.687.114.57.12 1.128.308 1.657.556 1.148.54 2.155 1.364 2.912 2.38.57.768.998 1.64 1.252 2.562.277 1.007.338 2.06.218 3.097-.097.834-.322 1.654-.69 2.41-.173.356-.377.696-.608 1.016-.154.212-.32.415-.495.61-.903.992-2.076 1.712-3.33 2.176-.553.205-1.128.367-1.712.458-.047.006-.046.006-.093.01l-.068.003z"/></symbol><symbol id="svg-x-circle" data-name="x-circle" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16" cy="16" r="16" fill-opacity=".149"/><path d="M23.484 21.68c.478.477.478 1.254 0 1.732-.24.24-.554.36-.868.36-.31 0-.625-.12-.865-.36L16 17.662l-5.75 5.75c-.24.24-.555.36-.866.36-.314 0-.628-.12-.868-.36-.478-.478-.478-1.255 0-1.733l5.752-5.752-5.752-5.75c-.478-.477-.478-1.253 0-1.73.478-.48 1.255-.48 1.735 0L16 14.195l5.75-5.75c.48-.48 1.256-.48 1.734 0s.478 1.255 0 1.733l-5.752 5.748 5.752 5.75z" fill-rule="nonzero"/></symbol><symbol id="svg-plus-circle" data-name="plus-circle" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16" cy="16" r="16" fill-opacity=".149"/><path d="M23.24 17.376h-5.792v5.792c0 .8-.65 1.448-1.448 1.448-.8 0-1.448-.648-1.448-1.448v-5.792H8.76c-.8 0-1.448-.65-1.448-1.448 0-.8.65-1.448 1.448-1.448h5.792V8.688c0-.8.65-1.448 1.448-1.448.8 0 1.448.65 1.448 1.448v5.792h5.792c.8 0 1.448.65 1.448 1.448 0 .8-.65 1.448-1.448 1.448" fill-rule="nonzero"/></symbol><symbol id="svg-check-circle" data-name="check-circle" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16" cy="16" r="16" fill-opacity=".149"/><path d="M24.925 12.745l-10.22 11.2-7.59-7.588c-.48-.483-.48-1.255 0-1.732.477-.483 1.252-.483 1.732 0l5.776 5.775 8.49-9.307c.457-.502 1.233-.536 1.733-.08.5.455.534 1.232.08 1.732" fill-rule="nonzero"/></symbol><symbol id="svg-thumbs-up-circle" data-name="thumbs-up-circle" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16" cy="16" r="16" fill-opacity=".149"/><path d="M23.07 18.6c.78 0 1.413.634 1.413 1.415 0 .78-.632 1.414-1.413 1.414h-.943c.78 0 1.414.632 1.414 1.413 0 .78-.632 1.414-1.413 1.414H16c-3.77 0-2.828-1.886-10.37-1.886V13.89h2.83c3.298 0 7.07-3.037 7.07-7.54 0-1.49 2.827-1.68 2.827 1.148 0 1.885-.943 5.45-.943 5.45h7.54c.782 0 1.415.633 1.415 1.413s-.634 1.413-1.415 1.413h-.943c.782 0 1.414.634 1.414 1.414 0 .782-.632 1.414-1.414 1.414h-.942" fill-rule="nonzero"/></symbol><symbol id="svg-lock-circle" data-name="lock-circle" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16" cy="16" r="16" fill-opacity=".149"/><path d="M9.558 11.134c0-.338.007-.676.01-1.014.03-.753.17-1.492.446-2.194.668-1.696 2.063-3.057 3.775-3.683.658-.24 1.345-.362 2.044-.388.166-.002.165-.002.332 0 .7.026 1.386.147 2.045.388 1.712.626 3.108 1.987 3.776 3.683.277.702.416 1.44.445 2.194.005.338.01.676.013 1.014.634.02 1.27.044 1.903.07.077.01.15.02.223.046.24.083.44.267.542.5.042.095.062.192.074.294.18 4.31.004 8.627.004 12.94-.005.103-.017.202-.05.3-.083.24-.267.44-.5.542-.095.042-.192.062-.294.075-5.534.23-11.078.004-16.617.004-.103-.004-.2-.016-.3-.05-.24-.083-.44-.266-.542-.5-.042-.095-.062-.19-.074-.293-.18-4.31-.004-8.627-.004-12.94.005-.103.017-.2.05-.3.083-.24.267-.44.5-.542.095-.04.192-.062.294-.074.634-.026 1.27-.05 1.904-.07zm13.794 1.905H8.648v11.026h14.704V13.04zm-8.303 5.247c-.57-.347-.92-.992-.886-1.667.01-.183.046-.365.11-.538.07-.195.176-.378.31-.54.15-.18.334-.332.54-.444.244-.132.507-.2.782-.22.095-.002.094-.002.188 0 .275.02.538.088.78.22.208.112.394.264.544.445.132.16.237.344.31.54.062.172.098.354.108.537.034.682-.324 1.333-.902 1.677.023 1.03.043 2.06-.018 3.085-.015.147-.057.287-.136.413-.218.35-.656.514-1.05.392-.105-.032-.204-.083-.29-.15-.097-.074-.18-.168-.24-.274-.066-.118-.103-.246-.116-.38-.06-1.03-.073-2.065-.035-3.096zm5.54-7.204c.003-.305.007-.61.003-.917-.022-.575-.134-1.138-.36-1.67-.522-1.234-1.586-2.2-2.867-2.6-.517-.16-1.062-.227-1.603-.2-.496.026-.986.13-1.448.313-.516.202-.994.5-1.404.873-.436.397-.796.878-1.052 1.41-.283.588-.426 1.223-.45 1.873-.005.306 0 .612.002.917 3.06-.07 6.12-.07 9.18 0z"/></symbol><symbol id="svg-heart-circle" data-name="heart-circle" viewBox="0 0 33 33" width="33" height="33" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16.024" cy="16.024" r="16.024" fill-opacity=".149"/><path d="M11.228 6.83c.45.027.894.1 1.326.234 1.488.46 2.712 1.564 3.47 2.912.08-.146.172-.287.263-.427.49-.72 1.086-1.355 1.816-1.83.545-.357 1.15-.617 1.785-.762.565-.13 1.15-.166 1.727-.112.482.046.958.155 1.413.32.416.152.815.353 1.186.594.934.607 1.685 1.475 2.174 2.473.358.732.576 1.527.66 2.336.04.374.056.753.034 1.13-.044.792-.254 1.57-.55 2.304-.44 1.098-1.07 2.116-1.77 3.068-1.223 1.67-2.673 3.174-4.192 4.577-1.256 1.16-2.568 2.265-3.944 3.282l-.07.048c-.258.144-.545.194-.83.106-.085-.025-.16-.063-.236-.106-.177-.12-.346-.253-.517-.383-1.207-.932-2.376-1.913-3.497-2.948C10.3 22.56 9.173 21.415 8.15 20.18c-.7-.848-1.355-1.74-1.905-2.693-.41-.71-.762-1.46-.998-2.244-.15-.503-.252-1.02-.282-1.546-.018-.323-.01-.648.018-.97.08-.96.346-1.906.81-2.753.443-.812 1.065-1.524 1.817-2.064.397-.285.83-.52 1.285-.7.578-.226 1.183-.35 1.802-.385.178-.006.354-.006.53 0zm9.778 2.024c-.31.012-.615.058-.912.15-.224.07-.44.162-.646.275-1.17.64-1.877 1.87-2.267 3.106-.065.206-.12.414-.172.624l-.026.086c-.067.17-.16.32-.3.44-.4.342-1.016.315-1.385-.06-.107-.11-.178-.238-.234-.38-.055-.186-.1-.375-.153-.562-.377-1.234-1.023-2.467-2.154-3.163-.153-.093-.312-.177-.477-.247-.367-.155-.76-.245-1.155-.265-.336-.018-.674.015-1 .093-.28.068-.55.167-.805.295-.833.418-1.49 1.13-1.88 1.973-.228.492-.365 1.024-.422 1.563-.042.407-.044.816.02 1.22.104.646.344 1.267.633 1.852.446.902 1.02 1.738 1.638 2.53.806 1.03 1.7 1.992 2.636 2.908 1.277 1.253 2.635 2.42 4.043 3.524l.036.027c1.015-.783 1.997-1.613 2.945-2.478.787-.717 1.55-1.46 2.276-2.24.978-1.05 1.903-2.167 2.65-3.395.47-.777.887-1.617 1.075-2.512.098-.474.11-.953.06-1.433-.054-.506-.177-1.005-.38-1.47-.35-.803-.937-1.496-1.693-1.94-.248-.148-.513-.266-.788-.353-.324-.103-.657-.155-.995-.166h-.17z" fill-rule="nonzero"/></symbol><symbol id="svg-arrow-up-circle" data-name="arrow-up-circle" viewBox="0 0 33 33" width="33" height="33" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16.024" cy="16.024" r="16.024" fill-opacity=".149"/><path d="M22.294 14.798c-.24.24-.556.36-.87.36-.315 0-.627-.12-.868-.36l-3.303-3.305V22.68c0 .677-.548 1.23-1.23 1.23-.678 0-1.228-.553-1.228-1.23V11.57l-3.227 3.228c-.482.48-1.26.48-1.738 0-.482-.48-.482-1.258 0-1.737l5.243-5.247c.226-.282.56-.48.95-.48.008 0 .013.006.02.006.008 0 .013-.006.02-.006.327 0 .64.13.868.36l5.364 5.367c.48.48.48 1.26 0 1.738" fill-rule="nonzero"/></symbol><symbol id="svg-gear-circle" data-name="gear-circle" viewBox="0 0 33 33" width="33" height="33" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16.024" cy="16.024" r="16.024" fill-opacity=".149"/><g fill-rule="nonzero"><path d="M24.253 6.97c.168.045.32.117.445.24.054.052.064.068.11.128 1.096 1.71 2.035 3.514 3.05 5.272.04.077.074.15.095.236.07.277.004.578-.175.8-.073.09-.16.16-.257.22l-1.64.95c.022.154.034.308.048.464.013.193.023.385.026.58.003.423-.023.842-.07 1.263v.013l1.64.95.072.044c.07.053.13.107.186.174.16.2.23.464.192.718-.013.086-.04.164-.073.244-.932 1.803-2.025 3.52-3.04 5.277-.046.073-.094.14-.156.2-.206.2-.5.294-.783.25-.114-.018-.216-.06-.318-.113l-1.635-.95c-.13.098-.262.188-.396.28-.19.123-.19.122-.384.242-.39.23-.787.435-1.2.623l-.013.006v1.91l-.004.084c-.013.086-.028.167-.06.248-.092.24-.285.432-.525.525-.08.03-.162.046-.247.058-2.03.094-4.062.004-6.094.004-.086-.005-.168-.012-.25-.036-.277-.078-.504-.286-.607-.552-.042-.11-.057-.218-.063-.333V25.08c-.142-.06-.282-.128-.422-.195-.203-.102-.203-.1-.404-.207-.404-.222-.79-.464-1.168-.73l-.027-.02-1.66.952-.074.038c-.08.033-.16.06-.245.073-.253.04-.517-.032-.716-.193-.07-.054-.122-.117-.175-.185C6.14 22.905 5.2 21.1 4.185 19.34c-.052-.1-.094-.203-.11-.318-.045-.282.048-.576.247-.78.06-.064.128-.11.2-.157l1.642-.948c-.02-.156-.033-.31-.046-.467-.014-.23-.014-.23-.023-.46-.006-.464.018-.922.07-1.382v-.014l-1.64-.947-.07-.046c-.07-.052-.13-.106-.186-.173-.162-.2-.232-.465-.193-.718.014-.087.04-.165.074-.245.935-1.803 2.03-3.518 3.047-5.276.062-.098.13-.184.22-.257.222-.18.523-.245.8-.176.084.02.16.056.235.096l1.652.95c.07-.052.143-.102.214-.152.19-.128.19-.128.385-.252.454-.278.92-.523 1.407-.743l.014-.006V4.96l.004-.085c.012-.085.027-.166.06-.247.09-.24.285-.433.524-.526.08-.03.162-.046.248-.058 2.028-.094 4.062-.004 6.093-.004.115.006.224.02.332.062.267.104.474.33.553.607.023.084.03.166.035.252V6.87c.142.06.28.13.42.196.202.102.2.102.4.208.4.224.782.466 1.154.733l.02.014 1.628-.946.076-.04c.138-.055.266-.08.414-.084.085.007.085.006.17.02zm-2.23 14.94c.118.025.22.06.325.115l1.38.8 2.08-3.607-1.39-.802c-.064-.04-.082-.05-.14-.1-.153-.132-.26-.313-.3-.51-.018-.087-.02-.17-.017-.258.028-.216.07-.43.098-.645.04-.37.067-.74.055-1.11-.015-.44-.068-.87-.143-1.304l-.01-.086c-.003-.088-.002-.17.016-.257.04-.198.147-.38.3-.51.058-.052.076-.06.14-.1l1.388-.803-2.08-3.605-1.375.798c-.07.035-.085.046-.158.072-.19.067-.402.07-.594.006-.084-.028-.157-.07-.232-.115-.123-.092-.24-.194-.362-.29-.348-.262-.71-.502-1.093-.71-.382-.21-.78-.386-1.187-.542l-.078-.034c-.066-.037-.084-.044-.145-.09-.16-.12-.277-.29-.332-.483-.024-.082-.03-.165-.035-.25V5.88h-4.168V7.49c-.004.086-.012.168-.036.252-.056.192-.174.363-.333.483-.06.045-.08.052-.145.09-.2.086-.402.16-.602.245-.745.337-1.446.748-2.072 1.276l-.07.052c-.074.047-.147.088-.23.116-.192.065-.404.064-.595-.003-.073-.024-.09-.035-.157-.07L8.33 9.125l-2.086 3.608 1.387.802c.066.04.083.05.142.1.153.132.26.314.3.512.018.087.02.17.016.258-.02.154-.05.307-.073.46-.058.43-.09.862-.08 1.297.01.437.065.868.14 1.297l.01.086c.004.077.007.096 0 .172-.023.202-.113.393-.253.54-.06.062-.13.11-.203.158l-1.39.802 2.084 3.61 1.403-.805c.078-.04.154-.075.24-.096.196-.048.407-.03.59.053.072.032.087.044.152.085.12.092.236.192.356.286.3.226.61.433.938.618.44.25.9.455 1.37.636l.08.034c.065.037.083.044.143.09.16.12.278.29.332.482.023.084.03.166.035.253v1.606h4.168v-1.607c.004-.087.01-.17.035-.253.055-.19.172-.363.332-.483.06-.045.078-.052.144-.09.197-.085.4-.16.598-.245.455-.207.895-.44 1.31-.716.26-.173.506-.362.745-.56l.07-.054c.064-.04.08-.052.15-.083.108-.05.218-.068.335-.078.086 0 .086 0 .172.01z"/><path d="M16.148 11.052c.698.026 1.378.18 2.01.484.533.257 1.02.613 1.43 1.042.41.43.74.934.97 1.48.19.45.313.93.363 1.415.052.498.027 1.005-.074 1.495-.314 1.533-1.372 2.853-2.797 3.497-.598.27-1.247.418-1.902.434-.658.016-1.32-.1-1.932-.34-.553-.22-1.066-.54-1.506-.938-.44-.4-.805-.876-1.075-1.403-.22-.432-.377-.896-.462-1.373-.08-.452-.1-.916-.052-1.374.06-.565.215-1.12.462-1.632.43-.89 1.13-1.643 1.987-2.137.637-.366 1.342-.573 2.073-.638.17-.01.336-.016.505-.013zm-.206 1.84c-.437.016-.863.112-1.257.302-.81.39-1.428 1.138-1.652 2.01-.09.354-.118.725-.08 1.088.032.33.12.652.255.954.153.34.37.65.632.91.263.264.573.48.912.632.374.17.78.26 1.19.27.413.012.826-.06 1.21-.21.347-.138.668-.338.944-.59.275-.248.504-.548.673-.878.137-.27.234-.56.288-.857.06-.336.063-.68.012-1.018-.14-.92-.71-1.743-1.514-2.207-.4-.23-.84-.358-1.297-.4-.107-.005-.212-.008-.318-.007z"/></g></symbol><symbol id="svg-search-circle" data-name="search-circle" viewBox="0 0 33 33" width="33" height="33" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16.024" cy="16.024" r="16.024" fill-opacity=".149"/><path d="M7.716 13.77c0-3.362 2.738-6.102 6.105-6.102 3.363 0 6.1 2.74 6.1 6.103 0 3.365-2.737 6.105-6.1 6.105-3.366 0-6.104-2.74-6.104-6.104m18.19 10.785l-5.88-5.882c1.073-1.353 1.74-3.042 1.74-4.902 0-4.38-3.564-7.948-7.945-7.948-4.383 0-7.95 3.567-7.95 7.95 0 4.382 3.567 7.95 7.95 7.95 1.857 0 3.548-.67 4.9-1.744l5.883 5.882c.18.18.415.27.652.27.236 0 .472-.09.65-.27.363-.358.363-.943 0-1.305" fill-rule="nonzero"/></symbol><symbol id="svg-warning-circle" data-name="warning-circle" viewBox="0 0 33 33" width="33" height="33" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16.024" cy="16.024" r="16.024" fill-opacity=".149"/><path d="M16.898 17.985c0 .493-.4.892-.892.892s-.89-.4-.89-.892V13.12c0-.49.398-.89.89-.89s.892.4.892.89v4.865zm-.892 3.242c-.446 0-.81-.364-.81-.81 0-.45.364-.81.81-.81.448 0 .81.36.81.81 0 .446-.362.81-.81.81m9.614 1.837L16.803 5.43c-.303-.605-1.29-.605-1.594 0L6.293 23.26c-.14.276-.125.604.04.866.16.264.448.425.757.425h17.867c.492 0 .892-.4.892-.89 0-.23-.087-.44-.23-.596" fill-rule="nonzero"/></symbol><symbol id="svg-star-circle" data-name="star-circle" viewBox="0 0 33 33" width="33" height="33" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16.024" cy="16.024" r="16.024" fill-opacity=".149"/><path d="M16.08 5.155c.28.025.535.142.71.367.053.067.09.137.126.213l2.607 6.106h6.06l.082.005c.17.022.325.07.466.17.376.263.512.773.317 1.188-.06.13-.15.233-.254.328l-5.213 4.342 2.63 7.014.025.08c.04.167.048.33.004.5-.118.445-.554.75-1.014.708-.172-.016-.323-.08-.467-.174l-6.136-4.38L9.89 26l-.072.046c-.15.08-.307.13-.48.132-.462.002-.87-.34-.947-.796-.028-.17-.004-.333.05-.496l2.628-7.014-5.213-4.34-.062-.057c-.096-.104-.175-.215-.224-.35-.16-.43.02-.926.418-1.156.15-.087.308-.122.478-.13h6.062l2.632-6.108.036-.074c.042-.072.086-.14.144-.2.155-.167.354-.258.576-.296.082-.007.082-.007.164-.007zm-2.045 8.02c-.035.072-.072.14-.12.205-.13.168-.316.29-.522.343-.08.02-.156.026-.236.03h-4.05l3.706 3.084.062.057c.058.063.11.125.154.2.097.17.14.37.123.567-.01.087-.03.166-.057.247l-1.768 4.717 4.14-2.955.072-.047c.076-.04.15-.076.233-.098.19-.052.397-.043.583.025.08.03.15.072.223.12l4.14 2.954-1.768-4.717-.026-.08c-.02-.083-.034-.164-.035-.25 0-.197.06-.393.175-.554.05-.07.107-.128.17-.186l3.705-3.084h-4.05l-.078-.004c-.08-.01-.157-.024-.234-.05-.26-.09-.45-.283-.566-.528l-1.98-4.637c-.665 1.547-1.33 3.093-1.997 4.64z" fill-rule="nonzero"/></symbol><symbol id="svg-pencil-circle" data-name="pencil-circle" viewBox="0 0 33 33" width="33" height="33" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16.024" cy="16.024" r="16.024" fill-opacity=".149"/><path d="M7.925 18.165c3.857-4.193 8.057-8.058 12.086-12.087.123-.112.256-.198.417-.24.07-.02.088-.02.16-.03.08-.002.08-.002.162 0 .07.01.088.01.158.03.134.035.248.1.357.185 1.634 1.497 3.137 3.132 4.704 4.7.055.06.106.12.147.192.136.236.16.526.068.782-.037.104-.094.192-.16.28-3.865 4.216-8.087 8.09-12.132 12.135l-.022.02c-.07.066-.15.12-.237.16-.022.012-.044.022-.067.032-2.164.718-4.384 1.256-6.577 1.882-.137.033-.27.047-.41.024-.357-.06-.654-.332-.746-.684-.035-.136-.033-.27-.013-.408.53-2.22 1.252-4.39 1.878-6.582.006-.02.013-.037.02-.055.034-.095.084-.186.148-.267l.016-.02.017-.02c.008-.01.016-.02.025-.028zm.16 5.796l3.335-.952c-.81-.77-1.616-1.546-2.39-2.35l-.944 3.303zm5.185-1.852l7.013-7.013-3.33-3.33-7.032 7.03c1.14 1.082 2.28 2.164 3.35 3.313zm4.996-11.658l3.33 3.33L24 11.38l-3.332-3.332-2.402 2.402z"/></symbol><symbol id="svg-message-circle" data-name="message-circle" viewBox="0 0 33 33" width="33" height="33" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16.024" cy="16.024" r="16.024" fill-opacity=".149"/><path d="M17.342 23.582l-3.53 3.53-.066.06c-.12.088-.245.155-.392.185-.38.076-.778-.112-.96-.455-.072-.133-.1-.272-.107-.42v-2.9c-.087 0-.174-.002-.26-.003l-.41-.022c-.333-.03-.665-.072-.994-.14-.64-.132-1.266-.344-1.856-.63-1.33-.643-2.473-1.658-3.273-2.9-.457-.713-.8-1.496-1.012-2.314-.203-.783-.284-1.597-.243-2.405.043-.864.228-1.718.546-2.52.357-.9.877-1.73 1.527-2.446.692-.76 1.53-1.388 2.455-1.836.71-.343 1.47-.58 2.248-.7.335-.05.672-.077 1.01-.09 2.665-.034 5.33-.034 7.996 0 .338.013.674.04 1.01.09.778.12 1.54.357 2.248.7.926.448 1.763 1.075 2.454 1.836.65.715 1.17 1.547 1.527 2.445.32.802.505 1.656.55 2.52.04.807-.04 1.62-.244 2.404-.212.818-.556 1.6-1.013 2.313-.87 1.353-2.146 2.434-3.627 3.063-.668.283-1.374.475-2.094.567-.336.043-.672.06-1.01.065h-2.48zm.123-5.826c.128.01.25.04.364.1.097.05.186.12.26.203.267.305.29.767.058 1.1-.055.078-.122.146-.198.203-.143.106-.31.16-.485.175-2.205.06-4.412.06-6.617 0-.176-.014-.342-.07-.485-.175-.326-.242-.448-.69-.29-1.063.037-.088.088-.17.15-.24.074-.084.163-.154.26-.205.115-.06.237-.09.365-.1 2.205-.058 4.412-.058 6.617 0zm3.747-2.847c.18.017.35.075.493.19.373.293.447.846.166 1.228-.07.096-.16.178-.263.24-.122.07-.255.107-.395.12-3.457.117-6.92.117-10.376 0-.18-.017-.35-.075-.494-.19-.372-.293-.447-.846-.165-1.228.07-.096.16-.178.264-.24.123-.07.255-.107.396-.12 3.457-.117 6.92-.117 10.376 0zm0-2.85c.14.015.273.05.395.123.103.06.193.143.264.24.282.38.208.934-.165 1.228-.144.115-.312.173-.493.192-3.457.115-6.92.115-10.376 0-.18-.02-.35-.077-.494-.19-.372-.295-.447-.848-.165-1.23.07-.096.16-.178.264-.24.123-.07.255-.107.396-.12 3.457-.117 6.92-.117 10.376 0z"/></symbol><symbol id="svg-progress-circle" data-name="progress-circle" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16" cy="16" r="16" fill-opacity=".149"/><g fill-rule="nonzero"><path d="M16 21.288c-.58 0-1.048.47-1.048 1.048v3.52c0 .58.47 1.05 1.048 1.05.578 0 1.048-.47 1.048-1.05v-3.52c0-.58-.47-1.048-1.048-1.048" fill-opacity=".502"/><path d="M25.955 14.9l-3.458-.008c-.597.013-1.05.467-1.05 1.046-.002.58.467 1.05 1.046 1.05l3.458.007h.003c.577 0 1.046-.468 1.048-1.046 0-.58-.467-1.05-1.045-1.05" fill-opacity=".251"/><path d="M16.025 2.832h-.003c-.577 0-1.045.468-1.047 1.046l-.01 5.46c-.002.58.466 1.05 1.044 1.05h.002c.578 0 1.046-.467 1.047-1.045l.01-5.46c.002-.58-.466-1.05-1.045-1.05"/><path d="M13.75 20.81c-.536-.223-1.148.03-1.37.565l-1.375 3.298c-.223.534.03 1.147.563 1.37.133.054.27.082.403.082.412 0 .8-.243.97-.647l1.373-3.297c.224-.533-.028-1.147-.562-1.37" fill-opacity=".6"/><path d="M19.604 21.393c-.22-.537-.833-.79-1.367-.572-.535.22-.79.833-.57 1.37l1.354 3.298c.168.406.56.65.97.65.133 0 .27-.024.398-.078.536-.22.79-.833.572-1.367l-1.356-3.3z" fill-opacity=".4"/><path d="M9.5 16.964h.002c.578 0 1.046-.468 1.048-1.046 0-.58-.467-1.05-1.046-1.05L6.05 14.86h-.003C5.47 14.86 5 15.33 5 15.908c-.003.578.465 1.05 1.045 1.05l3.455.007z" fill-opacity=".902"/><path d="M21.075 13.83c.166.405.557.65.97.65.132 0 .267-.026.398-.08l3.158-1.296c.535-.22.79-.833.57-1.366-.22-.535-.83-.793-1.367-.57l-3.158 1.294c-.536.22-.79.833-.57 1.367" fill-opacity=".2"/><path d="M10.992 17.99c-.22-.536-.83-.794-1.367-.57l-3.228 1.332c-.535.22-.79.833-.57 1.366.167.405.558.65.97.65.13 0 1.557-.558 1.688-.613l1.938-.798c.535-.22.79-.833.57-1.367" fill-opacity=".8"/><path d="M21.28 19.75c-.407-.408-1.07-.41-1.48-.002-.41.41-.412 1.072-.002 1.482l2.482 2.49c.205.204.475.308.743.308s.535-.103.74-.306c.41-.41.41-1.07.003-1.482l-2.485-2.49z" fill-opacity=".349"/><path d="M19.902 12.04c.205.205.474.308.743.308.268 0 .536-.102.74-.305l2.405-2.397c.41-.41.412-1.072.002-1.482-.408-.41-1.07-.41-1.48-.003l-2.405 2.398c-.412.41-.412 1.07-.005 1.482" fill-opacity=".149"/><path d="M18.13 10.813c.132.054.27.08.403.08.41 0 .8-.242.968-.645l1.292-3.107c.223-.532-.03-1.145-.564-1.368-.535-.222-1.15.032-1.37.565l-1.292 3.106c-.222.534.03 1.147.564 1.37" fill-opacity=".102"/><path d="M13.176 6.326c-.22-.535-.834-.793-1.368-.57-.534.222-.79.834-.57 1.37l1.287 3.115c.166.406.556.65.97.65.13 0 .267-.025.397-.08.536-.22.79-.833.57-1.367l-1.286-3.117zM10.626 12.015c.204.205.473.308.742.308.267 0 .535-.102.74-.305.41-.41.41-1.073.002-1.482l-2.393-2.4c-.41-.41-1.072-.41-1.48-.002-.412.41-.413 1.07-.005 1.482l2.394 2.4z"/><path d="M12.186 19.73c-.41-.412-1.072-.413-1.482-.004L8.208 22.21c-.41.41-.41 1.072-.002 1.482.204.206.472.308.743.308.265 0 .533-.1.737-.305l2.495-2.485c.41-.408.41-1.07.004-1.48" fill-opacity=".702"/><path d="M25.59 18.787l-3.214-1.338c-.534-.223-1.148.03-1.37.563-.222.535.03 1.148.565 1.37l3.214 1.34c.13.054.268.08.403.08.41 0 .8-.243.967-.644.223-.537-.03-1.15-.564-1.373" fill-opacity=".302"/><path d="M6.407 13.07l3.16 1.314c.13.054.267.08.4.08.41 0 .8-.243.968-.646.223-.533-.03-1.146-.564-1.37l-3.156-1.314c-.535-.222-1.15.03-1.37.564-.223.535.03 1.148.563 1.37"/></g></symbol><symbol id="svg-arrow-down-circle" data-name="arrow-down-circle" viewBox="0 0 33 33" width="33" height="33" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16.024" cy="16.024" r="16.024" fill-opacity=".149"/><path d="M22.218 18.943l-5.243 5.243c-.226.282-.558.48-.95.48-.006 0-.01-.006-.018-.006-.008 0-.013.005-.02.005-.315 0-.63-.12-.87-.36l-5.36-5.362c-.483-.48-.483-1.26 0-1.738.478-.48 1.255-.48 1.737 0l3.3 3.3V9.323c0-.678.55-1.23 1.23-1.23.68 0 1.23.552 1.23 1.23V20.43l3.226-3.225c.48-.48 1.26-.48 1.738 0 .48.48.48 1.258 0 1.738" fill-rule="nonzero"/></symbol><symbol id="svg-no-circle" data-name="no-circle" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16" cy="16" r="16" fill-opacity=".149"/><path d="M16.288 3.93c.48.018.958.052 1.434.12 1.2.174 2.37.53 3.463 1.053 2.135 1.02 3.95 2.69 5.153 4.727.596 1.01 1.042 2.104 1.32 3.242.272 1.12.384 2.28.33 3.43-.06 1.254-.318 2.495-.76 3.67-1.17 3.098-3.644 5.633-6.713 6.877-1.43.58-2.97.878-4.515.878-1.544 0-3.084-.3-4.515-.88-2.284-.925-4.256-2.57-5.59-4.642-.555-.866-1-1.805-1.315-2.785-.355-1.1-.55-2.25-.577-3.404-.028-1.154.11-2.31.412-3.425.318-1.18.82-2.31 1.48-3.34 1.2-1.866 2.92-3.39 4.92-4.347 1.092-.524 2.264-.88 3.463-1.052.476-.068.954-.102 1.434-.12.29-.003.288-.003.576 0zM23.67 9.8L9.874 23.597c.736.59 1.556 1.074 2.432 1.43 1.17.474 2.432.718 3.695.718s2.524-.244 3.695-.72c2.51-1.017 4.536-3.09 5.49-5.625.363-.96.573-1.976.622-3 .05-1.023-.062-2.053-.33-3.04-.26-.966-.67-1.89-1.21-2.73-.183-.288-.383-.565-.596-.83zM22.13 8.256c-.58-.465-1.213-.865-1.885-1.186-.894-.427-1.852-.718-2.833-.86-.39-.056-.78-.083-1.175-.098-.235-.003-.234-.003-.47 0-.394.015-.785.042-1.175.1-.98.14-1.94.43-2.833.86-1.637.783-3.044 2.03-4.025 3.557-.54.84-.95 1.764-1.21 2.73-.246.912-.36 1.86-.338 2.803.023.946.182 1.888.472 2.788.26.802.62 1.57 1.076 2.276.184.287.384.564.597.83l13.798-13.8z"/></symbol><symbol id="svg-question-circle" data-name="question-circle" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16" cy="16" r="16" fill-opacity=".149"/><path d="M17.46 17.292v3.053c0 .807-.653 1.46-1.46 1.46-.807 0-1.46-.653-1.46-1.46v-4.33c0-.804.653-1.46 1.46-1.46 1.584 0 2.87-1.284 2.87-2.868 0-1.584-1.286-2.87-2.87-2.87s-2.87 1.286-2.87 2.87c0 .806-.654 1.46-1.46 1.46-.81 0-1.462-.654-1.462-1.46 0-3.194 2.598-5.792 5.792-5.792s5.792 2.598 5.792 5.792c0 2.69-1.84 4.956-4.33 5.605M16 25.398c-.798 0-1.444-.643-1.444-1.444 0-.795.646-1.438 1.444-1.438.798 0 1.444.643 1.444 1.438 0 .8-.646 1.444-1.444 1.444" fill-rule="nonzero"/></symbol><symbol id="svg-sync-circle" data-name="sync-circle" viewBox="0 0 33 33" width="33" height="33" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16.024" cy="16.024" r="16.024" fill-opacity=".149"/><path d="M25.754 19.267c-1.384 3.912-5.102 6.538-9.254 6.538-2.776 0-5.45-1.168-7.36-3.014v.833c0 .68-.547 1.227-1.227 1.227-.677 0-1.227-.547-1.227-1.227v-4.77c0-.678.55-1.228 1.227-1.228h4.77c.68 0 1.228.55 1.228 1.227 0 .678-.547 1.227-1.226 1.227h-2.668c1.41 1.958 3.88 3.27 6.484 3.27 3.114 0 5.905-1.97 6.943-4.903.223-.638.922-.974 1.565-.748.638.225.972.93.746 1.567M6.294 12.78c1.383-3.91 5.1-6.537 9.254-6.537 2.775 0 5.453 1.17 7.36 3.018v-.835c0-.675.547-1.227 1.227-1.227.677 0 1.227.552 1.227 1.227v4.77c0 .68-.55 1.227-1.227 1.227h-4.77c-.678 0-1.228-.547-1.228-1.227 0-.677.55-1.227 1.227-1.227h2.667c-1.407-1.956-3.88-3.27-6.482-3.27-3.115 0-5.905 1.97-6.94 4.902-.18.503-.653.818-1.157.818-.136 0-.273-.02-.408-.07-.64-.227-.975-.927-.75-1.567" fill-rule="nonzero"/></symbol><symbol id="svg-copy" data-name="copy" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill-rule="nonzero"><path d="M22.667 4.667c0-.368-.3-.667-.667-.667h-3.333v10.495c1.208-.64 2.562-1.032 4-1.127v-8.7zM4 25.333V4H.667C.3 4 0 4.3 0 4.667V26c0 1.837 1.496 3.333 3.333 3.333h12.02c-.878-1.165-1.517-2.52-1.818-4H4z" fill-opacity=".302"/><path d="M14 12H7.333c-.368 0-.666.3-.666.667 0 .368.298.666.666.666H14c.368 0 .667-.298.667-.666 0-.368-.3-.667-.667-.667M14 14.667H7.333c-.368 0-.666.298-.666.666 0 .368.298.667.666.667H14c.368 0 .667-.3.667-.667 0-.368-.3-.666-.667-.666M14.667 18c0-.368-.3-.667-.667-.667H7.333c-.368 0-.666.3-.666.667 0 .368.298.667.666.667H14c.368 0 .667-.3.667-.667M7.333 20c-.368 0-.666.3-.666.667 0 .368.298.666.666.666h4c.368 0 .667-.298.667-.666 0-.368-.3-.667-.667-.667h-4z" fill-opacity=".502"/><path d="M6 9.333h10.667c.368 0 .666-.298.666-.666V3.333c0-.368-.298-.666-.666-.666h-2.06C14.33 1.115 13.087 0 11.333 0 9.687 0 8.363 1 8.06 2.667H6c-.368 0-.667.298-.667.666v5.334c0 .368.3.666.667.666" fill-opacity=".302"/><path d="M26.97 24H24v2.97c0 .367-.3.666-.667.666-.368 0-.666-.3-.666-.667V24h-2.97c-.368 0-.666-.3-.666-.667 0-.368.3-.666.667-.666h2.97v-2.97c0-.37.298-.666.666-.666.368 0 .667.298.667.667v2.97h2.97c.367 0 .666.298.666.666 0 .368-.3.667-.667.667m-3.637-9.333c-4.78 0-8.666 3.888-8.666 8.666 0 4.78 3.886 8.667 8.666 8.667S32 28.112 32 23.333c0-4.778-3.888-8.666-8.667-8.666"/></g></symbol><symbol id="svg-refresh-circle" data-name="refresh-circle" viewBox="0 0 33 33" width="33" height="33" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16.024" cy="16.024" r="16.024" fill-opacity=".149"/><path d="M25.628 10.107l-1.048 4.12c-.012.046-.044.086-.064.135-.172.46-.638.794-1.13.794-.033 0-.065-.01-.1-.012-.032-.003-.06-.008-.09-.013-.038-.006-.077-.004-.114-.013l-4.117-1.05c-.66-.168-1.06-.836-.893-1.497.17-.663.836-1.062 1.502-.89l1.462.37c-.506-.614-1.122-1.137-1.842-1.53-1.47-.81-3.17-.99-4.775-.526-1.613.47-2.945 1.538-3.75 3.01-.81 1.47-1 3.168-.526 4.777.967 3.327 4.46 5.247 7.785 4.276.655-.185 1.338.185 1.525.838.193.654-.182 1.336-.838 1.53-.813.235-1.632.35-2.44.35-3.79 0-7.29-2.486-8.402-6.302-.653-2.246-.392-4.608.732-6.656 1.125-2.046 2.98-3.533 5.224-4.19 2.242-.65 4.604-.393 6.65.73 1.015.56 1.893 1.298 2.598 2.173l.26-1.03c.17-.662.842-1.064 1.5-.89.658.166 1.058.837.89 1.497" fill-rule="nonzero"/></symbol><symbol id="svg-backup" data-name="backup" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16.04 23.89c-.905.073-1.812.11-2.706.11C8.047 24 2.484 22.656 0 20.483v2.85c0 3.364 5.856 6 13.334 6 1.358 0 2.66-.088 3.888-.25C16.452 27.787 16 26.28 16 24.667c0-.263.015-.522.04-.778zm-2.707-1.223c1.004 0 1.988-.047 2.943-.13.556-2.19 1.943-4.045 3.807-5.213-2.15.436-4.49.676-6.75.676C8.047 18 2.483 16.656 0 14.483V18c0 2.113 5.947 4.667 13.333 4.667zm0-6c6.106 0 11.5-1.683 13.334-3.44V8.893C23.82 10.807 18.377 12 13.333 12 8.047 12 2.483 10.656 0 8.483V12c0 2.113 5.947 4.667 13.333 4.667zm0-6c6.106 0 11.5-1.683 13.334-3.438V6c0-3.364-5.858-6-13.334-6S0 2.636 0 6c0 2.113 5.948 4.667 13.333 4.667z" fill-opacity=".502"/><path d="M28 25.333h-2.667V28c0 .368-.3.667-.666.667-.368 0-.667-.3-.667-.667v-2.667h-2.667c-.368 0-.666-.298-.666-.666 0-.368.298-.667.666-.667H24v-2.667c0-.368.3-.666.667-.666.366 0 .666.298.666.666V24H28c.367 0 .667.3.667.667 0 .368-.3.666-.667.666m-3.333-8c-4.044 0-7.334 3.29-7.334 7.334S20.623 32 24.667 32C28.71 32 32 28.71 32 24.667c0-4.044-3.29-7.334-7.333-7.334" fill-rule="nonzero"/></symbol><symbol id="svg-progress" data-name="progress" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><circle cx="16" cy="16" r="16" fill="none"/><g fill-rule="nonzero"><path d="M16 22.915c-.758 0-1.37.613-1.37 1.37v4.605c0 .756.612 1.37 1.37 1.37.756 0 1.37-.614 1.37-1.37v-4.605c0-.757-.614-1.37-1.37-1.37" fill-opacity=".502"/><path d="M29.018 14.56l-4.522-.008c-.78.016-1.373.61-1.373 1.367-.002.756.61 1.37 1.368 1.372l4.522.01h.003c.755 0 1.367-.612 1.37-1.37 0-.755-.61-1.37-1.367-1.37" fill-opacity=".251"/><path d="M16.033.242h-.002c-.754 0-1.367.61-1.37 1.367l-.015 5.68c0 .755.61 1.37 1.367 1.372h.003c.756 0 1.37-.61 1.37-1.368l.016-5.68c.003-.757-.61-1.37-1.367-1.372"/><path d="M13.06 22.29c-.703-.292-1.503.04-1.795.738L9.468 27.34c-.29.7.04 1.5.736 1.79.174.074.352.11.528.11.537 0 1.045-.318 1.266-.846l1.796-4.31c.292-.7-.037-1.503-.735-1.793" fill-opacity=".6"/><path d="M20.713 23.052c-.287-.702-1.09-1.035-1.788-.748-.7.287-1.035 1.09-.747 1.79l1.773 4.313c.22.53.73.85 1.27.85.172 0 .35-.032.52-.1.7-.29 1.033-1.09.747-1.79l-1.774-4.315z" fill-opacity=".4"/><path d="M7.5 17.26h.003c.755 0 1.368-.61 1.37-1.367 0-.758-.61-1.372-1.367-1.373l-4.518-.01h-.003c-.756 0-1.37.612-1.37 1.368-.003.757.61 1.372 1.367 1.373l4.52.01z" fill-opacity=".902"/><path d="M22.636 13.162c.218.53.73.85 1.267.85.174 0 .35-.034.522-.105l4.13-1.694c.698-.287 1.033-1.09.744-1.786-.29-.7-1.088-1.037-1.79-.745l-4.13 1.692c-.7.287-1.032 1.09-.744 1.788" fill-opacity=".2"/><path d="M9.45 18.602c-.287-.7-1.085-1.04-1.787-.745l-4.22 1.74c-.7.29-1.033 1.09-.745 1.788.217.53.728.85 1.267.85.172 0 2.036-.73 2.208-.8l2.534-1.045c.7-.288 1.033-1.09.744-1.788" fill-opacity=".8"/><path d="M22.906 20.904c-.533-.534-1.4-.537-1.937-.002-.537.534-.54 1.4-.004 1.937l3.246 3.255c.27.267.62.402.97.402.352 0 .7-.134.97-.4.536-.534.537-1.4.003-1.937l-3.25-3.256z" fill-opacity=".349"/><path d="M21.103 10.822c.267.268.62.402.97.402.352 0 .7-.133.97-.398l3.144-3.135c.536-.534.538-1.4.003-1.937-.535-.535-1.4-.537-1.938-.004L21.11 8.883c-.54.535-.54 1.4-.007 1.938" fill-opacity=".149"/><path d="M18.786 9.217c.173.07.35.106.526.106.536 0 1.047-.318 1.266-.844l1.69-4.064c.29-.697-.04-1.5-.74-1.79-.7-.29-1.5.04-1.792.738l-1.69 4.06c-.29.7.04 1.5.74 1.793" fill-opacity=".102"/><path d="M12.307 3.35c-.29-.7-1.09-1.037-1.79-.744-.698.288-1.032 1.09-.743 1.79l1.682 4.074c.216.528.727.848 1.267.848.173 0 .35-.033.52-.105.7-.287 1.034-1.09.746-1.787L12.306 3.35zM8.973 10.79c.267.267.618.4.97.4.35 0 .7-.132.967-.397.536-.535.54-1.403.003-1.938l-3.13-3.137c-.533-.537-1.4-.538-1.936-.004-.537.535-.54 1.4-.004 1.938l3.13 3.137z"/><path d="M11.012 20.876c-.536-.537-1.402-.538-1.937-.004l-3.265 3.25c-.535.533-.537 1.4-.002 1.936.267.27.618.403.97.403.35 0 .7-.13.967-.398l3.263-3.25c.536-.533.537-1.4.004-1.936" fill-opacity=".702"/><path d="M28.54 19.645l-4.203-1.75c-.697-.29-1.5.04-1.79.738-.29.698.04 1.5.738 1.792l4.202 1.75c.17.07.35.106.526.106.537 0 1.045-.317 1.264-.842.292-.7-.038-1.502-.737-1.793" fill-opacity=".302"/><path d="M3.456 12.167l4.13 1.72c.172.07.35.105.526.105.537 0 1.047-.318 1.264-.846.292-.697-.038-1.498-.737-1.79l-4.13-1.72c-.698-.29-1.5.04-1.79.74-.292.698.038 1.5.736 1.79"/></g></symbol><symbol id="svg-status-failed" data-name="status-failed" viewBox="0 0 33 32" width="33" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16.217 26.67c-.754 0-1.362-.61-1.362-1.36 0-.752.608-1.36 1.362-1.36.75 0 1.36.608 1.36 1.36 0 .75-.61 1.36-1.36 1.36M14.97 13.06c0-.688.558-1.247 1.247-1.247.688 0 1.247.56 1.247 1.247v8.163c0 .69-.56 1.248-1.247 1.248-.69 0-1.248-.557-1.248-1.248v-8.163zm17.423 17.32L17.65.89c-.026-.05-.06-.08-.086-.126-.192-.312-.477-.54-.816-.66 0 0 .003-.004.005-.004C16.58.04 16.403 0 16.217 0c-.567 0-1.063.294-1.348.76-.025.043-.058.076-.08.118L.133 30.194c-.195.386-.175.846.052 1.212.23.37.63.594 1.063.594H31.21c.69 0 1.247-.56 1.247-1.247 0-.13-.027-.252-.064-.372" fill-rule="nonzero"/></symbol><symbol id="svg-status-pending" data-name="status-pending" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M20 18.666h-6.666V8c0-.736.596-1.332 1.332-1.332C15.404 6.668 16 7.264 16 8v8h4c.738 0 1.334.596 1.334 1.334 0 .74-.596 1.332-1.334 1.332M16 0C7.178 0 0 7.178 0 16s7.178 16 16 16 16-7.178 16-16S24.822 0 16 0" fill-rule="nonzero"/></symbol><symbol id="svg-status-partial" data-name="status-partial" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 0C7.178 0 0 7.178 0 16s7.178 16 16 16 16-7.178 16-16S24.822 0 16 0zm.013 2.472v27.055l.102.01c1.764-.014 3.52-.375 5.147-1.064 1.555-.658 2.982-1.61 4.19-2.79 1.168-1.142 2.13-2.492 2.82-3.97.566-1.21.95-2.5 1.135-3.82.207-1.478.17-2.99-.11-4.454-.24-1.25-.66-2.463-1.24-3.594-1.32-2.57-3.46-4.69-6.05-5.977-1.19-.594-2.468-1.007-3.78-1.226-.565-.095-1.133-.147-1.703-.173-.17-.004-.34-.015-.51.002z"/><path d="M16.013 2.472v27.055l.102.01c1.764-.014 3.52-.375 5.147-1.064 1.555-.658 2.982-1.61 4.19-2.79 1.168-1.142 2.13-2.492 2.82-3.97.566-1.21.95-2.5 1.135-3.82.207-1.478.17-2.99-.11-4.454-.24-1.25-.66-2.463-1.24-3.594-1.32-2.57-3.46-4.69-6.05-5.977-1.19-.594-2.468-1.007-3.78-1.226-.565-.095-1.133-.147-1.703-.173-.17-.004-.34-.015-.51.002z" fill-opacity=".149"/></symbol><symbol id="svg-status-complete" data-name="status-complete" viewBox="0 0 32 32" width="32" height="32" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M24.965 12.802l-10.267 11.25-7.626-7.62c-.48-.486-.48-1.262 0-1.742.482-.484 1.26-.484 1.74 0l5.805 5.802 8.53-9.35c.46-.503 1.24-.538 1.74-.08s.538 1.238.078 1.74M16 0C7.178 0 0 7.178 0 16s7.178 16 16 16 16-7.178 16-16S24.822 0 16 0" fill-rule="nonzero"/></symbol></svg>')
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
8
|
|
|
@@ -1,8 +1,16 @@
|
|
|
1
1
|
var Event = require( 'compose-event' )
|
|
2
|
+
var esvg = require( '../_esvg' )
|
|
2
3
|
|
|
3
4
|
var defaultsByType = {
|
|
4
|
-
|
|
5
|
-
success: { dismissAfter:
|
|
5
|
+
message: { dismissAfter: 3500 },
|
|
6
|
+
success: { dismissAfter: 3500 },
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
var iconsByType = {
|
|
10
|
+
message: "message-circle",
|
|
11
|
+
error: "no-circle",
|
|
12
|
+
progress: "progress-circle",
|
|
13
|
+
success: "thumbs-up-circle",
|
|
6
14
|
}
|
|
7
15
|
|
|
8
16
|
|
|
@@ -22,9 +30,10 @@ var autoDismissTimeout,
|
|
|
22
30
|
function notify (type, message) {
|
|
23
31
|
if ( !message ) {
|
|
24
32
|
message = type
|
|
25
|
-
type = '
|
|
33
|
+
type = 'message'
|
|
26
34
|
}
|
|
27
35
|
|
|
36
|
+
if ( type == 'action' ) type = 'progress'
|
|
28
37
|
return show( type, message )
|
|
29
38
|
}
|
|
30
39
|
|
|
@@ -34,8 +43,12 @@ function show ( type, message ) {
|
|
|
34
43
|
|
|
35
44
|
document.body.insertAdjacentHTML( 'beforeend', template )
|
|
36
45
|
messageEl = document.body.lastChild
|
|
46
|
+
var icon = esvg.use( iconsByType[type] || type )
|
|
47
|
+
|
|
48
|
+
var msg = messageEl.querySelector( '.notification-message' )
|
|
49
|
+
msg.innerHTML = message
|
|
37
50
|
|
|
38
|
-
|
|
51
|
+
if ( icon ) msg.insertAdjacentHTML( 'beforebegin', "<span class='notification-type-icon'>" + icon.outerHTML + "</span>" )
|
|
39
52
|
|
|
40
53
|
if ( type ) {
|
|
41
54
|
|
|
@@ -11,6 +11,7 @@ clipboard();
|
|
|
11
11
|
|
|
12
12
|
require( 'compose-slider' ) // Our slider (range input) component
|
|
13
13
|
require( './_icons' ) // Import svg icons (from Esvg)
|
|
14
|
+
var esvg = require( './_esvg' )
|
|
14
15
|
require( './_form-helpers' )
|
|
15
16
|
require( './enhancements/flash-messages' )
|
|
16
17
|
require( './enhancements/text-helpers' )
|
|
@@ -21,5 +22,6 @@ window.Tungsten = module.exports = toolbox.merge( {
|
|
|
21
22
|
form : formUp,
|
|
22
23
|
toggler : toggler,
|
|
23
24
|
clipboard : clipboard,
|
|
24
|
-
notify : notify
|
|
25
|
+
notify : notify,
|
|
26
|
+
esvg : esvg
|
|
25
27
|
}, toolbox )
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
background: $white;
|
|
23
23
|
border-radius: $radius;
|
|
24
24
|
transition:
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
color $duration,
|
|
26
|
+
background $duration,
|
|
27
|
+
box-shadow $duration;
|
|
28
28
|
|
|
29
29
|
// Make it bigger ¯\_(ツ)_/¯
|
|
30
30
|
&.large {
|
|
@@ -35,16 +35,16 @@
|
|
|
35
35
|
@include normal {
|
|
36
36
|
color: inherit;
|
|
37
37
|
box-shadow:
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
0 0 0 1px rgba($gray-11, .1),
|
|
39
|
+
0 1px 3px rgba($gray-11, .15);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
// Active state
|
|
43
43
|
@include active {
|
|
44
44
|
color: $blue-03;
|
|
45
45
|
box-shadow:
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
0 0 0 1px rgba($gray-11, .2),
|
|
47
|
+
0 1px 3px rgba($gray-11, .25);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
// Destructive action
|
|
@@ -69,8 +69,8 @@
|
|
|
69
69
|
color: $white;
|
|
70
70
|
background: $blue-03;
|
|
71
71
|
box-shadow:
|
|
72
|
-
|
|
73
|
-
|
|
72
|
+
0 0 0 1px darken($blue-03, 5),
|
|
73
|
+
0 1px 3px rgba($gray-11, .15);
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
// Active state
|
|
@@ -78,21 +78,21 @@
|
|
|
78
78
|
color: $white;
|
|
79
79
|
background: $blue-04;
|
|
80
80
|
box-shadow:
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
0 0 0 1px $blue-04,
|
|
82
|
+
0 1px 3px rgba($gray-11, .15);
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
// Primary destructive action
|
|
87
|
-
&.primary
|
|
87
|
+
&.primary-destructive {
|
|
88
88
|
|
|
89
89
|
// Normal state
|
|
90
90
|
@include normal {
|
|
91
91
|
color: $white;
|
|
92
92
|
background: $red-01;
|
|
93
93
|
box-shadow:
|
|
94
|
-
|
|
95
|
-
|
|
94
|
+
0 0 0 1px darken($red-01, 5),
|
|
95
|
+
0 1px 3px rgba($gray-11, .15);
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
// Active state
|
|
@@ -100,8 +100,8 @@
|
|
|
100
100
|
color: $white;
|
|
101
101
|
background: $red-02;
|
|
102
102
|
box-shadow:
|
|
103
|
-
|
|
104
|
-
|
|
103
|
+
0 0 0 1px $red-02,
|
|
104
|
+
0 1px 3px rgba($gray-11, .15);
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
107
|
|
|
@@ -111,8 +111,51 @@
|
|
|
111
111
|
background: $gray-01 !important;
|
|
112
112
|
cursor: not-allowed !important;
|
|
113
113
|
box-shadow:
|
|
114
|
-
|
|
115
|
-
|
|
114
|
+
0 0 0 1px rgba($gray-11, .1),
|
|
115
|
+
0 1px 3px rgba($gray-11, .15) !important;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
svg {
|
|
119
|
+
margin: 0 4px;
|
|
120
|
+
&:first-child { margin-left: 0; }
|
|
121
|
+
&:last-child { margin-right: 0; }
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
&.icon-button {
|
|
125
|
+
padding: 2px;
|
|
126
|
+
vertical-align: middle;
|
|
127
|
+
|
|
128
|
+
@include normal {
|
|
129
|
+
box-shadow: none;
|
|
130
|
+
background: transparent;
|
|
131
|
+
}
|
|
132
|
+
@include active {
|
|
133
|
+
box-shadow: none;
|
|
134
|
+
background: transparent;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
svg {
|
|
138
|
+
fill: currentColor;
|
|
139
|
+
height: 20px;
|
|
140
|
+
}
|
|
141
|
+
&.large {
|
|
142
|
+
padding: 2px;
|
|
143
|
+
svg { height: 26px; }
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
&.primary {
|
|
147
|
+
color: $blue-03;
|
|
148
|
+
&:hover { color: darken($blue-03, 10) }
|
|
149
|
+
}
|
|
150
|
+
&.destructive {
|
|
151
|
+
color: inherit;
|
|
152
|
+
&:hover { color: $red-01 }
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
&.primary-destructive {
|
|
156
|
+
color: $red-01;
|
|
157
|
+
&:hover { color: $red-02 }
|
|
158
|
+
}
|
|
116
159
|
}
|
|
117
160
|
}
|
|
118
161
|
|
|
@@ -139,9 +182,11 @@
|
|
|
139
182
|
border-radius: 0 $radius $radius 0;
|
|
140
183
|
}
|
|
141
184
|
}
|
|
185
|
+
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
// Siblings need their space
|
|
189
|
+
.button + .button {
|
|
190
|
+
margin-left: 4px;
|
|
142
191
|
}
|
|
143
192
|
|
|
144
|
-
// Siblings need their space
|
|
145
|
-
.button + .button {
|
|
146
|
-
margin-left: 4px;
|
|
147
|
-
}
|
|
@@ -4,9 +4,12 @@
|
|
|
4
4
|
|
|
5
5
|
.copy-button {
|
|
6
6
|
right: 1px;
|
|
7
|
-
top:
|
|
7
|
+
top: 1px;
|
|
8
8
|
z-index: 2;
|
|
9
|
-
padding:
|
|
9
|
+
padding: 12px 10px 4px 15px;
|
|
10
|
+
svg {
|
|
11
|
+
height: 20px;
|
|
12
|
+
}
|
|
10
13
|
|
|
11
14
|
&, &:hover, &:active, &:focus {
|
|
12
15
|
transform: translate3d(0,0,0);
|
|
@@ -19,13 +22,6 @@
|
|
|
19
22
|
}
|
|
20
23
|
|
|
21
24
|
.copy-button {
|
|
22
|
-
svg {
|
|
23
|
-
transition: opacity ease .2s;
|
|
24
|
-
opacity: .5;
|
|
25
|
-
}
|
|
26
|
-
&:hover, &:focus {
|
|
27
|
-
svg { opacity: 1; }
|
|
28
|
-
}
|
|
29
25
|
&.copied {
|
|
30
26
|
svg { fill: $green-02; }
|
|
31
27
|
}
|
|
@@ -21,6 +21,13 @@
|
|
|
21
21
|
|
|
22
22
|
@include notice-colors(currentColor, #fff, $gray-05);
|
|
23
23
|
|
|
24
|
+
&.warning, &.error {
|
|
25
|
+
a {
|
|
26
|
+
color: inherit;
|
|
27
|
+
font-weight: bold;
|
|
28
|
+
text-decoration-color: currentColor;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
24
31
|
&.warning {
|
|
25
32
|
@include notice-colors(#80602A, #fff4ad, #E2C66D);
|
|
26
33
|
}
|
|
@@ -5,8 +5,8 @@ $status-text-shadow: rgba(#000, .2) 0 1px 1px;
|
|
|
5
5
|
.notification-content {
|
|
6
6
|
background: $color;
|
|
7
7
|
}
|
|
8
|
-
.notification-
|
|
9
|
-
|
|
8
|
+
.notification-type-icon {
|
|
9
|
+
background: darken($color, 10);
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
|
|
@@ -42,15 +42,20 @@ $status-text-shadow: rgba(#000, .2) 0 1px 1px;
|
|
|
42
42
|
border-bottom-right-radius: 5px;
|
|
43
43
|
display: flex;
|
|
44
44
|
align-items: middle;
|
|
45
|
+
}
|
|
45
46
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
&-type-icon {
|
|
48
|
+
filter: brightness(1);
|
|
49
|
+
border-bottom-left-radius: 5px;
|
|
50
|
+
width: 45px;
|
|
51
|
+
vertical-align: middle;
|
|
52
|
+
text-align: center;
|
|
53
|
+
padding-top: .3em;
|
|
54
|
+
svg {
|
|
55
|
+
fill: #fff;
|
|
51
56
|
vertical-align: middle;
|
|
52
|
-
|
|
53
|
-
|
|
57
|
+
width: 28px;
|
|
58
|
+
height: 28px;
|
|
54
59
|
}
|
|
55
60
|
}
|
|
56
61
|
|
|
@@ -116,32 +121,20 @@ $status-text-shadow: rgba(#000, .2) 0 1px 1px;
|
|
|
116
121
|
}
|
|
117
122
|
}
|
|
118
123
|
|
|
119
|
-
&.
|
|
124
|
+
&.message {
|
|
120
125
|
@include notification-style($gray-09);
|
|
121
|
-
.notification-content:before {
|
|
122
|
-
content: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"%3E%3Cpath fill="#fff" d="M16 8.5a.5.5 0 0 1 0 1c-5.327 0-10 2.804-10 6a.5.5 0 0 1-1 0c0-3.794 5.037-7 11-7zm0-5c-8.837 0-16 5.373-16 12 0 4.127 2.78 7.766 7.008 9.926 0 .027-.008.045-.008.074 0 1.793-1.34 3.723-1.928 4.736h.002a.906.906 0 0 0 .832 1.264c.094 0 .26-.025.255-.014 3.13-.512 6.07-3.383 6.76-4.215 1 .15 2.03.23 3.09.23 8.84 0 16-5.37 16-12s-7.16-12-16-12zm0 22c-.917 0-1.858-.07-2.796-.207a1.998 1.998 0 0 0-1.836.71c-.428.52-1.646 1.683-3.085 2.538.39-.89.695-1.89.716-2.93v-.18c0-.75-.42-1.44-1.09-1.78C4.21 21.75 2 18.71 2 15.5c0-5.514 6.28-10 14-10 7.718 0 14 4.486 14 10s-6.28 10-14 10z"/%3E%3C/svg%3E');
|
|
123
|
-
}
|
|
124
126
|
}
|
|
125
127
|
|
|
126
128
|
&.error {
|
|
127
129
|
@include notification-style($red-01);
|
|
128
|
-
.notification-content:before {
|
|
129
|
-
content: url('data:image/svg+xml;utf-8,%3Csvg width="28" height="28" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"%3E%3Cpath fill="#fff" d="M25.192 6.808c-5.077-5.077-13.307-5.077-18.384 0s-5.077 13.307 0 18.384 13.307 5.077 18.384 0 5.077-13.307 0-18.384zM8.929 23.071c-3.905-3.905-3.905-10.237 0-14.142 3.905-3.905 10.237-3.905 14.142 0 3.905 3.905 3.905 10.237 0 14.142-3.905 3.905-10.237 3.905-14.142 0z" fill-rule="nonzero"/%3E%3Cpath fill="#fff" d="M23.014 17.499H9.031v-3.04h13.983v3.04z" fill-rule="nonzero"/%3E%3C/svg%3E');
|
|
130
|
-
}
|
|
131
130
|
}
|
|
132
131
|
|
|
133
|
-
&.
|
|
132
|
+
&.progress {
|
|
134
133
|
@include notification-style($blue-02);
|
|
135
|
-
.notification-content:before {
|
|
136
|
-
content: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"%3E%3Cpath fill="#fff" d="M16 0c-1.105 0-2 .688-2 1.535v6.993c0 .848.896 1.535 2 1.535s2-.687 2-1.535V1.535C18 .687 17.104 0 16 0zm0 21.923c-1.105 0-2 .688-2 1.535v6.993c0 .85.896 1.54 2 1.54s2-.68 2-1.53v-7c0-.84-.896-1.53-2-1.53zM30.458 14h-6.993c-.848 0-1.535.895-1.535 2s.687 2 1.535 2h6.993c.847 0 1.535-.897 1.535-2s-.688-2-1.535-2zM10.07 16c0-1.104-.687-2-1.535-2H1.542c-.848 0-1.535.896-1.535 2s.687 2 1.535 2h6.993c.848 0 1.535-.896 1.535-2zm12.622-3.87l4.945-4.946c.6-.6.452-1.72-.33-2.5s-1.9-.928-2.5-.328L19.864 9.3c-.6.6-.453 1.72.328 2.5s1.9.93 2.5.33zM9.307 19.858l-4.945 4.945c-.6.6-.453 1.718.328 2.5s1.9.928 2.5.328l4.945-4.94c.6-.6.452-1.72-.33-2.5s-1.9-.92-2.5-.33zm13.36.026c-.6-.6-1.72-.453-2.5.328s-.93 1.9-.33 2.5l4.946 4.945c.6.6 1.72.452 2.5-.328s.927-1.9.328-2.5l-4.94-4.95zM9.28 12.154c.6.6 1.72.453 2.5-.33s.93-1.898.33-2.498L7.163 4.38c-.6-.6-1.718-.452-2.5.33s-.928 1.9-.328 2.5l4.945 4.944z"/%3E%3C/svg%3E');
|
|
137
|
-
}
|
|
138
134
|
}
|
|
139
135
|
|
|
140
136
|
&.success {
|
|
141
137
|
@include notification-style($green-02);
|
|
142
|
-
.notification-content:before {
|
|
143
|
-
content: url('data:image/svg+xml;utf-8,%3Csvg width="28" height="28" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"%3E%3Cpath fill="#fff" d="M21.82 13.03l-1.002-1.002a.471.471 0 0 0-.668 0l-6.014 6.013-2.86-2.88a.483.483 0 0 0-.67 0l-1 1.01a.472.472 0 0 0 0 .67l4.192 4.23a.473.473 0 0 0 .668 0l7.354-7.36a.472.472 0 0 0 0-.67v-.011zM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3zm0 23c-5.522 0-10-4.478-10-10 0-5.523 4.478-10 10-10 5.523 0 10 4.477 10 10 0 5.522-4.477 10-10 10z" fill-rule="nonzero"/%3E%3C/svg%3E');
|
|
144
|
-
}
|
|
145
138
|
}
|
|
146
139
|
|
|
147
140
|
}
|