@transferwise/components 0.0.0-experimental-86403f4 → 0.0.0-experimental-c181932

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 (7) hide show
  1. package/build/main.css +14 -1
  2. package/build/styles/common/Option/Option.css +14 -1
  3. package/build/styles/main.css +14 -1
  4. package/package.json +3 -3
  5. package/src/common/Option/Option.css +14 -1
  6. package/src/common/Option/Option.less +15 -2
  7. package/src/main.css +14 -1
package/build/main.css CHANGED
@@ -1777,7 +1777,20 @@ button.np-option {
1777
1777
  margin-right: var(--size-16);
1778
1778
  margin-top: -10px;
1779
1779
  padding-bottom: 16px;
1780
- max-width: 'max-content';
1780
+ padding-bottom: var(--size-16);
1781
+ max-width: -moz-fit-content;
1782
+ max-width: fit-content;
1783
+ }
1784
+ @media (max-width: 480px) {
1785
+ .np-theme-personal .np-option-additional-content {
1786
+ margin-left: 16px;
1787
+ margin-left: var(--size-16);
1788
+ }
1789
+ }
1790
+ @media (max-width: 320px) {
1791
+ .np-theme-personal .np-option-additional-content {
1792
+ margin-top: -3px;
1793
+ }
1781
1794
  }
1782
1795
  .np-select-option {
1783
1796
  border-radius: 10px;
package/build/styles/common/Option/Option.css CHANGED
@@ -105,5 +105,18 @@ button.np-option {
105
105
  margin-right: var(--size-16);
106
106
  margin-top: -10px;
107
107
  padding-bottom: 16px;
108
- max-width: 'max-content';
108
+ padding-bottom: var(--size-16);
109
+ max-width: -moz-fit-content;
110
+ max-width: fit-content;
111
+ }
112
+ @media (max-width: 480px) {
113
+ .np-theme-personal .np-option-additional-content {
114
+ margin-left: 16px;
115
+ margin-left: var(--size-16);
116
+ }
117
+ }
118
+ @media (max-width: 320px) {
119
+ .np-theme-personal .np-option-additional-content {
120
+ margin-top: -3px;
121
+ }
109
122
  }
package/build/styles/main.css CHANGED
@@ -1777,7 +1777,20 @@ button.np-option {
1777
1777
  margin-right: var(--size-16);
1778
1778
  margin-top: -10px;
1779
1779
  padding-bottom: 16px;
1780
- max-width: 'max-content';
1780
+ padding-bottom: var(--size-16);
1781
+ max-width: -moz-fit-content;
1782
+ max-width: fit-content;
1783
+ }
1784
+ @media (max-width: 480px) {
1785
+ .np-theme-personal .np-option-additional-content {
1786
+ margin-left: 16px;
1787
+ margin-left: var(--size-16);
1788
+ }
1789
+ }
1790
+ @media (max-width: 320px) {
1791
+ .np-theme-personal .np-option-additional-content {
1792
+ margin-top: -3px;
1793
+ }
1781
1794
  }
1782
1795
  .np-select-option {
1783
1796
  border-radius: 10px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-86403f4",
3
+ "version": "0.0.0-experimental-c181932",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -92,8 +92,8 @@
92
92
  "rollup-preserve-directives": "^1.1.1",
93
93
  "storybook": "^8.2.2",
94
94
  "@transferwise/less-config": "3.1.0",
95
- "@transferwise/neptune-css": "14.22.0",
96
- "@wise/components-theming": "1.6.1"
95
+ "@wise/components-theming": "1.6.1",
96
+ "@transferwise/neptune-css": "14.22.0"
97
97
  },
98
98
  "peerDependencies": {
99
99
  "@transferwise/icons": "^3.13.1",
package/src/common/Option/Option.css CHANGED
@@ -105,5 +105,18 @@ button.np-option {
105
105
  margin-right: var(--size-16);
106
106
  margin-top: -10px;
107
107
  padding-bottom: 16px;
108
- max-width: 'max-content';
108
+ padding-bottom: var(--size-16);
109
+ max-width: -moz-fit-content;
110
+ max-width: fit-content;
111
+ }
112
+ @media (max-width: 480px) {
113
+ .np-theme-personal .np-option-additional-content {
114
+ margin-left: 16px;
115
+ margin-left: var(--size-16);
116
+ }
117
+ }
118
+ @media (max-width: 320px) {
119
+ .np-theme-personal .np-option-additional-content {
120
+ margin-top: -3px;
121
+ }
109
122
  }
package/src/common/Option/Option.less CHANGED
@@ -100,7 +100,20 @@ button.np-option {
100
100
  margin-left: var(--size-80);
101
101
  margin-right: var(--size-16);
102
102
  margin-top: -10px;
103
- padding-bottom: 16px;
104
- max-width: 'max-content'
103
+ padding-bottom: var(--size-16);
104
+ max-width:fit-content
105
105
  }
106
+
107
+ @media (max-width: 480px) {
108
+ .np-option-additional-content {
109
+ margin-left: var(--size-16);
110
+ }
111
+ }
112
+
113
+ @media (max-width: 320px) {
114
+ .np-option-additional-content {
115
+ margin-top: -3px;
116
+ }
117
+ }
118
+
106
119
  }
package/src/main.css CHANGED
@@ -1777,7 +1777,20 @@ button.np-option {
1777
1777
  margin-right: var(--size-16);
1778
1778
  margin-top: -10px;
1779
1779
  padding-bottom: 16px;
1780
- max-width: 'max-content';
1780
+ padding-bottom: var(--size-16);
1781
+ max-width: -moz-fit-content;
1782
+ max-width: fit-content;
1783
+ }
1784
+ @media (max-width: 480px) {
1785
+ .np-theme-personal .np-option-additional-content {
1786
+ margin-left: 16px;
1787
+ margin-left: var(--size-16);
1788
+ }
1789
+ }
1790
+ @media (max-width: 320px) {
1791
+ .np-theme-personal .np-option-additional-content {
1792
+ margin-top: -3px;
1793
+ }
1781
1794
  }
1782
1795
  .np-select-option {
1783
1796
  border-radius: 10px;