@vtmn/svelte - npm Package Compare versions

Comparing version 4.6.0 to 4.6.1

package.json

 {
   "name": "@vtmn/svelte",
-  "version": "4.6.0",
+  "version": "4.6.1",
   "description": "Decathlon Design System - Vitamin Svelte components library",
@@ -35,35 +35,35 @@ "keywords": [
   "dependencies": {
-    "@vtmn/css": "^3.0.1",
-    "@vtmn/css-accordion": "^1.1.6",
-    "@vtmn/css-alert": "^1.1.3",
-    "@vtmn/css-badge": "^1.1.3",
-    "@vtmn/css-breadcrumb": "^1.1.3",
-    "@vtmn/css-button": "^1.1.3",
-    "@vtmn/css-card": "^1.1.3",
-    "@vtmn/css-checkbox": "^1.1.3",
-    "@vtmn/css-chip": "^2.0.0",
-    "@vtmn/css-design-tokens": "^1.1.2",
-    "@vtmn/css-divider": "^1.1.3",
-    "@vtmn/css-dropdown": "^1.1.3",
-    "@vtmn/css-link": "^1.1.3",
-    "@vtmn/css-list": "^1.1.3",
-    "@vtmn/css-loader": "^1.1.3",
-    "@vtmn/css-modal": "^1.1.3",
-    "@vtmn/css-navbar": "^2.0.2",
-    "@vtmn/css-popover": "^1.1.3",
-    "@vtmn/css-price": "^1.1.3",
-    "@vtmn/css-progressbar": "^1.1.3",
-    "@vtmn/css-quantity": "^1.1.4",
-    "@vtmn/css-radio-button": "^1.1.3",
-    "@vtmn/css-rating": "^1.1.6",
-    "@vtmn/css-search": "^1.1.9",
-    "@vtmn/css-select": "^1.1.3",
-    "@vtmn/css-skeleton": "^1.1.3",
-    "@vtmn/css-snackbar": "^1.1.3",
-    "@vtmn/css-tabs": "^1.1.3",
-    "@vtmn/css-tag": "^1.1.3",
-    "@vtmn/css-text-input": "^1.1.3",
-    "@vtmn/css-toast": "^1.1.3",
-    "@vtmn/css-toggle": "^1.1.4",
-    "@vtmn/css-tooltip": "^1.1.3",
+    "@vtmn/css": "^3.0.2",
+    "@vtmn/css-accordion": "^1.1.7",
+    "@vtmn/css-alert": "^1.1.4",
+    "@vtmn/css-badge": "^1.1.4",
+    "@vtmn/css-breadcrumb": "^1.1.4",
+    "@vtmn/css-button": "^1.1.4",
+    "@vtmn/css-card": "^1.1.4",
+    "@vtmn/css-checkbox": "^1.1.4",
+    "@vtmn/css-chip": "^2.0.1",
+    "@vtmn/css-design-tokens": "^1.1.3",
+    "@vtmn/css-divider": "^1.1.4",
+    "@vtmn/css-dropdown": "^1.1.4",
+    "@vtmn/css-link": "^1.1.4",
+    "@vtmn/css-list": "^1.1.4",
+    "@vtmn/css-loader": "^1.1.4",
+    "@vtmn/css-modal": "^1.1.4",
+    "@vtmn/css-navbar": "^2.0.3",
+    "@vtmn/css-popover": "^1.1.4",
+    "@vtmn/css-price": "^1.1.4",
+    "@vtmn/css-progressbar": "^1.1.4",
+    "@vtmn/css-quantity": "^1.1.5",
+    "@vtmn/css-radio-button": "^1.1.4",
+    "@vtmn/css-rating": "^1.1.7",
+    "@vtmn/css-search": "^1.1.10",
+    "@vtmn/css-select": "^1.1.4",
+    "@vtmn/css-skeleton": "^1.1.4",
+    "@vtmn/css-snackbar": "^1.1.4",
+    "@vtmn/css-tabs": "^1.1.4",
+    "@vtmn/css-tag": "^1.1.4",
+    "@vtmn/css-text-input": "^1.1.4",
+    "@vtmn/css-toast": "^1.1.4",
+    "@vtmn/css-toggle": "^1.1.5",
+    "@vtmn/css-tooltip": "^1.1.4",
     "@vtmn/icons": "^1.3.0"
@@ -133,3 +133,3 @@ },
   },
-  "gitHead": "877a592606eacee65b9c5d8c3bc028c724ed21ef"
+  "gitHead": "a87f7ea0e75570dcabcbd8bb23c4299f14aac6e4"
 }

src/components/overlays/VtmnAlert/enums.js

 export const VTMN_ALERT_TIMEOUT = 8000;
 
+export const CSS_ANIMATION_TIME_MS = 700;
+
+export const INFINITE_TIMEOUT_MS = 9999000;
+
 export const VTMN_ALERT_VARIANT = {
@@ -4,0 +8,0 @@ INFO: 'info',

src/components/overlays/VtmnAlert/test/vtmnAlertItem.spec.js

@@ -5,2 +5,3 @@ import '@testing-library/jest-dom';
 import VtmnAlertItemWithSlot from './VtmnAlertItemWithSlots.test.svelte';
+import { CSS_ANIMATION_TIME_MS } from '../enums';
 
@@ -169,3 +170,3 @@ const timeout = 5000;
     await waitFor(() => expect(handleClick).toHaveBeenCalledTimes(1), {
-      timeout: 100,
+      timeout: 100 + CSS_ANIMATION_TIME_MS,
     });
@@ -172,0 +173,0 @@ });

src/components/overlays/VtmnSnackbar/enum.js

@@ -1,1 +0,3 @@
-export const VTMN_SNACKBAR_TIMEOUT = 5000;
+export const VTMN_SNACKBAR_TIMEOUT = 4500;
+export const INFINITE_TIMEOUT_MS = 9999000;
+export const CSS_ANIMATION_TIME_MS = 500; // sum total animation css + safety threshold

src/components/overlays/VtmnSnackbar/test/VtmnSnackbar.spec.js

@@ -6,2 +6,3 @@ import '@testing-library/jest-dom';
 import VtmnSnackbarItem from '../VtmnSnackbarItem.svelte';
+import { CSS_ANIMATION_TIME_MS } from '../enum';
 
@@ -47,3 +48,3 @@ describe('VtmnSnackbar', () => {
     await waitFor(() => expect(handleClick).toHaveBeenCalledTimes(1), {
-      timeout: 100,
+      timeout: 100 + CSS_ANIMATION_TIME_MS,
     });
@@ -50,0 +51,0 @@ });

src/components/overlays/VtmnSnackbar/vtmnSnackbarStore.js

@@ -9,5 +9,11 @@ import { writable } from 'svelte/store';
 
-  send({ content, withCloseButton, action }) {
+  send({ content, withCloseButton, action, timeout }) {
     this._snackbar.set([
-      { content, withCloseButton, action, id: `vtmn-snackbar-${uuid()}` },
+      {
+        content,
+        withCloseButton,
+        action,
+        timeout,
+        id: `vtmn-snackbar-${uuid()}`,
+      },
     ]);
@@ -14,0 +20,0 @@ }

src/components/overlays/VtmnToast/enums.js

@@ -1,1 +0,3 @@
-export const VTMN_TOAST_TIMEOUT = 5000;
+export const VTMN_TOAST_TIMEOUT = 4500;
+export const INFINITE_TIMEOUT_MS = 9999000;
+export const CSS_ANIMATION_TIME_MS = 500; // sum total animation css + safety threshold

src/components/overlays/VtmnToast/test/vtmnToastItem.spec.js

@@ -5,2 +5,3 @@ import '@testing-library/jest-dom';
 import VtmnToastItem from '../VtmnToastItem.svelte';
+import { CSS_ANIMATION_TIME_MS } from '../../VtmnSnackbar/enum';
 
@@ -40,3 +41,5 @@ const timeout = 5000;
     });
-    expect(getToast(container)).toHaveAttribute('style', '--position: 1;');
+    expect(
+      getToast(container).getAttribute('style').includes('--position: 1;'),
+    ).toBeTruthy();
   });
@@ -105,5 +108,5 @@ test('Should pass custom class to the toast', () => {
     await waitFor(() => expect(handleClick).toHaveBeenCalledTimes(1), {
-      timeout: 100,
+      timeout: 100 + CSS_ANIMATION_TIME_MS,
     });
   });
 });

src/components/overlays/VtmnToast/vtmnToastStore.js

@@ -9,6 +9,12 @@ import { writable } from 'svelte/store';
 
-  send({ content, withCloseButton, withIcon }) {
+  send({ content, withCloseButton, withIcon, timeout }) {
     this._toasts.update((state) => [
       ...state,
-      { content, withCloseButton, withIcon, id: `vtmn-toast-${uuid()}` },
+      {
+        content,
+        withCloseButton,
+        withIcon,
+        timeout,
+        id: `vtmn-toast-${uuid()}`,
+      },
     ]);
@@ -15,0 +21,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1559050

increased by0.67%

Lines of code

32374

increased by0.22%

Dependency changes

• Updated@vtmn/css@^3.0.2

• Updated@vtmn/css-accordion@^1.1.7

• Updated@vtmn/css-alert@^1.1.4

• Updated@vtmn/css-badge@^1.1.4

• Updated@vtmn/css-breadcrumb@^1.1.4

• Updated@vtmn/css-button@^1.1.4

• Updated@vtmn/css-card@^1.1.4

• Updated@vtmn/css-checkbox@^1.1.4

• Updated@vtmn/css-chip@^2.0.1

• Updated@vtmn/css-design-tokens@^1.1.3

• Updated@vtmn/css-divider@^1.1.4

• Updated@vtmn/css-dropdown@^1.1.4

• Updated@vtmn/css-link@^1.1.4

• Updated@vtmn/css-list@^1.1.4

• Updated@vtmn/css-loader@^1.1.4

• Updated@vtmn/css-modal@^1.1.4

• Updated@vtmn/css-navbar@^2.0.3

• Updated@vtmn/css-popover@^1.1.4

• Updated@vtmn/css-price@^1.1.4

• Updated@vtmn/css-progressbar@^1.1.4

• Updated@vtmn/css-quantity@^1.1.5

• Updated@vtmn/css-radio-button@^1.1.4

• Updated@vtmn/css-rating@^1.1.7

• Updated@vtmn/css-search@^1.1.10

• Updated@vtmn/css-select@^1.1.4

• Updated@vtmn/css-skeleton@^1.1.4

• Updated@vtmn/css-snackbar@^1.1.4

• Updated@vtmn/css-tabs@^1.1.4

• Updated@vtmn/css-tag@^1.1.4

• Updated@vtmn/css-text-input@^1.1.4

• Updated@vtmn/css-toast@^1.1.4

• Updated@vtmn/css-toggle@^1.1.5

• Updated@vtmn/css-tooltip@^1.1.4