wj-elements 0.0.6 → 0.0.8

package/dist/style.css

@@ -0,0 +1,3 @@
+@charset "UTF-8";:root,:host,.wj-theme-light,.light{color-scheme:light;--wj-font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-force-mac-font-family: -apple-system, BlinkMacSystemFont,"Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-font-size-x-small: .625rem;--wj-font-size-small: .75rem;--wj-font-size: .875rem;--wj-font-size-medium: 1rem;--wj-font-size-large: 1.25rem;--wj-font-size-x-large: 1.5rem;--wj-font-size-2x-large: 2.25rem;--wj-font-size-3x-large: 3rem;--wj-font-size-4x-large: 4.5rem;--wj-line-height: 21px;--wj-border-radius-small: .25rem;--wj-border-radius-medium: .5rem;--wj-border-radius-large: .75rem;--wj-border-radius-x-large: 1rem;--wj-border-radius-circle: 50%;--wj-border-radius-pill: 50rem;--wj-border-size: 0px;--wj-border-style: solid;--wj-box-shadow-medium: 0 1px 8px rgba(0,0,0,.5);--wj-box-shadow-large: rgba(0, 0, 0, .12) 0 4px 16px;--wj-backdrop: rgb(0, 0, 0);--wj-backdrop-opacity: .3;--wj-color: hsl(0, 0%, 29%);--wj-color-dark: hsl(0, 0%, 29%);--wj-color-light: hsl(0 0% 95%);--wj-background: var(--wj-color-contrast-0);--wj-border-color: var(--wj-color-contrast-3);--wj-card-background: var(--wj-color-contrast-0);--wj-card-color: var(--wj-color);--wj-color-primary: var(--wj-color-primary-11);--wj-color-complete: var(--wj-color-complete-11);--wj-color-success: var(--wj-color-success-11);--wj-color-warning: var(--wj-color-warning-11);--wj-color-danger: var(--wj-color-danger-11);--wj-color-info: var(--wj-color-info-11);--wj-color-menu: hsl(220, 15%, 15%);--wj-color-contrast: hsl(0, 0%, 95%);--wj-color-white: #fff;--wj-color-black: #000;--wj-color-contrast-lowest: #ffffff;--wj-color-contrast-lower: #f4f4f4;--wj-color-contrast-low: #e0e0e0;--wj-color-contrast-medium: #757575;--wj-color-contrast-high: #4b4b4b;--wj-color-contrast-highter: #212121;--wj-color-contrast-highest: #000000;--wj-color-contrast-0: hsl(0, 0%, 100%);--wj-color-contrast-1: hsl(0 0% 97.5%);--wj-color-contrast-2: hsl(240 4.8% 95.9%);--wj-color-contrast-3: hsl(240 5.9% 90%);--wj-color-contrast-4: hsl(240 4.9% 83.9%);--wj-color-contrast-5: hsl(240 5% 64.9%);--wj-color-contrast-6: hsl(240 3.8% 46.1%);--wj-color-contrast-7: hsl(240 5.2% 33.9%);--wj-color-contrast-8: hsl(240 5.3% 26.1%);--wj-color-contrast-9: hsl(240 3.7% 15.9%);--wj-color-contrast-10: hsl(240 5.9% 10%);--wj-color-contrast-11: hsl(240 7.3% 8%);--wj-color-primary-1: hsl(261, 70%, 96%);--wj-color-primary-2: hsl(260, 65%, 92%);--wj-color-primary-3: hsl(260, 63%, 88%);--wj-color-primary-4: hsl(260, 62%, 84%);--wj-color-primary-5: hsl(260, 63%, 80%);--wj-color-primary-6: hsl(259, 61%, 76%);--wj-color-primary-7: hsl(258, 61%, 72%);--wj-color-primary-8: hsl(257, 61%, 68%);--wj-color-primary-9: hsl(257, 60%, 65%);--wj-color-primary-10: hsl(256, 59%, 61%);--wj-color-primary-11: hsl(254, 59%, 57%);--wj-color-complete-1: hsl(232, 88%, 96%);--wj-color-complete-2: hsl(229, 88%, 93%);--wj-color-complete-3: hsl(229, 84%, 89%);--wj-color-complete-4: hsl(229, 85%, 86%);--wj-color-complete-5: hsl(227, 84%, 82%);--wj-color-complete-6: hsl(226, 83%, 78%);--wj-color-complete-7: hsl(225, 83%, 74%);--wj-color-complete-8: hsl(223, 83%, 70%);--wj-color-complete-9: hsl(221, 83%, 65%);--wj-color-complete-10: hsl(218, 83%, 59%);--wj-color-complete-11: hsl(211, 100%, 46%);--wj-color-success-1: hsl(147, 44%, 95%);--wj-color-success-2: hsl(148, 42%, 90%);--wj-color-success-3: hsl(149, 41%, 85%);--wj-color-success-4: hsl(150, 41%, 80%);--wj-color-success-5: hsl(149, 42%, 75%);--wj-color-success-6: hsl(150, 41%, 70%);--wj-color-success-7: hsl(151, 42%, 65%);--wj-color-success-8: hsl(152, 42%, 59%);--wj-color-success-9: hsl(153, 42%, 54%);--wj-color-success-10: hsl(155, 48%, 47%);--wj-color-success-11: hsl(158, 74%, 38%);--wj-color-warning-1: hsl(44, 100%, 96%);--wj-color-warning-2: hsl(46, 100%, 93%);--wj-color-warning-3: hsl(46, 100%, 90%);--wj-color-warning-4: hsl(46, 100%, 87%);--wj-color-warning-5: hsl(46, 100%, 84%);--wj-color-warning-6: hsl(46, 100%, 81%);--wj-color-warning-7: hsl(46, 100%, 77%);--wj-color-warning-8: hsl(47, 100%, 74%);--wj-color-warning-9: hsl(47, 100%, 71%);--wj-color-warning-10: hsl(47, 100%, 67%);--wj-color-warning-11: hsl(47, 100%, 63%);--wj-color-danger-1: hsl(9, 100%, 96%);--wj-color-danger-2: hsl(11, 100%, 91%);--wj-color-danger-3: hsl(11, 93%, 87%);--wj-color-danger-4: hsl(10, 90%, 83%);--wj-color-danger-5: hsl(9, 86%, 79%);--wj-color-danger-6: hsl(10, 82%, 74%);--wj-color-danger-7: hsl(8, 80%, 70%);--wj-color-danger-8: hsl(8, 77%, 65%);--wj-color-danger-9: hsl(7, 73%, 61%);--wj-color-danger-10: hsl(6, 71%, 56%);--wj-color-danger-11: hsl(3, 68%, 51%);--wj-color-info-1: hsl(210, 5%, 92%);--wj-color-info-2: hsl(204, 6%, 85%);--wj-color-info-3: hsl(210, 7%, 78%);--wj-color-info-4: hsl(206, 6%, 71%);--wj-color-info-5: hsl(212, 6%, 65%);--wj-color-info-6: hsl(207, 6%, 58%);--wj-color-info-7: hsl(210, 6%, 52%);--wj-color-info-8: hsl(210, 7%, 45%);--wj-color-info-9: hsl(210, 9%, 39%);--wj-color-info-10: hsl(208, 12%, 33%);--wj-color-info-11: hsl(208, 16%, 27%);--wj-color-primary-lighter: #eae0fb;--wj-color-primary-light: #845ae0;--wj-color-primary-dark: #4e37b6;--wj-color-primary-darker: #2d218f;--wj-color-success-lighter: #d6f7f0;--wj-color-success-light: #26bf93;--wj-color-success-dark: #0d935b;--wj-color-success-darker: #04733e;--wj-color-complete-lighter: #d3eeff;--wj-color-complete-light: #0f8ff9;--wj-color-complete-dark: #004fbf;--wj-color-complete-darker: #00318e;--wj-color-warning-lighter: #fffde1;--wj-color-warning-light: #ffe858;--wj-color-warning-dark: #daab2d;--wj-color-warning-darker: #aa7918;--wj-color-danger-lighter: #fde2da;--wj-color-danger-light: #e6533c;--wj-color-danger-dark: #b91e1e;--wj-color-danger-darker: #900f17;--wj-color-info-lighter: #dbe6e8;--wj-color-info-light: #475b6b;--wj-color-info-dark: #2b3947;--wj-color-info-darker: #1b2839;--wj-color-contrast-lower-a: rgba(33, 33, 33, .05);--wj-color-contrast-low-a: rgba(33, 33, 33, .14);--wj-color-contrast-medium-a: rgba(33, 33, 33, .62);--wj-color-contrast-high-a: rgba(33, 33, 33, .81)}/*!
+* direction.scss
+*/:host,.wj-theme-dark,.dark{color-scheme:dark;--wj-font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-force-mac-font-family: -apple-system, BlinkMacSystemFont,"Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-font-size-x-small: .625rem;--wj-font-size-small: .75rem;--wj-font-size: .875rem;--wj-font-size-medium: 1rem;--wj-font-size-large: 1.25rem;--wj-font-size-x-large: 1.5rem;--wj-font-size-2x-large: 2.25rem;--wj-font-size-3x-large: 3rem;--wj-font-size-4x-large: 4.5rem;--wj-line-height: 21px;--wj-border-radius-small: .25rem;--wj-border-radius-medium: .5rem;--wj-border-radius-large: .75rem;--wj-border-radius-x-large: 1rem;--wj-border-radius-circle: 50%;--wj-border-radius-pill: 50rem;--wj-border-size: 0px;--wj-border-style: solid;--wj-box-shadow-medium: 0 1px 8px rgba(0,0,0,.5);--wj-box-shadow-large: rgba(0, 0, 0, .12) 0 4px 16px;--wj-backdrop: rgb(0, 0, 0);--wj-backdrop-opacity: .3;--wj-color: var(--wj-color-contrast-11);--wj-color-dark: hsl(0, 0%, 29%);--wj-color-light: hsl(0 0% 95%);--wj-background: hsl(218, 57%, 3%);--wj-border-color: var(--wj-color-contrast-4);--wj-card-background: var(--wj-color-contrast-3);--wj-card-color: var(--wj-color-white) !important;--wj-color-primary: var(--wj-color-primary-1);--wj-color-complete: var(--wj-color-complete-1);--wj-color-success: var(--wj-color-success-1);--wj-color-warning: var(--wj-color-warning-1);--wj-color-danger: var(--wj-color-danger-1);--wj-color-info: var(--wj-color-info-1);--wj-color-menu: hsl(220, 15%, 15%);--wj-color-contrast: hsl(210, 11%, 15%);--wj-color-white: #fff;--wj-color-black: #000;--wj-color-contrast-lowest: hsl(0, 0%, 0%);--wj-color-contrast-lower: hsl(0, 0%, 13%);--wj-color-contrast-low: hsl(0, 0%, 29%);--wj-color-contrast-medium: hsl(0, 0%, 46%);--wj-color-contrast-high: hsl(0, 0%, 88%);--wj-color-contrast-highter: hsl(0, 0%, 96%);--wj-color-contrast-highest: hsl(0, 0%, 100%);--wj-color-contrast-0: hsl(0, 0%, 0%);--wj-color-contrast-1: hsl(240 5.1% 15%);--wj-color-contrast-2: hsl(240 5.7% 18.2%);--wj-color-contrast-3: hsl(240 4.6% 22%);--wj-color-contrast-4: hsl(240 5% 27.6%);--wj-color-contrast-5: hsl(240 5% 35.5%);--wj-color-contrast-6: hsl(240 3.7% 44%);--wj-color-contrast-7: hsl(240 5.3% 58%);--wj-color-contrast-8: hsl(240 5.6% 73%);--wj-color-contrast-9: hsl(240 7.3% 84%);--wj-color-contrast-10: hsl(240 9.1% 91.8%);--wj-color-contrast-11: hsl(0 0% 95%);--wj-color-primary-1: hsl(254, 59%, 57%);--wj-color-primary-2: hsl(256, 59%, 61%);--wj-color-primary-3: hsl(257, 60%, 65%);--wj-color-primary-4: hsl(257, 61%, 68%);--wj-color-primary-5: hsl(258, 61%, 72%);--wj-color-primary-6: hsl(259, 61%, 76%);--wj-color-primary-7: hsl(260, 63%, 80%);--wj-color-primary-8: hsl(260, 62%, 84%);--wj-color-primary-9: hsl(260, 63%, 88%);--wj-color-primary-10: hsl(260, 65%, 92%);--wj-color-primary-11: hsl(261, 70%, 96%);--wj-color-complete-1: hsl(211, 100%, 46%);--wj-color-complete-2: hsl(218, 83%, 59%);--wj-color-complete-3: hsl(221, 83%, 65%);--wj-color-complete-4: hsl(223, 83%, 70%);--wj-color-complete-5: hsl(225, 83%, 74%);--wj-color-complete-6: hsl(226, 83%, 78%);--wj-color-complete-7: hsl(227, 84%, 82%);--wj-color-complete-8: hsl(229, 85%, 86%);--wj-color-complete-9: hsl(229, 84%, 89%);--wj-color-complete-10: hsl(229, 88%, 93%);--wj-color-complete-11: hsl(232, 88%, 96%);--wj-color-success-1: hsl(158, 74%, 38%);--wj-color-success-2: hsl(155, 48%, 47%);--wj-color-success-3: hsl(153, 42%, 54%);--wj-color-success-4: hsl(152, 42%, 59%);--wj-color-success-5: hsl(151, 42%, 65%);--wj-color-success-6: hsl(150, 41%, 70%);--wj-color-success-7: hsl(149, 42%, 75%);--wj-color-success-8: hsl(150, 41%, 80%);--wj-color-success-9: hsl(149, 41%, 85%);--wj-color-success-10: hsl(148, 42%, 90%);--wj-color-success-11: hsl(147, 44%, 95%);--wj-color-warning-1: hsl(47, 100%, 63%);--wj-color-warning-2: hsl(47, 100%, 67%);--wj-color-warning-3: hsl(47, 100%, 71%);--wj-color-warning-4: hsl(47, 100%, 74%);--wj-color-warning-5: hsl(46, 100%, 77%);--wj-color-warning-6: hsl(46, 100%, 81%);--wj-color-warning-7: hsl(46, 100%, 84%);--wj-color-warning-8: hsl(46, 100%, 87%);--wj-color-warning-9: hsl(46, 100%, 90%);--wj-color-warning-10: hsl(46, 100%, 93%);--wj-color-warning-11: hsl(44, 100%, 96%);--wj-color-danger-1: hsl(3, 68%, 51%);--wj-color-danger-2: hsl(6, 71%, 56%);--wj-color-danger-3: hsl(7, 73%, 61%);--wj-color-danger-4: hsl(8, 77%, 65%);--wj-color-danger-5: hsl(8, 80%, 70%);--wj-color-danger-6: hsl(10, 82%, 74%);--wj-color-danger-7: hsl(9, 86%, 79%);--wj-color-danger-8: hsl(10, 90%, 83%);--wj-color-danger-9: hsl(11, 93%, 87%);--wj-color-danger-10: hsl(11, 100%, 91%);--wj-color-danger-11: hsl(9, 100%, 96%);--wj-color-info-1: hsl(208, 16%, 27%);--wj-color-info-2: hsl(208, 12%, 33%);--wj-color-info-3: hsl(210, 9%, 39%);--wj-color-info-4: hsl(210, 7%, 45%);--wj-color-info-5: hsl(210, 6%, 52%);--wj-color-info-6: hsl(207, 6%, 58%);--wj-color-info-7: hsl(212, 6%, 65%);--wj-color-info-8: hsl(206, 6%, 71%);--wj-color-info-9: hsl(210, 7%, 78%);--wj-color-info-10: hsl(204, 6%, 85%);--wj-color-info-11: hsl(210, 5%, 92%);--wj-color-primary-lighter: #eae0fb;--wj-color-primary-light: #845ae0;--wj-color-primary-dark: #4e37b6;--wj-color-primary-darker: #2d218f;--wj-color-success-lighter: #d6f7f0;--wj-color-success-light: #26bf93;--wj-color-success-dark: #0d935b;--wj-color-success-darker: #04733e;--wj-color-complete-lighter: #d3eeff;--wj-color-complete-light: #0f8ff9;--wj-color-complete-dark: #004fbf;--wj-color-complete-darker: #00318e;--wj-color-warning-lighter: #fffde1;--wj-color-warning-light: #ffe858;--wj-color-warning-dark: #daab2d;--wj-color-warning-darker: #aa7918;--wj-color-danger-lighter: #fde2da;--wj-color-danger-light: #e6533c;--wj-color-danger-dark: #b91e1e;--wj-color-danger-darker: #900f17;--wj-color-info-lighter: #dbe6e8;--wj-color-info-light: #475b6b;--wj-color-info-dark: #2b3947;--wj-color-info-darker: #1b2839;--wj-color-contrast-lower-a: rgba(33, 33, 33, .05);--wj-color-contrast-low-a: rgba(33, 33, 33, .14);--wj-color-contrast-medium-a: rgba(33, 33, 33, .62);--wj-color-contrast-high-a: rgba(33, 33, 33, .81)}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:var(--wj-color-contrast-high);font-family:var(--wj-font-family);font-size:var(--wj-font-size);font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;margin:0;padding:0!important}h1,h2,h3,h4,h5,h6{margin:.625rem 0;font-family:var(--wj-font-family);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-weight:500;color:inherit;display:inline-block}h1{font-size:var(--wj-font-size-2x-large);line-height:44px;letter-spacing:-.0141279em}h2{font-size:var(--wj-font-size-x-large);line-height:34px;letter-spacing:-.021em}h3{font-size:var(--wj-font-size-large);line-height:28px;letter-spacing:-.0114923em}h4{font-size:var(--wj-font-size-large);line-height:26px;letter-spacing:-.00865734em}h5{font-size:var(--wj-font-medium);line-height:24px;letter-spacing:-.00630069em}h3 small,h4 small,h5 small{font-weight:300}h1.block,h2.block,h3.block,h4.block,h5.block,h6.block{padding-bottom:.625rem}a{text-shadow:none!important;color:var(--wj-color-primary-dark);transition:color .1s linear 0s,background-color .1s linear 0s,opacity .2s linear 0s!important;font-weight:500}a:focus,a:hover,a:active{color:var(--wj-color-primary)}a,a:focus,a:hover,a:active{outline:0!important;text-decoration:none}a.no-style{color:inherit;font-weight:400}br{line-height:normal;clear:both}p{display:block;color:inherit;font-size:14px;font-weight:400;letter-spacing:.00177646em;line-height:21px;margin:0 0 .625rem;font-style:normal;white-space:normal}small,.small{line-height:18px;font-size:85.714%}label.inline{display:inline-block;position:relative;top:0;font-size:13px}ul,ol{margin-bottom:.625rem}ul>li,ol>li{padding-left:3px;line-height:24px}ul.lg-icon>li,ol.lg-icon>li{font-size:21px}ul.lg-icon>li span,ol.lg-icon>li span{font-size:14px}ul.no-style,ol.no-style{list-style:none;padding-left:5px}address{margin-bottom:0}address a{color:var(--wj-color-contrast-high)}blockquote{padding:4px 0 0 18px;border-left:0}blockquote:before{content:"";font-size:20px;margin-right:6px;float:left;position:relative;top:-12px}blockquote p{font-size:16px;margin-bottom:4px}blockquote small{line-height:29px;color:var(--wj-color-contrast-high)}blockquote small:before{content:"—";margin-right:6px}blockquote.pull-right{border-right:0}blockquote.pull-right:before{float:right;content:"";margin-left:6px;margin-right:0}blockquote.pull-right small{padding-right:30px}blockquote.pull-right small:after{content:""}hr{border-color:var(--wj-color-contrast-low)}hr.double{border-width:2px}hr.dotted{border-style:dotted none none}.ff-sup{font-feature-settings:"kern" 1,"sups" 1;-webkit-font-feature-settings:"kern" 1,"sups" 1;-moz-font-feature-settings:"kern" 1,"sups" 1}.ff-sub{font-feature-settings:"kern" 1,"subs" 1;-webkit-font-feature-settings:"kern" 1,"subs" 1;-moz-font-feature-settings:"kern" 1,"subs" 1}code{color:var(--wj-color-contrast-medium);background-color:var(--wj-color-contrast-lower-a);font-size:97%;position:relative;line-height:inherit;border-radius:3px;padding:5px 7px;margin:0}code:hover{color:var(--wj-color-complete)}code.code-sm{padding:3px 6px}figcaption{font-size:13px;margin-top:.625rem;font-weight:400;display:block;letter-spacing:.008em;text-align:center;color:var(--wj-color-contrast-medium);line-height:1.46}em{font-style:italic!important;font-family:inherit;font-weight:inherit}ins{font-family:var(--wj-font-family);border-bottom:1px solid #d0d0d0;text-decoration:none;color:var(--wj-color-contrast-high);font-weight:400;font-size:94%}cite{font-family:var(--wj-font-family);font-weight:300;color:var(--wj-color-contrast-medium);text-decoration:none;font-style:normal;hanging-punctuation:first}sup{top:-.28em;font-size:70%}sub{bottom:.03em}var{font-family:var(--wj-font-family);font-feature-settings:"calt" 1,"tnum" 1,"frac" 1,"case" 1,"ss01" 1,"cv11" 1}q{font-family:var(--wj-font-family);font-weight:500;font-size:20px;hanging-punctuation:first}q:before{content:"“";color:#00000070;font-size:35px}q:after{content:"”";font-size:35px;color:#00000070}audio{margin-top:42px}hr{clear:both;margin-bottom:42px;margin-top:42px;border:0;border-bottom:1px solid rgba(0,0,0,.13)}address{font-family:var(--wj-font-family);font-style:normal;margin:24px 0 1.75em;font-size:14px;line-height:24px}abbr{text-decoration:none;letter-spacing:.01em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wj-color-contrast-high)}acronym{text-decoration:none;text-transform:uppercase;letter-spacing:.06em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wj-color-contrast-high)}pre{-moz-tab-size:4;tab-size:4;font-size:85.714%;overflow-x:auto;font-family:monospace,monospace;line-height:1.7;counter-reset:line;background-color:var(--wj-color-contrast-low) er;color:var(--wj-color-contrast-high);margin-inline:0;padding:1rem 1.25rem;border-radius:3px;margin-top:1rem;margin-bottom:1rem}dt{font-weight:700;margin-bottom:5px}dd{margin:0 0 1.75em}kbd{font-size:85.714%;font-family:var(--wj-font-family);position:relative;line-height:34px;top:-3px;letter-spacing:.01em;padding:5px 7px;margin:0;color:#00000087;background-color:#fff;border-radius:3px;box-shadow:0 2px 0 1px #c7c7c7,0 1px 0 1px #00000026,0 0 0 1px #ececec}.overline{text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-size:11px}.small-text{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.small-text a{text-decoration:underline}.normal-text{font-size:13px!important}.large-text{font-size:15px!important}.normal{font-weight:400!important}.semi-bold{font-weight:500!important}.bold{font-weight:600!important}.light{font-weight:300!important}.all-caps{text-transform:uppercase;letter-spacing:.07em!important}.text-uppercase{text-transform:uppercase!important;letter-spacing:.07em!important}.muted{color:var(--wj-color-contrast-medium)}.hint-text{opacity:.76!important}.no-decoration{text-decoration:none!important}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-contrast-higher{background-color:var(--wj-color-contrast-highter)!important;color:var(--wj-color-contrast-lowest)}.bg-contrast-high{background-color:var(--wj-color-contrast-high)!important;color:var(--wj-color-contrast-lowest)}.bg-contrast-medium{background-color:var(--wj-color-contrast-medium)!important;color:var(--wj-color-contrast-lowest)}.bg-contrast-low{background-color:var(--wj-color-contrast-low)!important;color:var(--wj-color-contrast-high)}.bg-contrast-lower{background-color:var(--wj-color-contrast-lower)!important;color:var(--wj-color-contrast-high)}.bg-contrast-lowest{background-color:var(--wj-color-contrast-lowest)!important;color:var(--wj-color-contrast-high)}.bg-primary{background-color:var(--wj-color-primary)!important;color:var(--wj-color-contrast-lowest)}.bg-primary-dark{background-color:var(--wj-color-primary-dark)!important;color:var(--wj-color-contrast-lowest)}.bg-primary-darker{background-color:var(--wj-color-primary-dark) er!important;color:var(--wj-color-contrast-lowest)}.bg-primary-light{background-color:var(--wj-color-primary-light)!important;color:var(--wj-color-contrast-lowest)}.bg-primary-lighter{background-color:var(--wj-color-primary-lighter)!important;color:var(--wj-color-contrast-high)}.bg-complete{background-color:var(--wj-color-complete)!important;color:var(--wj-color-contrast-lowest)}.bg-complete-dark{background-color:var(--wj-color-complete-dark)!important;color:var(--wj-color-contrast-lowest)}.bg-complete-darker{background-color:var(--wj-color-complete-darker)!important;color:var(--wj-color-contrast-lowest)}.bg-complete-light{background-color:var(--wj-color-complete-light)!important;color:var(--wj-color-contrast-lowest)}.bg-complete-lighter{background-color:var(--wj-color-complete-lighter)!important;color:var(--wj-color-contrast-high)}.bg-success{background-color:var(--wj-color-success)!important;color:var(--wj-color-contrast-lowest)}.bg-success-dark{background-color:var(--wj-color-success-dark)!important;color:var(--wj-color-contrast-lowest)}.bg-success-darker{background-color:var(--wj-color-success-darker)!important;color:var(--wj-color-contrast-lowest)}.bg-success-light{background-color:var(--wj-color-success-light)!important;color:var(--wj-color-contrast-high)}.bg-success-lighter{background-color:var(--wj-color-success-lighter)!important;color:var(--wj-color-contrast-high)}.bg-info{background-color:var(--wj-color-info)!important;color:var(--wj-color-contrast-lowest)}.bg-info-dark{background-color:var(--wj-color-info-dark);color:var(--wj-color-contrast-lowest)}.bg-info-darker{background-color:var(--wj-color-info-darker);color:var(--wj-color-contrast-lowest)}.bg-info-light{background-color:var(--wj-color-info-light);color:var(--wj-color-contrast-lowest)}.bg-info-lighter{background-color:var(--wj-color-info-lighter);color:var(--wj-color-contrast-high)}.bg-danger{background-color:var(--wj-color-danger)!important;color:var(--wj-color-contrast-lowest)}.bg-danger-dark{background-color:var(--wj-color-danger-dark);color:var(--wj-color-contrast-lowest)}.bg-danger-darker{background-color:var(--wj-color-danger-darker);color:var(--wj-color-contrast-lowest)}.bg-danger-light{background-color:var(--wj-color-danger-light);color:var(--wj-color-contrast-high)}.bg-danger-lighter{background-color:var(--wj-color-danger-lightervar);color:var(--wj-color-contrast-high)}.bg-warning{background-color:var(--wj-color-warning)!important;color:var(--wj-color-contrast-high)}.bg-warning-dark{background-color:var(--wj-color-warning-dark);color:var(--wj-color-contrast-high)}.bg-warning-darker{background-color:var(--wj-color-warning-darker);color:var(--wj-color-contrast-high)}.bg-warning-light{background-color:var(--wj-color-warning-light);color:var(--wj-color-contrast-high)}.bg-warning-lighter{background-color:var(--wj-color-warning-lighter);color:var(--wj-color-contrast-high)}.bg-menu-dark{background-color:var(--wj-color-menu-dark);color:var(--wj-color-contrast-lowest)}.bg-menu{background-color:var(--wj-color-menu);color:var(--wj-color-contrast-lowest)}.bg-menu-light{background-color:var(--wj-color-menu-light);color:var(--wj-color-contrast-high)}.gradient-grey,.gradient-black{background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%)}.bg-black{background-color:var(--wj-color-black)!important;color:var(--wj-color-contrast-lowest)}.bg-white{background-color:var(--wj-color-contrast-lowest)!important;color:var(--wj-color-contrast-high)}.bg-transparent{background-color:transparent!important}.link{opacity:.7}.link:hover{opacity:1}.text-dark{color:var(--wj-color-contrast-highter)!important}.text-color{color:var(--wj-color-contrast-high)!important}.text-primary{color:var(--wj-color-primary)!important}.text-primary-lighter{color:var(--wj-color-primary-lighter)!important}.text-complete{color:var(--wj-color-complete)!important}.text-complete-lighter{color:var(--wj-color-complete-lighter)!important}.text-success{color:var(--wj-color-success)!important}.text-success-lighter{color:var(--wj-color-success-lighter)!important}.text-info{color:var(--wj-color-info)!important}.text-info-lighter{color:var(--wj-color-info-lighter)!important}.text-warning{color:var(--wj-color-warning)!important}.text-warning-lighter{color:var(--wj-color-warning-lighter)!important}.text-danger{color:var(--wj-color-danger)!important}.text-danger-lighter{color:var(--wj-color-danger-lighter)!important}.text-black{color:var(--wj-color-black)!important}.text-white{color:var(--wj-color-white)!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.stroke-primary{stroke:var(--wj-color-primary)!important}.stroke-complete{stroke:var(--wj-color-complete)!important}.stroke-success{stroke:var(--wj-color-success)!important}.stroke-info{stroke:var(--wj-color-info)!important}.stroke-warning{stroke:var(--wj-color-warning)!important}.stroke-danger{stroke:var(--wj-color-danger)!important}.fs-x-small{font-size:var(--wj-font-size-x-small)!important;letter-spacing:.0180093em;line-height:15px}.fs-small{font-size:var(--wj-font-size-small)!important;letter-spacing:.00849077em;line-height:18px}.fs{font-size:var(--wj-font-size)!important;letter-spacing:.00177646em;line-height:22px}.fs-medium{font-size:var(--wj-font-size-medium)!important;letter-spacing:-.00295978em;line-height:24px}.fs-large{font-size:var(--wj-font-size-large)!important;letter-spacing:normal;line-height:normal}.fs-x-large{font-size:var(--wj-font-size-x-large)!important;letter-spacing:normal;line-height:normal}.fs-2x-large{font-size:var(--wj-font-size-2x-large)!important;letter-spacing:normal;line-height:normal}.fs-3x-large{font-size:var(--wj-font-size-3x-large)!important;letter-spacing:normal;line-height:normal}.fs-4x-large{font-size:var(--wj-font-size-4x-large)!important;letter-spacing:normal;line-height:normal}.lh-normal{line-height:normal}.lh-10{line-height:10px}.lh-11{line-height:11px}.lh-12{line-height:12px}.lh-13{line-height:13px}.lh-14{line-height:14px}.lh-15{line-height:15px}.lh-16{line-height:16px}.font-arial{font-family:Arial,sans-serif!important}.font-montserrat{font-family:var(--wj-font-family-secondary)!important}.font-heading,.font-secondary{font-family:var(--wj-font-family-secondary)}.well{background-color:var(--wj-color-contrast-low);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:none;background-image:none}.well.well-large{padding:24px;width:auto}.well.well-small{padding:13px;width:auto}.well.green{background-color:var(--wj-color-complete);color:var(--wj-color-contrast-lowest);border:none}.overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media (max-width: 1400px){body,p{font-size:var(--wj-font-size-small);line-height:20px}h1{font-size:var(--wj-font-size-2x-large);line-height:44px;letter-spacing:-.08px}h2{font-size:var(--wj-font-size-x-large);line-height:40px}h3{font-size:var(--wj-font-size-large);line-height:35.88px}h4{font-size:var(--wj-font-size-large);line-height:33.88px}h5{font-size:var(--wj-font-size-medium);line-height:25.88px}small,.small{font-size:89%;line-height:17px}}.alert>p,.alert>ul{margin-bottom:0}.table>tbody>tr>td,.table>tbody>tr>th{line-height:1.42857143}.table>tfoot>tr>td,.table>tfoot>tr>th{line-height:1.42857143}.table>thead>tr>td,.table>thead>tr>th{line-height:1.42857143}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.text-separator{display:block;text-align:center;margin:1.5rem 0;width:100%;background:linear-gradient(to top,transparent 0%,transparent calc(50% - 1px),var(--color-contrast-low) calc(50% - 1px),var(--color-contrast-low) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}.text-separator:before{background:#fff;content:attr(data-text);padding:0 1rem;text-transform:uppercase}

package/dist/wj-animation.js

@@ -1,6 +1,65 @@
-import "./wj-element.js";
-import { A as t } from "./animation-2266bd6e.js";
+var m = Object.defineProperty;
+var l = (n, i, t) => i in n ? m(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
+var r = (n, i, t) => (l(n, typeof i != "symbol" ? i + "" : i, t), t);
+import c from "./wj-element.js";
+import { fetchAndParseCSS as h } from "./wj-fetchAndParseCSS.js";
 import "./wj-store.js";
+const d = "";
+class u extends c {
+  constructor() {
+    super();
+    r(this, "className", "Animation");
+    this._animations = [];
+  }
+  set animations(t) {
+    this._animations = t;
+  }
+  get animations() {
+    return this._animations;
+  }
+  static get cssStyleSheet() {
+    return d;
+  }
+  static get observedAttributes() {
+    return ["name"];
+  }
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  draw(t, a, e) {
+    let s = document.createDocumentFragment(), o = document.createElement("slot");
+    return s.appendChild(o), this.slotEl = o, s;
+  }
+  async afterDraw() {
+    this.destroyAnimation(), this.animations = await this.getAnimationsArray();
+    const t = this.animations.find((e) => e.name === this.name), a = this.slotEl.assignedElements()[0];
+    this.animation = a.animate(t.keyframes, {
+      delay: +this.delay || 0,
+      // zdrzanie pred zacatim animacie
+      endDelay: +this.endDelay || 0,
+      // zdrzanie po skoncení animacie
+      fill: this.fill || "auto",
+      // vyplnenie animace (pred a po animacii)
+      duration: +this.duration || 1e3,
+      // doba trvania animacie v milisekundách
+      iterationStart: +this.iterationStart || 0,
+      // počet opakování animacie
+      iterations: this.iterations || 1 / 0,
+      // počet opakování animacie
+      direction: this.direction || "normal",
+      // smer animaciee (zpat a dopredu)
+      easing: this.easing || "linear"
+      // typ spomalenia (rychlost zmen v čase)
+    }), this.animation.play();
+  }
+  destroyAnimation() {
+    this.animation && this.animation.cancel();
+  }
+  async getAnimationsArray() {
+    return await h("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
+  }
+}
+customElements.get("wj-animation") || window.customElements.define("wj-animation", u);
 export {
-  t as Animation
+  u as Animation
 };

package/dist/wj-fetchAndParseCSS.js

@@ -0,0 +1,43 @@
+let o = [];
+function f(n) {
+  const t = /@keyframes\s+([\w-]+)\s*{([\s\S]+?})\s*}/g;
+  let e, s = [];
+  for (; (e = t.exec(n)) !== null; ) {
+    let r = e[1], a = e[2].trim(), i = l(a);
+    s.push({ name: r, keyframes: i });
+  }
+  return s;
+}
+function l(n) {
+  const t = /([\d%]+)\s*{([\s\S]+?)}/g;
+  let e, s = [];
+  for (; (e = t.exec(n)) !== null; ) {
+    let r = parseFloat(e[1]) / 100, a = c(e[2]), i = {
+      offset: r,
+      ...a
+    };
+    s.push(i);
+  }
+  return s.sort((r, a) => r.offset - a.offset), s;
+}
+function c(n) {
+  const t = {};
+  return n.split(";").forEach((e) => {
+    const [s, r] = e.split(":").map((a) => a.trim());
+    s && r && (s === "animation-timing-function" ? t.easing = r : t[s] = r);
+  }), t;
+}
+async function m(n) {
+  try {
+    if (o.length > 0)
+      return o;
+    const e = await (await fetch(n)).text();
+    return o = f(e), o;
+  } catch (t) {
+    console.error("Error:", t);
+  }
+}
+export {
+  o as animations,
+  m as fetchAndParseCSS
+};