@transferwise/neptune-css 0.0.0-experimental-993fa1e → 0.0.0-experimental-5ff6475

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 (5) hide show
  1. package/package.json +2 -2
  2. package/src/less/buttons.less +11 -3
  3. package/src/less/chevron.less +0 -4
  4. package/src/less/process.less +6 -13
  5. package/src/less/tick.less +3 -7
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "0.0.0-experimental-993fa1e",
4
+ "version": "0.0.0-experimental-5ff6475",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -28,7 +28,7 @@
28
28
  "devDependencies": {
29
29
  "gulp": "^5.0.1",
30
30
  "modern-normalize": "^3.0.1",
31
- "@transferwise/less-config": "0.0.0-experimental-993fa1e",
31
+ "@transferwise/less-config": "0.0.0-experimental-5ff6475",
32
32
  "@wise/wds-configs": "0.0.0"
33
33
  },
34
34
  "publishConfig": {
package/src/less/buttons.less CHANGED
@@ -647,10 +647,18 @@ input[type="button"] {
647
647
  display: inline-flex;
648
648
  align-items: center;
649
649
 
650
- .btn-loader[class] {
650
+ .btn-loader {
651
651
  margin-bottom: 0;
652
- margin-left: 16px;
653
- margin-right: 0;
652
+
653
+ :not([dir="rtl"]) & {
654
+ margin-left: 16px;
655
+ margin-right: 0;
656
+ }
657
+
658
+ [dir="rtl"] & {
659
+ margin-left: 0 !important;
660
+ margin-right: 16px !important;
661
+ }
654
662
  }
655
663
  }
656
664
 
package/src/less/chevron.less CHANGED
@@ -7,10 +7,6 @@
7
7
 
8
8
  &.top {
9
9
  transform: rotate(0deg);
10
-
11
- [dir="rtl"] & {
12
- transform: rotate(360deg);
13
- }
14
10
  }
15
11
 
16
12
  &.right {
package/src/less/process.less CHANGED
@@ -84,11 +84,6 @@
84
84
  width: 50%;
85
85
  left: 25%;
86
86
  top: 25%;
87
-
88
- // Icon is purely decorative — keep physical positioning in RTL
89
- [dir="rtl"] & {
90
- transform: rotate(45deg) scaleX(-1);
91
- }
92
87
  }
93
88
 
94
89
  .process-icon-horizontal,
@@ -236,7 +231,7 @@
236
231
  }
237
232
  }
238
233
  .process-size(
239
- xxs, @process-xxs-radius, @process-xxs-circumference, @process-xxs-stroke, @process-xxs-icon-size, @process-xxs-icon-stroke
234
+ xs, @process-xxs-radius, @process-xxs-circumference, @process-xxs-stroke, @process-xxs-icon-size, @process-xxs-icon-stroke
240
235
  );
241
236
  .process-size(
242
237
  xs, @process-xs-radius, @process-xs-circumference, @process-xs-stroke, @process-xs-icon-size, @process-xs-icon-stroke
@@ -249,10 +244,6 @@
249
244
  );
250
245
 
251
246
  .process-xxs {
252
- .process-icon-container {
253
- display: none;
254
- }
255
-
256
247
  .process-circle {
257
248
  animation-name: process-chase-circle-xxs;
258
249
  }
@@ -388,9 +379,11 @@
388
379
  }
389
380
 
390
381
  .btn .process:first-child {
391
- margin-left: -12px;
392
- margin-right: 12px;
393
- float: left;
382
+ .margin(left, -12px);
383
+
384
+ .margin(right, 12px);
385
+
386
+ .float(left);
394
387
  }
395
388
 
396
389
  .btn-block .process:first-child {
package/src/less/tick.less CHANGED
@@ -11,13 +11,9 @@
11
11
  content: "";
12
12
  position: absolute;
13
13
  background: var(--color-background-screen);
14
- transform: translateX(-1.5px) rotate(-45deg);
14
+ transform: translateX(0.5px) rotate(-45deg);
15
15
  transform-origin: left bottom;
16
-
17
- [dir="rtl"] & {
18
- transform: translateX(-1.5px) rotate(-45deg) scaleX(-1);
19
- transform-origin: right bottom;
20
- }
16
+ left: var(--size-8);
21
17
  }
22
18
 
23
19
  .has-error {
@@ -38,4 +34,4 @@
38
34
  height: 2px;
39
35
  width: 11px;
40
36
  }
41
- }
37
+ }