@transferwise/components 0.0.0-experimental-2acee4e → 0.0.0-experimental-420990c

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 (22) hide show
  1. package/build/main.css +1 -18
  2. package/build/styles/accordion/Accordion.css +0 -1
  3. package/build/styles/avatar/Avatar.css +0 -2
  4. package/build/styles/card/Card.css +0 -7
  5. package/build/styles/inputs/Input.css +0 -1
  6. package/build/styles/inputs/TextArea.css +0 -1
  7. package/build/styles/main.css +1 -18
  8. package/build/styles/popover/Popover.css +0 -1
  9. package/build/styles/select/Select.css +0 -1
  10. package/build/styles/snackbar/Snackbar.css +0 -1
  11. package/build/styles/tile/Tile.css +0 -5
  12. package/package.json +3 -3
  13. package/src/accordion/Accordion.css +0 -1
  14. package/src/avatar/Avatar.css +0 -2
  15. package/src/card/Card.css +0 -7
  16. package/src/inputs/Input.css +0 -1
  17. package/src/inputs/TextArea.css +0 -1
  18. package/src/main.css +1 -18
  19. package/src/popover/Popover.css +0 -1
  20. package/src/select/Select.css +0 -1
  21. package/src/snackbar/Snackbar.css +0 -1
  22. package/src/tile/Tile.css +0 -5
package/build/main.css CHANGED
@@ -74,9 +74,7 @@ div.critical-comms .critical-comms-body {
74
74
  flex-wrap: wrap;
75
75
  }
76
76
  }
77
- .tw-date-lookup-calendar > tbody > tr > td.weekend button {
78
- font-weight: 400;
79
- font-weight: var(--font-weight-regular);line-height: 1.5;line-height: var(--line-height-body);
77
+ .tw-date-lookup-calendar > tbody > tr > td.weekend button {line-height: 1.5;line-height: var(--line-height-body);
80
78
  }
81
79
  .tw-date-lookup-calendar > tbody > tr > td.weekend button {
82
80
  font-size: 1rem;
@@ -88,8 +86,6 @@ div.critical-comms .critical-comms-body {
88
86
  }
89
87
  @media (min-width: 768px) {
90
88
  }
91
- @media (min-width: 768px) {
92
- }
93
89
  .np-accordion-item {
94
90
  display: block;
95
91
  width: 100%;
@@ -258,7 +254,6 @@ div.critical-comms .critical-comms-body {
258
254
  }
259
255
  .tw-avatar.tw-avatar--initials,
260
256
  .tw-avatar.tw-avatar--emoji {
261
- font-family: Arial, sans-serif;
262
257
  font-weight: 600;
263
258
  font-weight: var(--font-weight-semi-bold);
264
259
  }
@@ -597,13 +592,6 @@ div.critical-comms .critical-comms-body {
597
592
  [dir="rtl"] .np-card__button {
598
593
  text-align: right;
599
594
  }
600
- .np-theme-personal .np-card__button:focus {
601
- outline: none;
602
- }
603
- .np-theme-personal .np-card__button:focus-visible {
604
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
605
- outline-offset: var(--ring-outline-offset);
606
- }
607
595
  .np-card__content {
608
596
  padding: 24px 16px;
609
597
  padding: var(--size-24) var(--size-16);
@@ -3976,7 +3964,6 @@ html:not([dir="rtl"]) .np-navigation-option {
3976
3964
  z-index: 1060;
3977
3965
  }
3978
3966
  [dir="rtl"] .snackbar {
3979
- right: 0;
3980
3967
  left: auto;
3981
3968
  left: initial;
3982
3969
  }
@@ -4926,10 +4913,6 @@ html:not([dir="rtl"]) .np-navigation-option {
4926
4913
  width: 100%;
4927
4914
  }
4928
4915
  .np-tile__description {
4929
- color: #5d7079;
4930
- color: var(--color-content-secondary);
4931
- margin-top: 12px;
4932
- margin-top: var(--size-12);
4933
4916
  display: inline-block;
4934
4917
  }
4935
4918
  .np-tile--small.np-decision__tile--fixed-width {
package/build/styles/accordion/Accordion.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-accordion-item {
4
3
  display: block;
5
4
  width: 100%;
package/build/styles/avatar/Avatar.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.tw-avatar {
4
3
  position: relative;
5
4
  border-radius: 50%;
@@ -39,7 +38,6 @@
39
38
  max-width: 100%;
40
39
  }.tw-avatar.tw-avatar--initials,
41
40
  .tw-avatar.tw-avatar--emoji {
42
- font-family: Arial, sans-serif;
43
41
  font-weight: 600;
44
42
  font-weight: var(--font-weight-semi-bold);
45
43
  }.tw-avatar.tw-avatar--initials,
package/build/styles/card/Card.css CHANGED
@@ -44,13 +44,6 @@
44
44
  [dir="rtl"] .np-card__button {
45
45
  text-align: right;
46
46
  }
47
- .np-theme-personal .np-card__button:focus {
48
- outline: none;
49
- }
50
- .np-theme-personal .np-card__button:focus-visible {
51
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
52
- outline-offset: var(--ring-outline-offset);
53
- }
54
47
  .np-card__content {
55
48
  padding: 24px 16px;
56
49
  padding: var(--size-24) var(--size-16);
package/build/styles/inputs/Input.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-form-control {
4
3
  --ring-width: 1px;
5
4
  --ring-color: var(--color-interactive-secondary);
package/build/styles/inputs/TextArea.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-form-control {
4
3
  --ring-width: 1px;
5
4
  --ring-color: var(--color-interactive-secondary);
package/build/styles/main.css CHANGED
@@ -74,9 +74,7 @@ div.critical-comms .critical-comms-body {
74
74
  flex-wrap: wrap;
75
75
  }
76
76
  }
77
- .tw-date-lookup-calendar > tbody > tr > td.weekend button {
78
- font-weight: 400;
79
- font-weight: var(--font-weight-regular);line-height: 1.5;line-height: var(--line-height-body);
77
+ .tw-date-lookup-calendar > tbody > tr > td.weekend button {line-height: 1.5;line-height: var(--line-height-body);
80
78
  }
81
79
  .tw-date-lookup-calendar > tbody > tr > td.weekend button {
82
80
  font-size: 1rem;
@@ -88,8 +86,6 @@ div.critical-comms .critical-comms-body {
88
86
  }
89
87
  @media (min-width: 768px) {
90
88
  }
91
- @media (min-width: 768px) {
92
- }
93
89
  .np-accordion-item {
94
90
  display: block;
95
91
  width: 100%;
@@ -258,7 +254,6 @@ div.critical-comms .critical-comms-body {
258
254
  }
259
255
  .tw-avatar.tw-avatar--initials,
260
256
  .tw-avatar.tw-avatar--emoji {
261
- font-family: Arial, sans-serif;
262
257
  font-weight: 600;
263
258
  font-weight: var(--font-weight-semi-bold);
264
259
  }
@@ -597,13 +592,6 @@ div.critical-comms .critical-comms-body {
597
592
  [dir="rtl"] .np-card__button {
598
593
  text-align: right;
599
594
  }
600
- .np-theme-personal .np-card__button:focus {
601
- outline: none;
602
- }
603
- .np-theme-personal .np-card__button:focus-visible {
604
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
605
- outline-offset: var(--ring-outline-offset);
606
- }
607
595
  .np-card__content {
608
596
  padding: 24px 16px;
609
597
  padding: var(--size-24) var(--size-16);
@@ -3976,7 +3964,6 @@ html:not([dir="rtl"]) .np-navigation-option {
3976
3964
  z-index: 1060;
3977
3965
  }
3978
3966
  [dir="rtl"] .snackbar {
3979
- right: 0;
3980
3967
  left: auto;
3981
3968
  left: initial;
3982
3969
  }
@@ -4926,10 +4913,6 @@ html:not([dir="rtl"]) .np-navigation-option {
4926
4913
  width: 100%;
4927
4914
  }
4928
4915
  .np-tile__description {
4929
- color: #5d7079;
4930
- color: var(--color-content-secondary);
4931
- margin-top: 12px;
4932
- margin-top: var(--size-12);
4933
4916
  display: inline-block;
4934
4917
  }
4935
4918
  .np-tile--small.np-decision__tile--fixed-width {
package/build/styles/popover/Popover.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-theme-personal .np-popover__container {
4
3
  border-radius: 16px;
5
4
  border-radius: var(--radius-medium);
package/build/styles/select/Select.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-select .np-dropdown-toggle {
4
3
  background-color: #ffffff;
5
4
  background-color: var(--color-background-screen);
package/build/styles/snackbar/Snackbar.css CHANGED
@@ -7,7 +7,6 @@
7
7
  z-index: 1060;
8
8
  }
9
9
  [dir="rtl"] .snackbar {
10
- right: 0;
11
10
  left: auto;
12
11
  left: initial;
13
12
  }
package/build/styles/tile/Tile.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-tile {
4
3
  min-width: 120px;
5
4
  border-radius: 10px;
@@ -28,10 +27,6 @@
28
27
  }.np-tile__media {
29
28
  width: 100%;
30
29
  }.np-tile__description {
31
- color: #5d7079;
32
- color: var(--color-content-secondary);
33
- margin-top: 12px;
34
- margin-top: var(--size-12);
35
30
  display: inline-block;
36
31
  }.np-tile--small.np-decision__tile--fixed-width {
37
32
  width: 260px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-2acee4e",
3
+ "version": "0.0.0-experimental-420990c",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -78,12 +78,12 @@
78
78
  "rollup": "^3.28.1",
79
79
  "storybook": "^7.4.5",
80
80
  "@transferwise/less-config": "3.1.0",
81
- "@transferwise/neptune-css": "0.0.0-experimental-2acee4e",
81
+ "@transferwise/neptune-css": "0.0.0-experimental-420990c",
82
82
  "@wise/components-theming": "0.8.4"
83
83
  },
84
84
  "peerDependencies": {
85
85
  "@transferwise/icons": "^3.7.0",
86
- "@transferwise/neptune-css": "0.0.0-experimental-2acee4e",
86
+ "@transferwise/neptune-css": "0.0.0-experimental-420990c",
87
87
  "@wise/art": "^2.7.0",
88
88
  "@wise/components-theming": "^0.8.4",
89
89
  "react": ">=16.14",
package/src/accordion/Accordion.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-accordion-item {
4
3
  display: block;
5
4
  width: 100%;
package/src/avatar/Avatar.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.tw-avatar {
4
3
  position: relative;
5
4
  border-radius: 50%;
@@ -39,7 +38,6 @@
39
38
  max-width: 100%;
40
39
  }.tw-avatar.tw-avatar--initials,
41
40
  .tw-avatar.tw-avatar--emoji {
42
- font-family: Arial, sans-serif;
43
41
  font-weight: 600;
44
42
  font-weight: var(--font-weight-semi-bold);
45
43
  }.tw-avatar.tw-avatar--initials,
package/src/card/Card.css CHANGED
@@ -44,13 +44,6 @@
44
44
  [dir="rtl"] .np-card__button {
45
45
  text-align: right;
46
46
  }
47
- .np-theme-personal .np-card__button:focus {
48
- outline: none;
49
- }
50
- .np-theme-personal .np-card__button:focus-visible {
51
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
52
- outline-offset: var(--ring-outline-offset);
53
- }
54
47
  .np-card__content {
55
48
  padding: 24px 16px;
56
49
  padding: var(--size-24) var(--size-16);
package/src/inputs/Input.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-form-control {
4
3
  --ring-width: 1px;
5
4
  --ring-color: var(--color-interactive-secondary);
package/src/inputs/TextArea.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-form-control {
4
3
  --ring-width: 1px;
5
4
  --ring-color: var(--color-interactive-secondary);
package/src/main.css CHANGED
@@ -74,9 +74,7 @@ div.critical-comms .critical-comms-body {
74
74
  flex-wrap: wrap;
75
75
  }
76
76
  }
77
- .tw-date-lookup-calendar > tbody > tr > td.weekend button {
78
- font-weight: 400;
79
- font-weight: var(--font-weight-regular);line-height: 1.5;line-height: var(--line-height-body);
77
+ .tw-date-lookup-calendar > tbody > tr > td.weekend button {line-height: 1.5;line-height: var(--line-height-body);
80
78
  }
81
79
  .tw-date-lookup-calendar > tbody > tr > td.weekend button {
82
80
  font-size: 1rem;
@@ -88,8 +86,6 @@ div.critical-comms .critical-comms-body {
88
86
  }
89
87
  @media (min-width: 768px) {
90
88
  }
91
- @media (min-width: 768px) {
92
- }
93
89
  .np-accordion-item {
94
90
  display: block;
95
91
  width: 100%;
@@ -258,7 +254,6 @@ div.critical-comms .critical-comms-body {
258
254
  }
259
255
  .tw-avatar.tw-avatar--initials,
260
256
  .tw-avatar.tw-avatar--emoji {
261
- font-family: Arial, sans-serif;
262
257
  font-weight: 600;
263
258
  font-weight: var(--font-weight-semi-bold);
264
259
  }
@@ -597,13 +592,6 @@ div.critical-comms .critical-comms-body {
597
592
  [dir="rtl"] .np-card__button {
598
593
  text-align: right;
599
594
  }
600
- .np-theme-personal .np-card__button:focus {
601
- outline: none;
602
- }
603
- .np-theme-personal .np-card__button:focus-visible {
604
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
605
- outline-offset: var(--ring-outline-offset);
606
- }
607
595
  .np-card__content {
608
596
  padding: 24px 16px;
609
597
  padding: var(--size-24) var(--size-16);
@@ -3976,7 +3964,6 @@ html:not([dir="rtl"]) .np-navigation-option {
3976
3964
  z-index: 1060;
3977
3965
  }
3978
3966
  [dir="rtl"] .snackbar {
3979
- right: 0;
3980
3967
  left: auto;
3981
3968
  left: initial;
3982
3969
  }
@@ -4926,10 +4913,6 @@ html:not([dir="rtl"]) .np-navigation-option {
4926
4913
  width: 100%;
4927
4914
  }
4928
4915
  .np-tile__description {
4929
- color: #5d7079;
4930
- color: var(--color-content-secondary);
4931
- margin-top: 12px;
4932
- margin-top: var(--size-12);
4933
4916
  display: inline-block;
4934
4917
  }
4935
4918
  .np-tile--small.np-decision__tile--fixed-width {
package/src/popover/Popover.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-theme-personal .np-popover__container {
4
3
  border-radius: 16px;
5
4
  border-radius: var(--radius-medium);
package/src/select/Select.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-select .np-dropdown-toggle {
4
3
  background-color: #ffffff;
5
4
  background-color: var(--color-background-screen);
package/src/snackbar/Snackbar.css CHANGED
@@ -7,7 +7,6 @@
7
7
  z-index: 1060;
8
8
  }
9
9
  [dir="rtl"] .snackbar {
10
- right: 0;
11
10
  left: auto;
12
11
  left: initial;
13
12
  }
package/src/tile/Tile.css CHANGED
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.np-tile {
4
3
  min-width: 120px;
5
4
  border-radius: 10px;
@@ -28,10 +27,6 @@
28
27
  }.np-tile__media {
29
28
  width: 100%;
30
29
  }.np-tile__description {
31
- color: #5d7079;
32
- color: var(--color-content-secondary);
33
- margin-top: 12px;
34
- margin-top: var(--size-12);
35
30
  display: inline-block;
36
31
  }.np-tile--small.np-decision__tile--fixed-width {
37
32
  width: 260px;