@transferwise/components 0.0.0-experimental-5061143 → 0.0.0-experimental-2058986

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 +0 -24
  2. package/build/styles/main.css +0 -24
  3. package/build/styles/stepper/Stepper.css +0 -24
  4. package/package.json +4 -4
  5. package/src/main.css +0 -24
  6. package/src/stepper/Stepper.css +0 -24
  7. package/src/stepper/Stepper.less +0 -17
package/build/main.css CHANGED
@@ -4368,35 +4368,11 @@ html:not([dir="rtl"]) .np-navigation-option {
4368
4368
  padding: 0 ;
4369
4369
  }
4370
4370
  .progress-bar {
4371
- float: left;
4372
4371
  -webkit-backface-visibility: hidden;
4373
- height: 100%;
4374
4372
  background-color: var(--color-interactive-primary);
4375
- border-top-left-radius: 1px;
4376
- border-bottom-left-radius: 1px;
4377
4373
  transition: width 0.6s ease-in-out;
4378
4374
  will-change: width;
4379
4375
  }
4380
- [dir="rtl"] .progress-bar {
4381
- float: right;
4382
- }
4383
- .progress-bar::after {
4384
- float: right;
4385
- width: 8px;
4386
- height: 8px;
4387
- margin-top: -3px;
4388
- margin-right: -4px;
4389
- content: "";
4390
- border-radius: 4px;
4391
- }
4392
- [dir="rtl"] .progress-bar::after {
4393
- float: left;
4394
- }
4395
- [dir="rtl"] .progress-bar::after {
4396
- margin-left: -4px;
4397
- margin-right: 0;
4398
- margin-right: initial;
4399
- }
4400
4376
  .btn-unstyled {
4401
4377
  background: none;
4402
4378
  border: none;
package/build/styles/main.css CHANGED
@@ -4368,35 +4368,11 @@ html:not([dir="rtl"]) .np-navigation-option {
4368
4368
  padding: 0 ;
4369
4369
  }
4370
4370
  .progress-bar {
4371
- float: left;
4372
4371
  -webkit-backface-visibility: hidden;
4373
- height: 100%;
4374
4372
  background-color: var(--color-interactive-primary);
4375
- border-top-left-radius: 1px;
4376
- border-bottom-left-radius: 1px;
4377
4373
  transition: width 0.6s ease-in-out;
4378
4374
  will-change: width;
4379
4375
  }
4380
- [dir="rtl"] .progress-bar {
4381
- float: right;
4382
- }
4383
- .progress-bar::after {
4384
- float: right;
4385
- width: 8px;
4386
- height: 8px;
4387
- margin-top: -3px;
4388
- margin-right: -4px;
4389
- content: "";
4390
- border-radius: 4px;
4391
- }
4392
- [dir="rtl"] .progress-bar::after {
4393
- float: left;
4394
- }
4395
- [dir="rtl"] .progress-bar::after {
4396
- margin-left: -4px;
4397
- margin-right: 0;
4398
- margin-right: initial;
4399
- }
4400
4376
  .btn-unstyled {
4401
4377
  background: none;
4402
4378
  border: none;
package/build/styles/stepper/Stepper.css CHANGED
@@ -70,35 +70,11 @@
70
70
  padding: 0 ;
71
71
  }
72
72
  .progress-bar {
73
- float: left;
74
73
  -webkit-backface-visibility: hidden;
75
- height: 100%;
76
74
  background-color: var(--color-interactive-primary);
77
- border-top-left-radius: 1px;
78
- border-bottom-left-radius: 1px;
79
75
  transition: width 0.6s ease-in-out;
80
76
  will-change: width;
81
77
  }
82
- [dir="rtl"] .progress-bar {
83
- float: right;
84
- }
85
- .progress-bar::after {
86
- float: right;
87
- width: 8px;
88
- height: 8px;
89
- margin-top: -3px;
90
- margin-right: -4px;
91
- content: "";
92
- border-radius: 4px;
93
- }
94
- [dir="rtl"] .progress-bar::after {
95
- float: left;
96
- }
97
- [dir="rtl"] .progress-bar::after {
98
- margin-left: -4px;
99
- margin-right: 0;
100
- margin-right: initial;
101
- }
102
78
  .btn-unstyled {
103
79
  background: none;
104
80
  border: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-5061143",
3
+ "version": "0.0.0-experimental-2058986",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -93,12 +93,12 @@
93
93
  "rollup-preserve-directives": "^1.1.1",
94
94
  "storybook": "^8.2.2",
95
95
  "@transferwise/less-config": "3.1.0",
96
- "@wise/components-theming": "1.6.0",
97
- "@transferwise/neptune-css": "14.15.0"
96
+ "@transferwise/neptune-css": "0.0.0-experimental-2058986",
97
+ "@wise/components-theming": "1.6.0"
98
98
  },
99
99
  "peerDependencies": {
100
100
  "@transferwise/icons": "^3.7.0",
101
- "@transferwise/neptune-css": "^14.9.6",
101
+ "@transferwise/neptune-css": "0.0.0-experimental-2058986",
102
102
  "@wise/art": "^2.7.0",
103
103
  "@wise/components-theming": "^1.0.0",
104
104
  "react": ">=18",
package/src/main.css CHANGED
@@ -4368,35 +4368,11 @@ html:not([dir="rtl"]) .np-navigation-option {
4368
4368
  padding: 0 ;
4369
4369
  }
4370
4370
  .progress-bar {
4371
- float: left;
4372
4371
  -webkit-backface-visibility: hidden;
4373
- height: 100%;
4374
4372
  background-color: var(--color-interactive-primary);
4375
- border-top-left-radius: 1px;
4376
- border-bottom-left-radius: 1px;
4377
4373
  transition: width 0.6s ease-in-out;
4378
4374
  will-change: width;
4379
4375
  }
4380
- [dir="rtl"] .progress-bar {
4381
- float: right;
4382
- }
4383
- .progress-bar::after {
4384
- float: right;
4385
- width: 8px;
4386
- height: 8px;
4387
- margin-top: -3px;
4388
- margin-right: -4px;
4389
- content: "";
4390
- border-radius: 4px;
4391
- }
4392
- [dir="rtl"] .progress-bar::after {
4393
- float: left;
4394
- }
4395
- [dir="rtl"] .progress-bar::after {
4396
- margin-left: -4px;
4397
- margin-right: 0;
4398
- margin-right: initial;
4399
- }
4400
4376
  .btn-unstyled {
4401
4377
  background: none;
4402
4378
  border: none;
package/src/stepper/Stepper.css CHANGED
@@ -70,35 +70,11 @@
70
70
  padding: 0 ;
71
71
  }
72
72
  .progress-bar {
73
- float: left;
74
73
  -webkit-backface-visibility: hidden;
75
- height: 100%;
76
74
  background-color: var(--color-interactive-primary);
77
- border-top-left-radius: 1px;
78
- border-bottom-left-radius: 1px;
79
75
  transition: width 0.6s ease-in-out;
80
76
  will-change: width;
81
77
  }
82
- [dir="rtl"] .progress-bar {
83
- float: right;
84
- }
85
- .progress-bar::after {
86
- float: right;
87
- width: 8px;
88
- height: 8px;
89
- margin-top: -3px;
90
- margin-right: -4px;
91
- content: "";
92
- border-radius: 4px;
93
- }
94
- [dir="rtl"] .progress-bar::after {
95
- float: left;
96
- }
97
- [dir="rtl"] .progress-bar::after {
98
- margin-left: -4px;
99
- margin-right: 0;
100
- margin-right: initial;
101
- }
102
78
  .btn-unstyled {
103
79
  background: none;
104
80
  border: none;
package/src/stepper/Stepper.less CHANGED
@@ -78,27 +78,10 @@
78
78
  }
79
79
 
80
80
  .progress-bar {
81
- .float(left);
82
-
83
81
  -webkit-backface-visibility: hidden;
84
- height: 100%;
85
82
  background-color: var(--color-interactive-primary);
86
- border-top-left-radius: 1px;
87
- border-bottom-left-radius: 1px;
88
83
  transition: width 0.6s ease-in-out;
89
84
  will-change: width;
90
-
91
- &::after {
92
- .float(right);
93
-
94
- width: 8px;
95
- height: 8px;
96
- margin-top: -3px;
97
- .margin(right, -4px);
98
-
99
- content: "";
100
- border-radius: 4px;
101
- }
102
85
  }
103
86
 
104
87
  .btn-unstyled {