@transferwise/components 0.0.0-experimental-c654bc3 → 0.0.0-experimental-fe9143f

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 (14) hide show
  1. package/build/main.css +7 -5
  2. package/build/styles/dimmer/Dimmer.css +0 -3
  3. package/build/styles/drawer/Drawer.css +3 -0
  4. package/build/styles/main.css +7 -5
  5. package/build/styles/modal/Modal.css +4 -2
  6. package/package.json +1 -1
  7. package/src/dimmer/Dimmer.css +0 -3
  8. package/src/dimmer/Dimmer.less +0 -4
  9. package/src/drawer/Drawer.css +3 -0
  10. package/src/drawer/Drawer.less +4 -0
  11. package/src/main.css +7 -5
  12. package/src/modal/Modal.css +4 -2
  13. package/src/modal/Modal.less +5 -1
  14. package/src/modal/Modal.story.tsx +4 -2
package/build/main.css CHANGED
@@ -1801,9 +1801,6 @@ button.np-option {
1801
1801
  .dimmer.dimmer--exit.dimmer--exit-fade > * {
1802
1802
  opacity: 0;
1803
1803
  }
1804
- .dimmer .np-theme-personal {
1805
- background: transparent;
1806
- }
1807
1804
  .dimmer-content-positioner {
1808
1805
  min-height: 100%;
1809
1806
  pointer-events: none;
@@ -1887,6 +1884,9 @@ button.np-option {
1887
1884
  overflow-y: auto;
1888
1885
  flex: 1;
1889
1886
  }
1887
+ .np-drawer .np-drawer-content .np-theme-personal {
1888
+ background-color: transparent;
1889
+ }
1890
1890
  .np-drawer .np-drawer-footer,
1891
1891
  .np-drawer .np-drawer-content {
1892
1892
  padding: 16px;
@@ -3200,9 +3200,11 @@ a {
3200
3200
  min-height: var(--size-32);
3201
3201
  padding-bottom: 4px !important;
3202
3202
  }
3203
+ .tw-modal .tw-modal-content .np-theme-personal {
3204
+ background-color: transparent;
3205
+ }
3203
3206
  .tw-modal table,
3204
- .tw-modal .table,
3205
- .tw-modal .np-theme-personal {
3207
+ .tw-modal .table {
3206
3208
  background-color: transparent;
3207
3209
  }
3208
3210
  @media (min-width: 576px) {
package/build/styles/dimmer/Dimmer.css CHANGED
@@ -58,9 +58,6 @@
58
58
  .dimmer.dimmer--exit.dimmer--exit-fade > * {
59
59
  opacity: 0;
60
60
  }
61
- .dimmer .np-theme-personal {
62
- background: transparent;
63
- }
64
61
  .dimmer-content-positioner {
65
62
  min-height: 100%;
66
63
  pointer-events: none;
package/build/styles/drawer/Drawer.css CHANGED
@@ -71,6 +71,9 @@
71
71
  overflow-y: auto;
72
72
  flex: 1;
73
73
  }
74
+ .np-drawer .np-drawer-content .np-theme-personal {
75
+ background-color: transparent;
76
+ }
74
77
  .np-drawer .np-drawer-footer,
75
78
  .np-drawer .np-drawer-content {
76
79
  padding: 16px;
package/build/styles/main.css CHANGED
@@ -1801,9 +1801,6 @@ button.np-option {
1801
1801
  .dimmer.dimmer--exit.dimmer--exit-fade > * {
1802
1802
  opacity: 0;
1803
1803
  }
1804
- .dimmer .np-theme-personal {
1805
- background: transparent;
1806
- }
1807
1804
  .dimmer-content-positioner {
1808
1805
  min-height: 100%;
1809
1806
  pointer-events: none;
@@ -1887,6 +1884,9 @@ button.np-option {
1887
1884
  overflow-y: auto;
1888
1885
  flex: 1;
1889
1886
  }
1887
+ .np-drawer .np-drawer-content .np-theme-personal {
1888
+ background-color: transparent;
1889
+ }
1890
1890
  .np-drawer .np-drawer-footer,
1891
1891
  .np-drawer .np-drawer-content {
1892
1892
  padding: 16px;
@@ -3200,9 +3200,11 @@ a {
3200
3200
  min-height: var(--size-32);
3201
3201
  padding-bottom: 4px !important;
3202
3202
  }
3203
+ .tw-modal .tw-modal-content .np-theme-personal {
3204
+ background-color: transparent;
3205
+ }
3203
3206
  .tw-modal table,
3204
- .tw-modal .table,
3205
- .tw-modal .np-theme-personal {
3207
+ .tw-modal .table {
3206
3208
  background-color: transparent;
3207
3209
  }
3208
3210
  @media (min-width: 576px) {
package/build/styles/modal/Modal.css CHANGED
@@ -82,9 +82,11 @@
82
82
  min-height: var(--size-32);
83
83
  padding-bottom: 4px !important;
84
84
  }
85
+ .tw-modal .tw-modal-content .np-theme-personal {
86
+ background-color: transparent;
87
+ }
85
88
  .tw-modal table,
86
- .tw-modal .table,
87
- .tw-modal .np-theme-personal {
89
+ .tw-modal .table {
88
90
  background-color: transparent;
89
91
  }
90
92
  @media (min-width: 576px) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-c654bc3",
3
+ "version": "0.0.0-experimental-fe9143f",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
package/src/dimmer/Dimmer.css CHANGED
@@ -58,9 +58,6 @@
58
58
  .dimmer.dimmer--exit.dimmer--exit-fade > * {
59
59
  opacity: 0;
60
60
  }
61
- .dimmer .np-theme-personal {
62
- background: transparent;
63
- }
64
61
  .dimmer-content-positioner {
65
62
  min-height: 100%;
66
63
  pointer-events: none;
package/src/dimmer/Dimmer.less CHANGED
@@ -81,10 +81,6 @@
81
81
  }
82
82
  }
83
83
  }
84
-
85
- .np-theme-personal {
86
- background: transparent;
87
- }
88
84
  }
89
85
 
90
86
  .dimmer-content-positioner {
package/src/drawer/Drawer.css CHANGED
@@ -71,6 +71,9 @@
71
71
  overflow-y: auto;
72
72
  flex: 1;
73
73
  }
74
+ .np-drawer .np-drawer-content .np-theme-personal {
75
+ background-color: transparent;
76
+ }
74
77
  .np-drawer .np-drawer-footer,
75
78
  .np-drawer .np-drawer-content {
76
79
  padding: 16px;
package/src/drawer/Drawer.less CHANGED
@@ -66,6 +66,10 @@
66
66
  .np-drawer-content {
67
67
  overflow-y: auto;
68
68
  flex: 1;
69
+
70
+ .np-theme-personal {
71
+ background-color: transparent;
72
+ }
69
73
  }
70
74
 
71
75
  .np-drawer-footer,
package/src/main.css CHANGED
@@ -1801,9 +1801,6 @@ button.np-option {
1801
1801
  .dimmer.dimmer--exit.dimmer--exit-fade > * {
1802
1802
  opacity: 0;
1803
1803
  }
1804
- .dimmer .np-theme-personal {
1805
- background: transparent;
1806
- }
1807
1804
  .dimmer-content-positioner {
1808
1805
  min-height: 100%;
1809
1806
  pointer-events: none;
@@ -1887,6 +1884,9 @@ button.np-option {
1887
1884
  overflow-y: auto;
1888
1885
  flex: 1;
1889
1886
  }
1887
+ .np-drawer .np-drawer-content .np-theme-personal {
1888
+ background-color: transparent;
1889
+ }
1890
1890
  .np-drawer .np-drawer-footer,
1891
1891
  .np-drawer .np-drawer-content {
1892
1892
  padding: 16px;
@@ -3200,9 +3200,11 @@ a {
3200
3200
  min-height: var(--size-32);
3201
3201
  padding-bottom: 4px !important;
3202
3202
  }
3203
+ .tw-modal .tw-modal-content .np-theme-personal {
3204
+ background-color: transparent;
3205
+ }
3203
3206
  .tw-modal table,
3204
- .tw-modal .table,
3205
- .tw-modal .np-theme-personal {
3207
+ .tw-modal .table {
3206
3208
  background-color: transparent;
3207
3209
  }
3208
3210
  @media (min-width: 576px) {
package/src/modal/Modal.css CHANGED
@@ -82,9 +82,11 @@
82
82
  min-height: var(--size-32);
83
83
  padding-bottom: 4px !important;
84
84
  }
85
+ .tw-modal .tw-modal-content .np-theme-personal {
86
+ background-color: transparent;
87
+ }
85
88
  .tw-modal table,
86
- .tw-modal .table,
87
- .tw-modal .np-theme-personal {
89
+ .tw-modal .table {
88
90
  background-color: transparent;
89
91
  }
90
92
  @media (min-width: 576px) {
package/src/modal/Modal.less CHANGED
@@ -95,9 +95,13 @@
95
95
  padding-bottom: 4px !important;
96
96
  }
97
97
  }
98
+
99
+ .np-theme-personal {
100
+ background-color: transparent;
101
+ }
98
102
  }
99
103
 
100
- table, .table, .np-theme-personal {
104
+ table, .table {
101
105
  background-color: transparent;
102
106
  }
103
107
  }
package/src/modal/Modal.story.tsx CHANGED
@@ -98,7 +98,7 @@ export const WithoutTitle: Story = {
98
98
 
99
99
  export const WithoutTitleMobile: Story = storyConfig(WithoutTitle, { variants: ['mobile'] });
100
100
 
101
- export const WithThemeProviderInContentProps: Story = {
101
+ export const WithThemeProviderInContent: Story = {
102
102
  args: {
103
103
  title: lorem10,
104
104
  body: lorem100,
@@ -111,4 +111,6 @@ export const WithThemeProviderInContentProps: Story = {
111
111
  ),
112
112
  };
113
113
 
114
- export const WithThemeProviderInContent: Story = storyConfig(WithThemeProviderInContentProps, {});
114
+ export const WithThemeProviderInContentMobile: Story = storyConfig(WithThemeProviderInContent, {
115
+ variants: ['mobile'],
116
+ });