@dataforsyningen/designsystem - npm Package Compare versions

Comparing version 5.1.0 to 5.2.0

src/js/logoTitle.js

assets/designsystem.js

		@@ -546,2 +546,66 @@ // src/js/toast.js

		// src/js/logoTitle.js
		var DSLogoTitle = class extends HTMLElement {
		constructor() {
		super();
		if (!customElements.get("ds-logo")) {
		customElements.define("ds-logo", DSLogo);
		}
		}
		connectedCallback() {
		this.shadow = this.attachShadow({ mode: "open" });
		this.shadow.innerHTML = `
		<style>
		:host {
		width: 100%;
		height: 4rem;
		display: flex;
		position: relative;

		flex-flow: row nowrap;
		container-type: size;
		}
		ds-logo {
		height: 100%;
		width: auto;
		margin: 0 0.75rem 0 -0.75rem;
		flex: 0 0 auto;
		}
		div {
		flex: 0 1 100%;
		padding-top: 1.33rem;
		}
		strong,
		span {
		display: block;
		}
		strong {
		font-weight: 600;
		font-size: 1rem;
		}
		span {
		font-size: .9rem;
		}

		@container (max-height: 3.9rem) {
		:host {
		margin-left: -0.5rem;
		}
		ds-logo {
		margin: 0 0.6rem 0 -0.6rem;
		}
		div {
		padding-top: 0.4rem;
		}
		}
		</style>
		<ds-logo></ds-logo>
		<div>
		<strong>${this.title ? this.title : "SDFI"}</strong>
		<span>${this.getAttribute("byline") ? this.getAttribute("byline") : "Styrelsen for Dataforsyning og Infrastruktur"}</span>
		</div>
		`;
		}
		};

		// src/js/responsiveNav.js
		@@ -1165,2 +1229,3 @@ var DSNav = class extends HTMLElement {
		DSLogo,
		DSLogoTitle,
		DSNav,
		@@ -1167,0 +1232,0 @@ DSSlide,

index.js

		@@ -8,2 +8,3 @@ import { CodeView } from './src/js/codeview.js'
		import { DSLogo } from './src/js/logo.js'
		import { DSLogoTitle } from './src/js/logoTitle.js'
		import { DSNav } from './src/js/responsiveNav.js'
		@@ -22,2 +23,3 @@ import { DSIcon } from './src/js/icon.js'
		DSLogo,
		DSLogoTitle,
		DSNav,
		@@ -24,0 +26,0 @@ DSIcon,

package.json

		{
		"name": "@dataforsyningen/designsystem",
		"version": "5.1.0",
		"version": "5.2.0",
		"description": "Common design system for SDFI with CSS, icons, UI components, and logo images.",
		@@ -5,0 +5,0 @@ "type": "module",

assets/designsystem.css