ngwr 0.0.6 → 0.0.9

package/icon/wr-icons.d.ts

@@ -1,11 +1,51 @@
+export declare const wrIconAlertCircle: {
+    name: 'alert-circle';
+    data: string;
+};
+export declare const wrIconAlertSquircle: {
+    name: 'alert-squircle';
+    data: string;
+};
 export declare const wrIconAlert: {
     name: 'alert';
     data: string;
 };
+export declare const wrIconArrowBackCircle: {
+    name: 'arrow-back-circle';
+    data: string;
+};
 export declare const wrIconArrowBack: {
     name: 'arrow-back';
     data: string;
 };
+export declare const wrIconArrowBottomCircle: {
+    name: 'arrow-bottom-circle';
+    data: string;
+};
+export declare const wrIconArrowBottom: {
+    name: 'arrow-bottom';
+    data: string;
+};
+export declare const wrIconArrowForwardCircle: {
+    name: 'arrow-forward-circle';
+    data: string;
+};
+export declare const wrIconArrowForward: {
+    name: 'arrow-forward';
+    data: string;
+};
+export declare const wrIconArrowTopCircle: {
+    name: 'arrow-top-circle';
+    data: string;
+};
+export declare const wrIconArrowTop: {
+    name: 'arrow-top';
+    data: string;
+};
+export declare const wrIconBugOutline: {
+    name: 'bug-outline';
+    data: string;
+};
 export declare const wrIconBug: {
     name: 'bug';
     data: string;
@@ -190,18 +230,48 @@ export declare const wrIconWarning: {
     name: 'warning';
     data: string;
 };
-export declare type wrIconName = 'alert' | 'arrow-back' | 'bug' | 'caret-back' | 'caret-forward' | 'checkmark-circle' | 'chevron-down' | 'chevron-up' | 'clock' | 'close-circle' | 'copy' | 'discover' | 'document' | 'dots-horizontal' | 'dots-vertical' | 'download' | 'eye-off' | 'eye' | 'file-aab' | 'file-apk' | 'file-ipa' | 'file-zip' | 'flash' | 'folder' | 'help' | 'home' | 'info-circle-outline' | 'logo-android' | 'logo-apple' | 'logo-appscreener' | 'logo-github' | 'logo-oversecured' | 'logo-stingray' | 'modules' | 'play-back' | 'play-circle' | 'play-forward' | 'play' | 'plus-circle' | 'reader' | 'repeat' | 'search' | 'stop-circle' | 'stop' | 'trash' | 'user-circle' | 'user' | 'warning';
+export declare type wrIconName = 'alert-circle' | 'alert-squircle' | 'alert' | 'arrow-back-circle' | 'arrow-back' | 'arrow-bottom-circle' | 'arrow-bottom' | 'arrow-forward-circle' | 'arrow-forward' | 'arrow-top-circle' | 'arrow-top' | 'bug-outline' | 'bug' | 'caret-back' | 'caret-forward' | 'checkmark-circle' | 'chevron-down' | 'chevron-up' | 'clock' | 'close-circle' | 'copy' | 'discover' | 'document' | 'dots-horizontal' | 'dots-vertical' | 'download' | 'eye-off' | 'eye' | 'file-aab' | 'file-apk' | 'file-ipa' | 'file-zip' | 'flash' | 'folder' | 'help' | 'home' | 'info-circle-outline' | 'logo-android' | 'logo-apple' | 'logo-appscreener' | 'logo-github' | 'logo-oversecured' | 'logo-stingray' | 'modules' | 'play-back' | 'play-circle' | 'play-forward' | 'play' | 'plus-circle' | 'reader' | 'repeat' | 'search' | 'stop-circle' | 'stop' | 'trash' | 'user-circle' | 'user' | 'warning';
 export interface WrIcon {
     name: wrIconName;
     data: string;
 }
 export declare type WrIconNameSubset<T extends Readonly<WrIcon[]>> = T[number]['name'];
 export declare const wrIconSet: ({
+    name: 'alert-circle';
+    data: string;
+} | {
+    name: 'alert-squircle';
+    data: string;
+} | {
     name: 'alert';
     data: string;
+} | {
+    name: 'arrow-back-circle';
+    data: string;
 } | {
     name: 'arrow-back';
     data: string;
+} | {
+    name: 'arrow-bottom-circle';
+    data: string;
+} | {
+    name: 'arrow-bottom';
+    data: string;
+} | {
+    name: 'arrow-forward-circle';
+    data: string;
+} | {
+    name: 'arrow-forward';
+    data: string;
+} | {
+    name: 'arrow-top-circle';
+    data: string;
+} | {
+    name: 'arrow-top';
+    data: string;
+} | {
+    name: 'bug-outline';
+    data: string;
 } | {
     name: 'bug';
     data: string;

package/logo.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 846.5 1000" style="enable-background:new 0 0 846.5 1000" xml:space="preserve"><path d="M423.2 0C189.5 0 0 109.6 0 377.3S154.4 1000 423.2 1000s423.2-355.1 423.2-622.7S657 0 423.2 0zm-95.4 517.6c-8.8 91-13.6 201.5-8 289.5.9 13.8-17.8 19-24.1 6.6-32.8-64.9-62.7-151.7-78.8-242.8-2.7-15.1 4.9-30.1 18.6-36.8 22.3-11 43.7-23.8 60.3-33.2 1.1-.6 2.1-1.2 3.2-1.8 13.7-7.8 30.3 2.9 28.8 18.5zm301.7 54.2c-16.1 91.1-46 177.9-78.8 242.8-6.2 12.4-24.9 7.2-24.1-6.6 5.5-88.1.7-198.6-8-289.5-1.5-15.6 15.2-26.3 28.8-18.5 1.1.6 2.1 1.2 3.2 1.8 16.6 9.4 38 22.2 60.3 33.2 13.7 6.7 21.3 21.7 18.6 36.8zm-78.9-136c-41.2-23.4-78.1-51.3-127.4-51.3s-86.1 28-127.4 51.3C225.6 475.6 69 576.7 124.1 338.1c26.5-114.7 96.7-162.9 162.4-182 18.2-5.3 37.9.4 50.4 14.6 18.6 21.3 53.3 38.7 86.3 38.7s67.6-17.5 86.3-38.7c12.5-14.2 32.3-19.9 50.4-14.6 65.7 19.1 135.9 67.3 162.4 182 55.2 238.6-101.4 137.5-171.7 97.7z" style="fill:#0b1a56"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 846.5 1000" style="enable-background:new 0 0 846.5 1000" xml:space="preserve"><path d="M423.2 0C189.5 0 0 109.6 0 377.3S154.4 1000 423.2 1000s423.2-355.1 423.2-622.7S657 0 423.2 0zm-95.4 517.6c-8.8 91-13.6 201.5-8 289.5.9 13.8-17.8 19-24.1 6.6-32.8-64.9-62.7-151.7-78.8-242.8-2.7-15.1 4.9-30.1 18.6-36.8 22.3-11 43.7-23.8 60.3-33.2 1.1-.6 2.1-1.2 3.2-1.8 13.7-7.8 30.3 2.9 28.8 18.5zm301.7 54.2c-16.1 91.1-46 177.9-78.8 242.8-6.2 12.4-24.9 7.2-24.1-6.6 5.5-88.1.7-198.6-8-289.5-1.5-15.6 15.2-26.3 28.8-18.5 1.1.6 2.1 1.2 3.2 1.8 16.6 9.4 38 22.2 60.3 33.2 13.7 6.7 21.3 21.7 18.6 36.8zm-78.9-136c-41.2-23.4-78.1-51.3-127.4-51.3s-86.1 28-127.4 51.3C225.6 475.6 69 576.7 124.1 338.1c26.5-114.7 96.7-162.9 162.4-182 18.2-5.3 37.9.4 50.4 14.6 18.6 21.3 53.3 38.7 86.3 38.7s67.6-17.5 86.3-38.7c12.5-14.2 32.3-19.9 50.4-14.6 65.7 19.1 135.9 67.3 162.4 182 55.2 238.6-101.4 137.5-171.7 97.7z" style="fill:#3969e2"/></svg>

package/ngwr.min.css

@@ -0,0 +1,8 @@
+/*!
+ * Copyright 2022 Garuna LLP
+ * Copyright 2022 Stingray Technologies LLP
+ *
+ * Licensed under MIT
+ *
+ * https://github.com/thekhegay/ngwr
+ */:root{--wr-body-bg:#f3f4f6;--wr-color-white:#fff;--wr-color-white-rgb:255,255,255;--wr-color-black:#000;--wr-color-black-rgb:0,0,0;--wr-color-primary:#3969e2;--wr-color-primary-rgb:57,105,226;--wr-color-secondary:#f51c6a;--wr-color-secondary-rgb:245,28,106;--wr-color-light:#dee0e8;--wr-color-light-rgb:222,224,232;--wr-color-medium:#b5bccc;--wr-color-medium-rgb:181,188,204;--wr-color-dark:#322e4f;--wr-color-dark-rgb:50,46,79;--wr-color-success:#40da15;--wr-color-success-rgb:64,218,21;--wr-color-warning:#f99b00;--wr-color-warning-rgb:249,155,0;--wr-color-danger:#e01d34;--wr-color-danger-rgb:224,29,52;--wr-font-family-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--wr-font-family-mono:SFMono-Regular,Consolas,"Liberation Mono",Courier,Menlo,Monaco,monospace;--wr-font-size-base:1rem;--wr-font-weight-base:400;--wr-line-height-base:1.8;--wr-letter-spacing-base:-0.02em;--wr-transition-base:all 0.15s linear;--wr-transition-short:all 0.1s linear;--wr-transition-long:all 0.2s linear;--wr-border-radius-base:0.625rem;--wr-grid-gutter:1.5rem;--wr-btn-padding-y:0.375rem;--wr-btn-padding-x:0.825rem;--wr-btn-border-radius:0.375rem;--wr-btn-font-size:0.925rem;--wr-btn-font-weight:500;--wr-btn-round-padding-y:0.46875rem;--wr-btn-round-padding-x:1.03125rem;--wr-btn-round-border-radius:50rem;--wr-input-padding-y:0.46875rem;--wr-input-padding-x:0.75rem;--wr-input-border-radius:0.375rem;--wr-input-font-size:1rem;--wr-input-font-weight:400;font-size:var(--wr-font-size-base);scroll-behavior:smooth}body,html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;background-color:var(--wr-body-bg);color:var(--wr-color-dark);direction:ltr;font-family:var(--wr-font-family-base);font-size:var(--wr-font-size-base);font-weight:var(--wr-font-weight-base);letter-spacing:var(--wr-letter-spacing-base);line-height:var(--wr-line-height-base);margin:0;padding:0;text-align:left}*,:after,:before{border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{text-decoration:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}textarea{overflow:auto;resize:vertical;vertical-align:top}audio:not([controls]){display:none;height:0}[hidden]{display:none}img{border:none}.container,.container-fhd,.container-fluid,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{margin-left:auto;margin-right:auto;padding-left:var(--wr-container-padding);padding-right:var(--wr-container-padding);width:100%}@media (min-width:576px){.container,.container-fhd,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:540px}}@media (min-width:768px){.container,.container-fhd,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:720px}}@media (min-width:992px){.container,.container-fhd,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:960px}}@media (min-width:1200px){.container,.container-fhd,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:1140px}}@media (min-width:1400px){.container,.container-fhd,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:1320px}}@media (min-width:1600px){.container,.container-fhd,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:1530px}}@media (min-width:1920px){.container,.container-fhd,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:1830px}}@media (min-width:2560px){.container,.container-fhd,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:2470px}}.row{display:flex;flex-wrap:wrap;margin-left:calc(var(--wr-grid-gutter)*-.5);margin-right:calc(var(--wr-grid-gutter)*-.5)}.row>*{flex-shrink:0;width:100%}.col,.row>*{max-width:100%;padding-left:calc(var(--wr-grid-gutter)*.5);padding-right:calc(var(--wr-grid-gutter)*.5)}.col{flex:0 0 auto;flex:1 0 0%}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}@media (min-width:576px){.col-sm{flex:1 0 0%}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md{flex:1 0 0%}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}}@media (min-width:1600px){.col-xga{flex:1 0 0%}.col-xga-1{flex:0 0 auto;width:8.33333333%}.col-xga-2{flex:0 0 auto;width:16.66666667%}.col-xga-3{flex:0 0 auto;width:25%}.col-xga-4{flex:0 0 auto;width:33.33333333%}.col-xga-5{flex:0 0 auto;width:41.66666667%}.col-xga-6{flex:0 0 auto;width:50%}.col-xga-7{flex:0 0 auto;width:58.33333333%}.col-xga-8{flex:0 0 auto;width:66.66666667%}.col-xga-9{flex:0 0 auto;width:75%}.col-xga-10{flex:0 0 auto;width:83.33333333%}.col-xga-11{flex:0 0 auto;width:91.66666667%}.col-xga-12{flex:0 0 auto;width:100%}}@media (min-width:1920px){.col-fhd{flex:1 0 0%}.col-fhd-1{flex:0 0 auto;width:8.33333333%}.col-fhd-2{flex:0 0 auto;width:16.66666667%}.col-fhd-3{flex:0 0 auto;width:25%}.col-fhd-4{flex:0 0 auto;width:33.33333333%}.col-fhd-5{flex:0 0 auto;width:41.66666667%}.col-fhd-6{flex:0 0 auto;width:50%}.col-fhd-7{flex:0 0 auto;width:58.33333333%}.col-fhd-8{flex:0 0 auto;width:66.66666667%}.col-fhd-9{flex:0 0 auto;width:75%}.col-fhd-10{flex:0 0 auto;width:83.33333333%}.col-fhd-11{flex:0 0 auto;width:91.66666667%}.col-fhd-12{flex:0 0 auto;width:100%}}@media (min-width:2560px){.col-rt{flex:1 0 0%}.col-rt-1{flex:0 0 auto;width:8.33333333%}.col-rt-2{flex:0 0 auto;width:16.66666667%}.col-rt-3{flex:0 0 auto;width:25%}.col-rt-4{flex:0 0 auto;width:33.33333333%}.col-rt-5{flex:0 0 auto;width:41.66666667%}.col-rt-6{flex:0 0 auto;width:50%}.col-rt-7{flex:0 0 auto;width:58.33333333%}.col-rt-8{flex:0 0 auto;width:66.66666667%}.col-rt-9{flex:0 0 auto;width:75%}.col-rt-10{flex:0 0 auto;width:83.33333333%}.col-rt-11{flex:0 0 auto;width:91.66666667%}.col-rt-12{flex:0 0 auto;width:100%}}@-webkit-keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.wr-btn{align-items:center;border-radius:var(--wr-btn-border-radius);cursor:pointer;display:inline-flex;font-family:var(--wr-font-family-base);height:auto;justify-content:center;padding:calc(var(--wr-btn-padding-y) + 1px) var(--wr-btn-padding-x);position:relative;text-align:center;transition:var(--wr-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.wr-btn__text{font-size:var(--wr-btn-font-size);font-weight:var(--wr-btn-font-weight)}.wr-btn--rounded{border-radius:var(--wr-btn-round-border-radius);padding:var(--wr-btn-round-padding-y) var(--wr-btn-round-padding-x)}.wr-btn>wr-icon{height:1rem;margin-right:.375rem;width:1rem}.wr-btn>wr-spin{margin-left:auto;margin-right:auto;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.wr-btn--small{padding:.25rem .5rem}.wr-btn--small .wr-btn__text{font-size:calc(var(wr-btn-font-size)/1.25)}.wr-btn--small>wr-icon{height:.75rem;margin-right:.25rem;width:.75rem}.wr-btn--loading{pointer-events:none}.wr-btn--loading .wr-btn__text,.wr-btn--loading>wr-icon{opacity:0}.wr-btn-primary{background-color:#3969e2}.wr-btn-primary,.wr-btn-primary:hover{box-shadow:0 3px 5px -1px rgba(57,105,226,.2),0 6px 10px 0 rgba(57,105,226,.14),0 1px 18px 0 rgba(57,105,226,.12);color:#fff}.wr-btn-primary:hover{background-color:#6d95fb}.btn-check:active+.wr-btn-primary,.btn-check:checked+.wr-btn-primary,.wr-btn-primary.active,.wr-btn-primary:active{background-color:#173d9e;box-shadow:none;color:#b9c5e2}.wr-btn-primary>wr-spin{color:#fff}.wr-btn-primary.wr-btn--disabled,.wr-btn-primary:disabled{background-color:var(--wr-color-light);box-shadow:none;color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-secondary{background-color:#f51c6a}.wr-btn-secondary,.wr-btn-secondary:hover{box-shadow:0 3px 5px -1px rgba(245,28,106,.2),0 6px 10px 0 rgba(245,28,106,.14),0 1px 18px 0 rgba(245,28,106,.12);color:#fff}.wr-btn-secondary:hover{background-color:#ff5f98}.btn-check:active+.wr-btn-secondary,.btn-check:checked+.wr-btn-secondary,.wr-btn-secondary.active,.wr-btn-secondary:active{background-color:#a4073f;box-shadow:none;color:#e4b5c5}.wr-btn-secondary>wr-spin{color:#fff}.wr-btn-secondary.wr-btn--disabled,.wr-btn-secondary:disabled{background-color:var(--wr-color-light);box-shadow:none;color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-light{background-color:#dee0e8}.wr-btn-light,.wr-btn-light:hover{box-shadow:0 3px 5px -1px rgba(222,224,232,.2),0 6px 10px 0 rgba(222,224,232,.14),0 1px 18px 0 rgba(222,224,232,.12);color:#322e4f}.wr-btn-light:hover{background-color:#fff}.btn-check:active+.wr-btn-light,.btn-check:checked+.wr-btn-light,.wr-btn-light.active,.wr-btn-light:active{background-color:#a2a8be;box-shadow:none;color:#545370}.wr-btn-light>wr-spin{color:#322e4f}.wr-btn-light.wr-btn--disabled,.wr-btn-light:disabled{background-color:var(--wr-color-light);box-shadow:none;color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-medium{background-color:#b5bccc}.wr-btn-medium,.wr-btn-medium:hover{box-shadow:0 3px 5px -1px rgba(181,188,204,.2),0 6px 10px 0 rgba(181,188,204,.14),0 1px 18px 0 rgba(181,188,204,.12);color:#322e4f}.wr-btn-medium:hover{background-color:#dde3f0}.btn-check:active+.wr-btn-medium,.btn-check:checked+.wr-btn-medium,.wr-btn-medium.active,.wr-btn-medium:active{background-color:#7985a2;box-shadow:none;color:#474868}.wr-btn-medium>wr-spin{color:#322e4f}.wr-btn-medium.wr-btn--disabled,.wr-btn-medium:disabled{background-color:var(--wr-color-light);box-shadow:none;color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-dark{background-color:#322e4f}.wr-btn-dark,.wr-btn-dark:hover{box-shadow:0 3px 5px -1px rgba(50,46,79,.2),0 6px 10px 0 rgba(50,46,79,.14),0 1px 18px 0 rgba(50,46,79,.12);color:#fff}.wr-btn-dark:hover{background-color:#413693}.btn-check:active+.wr-btn-dark,.btn-check:checked+.wr-btn-dark,.wr-btn-dark.active,.wr-btn-dark:active{background-color:#09080f;box-shadow:none;color:#b5b5b7}.wr-btn-dark>wr-spin{color:#fff}.wr-btn-dark.wr-btn--disabled,.wr-btn-dark:disabled{background-color:var(--wr-color-light);box-shadow:none;color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-success{background-color:#40da15}.wr-btn-success,.wr-btn-success:hover{box-shadow:0 3px 5px -1px rgba(64,218,21,.2),0 6px 10px 0 rgba(64,218,21,.14),0 1px 18px 0 rgba(64,218,21,.12);color:#322e4f}.wr-btn-success:hover{background-color:#67ff3d}.btn-check:active+.wr-btn-success,.btn-check:checked+.wr-btn-success,.wr-btn-success.active,.wr-btn-success:active{background-color:#257d0c;box-shadow:none;color:#2e463b}.wr-btn-success>wr-spin{color:#322e4f}.wr-btn-success.wr-btn--disabled,.wr-btn-success:disabled{background-color:var(--wr-color-light);box-shadow:none;color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-warning{background-color:#f99b00}.wr-btn-warning,.wr-btn-warning:hover{box-shadow:0 3px 5px -1px rgba(249,155,0,.2),0 6px 10px 0 rgba(249,155,0,.14),0 1px 18px 0 rgba(249,155,0,.12);color:#322e4f}.wr-btn-warning:hover{background-color:#ffb947}.btn-check:active+.wr-btn-warning,.btn-check:checked+.wr-btn-warning,.wr-btn-warning.active,.wr-btn-warning:active{background-color:#935c00;box-shadow:none;color:#4f3c37}.wr-btn-warning>wr-spin{color:#322e4f}.wr-btn-warning.wr-btn--disabled,.wr-btn-warning:disabled{background-color:var(--wr-color-light);box-shadow:none;color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-danger{background-color:#e01d34}.wr-btn-danger,.wr-btn-danger:hover{box-shadow:0 3px 5px -1px rgba(224,29,52,.2),0 6px 10px 0 rgba(224,29,52,.14),0 1px 18px 0 rgba(224,29,52,.12);color:#fff}.wr-btn-danger:hover{background-color:#fc4d62}.btn-check:active+.wr-btn-danger,.btn-check:checked+.wr-btn-danger,.wr-btn-danger.active,.wr-btn-danger:active{background-color:#86111f;box-shadow:none;color:#dbb8bc}.wr-btn-danger>wr-spin{color:#fff}.wr-btn-danger.wr-btn--disabled,.wr-btn-danger:disabled{background-color:var(--wr-color-light);box-shadow:none;color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-primary.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(57,105,226,.3);color:#3969e2}.wr-btn-primary.wr-btn--outlined>wr-spin{color:#3969e2}.wr-btn-primary.wr-btn--outlined:hover{background-color:#3969e2;box-shadow:none;color:#fff}.wr-btn-primary.wr-btn--outlined:hover>wr-spin{color:#fff}.btn-check:active+.wr-btn-primary.wr-btn--outlined,.btn-check:checked+.wr-btn-primary.wr-btn--outlined,.wr-btn-primary.wr-btn--outlined.active,.wr-btn-primary.wr-btn--outlined.dropdown-toggle.show,.wr-btn-primary.wr-btn--outlined:active{background-color:#173d9e;box-shadow:none;color:#b9c5e2}.wr-btn-primary.wr-btn--outlined.wr-btn--disabled,.wr-btn-primary.wr-btn--outlined:disabled{background-color:rgba(var(--wr-color-light-rgb),.5);box-shadow:inset 0 0 0 1px var(--wr-color-light);color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-secondary.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(245,28,106,.3);color:#f51c6a}.wr-btn-secondary.wr-btn--outlined>wr-spin{color:#f51c6a}.wr-btn-secondary.wr-btn--outlined:hover{background-color:#f51c6a;box-shadow:none;color:#fff}.wr-btn-secondary.wr-btn--outlined:hover>wr-spin{color:#fff}.btn-check:active+.wr-btn-secondary.wr-btn--outlined,.btn-check:checked+.wr-btn-secondary.wr-btn--outlined,.wr-btn-secondary.wr-btn--outlined.active,.wr-btn-secondary.wr-btn--outlined.dropdown-toggle.show,.wr-btn-secondary.wr-btn--outlined:active{background-color:#a4073f;box-shadow:none;color:#e4b5c5}.wr-btn-secondary.wr-btn--outlined.wr-btn--disabled,.wr-btn-secondary.wr-btn--outlined:disabled{background-color:rgba(var(--wr-color-light-rgb),.5);box-shadow:inset 0 0 0 1px var(--wr-color-light);color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-light.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(222,224,232,.3);color:#dee0e8}.wr-btn-light.wr-btn--outlined>wr-spin{color:#dee0e8}.wr-btn-light.wr-btn--outlined:hover{background-color:#dee0e8;box-shadow:none;color:#322e4f}.wr-btn-light.wr-btn--outlined:hover>wr-spin{color:#322e4f}.btn-check:active+.wr-btn-light.wr-btn--outlined,.btn-check:checked+.wr-btn-light.wr-btn--outlined,.wr-btn-light.wr-btn--outlined.active,.wr-btn-light.wr-btn--outlined.dropdown-toggle.show,.wr-btn-light.wr-btn--outlined:active{background-color:#a2a8be;box-shadow:none;color:#545370}.wr-btn-light.wr-btn--outlined.wr-btn--disabled,.wr-btn-light.wr-btn--outlined:disabled{background-color:rgba(var(--wr-color-light-rgb),.5);box-shadow:inset 0 0 0 1px var(--wr-color-light);color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-medium.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(181,188,204,.3);color:#b5bccc}.wr-btn-medium.wr-btn--outlined>wr-spin{color:#b5bccc}.wr-btn-medium.wr-btn--outlined:hover{background-color:#b5bccc;box-shadow:none;color:#322e4f}.wr-btn-medium.wr-btn--outlined:hover>wr-spin{color:#322e4f}.btn-check:active+.wr-btn-medium.wr-btn--outlined,.btn-check:checked+.wr-btn-medium.wr-btn--outlined,.wr-btn-medium.wr-btn--outlined.active,.wr-btn-medium.wr-btn--outlined.dropdown-toggle.show,.wr-btn-medium.wr-btn--outlined:active{background-color:#7985a2;box-shadow:none;color:#474868}.wr-btn-medium.wr-btn--outlined.wr-btn--disabled,.wr-btn-medium.wr-btn--outlined:disabled{background-color:rgba(var(--wr-color-light-rgb),.5);box-shadow:inset 0 0 0 1px var(--wr-color-light);color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-dark.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(50,46,79,.3);color:#322e4f}.wr-btn-dark.wr-btn--outlined>wr-spin{color:#322e4f}.wr-btn-dark.wr-btn--outlined:hover{background-color:#322e4f;box-shadow:none;color:#fff}.wr-btn-dark.wr-btn--outlined:hover>wr-spin{color:#fff}.btn-check:active+.wr-btn-dark.wr-btn--outlined,.btn-check:checked+.wr-btn-dark.wr-btn--outlined,.wr-btn-dark.wr-btn--outlined.active,.wr-btn-dark.wr-btn--outlined.dropdown-toggle.show,.wr-btn-dark.wr-btn--outlined:active{background-color:#09080f;box-shadow:none;color:#b5b5b7}.wr-btn-dark.wr-btn--outlined.wr-btn--disabled,.wr-btn-dark.wr-btn--outlined:disabled{background-color:rgba(var(--wr-color-light-rgb),.5);box-shadow:inset 0 0 0 1px var(--wr-color-light);color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-success.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(64,218,21,.3);color:#40da15}.wr-btn-success.wr-btn--outlined>wr-spin{color:#40da15}.wr-btn-success.wr-btn--outlined:hover{background-color:#40da15;box-shadow:none;color:#322e4f}.wr-btn-success.wr-btn--outlined:hover>wr-spin{color:#322e4f}.btn-check:active+.wr-btn-success.wr-btn--outlined,.btn-check:checked+.wr-btn-success.wr-btn--outlined,.wr-btn-success.wr-btn--outlined.active,.wr-btn-success.wr-btn--outlined.dropdown-toggle.show,.wr-btn-success.wr-btn--outlined:active{background-color:#257d0c;box-shadow:none;color:#2e463b}.wr-btn-success.wr-btn--outlined.wr-btn--disabled,.wr-btn-success.wr-btn--outlined:disabled{background-color:rgba(var(--wr-color-light-rgb),.5);box-shadow:inset 0 0 0 1px var(--wr-color-light);color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-warning.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(249,155,0,.3);color:#f99b00}.wr-btn-warning.wr-btn--outlined>wr-spin{color:#f99b00}.wr-btn-warning.wr-btn--outlined:hover{background-color:#f99b00;box-shadow:none;color:#322e4f}.wr-btn-warning.wr-btn--outlined:hover>wr-spin{color:#322e4f}.btn-check:active+.wr-btn-warning.wr-btn--outlined,.btn-check:checked+.wr-btn-warning.wr-btn--outlined,.wr-btn-warning.wr-btn--outlined.active,.wr-btn-warning.wr-btn--outlined.dropdown-toggle.show,.wr-btn-warning.wr-btn--outlined:active{background-color:#935c00;box-shadow:none;color:#4f3c37}.wr-btn-warning.wr-btn--outlined.wr-btn--disabled,.wr-btn-warning.wr-btn--outlined:disabled{background-color:rgba(var(--wr-color-light-rgb),.5);box-shadow:inset 0 0 0 1px var(--wr-color-light);color:var(--wr-color-medium)!important;pointer-events:none}.wr-btn-danger.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(224,29,52,.3);color:#e01d34}.wr-btn-danger.wr-btn--outlined>wr-spin{color:#e01d34}.wr-btn-danger.wr-btn--outlined:hover{background-color:#e01d34;box-shadow:none;color:#fff}.wr-btn-danger.wr-btn--outlined:hover>wr-spin{color:#fff}.btn-check:active+.wr-btn-danger.wr-btn--outlined,.btn-check:checked+.wr-btn-danger.wr-btn--outlined,.wr-btn-danger.wr-btn--outlined.active,.wr-btn-danger.wr-btn--outlined.dropdown-toggle.show,.wr-btn-danger.wr-btn--outlined:active{background-color:#86111f;box-shadow:none;color:#dbb8bc}.wr-btn-danger.wr-btn--outlined.wr-btn--disabled,.wr-btn-danger.wr-btn--outlined:disabled{background-color:rgba(var(--wr-color-light-rgb),.5);box-shadow:inset 0 0 0 1px var(--wr-color-light);color:var(--wr-color-medium)!important;pointer-events:none}.wr-divider{background:var(--wr-color-light);display:block;height:1px;margin-bottom:.5rem;margin-top:.5rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.wr-extended-input{align-items:center;display:flex;overflow:hidden;transition:var(--wr--transition-base);width:100%}.wr-extended-input--has-suffix>.wr-input{border-bottom-right-radius:0;border-top-right-radius:0}.wr-extended-input--has-prefix>.wr-input{border-bottom-left-radius:0;border-top-left-radius:0}.wr-extended-input-prefix,.wr-extended-input-suffix{align-items:center;background:rgba(var(--wr-color-light),.5);border:1px solid var(--wr-color-light);display:inline-flex;height:100%;max-width:50%;padding-left:var(--wr-input-padding-y);padding-right:var(--wr-input-padding-y);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wr-extended-input-prefix__text,.wr-extended-input-suffix__text{color:var(--wr-color-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-extended-input-suffix{border-bottom-right-radius:var(--wr-input-border-radius);border-left:0;border-top-right-radius:var(--wr-input-border-radius)}.wr-extended-input-prefix{border-bottom-left-radius:var(--wr-input-border-radius);border-right:0;border-top-left-radius:var(--wr-input-border-radius)}.wr-form-item{align-items:baseline;display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.wr-form-item>*{width:100%}.wr-form-item>label{align-items:center;color:var(--wr-color-medium);display:inline-flex;font-size:.875rem;font-weight:400;line-height:1;margin-bottom:.5rem;transition:var(--wr-transition-base)}.wr-form-item>label>nz-radio-group,.wr-form-item>label>nz-switch{margin-left:.5rem}.wr-form-item>label>nz-radio-group .ant-radio-button-wrapper{font-size:.625rem;height:.825rem!important;line-height:calc(1rem - 4px)!important}.wr-form-item>label>nz-radio-group .ant-radio-button-wrapper:first-child{border-bottom-left-radius:50rem;border-top-left-radius:50rem}.wr-form-item>label>nz-radio-group .ant-radio-button-wrapper:last-child{border-bottom-right-radius:50rem;border-top-right-radius:50rem}.wr-form-item--has-error>label{color:var(--wr-color-danger)}.wr-form-item--has-error .wr-input{box-shadow:inset 0 0 0 1px var(--wr-color-danger)}.wr-form-item--has-error .wr-extended-input-prefix,.wr-form-item--has-error .wr-extended-input-suffix{background:rgba(var(--wr-color-danger-rgb),.25);border-color:var(--wr-color-danger)}.wr-form-item--has-error .wr-extended-input-prefix__text,.wr-form-item--has-error .wr-extended-input-suffix__text{color:var(--wr-color-danger)}.wr-form-item--has-error>nz-select .ant-select-selector{box-shadow:inset 0 0 0 1px var(--wr-color-danger)}.wr-form-error{color:var(--wr-color-danger);font-size:.75rem;margin-top:.25rem;opacity:.75}.wr-icon{fill:currentColor;box-sizing:content-box!important;color:inherit;contain:strict;display:inline-block;font-style:normal;height:1.5rem;line-height:0;text-align:center;text-transform:none;vertical-align:-.125rem;width:1.5rem}.wr-icon *{line-height:1}.wr-icon svg{display:inline-block;height:100%;width:100%}.wr-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--wr-color-white);border:none;border-radius:var(--wr-input-border-radius);box-shadow:inset 0 0 0 1px var(--wr-color-light);color:var(--wr-color-dark);display:inline-flex;font-family:inherit;font-size:var(--wr-input-font-size);font-weight:var(--wr-input-font-weight);margin:0;padding:var(--wr-input-padding-y) var(--wr-input-padding-x);resize:none;transition:var(--wr-transition-base);width:100%}.wr-input:active,.wr-input:focus{box-shadow:inset 0 0 0 1px rgba(var(--wr-color-primary-rgb),.375),0 0 0 2px rgba(var(--wr-color-primary-rgb),.05);outline:none}.wr-input--disabled,.wr-inputdisabled{background-color:rgba(var(--wr-color-light-rgb),.5);color:var(--wr-color-medium);cursor:not-allowed}.wr-password-input{display:flex;position:relative;transition:var(--wr-transition-base);width:100%}.wr-password-input>.wr-input{padding-right:calc(var(--wr-input-padding-y) + 1.5rem)}.wr-password-input-icon{color:var(--wr-color-medium);height:1.25rem;position:absolute;right:var(--wr-input-padding-y);top:50%;transform:translateY(-50%);width:1.25rem}.wr-password-input-icon:hover{color:var(--wr-color-primary);cursor:pointer}.wr-skeleton{--skeleton-style:var(--wr-color-dark);background:rgba(var(--skeleton-style),.25);border-radius:var(--wr-border-radius-base);display:block;height:inherit;line-height:10px;margin-bottom:4px;margin-top:4px;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.wr-skeleton:after{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shimmer;animation-name:shimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:linear-gradient(to right,rgba(var(--skeleton-style),.065) 8%,rgba(var(--skeleton-style),.135) 18%,rgba(var(--skeleton-style),.065) 33%);background-size:800px 104px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.wr-skeleton span{display:inline-block}.wr-spin{align-items:center;display:inline-flex;flex-direction:column;justify-content:center}.wr-spin svg{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:1em;width:1em}.wr-spin svg .path{stroke:currentColor;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}.wr-tag{border-radius:.25rem;display:inline-block;font-family:var(--wr-font-family-base);font-size:.75rem;font-weight:600;height:auto;line-height:1rem;margin-right:.25rem;padding:.25rem .5rem;pointer-events:none;transition:var(--wr-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.wr-tag:hover{cursor:pointer}.wr-tag--hoverable{pointer-events:all}.wr-tag--rounded{border-radius:var(--wr-btn-round-border-radius)}.wr-tag.wr-tag-primary{background-color:#3969e2;color:#fff}.wr-tag.wr-tag-primary:hover{background-color:#6d95fb;color:#fff}.wr-tag.wr-tag-primary.active,.wr-tag.wr-tag-primary:active{background-color:#173d9e;color:#b9c5e2}.wr-tag.wr-tag-primary>wr-icon{color:#9cb4f1}.wr-tag.wr-tag-primary.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #becef6;color:#3969e2}.wr-tag.wr-tag-primary.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #d5dff9;color:#92acef}.wr-tag.wr-tag-primary.wr-tag--outlined.active,.wr-tag.wr-tag-primary.wr-tag--outlined:active{background-color:#173d9e;box-shadow:none;color:#b9c5e2}.wr-tag.wr-tag-primary.wr-tag--outlined>wr-icon{color:#658be9}.wr-tag.wr-tag-primary.wr-tag--transparent{background-color:rgba(57,105,226,.125);box-shadow:inset 0 0 0 1px rgba(57,105,226,.125);color:#3969e2}.wr-tag.wr-tag-primary.wr-tag--transparent:hover{background-color:#3969e2;color:#fff}.wr-tag.wr-tag-primary.wr-tag--transparent:hover>wr-icon{color:hsla(0,0%,100%,.5)}.wr-tag.wr-tag-primary.wr-tag--transparent.active,.wr-tag.wr-tag-primary.wr-tag--transparent:active{background-color:#173d9e;color:#b9c5e2}.wr-tag.wr-tag-primary.wr-tag--transparent>wr-icon{color:#3969e2}.wr-tag.wr-tag-secondary{background-color:#f51c6a;color:#fff}.wr-tag.wr-tag-secondary:hover{background-color:#ff5f98;color:#fff}.wr-tag.wr-tag-secondary.active,.wr-tag.wr-tag-secondary:active{background-color:#a4073f;color:#e4b5c5}.wr-tag.wr-tag-secondary>wr-icon{color:#fa8eb5}.wr-tag.wr-tag-secondary.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #fbafca;color:#f51c6a}.wr-tag.wr-tag-secondary.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #fdc7da;color:#f97eaa}.wr-tag.wr-tag-secondary.wr-tag--outlined.active,.wr-tag.wr-tag-secondary.wr-tag--outlined:active{background-color:#a4073f;box-shadow:none;color:#e4b5c5}.wr-tag.wr-tag-secondary.wr-tag--outlined>wr-icon{color:#f74d8a}.wr-tag.wr-tag-secondary.wr-tag--transparent{background-color:rgba(245,28,106,.125);box-shadow:inset 0 0 0 1px rgba(245,28,106,.125);color:#f51c6a}.wr-tag.wr-tag-secondary.wr-tag--transparent:hover{background-color:#f51c6a;color:#fff}.wr-tag.wr-tag-secondary.wr-tag--transparent:hover>wr-icon{color:hsla(0,0%,100%,.5)}.wr-tag.wr-tag-secondary.wr-tag--transparent.active,.wr-tag.wr-tag-secondary.wr-tag--transparent:active{background-color:#a4073f;color:#e4b5c5}.wr-tag.wr-tag-secondary.wr-tag--transparent>wr-icon{color:#f51c6a}.wr-tag.wr-tag-light{background-color:#dee0e8;color:#322e4f}.wr-tag.wr-tag-light:hover{background-color:#fff;color:#322e4f}.wr-tag.wr-tag-light.active,.wr-tag.wr-tag-light:active{background-color:#a2a8be;color:#545370}.wr-tag.wr-tag-light>wr-icon{color:#88879c}.wr-tag.wr-tag-light.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #fff;color:#dee0e8}.wr-tag.wr-tag-light.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #fff;color:#fff}.wr-tag.wr-tag-light.wr-tag--outlined.active,.wr-tag.wr-tag-light.wr-tag--outlined:active{background-color:#a2a8be;box-shadow:none;color:#545370}.wr-tag.wr-tag-light.wr-tag--outlined>wr-icon{color:#fcfcfd}.wr-tag.wr-tag-light.wr-tag--transparent{background-color:rgba(222,224,232,.125);box-shadow:inset 0 0 0 1px rgba(222,224,232,.125);color:#dee0e8}.wr-tag.wr-tag-light.wr-tag--transparent:hover{background-color:#dee0e8;color:#322e4f}.wr-tag.wr-tag-light.wr-tag--transparent:hover>wr-icon{color:rgba(50,46,79,.5)}.wr-tag.wr-tag-light.wr-tag--transparent.active,.wr-tag.wr-tag-light.wr-tag--transparent:active{background-color:#a2a8be;color:#545370}.wr-tag.wr-tag-light.wr-tag--transparent>wr-icon{color:#dee0e8}.wr-tag.wr-tag-medium{background-color:#b5bccc;color:#322e4f}.wr-tag.wr-tag-medium:hover{background-color:#dde3f0;color:#322e4f}.wr-tag.wr-tag-medium.active,.wr-tag.wr-tag-medium:active{background-color:#7985a2;color:#474868}.wr-tag.wr-tag-medium>wr-icon{color:#74758e}.wr-tag.wr-tag-medium.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #fff;color:#b5bccc}.wr-tag.wr-tag-medium.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #fff;color:#f1f3f6}.wr-tag.wr-tag-medium.wr-tag--outlined.active,.wr-tag.wr-tag-medium.wr-tag--outlined:active{background-color:#7985a2;box-shadow:none;color:#474868}.wr-tag.wr-tag-medium.wr-tag--outlined>wr-icon{color:#d3d7e1}.wr-tag.wr-tag-medium.wr-tag--transparent{background-color:rgba(181,188,204,.125);box-shadow:inset 0 0 0 1px rgba(181,188,204,.125);color:#b5bccc}.wr-tag.wr-tag-medium.wr-tag--transparent:hover{background-color:#b5bccc;color:#322e4f}.wr-tag.wr-tag-medium.wr-tag--transparent:hover>wr-icon{color:rgba(50,46,79,.5)}.wr-tag.wr-tag-medium.wr-tag--transparent.active,.wr-tag.wr-tag-medium.wr-tag--transparent:active{background-color:#7985a2;color:#474868}.wr-tag.wr-tag-medium.wr-tag--transparent>wr-icon{color:#b5bccc}.wr-tag.wr-tag-dark{background-color:#322e4f;color:#fff}.wr-tag.wr-tag-dark:hover{background-color:#413693;color:#fff}.wr-tag.wr-tag-dark.active,.wr-tag.wr-tag-dark:active{background-color:#09080f;color:#b5b5b7}.wr-tag.wr-tag-dark>wr-icon{color:#9997a7}.wr-tag.wr-tag-dark.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #746caa;color:#322e4f}.wr-tag.wr-tag-dark.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #837cb3;color:#5b548f}.wr-tag.wr-tag-dark.wr-tag--outlined.active,.wr-tag.wr-tag-dark.wr-tag--outlined:active{background-color:#09080f;box-shadow:none;color:#b5b5b7}.wr-tag.wr-tag-dark.wr-tag--outlined>wr-icon{color:#46416f}.wr-tag.wr-tag-dark.wr-tag--transparent{background-color:rgba(50,46,79,.125);box-shadow:inset 0 0 0 1px rgba(50,46,79,.125);color:#322e4f}.wr-tag.wr-tag-dark.wr-tag--transparent:hover{background-color:#322e4f;color:#fff}.wr-tag.wr-tag-dark.wr-tag--transparent:hover>wr-icon{color:hsla(0,0%,100%,.5)}.wr-tag.wr-tag-dark.wr-tag--transparent.active,.wr-tag.wr-tag-dark.wr-tag--transparent:active{background-color:#09080f;color:#b5b5b7}.wr-tag.wr-tag-dark.wr-tag--transparent>wr-icon{color:#322e4f}.wr-tag.wr-tag-success{background-color:#40da15;color:#322e4f}.wr-tag.wr-tag-success:hover{background-color:#67ff3d;color:#322e4f}.wr-tag.wr-tag-success.active,.wr-tag.wr-tag-success:active{background-color:#257d0c;color:#2e463b}.wr-tag.wr-tag-success>wr-icon{color:#398432}.wr-tag.wr-tag-success.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #a9f593;color:#40da15}.wr-tag.wr-tag-success.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #bbf7ab;color:#83f065}.wr-tag.wr-tag-success.wr-tag--outlined.active,.wr-tag.wr-tag-success.wr-tag--outlined:active{background-color:#257d0c;box-shadow:none;color:#2e463b}.wr-tag.wr-tag-success.wr-tag--outlined>wr-icon{color:#5eec36}.wr-tag.wr-tag-success.wr-tag--transparent{background-color:rgba(64,218,21,.125);box-shadow:inset 0 0 0 1px rgba(64,218,21,.125);color:#40da15}.wr-tag.wr-tag-success.wr-tag--transparent:hover{background-color:#40da15;color:#322e4f}.wr-tag.wr-tag-success.wr-tag--transparent:hover>wr-icon{color:rgba(50,46,79,.5)}.wr-tag.wr-tag-success.wr-tag--transparent.active,.wr-tag.wr-tag-success.wr-tag--transparent:active{background-color:#257d0c;color:#2e463b}.wr-tag.wr-tag-success.wr-tag--transparent>wr-icon{color:#40da15}.wr-tag.wr-tag-warning{background-color:#f99b00;color:#322e4f}.wr-tag.wr-tag-warning:hover{background-color:#ffb947;color:#322e4f}.wr-tag.wr-tag-warning.active,.wr-tag.wr-tag-warning:active{background-color:#935c00;color:#4f3c37}.wr-tag.wr-tag-warning>wr-icon{color:#966528}.wr-tag.wr-tag-warning.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #ffd693;color:#f99b00}.wr-tag.wr-tag-warning.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #ffe0ad;color:#ffc360}.wr-tag.wr-tag-warning.wr-tag--outlined.active,.wr-tag.wr-tag-warning.wr-tag--outlined:active{background-color:#935c00;box-shadow:none;color:#4f3c37}.wr-tag.wr-tag-warning.wr-tag--outlined>wr-icon{color:#ffb02d}.wr-tag.wr-tag-warning.wr-tag--transparent{background-color:rgba(249,155,0,.125);box-shadow:inset 0 0 0 1px rgba(249,155,0,.125);color:#f99b00}.wr-tag.wr-tag-warning.wr-tag--transparent:hover{background-color:#f99b00;color:#322e4f}.wr-tag.wr-tag-warning.wr-tag--transparent:hover>wr-icon{color:rgba(50,46,79,.5)}.wr-tag.wr-tag-warning.wr-tag--transparent.active,.wr-tag.wr-tag-warning.wr-tag--transparent:active{background-color:#935c00;color:#4f3c37}.wr-tag.wr-tag-warning.wr-tag--transparent>wr-icon{color:#f99b00}.wr-tag.wr-tag-danger{background-color:#e01d34;color:#fff}.wr-tag.wr-tag-danger:hover{background-color:#fc4d62;color:#fff}.wr-tag.wr-tag-danger.active,.wr-tag.wr-tag-danger:active{background-color:#86111f;color:#dbb8bc}.wr-tag.wr-tag-danger>wr-icon{color:#f08e9a}.wr-tag.wr-tag-danger.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #f3a3ac;color:#e01d34}.wr-tag.wr-tag-danger.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #f6b9c1;color:#ed7684}.wr-tag.wr-tag-danger.wr-tag--outlined.active,.wr-tag.wr-tag-danger.wr-tag--outlined:active{background-color:#86111f;box-shadow:none;color:#dbb8bc}.wr-tag.wr-tag-danger.wr-tag--outlined>wr-icon{color:#e7495b}.wr-tag.wr-tag-danger.wr-tag--transparent{background-color:rgba(224,29,52,.125);box-shadow:inset 0 0 0 1px rgba(224,29,52,.125);color:#e01d34}.wr-tag.wr-tag-danger.wr-tag--transparent:hover{background-color:#e01d34;color:#fff}.wr-tag.wr-tag-danger.wr-tag--transparent:hover>wr-icon{color:hsla(0,0%,100%,.5)}.wr-tag.wr-tag-danger.wr-tag--transparent.active,.wr-tag.wr-tag-danger.wr-tag--transparent:active{background-color:#86111f;color:#dbb8bc}.wr-tag.wr-tag-danger.wr-tag--transparent>wr-icon{color:#e01d34}.wr-tag>wr-icon,.wr-tag>wr-spin{height:.75rem;margin-right:.125rem;width:.75rem}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngwr",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "license": "MIT",
   "description": "NGWR – Angular UI components library",
   "author": "Roman Khegay <rk@garuna.dev> (https://garuna.dev/)",

package/password-input/password-input.component.d.ts

@@ -1,4 +1,5 @@
 import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { SafeAny } from '../_core';
 import * as i0 from "@angular/core";
 export declare class WrPasswordInputComponent implements ControlValueAccessor {
     ngControl: NgControl;
@@ -8,14 +9,14 @@ export declare class WrPasswordInputComponent implements ControlValueAccessor {
     value: string | null;
     touched: boolean;
     constructor(ngControl: NgControl);
-    onVisibilityClick($event: any): void;
-    onInput($event: any): void;
-    onChange: (value: any) => void;
+    onVisibilityClick($event: SafeAny): void;
+    onInput($event: SafeAny): void;
+    onChange: (value: SafeAny) => void;
     onTouched: () => void;
     onFocusOut(): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    writeValue(obj: any): void;
+    registerOnChange(fn: SafeAny): void;
+    registerOnTouched(fn: SafeAny): void;
+    writeValue(obj: SafeAny): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WrPasswordInputComponent, [{ optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WrPasswordInputComponent, "wr-password-input", never, {}, {}, never, never, false>;
 }

package/password-input/password-input.module.d.ts

@@ -4,8 +4,8 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/cdk/platform";
 import * as i4 from "../input/input.module";
 import * as i5 from "../icon/wr-icon.module";
-export declare class WalrusPasswordInputModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<WalrusPasswordInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WalrusPasswordInputModule, [typeof i1.WrPasswordInputComponent], [typeof i2.CommonModule, typeof i3.PlatformModule, typeof i4.WrInputModule, typeof i5.WrIconModule], [typeof i1.WrPasswordInputComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<WalrusPasswordInputModule>;
+export declare class WrPasswordInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrPasswordInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WrPasswordInputModule, [typeof i1.WrPasswordInputComponent], [typeof i2.CommonModule, typeof i3.PlatformModule, typeof i4.WrInputModule, typeof i5.WrIconModule], [typeof i1.WrPasswordInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WrPasswordInputModule>;
 }

package/skeleton/skeleton.module.d.ts

@@ -2,8 +2,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "./skeleton.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../spinner/spinner.module";
-export declare class WalrusSkeletonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<WalrusSkeletonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WalrusSkeletonModule, [typeof i1.WrSkeletonComponent], [typeof i2.CommonModule, typeof i3.WrSpinnerModule], [typeof i1.WrSkeletonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<WalrusSkeletonModule>;
+export declare class WrSkeletonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrSkeletonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WrSkeletonModule, [typeof i1.WrSkeletonComponent], [typeof i2.CommonModule, typeof i3.WrSpinnerModule], [typeof i1.WrSkeletonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WrSkeletonModule>;
 }

package/tag/tag.component.d.ts

@@ -1,12 +1,12 @@
 import { ChangeDetectorRef, ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges } from '@angular/core';
 import { BooleanInput } from '../_core';
 import * as i0 from "@angular/core";
-export declare type WrTagColor = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'dark';
+export declare type WrTagColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark';
 export declare class WrTagComponent implements OnInit, OnChanges {
     private readonly cdr;
     private readonly elRef;
     private readonly r2;
-    color: WrTagColor;
+    color: WrTagColor | string;
     transparent: BooleanInput;
     loading: BooleanInput;
     outlined: BooleanInput;

package/styles/components/_index.scss

@@ -1,15 +0,0 @@
-@import 'alert';
-@import 'button';
-@import 'card';
-@import 'divider';
-@import 'dropdown';
-@import 'extended-input';
-@import 'form';
-@import 'heading';
-@import 'icon';
-@import 'input';
-@import 'password-input';
-@import 'skeleton';
-@import 'spinner';
-@import 'tag';
-@import 'tooltip';

package/styles/components/alert.scss

@@ -1,28 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$alert-prefix: #{$prefix}-alert;
-
-.#{$alert-prefix} {
-  display: flex;
-  align-items: center;
-  width: 100%;
-
-  margin-bottom: 0.5rem;
-
-  word-wrap: break-word;
-  font-size: $font-size-base;
-  font-weight: $font-weight-base;
-  line-height: $line-height-base;
-
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.375rem;
-
-  user-select: none;
-
-  @each $color, $value in $theme-colors {
-    &.#{$alert-prefix}-#{$color} {
-      @include alert-colors-generate($value);
-    }
-  }
-}

package/styles/components/button.scss

@@ -1,115 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$btn-prefix: #{$prefix}-btn;
-
-.#{$btn-prefix} {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: auto;
-
-  padding: calc(#{$btn-padding-y} + 1px) $btn-padding-x;
-  border-radius: $btn-border-radius;
-
-  font-family: $font-family;
-  //line-height: $btn-line-height;
-  text-align: center;
-  vertical-align: middle;
-
-  cursor: pointer;
-  user-select: none;
-
-  position: relative;
-
-  transition: $transition-primary;
-
-  &__text {
-    font-size: $btn-font-size;
-    font-weight: $btn-font-weight;
-  }
-
-  &--block {
-    width: 100%;
-  }
-
-  &--rounded {
-    border-radius: $btn-round-border-radius;
-    padding: $btn-round-padding-y $btn-round-padding-x;
-  }
-
-  & > wr-icon {
-    width: 1rem;
-    height: 1rem;
-    margin-right: 0.375rem;
-  }
-
-  & > wr-spin {
-    position: absolute;
-    z-index: 1;
-    top: 50%;
-    transform: translateY(-50%);
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  &--small {
-    padding: 0.25rem 0.5rem;
-
-    .#{$btn-prefix} {
-      &__text {
-        font-size: $btn-font-size / 1.25;
-      }
-    }
-
-    & > wr-icon {
-      width: 0.75rem;
-      height: 0.75rem;
-      margin-right: 0.25rem;
-    }
-  }
-
-  &--loading {
-    pointer-events: none;
-
-    .#{$btn-prefix} {
-      &__text {
-        opacity: 0;
-      }
-    }
-
-    & > wr-icon {
-      opacity: 0;
-    }
-  }
-}
-
-@each $color, $value in $theme-colors {
-  .#{$btn-prefix}-#{$color} {
-    @include button-variant($value);
-
-    &:disabled,
-    &.#{$btn-prefix}--disabled {
-      color: var(--color-medium);
-      background-color: var(--color-light);
-      box-shadow: none;
-      pointer-events: none;
-    }
-  }
-}
-
-@each $color, $value in $theme-colors {
-  .#{$btn-prefix}-#{$color} {
-    &.#{$btn-prefix}--outlined {
-      @include button-outline-variant($value);
-
-      &:disabled,
-      &.#{$btn-prefix}--disabled {
-        color: var(--color-medium);
-        background-color: transparent;
-        box-shadow: inset 0 0 0 1px var(--color-light);
-        pointer-events: none;
-      }
-    }
-  }
-}

package/styles/components/card.scss

@@ -1,41 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$card-prefix: #{$prefix}-card;
-
-.#{$card-prefix} {
-  display: flex;
-  flex-direction: column;
-  align-content: baseline;
-  justify-content: center;
-
-  background: $color-white;
-  border-radius: 0.75rem;
-
-  padding: 1.5rem 1.25rem;
-  box-shadow: $shadow-1-down;
-
-  &--hoverable {
-    transition: $transition-base;
-
-    &:hover {
-      cursor: pointer;
-      box-shadow: $box-shadow-base;
-
-      .#{$card-prefix}__title {
-        color: $color-secondary;
-      }
-    }
-  }
-
-  &__title {
-    color: $color-dark;
-    font-size: 1.125rem;
-    font-weight: 500;
-    line-height: 1;
-
-    margin-bottom: 0.5rem;
-
-    transition: $transition-base;
-  }
-}

package/styles/components/divider.scss

@@ -1,19 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$divider-prefix: #{$prefix}-divider;
-
-.#{$divider-prefix} {
-  display: block;
-
-  width: 100%;
-  height: 1px;
-
-  margin-top: 4px;
-  margin-bottom: 4px;
-
-  background: $color-light;
-
-  user-select: none;
-  pointer-events: none;
-}

package/styles/components/dropdown.scss

@@ -1,128 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$dropdown-prefix: #{$prefix}-dropdown;
-
-.#{$dropdown-prefix} {
-  @include reset-component();
-
-  position: absolute;
-  top: -9999px;
-  left: -9999px;
-  z-index: $zindex-dropdown;
-  display: block;
-
-  &::before {
-    position: absolute;
-    top: -$popover-distance + $popover-arrow-width;
-    right: 0;
-    bottom: -$popover-distance + $popover-arrow-width;
-    left: -7px;
-    z-index: -9999;
-    opacity: 0.0001;
-    content: ' ';
-  }
-
-  &-trigger {
-    &:hover {
-      cursor: pointer;
-    }
-  }
-
-  &-wrap {
-    position: relative;
-  }
-
-  &-hidden,
-  &-menu-hidden,
-  &-menu-submenu-hidden {
-    display: none;
-  }
-
-  &-menu {
-    display: flex;
-    flex-direction: column;
-    align-items: baseline;
-    position: relative;
-    margin: 0;
-    padding: 1rem;
-    text-align: left;
-    list-style-type: none;
-    background-color: $dropdown-menu-bg;
-    background-clip: padding-box;
-    border-radius: $border-radius-base;
-    outline: none;
-    box-shadow: $box-shadow-base;
-
-    &-submenu-popup {
-      position: absolute;
-      z-index: $zindex-dropdown;
-      background: transparent;
-      box-shadow: none;
-      transform-origin: 0 0;
-
-      ul,
-      li {
-        list-style: none;
-      }
-
-      ul {
-        margin-right: 0.3em;
-        margin-left: 0.3em;
-      }
-    }
-
-    // ======================= Item Content =======================
-    &-item {
-      position: relative;
-      display: flex;
-      align-items: center;
-      color: $color-dark;
-      transition: all 0.15s linear;
-
-      &:hover {
-        color: $color-secondary;
-      }
-    }
-
-    &-item,
-    &-submenu-title {
-      clear: both;
-      font-weight: normal;
-      white-space: nowrap;
-      cursor: pointer;
-      margin: 0 0 1rem;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-
-    }
-  }
-
-  &.#{$dropdown-prefix}-slide-down-enter,
-  &.#{$dropdown-prefix}-slide-down-appear,
-  &.#{$dropdown-prefix}-slide-down-enter,
-  &.#{$dropdown-prefix}-slide-down-appear,
-  &.#{$dropdown-prefix}-slide-down-enter,
-  &.#{$dropdown-prefix}-slide-down-appear {
-    animation-name: antSlideUpIn;
-  }
-}
-
-.wr-dropdown-menu {
-  & > ul {
-    list-style: inherit;
-    margin: 0;
-    padding: 0;
-  }
-}
-
-.wr-dropdown {
-  top: 0;
-  left: 0;
-  position: relative;
-  width: 100%;
-  margin-top: 6px;
-  margin-bottom: 6px;
-}