@transferwise/components 46.144.0 → 46.145.0

package/src/listItem/_stories/ListItem.story.tsx

@@ -27,7 +27,7 @@ const hideControls = disableControls([
 
 /**
  * List Items let users review or select options from a dynamic list.<br />
- * For more details please refer to the [release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes) and the [design spec](https://wise.design/components/list-item). <br />
+ * For more details please refer to the [release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes) and the [design spec](https://docs.wise.design/components/list-item). <br />
  *
  * > This component replaces now deprecated `LegacyListItem`, `Summary` and all `*Option` components (run codemod to migrate: **`npx @wise/wds-codemods@latest info-prompt`**).
  */
@@ -373,7 +373,7 @@ export const ContentRatio: StoryObj<PreviewStoryArgs> = {
  * List item supports default and inverted title and description to allow for further flexibility
  * in the component. No other content elements are affected by this prop.
  *
- * Refer to the [design documentation](https://wise.design/components/list-item#content-hierarchy) for more details.
+ * Refer to the [design documentation](https://docs.wise.design/components/list-item#content-hierarchy) for more details.
  */
 export const ContentHierarchy: StoryObj<PreviewStoryArgs> = {
   args: {
@@ -401,7 +401,7 @@ export const ContentHierarchy: StoryObj<PreviewStoryArgs> = {
 /**
  * Interactive list items can alternatively be displayed with a spotlight.
  *
- * Refer to the [design documentation](https://wise.design/components/list-item#spotlight) for more details.
+ * Refer to the [design documentation](https://docs.wise.design/components/list-item#spotlight) for more details.
  */
 export const Spotlight: StoryObj<PreviewStoryArgs> = {
   argTypes: {
@@ -447,7 +447,7 @@ export const Spotlight: StoryObj<PreviewStoryArgs> = {
  * All of these limitations were put in place to ensure that the list item is compliant with
  * accessibility guidance and offers consistent experience across all engineering platforms.
  *
- * Please refer to the [design documentation](https://wise.design/components/list-item#interaction) for more details.
+ * Please refer to the [design documentation](https://docs.wise.design/components/list-item#interaction) for more details.
  */
 export const Interactivity: StoryObj<PreviewStoryArgs> = storySourceWithoutNoise({
   argTypes: {
@@ -567,7 +567,7 @@ export const Interactivity: StoryObj<PreviewStoryArgs> = storySourceWithoutNoise
  * and `valueSubtitle` which can be augmented with sentiment colours, strikethrough or bold
  * styles. <br />
  *
- * Please refer to the [design documentation](https://wise.design/components/list-item#content) for more details.
+ * Please refer to the [design documentation](https://docs.wise.design/components/list-item#content) for more details.
  */
 export const StylingLabels: Story = {
   argTypes: {

package/src/loader/Loader.tsx

@@ -76,7 +76,7 @@ const Loader = ({
   if (theme === 'forest-green') {
     // eslint-disable-next-line no-console
     console.warn(
-      'Loader is forbidden to use with Forest Green theme. Check the https://wise.design/components/screen-loader for more info.',
+      'Loader is forbidden to use with Forest Green theme. Check the https://docs.wise.design/components/screen-loader for more info.',
     );
     return <></>;
   }

package/src/logo/Logo.story.tsx

@@ -6,7 +6,7 @@ import { withVariantConfig } from '../../.storybook/helpers';
 import Body from '../body';
 
 /**
- * **Design guidance**: <a href="https://wise.design/foundations/logo" target="_blank">wise.design/foundations/logo</a>
+ * **Design guidance**: <a href="https://docs.wise.design/foundations/logo" target="_blank">wise.design/foundations/logo</a>
  */
 const meta: Meta<typeof Logo> = {
   component: Logo,

package/src/logo/Logo.tsx

@@ -94,7 +94,7 @@ const logoAssets: Record<LogoAssetName, () => JSX.Element> = {
  * Renders the Wise wordmark logo. Responsive — shows the flag-only mark on small viewports
  * and the full wordmark on ≥600px (small breakpoint and above).
  *
- * @see {@link https://wise.design/foundations/logo Design Spec}
+ * @see {@link https://docs.wise.design/foundations/logo Design Spec}
  */
 export default function Logo({
   className,

package/src/main.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:43 GMT
+ * Generated on Wed, 27 May 2026 15:50:09 GMT
  */
 
 :root {
@@ -144,7 +144,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal {
@@ -328,7 +328,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -512,7 +512,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -696,7 +696,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal--dark {
@@ -880,7 +880,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-platform {
@@ -1064,7 +1064,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -1248,7 +1248,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-business {
@@ -1433,7 +1433,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-business--dark {
@@ -1618,7 +1618,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-business--forest-green {
@@ -1803,7 +1803,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
  */
 
 .np-theme-business--bright-green {
@@ -27180,6 +27180,103 @@ a[data-toggle="tooltip"] {
   scale: -1 1;
 }
 
+.tw-date-lookup-calendar {
+  min-width: 300px;
+  text-align: center;
+  table-layout: fixed;
+  border: none;
+  background-color: inherit;
+}
+
+.tw-date-lookup-calendar thead {
+  background-color: transparent;
+  background-color: initial;
+}
+
+.tw-date-lookup-calendar > tbody > tr > td.weekend button {
+  color: #5d7079;
+  color: var(--color-content-secondary);
+}
+
+.tw-date-lookup-calendar > tbody > tr > td {
+  border: none;
+  padding: 4px;
+  padding: var(--size-4);
+}
+
+@media (max-width: 320px) {
+  .tw-date-lookup-calendar > tbody > tr > td {
+    padding: 0;
+  }
+}
+
+.tw-date-lookup-calendar > tbody > tr > td:has(.tw-date-lookup-day-option) {
+  padding: 1px;
+}
+
+.tw-date-lookup-calendar > tbody > tr > td button {
+  width: 100%;
+  padding: 4px 0;
+  padding: var(--size-4) 0;
+  color: #0097c7;
+  color: var(--color-content-accent);
+  border: transparent;
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+  background-color: transparent;
+  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+
+@media (max-width: 320px) {
+  .tw-date-lookup-calendar > tbody > tr > td button {
+    padding: 0;
+  }
+}
+
+.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option {
+  height: 40px;
+  height: var(--size-40);
+  border-radius: 9999px;
+  border-radius: var(--radius-full);
+  line-height: 40px;
+  line-height: var(--size-40);
+  width: 40px;
+  width: var(--size-40);
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option.today {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 4px;
+}
+
+.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus,
+.tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled) {
+  background-color: var(--color-background-screen-hover);
+}
+
+.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active {
+  background-color: var(--color-interactive-primary);
+  color: var(--color-interactive-contrast);
+}
+
+.tw-date-lookup-calendar abbr {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.tw-date-lookup-header-current-container {
+  display: inline;
+}
+
 .np-card {
   overflow: hidden;
   transition-property: transform, box-shadow;
@@ -28317,112 +28414,6 @@ button.np-option {
   width: 400px;
 }
 
-.tw-date-lookup-calendar {
-  min-width: 300px;
-  text-align: center;
-  table-layout: fixed;
-  background-color: inherit;
-}
-
-.tw-date-lookup-calendar > tbody > tr > td.weekend button {
-  color: #5d7079;
-  color: var(--color-content-secondary);
-}
-
-.tw-date-lookup-calendar > tbody > tr > td {
-  padding: 4px;
-  padding: var(--size-4);
-}
-
-@media (max-width: 320px) {
-  .tw-date-lookup-calendar > tbody > tr > td {
-    padding: 0;
-  }
-}
-
-.tw-date-lookup-calendar > tbody > tr > td:has(.tw-date-lookup-day-option) {
-  padding: 1px;
-}
-
-.tw-date-lookup-calendar > tbody > tr > td button {
-  width: 100%;
-  padding: 4px 0;
-  padding: var(--size-4) 0;
-  color: #0097c7;
-  color: var(--color-content-accent);
-  border: transparent;
-  border-radius: 10px;
-  border-radius: var(--radius-small);
-  background-color: transparent;
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  color: #37517e;
-  color: var(--color-content-primary);
-}
-
-@media (max-width: 320px) {
-  .tw-date-lookup-calendar > tbody > tr > td button {
-    padding: 0;
-  }
-}
-
-.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option {
-  height: 40px;
-  height: var(--size-40);
-  border-radius: 9999px;
-  border-radius: var(--radius-full);
-  line-height: 40px;
-  line-height: var(--size-40);
-  width: 40px;
-  width: var(--size-40);
-  padding: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option.today {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-  text-decoration-thickness: 2px;
-  text-underline-offset: 4px;
-}
-
-.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus,
-.tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled) {
-  background-color: var(--color-background-screen-hover);
-}
-
-.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active {
-  background-color: var(--color-interactive-primary);
-  color: var(--color-interactive-contrast);
-}
-
-.tw-date-lookup-calendar abbr {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.tw-date-lookup-header-current-container {
-  display: inline;
-}
-
-.np-theme-personal.tw-date-lookup-menu .table-bordered,
-.np-theme-personal .tw-date-lookup-menu .table-bordered {
-  border: none;
-}
-
-.np-theme-personal.tw-date-lookup-menu thead,
-.np-theme-personal .tw-date-lookup-menu thead {
-  background-color: transparent;
-  background-color: initial;
-}
-
-.np-theme-personal.tw-date-lookup-menu td,
-.np-theme-personal .tw-date-lookup-menu td {
-  border: none;
-}
-
 .np-date-trigger {
   overflow: hidden;
   text-overflow: ellipsis;

package/src/main.less

@@ -16,6 +16,7 @@
 @import "./body/Body.less";
 @import "./button/LegacyButton.less";
 @import "./button/Button.less";
+@import "./calendar/Calendar.less";
 @import "./card/Card.less";
 @import "./carousel/Carousel.less";
 @import "./checkboxButton/CheckboxButton.less";

package/src/navigationOption/NavigationOption.tsx

@@ -13,7 +13,7 @@ export type NavigationOptionProps = OptionProps;
  * @deprecatedSince 46.104.0
  * @see [Source](../listItem/ListItem.tsx)
  * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)
- * @see [Design docs](https://wise.design/components/list-item)
+ * @see [Design docs](https://docs.wise.design/components/list-item)
  * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
  */
 const NavigationOption = forwardRef<ReferenceType, NavigationOptionProps>(

package/src/navigationOptionsList/NavigationOptionsList.tsx

@@ -11,7 +11,7 @@ export interface NavigationOptionListProps {
  * @see [List source](../list/List.tsx)
  * @see [ListItem source](../listItem/ListItem.tsx)
  * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)
- * @see [Design docs](https://wise.design/components/list-item)
+ * @see [Design docs](https://docs.wise.design/components/list-item)
  * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
  */
 const NavigationOptionList = ({ children }: NavigationOptionListProps) => {

package/src/prompt/ActionPrompt/ActionPrompt.story.tsx

@@ -334,7 +334,7 @@ export const Dismissible: Story = {
  * While the component itself will stretch to the full available width, the text container will be
  * capped at `480px` to ensure optimal readability.
  *
- * [Visit wise.design](https://wise.design/components/info-prompt#writing-an-info-prompt) for guidance on writing effective prompt messages that are concise and easy to understand.
+ * [Visit wise.design](https://docs.wise.design/components/info-prompt#writing-an-info-prompt) for guidance on writing effective prompt messages that are concise and easy to understand.
  */
 export const ParagraphWidth: Story = {
   parameters: {

package/src/prompt/ActionPrompt/ActionPrompt.tsx

@@ -33,7 +33,7 @@ export type ActionPromptProps = {
  *
  * If your message is about immediate user feedback (e.g., form submission errors, download failures, missing data warnings), use an [info prompt](https://storybook.wise.design/?path=/docs/prompts-infoprompt--docs) instead.
  *
- * Guidance can be found in the [design system](https://wise.design/components/action-prompt).
+ * Guidance can be found in the [design system](https://docs.wise.design/components/action-prompt).
  */
 export const ActionPrompt = ({
   sentiment = 'neutral',

package/src/prompt/CriticalBanner/CriticalBanner.story.tsx

@@ -8,7 +8,7 @@ import { CriticalBanner, type CriticalBannerProps } from './CriticalBanner';
 import { withVariantConfig } from '../../../.storybook/helpers';
 
 /**
- * **Design guidance**: <a href="https://wise.design/components/critical-banner" target="_blank">wise.design/components/critical-banner</a>
+ * **Design guidance**: <a href="https://docs.wise.design/components/critical-banner" target="_blank">wise.design/components/critical-banner</a>
  *
  * Can be controlled or uncontrolled. When `onToggle` is provided, the consumer manages the expanded state via `expanded` and the banner calls `onToggle` when the user clicks the chevron. When `onToggle` is not provided, the banner manages its own expanded state internally and toggles it when the user clicks the chevron.
  */

package/src/prompt/CriticalBanner/CriticalBanner.tsx

@@ -43,7 +43,7 @@ export type CriticalBannerProps = {
  * A full-width, non-dismissible banner for critical messages such as account blocks or
  * time-sensitive actions that require immediate user attention.
 
- * @see {@link https://wise.design/components/critical-banner Design Spec}
+ * @see {@link https://docs.wise.design/components/critical-banner Design Spec}
  */
 export const CriticalBanner = ({
   sentiment = 'negative',

package/src/prompt/InfoPrompt/InfoPrompt.story.tsx

@@ -318,7 +318,7 @@ export const MediaTypes: StoryObj<InfoPromptProps> = {
  * While the component itself will stretch to the full available width, the text container will be
  * capped at `480px` to ensure optimal readability.
  *
- * [Visit wise.design](https://wise.design/components/info-prompt#writing-an-info-prompt) for guidance on writing effective prompt messages that are concise and easy to understand.
+ * [Visit wise.design](https://docs.wise.design/components/info-prompt#writing-an-info-prompt) for guidance on writing effective prompt messages that are concise and easy to understand.
  */
 export const ParagraphWidth: StoryObj<PreviewStoryArgs> = {
   parameters: {

package/src/prompt/InfoPrompt/InfoPrompt.tsx

@@ -71,7 +71,7 @@ export type InfoPromptProps = Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'ar
  *
  * Use this component to replace the deprecated `Alert` component (run codemod to migrate: **`npx \@wise/wds-codemods@latest info-prompt`**).
  *
- * Guidance can be found in the [design system](https://wise.design/components/info-prompt).
+ * Guidance can be found in the [design system](https://docs.wise.design/components/info-prompt).
  */
 export const InfoPrompt = ({
   sentiment = 'neutral',

package/src/radioOption/RadioOption.tsx

@@ -21,7 +21,7 @@ export interface RadioOptionProps<T extends string | number = string>
  * @deprecatedSince 46.104.0
  * @see [Source](../listItem/ListItem.tsx)
  * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)
- * @see [Design docs](https://wise.design/components/list-item)
+ * @see [Design docs](https://docs.wise.design/components/list-item)
  * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
  */
 function RadioOption<T extends string | number = ''>({

package/src/segmentedControl/SegmentedControl.test.tsx

@@ -185,7 +185,7 @@ describe('SegmentedControl', () => {
         ],
       });
     }).toThrow(
-      'SegmentedControl only supports up to 3 segments. Please refer to: https://wise.design/components/segmented-control',
+      'SegmentedControl only supports up to 3 segments. Please refer to: https://docs.wise.design/components/segmented-control',
     );
   });
 

package/src/segmentedControl/SegmentedControl.tsx

@@ -45,7 +45,7 @@ const SegmentedControl = ({
 
   if (segments.length > 3) {
     throw new Error(
-      'SegmentedControl only supports up to 3 segments. Please refer to: https://wise.design/components/segmented-control',
+      'SegmentedControl only supports up to 3 segments. Please refer to: https://docs.wise.design/components/segmented-control',
     );
   }
 

package/src/styles/less/neptune.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:43 GMT
+ * Generated on Wed, 27 May 2026 15:50:09 GMT
  */
 
 :root {
@@ -144,7 +144,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal {
@@ -328,7 +328,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -512,7 +512,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -696,7 +696,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal--dark {
@@ -880,7 +880,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-platform {
@@ -1064,7 +1064,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -1248,7 +1248,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-business {
@@ -1433,7 +1433,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-business--dark {
@@ -1618,7 +1618,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-business--forest-green {
@@ -1803,7 +1803,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
  */
 
 .np-theme-business--bright-green {

package/src/summary/Summary.tsx

@@ -98,7 +98,7 @@ export interface Props {
  * @deprecatedSince 46.104.0
  * @see [Source](../listItem/ListItem.tsx)
  * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)
- * @see [Design docs](https://wise.design/components/list-item)
+ * @see [Design docs](https://docs.wise.design/components/list-item)
  * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
  */
 const Summary = ({

package/src/switch/Switch.story.tsx

@@ -8,7 +8,7 @@ import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { Label } from '../label';
 
 /**
- * **Design guidance**: <a href="https://wise.design/components/switch" target="_blank">wise.design/components/switch</a>
+ * **Design guidance**: <a href="https://docs.wise.design/components/switch" target="_blank">wise.design/components/switch</a>
  */
 const meta: Meta<typeof Switch> = {
   component: Switch,

package/src/switchOption/SwitchOption.tsx

@@ -31,7 +31,7 @@ const stopPropagation = (event?: MouseEvent<HTMLSpanElement>) => {
  * @deprecatedSince 46.104.0
  * @see [Source](../listItem/ListItem.tsx)
  * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)
- * @see [Design docs](https://wise.design/components/list-item)
+ * @see [Design docs](https://docs.wise.design/components/list-item)
  * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
  */
 const SwitchOption = ({

package/build/dateLookup/DateLookup.messages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateLookup.messages.js","sources":["../../src/dateLookup/DateLookup.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  next: {\n    id: 'neptune.DateLookup.next',\n    defaultMessage: 'next',\n    description: 'Description of next button',\n  },\n  previous: {\n    id: 'neptune.DateLookup.previous',\n    defaultMessage: 'previous',\n    description: 'Description of previous button',\n  },\n  day: {\n    id: 'neptune.DateLookup.day',\n    defaultMessage: 'day',\n    description: 'Description of next/previous/selected day button',\n  },\n  month: {\n    id: 'neptune.DateLookup.month',\n    defaultMessage: 'month',\n    description: 'Description of next/previous/selected month button',\n  },\n  year: {\n    id: 'neptune.DateLookup.year',\n    defaultMessage: 'year',\n    description: 'Description of next/previous/selected year button',\n  },\n  twentyYears: {\n    id: 'neptune.DateLookup.twentyYears',\n    defaultMessage: '20 years',\n    description: 'Description of next/previous 20 years button',\n  },\n  selected: {\n    id: 'neptune.DateLookup.selected',\n    defaultMessage: 'selected',\n    description: 'Description of the selected day/month/year',\n  },\n  goTo20YearView: {\n    id: 'neptune.DateLookup.goTo20YearView',\n    defaultMessage: 'Go to 20 year view',\n    description: 'Description of the button to go to 20 year view',\n  },\n});\n"],"names":["defineMessages","next","id","previous","day","month","year","twentyYears","selected","goTo20YearView"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,IAAI,EAAE;IACJC,EAAE,EAAA;GAGH;AACDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA;GAGH;AACDE,EAAAA,GAAG,EAAE;IACHF,EAAE,EAAA;GAGH;AACDG,EAAAA,KAAK,EAAE;IACLH,EAAE,EAAA;GAGH;AACDI,EAAAA,IAAI,EAAE;IACJJ,EAAE,EAAA;GAGH;AACDK,EAAAA,WAAW,EAAE;IACXL,EAAE,EAAA;GAGH;AACDM,EAAAA,QAAQ,EAAE;IACRN,EAAE,EAAA;GAGH;AACDO,EAAAA,cAAc,EAAE;IACdP,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}

package/build/dateLookup/DateLookup.messages.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateLookup.messages.mjs","sources":["../../src/dateLookup/DateLookup.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  next: {\n    id: 'neptune.DateLookup.next',\n    defaultMessage: 'next',\n    description: 'Description of next button',\n  },\n  previous: {\n    id: 'neptune.DateLookup.previous',\n    defaultMessage: 'previous',\n    description: 'Description of previous button',\n  },\n  day: {\n    id: 'neptune.DateLookup.day',\n    defaultMessage: 'day',\n    description: 'Description of next/previous/selected day button',\n  },\n  month: {\n    id: 'neptune.DateLookup.month',\n    defaultMessage: 'month',\n    description: 'Description of next/previous/selected month button',\n  },\n  year: {\n    id: 'neptune.DateLookup.year',\n    defaultMessage: 'year',\n    description: 'Description of next/previous/selected year button',\n  },\n  twentyYears: {\n    id: 'neptune.DateLookup.twentyYears',\n    defaultMessage: '20 years',\n    description: 'Description of next/previous 20 years button',\n  },\n  selected: {\n    id: 'neptune.DateLookup.selected',\n    defaultMessage: 'selected',\n    description: 'Description of the selected day/month/year',\n  },\n  goTo20YearView: {\n    id: 'neptune.DateLookup.goTo20YearView',\n    defaultMessage: 'Go to 20 year view',\n    description: 'Description of the button to go to 20 year view',\n  },\n});\n"],"names":["defineMessages","next","id","previous","day","month","year","twentyYears","selected","goTo20YearView"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,IAAI,EAAE;IACJC,EAAE,EAAA;GAGH;AACDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA;GAGH;AACDE,EAAAA,GAAG,EAAE;IACHF,EAAE,EAAA;GAGH;AACDG,EAAAA,KAAK,EAAE;IACLH,EAAE,EAAA;GAGH;AACDI,EAAAA,IAAI,EAAE;IACJJ,EAAE,EAAA;GAGH;AACDK,EAAAA,WAAW,EAAE;IACXL,EAAE,EAAA;GAGH;AACDM,EAAAA,QAAQ,EAAE;IACRN,EAAE,EAAA;GAGH;AACDO,EAAAA,cAAc,EAAE;IACdP,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}

package/build/dateLookup/dateHeader/DateHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateHeader.js","sources":["../../../src/dateLookup/dateHeader/DateHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../title';\nimport messages from '../DateLookup.messages';\nimport Button from '../../button/Button';\nimport { ChevronDown, ChevronLeft, ChevronRight } from '@transferwise/icons';\nimport IconButton from '../../iconButton';\n\ninterface DateHeaderProps {\n  label?: string;\n  onLabelClick?: () => void;\n  onPreviousClick: () => void;\n  onNextClick: () => void;\n  dateMode: string;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n  label,\n  onLabelClick,\n  onPreviousClick,\n  onNextClick,\n  dateMode,\n}) => {\n  const intl = useIntl();\n  const { isMobile } = useLayout();\n  return (\n    <div className={clsx('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n      <div className=\"pull-left-single-direction\">\n        <IconButton\n          size={40}\n          priority=\"minimal\"\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n          onClick={onPreviousClick}\n        >\n          <ChevronLeft className=\"left-single-direction\" />\n        </IconButton>\n      </div>\n      {label && (\n        <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n          <Button\n            v2\n            size=\"md\"\n            type=\"button\"\n            priority=\"tertiary\"\n            className=\"tw-date-lookup-header-current\"\n            aria-label={intl.formatMessage(messages.goTo20YearView)}\n            addonEnd={{ type: 'icon', value: <ChevronDown /> }}\n            onClick={onLabelClick}\n          >\n            {label}\n          </Button>\n        </Title>\n      )}\n      <div className=\"pull-right-single-direction\">\n        <IconButton\n          size={40}\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.next)} ${dateMode}`}\n          priority=\"minimal\"\n          onClick={onNextClick}\n        >\n          <ChevronRight className=\"right-single-direction\" />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nexport default DateHeader;\n"],"names":["DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","intl","useIntl","isMobile","useLayout","_jsxs","className","clsx","children","_jsx","IconButton","size","priority","formatMessage","messages","previous","onClick","ChevronLeft","Title","type","Typography","TITLE_BODY","Button","v2","goTo20YearView","addonEnd","value","ChevronDown","next","ChevronRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;AACXC,EAAAA;AAAQ,CACT,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;EACtB,MAAM;AAAEC,IAAAA;GAAU,GAAGC,mBAAS,EAAE;AAChC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,SAAI,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBACzEC,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;MAAAE,QAAA,eACzCC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,SAAS;AAClBN,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,2BAAQ,CAACC,QAAQ,CAAC,CAAA,CAAA,EAAIf,QAAQ,CAAA,CAAG;AACnEgB,QAAAA,OAAO,EAAElB,eAAgB;QAAAU,QAAA,eAEzBC,cAAA,CAACQ,iBAAW,EAAA;AAACX,UAAAA,SAAS,EAAC;SAAuB;OACpC;AACd,KAAK,CACL,EAACV,KAAK,iBACJa,cAAA,CAACS,aAAK,EAAA;MAACC,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAACf,MAAAA,SAAS,EAAC,yCAAyC;MAAAE,QAAA,eACrFC,cAAA,CAACa,cAAM,EAAA;QACLC,EAAE,EAAA,IAAA;AACFZ,QAAAA,IAAI,EAAC,IAAI;AACTQ,QAAAA,IAAI,EAAC,QAAQ;AACbP,QAAAA,QAAQ,EAAC,UAAU;AACnBN,QAAAA,SAAS,EAAC,+BAA+B;AACzC,QAAA,YAAA,EAAYL,IAAI,CAACY,aAAa,CAACC,2BAAQ,CAACU,cAAc,CAAE;AACxDC,QAAAA,QAAQ,EAAE;AAAEN,UAAAA,IAAI,EAAE,MAAM;AAAEO,UAAAA,KAAK,eAAEjB,cAAA,CAACkB,iBAAW,EAAA,EAAA;SAAM;AACnDX,QAAAA,OAAO,EAAEnB,YAAa;AAAAW,QAAAA,QAAA,EAErBZ;OACK;KACH,CACR,eACDa,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;MAAAE,QAAA,eAC1CC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTL,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,2BAAQ,CAACc,IAAI,CAAC,CAAA,CAAA,EAAI5B,QAAQ,CAAA,CAAG;AAC/DY,QAAAA,QAAQ,EAAC,SAAS;AAClBI,QAAAA,OAAO,EAAEjB,WAAY;QAAAS,QAAA,eAErBC,cAAA,CAACoB,kBAAY,EAAA;AAACvB,UAAAA,SAAS,EAAC;SAAwB;OACtC;AACd,KAAK,CACP;AAAA,GAAK,CAAC;AAEV;;;;"}