@energycap/components 0.30.0 → 0.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/energycap-components.umd.js +1 -1
- package/bundles/energycap-components.umd.min.js +1 -1
- package/bundles/energycap-components.umd.min.js.map +1 -1
- package/energycap-components.metadata.json +1 -1
- package/energycap-components.min.css +1 -1
- package/esm2015/lib/controls/tabs/tabs.component.js +1 -1
- package/fesm2015/energycap-components.js +1 -1
- package/package.json +1 -1
- package/src/styles/_global-variables.scss +2 -2
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
|
7
7
|
*/@import'@angular/cdk/overlay-prebuilt.css';*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-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";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0 !important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]):not(.text-link){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):not(.text-link):hover,a:not([href]):not([tabindex]):not(.text-link):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}/*!
|
|
8
8
|
* EnergyCAP Components - Base Styles
|
|
9
|
-
*/:root{--ec-color-primary-dark: rgb(26, 26, 35);--ec-color-primary-light: rgb(255, 255, 255);--ec-color-secondary-dark: rgba(26, 26, 35, .66);--ec-color-secondary-light: rgba(255, 255, 255, .6);--ec-color-hint-dark: rgba(26, 26, 35, .38);--ec-color-hint-light: rgba(255, 255, 255, .38);--ec-color-disabled-dark: var(--ec-color-hint-dark);--ec-color-shadow: rgba(26, 26, 35, .1);--ec-color-shadow-overlay: rgba(26, 26, 35, .2);--ec-color-interactive: rgb(0, 132, 169);--ec-color-info: rgba(0, 132, 169, .5);--ec-color-good: rgb(97, 153, 16);--ec-color-success: rgb(60, 118, 61);--ec-color-caution: rgb(255, 228, 51);--ec-color-bad: rgb(250, 123, 46);--ec-color-danger: rgb(227, 52, 54);--ec-color-accent: rgb(111, 28, 138);--ec-background-color: rgb(255, 255, 255);--ec-background-color-overlay: rgba(255, 255, 255, .7);--ec-background-color-body: rgb(241, 243, 244);--ec-background-color-body-overlay: rgba(241, 243, 244, .7);--ec-background-color-dark: rgb(26, 26, 35);--ec-background-color-dialog: rgba(26, 26, 35, .5);--ec-background-color-splash: radial-gradient(circle, rgb(73, 89, 99) 0%, rgb(22, 47, 59) 100%);--ec-background-color-detail: rgba(26, 26, 35, .03);--ec-background-color-disabled: rgba(26,26,35, .1);--ec-background-color-hover: rgb(191, 224, 233);--ec-background-color-selected: rgb(
|
|
9
|
+
*/:root{--ec-color-primary-dark: rgb(26, 26, 35);--ec-color-primary-light: rgb(255, 255, 255);--ec-color-secondary-dark: rgba(26, 26, 35, .66);--ec-color-secondary-light: rgba(255, 255, 255, .6);--ec-color-hint-dark: rgba(26, 26, 35, .38);--ec-color-hint-light: rgba(255, 255, 255, .38);--ec-color-disabled-dark: var(--ec-color-hint-dark);--ec-color-shadow: rgba(26, 26, 35, .1);--ec-color-shadow-overlay: rgba(26, 26, 35, .2);--ec-color-interactive: rgb(0, 132, 169);--ec-color-info: rgba(0, 132, 169, .5);--ec-color-good: rgb(97, 153, 16);--ec-color-success: rgb(60, 118, 61);--ec-color-caution: rgb(255, 228, 51);--ec-color-bad: rgb(250, 123, 46);--ec-color-danger: rgb(227, 52, 54);--ec-color-accent: rgb(111, 28, 138);--ec-background-color: rgb(255, 255, 255);--ec-background-color-overlay: rgba(255, 255, 255, .7);--ec-background-color-body: rgb(241, 243, 244);--ec-background-color-body-overlay: rgba(241, 243, 244, .7);--ec-background-color-dark: rgb(26, 26, 35);--ec-background-color-dialog: rgba(26, 26, 35, .5);--ec-background-color-splash: radial-gradient(circle, rgb(73, 89, 99) 0%, rgb(22, 47, 59) 100%);--ec-background-color-detail: rgba(26, 26, 35, .03);--ec-background-color-disabled: rgba(26,26,35, .1);--ec-background-color-hover: rgb(191, 224, 233);--ec-background-color-selected: rgb(217, 237, 242);--ec-background-color-info: rgb(218, 228, 233);--ec-background-color-success: rgb(222, 239, 215);--ec-background-color-caution: rgb(255, 248, 204);--ec-background-color-danger: rgb(236, 196, 197);--ec-box-shadow: 0px .125rem .5rem var(--ec-color-shadow);--ec-box-shadow-overlay: 0px .0625rem .5rem var(--ec-color-shadow-overlay);--ec-border-color: rgba(26, 26, 35, .18);--ec-border-color-dark: rgba(26, 26, 35, .87);--ec-border-color-hint: rgba(26,26,35, .1);--ec-border-color-legacy: rgb(210, 215, 217);--ec-border-radius: .25rem;--ec-border-radius-card: .375rem;--ec-border-radius-dialog: .5rem;--ec-border-color-focus: var(--ec-color-interactive);--ec-border-width: 1px;--ec-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--ec-font-family-monospace: "Consolas", "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Monaco", "Courier New", Courier, monospace;--ec-font-size: .875rem;--ec-font-size-body: 1rem;--ec-font-size-label: .75rem;--ec-font-size-action: .875rem;--ec-font-size-title: 1.25rem;--ec-font-size-icon: 1rem;--ec-font-size-tiny: .625rem;--ec-font-weight-bold: bold;--ec-font-weight-normal: normal;--ec-z-index-tooltip: 10;--ec-z-index-overlay: 20;--ec-z-index-splitter: 30;--ec-z-index-navbar: 40;--ec-z-index-popup: 50;--ec-z-index-dialog: 60;--ec-z-index-toast: 70}@-webkit-keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}/*!
|
|
10
10
|
* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com
|
|
11
11
|
* License - https://fontawesome.com/license (Commercial License)
|
|
12
12
|
*/@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url("/assets/webfonts/fa-solid-900.eot");src:url("/assets/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("/assets/webfonts/fa-solid-900.woff2") format("woff2"),url("/assets/webfonts/fa-solid-900.woff") format("woff"),url("/assets/webfonts/fa-solid-900.ttf") format("truetype"),url("/assets/webfonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas,a[target=_blank]::after{font-family:"Font Awesome 5 Pro";font-weight:900}html,body{height:100%;overflow:hidden}body{font-family:var(--ec-font-family);font-size:var(--ec-font-size);color:var(--ec-color-primary-dark)}a{color:var(--ec-color-interactive)}a:hover{color:var(--ec-color-interactive);text-decoration:underline}a:focus{outline:none;text-decoration:underline}a[target=_blank]::after{content:"\f08e";margin-left:.125rem;opacity:.5}a[target=_blank].is-map-link::after{content:"\f3c5"}a[target=_blank].is-file-link::after{content:"\f56d"}a[target=_blank].is-image-link::after{content:"\f1c5"}a[disabled]{color:var(--ec-color-disabled-dark);cursor:default}.hide-external-link-icon[target=_blank]::after,.hide-external-link-icon [target=_blank]::after{content:"" !important}p{line-height:1.25}table{background-color:transparent}/*!
|
|
@@ -29,7 +29,7 @@ TabsComponent.decorators = [
|
|
|
29
29
|
{ type: Component, args: [{
|
|
30
30
|
selector: 'ec-tabs',
|
|
31
31
|
template: "<ul *ngIf=\"tabs?.items?.length\" class=\"{{tabStyle}}\">\r\n\r\n <li class=\"{{tab.classlist}}\" [ngClass]=\"{'icon-only': tab.icon && !tab.label}\" *ngFor=\"let tab of tabs?.items; index as i;\">\r\n\r\n <a *ngIf=\"tab.url && !tab.disabled\"\r\n tabindex=\"{{tabs?.selected === tab ? -1 : tabindex}}\"\r\n class=\"tab\"\r\n id=\"{{tab.id ? tab.id : id + '_item' + i}}\"\r\n routerLinkActive=\"active\"\r\n [routerLink]=\"tab.url\"\r\n [queryParams]=\"tab.queryParams || null\"\r\n [queryParamsHandling]=\"tab.queryParamsHandling || ''\"\r\n (keypress)=\"selectTab($event, tab)\"\r\n (click)=\"selectTab($event, tab)\">\r\n <i class=\"ec-icon {{tab.icon}}\" *ngIf=\"tab.icon\" [class.mr-1]=\"tab.label\"></i>\r\n <span class=\"text-truncate\">{{tab.label | translate}}</span>\r\n <span *ngIf=\"tab?.indicator\" class=\"indicator ml-1\" [style.background-color]=\"tab?.indicator === true ? '' : tab?.indicator\"></span>\r\n </a>\r\n\r\n <span *ngIf=\"!tab.url || tab.disabled\"\r\n tabindex=\"{{tabs?.selected === tab || tab.disabled ? -1 : tabindex}}\"\r\n id=\"{{tab.id ? tab.id : id + '_item' + i}}\"\r\n class=\"tab\"\r\n [ngClass]=\"{'active': tabs?.selected === tab, 'is-disabled': tab.disabled}\"\r\n (keypress)=\"selectTab($event, tab)\"\r\n (click)=\"selectTab($event, tab)\">\r\n <i class=\"ec-icon {{tab.icon}}\" *ngIf=\"tab.icon\" [class.mr-1]=\"tab.label\"></i>\r\n <span class=\"text-truncate\">{{tab.label | translate}}</span>\r\n <span *ngIf=\"tab?.indicator\" class=\"indicator ml-1\" [style.background-color]=\"tab?.indicator === true ? '' : tab?.indicator\"></span>\r\n </span>\r\n </li>\r\n</ul> ",
|
|
32
|
-
styles: ["@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{display:block}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}.tabs{border-bottom:1px solid var(--ec-border-color-legacy);display:flex;padding-left:1rem;padding-right:1rem}.tabs li{display:block;min-width:0}.tabs li:not(:last-child){margin-right:.25rem}.tabs .tab{align-items:center;border:1px solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--ec-border-radius);border-top-right-radius:var(--ec-border-radius);color:var(--ec-color-secondary-dark);cursor:pointer;display:flex;font-size:var(--ec-font-size-label);height:2rem;justify-content:center;margin-bottom:-1px;min-width:2rem;padding-left:.5rem;padding-right:.5rem}.tabs .tab:hover{color:#354751}.tabs .tab.active{background-color:var(--ec-background-color-body);border-left-color:var(--ec-border-color-legacy);border-right-color:var(--ec-border-color-legacy);border-top-color:var(--ec-border-color-legacy);color:#354751}.tabs .tab:focus{outline:none}.tabs .tab:focus:not(.active):not(.is-disabled){border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);box-shadow:none;position:relative;z-index:1}.tabs .tab.is-disabled{color:var(--ec-color-hint-dark);cursor:default}.pills{display:flex}.pills li{display:block;min-width:0}.pills li:not(:last-child){margin-right:.25rem}.pills .tab{align-items:center;border:1px solid transparent;border-radius:var(--ec-border-radius);color:var(--ec-color-secondary-dark);cursor:pointer;display:flex;font-size:var(--ec-font-size-label);height:1.5rem;justify-content:center;min-width:1.5rem;padding-left:.5rem;padding-right:.5rem}.pills .tab:hover{color:#354751}.pills .tab.active{background-color:#d2d7d9;color:#354751}.pills .tab:focus{outline:none}.pills .tab:focus:not(.active):not(.is-disabled){border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);box-shadow:none;position:relative;z-index:1}.pills .tab.is-disabled{color:var(--ec-color-hint-dark);cursor:default}.icon-only .tab{justify-content:center;padding:0}.indicator{background-color:rgba(
|
|
32
|
+
styles: ["@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{display:block}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}.tabs{border-bottom:1px solid var(--ec-border-color-legacy);display:flex;padding-left:1rem;padding-right:1rem}.tabs li{display:block;min-width:0}.tabs li:not(:last-child){margin-right:.25rem}.tabs .tab{align-items:center;border:1px solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--ec-border-radius);border-top-right-radius:var(--ec-border-radius);color:var(--ec-color-secondary-dark);cursor:pointer;display:flex;font-size:var(--ec-font-size-label);height:2rem;justify-content:center;margin-bottom:-1px;min-width:2rem;padding-left:.5rem;padding-right:.5rem}.tabs .tab:hover{color:#354751}.tabs .tab.active{background-color:var(--ec-background-color-body);border-left-color:var(--ec-border-color-legacy);border-right-color:var(--ec-border-color-legacy);border-top-color:var(--ec-border-color-legacy);color:#354751}.tabs .tab:focus{outline:none}.tabs .tab:focus:not(.active):not(.is-disabled){border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);box-shadow:none;position:relative;z-index:1}.tabs .tab.is-disabled{color:var(--ec-color-hint-dark);cursor:default}.pills{display:flex}.pills li{display:block;min-width:0}.pills li:not(:last-child){margin-right:.25rem}.pills .tab{align-items:center;border:1px solid transparent;border-radius:var(--ec-border-radius);color:var(--ec-color-secondary-dark);cursor:pointer;display:flex;font-size:var(--ec-font-size-label);height:1.5rem;justify-content:center;min-width:1.5rem;padding-left:.5rem;padding-right:.5rem}.pills .tab:hover{color:#354751}.pills .tab.active{background-color:#d2d7d9;color:#354751}.pills .tab:focus{outline:none}.pills .tab:focus:not(.active):not(.is-disabled){border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);box-shadow:none;position:relative;z-index:1}.pills .tab.is-disabled{color:var(--ec-color-hint-dark);cursor:default}.icon-only .tab{justify-content:center;padding:0}.indicator{background-color:rgba(111,28,138,.25);border:2px solid #6f1c8a;border-radius:50%;display:block;height:.625rem;width:.625rem}:host(.is-condensed) .pills li,:host(.is-condensed) .tabs li{margin-right:0}:host(.is-condensed) .tab{padding-left:.25rem;padding-right:.25rem}"]
|
|
33
33
|
},] }
|
|
34
34
|
];
|
|
35
35
|
TabsComponent.ctorParameters = () => [];
|
|
@@ -4351,7 +4351,7 @@ TabsComponent.decorators = [
|
|
|
4351
4351
|
{ type: Component, args: [{
|
|
4352
4352
|
selector: 'ec-tabs',
|
|
4353
4353
|
template: "<ul *ngIf=\"tabs?.items?.length\" class=\"{{tabStyle}}\">\r\n\r\n <li class=\"{{tab.classlist}}\" [ngClass]=\"{'icon-only': tab.icon && !tab.label}\" *ngFor=\"let tab of tabs?.items; index as i;\">\r\n\r\n <a *ngIf=\"tab.url && !tab.disabled\"\r\n tabindex=\"{{tabs?.selected === tab ? -1 : tabindex}}\"\r\n class=\"tab\"\r\n id=\"{{tab.id ? tab.id : id + '_item' + i}}\"\r\n routerLinkActive=\"active\"\r\n [routerLink]=\"tab.url\"\r\n [queryParams]=\"tab.queryParams || null\"\r\n [queryParamsHandling]=\"tab.queryParamsHandling || ''\"\r\n (keypress)=\"selectTab($event, tab)\"\r\n (click)=\"selectTab($event, tab)\">\r\n <i class=\"ec-icon {{tab.icon}}\" *ngIf=\"tab.icon\" [class.mr-1]=\"tab.label\"></i>\r\n <span class=\"text-truncate\">{{tab.label | translate}}</span>\r\n <span *ngIf=\"tab?.indicator\" class=\"indicator ml-1\" [style.background-color]=\"tab?.indicator === true ? '' : tab?.indicator\"></span>\r\n </a>\r\n\r\n <span *ngIf=\"!tab.url || tab.disabled\"\r\n tabindex=\"{{tabs?.selected === tab || tab.disabled ? -1 : tabindex}}\"\r\n id=\"{{tab.id ? tab.id : id + '_item' + i}}\"\r\n class=\"tab\"\r\n [ngClass]=\"{'active': tabs?.selected === tab, 'is-disabled': tab.disabled}\"\r\n (keypress)=\"selectTab($event, tab)\"\r\n (click)=\"selectTab($event, tab)\">\r\n <i class=\"ec-icon {{tab.icon}}\" *ngIf=\"tab.icon\" [class.mr-1]=\"tab.label\"></i>\r\n <span class=\"text-truncate\">{{tab.label | translate}}</span>\r\n <span *ngIf=\"tab?.indicator\" class=\"indicator ml-1\" [style.background-color]=\"tab?.indicator === true ? '' : tab?.indicator\"></span>\r\n </span>\r\n </li>\r\n</ul> ",
|
|
4354
|
-
styles: ["@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{display:block}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}.tabs{border-bottom:1px solid var(--ec-border-color-legacy);display:flex;padding-left:1rem;padding-right:1rem}.tabs li{display:block;min-width:0}.tabs li:not(:last-child){margin-right:.25rem}.tabs .tab{align-items:center;border:1px solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--ec-border-radius);border-top-right-radius:var(--ec-border-radius);color:var(--ec-color-secondary-dark);cursor:pointer;display:flex;font-size:var(--ec-font-size-label);height:2rem;justify-content:center;margin-bottom:-1px;min-width:2rem;padding-left:.5rem;padding-right:.5rem}.tabs .tab:hover{color:#354751}.tabs .tab.active{background-color:var(--ec-background-color-body);border-left-color:var(--ec-border-color-legacy);border-right-color:var(--ec-border-color-legacy);border-top-color:var(--ec-border-color-legacy);color:#354751}.tabs .tab:focus{outline:none}.tabs .tab:focus:not(.active):not(.is-disabled){border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);box-shadow:none;position:relative;z-index:1}.tabs .tab.is-disabled{color:var(--ec-color-hint-dark);cursor:default}.pills{display:flex}.pills li{display:block;min-width:0}.pills li:not(:last-child){margin-right:.25rem}.pills .tab{align-items:center;border:1px solid transparent;border-radius:var(--ec-border-radius);color:var(--ec-color-secondary-dark);cursor:pointer;display:flex;font-size:var(--ec-font-size-label);height:1.5rem;justify-content:center;min-width:1.5rem;padding-left:.5rem;padding-right:.5rem}.pills .tab:hover{color:#354751}.pills .tab.active{background-color:#d2d7d9;color:#354751}.pills .tab:focus{outline:none}.pills .tab:focus:not(.active):not(.is-disabled){border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);box-shadow:none;position:relative;z-index:1}.pills .tab.is-disabled{color:var(--ec-color-hint-dark);cursor:default}.icon-only .tab{justify-content:center;padding:0}.indicator{background-color:rgba(
|
|
4354
|
+
styles: ["@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{display:block}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}.tabs{border-bottom:1px solid var(--ec-border-color-legacy);display:flex;padding-left:1rem;padding-right:1rem}.tabs li{display:block;min-width:0}.tabs li:not(:last-child){margin-right:.25rem}.tabs .tab{align-items:center;border:1px solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--ec-border-radius);border-top-right-radius:var(--ec-border-radius);color:var(--ec-color-secondary-dark);cursor:pointer;display:flex;font-size:var(--ec-font-size-label);height:2rem;justify-content:center;margin-bottom:-1px;min-width:2rem;padding-left:.5rem;padding-right:.5rem}.tabs .tab:hover{color:#354751}.tabs .tab.active{background-color:var(--ec-background-color-body);border-left-color:var(--ec-border-color-legacy);border-right-color:var(--ec-border-color-legacy);border-top-color:var(--ec-border-color-legacy);color:#354751}.tabs .tab:focus{outline:none}.tabs .tab:focus:not(.active):not(.is-disabled){border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);box-shadow:none;position:relative;z-index:1}.tabs .tab.is-disabled{color:var(--ec-color-hint-dark);cursor:default}.pills{display:flex}.pills li{display:block;min-width:0}.pills li:not(:last-child){margin-right:.25rem}.pills .tab{align-items:center;border:1px solid transparent;border-radius:var(--ec-border-radius);color:var(--ec-color-secondary-dark);cursor:pointer;display:flex;font-size:var(--ec-font-size-label);height:1.5rem;justify-content:center;min-width:1.5rem;padding-left:.5rem;padding-right:.5rem}.pills .tab:hover{color:#354751}.pills .tab.active{background-color:#d2d7d9;color:#354751}.pills .tab:focus{outline:none}.pills .tab:focus:not(.active):not(.is-disabled){border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);box-shadow:none;position:relative;z-index:1}.pills .tab.is-disabled{color:var(--ec-color-hint-dark);cursor:default}.icon-only .tab{justify-content:center;padding:0}.indicator{background-color:rgba(111,28,138,.25);border:2px solid #6f1c8a;border-radius:50%;display:block;height:.625rem;width:.625rem}:host(.is-condensed) .pills li,:host(.is-condensed) .tabs li{margin-right:0}:host(.is-condensed) .tab{padding-left:.25rem;padding-right:.25rem}"]
|
|
4355
4355
|
},] }
|
|
4356
4356
|
];
|
|
4357
4357
|
TabsComponent.ctorParameters = () => [];
|
package/package.json
CHANGED
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
--ec-background-color-detail: rgba(26, 26, 35, .03);
|
|
37
37
|
--ec-background-color-disabled: rgba(26,26,35, .1);
|
|
38
38
|
--ec-background-color-hover: rgb(191, 224, 233);
|
|
39
|
-
--ec-background-color-selected: rgb(
|
|
40
|
-
--ec-background-color-info:
|
|
39
|
+
--ec-background-color-selected: rgb(217, 237, 242);
|
|
40
|
+
--ec-background-color-info: rgb(218, 228, 233);
|
|
41
41
|
--ec-background-color-success: rgb(222, 239, 215);
|
|
42
42
|
--ec-background-color-caution: rgb(255, 248, 204);
|
|
43
43
|
--ec-background-color-danger: rgb(236, 196, 197);
|