@transferwise/components 0.0.0-experimental-0427c06 → 0.0.0-experimental-6be1a18

package/build/types/dateLookup/dateHeader/DateHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateHeader.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateHeader/DateHeader.js"],"names":[],"mappings":";AAUA;;;;;;gCA+CC;;;;;;;;;;;;QAYe,uCAAQ"}
+{"version":3,"file":"DateHeader.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateHeader/DateHeader.js"],"names":[],"mappings":";AASA;;;;;;gCA6CC;;;;;;;;;;;;QAYe,uCAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-0427c06",
+  "version": "0.0.0-experimental-6be1a18",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {

package/src/dateLookup/DateLookup.css

@@ -1 +1 @@
-.tw-date-lookup-menu{width:400px}.tw-date-lookup-calendar{min-width:300px;table-layout:fixed;text-align:center}.tw-date-lookup-calendar>tbody>tr>td{padding:4px;padding:var(--size-4)}.tw-date-lookup-calendar>tbody>tr>td button{background-color:transparent;border:transparent;border-radius:10px;border-radius:var(--radius-small);color:#0097c7;color:var(--color-content-accent);font-weight:600;font-weight:var(--font-weight-semi-bold);padding:4px 0;padding:var(--size-4) 0;width:100%}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled).active{background-color:#0081ba;background-color:var(--color-interactive-accent-active);color:#fff}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled):hover{background-color:#008fc9;background-color:var(--color-interactive-accent-hover);color:#fff}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button{color:#37517e;color:var(--color-content-primary)}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled).active,.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled):hover{color:var(--color-interactive-control)}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td:nth-child(7n+6) button,.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td:nth-child(7n+7) button,.np-theme-personal .tw-date-lookup-calendar>thead>tr>th:nth-child(7n+6),.np-theme-personal .tw-date-lookup-calendar>thead>tr>th:nth-child(7n+7){color:#5d7079;color:var(--color-content-secondary);font-weight:400;font-weight:var(--font-weight-regular)}.tw-date-lookup-calendar abbr{text-decoration:none}.np-theme-personal .tw-date-lookup-calendar{background-color:inherit}.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:unset}.np-theme-personal .tw-date-lookup-menu td,.np-theme-personal.tw-date-lookup-menu td{border:none}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-header-current-container,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-header-current-container{display:inline-block}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-header-current-container .tw-date-lookup-header-current,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-header-current-container .tw-date-lookup-header-current{color:#37517e;color:var(--color-content-primary)}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-day-option,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-day-option{align-items:center;color:#37517e;color:var(--color-content-primary);display:inline-flex;height:32px;height:var(--size-32);justify-content:center;line-height:32px;line-height:var(--size-32)}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-day-option.active,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-day-option.active{background-color:#00a2dd;background-color:var(--color-interactive-accent);color:var(--color-interactive-primary)}
+.tw-date-lookup-menu{width:400px}.tw-date-lookup-calendar{min-width:300px;table-layout:fixed;text-align:center}.tw-date-lookup-calendar>tbody>tr>td{padding:4px;padding:var(--size-4)}.tw-date-lookup-calendar>tbody>tr>td button{background-color:transparent;border:transparent;border-radius:10px;border-radius:var(--radius-small);color:#0097c7;color:var(--color-content-accent);font-weight:600;font-weight:var(--font-weight-semi-bold);padding:4px 0;padding:var(--size-4) 0;width:100%}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled).active{background-color:#0081ba;background-color:var(--color-interactive-accent-active);color:#fff}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled):hover{background-color:#008fc9;background-color:var(--color-interactive-accent-hover);color:#fff}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button{color:#37517e;color:var(--color-content-primary)}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled).active,.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled):hover{color:var(--color-interactive-control)}.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td:nth-child(7n+6) button,.np-theme-personal .tw-date-lookup-calendar>tbody>tr>td:nth-child(7n+7) button,.np-theme-personal .tw-date-lookup-calendar>thead>tr>th:nth-child(7n+6),.np-theme-personal .tw-date-lookup-calendar>thead>tr>th:nth-child(7n+7){color:#5d7079;color:var(--color-content-secondary);font-weight:400;font-weight:var(--font-weight-regular)}.tw-date-lookup-calendar abbr{text-decoration:none}.np-theme-personal .tw-date-lookup-calendar{background-color:inherit}.tw-date-lookup-header-current{font-weight:800;font-weight:var(--font-weight-bold)}.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:unset}.np-theme-personal .tw-date-lookup-menu td,.np-theme-personal.tw-date-lookup-menu td{border:none}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-header-current,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-header-current{color:#37517e;color:var(--color-content-primary)}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-day-option,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-day-option{align-items:center;color:#37517e;color:var(--color-content-primary);display:inline-flex;height:32px;height:var(--size-32);justify-content:center;line-height:32px;line-height:var(--size-32)}.np-theme-personal .tw-date-lookup-menu .tw-date-lookup-day-option.active,.np-theme-personal.tw-date-lookup-menu .tw-date-lookup-day-option.active{background-color:#00a2dd;background-color:var(--color-interactive-accent);color:var(--color-interactive-primary)}

package/src/dateLookup/DateLookup.less

@@ -63,6 +63,10 @@
   }
 }
 
+.tw-date-lookup-header-current {
+    font-weight: var(--font-weight-bold);
+}
+
 .np-theme-personal {
   &.tw-date-lookup-menu,
   .tw-date-lookup-menu {
@@ -77,13 +81,9 @@
     td {
       border: none;
     }
-    
-    .tw-date-lookup-header-current-container {
-      display: inline-block;
 
-      .tw-date-lookup-header-current {
-        color: var(--color-content-primary);
-      }
+    .tw-date-lookup-header-current {
+      color: var(--color-content-primary);
     }
 
     .tw-date-lookup-day-option {

package/src/dateLookup/DateLookup.story.js

@@ -2,7 +2,6 @@ import { boolean, select, date, text } from '@storybook/addon-knobs';
 import { useState } from 'react';
 
 import { Size } from '../common';
-import { within, userEvent } from '../test-utils';
 
 import DateLookup from './DateLookup';
 
@@ -42,11 +41,6 @@ export const Basic = () => {
   );
 };
 
-Basic.play = ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  userEvent.click(canvas.getByRole('button'));
-};
-
 export const RightAligned = () => {
   const [value, setValue] = useState(null);
   const disabled = boolean('disabled', false);

package/src/dateLookup/dateHeader/DateHeader.js

@@ -2,8 +2,7 @@ import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 
 import Chevron from '../../chevron';
-import { Position, Size, Typography } from '../../common';
-import Title from '../../title';
+import { Position, Size } from '../../common';
 import messages from '../DateLookup.messages';
 
 const buttonClasses = 'btn-link p-a-0 text-no-decoration np-text-body-large-bold rounded-sm';
@@ -28,16 +27,14 @@ const DateHeader = ({ label, onLabelClick, onPreviousClick, onNextClick, dateMod
         </button>
       </div>
       {label && (
-        <Title type={Typography.TITLE_BODY} className="tw-date-lookup-header-current-container">
-          <button
-            type="button"
-            className={`tw-date-lookup-header-current ${buttonClasses}`}
-            aria-label={intl.formatMessage(messages.goTo20YearView)}
-            onClick={onLabelClick}
-          >
-            {label}
-          </button>
-        </Title>
+        <button
+          type="button"
+          className={`tw-date-lookup-header-current ${buttonClasses}`}
+          aria-label={intl.formatMessage(messages.goTo20YearView)}
+          onClick={onLabelClick}
+        >
+          {label}
+        </button>
       )}
       <div className="pull-right-single-direction">
         <button

package/src/i18n/zh.json

@@ -1,44 +1,44 @@
 {
-  "neptune.Chips.ariaLabel": "清除{choice}",
-  "neptune.ClearButton.ariaLabel": "清除",
-  "neptune.CloseButton.ariaLabel": "關閉",
+  "neptune.Chips.ariaLabel": "清除 {choice}",
+  "neptune.ClearButton.ariaLabel": "清晰",
+  "neptune.CloseButton.ariaLabel": "关闭",
   "neptune.DateInput.day.label": "日",
   "neptune.DateInput.month.label": "月",
   "neptune.DateInput.year.label": "年",
-  "neptune.MoneyInput.Select.placeholder": "選擇一個選項…",
-  "neptune.Pagination.ariaLabel": "分頁導航",
-  "neptune.PaginationLink.ariaLabel.active": "前往第{pageNumber}頁",
-  "neptune.PaginationLink.ariaLabel.inactive": "目前在第{pageNumber}頁",
-  "neptune.Select.searchPlaceholder": "搜尋…",
-  "neptune.Summary.statusDone": "已完成事項",
-  "neptune.Summary.statusNotDone": "未完成事項",
-  "neptune.Summary.statusPending": "待處理事項",
-  "neptune.Upload.csButtonText": "上載另一個檔案？",
-  "neptune.Upload.csFailureText": "上載失敗，請重試。",
-  "neptune.Upload.csSuccessText": "上載完成！",
-  "neptune.Upload.csTooLargeMessage": "請提供小於5MB的檔案",
-  "neptune.Upload.csWrongTypeMessage": "不支持檔案類型，請使用其他檔案重試",
+  "neptune.MoneyInput.Select.placeholder": "请选择...",
+  "neptune.Pagination.ariaLabel": "分页导航",
+  "neptune.PaginationLink.ariaLabel.active": "转到第 {pageNumber} 页",
+  "neptune.PaginationLink.ariaLabel.inactive": "当前页面，第 {pageNumber} 页",
+  "neptune.Select.searchPlaceholder": "搜索",
+  "neptune.Summary.statusDone": "已完成",
+  "neptune.Summary.statusNotDone": "未完成",
+  "neptune.Summary.statusPending": "待处理",
+  "neptune.Upload.csButtonText": "上传另一个文件？",
+  "neptune.Upload.csFailureText": "上传失败。请重试",
+  "neptune.Upload.csSuccessText": "上传完毕！",
+  "neptune.Upload.csTooLargeMessage": "请提供小于 5MB 的文件",
+  "neptune.Upload.csWrongTypeMessage": "不支持该文件类型，请试试其他文件",
   "neptune.Upload.psButtonText": "取消",
-  "neptune.Upload.psProcessingText": "上載中...",
-  "neptune.Upload.usButtonText": "或者選擇一個檔案",
-  "neptune.Upload.usDropMessage": "拖放檔案以開始上載",
-  "neptune.Upload.usPlaceholder": "拖放不超過5MB的檔案",
-  "neptune.UploadButton.allFileTypes": "所有檔案類型",
-  "neptune.UploadButton.dropFiles": "拖放檔案以開始上載",
-  "neptune.UploadButton.instructions": "{fileTypes}，小於{size}MB",
-  "neptune.UploadButton.uploadFile": "上載檔案",
-  "neptune.UploadButton.uploadFiles": "上載檔案",
-  "neptune.UploadInput.deleteModalBody": "移除此檔案會把它從我們的系統中刪除。",
+  "neptune.Upload.psProcessingText": "正在上传…",
+  "neptune.Upload.usButtonText": "或选择文件",
+  "neptune.Upload.usDropMessage": "拖放文件开始上传",
+  "neptune.Upload.usPlaceholder": "拖放小于 5MB 的文件",
+  "neptune.UploadButton.allFileTypes": "所有文件类型",
+  "neptune.UploadButton.dropFiles": "拖放文件开始上传",
+  "neptune.UploadButton.instructions": "{fileTypes}，小于 {size}MB",
+  "neptune.UploadButton.uploadFile": "上传文件",
+  "neptune.UploadButton.uploadFiles": "上传文件",
+  "neptune.UploadInput.deleteModalBody": "删除此文件会将其从我们的系统中删除",
   "neptune.UploadInput.deleteModalCancelButtonText": "取消",
-  "neptune.UploadInput.deleteModalConfirmButtonText": "移除",
-  "neptune.UploadInput.deleteModalTitle": "你確定要移除此檔案嗎？",
-  "neptune.UploadInput.fileIsTooLarge": "檔案太大",
-  "neptune.UploadInput.fileTypeNotSupported": "不支持檔案類型",
-  "neptune.UploadInput.maximumFilesAlreadyUploaded": "抱歉，這次上載失敗，因為我們每次最多只能接受{maxFilesAllowed}個檔案。",
-  "neptune.UploadItem.deleting": "刪除中…",
-  "neptune.UploadItem.removeFile": "移除檔案{filename}",
-  "neptune.UploadItem.uploaded": "已上載",
-  "neptune.UploadItem.uploadedFile": "已上載檔案",
-  "neptune.UploadItem.uploading": "上載中...",
-  "neptune.UploadItem.uploadingFailed": "上載失敗"
+  "neptune.UploadInput.deleteModalConfirmButtonText": "删除",
+  "neptune.UploadInput.deleteModalTitle": "确定要删除此文件吗？",
+  "neptune.UploadInput.fileIsTooLarge": "文件太大",
+  "neptune.UploadInput.fileTypeNotSupported": "文件类型不受支持",
+  "neptune.UploadInput.maximumFilesAlreadyUploaded": "抱歉，此上传失败，因为我们一次只能接受 {maxFilesAllowed} 个文件。",
+  "neptune.UploadItem.deleting": "正在删除…",
+  "neptune.UploadItem.removeFile": "删除文件 {filename}",
+  "neptune.UploadItem.uploaded": "已上传",
+  "neptune.UploadItem.uploadedFile": "上传的文件",
+  "neptune.UploadItem.uploading": "正在上传…",
+  "neptune.UploadItem.uploadingFailed": "上传失败"
 }