@transferwise/components 0.0.0-experimental-9fc323f → 0.0.0-experimental-05be136

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.
Files changed (66) hide show
  1. package/build/common/closeButton/CloseButton.js.map +1 -1
  2. package/build/common/closeButton/CloseButton.mjs.map +1 -1
  3. package/build/flowNavigation/FlowNavigation.js +7 -3
  4. package/build/flowNavigation/FlowNavigation.js.map +1 -1
  5. package/build/flowNavigation/FlowNavigation.mjs +7 -3
  6. package/build/flowNavigation/FlowNavigation.mjs.map +1 -1
  7. package/build/i18n/de.json +5 -0
  8. package/build/i18n/de.json.js +5 -0
  9. package/build/i18n/de.json.js.map +1 -1
  10. package/build/i18n/de.json.mjs +5 -0
  11. package/build/i18n/de.json.mjs.map +1 -1
  12. package/build/iconButton/IconButton.js +41 -0
  13. package/build/iconButton/IconButton.js.map +1 -0
  14. package/build/iconButton/IconButton.mjs +39 -0
  15. package/build/iconButton/IconButton.mjs.map +1 -0
  16. package/build/index.js +2 -0
  17. package/build/index.js.map +1 -1
  18. package/build/index.mjs +1 -0
  19. package/build/index.mjs.map +1 -1
  20. package/build/main.css +82 -32
  21. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.js +83 -0
  22. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.js.map +1 -0
  23. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.mjs +81 -0
  24. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.mjs.map +1 -0
  25. package/build/primitives/PrimitiveButton/src/PrimitiveButton.js +90 -0
  26. package/build/primitives/PrimitiveButton/src/PrimitiveButton.js.map +1 -0
  27. package/build/primitives/PrimitiveButton/src/PrimitiveButton.mjs +88 -0
  28. package/build/primitives/PrimitiveButton/src/PrimitiveButton.mjs.map +1 -0
  29. package/build/styles/iconButton/IconButton.css +82 -0
  30. package/build/styles/main.css +82 -32
  31. package/build/types/common/closeButton/CloseButton.d.ts +3 -0
  32. package/build/types/common/closeButton/CloseButton.d.ts.map +1 -1
  33. package/build/types/flowNavigation/FlowNavigation.d.ts.map +1 -1
  34. package/build/types/iconButton/IconButton.d.ts +15 -0
  35. package/build/types/iconButton/IconButton.d.ts.map +1 -0
  36. package/build/types/iconButton/index.d.ts +3 -0
  37. package/build/types/iconButton/index.d.ts.map +1 -0
  38. package/build/types/index.d.ts +2 -0
  39. package/build/types/index.d.ts.map +1 -1
  40. package/package.json +3 -3
  41. package/src/common/closeButton/CloseButton.tsx +3 -0
  42. package/src/flowNavigation/FlowNavigation.spec.js +7 -8
  43. package/src/flowNavigation/FlowNavigation.tsx +10 -2
  44. package/src/flowNavigation/__snapshots__/FlowNavigation.spec.js.snap +27 -3
  45. package/src/i18n/de.json +5 -0
  46. package/src/iconButton/IconButton.css +82 -0
  47. package/src/iconButton/IconButton.less +55 -0
  48. package/src/iconButton/IconButton.story.tsx +107 -0
  49. package/src/iconButton/IconButton.tsx +51 -0
  50. package/src/iconButton/index.ts +2 -0
  51. package/src/index.ts +2 -0
  52. package/src/main.css +82 -32
  53. package/src/main.less +1 -1
  54. package/build/flowNavigation/backButton/BackButton.js +0 -30
  55. package/build/flowNavigation/backButton/BackButton.js.map +0 -1
  56. package/build/flowNavigation/backButton/BackButton.mjs +0 -28
  57. package/build/flowNavigation/backButton/BackButton.mjs.map +0 -1
  58. package/build/styles/flowNavigation/backButton/BackButton.css +0 -32
  59. package/build/types/flowNavigation/backButton/BackButton.d.ts +0 -7
  60. package/build/types/flowNavigation/backButton/BackButton.d.ts.map +0 -1
  61. package/build/types/flowNavigation/backButton/index.d.ts +0 -3
  62. package/build/types/flowNavigation/backButton/index.d.ts.map +0 -1
  63. package/src/flowNavigation/backButton/BackButton.css +0 -32
  64. package/src/flowNavigation/backButton/BackButton.less +0 -36
  65. package/src/flowNavigation/backButton/BackButton.tsx +0 -29
  66. package/src/flowNavigation/backButton/index.ts +0 -2
package/build/styles/flowNavigation/backButton/BackButton.css DELETED
@@ -1,32 +0,0 @@
1
- .np-back-button {
2
- color: #00a2dd;
3
- color: var(--color-interactive-accent);
4
- display: flex !important;
5
- }
6
- .np-back-button:hover {
7
- color: #008fc9;
8
- color: var(--color-interactive-accent-hover);
9
- }
10
- .np-back-button:active {
11
- color: #0081ba;
12
- color: var(--color-interactive-accent-active);
13
- }
14
- .np-theme-personal .np-back-button {
15
- color: #37517e;
16
- color: var(--color-content-primary);
17
- }
18
- .np-theme-personal .np-back-button:hover {
19
- color: var(--color-content-primary-hover);
20
- }
21
- .np-theme-personal .np-back-button:active {
22
- color: var(--color-content-primary-active);
23
- }
24
- .np-theme-personal .np-back-button .tw-icon {
25
- color: var(--color-interactive-primary);
26
- }
27
- .np-theme-personal .np-back-button .tw-icon:hover {
28
- color: var(--color-interactive-primary-hover);
29
- }
30
- .np-theme-personal .np-back-button .tw-icon:active {
31
- color: var(--color-interactive-primary-active);
32
- }
package/build/types/flowNavigation/backButton/BackButton.d.ts DELETED
@@ -1,7 +0,0 @@
1
- export interface BackButtonProps {
2
- 'aria-label': string;
3
- className?: string;
4
- onClick?: React.MouseEventHandler<HTMLButtonElement>;
5
- }
6
- export default function BackButton({ className, onClick, 'aria-label': ariaLabel, }: BackButtonProps): import("react").JSX.Element;
7
- //# sourceMappingURL=BackButton.d.ts.map
package/build/types/flowNavigation/backButton/BackButton.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"BackButton.d.ts","sourceRoot":"","sources":["../../../../src/flowNavigation/backButton/BackButton.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,SAAS,EACT,OAAO,EACP,YAAY,EAAE,SAAS,GACxB,EAAE,eAAe,+BAajB"}
package/build/types/flowNavigation/backButton/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export { default } from './BackButton';
2
- export type { BackButtonProps } from './BackButton';
3
- //# sourceMappingURL=index.d.ts.map
package/build/types/flowNavigation/backButton/index.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/flowNavigation/backButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
package/src/flowNavigation/backButton/BackButton.css DELETED
@@ -1,32 +0,0 @@
1
- .np-back-button {
2
- color: #00a2dd;
3
- color: var(--color-interactive-accent);
4
- display: flex !important;
5
- }
6
- .np-back-button:hover {
7
- color: #008fc9;
8
- color: var(--color-interactive-accent-hover);
9
- }
10
- .np-back-button:active {
11
- color: #0081ba;
12
- color: var(--color-interactive-accent-active);
13
- }
14
- .np-theme-personal .np-back-button {
15
- color: #37517e;
16
- color: var(--color-content-primary);
17
- }
18
- .np-theme-personal .np-back-button:hover {
19
- color: var(--color-content-primary-hover);
20
- }
21
- .np-theme-personal .np-back-button:active {
22
- color: var(--color-content-primary-active);
23
- }
24
- .np-theme-personal .np-back-button .tw-icon {
25
- color: var(--color-interactive-primary);
26
- }
27
- .np-theme-personal .np-back-button .tw-icon:hover {
28
- color: var(--color-interactive-primary-hover);
29
- }
30
- .np-theme-personal .np-back-button .tw-icon:active {
31
- color: var(--color-interactive-primary-active);
32
- }
package/src/flowNavigation/backButton/BackButton.less DELETED
@@ -1,36 +0,0 @@
1
- .np-back-button {
2
- color: var(--color-interactive-accent);
3
- display: flex !important;
4
-
5
- &:hover {
6
- color: var(--color-interactive-accent-hover);
7
- }
8
-
9
- &:active {
10
- color: var(--color-interactive-accent-active);
11
- }
12
-
13
- .np-theme-personal & {
14
- color: var(--color-content-primary);
15
-
16
- &:hover {
17
- color: var(--color-content-primary-hover);
18
- }
19
-
20
- &:active {
21
- color: var(--color-content-primary-active);
22
- }
23
-
24
- & .tw-icon {
25
- color: var(--color-interactive-primary);
26
-
27
- &:hover {
28
- color: var(--color-interactive-primary-hover);
29
- }
30
-
31
- &:active {
32
- color: var(--color-interactive-primary-active);
33
- }
34
- }
35
- }
36
- }
package/src/flowNavigation/backButton/BackButton.tsx DELETED
@@ -1,29 +0,0 @@
1
- import { ArrowLeft as ArrowLeftIcon } from '@transferwise/icons';
2
- import { clsx } from 'clsx';
3
-
4
- import Avatar, { AvatarType } from '../../avatar';
5
-
6
- export interface BackButtonProps {
7
- 'aria-label': string;
8
- className?: string;
9
- onClick?: React.MouseEventHandler<HTMLButtonElement>;
10
- }
11
-
12
- export default function BackButton({
13
- className,
14
- onClick,
15
- 'aria-label': ariaLabel,
16
- }: BackButtonProps) {
17
- return (
18
- <Avatar type={AvatarType.ICON} size={40}>
19
- <button
20
- type="button"
21
- aria-label={ariaLabel}
22
- className={clsx('np-back-button', 'btn-unstyled', className)}
23
- onClick={onClick}
24
- >
25
- <ArrowLeftIcon size={24} />
26
- </button>
27
- </Avatar>
28
- );
29
- }
package/src/flowNavigation/backButton/index.ts DELETED
@@ -1,2 +0,0 @@
1
- export { default } from './BackButton';
2
- export type { BackButtonProps } from './BackButton';