@openziti/ziti-console-lib 0.12.11 → 1.0.0

package/assets/styles/header.css

@@ -1,232 +0,0 @@
-/***
- ** Header Styles 
-***/
-
-header {
-    position: fixed;
-    left: 0rem;
-    width: 4.0625rem;
-    top: 0rem;
-    bottom: 0rem;
-    z-index: 100;
-    background: linear-gradient(to bottom, var(--primary) 0%, var(--secondary) 100%);
-}
-
-.header .title {
-    height: 1.875rem;
-    overflow: hidden;
-}
-
-header .topButtons {
-    position: absolute;
-    top: 0rem;
-    left: 0rem;
-    right: 0rem;
-    height: 50%;
-    z-index: 5;
-}
-
-header .bottomButtons {
-    position: absolute;
-    bottom: 1.25rem;
-    left: 0rem;
-    right: 0rem;
-    z-index: 5;
-}
-
-header .clickable {
-    position: relative;
-    clear: both;
-    display: block;
-    float: left;
-    width: 3.375rem;
-    height: 2.75rem;
-    margin-left: 0.3125rem;
-    margin-top: 0.625rem;
-    cursor: pointer;
-    transition: var(--transition);
-}
-
-header .clickable .icon {
-    width: 1.6875rem;
-    height: 1.6875rem;
-    position: absolute;
-    left: 0.875rem;
-    top: 0.875rem;
-    background-size: contain;
-    background-repeat: no-repeat;
-    background-position: center center;
-    font-size: 1.8125rem;
-    text-align: center;
-    color: #FFF;
-}
-
-header .clickable .main {
-    opacity: 1.0;
-    width: 2.3125rem;
-    height: 2.3125rem;
-    left: 0.5625rem;
-    top: 0.5625rem;
-    border-radius: 2.3125rem;
-    position: absolute;
-    transition: var(--transition);
-}
-
-header .clickable.open .circle {
-    opacity: 0.3;
-}
-
-header .clickable .circle {
-    opacity: 0.0;
-    z-index: -2;
-    background-color: var(--white);
-    width: 2.8125rem;
-    height: 2.8125rem;
-    left: 0.3125rem;
-    top: 0.3125rem;
-    border-radius: 2.0625rem;
-    position: absolute;
-    transition: var(--transition); 
-}
-
-header .clickable:hover .circle {
-    opacity: 0.3;
-}
-
-header .clickable.selected .circle {
-    background-color: var(--black);
-    opacity: 0.2;
-}
-
-header #NavigationButton .icon {
-    color: var(--white);
-    font-size: 1.6875rem;
-    line-height: 1.6875rem;
-    text-align: center;
-}
-
-header #AddButton .icon {
-    background-image: url(../svgs/MainMenuPlus.svg);
-}
-
-header #SearchButton .icon {
-    background-image: url(../svgs/MainMenuSearch.svg);
-}
-
-header #AlertButton .icon {
-    background-image: url(../svgs/MainMenuNotifications.svg);
-}
-
-header #HelpButton .icon {
-    background-image: url(../svgs/MainMenuSupport.svg);
-}
-
-header #OrgButton .icon {
-    background-image: url(../svgs/settings.svg);
-}
-
-header #ProfileButton .icon {
-    background-image: url(../svgs/MainMenuBlankUser.svg);
-    width: 2.3125rem;
-    height: 2.3125rem;
-    left: 0.5625rem;
-    top: 0.5625rem;
-    border-radius: 3.125rem;
-}
-
-#ProfileMenu {
-    position: absolute;
-    bottom: -3.4375rem;
-    left: 2.8125rem;
-}
-
-#ProfileMenu.open {
-    bottom: -0.3125rem;
-}
-
-#AlertButton .count {
-    width: 0.8125rem;
-    height: 0.8125rem;
-    border-radius: 50%;
-    font-weight: 400;
-    font-family: 'Open Sans', Arial, sans-serif;
-    background-color: var(--secondary);
-    z-index: 20;
-    color: var(--white);
-    font-size: 0.5rem;
-    line-height: 0.75rem;
-    font-weight: bold;
-    position: absolute;
-    right: 0.8125rem;
-    top: 0.9375rem;
-    text-align: center;
-    box-shadow: var(--shadows);
-}
-
-.menu {
-	background-color: var(--menu);
-	border-radius: var(--inputBorderRadius);
-    box-shadow: 0 0 0 0.0625rem var(--shadow), 0 0.5rem 1rem var(--shadow);
-	font-size: 0.875rem;
-	font-weight: 600;
-	text-transform: uppercase;
-	color: var(--white);
-	letter-spacing: 0.0625rem;
-	height: 0rem;
-	opacity: 0;
-	transition: 0.2s;
-	z-index: 50;
-	padding-bottom: 0.625rem;
-	padding-top: 0.625rem;
-}
-
-.menu.open {
-	height: unset;
-	opacity: 1.0;
-}
-
-.menu .link {
-	cursor: pointer;
-    line-height: 2.25rem;
-    white-space: nowrap;
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-	transition: 0.2s;
-}
-
-.menu .link:hover {
-	background-color: var(--primary);	
-}
-
-.menu .menutitle {
-	opacity: 0.8;
-	white-space: nowrap;
-    line-height: 2.25rem;
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-}
-
-.hover {
-	white-space: nowrap;
-	position: absolute;
-	pointer-events: none;
-	left: 3.375rem;
-	top: 0.4375rem;
-	background-color: var(--menu);
-	padding: 0.625rem;
-	border-radius: 0.25rem;
-	box-shadow: var(--shadows);
-	font-size: 0.875rem;
-	color: var(--white);
-	letter-spacing: 0.0625rem;
-	height: 0rem;
-	opacity: 0;
-	font-family: Open Sans;
-	font-weight: 600;
-	transition: 0.2s;
-}
-
-.hover.open {
-	height: unset;
-	opacity: 1.0;
-}

package/assets/styles/icons.css

@@ -1,182 +0,0 @@
-@font-face {
-  font-family: 'zac';
-  src:  url('../fonts/zac.eot?l2gtmj');
-  src:  url('../fonts/zac.eot?l2gtmj#iefix') format('embedded-opentype'),
-    url('../fonts/zac.woff2?l2gtmj') format('woff2'),
-    url('../fonts/zac.ttf?l2gtmj') format('truetype'),
-    url('../fonts/zac.woff?l2gtmj') format('woff'),
-    url('../fonts/zac.svg?l2gtmj#icomoon') format('svg');
-  font-weight: normal;
-  font-style: normal;
-  font-display: block;
-}
-
-@font-face {
-  font-family: 'icomoon';
-  src:  url('../fonts/icomoon.eot?l2gtmj');
-  src:  url('../fonts/icomoon.eot?l2gtmj#iefix') format('embedded-opentype'),
-  url('../fonts/icomoon.woff2?l2gtmj') format('woff2'),
-  url('../fonts/icomoon.ttf?l2gtmj') format('truetype'),
-  url('../fonts/icomoon.woff?l2gtmj') format('woff'),
-  url('../fonts/icomoon.svg?l2gtmj#icomoon') format('svg');
-  font-weight: normal;
-  font-style: normal;
-  font-display: block;
-}
-
-[class^="icon-"], [class*=" icon-"] {
-  /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: 'zac' !important;
-  speak: never;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-download:before {
-  content: "\e92c";
-}
-.icon-copy:before {
-  content: "\e92b";
-}
-.icon-time:before {
-  content: "\e92a";
-}
-.icon-hash:before {
-  content: "\e929";
-}
-.icon-hashtag:before {
-  content: "\e928";
-}
-.icon-clear:before {
-  content: "\e927"; 
-}
-.icon-search:before {
-  content: "\e926";
-}
-.icon-network-hub:before {
-  content: "\e925";
-}
-.icon-known:before {
-  content: "\e922";
-}
-.icon-template:before {
-  content: "\e923";
-}
-.icon-qr:before {
-  content: "\e921";
-}
-.icon-prev:before {
-  content: "\e91f";
-}
-.icon-next:before {
-  content: "\e920";
-}
-.icon-lock:before {
-  content: "\e91d";
-}
-.icon-check:before {
-  content: "\e91c";
-}
-.icon-question-sign:before {
-  content: "\e917";
-}
-.icon-hearts:before {
-  content: "\e918";
-}
-.icon-bulb:before {
-  content: "\e919";
-}
-.icon-bug:before {
-  content: "\e91a";
-}
-.icon-close:before {
-  content: "\e91b";
-}
-.icon-certificates:before {
-  content: "\e900";
-}
-.icon-change:before {
-  content: "\e901";
-}
-.icon-configuration:before {
-  content: "\e902";
-}
-.icon-customize:before {
-  content: "\e903";
-}
-.icon-dashboard:before {
-  content: "\e904";
-}
-.icon-edgepolicies:before {
-  content: "\e905";
-}
-.icon-globe:before {
-  content: "\e906";
-}
-.icon-help:before {
-  content: "\e907";
-}
-.icon-identity:before {
-  content: "\e908";
-}
-.icon-notify:before {
-  content: "\e909";
-}
-.icon-plus:before {
-  content: "\e90a";
-}
-.icon-posture:before {
-  content: "\e90b";
-}
-.icon-profile:before {
-  content: "\e90c";
-}
-.icon-router:before {
-  content: "\e90d";
-}
-.icon-routerpolicies:before {
-  content: "\e90e";
-}
-.icon-schema:before {
-  content: "\e90f";
-}
-.icon-server-1:before {
-  content: "\e910";
-}
-.icon-servers:before {
-  content: "\e911";
-}
-.icon-servicepolicy:before {
-  content: "\e912";
-}
-.icon-services:before {
-  content: "\e913";
-}
-.icon-settings:before {
-  content: "\e914";
-}
-.icon-terminators:before {
-  content: "\e915";
-}
-.icon-transitrouter:before {
-  content: "\e916";
-}
-.icon-minus:before {
-  content: "\e91e";
-}
-.icon-Policies:before {
-  content: "\e92e";
-}
-.icon-back-arrow:before {
-  content: "\e971";
-}
-.icon-upgrade:before {
-  content: "\e97b";
-}

package/assets/styles/navigation.css

@@ -1,183 +0,0 @@
-/***
- ** Navigation Styles 
-***/
-
-nav {
-    position: fixed;
-    top: -0.625rem;
-    left: 0rem;
-    width: 3.75rem;
-    bottom: -0.625rem;
-    padding-top: 0.625rem;
-    padding-bottom: 0.625rem;
-    background-color: var(--shaded);
-	box-shadow: inset 0rem 0.25rem 1rem 0rem rgba(0, 0, 0, 0.08);
-}
-
-nav .title {
-    color: var(--primary);
-    filter: brightness(50%);
-    font-size: 1.75rem;
-    font-family: 'Russo One';
-    text-align: center;
-    margin-left: 6.875rem;
-    margin-right: 2.8125rem;
-    font-size: 1.5rem;
-    line-height: 3.5rem;
-}
-
-nav.open {
-    width: 23.75rem;
-}
-
-nav.open .navList {
-    display: grid;
-}
-
-nav .navArea {
-    display: none;
-}
-
-nav .navArea.open {
-    display: inline;
-}
-
-nav .navList {    
-    grid-template-columns: 100%;
-    grid-row-gap: 1.25rem;
-    margin-left: 5.3125rem;
-    margin-right: 0.0625rem;
-    display: none; 
-    color: var(--white);
-
-}
-
-nav .navList .navButton {
-    position: relative;
-    display: inline-block;
-    text-align: center;
-    height: 2.5rem;
-    cursor: pointer;
-    width: 100%;
-}
-
-nav .navList .navButton.disabled {
-    opacity: 0.2;
-    pointer-events: none;
-}
-
-nav .navList .navButton .iconArea {
-    width: 3.125rem;
-    height: 3.125rem;
-    border-radius: 0.5rem;
-    display: inline-block;
-    position: relative;
-    border-width: 0.125rem;
-    float: left;
-    border-style: solid;
-    background-color: var(--white);
-    box-shadow: var(--shadow);
-    border-color: var(--white);
-    transition: var(--transition);
-    overflow: hidden;
-}
-
-nav .navList .navButton:hover .iconArea {
-	box-shadow: 0 0.875rem 1.25rem rgba(0, 0, 0, .05), 0 0.875rem 1.25rem rgba(0, 0, 0, .05);
-}
-
-nav .navList:hover {
-    background-color: ;
-}
-
-nav .navList .navButton .iconArea.selected {
-    border-color: var(--secondary);
-}
-
-nav .navList .navButton:active .iconArea {
-	box-shadow: 0 0.875rem 1.25rem rgba(0, 0, 0, .05), 0 0.875rem 1.25rem rgba(0, 0, 0, .05);	
-}
-
-nav .navList .navButton .image::before {
-    color: var(--primary);
-}
-
-nav .navList .navButton .image {
-    position: absolute; 
-    height: 100%;
-    width: 100%;
-    background-position: center center;
-    background-size: contain;
-    font-size: 2.1875rem;
-    line-height: 3.125rem;
-    text-align: center;
-}
-
-nav .navList .navButton .label {
-    color: var(--text);
-    font-size: 0.9375rem;
-    text-transform: uppercase;
-    line-height: 3.125rem;
-    font-weight: 600;
-    text-align: left;
-    font-family: 'Open Sans';
-    margin-bottom: 0.3125rem;
-    float: left;
-    position: relative;
-    margin-left: 1.25rem;
-    text-overflow: clip;
-    overflow: hidden;
-    height: 3.125rem;
-}
-
-nav .lock::before {
-	color: var(--text) !important;	
-}
-
-nav .lock {
-    position: absolute;
-    bottom: 1.25rem;
-    right: 0.625rem;
-    width: 1.875rem;
-    height: 1.875rem;
-	font-size: 1.875rem;
-	line-height: 1.875rem;
-	text-align: center;
-    opacity: 0.2;
-    cursor: pointer;
-    transition: 0.2s;
-}
-
-nav .lock:hover {
-    opacity: 0.4;
-}
-
-nav .lock.locked {
-    opacity: 0.6;
-}
-
-@media (max-height:920px) {
-    nav .navList {
-        grid-row-gap: 0.625rem;
-    }
-
-    nav .navList .navButton {
-        height: 2.5rem;
-    }
-
-    nav .navList .navButton .iconArea {
-        width: 2.5rem;
-        height: 2.5rem;
-        border-radius: 0.3125rem;
-    }
-
-    nav .navList .navButton .label {
-        font-size: 0.75rem;
-        line-height: 2.5rem;
-    }
-
-    nav .navList .navButton .image {
-        font-size: 1.5625rem;
-        line-height: 2.5rem;
-    }
-}