@entur-partner/common 10.0.1 → 11.0.0-alpha.0

package/dist/styles.css

@@ -1,5 +1,67 @@
+@import '@entur/loader/dist/styles.css';
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.top-navigation {
+  display: flex;
+  align-items: center;
+  position: fixed;
+  top: 0;
+  left: 0;
+  padding-inline: 2.5rem;
+  justify-content: flex-start;
+  border-bottom: 0.125rem solid var(--designentur-header-default-divider);
+  background: #292b6a;
+  width: 100%;
+  height: 5rem;
+  z-index: 20;
+  transition: margin-left 0.1s ease-out;
+  gap: 1.5rem;
+}
+.top-navigation .eds-top-navigation-item {
+  color: white;
+}
+.top-navigation .eds-top-navigation-item:hover {
+  color: white;
+}
+.top-navigation .eds-top-navigation-item--active {
+  color: white;
+  font-weight: bold;
+}
+.top-navigation--frontpage {
+  border-bottom: none;
+}
+.top-navigation__logo {
+  margin-right: 1.5rem;
+}
+.top-navigation__logo:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+  outline-offset: 0.125rem;
+}
+.top-navigation__actions {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+}
+.top-navigation__button {
+  color: #ffffff;
+}
+.top-navigation__button:hover {
+  color: #292b6a;
+}
+@media screen and (max-width: 1108px) {
+  .top-navigation {
+    padding-inline: 1.5rem;
+  }
+  .top-navigation .eds-top-navigation-item {
+    font-size: 14px;
+    padding: 0.75rem;
+  }
+  .top-navigation__logo {
+    margin-right: 1.5rem;
+  }
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eps-action-bar {
@@ -2293,12 +2355,12 @@
 
 .eps-bg-lavender {
   background-color: #aeb7e2;
+}ol.eds-breadcrumbs {
+  padding: 0;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eps-confirm-modal-content {
   margin-bottom: 1rem;
-}ol.eds-breadcrumbs {
-  padding: 0;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
@@ -2310,6 +2372,23 @@
   .eps-content {
     margin: 1.5rem 1.5rem 1.5rem 22rem;
   }
+}
+
+.eps-public-content {
+  padding-top: 5rem;
+}
+@media screen and (min-width: 50rem) {
+  .eps-public-content {
+    margin-left: 12rem;
+  }
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eps-logo-wrapper {
+  display: inline-block;
+}
+.eps-logo-wrapper .logo {
+  height: auto;
+  width: 170px;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eps-language-select {
@@ -2337,6 +2416,27 @@ button.eps-link-button:hover {
   outline: none;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eps-status-label {
+  display: flex;
+  align-items: center;
+}
+.eps-status-label.center {
+  justify-content: center;
+}
+.eps-status-label__bullet {
+  padding: 5px;
+  margin-bottom: 4px;
+  border-radius: 50%;
+  background: #d1d3d3;
+  margin-right: 10px;
+}
+.eps-status-label__bullet.aggressive {
+  background: #ff5959;
+}
+.eps-status-label__bullet.active {
+  background: #1a8e60;
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eps-font-size-extraSmall {
@@ -2611,27 +2711,6 @@ button.eps-link-button:hover {
 
 .eps-font-weight-heading {
   font-weight: 1rem;
-}/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eps-status-label {
-  display: flex;
-  align-items: center;
-}
-.eps-status-label.center {
-  justify-content: center;
-}
-.eps-status-label__bullet {
-  padding: 5px;
-  margin-bottom: 4px;
-  border-radius: 50%;
-  background: #d1d3d3;
-  margin-right: 10px;
-}
-.eps-status-label__bullet.aggressive {
-  background: #ff5959;
-}
-.eps-status-label__bullet.active {
-  background: #1a8e60;
 }.eps-unbutton, .eps-unbutton:hover, .eps-unbutton:focus, .eps-unbutton:active:focus, .eps-unbutton:active:hover, .eps-unbutton:active {
   background: none;
   background-color: inherit;
@@ -2736,14 +2815,6 @@ button.eps-link-button:hover {
   border: solid 0.0625rem #54568c;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eps-logo-wrapper {
-  display: inline-block;
-}
-.eps-logo-wrapper .logo {
-  height: auto;
-  width: 170px;
-}/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eps-menu {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@entur-partner/common",
-	"version": "10.0.1",
+	"version": "11.0.0-alpha.0",
 	"license": "EUPL-1.2",
 	"main": "dist/index.js",
 	"module": "dist/common.esm.js",
@@ -41,7 +41,7 @@
 	},
 	"devDependencies": {
 		"@entur-partner/permission-client-node": "3.4.6",
-		"@entur/tokens": "3.17.3",
+		"@entur/tokens": "3.20.0",
 		"identity-obj-proxy": "3.0.0",
 		"react-router-dom": "6.30.1"
 	},
@@ -58,5 +58,5 @@
 		"reportFile": "jest-sonar-report.xml",
 		"indent": 4
 	},
-	"gitHead": "b0db40c8aac1a8d043af35c5b7da726b81456110"
+	"gitHead": "4f7923dfa4d48067fb9403b46572a98eb4842f58"
 }