@transferwise/components 0.0.0-experimental-4c79cff → 0.0.0-experimental-28a3dd5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/avatarLayout/AvatarLayout.js +10 -4
- package/build/avatarLayout/AvatarLayout.js.map +1 -1
- package/build/avatarLayout/AvatarLayout.mjs +10 -4
- package/build/avatarLayout/AvatarLayout.mjs.map +1 -1
- package/build/button/Button.js +86 -79
- package/build/button/Button.js.map +1 -1
- package/build/button/Button.mjs +87 -80
- package/build/button/Button.mjs.map +1 -1
- package/build/button/Button.resolver.js +74 -0
- package/build/button/Button.resolver.js.map +1 -0
- package/build/button/Button.resolver.mjs +72 -0
- package/build/button/Button.resolver.mjs.map +1 -0
- package/build/button/LegacyButton.js +114 -0
- package/build/button/LegacyButton.js.map +1 -0
- package/build/button/LegacyButton.mjs +112 -0
- package/build/button/LegacyButton.mjs.map +1 -0
- package/build/criticalBanner/CriticalCommsBanner.js +2 -2
- package/build/criticalBanner/CriticalCommsBanner.js.map +1 -1
- package/build/criticalBanner/CriticalCommsBanner.mjs +1 -1
- package/build/header/Header.js +2 -2
- package/build/header/Header.js.map +1 -1
- package/build/header/Header.mjs +1 -1
- package/build/i18n/ja.json +0 -1
- package/build/i18n/ja.json.js +0 -1
- package/build/i18n/ja.json.js.map +1 -1
- package/build/i18n/ja.json.mjs +0 -1
- package/build/i18n/ja.json.mjs.map +1 -1
- package/build/i18n/pt.json +0 -1
- package/build/i18n/pt.json.js +0 -1
- package/build/i18n/pt.json.js.map +1 -1
- package/build/i18n/pt.json.mjs +0 -1
- package/build/i18n/pt.json.mjs.map +1 -1
- package/build/i18n/ru.json +0 -1
- package/build/i18n/ru.json.js +0 -1
- package/build/i18n/ru.json.js.map +1 -1
- package/build/i18n/ru.json.mjs +0 -1
- package/build/i18n/ru.json.mjs.map +1 -1
- package/build/i18n/zh-HK.json +0 -1
- package/build/i18n/zh-HK.json.js +0 -1
- package/build/i18n/zh-HK.json.js.map +1 -1
- package/build/i18n/zh-HK.json.mjs +0 -1
- package/build/i18n/zh-HK.json.mjs.map +1 -1
- package/build/index.js +2 -4
- package/build/index.js.map +1 -1
- package/build/index.mjs +1 -2
- package/build/index.mjs.map +1 -1
- package/build/link/Link.js +8 -3
- package/build/link/Link.js.map +1 -1
- package/build/link/Link.mjs +8 -3
- package/build/link/Link.mjs.map +1 -1
- package/build/main.css +227 -13
- package/build/nudge/Nudge.js.map +1 -1
- package/build/nudge/Nudge.mjs.map +1 -1
- package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.js +2 -4
- package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.js.map +1 -1
- package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.mjs +2 -4
- package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.mjs.map +1 -1
- package/build/primitives/PrimitiveButton/src/PrimitiveButton.js +3 -5
- package/build/primitives/PrimitiveButton/src/PrimitiveButton.js.map +1 -1
- package/build/primitives/PrimitiveButton/src/PrimitiveButton.mjs +3 -5
- package/build/primitives/PrimitiveButton/src/PrimitiveButton.mjs.map +1 -1
- package/build/select/Select.js +2 -2
- package/build/select/Select.js.map +1 -1
- package/build/select/Select.mjs +1 -1
- package/build/styles/avatarLayout/AvatarLayout.css +12 -2
- package/build/styles/button/Button.css +207 -15
- package/build/styles/button/Button.vars.css +46 -0
- package/build/styles/button/LegacyButton.css +23 -0
- package/build/styles/main.css +227 -13
- package/build/styles/nudge/Nudge.css +0 -11
- package/build/types/avatarLayout/AvatarLayout.d.ts.map +1 -1
- package/build/types/button/Button.d.ts +2 -23
- package/build/types/button/Button.d.ts.map +1 -1
- package/build/types/button/Button.resolver.d.ts +33 -0
- package/build/types/button/Button.resolver.d.ts.map +1 -0
- package/build/types/button/Button.types.d.ts +67 -0
- package/build/types/button/Button.types.d.ts.map +1 -0
- package/build/types/button/LegacyButton.d.ts +30 -0
- package/build/types/button/LegacyButton.d.ts.map +1 -0
- package/build/types/button/index.d.ts +2 -2
- package/build/types/button/index.d.ts.map +1 -1
- package/build/types/index.d.ts +0 -2
- package/build/types/index.d.ts.map +1 -1
- package/build/types/link/Link.d.ts +2 -2
- package/build/types/link/Link.d.ts.map +1 -1
- package/build/types/nudge/Nudge.d.ts +1 -1
- package/build/types/nudge/Nudge.d.ts.map +1 -1
- package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.d.ts.map +1 -1
- package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.d.ts +6 -2
- package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.d.ts.map +1 -1
- package/build/types/primitives/PrimitiveButton/src/PrimitiveButton.d.ts.map +1 -1
- package/build/types/test-utils/story-config.d.ts +1 -1
- package/build/types/test-utils/story-config.d.ts.map +1 -1
- package/build/types/uploadInput/uploadButton/getAllowedFileTypes.d.ts.map +1 -1
- package/build/upload/steps/completeStep/completeStep.js +2 -2
- package/build/upload/steps/completeStep/completeStep.js.map +1 -1
- package/build/upload/steps/completeStep/completeStep.mjs +1 -1
- package/build/upload/steps/processingStep/processingStep.js +2 -2
- package/build/upload/steps/processingStep/processingStep.js.map +1 -1
- package/build/upload/steps/processingStep/processingStep.mjs +1 -1
- package/build/uploadInput/UploadInput.js +3 -3
- package/build/uploadInput/UploadInput.js.map +1 -1
- package/build/uploadInput/UploadInput.mjs +1 -1
- package/build/uploadInput/uploadButton/getAllowedFileTypes.js +3 -23
- package/build/uploadInput/uploadButton/getAllowedFileTypes.js.map +1 -1
- package/build/uploadInput/uploadButton/getAllowedFileTypes.mjs +3 -23
- package/build/uploadInput/uploadButton/getAllowedFileTypes.mjs.map +1 -1
- package/package.json +3 -3
- package/src/alert/Alert.tests.story.tsx +1 -1
- package/src/avatarLayout/AvatarLayout.css +12 -2
- package/src/avatarLayout/AvatarLayout.less +19 -2
- package/src/avatarLayout/AvatarLayout.tsx +10 -3
- package/src/button/Button.css +207 -15
- package/src/button/Button.less +214 -14
- package/src/button/Button.resolver.tsx +73 -0
- package/src/button/Button.spec.tsx +188 -224
- package/src/button/Button.story.tsx +701 -135
- package/src/button/Button.tests.story.tsx +27 -0
- package/src/button/Button.tsx +99 -131
- package/src/button/Button.types.ts +94 -0
- package/src/button/Button.vars.css +46 -0
- package/src/button/Button.vars.less +60 -0
- package/src/button/LegacyButton.css +23 -0
- package/src/button/LegacyButton.less +24 -0
- package/src/button/LegacyButton.spec.tsx +147 -0
- package/src/button/LegacyButton.story.tsx +220 -0
- package/src/button/LegacyButton.tsx +160 -0
- package/src/button/index.ts +2 -3
- package/src/drawer/Drawer.rtl.spec.tsx +59 -0
- package/src/drawer/Drawer.spec.js +101 -0
- package/src/drawer/__snapshots__/Drawer.rtl.spec.tsx.snap +55 -0
- package/src/field/Field.story.tsx +1 -1
- package/src/flowNavigation/__snapshots__/FlowNavigation.spec.js.snap +1 -2
- package/src/i18n/ja.json +0 -1
- package/src/i18n/pt.json +0 -1
- package/src/i18n/ru.json +0 -1
- package/src/i18n/zh-HK.json +0 -1
- package/src/index.ts +0 -12
- package/src/inputs/SelectInput.story.tsx +1 -1
- package/src/label/Label.story.tsx +1 -1
- package/src/link/Link.tsx +15 -6
- package/src/main.css +227 -13
- package/src/main.less +1 -0
- package/src/nudge/Nudge.css +0 -11
- package/src/nudge/Nudge.less +0 -3
- package/src/nudge/Nudge.story.tsx +0 -10
- package/src/nudge/Nudge.tsx +1 -2
- package/src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.tsx +2 -8
- package/src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.ts +7 -2
- package/src/primitives/PrimitiveAnchor/test/PrimitiveAnchor.spec.tsx +1 -3
- package/src/primitives/PrimitiveButton/src/PrimitiveButton.tsx +4 -12
- package/src/primitives/PrimitiveButton/test/PrimitiveButton.spec.tsx +16 -13
- package/src/test-utils/Parameters.d.ts +9 -1
- package/src/test-utils/story-config.ts +10 -1
- package/src/uploadInput/UploadInput.tests.story.tsx +5 -5
- package/src/uploadInput/uploadButton/getAllowedFileTypes.spec.ts +0 -12
- package/src/uploadInput/uploadButton/getAllowedFileTypes.ts +7 -33
- package/build/table/Table.js +0 -166
- package/build/table/Table.js.map +0 -1
- package/build/table/Table.messages.js +0 -24
- package/build/table/Table.messages.js.map +0 -1
- package/build/table/Table.messages.mjs +0 -22
- package/build/table/Table.messages.mjs.map +0 -1
- package/build/table/Table.mjs +0 -164
- package/build/table/Table.mjs.map +0 -1
- package/build/table/TableCell.js +0 -86
- package/build/table/TableCell.js.map +0 -1
- package/build/table/TableCell.mjs +0 -84
- package/build/table/TableCell.mjs.map +0 -1
- package/build/table/TableHeader.js +0 -57
- package/build/table/TableHeader.js.map +0 -1
- package/build/table/TableHeader.mjs +0 -55
- package/build/table/TableHeader.mjs.map +0 -1
- package/build/table/TableRow.js +0 -85
- package/build/table/TableRow.js.map +0 -1
- package/build/table/TableRow.mjs +0 -83
- package/build/table/TableRow.mjs.map +0 -1
- package/build/table/TableStatusText.js +0 -54
- package/build/table/TableStatusText.js.map +0 -1
- package/build/table/TableStatusText.mjs +0 -52
- package/build/table/TableStatusText.mjs.map +0 -1
- package/src/button/__snapshots__/Button.spec.tsx.snap +0 -309
- package/src/drawer/Drawer.spec.tsx +0 -93
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ja.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ja.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/ja.json.mjs
CHANGED
|
@@ -54,7 +54,6 @@ var ja = {
|
|
|
54
54
|
"neptune.UploadButton.allFileTypes": "すべてのファイル種類",
|
|
55
55
|
"neptune.UploadButton.dropFiles": "ファイルをドロップしてアップロードする",
|
|
56
56
|
"neptune.UploadButton.instructions": "{fileTypes}、{size}MB以下",
|
|
57
|
-
"neptune.UploadButton.maximumFiles": "最大ファイル数:{maxFiles}個",
|
|
58
57
|
"neptune.UploadButton.uploadFile": "ファイルをアップロードする",
|
|
59
58
|
"neptune.UploadButton.uploadFiles": "ファイルをアップロードする",
|
|
60
59
|
"neptune.UploadInput.deleteModalBody": "このファイルを削除すると、当社のシステムからも削除されます。",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ja.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ja.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/pt.json
CHANGED
|
@@ -54,7 +54,6 @@
|
|
|
54
54
|
"neptune.UploadButton.allFileTypes": "Todos os tipos de arquivos",
|
|
55
55
|
"neptune.UploadButton.dropFiles": "Arraste o arquivo para iniciar o envio",
|
|
56
56
|
"neptune.UploadButton.instructions": "{fileTypes}, com menos de {size}MB",
|
|
57
|
-
"neptune.UploadButton.maximumFiles": "Máximo de {maxFiles} arquivos.",
|
|
58
57
|
"neptune.UploadButton.uploadFile": "Enviar arquivo",
|
|
59
58
|
"neptune.UploadButton.uploadFiles": "Enviar arquivos",
|
|
60
59
|
"neptune.UploadInput.deleteModalBody": "Se você remover este arquivo, ele será permanentemente excluído do nosso sistema.",
|
package/build/i18n/pt.json.js
CHANGED
|
@@ -56,7 +56,6 @@ var pt = {
|
|
|
56
56
|
"neptune.UploadButton.allFileTypes": "Todos os tipos de arquivos",
|
|
57
57
|
"neptune.UploadButton.dropFiles": "Arraste o arquivo para iniciar o envio",
|
|
58
58
|
"neptune.UploadButton.instructions": "{fileTypes}, com menos de {size}MB",
|
|
59
|
-
"neptune.UploadButton.maximumFiles": "Máximo de {maxFiles} arquivos.",
|
|
60
59
|
"neptune.UploadButton.uploadFile": "Enviar arquivo",
|
|
61
60
|
"neptune.UploadButton.uploadFiles": "Enviar arquivos",
|
|
62
61
|
"neptune.UploadInput.deleteModalBody": "Se você remover este arquivo, ele será permanentemente excluído do nosso sistema.",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/pt.json.mjs
CHANGED
|
@@ -54,7 +54,6 @@ var pt = {
|
|
|
54
54
|
"neptune.UploadButton.allFileTypes": "Todos os tipos de arquivos",
|
|
55
55
|
"neptune.UploadButton.dropFiles": "Arraste o arquivo para iniciar o envio",
|
|
56
56
|
"neptune.UploadButton.instructions": "{fileTypes}, com menos de {size}MB",
|
|
57
|
-
"neptune.UploadButton.maximumFiles": "Máximo de {maxFiles} arquivos.",
|
|
58
57
|
"neptune.UploadButton.uploadFile": "Enviar arquivo",
|
|
59
58
|
"neptune.UploadButton.uploadFiles": "Enviar arquivos",
|
|
60
59
|
"neptune.UploadInput.deleteModalBody": "Se você remover este arquivo, ele será permanentemente excluído do nosso sistema.",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/ru.json
CHANGED
|
@@ -54,7 +54,6 @@
|
|
|
54
54
|
"neptune.UploadButton.allFileTypes": "Все типы файлов",
|
|
55
55
|
"neptune.UploadButton.dropFiles": "Перетащите файл, чтобы начать загрузку",
|
|
56
56
|
"neptune.UploadButton.instructions": "{fileTypes}, не превышающий {size} MB",
|
|
57
|
-
"neptune.UploadButton.maximumFiles": "Макс. количество файлов: {maxFiles}.",
|
|
58
57
|
"neptune.UploadButton.uploadFile": "Загрузить файл",
|
|
59
58
|
"neptune.UploadButton.uploadFiles": "Загрузить файлы",
|
|
60
59
|
"neptune.UploadInput.deleteModalBody": "Удаление этого файла приведет к его удалению из нашей системы.",
|
package/build/i18n/ru.json.js
CHANGED
|
@@ -56,7 +56,6 @@ var ru = {
|
|
|
56
56
|
"neptune.UploadButton.allFileTypes": "Все типы файлов",
|
|
57
57
|
"neptune.UploadButton.dropFiles": "Перетащите файл, чтобы начать загрузку",
|
|
58
58
|
"neptune.UploadButton.instructions": "{fileTypes}, не превышающий {size} MB",
|
|
59
|
-
"neptune.UploadButton.maximumFiles": "Макс. количество файлов: {maxFiles}.",
|
|
60
59
|
"neptune.UploadButton.uploadFile": "Загрузить файл",
|
|
61
60
|
"neptune.UploadButton.uploadFiles": "Загрузить файлы",
|
|
62
61
|
"neptune.UploadInput.deleteModalBody": "Удаление этого файла приведет к его удалению из нашей системы.",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/ru.json.mjs
CHANGED
|
@@ -54,7 +54,6 @@ var ru = {
|
|
|
54
54
|
"neptune.UploadButton.allFileTypes": "Все типы файлов",
|
|
55
55
|
"neptune.UploadButton.dropFiles": "Перетащите файл, чтобы начать загрузку",
|
|
56
56
|
"neptune.UploadButton.instructions": "{fileTypes}, не превышающий {size} MB",
|
|
57
|
-
"neptune.UploadButton.maximumFiles": "Макс. количество файлов: {maxFiles}.",
|
|
58
57
|
"neptune.UploadButton.uploadFile": "Загрузить файл",
|
|
59
58
|
"neptune.UploadButton.uploadFiles": "Загрузить файлы",
|
|
60
59
|
"neptune.UploadInput.deleteModalBody": "Удаление этого файла приведет к его удалению из нашей системы.",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/zh-HK.json
CHANGED
|
@@ -54,7 +54,6 @@
|
|
|
54
54
|
"neptune.UploadButton.allFileTypes": "所有檔案類型",
|
|
55
55
|
"neptune.UploadButton.dropFiles": "拖放檔案以開始上載",
|
|
56
56
|
"neptune.UploadButton.instructions": "{fileTypes},小於{size}MB",
|
|
57
|
-
"neptune.UploadButton.maximumFiles": "最多{maxFiles}個檔案。",
|
|
58
57
|
"neptune.UploadButton.uploadFile": "上載檔案",
|
|
59
58
|
"neptune.UploadButton.uploadFiles": "上載檔案",
|
|
60
59
|
"neptune.UploadInput.deleteModalBody": "移除此檔案會把它從我們的系統中刪除。",
|
package/build/i18n/zh-HK.json.js
CHANGED
|
@@ -56,7 +56,6 @@ var zhHK = {
|
|
|
56
56
|
"neptune.UploadButton.allFileTypes": "所有檔案類型",
|
|
57
57
|
"neptune.UploadButton.dropFiles": "拖放檔案以開始上載",
|
|
58
58
|
"neptune.UploadButton.instructions": "{fileTypes},小於{size}MB",
|
|
59
|
-
"neptune.UploadButton.maximumFiles": "最多{maxFiles}個檔案。",
|
|
60
59
|
"neptune.UploadButton.uploadFile": "上載檔案",
|
|
61
60
|
"neptune.UploadButton.uploadFiles": "上載檔案",
|
|
62
61
|
"neptune.UploadInput.deleteModalBody": "移除此檔案會把它從我們的系統中刪除。",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zh-HK.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"zh-HK.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -54,7 +54,6 @@ var zhHK = {
|
|
|
54
54
|
"neptune.UploadButton.allFileTypes": "所有檔案類型",
|
|
55
55
|
"neptune.UploadButton.dropFiles": "拖放檔案以開始上載",
|
|
56
56
|
"neptune.UploadButton.instructions": "{fileTypes},小於{size}MB",
|
|
57
|
-
"neptune.UploadButton.maximumFiles": "最多{maxFiles}個檔案。",
|
|
58
57
|
"neptune.UploadButton.uploadFile": "上載檔案",
|
|
59
58
|
"neptune.UploadButton.uploadFiles": "上載檔案",
|
|
60
59
|
"neptune.UploadInput.deleteModalBody": "移除此檔案會把它從我們的系統中刪除。",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zh-HK.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"zh-HK.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/index.js
CHANGED
|
@@ -21,7 +21,7 @@ require('react/jsx-runtime');
|
|
|
21
21
|
var Image = require('./image/Image.js');
|
|
22
22
|
require('@transferwise/icons');
|
|
23
23
|
var Body = require('./body/Body.js');
|
|
24
|
-
var
|
|
24
|
+
var Button_resolver = require('./button/Button.resolver.js');
|
|
25
25
|
var IconButton = require('./iconButton/IconButton.js');
|
|
26
26
|
var Carousel = require('./carousel/Carousel.js');
|
|
27
27
|
var Card = require('./card/Card.js');
|
|
@@ -106,7 +106,6 @@ var Tooltip = require('./tooltip/Tooltip.js');
|
|
|
106
106
|
var Typeahead = require('./typeahead/Typeahead.js');
|
|
107
107
|
var Upload = require('./upload/Upload.js');
|
|
108
108
|
var UploadInput = require('./uploadInput/UploadInput.js');
|
|
109
|
-
var Table = require('./table/Table.js');
|
|
110
109
|
require('@transferwise/neptune-validation');
|
|
111
110
|
var useDirection = require('./common/hooks/useDirection/useDirection.js');
|
|
112
111
|
var useLayout = require('./common/hooks/useLayout/useLayout.js');
|
|
@@ -165,7 +164,7 @@ Object.defineProperty(exports, "Breakpoint", {
|
|
|
165
164
|
});
|
|
166
165
|
exports.Image = Image.default;
|
|
167
166
|
exports.Body = Body;
|
|
168
|
-
exports.Button =
|
|
167
|
+
exports.Button = Button_resolver;
|
|
169
168
|
exports.IconButton = IconButton;
|
|
170
169
|
exports.Carousel = Carousel;
|
|
171
170
|
exports.Card = Card;
|
|
@@ -272,7 +271,6 @@ Object.defineProperty(exports, "UploadStep", {
|
|
|
272
271
|
get: function () { return Upload.UploadStep; }
|
|
273
272
|
});
|
|
274
273
|
exports.UploadInput = UploadInput;
|
|
275
|
-
exports.Table = Table;
|
|
276
274
|
exports.useDirection = useDirection.useDirection;
|
|
277
275
|
exports.useLayout = useLayout.useLayout;
|
|
278
276
|
exports.useScreenSize = useScreenSize.useScreenSize;
|
package/build/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/index.mjs
CHANGED
|
@@ -19,7 +19,7 @@ import 'react/jsx-runtime';
|
|
|
19
19
|
export { default as Image } from './image/Image.mjs';
|
|
20
20
|
import '@transferwise/icons';
|
|
21
21
|
export { default as Body } from './body/Body.mjs';
|
|
22
|
-
export { default as Button } from './button/Button.mjs';
|
|
22
|
+
export { default as Button } from './button/Button.resolver.mjs';
|
|
23
23
|
export { default as IconButton } from './iconButton/IconButton.mjs';
|
|
24
24
|
export { default as Carousel } from './carousel/Carousel.mjs';
|
|
25
25
|
export { default as Card } from './card/Card.mjs';
|
|
@@ -104,7 +104,6 @@ export { default as Tooltip } from './tooltip/Tooltip.mjs';
|
|
|
104
104
|
export { default as Typeahead } from './typeahead/Typeahead.mjs';
|
|
105
105
|
export { default as Upload, UploadStep } from './upload/Upload.mjs';
|
|
106
106
|
export { default as UploadInput } from './uploadInput/UploadInput.mjs';
|
|
107
|
-
export { default as Table } from './table/Table.mjs';
|
|
108
107
|
import '@transferwise/neptune-validation';
|
|
109
108
|
export { useDirection } from './common/hooks/useDirection/useDirection.mjs';
|
|
110
109
|
export { useLayout } from './common/hooks/useLayout/useLayout.mjs';
|
package/build/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/link/Link.js
CHANGED
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
var icons = require('@transferwise/icons');
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var reactIntl = require('react-intl');
|
|
6
|
+
require('../primitives/PrimitiveButton/src/PrimitiveButton.js');
|
|
7
|
+
var PrimitiveAnchor = require('../primitives/PrimitiveAnchor/src/PrimitiveAnchor.js');
|
|
6
8
|
var Link_messages = require('./Link.messages.js');
|
|
7
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
10
|
|
|
@@ -16,14 +18,17 @@ const Link = ({
|
|
|
16
18
|
onClick,
|
|
17
19
|
...props
|
|
18
20
|
}) => {
|
|
19
|
-
const isBlank = target === '_blank';
|
|
20
21
|
const {
|
|
21
22
|
formatMessage
|
|
22
23
|
} = reactIntl.useIntl();
|
|
23
|
-
|
|
24
|
+
const isBlank = target === '_blank';
|
|
25
|
+
const classNames = clsx.clsx('np-link', 'd-inline-flex', {
|
|
26
|
+
[`np-text-${type}`]: type
|
|
27
|
+
}, className);
|
|
28
|
+
return /*#__PURE__*/jsxRuntime.jsxs(PrimitiveAnchor, {
|
|
24
29
|
href: href,
|
|
25
30
|
target: target,
|
|
26
|
-
className:
|
|
31
|
+
className: classNames,
|
|
27
32
|
"aria-label": ariaLabel,
|
|
28
33
|
rel: isBlank ? 'noreferrer' : undefined,
|
|
29
34
|
onClick: onClick,
|
package/build/link/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../src/link/Link.tsx"],"sourcesContent":["import { NavigateAway as NavigateAwayIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport {
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../src/link/Link.tsx"],"sourcesContent":["import { NavigateAway as NavigateAwayIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\nimport { PrimitiveAnchor } from '../primitives';\nimport type { PrimitiveAnchorProps } from '../primitives';\n\nimport { LinkLarge, LinkDefault } from '../common';\n\nimport messages from './Link.messages';\n\nexport type Props = PrimitiveAnchorProps & { type?: LinkLarge | LinkDefault };\n\n/**\n * Standard Link component with navigate away icon\n *\n * Documentation: https://transferwise.github.io/neptune-web/components/content/Link\n */\nconst Link = ({\n className,\n children,\n href,\n target,\n type,\n 'aria-label': ariaLabel,\n onClick,\n ...props\n}: Props) => {\n const { formatMessage } = useIntl();\n const isBlank = target === '_blank';\n\n const classNames = clsx(\n 'np-link',\n 'd-inline-flex',\n {\n [`np-text-${type}`]: type,\n },\n className,\n );\n\n return (\n <PrimitiveAnchor\n href={href}\n target={target}\n className={classNames}\n aria-label={ariaLabel}\n rel={isBlank ? 'noreferrer' : undefined}\n onClick={onClick}\n {...props}\n >\n {children} {isBlank && <NavigateAwayIcon title={formatMessage(messages.opensInNewTab)} />}\n </PrimitiveAnchor>\n );\n};\n\nexport default Link;\n"],"names":["Link","className","children","href","target","type","ariaLabel","onClick","props","formatMessage","useIntl","isBlank","classNames","clsx","_jsxs","PrimitiveAnchor","rel","undefined","_jsx","NavigateAwayIcon","title","messages","opensInNewTab"],"mappings":";;;;;;;;;;AAiBMA,MAAAA,IAAI,GAAGA,CAAC;EACZC,SAAS;EACTC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,IAAI;AACJ,EAAA,YAAY,EAAEC,SAAS;EACvBC,OAAO;EACP,GAAGC,KAAAA;AACG,CAAA,KAAI;EACV,MAAM;AAAEC,IAAAA,aAAAA;GAAe,GAAGC,iBAAO,EAAE,CAAA;AACnC,EAAA,MAAMC,OAAO,GAAGP,MAAM,KAAK,QAAQ,CAAA;AAEnC,EAAA,MAAMQ,UAAU,GAAGC,SAAI,CACrB,SAAS,EACT,eAAe,EACf;IACE,CAAC,CAAA,QAAA,EAAWR,IAAI,CAAA,CAAE,GAAGA,IAAAA;GACtB,EACDJ,SAAS,CACV,CAAA;EAED,oBACEa,eAAA,CAACC,eAAe,EAAA;AACdZ,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAO;AACfH,IAAAA,SAAS,EAAEW,UAAW;AACtB,IAAA,YAAA,EAAYN,SAAU;AACtBU,IAAAA,GAAG,EAAEL,OAAO,GAAG,YAAY,GAAGM,SAAU;AACxCV,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbC,KAAK;IAAAN,QAAA,EAAA,CAERA,QAAQ,EAAE,GAAA,EAACS,OAAO,iBAAIO,cAAA,CAACC,kBAAgB,EAAA;AAACC,MAAAA,KAAK,EAAEX,aAAa,CAACY,aAAQ,CAACC,aAAa,CAAA;AAAE,MAAG,CAAA;AAAA,GAC1E,CAAC,CAAA;AAEtB;;;;"}
|
package/build/link/Link.mjs
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { NavigateAway } from '@transferwise/icons';
|
|
2
2
|
import { clsx } from 'clsx';
|
|
3
3
|
import { useIntl } from 'react-intl';
|
|
4
|
+
import '../primitives/PrimitiveButton/src/PrimitiveButton.mjs';
|
|
5
|
+
import PrimitiveAnchor from '../primitives/PrimitiveAnchor/src/PrimitiveAnchor.mjs';
|
|
4
6
|
import messages from './Link.messages.mjs';
|
|
5
7
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
8
|
|
|
@@ -14,14 +16,17 @@ const Link = ({
|
|
|
14
16
|
onClick,
|
|
15
17
|
...props
|
|
16
18
|
}) => {
|
|
17
|
-
const isBlank = target === '_blank';
|
|
18
19
|
const {
|
|
19
20
|
formatMessage
|
|
20
21
|
} = useIntl();
|
|
21
|
-
|
|
22
|
+
const isBlank = target === '_blank';
|
|
23
|
+
const classNames = clsx('np-link', 'd-inline-flex', {
|
|
24
|
+
[`np-text-${type}`]: type
|
|
25
|
+
}, className);
|
|
26
|
+
return /*#__PURE__*/jsxs(PrimitiveAnchor, {
|
|
22
27
|
href: href,
|
|
23
28
|
target: target,
|
|
24
|
-
className:
|
|
29
|
+
className: classNames,
|
|
25
30
|
"aria-label": ariaLabel,
|
|
26
31
|
rel: isBlank ? 'noreferrer' : undefined,
|
|
27
32
|
onClick: onClick,
|
package/build/link/Link.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.mjs","sources":["../../src/link/Link.tsx"],"sourcesContent":["import { NavigateAway as NavigateAwayIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport {
|
|
1
|
+
{"version":3,"file":"Link.mjs","sources":["../../src/link/Link.tsx"],"sourcesContent":["import { NavigateAway as NavigateAwayIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\nimport { PrimitiveAnchor } from '../primitives';\nimport type { PrimitiveAnchorProps } from '../primitives';\n\nimport { LinkLarge, LinkDefault } from '../common';\n\nimport messages from './Link.messages';\n\nexport type Props = PrimitiveAnchorProps & { type?: LinkLarge | LinkDefault };\n\n/**\n * Standard Link component with navigate away icon\n *\n * Documentation: https://transferwise.github.io/neptune-web/components/content/Link\n */\nconst Link = ({\n className,\n children,\n href,\n target,\n type,\n 'aria-label': ariaLabel,\n onClick,\n ...props\n}: Props) => {\n const { formatMessage } = useIntl();\n const isBlank = target === '_blank';\n\n const classNames = clsx(\n 'np-link',\n 'd-inline-flex',\n {\n [`np-text-${type}`]: type,\n },\n className,\n );\n\n return (\n <PrimitiveAnchor\n href={href}\n target={target}\n className={classNames}\n aria-label={ariaLabel}\n rel={isBlank ? 'noreferrer' : undefined}\n onClick={onClick}\n {...props}\n >\n {children} {isBlank && <NavigateAwayIcon title={formatMessage(messages.opensInNewTab)} />}\n </PrimitiveAnchor>\n );\n};\n\nexport default Link;\n"],"names":["Link","className","children","href","target","type","ariaLabel","onClick","props","formatMessage","useIntl","isBlank","classNames","clsx","_jsxs","PrimitiveAnchor","rel","undefined","_jsx","NavigateAwayIcon","title","messages","opensInNewTab"],"mappings":";;;;;;;;AAiBMA,MAAAA,IAAI,GAAGA,CAAC;EACZC,SAAS;EACTC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,IAAI;AACJ,EAAA,YAAY,EAAEC,SAAS;EACvBC,OAAO;EACP,GAAGC,KAAAA;AACG,CAAA,KAAI;EACV,MAAM;AAAEC,IAAAA,aAAAA;GAAe,GAAGC,OAAO,EAAE,CAAA;AACnC,EAAA,MAAMC,OAAO,GAAGP,MAAM,KAAK,QAAQ,CAAA;AAEnC,EAAA,MAAMQ,UAAU,GAAGC,IAAI,CACrB,SAAS,EACT,eAAe,EACf;IACE,CAAC,CAAA,QAAA,EAAWR,IAAI,CAAA,CAAE,GAAGA,IAAAA;GACtB,EACDJ,SAAS,CACV,CAAA;EAED,oBACEa,IAAA,CAACC,eAAe,EAAA;AACdZ,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAO;AACfH,IAAAA,SAAS,EAAEW,UAAW;AACtB,IAAA,YAAA,EAAYN,SAAU;AACtBU,IAAAA,GAAG,EAAEL,OAAO,GAAG,YAAY,GAAGM,SAAU;AACxCV,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbC,KAAK;IAAAN,QAAA,EAAA,CAERA,QAAQ,EAAE,GAAA,EAACS,OAAO,iBAAIO,GAAA,CAACC,YAAgB,EAAA;AAACC,MAAAA,KAAK,EAAEX,aAAa,CAACY,QAAQ,CAACC,aAAa,CAAA;AAAE,MAAG,CAAA;AAAA,GAC1E,CAAC,CAAA;AAEtB;;;;"}
|
package/build/main.css
CHANGED
|
@@ -518,13 +518,20 @@ div.critical-comms .critical-comms-body {
|
|
|
518
518
|
-webkit-mask-image: radial-gradient(circle at bottom calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)) right calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)), transparent 0, transparent calc(var(--np-avatar-size) / 2 + 2px), black 0);
|
|
519
519
|
mask-image: radial-gradient(circle at bottom calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)) right calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)), transparent 0, transparent calc(var(--np-avatar-size) / 2 + 2px), black 0);
|
|
520
520
|
}
|
|
521
|
+
[dir="rtl"] .np-avatar-layout-diagonal-mask {
|
|
522
|
+
-webkit-mask-image: radial-gradient(circle at bottom calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)) left calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)), transparent 0, transparent calc(var(--np-avatar-size) / 2 + 2px), black 0);
|
|
523
|
+
mask-image: radial-gradient(circle at bottom calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)) left calc(100% - var(--np-avatar-size) - var(--np-avatar-offset)), transparent 0, transparent calc(var(--np-avatar-size) / 2 + 2px), black 0);
|
|
524
|
+
}
|
|
521
525
|
.np-avatar-layout-diagonal-child {
|
|
522
526
|
margin-left: calc(var(--np-avatar-layout-size) - var(--np-avatar-size) * 2);
|
|
523
527
|
margin-top: calc(var(--np-avatar-layout-size) - var(--np-avatar-size));
|
|
524
528
|
}
|
|
529
|
+
[dir="rtl"] .np-avatar-layout-diagonal-child {
|
|
530
|
+
margin-left: 0;
|
|
531
|
+
margin-right: calc(var(--np-avatar-layout-size) - var(--np-avatar-size) * 2);
|
|
532
|
+
}
|
|
525
533
|
.np-avatar-layout-horizontal {
|
|
526
|
-
width: calc(var(--np-avatar-size) *
|
|
527
|
-
width: calc(var(--np-avatar-size) * var(--np-avatar-avatars-count) - calc(var(--np-avatar-offset) * calc(var(--np-avatar-avatars-count) - 1)));
|
|
534
|
+
width: calc(var(--np-avatar-size) * 2 - var(--np-avatar-offset));
|
|
528
535
|
height: var(--np-avatar-layout-size);
|
|
529
536
|
}
|
|
530
537
|
.np-avatar-layout-horizontal-mask {
|
|
@@ -536,6 +543,9 @@ div.critical-comms .critical-comms-body {
|
|
|
536
543
|
.np-avatar-layout-horizontal-child {
|
|
537
544
|
margin-left: calc(var(--np-avatar-offset) * -1);
|
|
538
545
|
}
|
|
546
|
+
[dir="rtl"] .np-avatar-layout-horizontal-child {
|
|
547
|
+
margin-right: calc(var(--np-avatar-offset) * -1);
|
|
548
|
+
}
|
|
539
549
|
.np-icon-button {
|
|
540
550
|
border: none;
|
|
541
551
|
}
|
|
@@ -706,6 +716,221 @@ div.critical-comms .critical-comms-body {
|
|
|
706
716
|
.np-btn.disabled[class] {
|
|
707
717
|
pointer-events: auto;
|
|
708
718
|
}
|
|
719
|
+
.wds-Button {
|
|
720
|
+
--Button-background: var(--color-interactive-accent);
|
|
721
|
+
--Button-background-hover: var(--color-interactive-accent-hover);
|
|
722
|
+
--Button-background-active: var(--color-interactive-accent-active);
|
|
723
|
+
--Button-color: var(--color-interactive-control);
|
|
724
|
+
--Button-border-radius: var(--radius-full);
|
|
725
|
+
--Button-label-gap: var(--size-4);
|
|
726
|
+
--Button-large-padding: var(--size-12) var(--size-16);
|
|
727
|
+
--Button-medium-padding: var(--size-8) var(--size-12);
|
|
728
|
+
--Button-small-padding: calc(var(--size-10) * 0.5) var(--size-12);
|
|
729
|
+
--Button-avatar-border-color: var(--color-border-neutral);
|
|
730
|
+
--Button-transition-duration: 150ms;
|
|
731
|
+
--Button-transition-easing: ease-in-out;
|
|
732
|
+
--Button-secondary-background: var(--color-interactive-neutral);
|
|
733
|
+
--Button-secondary-background-hover: var(--color-interactive-neutral-hover);
|
|
734
|
+
--Button-secondary-background-active: var(--color-interactive-neutral-active);
|
|
735
|
+
--Button-secondary-color: var(--color-interactive-primary);
|
|
736
|
+
--Button-tertiary-background: var(--color-background-neutral);
|
|
737
|
+
--Button-tertiary-background-hover: var(--color-background-neutral-hover);
|
|
738
|
+
--Button-tertiary-background-active: var(--color-background-neutral-active);
|
|
739
|
+
--Button-tertiary-color: var(--color-content-primary);
|
|
740
|
+
--Button-minimal-background: transparent;
|
|
741
|
+
--Button-minimal-background-hover: var(--color-background-screen-hover);
|
|
742
|
+
--Button-minimal-background-active: var(--color-background-screen-active);
|
|
743
|
+
--Button-minimal-color: var(--color-interactive-primary);
|
|
744
|
+
--Button-primary-negative-background: var(--color-sentiment-negative-primary);
|
|
745
|
+
--Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
|
|
746
|
+
--Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
|
|
747
|
+
--Button-primary-negative-color: var(--color-contrast-overlay);
|
|
748
|
+
--Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
|
|
749
|
+
--Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
|
|
750
|
+
--Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
|
|
751
|
+
--Button-secondary-negative-color: var(--color-sentiment-negative-primary);
|
|
752
|
+
}
|
|
753
|
+
.np-theme-personal--bright-green .wds-Button {
|
|
754
|
+
--Button-primary-negative-color: var(--color-white);
|
|
755
|
+
--Button-secondary-color: var(--color-interactive-control);
|
|
756
|
+
--Button-secondary-negative-color: var(--color-white);
|
|
757
|
+
}
|
|
758
|
+
.np-theme-personal--forest-green .wds-Button {
|
|
759
|
+
--Button-secondary-background: var(--color-interactive-neutral);
|
|
760
|
+
--Button-secondary-negative-background: var(--color-sentiment-negative-primary);
|
|
761
|
+
--Button-secondary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
|
|
762
|
+
--Button-secondary-negative-background-active: var(--color-sentiment-negative-primary-active);
|
|
763
|
+
--Button-secondary-negative-color: var(--color-contrast-overlay);
|
|
764
|
+
}
|
|
765
|
+
/* Button Styles */
|
|
766
|
+
.wds-Button {
|
|
767
|
+
display: inline-flex;
|
|
768
|
+
flex: none;
|
|
769
|
+
width: auto;
|
|
770
|
+
align-items: center;
|
|
771
|
+
justify-content: center;
|
|
772
|
+
vertical-align: middle;
|
|
773
|
+
text-align: center;
|
|
774
|
+
-webkit-text-decoration: none;
|
|
775
|
+
text-decoration: none;
|
|
776
|
+
white-space: nowrap;
|
|
777
|
+
word-wrap: break-word;
|
|
778
|
+
-webkit-appearance: none;
|
|
779
|
+
-moz-appearance: none;
|
|
780
|
+
appearance: none;
|
|
781
|
+
background-color: var(--Button-background);
|
|
782
|
+
border: none;
|
|
783
|
+
border-radius: var(--Button-border-radius);
|
|
784
|
+
color: var(--Button-color);
|
|
785
|
+
cursor: pointer;
|
|
786
|
+
transition: color, background-color var(--Button-transition-duration) var(--Button-transition-easing);
|
|
787
|
+
}
|
|
788
|
+
.wds-Button:hover {
|
|
789
|
+
background-color: var(--Button-background-hover);
|
|
790
|
+
}
|
|
791
|
+
.wds-Button:active {
|
|
792
|
+
background-color: var(--Button-background-active);
|
|
793
|
+
}
|
|
794
|
+
.wds-Button.wds-Button--disabled,
|
|
795
|
+
.wds-Button:disabled {
|
|
796
|
+
filter: none;
|
|
797
|
+
mix-blend-mode: luminosity;
|
|
798
|
+
opacity: 0.45;
|
|
799
|
+
cursor: not-allowed;
|
|
800
|
+
}
|
|
801
|
+
.wds-Button.wds-Button--disabled,
|
|
802
|
+
.wds-Button:disabled,
|
|
803
|
+
.wds-Button.wds-Button--disabled:hover,
|
|
804
|
+
.wds-Button:disabled:hover,
|
|
805
|
+
.wds-Button.wds-Button--disabled:active,
|
|
806
|
+
.wds-Button:disabled:active {
|
|
807
|
+
background-color: var(--Button-background);
|
|
808
|
+
}
|
|
809
|
+
.wds-Button--secondary {
|
|
810
|
+
--Button-background: var(--Button-secondary-background);
|
|
811
|
+
--Button-background-hover: var(--Button-secondary-background-hover);
|
|
812
|
+
--Button-background-active: var(--Button-secondary-background-active);
|
|
813
|
+
--Button-color: var(--Button-secondary-color);
|
|
814
|
+
}
|
|
815
|
+
.wds-Button--tertiary {
|
|
816
|
+
--Button-background: var(--Button-tertiary-background);
|
|
817
|
+
--Button-background-hover: var(--Button-tertiary-background-hover);
|
|
818
|
+
--Button-background-active: var(--Button-tertiary-background-active);
|
|
819
|
+
--Button-color: var(--Button-tertiary-color);
|
|
820
|
+
}
|
|
821
|
+
.wds-Button--tertiary .wds-Button-icon--end {
|
|
822
|
+
color: var(--color-interactive-primary);
|
|
823
|
+
}
|
|
824
|
+
.wds-Button--minimal {
|
|
825
|
+
--Button-background: var(--Button-minimal-background);
|
|
826
|
+
--Button-background-hover: var(--Button-minimal-background-hover);
|
|
827
|
+
--Button-background-active: var(--Button-minimal-background-active);
|
|
828
|
+
--Button-color: var(--Button-minimal-color);
|
|
829
|
+
-webkit-text-decoration: underline;
|
|
830
|
+
text-decoration: underline;
|
|
831
|
+
text-underline-offset: 3px;
|
|
832
|
+
text-decoration-thickness: 1px;
|
|
833
|
+
}
|
|
834
|
+
.wds-Button--negative.wds-Button--primary {
|
|
835
|
+
--Button-background: var(--Button-primary-negative-background);
|
|
836
|
+
--Button-background-hover: var(--Button-primary-negative-background-hover);
|
|
837
|
+
--Button-background-active: var(--Button-primary-negative-background-active);
|
|
838
|
+
--Button-color: var(--Button-primary-negative-color);
|
|
839
|
+
}
|
|
840
|
+
.wds-Button--negative.wds-Button--secondary {
|
|
841
|
+
--Button-background: var(--Button-secondary-negative-background);
|
|
842
|
+
--Button-background-hover: var(--Button-secondary-negative-background-hover);
|
|
843
|
+
--Button-background-active: var(--Button-secondary-negative-background-active);
|
|
844
|
+
--Button-color: var(--Button-secondary-negative-color);
|
|
845
|
+
}
|
|
846
|
+
.wds-Button--large {
|
|
847
|
+
padding: var(--Button-large-padding);
|
|
848
|
+
}
|
|
849
|
+
.wds-Button--medium {
|
|
850
|
+
padding: var(--Button-medium-padding);
|
|
851
|
+
}
|
|
852
|
+
.wds-Button--medium:has(.wds-Button-avatars) {
|
|
853
|
+
padding-inline-start: 8px;
|
|
854
|
+
padding-inline-start: var(--size-8);
|
|
855
|
+
}
|
|
856
|
+
.wds-Button--medium:has(.wds-Button-icon--end) {
|
|
857
|
+
padding-inline-end: 8px;
|
|
858
|
+
padding-inline-end: var(--size-8);
|
|
859
|
+
}
|
|
860
|
+
.wds-Button--medium .wds-Button-icon--start {
|
|
861
|
+
margin-inline-end: var(--Button-label-gap);
|
|
862
|
+
}
|
|
863
|
+
.wds-Button--small {
|
|
864
|
+
padding: var(--Button-small-padding);
|
|
865
|
+
}
|
|
866
|
+
.wds-Button--small:has(.wds-Button-icon--start) {
|
|
867
|
+
padding-inline-start: 8px;
|
|
868
|
+
padding-inline-start: var(--size-8);
|
|
869
|
+
}
|
|
870
|
+
.wds-Button--small:has(.wds-Button-icon--end) {
|
|
871
|
+
padding-inline-end: 8px;
|
|
872
|
+
padding-inline-end: var(--size-8);
|
|
873
|
+
}
|
|
874
|
+
.wds-Button--block {
|
|
875
|
+
width: 100%;
|
|
876
|
+
}
|
|
877
|
+
.wds-Button-avatars {
|
|
878
|
+
display: inline-flex;
|
|
879
|
+
}
|
|
880
|
+
.wds-Button-avatars .np-avatar-view .np-avatar-view-content {
|
|
881
|
+
color: var(--Button-color);
|
|
882
|
+
}
|
|
883
|
+
.wds-Button-icon {
|
|
884
|
+
display: inline-block;
|
|
885
|
+
}
|
|
886
|
+
.wds-Button-content {
|
|
887
|
+
position: relative;
|
|
888
|
+
}
|
|
889
|
+
.wds-Button-content--loading .wds-Button-label,
|
|
890
|
+
.wds-Button-content--loading .wds-Button-media,
|
|
891
|
+
.wds-Button-content--loading .wds-Button-icon {
|
|
892
|
+
visibility: hidden;
|
|
893
|
+
opacity: 0;
|
|
894
|
+
}
|
|
895
|
+
.wds-Button-label {
|
|
896
|
+
display: flex;
|
|
897
|
+
justify-content: center;
|
|
898
|
+
align-items: center;
|
|
899
|
+
gap: var(--Button-label-gap);
|
|
900
|
+
position: relative;
|
|
901
|
+
}
|
|
902
|
+
.wds-Button-loader {
|
|
903
|
+
position: absolute;
|
|
904
|
+
width: 100%;
|
|
905
|
+
height: 100%;
|
|
906
|
+
}
|
|
907
|
+
.wds-Button-loader .process-circle {
|
|
908
|
+
stroke: var(--Button-color);
|
|
909
|
+
}
|
|
910
|
+
/* Avatar border transparency */
|
|
911
|
+
/* dark buttons get 20% transparency, light buttons get 12% */
|
|
912
|
+
.wds-Button-avatars .np-circle {
|
|
913
|
+
--circle-border-color: color-mix(in srgb, var(--Button-color) 20%, transparent);
|
|
914
|
+
}
|
|
915
|
+
.np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--secondary.wds-Button--negative .wds-Button-avatars .np-circle,
|
|
916
|
+
.np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--secondary .wds-Button-avatars .np-circle,
|
|
917
|
+
.np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--tertiary .wds-Button-avatars .np-circle,
|
|
918
|
+
.np-theme-personal:not(.np-theme-personal--dark):not(.np-theme-personal--forest-green):not(.np-theme-personal--bright-green) .wds-Button--minimal .wds-Button-avatars .np-circle {
|
|
919
|
+
--circle-border-color: color-mix(in srgb, var(--Button-color) 12%, transparent);
|
|
920
|
+
}
|
|
921
|
+
.np-theme-personal--dark .wds-Button--primary .wds-Button-avatars .np-circle,
|
|
922
|
+
.np-theme-personal--dark .wds-Button--primary.wds-Button--negative .wds-Button-avatars .np-circle,
|
|
923
|
+
.np-theme-personal--forest-green .wds-Button--primary .wds-Button-avatars .np-circle,
|
|
924
|
+
.np-theme-personal--forest-green .wds-Button--primary.wds-Button--negative .wds-Button-avatars .np-circle {
|
|
925
|
+
--circle-border-color: color-mix(in srgb, var(--Button-color) 12%, transparent);
|
|
926
|
+
}
|
|
927
|
+
.np-theme-personal--bright-green .wds-Button--tertiary .wds-Button-avatars .np-circle,
|
|
928
|
+
.np-theme-personal--bright-green .wds-Button--minimal .wds-Button-avatars .np-circle {
|
|
929
|
+
--circle-border-color: color-mix(in srgb, var(--Button-color) 12%, transparent);
|
|
930
|
+
}
|
|
931
|
+
[dir="rtl"] .wds-Button .tw-icon-chevron-right,[dir="rtl"] .wds-Button .tw-icon-arrow-right,[dir="rtl"] .wds-Button .tw-icon-chevron-left,[dir="rtl"] .wds-Button .tw-icon-arrow-left,[dir="rtl"] .wds-Button .tw-icon-arrow-diagonal-down,[dir="rtl"] .wds-Button .tw-icon-arrow-diagonal-up,[dir="rtl"] .wds-Button .tw-icon-list,[dir="rtl"] .wds-Button .tw-icon-activity {
|
|
932
|
+
scale: -1 1;
|
|
933
|
+
}
|
|
709
934
|
.np-card {
|
|
710
935
|
overflow: hidden;
|
|
711
936
|
transition-property: transform, box-shadow;
|
|
@@ -3689,17 +3914,6 @@ html:not([dir="rtl"]) .np-navigation-option {
|
|
|
3689
3914
|
margin-left: 0;
|
|
3690
3915
|
margin-right: 1px;
|
|
3691
3916
|
}
|
|
3692
|
-
.wds-nudge-media-flower {
|
|
3693
|
-
margin-left: -24px;
|
|
3694
|
-
margin-top: 11px;
|
|
3695
|
-
position: absolute;
|
|
3696
|
-
width: 156px;
|
|
3697
|
-
}
|
|
3698
|
-
[dir="rtl"] .wds-nudge-media-flower {
|
|
3699
|
-
transform: scaleX(-1);
|
|
3700
|
-
margin-left: 0;
|
|
3701
|
-
margin-right: -24px;
|
|
3702
|
-
}
|
|
3703
3917
|
.wds-nudge-container {
|
|
3704
3918
|
align-items: stretch;
|
|
3705
3919
|
display: flex;
|
package/build/nudge/Nudge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nudge.js","sources":["../../src/nudge/Nudge.tsx"],"sourcesContent":["import { Illustration, Assets, IllustrationNames } from '@wise/art';\nimport { clsx } from 'clsx';\nimport { ReactNode, useEffect, useState, MouseEvent } from 'react';\n\nimport Body from '../body';\nimport { Typography } from '../common';\nimport { CloseButton } from '../common/closeButton';\nimport Link from '../link';\nimport { Action, ActionOptions } from '../common/action/Action';\n\n// WARNING: Changing this will cause nudges to reappear wherever persist nudge is used and privacy team will need to be updated too\nexport const STORAGE_NAME = 'dismissedNudges';\n\nconst getLocalStorage = (): string[] => {\n try {\n const storageItem = localStorage.getItem(STORAGE_NAME);\n\n if (storageItem) {\n const storage: unknown = JSON.parse(storageItem);\n\n if (Array.isArray(storage)) {\n return storage.map((item) => String(item));\n }\n }\n // eslint-disable-next-line unicorn/prefer-optional-catch-binding, no-empty\n } catch (error) {}\n\n return [];\n};\n\ntype MediaNameType =\n | `${Assets.GLOBE}`\n | `${Assets.LOCK}`\n | `${Assets.WALLET}`\n | `${Assets.GEAR}`\n | `${Assets.INVITE_LETTER}`\n | `${Assets.PERSONAL_CARD}`\n | `${Assets.BUSINESS_CARD}`\n | `${Assets.HEART}`\n | `${Assets.MULTI_CURRENCY}`\n | `${Assets.SHOPPING_BAG}
|
|
1
|
+
{"version":3,"file":"Nudge.js","sources":["../../src/nudge/Nudge.tsx"],"sourcesContent":["import { Illustration, Assets, IllustrationNames } from '@wise/art';\nimport { clsx } from 'clsx';\nimport { ReactNode, useEffect, useState, MouseEvent } from 'react';\n\nimport Body from '../body';\nimport { Typography } from '../common';\nimport { CloseButton } from '../common/closeButton';\nimport Link from '../link';\nimport { Action, ActionOptions } from '../common/action/Action';\n\n// WARNING: Changing this will cause nudges to reappear wherever persist nudge is used and privacy team will need to be updated too\nexport const STORAGE_NAME = 'dismissedNudges';\n\nconst getLocalStorage = (): string[] => {\n try {\n const storageItem = localStorage.getItem(STORAGE_NAME);\n\n if (storageItem) {\n const storage: unknown = JSON.parse(storageItem);\n\n if (Array.isArray(storage)) {\n return storage.map((item) => String(item));\n }\n }\n // eslint-disable-next-line unicorn/prefer-optional-catch-binding, no-empty\n } catch (error) {}\n\n return [];\n};\n\ntype MediaNameType =\n | `${Assets.GLOBE}`\n | `${Assets.LOCK}`\n | `${Assets.WALLET}`\n | `${Assets.GEAR}`\n | `${Assets.INVITE_LETTER}`\n | `${Assets.PERSONAL_CARD}`\n | `${Assets.BUSINESS_CARD}`\n | `${Assets.HEART}`\n | `${Assets.MULTI_CURRENCY}`\n | `${Assets.SHOPPING_BAG}`;\n\ntype BaseProps = {\n /** @deprecated use `mediaName` property instead */\n media?: ReactNode;\n /** Media name */\n mediaName?: MediaNameType;\n title: ReactNode;\n link?: ReactNode;\n href?: string;\n onClick?: (event?: MouseEvent<HTMLSpanElement>) => void;\n /** Fired when the user clicks on close button */\n onDismiss?: () => void;\n /** An optional call to action to sit under the main body of the nudge. If your label is short, use aria-label to provide more context */\n action?: ActionOptions;\n className?: string;\n};\n\nexport interface OptionalId extends BaseProps {\n id?: string;\n persistDismissal?: false;\n isPreviouslyDismissed?: undefined;\n}\n\nexport interface RequiredPersistProps extends BaseProps {\n /** This ID should be completely unique to the page and feature as it uses a shared array which could conflict with other nudges in Wise */\n id: string;\n /** Use persist dismissal to keep the nudge dismissed using the browser's localStorage */\n persistDismissal: true;\n /**\n * Fired on mount for determining if nudge has been dismissed before\n *\n * @param {boolean} value - set to true if dismissed previously\n */\n isPreviouslyDismissed?: (value: boolean) => void;\n}\n\nexport type Props = OptionalId | RequiredPersistProps;\n\nconst Nudge = ({\n media,\n mediaName,\n title,\n link,\n href,\n onClick,\n onDismiss,\n persistDismissal,\n isPreviouslyDismissed,\n id,\n className,\n action,\n}: Props) => {\n const [isDismissed, setIsDismissed] = useState(false);\n const [isMounted, setIsMounted] = useState(false);\n\n const handleOnDismiss = () => {\n const dismissedNudgesStorage = getLocalStorage();\n\n if (persistDismissal && id) {\n try {\n localStorage.setItem(STORAGE_NAME, JSON.stringify([...dismissedNudgesStorage, id]));\n // eslint-disable-next-line unicorn/prefer-optional-catch-binding, no-empty\n } catch (error) {}\n\n setIsDismissed(true);\n }\n\n if (onDismiss) {\n onDismiss();\n }\n };\n\n useEffect(() => {\n if (persistDismissal && id) {\n const dismissedNudgesStorage = getLocalStorage();\n let isDismissed = false;\n\n if (dismissedNudgesStorage?.find((item) => item === id)) {\n setIsDismissed(true);\n isDismissed = true;\n }\n\n if (isPreviouslyDismissed) {\n isPreviouslyDismissed(isDismissed);\n }\n }\n\n setIsMounted(true);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [id, persistDismissal]);\n\n if (persistDismissal && (isDismissed || !isMounted)) {\n return null;\n }\n\n return (\n <div className={clsx('wds-nudge', className)} id={id}>\n {!!mediaName && (\n <div className=\"wds-nudge-media\">\n <Illustration\n name={mediaName as IllustrationNames}\n className={clsx(`wds-nudge-media-${mediaName}`)}\n size=\"small\"\n disablePadding\n alt=\"\"\n />\n </div>\n )}\n <div className=\"wds-nudge-container\">\n <div className=\"wds-nudge-content\">\n <Body type={Typography.BODY_LARGE} className={clsx('wds-nudge-body')}>\n {title}\n </Body>\n {link && (\n <Link\n href={href}\n type={Typography.LINK_LARGE}\n className=\"wds-nudge-link\"\n onClick={onClick}\n >\n {link}\n </Link>\n )}\n {action && <Action action={action} className=\"m-t-1\" />}\n </div>\n {onDismiss || persistDismissal ? (\n <CloseButton className=\"wds-nudge-control\" size=\"sm\" onClick={handleOnDismiss} />\n ) : null}\n </div>\n </div>\n );\n};\n\nexport default Nudge;\n"],"names":["STORAGE_NAME","getLocalStorage","storageItem","localStorage","getItem","storage","JSON","parse","Array","isArray","map","item","String","error","Nudge","media","mediaName","title","link","href","onClick","onDismiss","persistDismissal","isPreviouslyDismissed","id","className","action","isDismissed","setIsDismissed","useState","isMounted","setIsMounted","handleOnDismiss","dismissedNudgesStorage","setItem","stringify","useEffect","find","_jsxs","clsx","children","_jsx","Illustration","name","size","disablePadding","alt","Body","type","Typography","BODY_LARGE","Link","LINK_LARGE","Action","CloseButton"],"mappings":"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"}
|