@dataforsyningen/designsystem - npm Package Compare versions

Comparing version 4.4.0 to 4.5.0

assets/designsystem.js

		@@ -1050,7 +1050,15 @@ // src/js/codeview.js
		// src/js/toast.js
		function showToast({ message, target = "body", duration = 5e3 }) {
		function showToast({ message, duration = 5e3 }) {
		const newToast = document.createElement("div");
		newToast.className = "ds-toast-item";
		newToast.innerText = message;
		document.querySelector(target).append(newToast);
		const targetElement = document.querySelector(".ds-toast-container");
		if (!targetElement) {
		const toastcontainer = document.createElement("div");
		toastcontainer.className = "ds-toast-container";
		document.body.append(toastcontainer);
		toastcontainer.append(newToast);
		} else {
		targetElement.append(newToast);
		}
		setTimeout(function() {
		@@ -1057,0 +1065,0 @@ newToast.remove();

package.json

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

src/js/toast.js

		@@ -1,7 +0,16 @@
		export function showToast({message, target = 'body', duration = 5000}) {
		export function showToast({message, duration = 5000}) {
		const newToast = document.createElement('div')
		newToast.className = 'ds-toast-item'
		newToast.innerText = message
		document.querySelector(target).append(newToast)

		const targetElement = document.querySelector('.ds-toast-container')
		if (!targetElement) {
		const toastcontainer = document.createElement('div')
		toastcontainer.className = 'ds-toast-container'
		document.body.append(toastcontainer)
		toastcontainer.append(newToast)
		} else {
		targetElement.append(newToast)
		}

		setTimeout(function() {
		@@ -8,0 +17,0 @@ newToast.remove()

assets/designsystem.css