@transferwise/components 0.0.0-experimental-4b93e2b → 0.0.0-experimental-f144cf1

package/src/styles/less/popovers.css

@@ -66,6 +66,12 @@ button.close {
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 155%;
+  letter-spacing: -0.006em;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   word-wrap: break-word;
   background-color: #ffffff;
   background-color: var(--color-background-screen);
@@ -260,6 +266,12 @@ button.close {
   line-height: var(--line-height-title);
   letter-spacing: 0;
   word-wrap: break-word;
+  font-size: 1.125rem;
+  font-size: var(--font-size-18);
+  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
+  letter-spacing: -0.014em;
+  line-height: 135%;
   background-color: #ffffff;
   background-color: var(--color-background-screen);
   border-block-end: 0;
@@ -305,6 +317,12 @@ button.close {
 }
 .popover-content {
   padding: 0;
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 155%;
+  letter-spacing: -0.006em;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   word-wrap: break-word;
   color: #5d7079;
   color: var(--color-content-secondary);

package/src/styles/less/tooltip.css

@@ -45,6 +45,12 @@
   padding-inline: 5px;
 }
 .tooltip-inner {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 155%;
+  letter-spacing: -0.006em;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   word-wrap: break-word;
   max-inline-size: 200px;
   min-inline-size: 120px;

package/src/DateInput/_stories/DateInput.rtl.test.story.tsx

@@ -1,36 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import { fn, userEvent, within } from 'storybook/test';
-
-import { withRTLDiff } from '../../../.storybook/decorators/RtlDiffDecorator';
-import DateInput from '..';
-
-export default {
-  component: DateInput,
-  title: 'Forms/DateInput/Tests/RTL Diff',
-  tags: ['!autodocs', '!manifest'],
-} satisfies Meta<typeof DateInput>;
-
-type Story = StoryObj<typeof DateInput>;
-
-export const Sizes: Story = {
-  render: () => (
-    <>
-      <DateInput size="sm" onChange={fn()} />
-      <DateInput size="md" onChange={fn()} />
-      <DateInput size="lg" onChange={fn()} />
-      <DateInput mode="month-year" onChange={fn()} />
-    </>
-  ),
-  ...withRTLDiff({ renderAs: 'iframe' }),
-};
-
-export const OpenDropdown: Story = {
-  render: () => <DateInput onChange={() => {}} />,
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    const trigger = canvas.queryByRole('combobox');
-    if (!trigger) return;
-    await userEvent.click(trigger);
-  },
-  ...withRTLDiff({ renderAs: 'iframe' }),
-};