@energycap/components 0.32.5 → 0.32.6
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.
|
@@ -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)}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:rgba(0,0,0,0)}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-interactive-light: rgb(130, 192, 211);--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-dialog-stacked: rgba(26, 26, 35, .25);--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-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}/*!
|
|
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-interactive-light: rgb(130, 192, 211);--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-color-black: #1a1a23;--ec-color-white: #ffffff;--ec-color-gray-1: #dae4e9;--ec-color-gray-2: #acbcc3;--ec-color-gray-3: #8c9ca5;--ec-color-gray-4: #75848f;--ec-color-gray-5: #5e6d79;--ec-color-gray-6: #495963;--ec-color-gray-7: #354751;--ec-color-gray-8: #162f3b;--ec-color-red-1: #ed8082;--ec-color-red-2: #eb6669;--ec-color-red-3: #e64c4d;--ec-color-red-4: #e33436;--ec-color-red-5: #cd1d20;--ec-color-red-6: #b31518;--ec-color-red-7: #9e0c0e;--ec-color-red-8: #8a110c;--ec-color-orange-1: #fbb48a;--ec-color-orange-2: #fa9f69;--ec-color-orange-3: #fa8d4c;--ec-color-orange-4: #fa7b2e;--ec-color-orange-5: #f96a15;--ec-color-orange-6: #ed5a00;--ec-color-orange-7: #df5100;--ec-color-orange-8: #c74900;--ec-color-yellow-1: #fdef96;--ec-color-yellow-2: #ffec74;--ec-color-yellow-3: #ffe959;--ec-color-yellow-4: #ffe433;--ec-color-yellow-5: #f5d400;--ec-color-yellow-6: #ecc000;--ec-color-yellow-7: #dbaa0d;--ec-color-yellow-8: #c19309;--ec-color-green-1: #e5eaa3;--ec-color-green-2: #dbe280;--ec-color-green-3: #cfd856;--ec-color-green-4: #c1cd23;--ec-color-green-5: #a3af28;--ec-color-green-6: #84911f;--ec-color-green-7: #6c7815;--ec-color-green-8: #5e6900;--ec-color-blue-1: #82c0d3;--ec-color-blue-2: #58afc7;--ec-color-blue-3: #2d9ab8;--ec-color-blue-4: #0084a9;--ec-color-blue-5: #047293;--ec-color-blue-6: #005f7a;--ec-color-blue-7: #004e66;--ec-color-blue-8: #0a4052;--ec-color-purple-1: #ae98c0;--ec-color-purple-2: #9e82b4;--ec-color-purple-3: #906ea8;--ec-color-purple-4: #7e579b;--ec-color-purple-5: #714590;--ec-color-purple-6: #613183;--ec-color-purple-7: #4e1772;--ec-color-purple-8: #3a0064;--ec-color-brown-1: #e4d3c2;--ec-color-brown-2: #d4bca2;--ec-color-brown-3: #c6a686;--ec-color-brown-4: #ba946f;--ec-color-brown-5: #af8258;--ec-color-brown-6: #a57343;--ec-color-brown-7: #9b6531;--ec-color-brown-8: #8e5622;--ec-color-accrual: #23C3CD;--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-dialog-stacked: rgba(26, 26, 35, .25);--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-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}/*!
|
|
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}:root{--ec-font-size-icon: 1rem;--ec-color-icon: rgba(26, 26, 35, .66)}@-webkit-keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}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:rgba(0,0,0,0)}/*!
|
package/package.json
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@import './colors';
|
|
2
|
+
|
|
1
3
|
// Global CSS variables (custom properties).
|
|
2
4
|
// Variable names should follow this pattern: --ec-<css-property>[-<dash delimited modifiers>].
|
|
3
5
|
// If the variable is the default value, don't include a modifier
|
|
@@ -26,6 +28,85 @@
|
|
|
26
28
|
--ec-color-bad: rgb(250, 123, 46);
|
|
27
29
|
--ec-color-danger: rgb(227, 52, 54);
|
|
28
30
|
--ec-color-accent: rgb(111, 28, 138);
|
|
31
|
+
|
|
32
|
+
// Variables for the EnergyCAP brand color pallette
|
|
33
|
+
// Colors go from lighter (1) to darker (8).
|
|
34
|
+
--ec-color-black: #{$black};
|
|
35
|
+
--ec-color-white: #{$white};
|
|
36
|
+
|
|
37
|
+
--ec-color-gray-1: #{$gray-1};
|
|
38
|
+
--ec-color-gray-2: #{$gray-2};
|
|
39
|
+
--ec-color-gray-3: #{$gray-3};
|
|
40
|
+
--ec-color-gray-4: #{$gray-4};
|
|
41
|
+
--ec-color-gray-5: #{$gray-5};
|
|
42
|
+
--ec-color-gray-6: #{$gray-6};
|
|
43
|
+
--ec-color-gray-7: #{$gray-7};
|
|
44
|
+
--ec-color-gray-8: #{$gray-8};
|
|
45
|
+
|
|
46
|
+
--ec-color-red-1: #{$red-1};
|
|
47
|
+
--ec-color-red-2: #{$red-2};
|
|
48
|
+
--ec-color-red-3: #{$red-3};
|
|
49
|
+
--ec-color-red-4: #{$red-4};
|
|
50
|
+
--ec-color-red-5: #{$red-5};
|
|
51
|
+
--ec-color-red-6: #{$red-6};
|
|
52
|
+
--ec-color-red-7: #{$red-7};
|
|
53
|
+
--ec-color-red-8: #{$red-8};
|
|
54
|
+
|
|
55
|
+
--ec-color-orange-1: #{$orange-1};
|
|
56
|
+
--ec-color-orange-2: #{$orange-2};
|
|
57
|
+
--ec-color-orange-3: #{$orange-3};
|
|
58
|
+
--ec-color-orange-4: #{$orange-4};
|
|
59
|
+
--ec-color-orange-5: #{$orange-5};
|
|
60
|
+
--ec-color-orange-6: #{$orange-6};
|
|
61
|
+
--ec-color-orange-7: #{$orange-7};
|
|
62
|
+
--ec-color-orange-8: #{$orange-8};
|
|
63
|
+
|
|
64
|
+
--ec-color-yellow-1: #{$yellow-1};
|
|
65
|
+
--ec-color-yellow-2: #{$yellow-2};
|
|
66
|
+
--ec-color-yellow-3: #{$yellow-3};
|
|
67
|
+
--ec-color-yellow-4: #{$yellow-4};
|
|
68
|
+
--ec-color-yellow-5: #{$yellow-5};
|
|
69
|
+
--ec-color-yellow-6: #{$yellow-6};
|
|
70
|
+
--ec-color-yellow-7: #{$yellow-7};
|
|
71
|
+
--ec-color-yellow-8: #{$yellow-8};
|
|
72
|
+
|
|
73
|
+
--ec-color-green-1: #{$green-1};
|
|
74
|
+
--ec-color-green-2: #{$green-2};
|
|
75
|
+
--ec-color-green-3: #{$green-3};
|
|
76
|
+
--ec-color-green-4: #{$green-4};
|
|
77
|
+
--ec-color-green-5: #{$green-5};
|
|
78
|
+
--ec-color-green-6: #{$green-6};
|
|
79
|
+
--ec-color-green-7: #{$green-7};
|
|
80
|
+
--ec-color-green-8: #{$green-8};
|
|
81
|
+
|
|
82
|
+
--ec-color-blue-1: #{$blue-1};
|
|
83
|
+
--ec-color-blue-2: #{$blue-2};
|
|
84
|
+
--ec-color-blue-3: #{$blue-3};
|
|
85
|
+
--ec-color-blue-4: #{$blue-4};
|
|
86
|
+
--ec-color-blue-5: #{$blue-5};
|
|
87
|
+
--ec-color-blue-6: #{$blue-6};
|
|
88
|
+
--ec-color-blue-7: #{$blue-7};
|
|
89
|
+
--ec-color-blue-8: #{$blue-8};
|
|
90
|
+
|
|
91
|
+
--ec-color-purple-1: #{$purple-1};
|
|
92
|
+
--ec-color-purple-2: #{$purple-2};
|
|
93
|
+
--ec-color-purple-3: #{$purple-3};
|
|
94
|
+
--ec-color-purple-4: #{$purple-4};
|
|
95
|
+
--ec-color-purple-5: #{$purple-5};
|
|
96
|
+
--ec-color-purple-6: #{$purple-6};
|
|
97
|
+
--ec-color-purple-7: #{$purple-7};
|
|
98
|
+
--ec-color-purple-8: #{$purple-8};
|
|
99
|
+
|
|
100
|
+
--ec-color-brown-1: #{$brown-1};
|
|
101
|
+
--ec-color-brown-2: #{$brown-2};
|
|
102
|
+
--ec-color-brown-3: #{$brown-3};
|
|
103
|
+
--ec-color-brown-4: #{$brown-4};
|
|
104
|
+
--ec-color-brown-5: #{$brown-5};
|
|
105
|
+
--ec-color-brown-6: #{$brown-6};
|
|
106
|
+
--ec-color-brown-7: #{$brown-7};
|
|
107
|
+
--ec-color-brown-8: #{$brown-8};
|
|
108
|
+
|
|
109
|
+
--ec-color-accrual: #{$ec-color-accrual};
|
|
29
110
|
|
|
30
111
|
--ec-background-color: rgb(255, 255, 255);
|
|
31
112
|
--ec-background-color-overlay: rgba(255, 255, 255, .7);
|