@transferwise/components 0.0.0-experimental-44efb60 → 0.0.0-experimental-d391f4a

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 +4 -2
  2. package/build/styles/main.css +4 -2
  3. package/build/styles/segmentedControl/SegmentedControl.css +4 -2
  4. package/package.json +3 -3
  5. package/src/main.css +4 -2
  6. package/src/segmentedControl/SegmentedControl.css +4 -2
  7. package/src/segmentedControl/SegmentedControl.less +4 -1
package/build/main.css CHANGED
@@ -4741,8 +4741,6 @@ html:not([dir="rtl"]) .np-navigation-option {
4741
4741
  flex-flow: column;
4742
4742
  padding: 8px 16px;
4743
4743
  padding: var(--size-8) var(--size-16);
4744
- margin: 0 0 0 4px !important;
4745
- margin: 0 0 0 var(--size-4) !important;
4746
4744
  min-width: 0;
4747
4745
  line-height: inherit;
4748
4746
  align-items: center;
@@ -4755,6 +4753,10 @@ html:not([dir="rtl"]) .np-navigation-option {
4755
4753
  transition: background 300ms;
4756
4754
  color: var(--color-interactive-primary);
4757
4755
  }
4756
+ .np-theme-personal .form-group label.segmented-control__segment {
4757
+ margin: 0 0 0 4px;
4758
+ margin: 0 0 0 var(--size-4);
4759
+ }
4758
4760
  .segmented-control__segment:first-child {
4759
4761
  margin-left: 0;
4760
4762
  }
package/build/styles/main.css CHANGED
@@ -4741,8 +4741,6 @@ html:not([dir="rtl"]) .np-navigation-option {
4741
4741
  flex-flow: column;
4742
4742
  padding: 8px 16px;
4743
4743
  padding: var(--size-8) var(--size-16);
4744
- margin: 0 0 0 4px !important;
4745
- margin: 0 0 0 var(--size-4) !important;
4746
4744
  min-width: 0;
4747
4745
  line-height: inherit;
4748
4746
  align-items: center;
@@ -4755,6 +4753,10 @@ html:not([dir="rtl"]) .np-navigation-option {
4755
4753
  transition: background 300ms;
4756
4754
  color: var(--color-interactive-primary);
4757
4755
  }
4756
+ .np-theme-personal .form-group label.segmented-control__segment {
4757
+ margin: 0 0 0 4px;
4758
+ margin: 0 0 0 var(--size-4);
4759
+ }
4758
4760
  .segmented-control__segment:first-child {
4759
4761
  margin-left: 0;
4760
4762
  }
package/build/styles/segmentedControl/SegmentedControl.css CHANGED
@@ -46,8 +46,6 @@
46
46
  flex-flow: column;
47
47
  padding: 8px 16px;
48
48
  padding: var(--size-8) var(--size-16);
49
- margin: 0 0 0 4px !important;
50
- margin: 0 0 0 var(--size-4) !important;
51
49
  min-width: 0;
52
50
  line-height: inherit;
53
51
  align-items: center;
@@ -60,6 +58,10 @@
60
58
  transition: background 300ms;
61
59
  color: var(--color-interactive-primary);
62
60
  }
61
+ .np-theme-personal .form-group label.segmented-control__segment {
62
+ margin: 0 0 0 4px;
63
+ margin: 0 0 0 var(--size-4);
64
+ }
63
65
  .segmented-control__segment:first-child {
64
66
  margin-left: 0;
65
67
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-44efb60",
3
+ "version": "0.0.0-experimental-d391f4a",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -93,8 +93,8 @@
93
93
  "rollup": "^4.17.2",
94
94
  "storybook": "^8.1.10",
95
95
  "@transferwise/less-config": "3.1.0",
96
- "@transferwise/neptune-css": "14.12.0",
97
- "@wise/components-theming": "1.3.0"
96
+ "@wise/components-theming": "1.3.0",
97
+ "@transferwise/neptune-css": "14.12.0"
98
98
  },
99
99
  "peerDependencies": {
100
100
  "@transferwise/icons": "^3.7.0",
package/src/main.css CHANGED
@@ -4741,8 +4741,6 @@ html:not([dir="rtl"]) .np-navigation-option {
4741
4741
  flex-flow: column;
4742
4742
  padding: 8px 16px;
4743
4743
  padding: var(--size-8) var(--size-16);
4744
- margin: 0 0 0 4px !important;
4745
- margin: 0 0 0 var(--size-4) !important;
4746
4744
  min-width: 0;
4747
4745
  line-height: inherit;
4748
4746
  align-items: center;
@@ -4755,6 +4753,10 @@ html:not([dir="rtl"]) .np-navigation-option {
4755
4753
  transition: background 300ms;
4756
4754
  color: var(--color-interactive-primary);
4757
4755
  }
4756
+ .np-theme-personal .form-group label.segmented-control__segment {
4757
+ margin: 0 0 0 4px;
4758
+ margin: 0 0 0 var(--size-4);
4759
+ }
4758
4760
  .segmented-control__segment:first-child {
4759
4761
  margin-left: 0;
4760
4762
  }
package/src/segmentedControl/SegmentedControl.css CHANGED
@@ -46,8 +46,6 @@
46
46
  flex-flow: column;
47
47
  padding: 8px 16px;
48
48
  padding: var(--size-8) var(--size-16);
49
- margin: 0 0 0 4px !important;
50
- margin: 0 0 0 var(--size-4) !important;
51
49
  min-width: 0;
52
50
  line-height: inherit;
53
51
  align-items: center;
@@ -60,6 +58,10 @@
60
58
  transition: background 300ms;
61
59
  color: var(--color-interactive-primary);
62
60
  }
61
+ .np-theme-personal .form-group label.segmented-control__segment {
62
+ margin: 0 0 0 4px;
63
+ margin: 0 0 0 var(--size-4);
64
+ }
63
65
  .segmented-control__segment:first-child {
64
66
  margin-left: 0;
65
67
  }
package/src/segmentedControl/SegmentedControl.less CHANGED
@@ -43,7 +43,6 @@
43
43
  flex: 1 1 100%;
44
44
  flex-flow: column;
45
45
  padding: var(--size-8) var(--size-16);
46
- margin: 0 0 0 var(--size-4) !important;
47
46
  min-width: 0;
48
47
  line-height: inherit;
49
48
  align-items: center;
@@ -54,6 +53,10 @@
54
53
  cursor: pointer;
55
54
  transition: background 300ms;
56
55
  color: var(--color-interactive-primary);
56
+
57
+ .np-theme-personal .form-group label& {
58
+ margin: 0 0 0 var(--size-4);
59
+ }
57
60
  }
58
61
 
59
62
  .segmented-control__segment:first-child {