@transferwise/components 0.0.0-experimental-5598332 → 0.0.0-experimental-cbc00a7

package/build/Snackbar/useSnackbarManager.js

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const emptyState = {
+  active: null,
+  activeHasRendered: false,
+  announcementKey: 0,
+  pending: null,
+  visible: false
+};
+const snackbarManagerReducer = (state, action) => {
+  switch (action.type) {
+    case 'show':
+      if (!state.active || !state.activeHasRendered) {
+        // Batched creates collapse to the latest instance before anything has entered.
+        return {
+          active: action.instance,
+          activeHasRendered: false,
+          announcementKey: state.announcementKey + 1,
+          pending: null,
+          visible: true
+        };
+      }
+      // Keep the active content until it exits; newer creates replace only the pending instance.
+      return {
+        ...state,
+        pending: action.instance,
+        visible: false
+      };
+    case 'rendered':
+      if (state.active?.id !== action.instanceId || state.activeHasRendered) {
+        return state;
+      }
+      return {
+        ...state,
+        activeHasRendered: true
+      };
+    case 'dismiss':
+      if (!state.active) {
+        return state;
+      }
+      return state.activeHasRendered ? {
+        ...state,
+        visible: false
+      } : {
+        ...emptyState,
+        announcementKey: state.announcementKey
+      };
+    case 'exited':
+      // Ignore callbacks from an instance that has already been replaced.
+      if (state.active?.id !== action.instanceId) {
+        return state;
+      }
+      if (state.pending) {
+        return {
+          active: state.pending,
+          activeHasRendered: false,
+          announcementKey: state.announcementKey + 1,
+          pending: null,
+          visible: true
+        };
+      }
+      return {
+        ...emptyState,
+        announcementKey: state.announcementKey
+      };
+    default:
+      return state;
+  }
+};
+/** Owns one active Snackbar and its latest replacement, waiting for exit before the next enters. */
+const useSnackbarManager = () => {
+  const [state, dispatch] = React.useReducer(snackbarManagerReducer, emptyState);
+  const nextInstanceId = React.useRef(0);
+  const showSnackbar = React.useCallback(props => {
+    nextInstanceId.current += 1;
+    dispatch({
+      type: 'show',
+      instance: {
+        id: nextInstanceId.current,
+        props
+      }
+    });
+  }, []);
+  const dismissSnackbar = React.useCallback(() => dispatch({
+    type: 'dismiss'
+  }), []);
+  const handleExited = React.useCallback(() => {
+    if (state.active) {
+      dispatch({
+        type: 'exited',
+        instanceId: state.active.id
+      });
+    }
+  }, [state.active]);
+  React.useEffect(() => {
+    if (state.active && state.visible && !state.activeHasRendered) {
+      // Later creates can now wait for this instance's exit instead of coalescing before render.
+      dispatch({
+        type: 'rendered',
+        instanceId: state.active.id
+      });
+    }
+  }, [state.active, state.activeHasRendered, state.visible]);
+  return {
+    active: state.active,
+    announcementKey: state.announcementKey,
+    dismissSnackbar,
+    handleExited,
+    showSnackbar,
+    visible: state.visible
+  };
+};
+
+exports.default = useSnackbarManager;
+//# sourceMappingURL=useSnackbarManager.js.map

package/build/Snackbar/useSnackbarManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarManager.js","sources":["../../src/Snackbar/useSnackbarManager.ts"],"sourcesContent":["import { useCallback, useEffect, useReducer, useRef } from 'react';\n\nimport type { SnackbarCreationProps } from './Snackbar.types';\n\ntype SnackbarInstance = {\n  id: number;\n  props: SnackbarCreationProps;\n};\n\ntype SnackbarManagerState = {\n  active: SnackbarInstance | null;\n  activeHasRendered: boolean;\n  announcementKey: number;\n  pending: SnackbarInstance | null;\n  visible: boolean;\n};\n\ntype SnackbarManagerAction =\n  | { type: 'show'; instance: SnackbarInstance }\n  | { type: 'rendered'; instanceId: number }\n  | { type: 'dismiss' }\n  | { type: 'exited'; instanceId: number };\n\nconst emptyState: SnackbarManagerState = {\n  active: null,\n  activeHasRendered: false,\n  announcementKey: 0,\n  pending: null,\n  visible: false,\n};\n\nconst snackbarManagerReducer = (\n  state: SnackbarManagerState,\n  action: SnackbarManagerAction,\n): SnackbarManagerState => {\n  switch (action.type) {\n    case 'show':\n      if (!state.active || !state.activeHasRendered) {\n        // Batched creates collapse to the latest instance before anything has entered.\n        return {\n          active: action.instance,\n          activeHasRendered: false,\n          announcementKey: state.announcementKey + 1,\n          pending: null,\n          visible: true,\n        };\n      }\n\n      // Keep the active content until it exits; newer creates replace only the pending instance.\n      return { ...state, pending: action.instance, visible: false };\n    case 'rendered':\n      if (state.active?.id !== action.instanceId || state.activeHasRendered) {\n        return state;\n      }\n\n      return { ...state, activeHasRendered: true };\n    case 'dismiss':\n      if (!state.active) {\n        return state;\n      }\n\n      return state.activeHasRendered\n        ? { ...state, visible: false }\n        : { ...emptyState, announcementKey: state.announcementKey };\n    case 'exited':\n      // Ignore callbacks from an instance that has already been replaced.\n      if (state.active?.id !== action.instanceId) {\n        return state;\n      }\n\n      if (state.pending) {\n        return {\n          active: state.pending,\n          activeHasRendered: false,\n          announcementKey: state.announcementKey + 1,\n          pending: null,\n          visible: true,\n        };\n      }\n\n      return { ...emptyState, announcementKey: state.announcementKey };\n    default:\n      return state;\n  }\n};\n\n/** Owns one active Snackbar and its latest replacement, waiting for exit before the next enters. */\nconst useSnackbarManager = () => {\n  const [state, dispatch] = useReducer(snackbarManagerReducer, emptyState);\n  const nextInstanceId = useRef(0);\n\n  const showSnackbar = useCallback((props: SnackbarCreationProps) => {\n    nextInstanceId.current += 1;\n    dispatch({ type: 'show', instance: { id: nextInstanceId.current, props } });\n  }, []);\n\n  const dismissSnackbar = useCallback(() => dispatch({ type: 'dismiss' }), []);\n\n  const handleExited = useCallback(() => {\n    if (state.active) {\n      dispatch({ type: 'exited', instanceId: state.active.id });\n    }\n  }, [state.active]);\n\n  useEffect(() => {\n    if (state.active && state.visible && !state.activeHasRendered) {\n      // Later creates can now wait for this instance's exit instead of coalescing before render.\n      dispatch({ type: 'rendered', instanceId: state.active.id });\n    }\n  }, [state.active, state.activeHasRendered, state.visible]);\n\n  return {\n    active: state.active,\n    announcementKey: state.announcementKey,\n    dismissSnackbar,\n    handleExited,\n    showSnackbar,\n    visible: state.visible,\n  };\n};\n\nexport default useSnackbarManager;\n"],"names":["emptyState","active","activeHasRendered","announcementKey","pending","visible","snackbarManagerReducer","state","action","type","instance","id","instanceId","useSnackbarManager","dispatch","useReducer","nextInstanceId","useRef","showSnackbar","useCallback","props","current","dismissSnackbar","handleExited","useEffect"],"mappings":"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"}

package/build/Snackbar/useSnackbarManager.mjs

@@ -0,0 +1,115 @@
+import { useReducer, useRef, useCallback, useEffect } from 'react';
+
+const emptyState = {
+  active: null,
+  activeHasRendered: false,
+  announcementKey: 0,
+  pending: null,
+  visible: false
+};
+const snackbarManagerReducer = (state, action) => {
+  switch (action.type) {
+    case 'show':
+      if (!state.active || !state.activeHasRendered) {
+        // Batched creates collapse to the latest instance before anything has entered.
+        return {
+          active: action.instance,
+          activeHasRendered: false,
+          announcementKey: state.announcementKey + 1,
+          pending: null,
+          visible: true
+        };
+      }
+      // Keep the active content until it exits; newer creates replace only the pending instance.
+      return {
+        ...state,
+        pending: action.instance,
+        visible: false
+      };
+    case 'rendered':
+      if (state.active?.id !== action.instanceId || state.activeHasRendered) {
+        return state;
+      }
+      return {
+        ...state,
+        activeHasRendered: true
+      };
+    case 'dismiss':
+      if (!state.active) {
+        return state;
+      }
+      return state.activeHasRendered ? {
+        ...state,
+        visible: false
+      } : {
+        ...emptyState,
+        announcementKey: state.announcementKey
+      };
+    case 'exited':
+      // Ignore callbacks from an instance that has already been replaced.
+      if (state.active?.id !== action.instanceId) {
+        return state;
+      }
+      if (state.pending) {
+        return {
+          active: state.pending,
+          activeHasRendered: false,
+          announcementKey: state.announcementKey + 1,
+          pending: null,
+          visible: true
+        };
+      }
+      return {
+        ...emptyState,
+        announcementKey: state.announcementKey
+      };
+    default:
+      return state;
+  }
+};
+/** Owns one active Snackbar and its latest replacement, waiting for exit before the next enters. */
+const useSnackbarManager = () => {
+  const [state, dispatch] = useReducer(snackbarManagerReducer, emptyState);
+  const nextInstanceId = useRef(0);
+  const showSnackbar = useCallback(props => {
+    nextInstanceId.current += 1;
+    dispatch({
+      type: 'show',
+      instance: {
+        id: nextInstanceId.current,
+        props
+      }
+    });
+  }, []);
+  const dismissSnackbar = useCallback(() => dispatch({
+    type: 'dismiss'
+  }), []);
+  const handleExited = useCallback(() => {
+    if (state.active) {
+      dispatch({
+        type: 'exited',
+        instanceId: state.active.id
+      });
+    }
+  }, [state.active]);
+  useEffect(() => {
+    if (state.active && state.visible && !state.activeHasRendered) {
+      // Later creates can now wait for this instance's exit instead of coalescing before render.
+      dispatch({
+        type: 'rendered',
+        instanceId: state.active.id
+      });
+    }
+  }, [state.active, state.activeHasRendered, state.visible]);
+  return {
+    active: state.active,
+    announcementKey: state.announcementKey,
+    dismissSnackbar,
+    handleExited,
+    showSnackbar,
+    visible: state.visible
+  };
+};
+
+export { useSnackbarManager as default };
+//# sourceMappingURL=useSnackbarManager.mjs.map

package/build/Snackbar/useSnackbarManager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarManager.mjs","sources":["../../src/Snackbar/useSnackbarManager.ts"],"sourcesContent":["import { useCallback, useEffect, useReducer, useRef } from 'react';\n\nimport type { SnackbarCreationProps } from './Snackbar.types';\n\ntype SnackbarInstance = {\n  id: number;\n  props: SnackbarCreationProps;\n};\n\ntype SnackbarManagerState = {\n  active: SnackbarInstance | null;\n  activeHasRendered: boolean;\n  announcementKey: number;\n  pending: SnackbarInstance | null;\n  visible: boolean;\n};\n\ntype SnackbarManagerAction =\n  | { type: 'show'; instance: SnackbarInstance }\n  | { type: 'rendered'; instanceId: number }\n  | { type: 'dismiss' }\n  | { type: 'exited'; instanceId: number };\n\nconst emptyState: SnackbarManagerState = {\n  active: null,\n  activeHasRendered: false,\n  announcementKey: 0,\n  pending: null,\n  visible: false,\n};\n\nconst snackbarManagerReducer = (\n  state: SnackbarManagerState,\n  action: SnackbarManagerAction,\n): SnackbarManagerState => {\n  switch (action.type) {\n    case 'show':\n      if (!state.active || !state.activeHasRendered) {\n        // Batched creates collapse to the latest instance before anything has entered.\n        return {\n          active: action.instance,\n          activeHasRendered: false,\n          announcementKey: state.announcementKey + 1,\n          pending: null,\n          visible: true,\n        };\n      }\n\n      // Keep the active content until it exits; newer creates replace only the pending instance.\n      return { ...state, pending: action.instance, visible: false };\n    case 'rendered':\n      if (state.active?.id !== action.instanceId || state.activeHasRendered) {\n        return state;\n      }\n\n      return { ...state, activeHasRendered: true };\n    case 'dismiss':\n      if (!state.active) {\n        return state;\n      }\n\n      return state.activeHasRendered\n        ? { ...state, visible: false }\n        : { ...emptyState, announcementKey: state.announcementKey };\n    case 'exited':\n      // Ignore callbacks from an instance that has already been replaced.\n      if (state.active?.id !== action.instanceId) {\n        return state;\n      }\n\n      if (state.pending) {\n        return {\n          active: state.pending,\n          activeHasRendered: false,\n          announcementKey: state.announcementKey + 1,\n          pending: null,\n          visible: true,\n        };\n      }\n\n      return { ...emptyState, announcementKey: state.announcementKey };\n    default:\n      return state;\n  }\n};\n\n/** Owns one active Snackbar and its latest replacement, waiting for exit before the next enters. */\nconst useSnackbarManager = () => {\n  const [state, dispatch] = useReducer(snackbarManagerReducer, emptyState);\n  const nextInstanceId = useRef(0);\n\n  const showSnackbar = useCallback((props: SnackbarCreationProps) => {\n    nextInstanceId.current += 1;\n    dispatch({ type: 'show', instance: { id: nextInstanceId.current, props } });\n  }, []);\n\n  const dismissSnackbar = useCallback(() => dispatch({ type: 'dismiss' }), []);\n\n  const handleExited = useCallback(() => {\n    if (state.active) {\n      dispatch({ type: 'exited', instanceId: state.active.id });\n    }\n  }, [state.active]);\n\n  useEffect(() => {\n    if (state.active && state.visible && !state.activeHasRendered) {\n      // Later creates can now wait for this instance's exit instead of coalescing before render.\n      dispatch({ type: 'rendered', instanceId: state.active.id });\n    }\n  }, [state.active, state.activeHasRendered, state.visible]);\n\n  return {\n    active: state.active,\n    announcementKey: state.announcementKey,\n    dismissSnackbar,\n    handleExited,\n    showSnackbar,\n    visible: state.visible,\n  };\n};\n\nexport default useSnackbarManager;\n"],"names":["emptyState","active","activeHasRendered","announcementKey","pending","visible","snackbarManagerReducer","state","action","type","instance","id","instanceId","useSnackbarManager","dispatch","useReducer","nextInstanceId","useRef","showSnackbar","useCallback","props","current","dismissSnackbar","handleExited","useEffect"],"mappings":"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"}

package/build/i18n/th.json

@@ -35,7 +35,7 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
   "neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
   "neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
-  "neptune.PhoneNumberInput.phoneNumberPrefix": "รหัสประเทศ",
+  "neptune.PhoneNumberInput.phoneNumberPrefix": "คำนำหน้า",
   "neptune.Select.searchPlaceholder": "ค้นหา...",
   "neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
   "neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",

package/build/i18n/th.json.js

@@ -39,7 +39,7 @@ var th = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
-	"neptune.PhoneNumberInput.phoneNumberPrefix": "รหัสประเทศ",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "คำนำหน้า",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
 	"neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",

package/build/i18n/th.json.mjs

@@ -35,7 +35,7 @@ var th = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
-	"neptune.PhoneNumberInput.phoneNumberPrefix": "รหัสประเทศ",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "คำนำหน้า",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
 	"neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",

package/build/i18n/zh-CN.json

@@ -35,7 +35,6 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
   "neptune.PhoneNumberInput.countryCodeLabel": "国家/地区代码",
   "neptune.PhoneNumberInput.phoneNumberLabel": "电话号码",
-  "neptune.PhoneNumberInput.phoneNumberPrefix": "前缀",
   "neptune.Select.searchPlaceholder": "搜索",
   "neptune.SelectInput.noResultsFound": "找不到结果",
   "neptune.StatusIcon.iconLabel.error": "错误:",

package/build/i18n/zh-CN.json.js

@@ -39,7 +39,6 @@ var zhCN = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "国家/地区代码",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "电话号码",
-	"neptune.PhoneNumberInput.phoneNumberPrefix": "前缀",
 	"neptune.Select.searchPlaceholder": "搜索",
 	"neptune.SelectInput.noResultsFound": "找不到结果",
 	"neptune.StatusIcon.iconLabel.error": "错误:",

package/build/i18n/zh-CN.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"zh-CN.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh-CN.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/zh-CN.json.mjs

@@ -35,7 +35,6 @@ var zhCN = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "国家/地区代码",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "电话号码",
-	"neptune.PhoneNumberInput.phoneNumberPrefix": "前缀",
 	"neptune.Select.searchPlaceholder": "搜索",
 	"neptune.SelectInput.noResultsFound": "找不到结果",
 	"neptune.StatusIcon.iconLabel.error": "错误:",

package/build/i18n/zh-CN.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"zh-CN.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh-CN.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/main.css

@@ -26174,83 +26174,135 @@ button.np-link {
   box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.10196);
   box-shadow: inset 1px 0 0 0 var(--color-border-neutral);
 }
-.snackbar {
-  text-align: center;
+.wds-Snackbar {
+  display: flex;
+  justify-content: center;
+  box-sizing: border-box;
+  padding-inline: 16px;
+  padding-inline: var(--size-16);
+  padding-block-end: calc(16px + env(safe-area-inset-bottom));
+  padding-block-end: calc(var(--size-16) + env(safe-area-inset-bottom));
   position: fixed;
   inset-block-end: 0;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
+  inset-inline: 0;
   z-index: 1060;
 }
-.snackbar__text {
-  background: #37517e;
-  color: #ffffff;
-  display: inline-flex;
-  border-radius: 2px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
-  align-items: center;
-  justify-content: space-between;
+@media (min-width: 600px) {
+  .wds-Snackbar {
+    padding-block-end: 24px;
+    padding-block-end: var(--size-24);
+  }
+}
+.wds-Snackbar-container {
+  --Prompt-border-radius: var(--radius-medium);
+  --Prompt-gap: var(--size-8);
+  --Prompt-padding-x: var(--size-12);
+  --Prompt-padding-y: var(--size-12);
+  box-sizing: border-box;
+  max-inline-size: 480px;
   text-align: start;
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-  margin-block: 0;
-  margin-inline: 16px;
-  margin-inline: var(--size-16);
-  padding-block: 8px;
-  padding-block: var(--size-8);
-  padding-inline: 16px;
-  padding-inline: var(--size-16);
-  inline-size: calc(100% - 32px);
-  inline-size: calc(100% - var(--size-32));
-  transition: 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
-.np-theme-personal .snackbar__text {
-  box-shadow: 0 2px 4px 0 rgba(69, 71, 69, 0.35);
-  position: relative;
-  background: var(--color-contrast-theme);
-  border-radius: 10px;
-  border-radius: var(--radius-small);
-  color: var(--color-contrast-overlay);
+.wds-Snackbar-container .wds-prompt__content-wrapper--with-dismiss {
+  grid-template-columns: auto minmax(0, 1fr);
 }
-.np-theme-personal .snackbar__text::after {
-  display: block;
-  border-radius: inherit;
-  block-size: 100%;
-  inline-size: 100%;
-  content: "";
-  position: absolute;
-  inset-inline-start: 0;
-  inset-block-start: 0;
-  z-index: -1;
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
+@media (min-width: 600px) {
+  .wds-Snackbar-container .wds-prompt__content-wrapper--with-dismiss {
+    grid-template-columns: auto minmax(0, 1fr) auto;
+  }
 }
-.np-theme-personal--dark .snackbar__text,
-.np-theme-personal--forest-green .snackbar__text {
-  box-shadow: none;
+.wds-Snackbar-container .wds-prompt__media-wrapper {
+  display: flex;
+  align-items: center;
+  min-block-size: max(32px, 1lh);
+  min-block-size: max(var(--size-32), 1lh);
+  padding-block-start: 0;
+  color: var(--color-sentiment-content-primary);
+}
+.wds-Snackbar-container .wds-prompt__media-wrapper:has(+ .wds-Snackbar__content .wds-Snackbar__action) {
+  min-block-size: max(32px, calc(1lh + 5px * 2));
+  min-block-size: max(var(--size-32), calc(1lh + var(--size-5) * 2));
+}
+.wds-Snackbar__media-asset {
+  display: flex;
+}
+.wds-Snackbar__media-asset svg {
+  inline-size: 24px;
+  inline-size: var(--size-24);
+  block-size: 24px;
+  block-size: var(--size-24);
+}
+.wds-Snackbar-container .wds-prompt__dismiss {
+  display: none;
+  align-self: flex-start;
+  margin-block-start: calc(4px - 1px);
+  margin-block-start: calc(var(--size-4) - 1px);
 }
 @media (min-width: 600px) {
-  .snackbar__text {
-    inline-size: auto;
-    max-inline-size: 600px;
+  .wds-Snackbar-container .wds-prompt__dismiss {
+    display: flex;
   }
 }
-.snackbar__text__action {
+.wds-Snackbar__action {
   flex-shrink: 0;
-  margin-inline-start: 16px;
-  margin-inline-start: var(--size-16);
 }
-.snackbar__text-container-enter,
-.snackbar__text-container-exit {
-  transform: translateY(calc(100% + 10px));
+.wds-Snackbar__content {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  gap: var(--size-8);
+  flex: 1 0 0;
+  min-block-size: 32px;
+  min-block-size: var(--size-32);
+  min-inline-size: 0;
 }
-.snackbar__text-container-enter-active {
-  transform: translateY(-16px);
-  transform: translateY(calc(-16px - env(safe-area-inset-bottom)));
+.wds-Snackbar__message {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  inline-size: auto;
+  flex: 1 0 0;
+  min-inline-size: 0;
+  align-self: stretch;
 }
-@media (min-width: 600px) {
-  .snackbar__text-container-enter-active {
-    transform: translateY(-24px);
+.wds-Snackbar__body {
+  display: block;
+  font-weight: 500;
+  font-weight: var(--font-weight-medium);
+}
+.wds-Snackbar-container-appear,
+.wds-Snackbar-container-enter {
+  opacity: 0;
+  transform: translateY(80px) scale(0.5);
+}
+.wds-Snackbar-container-appear-active,
+.wds-Snackbar-container-enter-active {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+  transition: opacity 150ms linear, transform var(--Snackbar-enter-duration) cubic-bezier(0, 0, 0, 1);
+}
+.wds-Snackbar-container-exit {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+}
+.wds-Snackbar-container-exit-active {
+  opacity: 0;
+  transform: translateY(80px) scale(0.5);
+  transition: opacity 50ms linear 50ms, transform var(--Snackbar-exit-duration) cubic-bezier(1, 0, 1, 1);
+}
+@media (prefers-reduced-motion: reduce) {
+  .wds-Snackbar-container-appear,
+  .wds-Snackbar-container-appear-active,
+  .wds-Snackbar-container-enter,
+  .wds-Snackbar-container-enter-active,
+  .wds-Snackbar-container-exit {
+    opacity: 1;
+    transform: none;
+    transition: none;
+  }
+  .wds-Snackbar-container-exit-active {
+    opacity: 0;
+    transform: none;
+    transition: none;
   }
 }
 .status-circle.negative,