@exmg/exm-navigation 1.0.3 → 1.1.1

package/src/styles/exm-navigation-rail-nav-item.scss

@@ -1,107 +0,0 @@
-:host {
-  --_exm-navigation-rail-nav-item-color: var(
-    --exm-navigation-rail-nav-item-color,
-    var(--md-sys-color-on-surface-variant)
-  );
-  --_exm-navigation-rail-nav-item-icon-color: var(
-    --exm-navigation-rail-nav-item-icon-color,
-    var(--md-sys-color-on-surface-variant)
-  );
-  --_exm-navigation-rail-nav-item-icon-color-hover: var(
-    --exm-navigation-rail-nav-item-icon-color-hover,
-    var(--md-sys-color-surface-container-highest)
-  );
-  --_exm-navigation-rail-nav-item-icon-color-selected: var(
-    --exm-navigation-rail-nav-item-icon-color-selected,
-    var(--md-sys-color-secondary)
-  );
-  --_exm-navigation-rail-nav-item-color-selected: var(
-    --exm-navigation-rail-nav-item-color-selected,
-    var(--md-sys-color-on-secondary)
-  );
-
-  display: flex;
-  flex-direction: column;
-  width: 80px;
-  margin: -2px auto 14px;
-  padding: 2px;
-  vertical-align: baseline;
-  align-items: center;
-  cursor: pointer;
-}
-
-button {
-  position: relative;
-  background: none;
-  border: none;
-  color: var(--_exm-navigation-rail-nav-item-color);
-}
-
-button:focus {
-  outline: none;
-}
-
-.symbols {
-  display: flex;
-  text-align: center;
-  position: relative;
-  align-items: center;
-  justify-content: center;
-  width: 56px;
-  height: 32px;
-  margin-right: auto;
-  margin-bottom: 4px;
-  margin-left: auto;
-  font-variation-settings: 'wght' 400, 'opsz' 24;
-  transition: font-variation-settings 0.2s cubic-bezier(0.2, 0, 0, 1);
-  border-radius: 16px;
-}
-
-.symbols {
-  font-family: 'Material Symbols Outlined';
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-}
-
-.symbols:before {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  transform: scaleX(0.32);
-  transition-duration: 0.2s;
-  transition-property: transform, opacity;
-  transition-timing-function: linear;
-  border-radius: 100px;
-  background: var(--md-sys-color-secondary-container);
-  content: '';
-  z-index: -1;
-}
-
-.symbols {
-  color: var(--_exm-navigation-rail-nav-item-icon-color);
-  font-variation-settings: 'FILL' 1, 'wght' 400, 'opsz' 24;
-}
-
-:host(:hover) .symbols {
-  background: var(--_exm-navigation-rail-nav-item-icon-color-hover);
-  font-variation-settings: 'wght' 600, 'opsz' 24;
-}
-
-:host([selected]) .symbols {
-  background: var(--_exm-navigation-rail-nav-item-icon-color-selected);
-  color: var(--_exm-navigation-rail-nav-item-color-selected);
-  font-variation-settings: 'wght' 600, 'opsz' 24;
-}
-
-:host([selected]:hover) .symbols {
-  opacity: 0.7;
-}

package/src/styles/exm-navigation-rail-nav.scss

@@ -1,7 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  --_exm-navigation-rail-nav-width: var(--exm-navigation-rail-nav-width, 88px);
-  width: var(--_exm-navigation-rail-nav-width);
-  margin-top: 20px;
-}

package/src/styles/exm-navigation-rail.scss

@@ -1,35 +0,0 @@
-:host {
-  --_exm-navigation-rail-background-color: var(
-    --exm-navigation-rail-background-color,
-    var(--md-sys-color-surface-container)
-  );
-
-  display: none;
-  position: fixed;
-  top: 0;
-  left: 0;
-  flex-direction: column;
-  justify-content: space-between;
-  height: 100%;
-  background: var(--_exm-navigation-rail-background-color);
-  overflow-y: auto;
-  z-index: 8;
-  box-sizing: border-box;
-}
-
-@media screen and (min-width: 961px) {
-  :host {
-    display: flex;
-  }
-}
-
-.nav {
-  flex: 1;
-}
-
-.bottom {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  justify-content: flex-end;
-}

package/src/styles/exm-navigation-styles.scss

@@ -1,46 +0,0 @@
-:host {
-  --_exm-navigation-item-background-color-selected: var(
-    --exm-navigation-item-background-color-selected,
-    var(--md-sys-color-secondary)
-  );
-  --_exm-navigation-item-color-selected: var(--exm-navigation-item-color-selected, var(--md-sys-color-on-secondary));
-}
-
-exm-navigation-drawer {
-  --md-list-container-color: none;
-  --md-list-item-label-text-color: var(--md-sys-color-on-surface-variant);
-  --md-list-item-supporting-text-color: var(--md-sys-color-on-surface-variant);
-  --md-list-item-trailing-supporting-text-color: var(--md-sys-color-on-surface-variant);
-  --md-list-item-container-shape: 24px;
-}
-
-exm-navigation-drawer md-list-item {
-  margin-right: 8px;
-  margin-left: 8px;
-  border-radius: 24px;
-  --md-list-item-container-shape: 24px;
-}
-
-exm-navigation-drawer md-list-item[selected] {
-  --md-list-item-label-text-color: var(--_exm-navigation-item-color-selected);
-  background-color: var(--_exm-navigation-item-background-color-selected);
-  --md-list-item-leading-icon-color: var(--_exm-navigation-item-color-selected)
-  --md-list-item-trailing-icon-color: var(--_exm-navigation-item-color-selected);
-}
-
-exm-navigation-drawer md-list-item.collapsed-item[selected] {
-  --md-list-item-label-text-color: var(--_exm-navigation-item-color-selected);
-  background-color: var(--_exm-navigation-item-background-color-selected);
-}
-
-exm-navigation-drawer md-list-item[selected] md-icon {
-  color: var(--md-sys-color-primary);
-}
-
-.sub-menu {
-  margin-left: 0.8rem;
-}
-
-.left-margin {
-  margin-left: 2.5rem;
-}

package/src/styles/exm-navigation-toolbar.scss

@@ -1,18 +0,0 @@
-:host {
-  display: block;
-}
-
-mwc-top-app-bar-fixed {
-  --mdc-theme-primary: var(--exm-navigation-toolbar-primary, var(--md-sys-color-background));
-  --mdc-theme-on-primary: var(--exm-navigation-toolbar-on-primary, var(--md-sys-color-on-background));
-}
-
-md-icon {
-  fill: var(--exm-navigation-toolbar-on-primary, var(--md-sys-color-on-background));
-}
-
-@media screen and (min-width: 961px) {
-  slot[name='navigationIcon'] {
-    display: none;
-  }
-}