@transferwise/components 0.0.0-experimental-fed4f10 → 0.0.0-experimental-9773c7e

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 +6 -4
  2. package/build/styles/item/Item.css +6 -4
  3. package/build/styles/main.css +6 -4
  4. package/package.json +1 -1
  5. package/src/item/Item.css +6 -4
  6. package/src/item/Item.less +3 -4
  7. package/src/main.css +6 -4
package/build/main.css CHANGED
@@ -2700,9 +2700,12 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2700
2700
  word-wrap: break-word;
2701
2701
  }
2702
2702
  .np-item-prompt .np-prompt-icon {
2703
- padding-right: 6px;
2704
- padding-top: 3px;
2705
- padding-bottom: 3px;
2703
+ padding-right: calc(12px / 2);
2704
+ padding-right: calc(var(--size-12) / 2);
2705
+ padding-top: calc(4px - 1);
2706
+ padding-top: calc(var(--size-4) - 1);
2707
+ padding-bottom: calc(4px - 1);
2708
+ padding-bottom: calc(var(--size-4) - 1);
2706
2709
  }
2707
2710
  .np-item-prompt .np-prompt-icon .tw-icon-tags,
2708
2711
  .np-item-prompt .np-prompt-icon .tw-icon-confetti {
@@ -2711,7 +2714,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2711
2714
  .np-item-prompt a {
2712
2715
  text-underline-offset: calc(4px / 2);
2713
2716
  text-underline-offset: calc(var(--size-4) / 2);
2714
- display: inline;
2715
2717
  }
2716
2718
  .np-item-prompt.np-prompt-interactive {
2717
2719
  -webkit-text-decoration: none;
package/build/styles/item/Item.css CHANGED
@@ -78,9 +78,12 @@
78
78
  word-wrap: break-word;
79
79
  }
80
80
  .np-item-prompt .np-prompt-icon {
81
- padding-right: 6px;
82
- padding-top: 3px;
83
- padding-bottom: 3px;
81
+ padding-right: calc(12px / 2);
82
+ padding-right: calc(var(--size-12) / 2);
83
+ padding-top: calc(4px - 1);
84
+ padding-top: calc(var(--size-4) - 1);
85
+ padding-bottom: calc(4px - 1);
86
+ padding-bottom: calc(var(--size-4) - 1);
84
87
  }
85
88
  .np-item-prompt .np-prompt-icon .tw-icon-tags,
86
89
  .np-item-prompt .np-prompt-icon .tw-icon-confetti {
@@ -89,7 +92,6 @@
89
92
  .np-item-prompt a {
90
93
  text-underline-offset: calc(4px / 2);
91
94
  text-underline-offset: calc(var(--size-4) / 2);
92
- display: inline;
93
95
  }
94
96
  .np-item-prompt.np-prompt-interactive {
95
97
  -webkit-text-decoration: none;
package/build/styles/main.css CHANGED
@@ -2700,9 +2700,12 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2700
2700
  word-wrap: break-word;
2701
2701
  }
2702
2702
  .np-item-prompt .np-prompt-icon {
2703
- padding-right: 6px;
2704
- padding-top: 3px;
2705
- padding-bottom: 3px;
2703
+ padding-right: calc(12px / 2);
2704
+ padding-right: calc(var(--size-12) / 2);
2705
+ padding-top: calc(4px - 1);
2706
+ padding-top: calc(var(--size-4) - 1);
2707
+ padding-bottom: calc(4px - 1);
2708
+ padding-bottom: calc(var(--size-4) - 1);
2706
2709
  }
2707
2710
  .np-item-prompt .np-prompt-icon .tw-icon-tags,
2708
2711
  .np-item-prompt .np-prompt-icon .tw-icon-confetti {
@@ -2711,7 +2714,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2711
2714
  .np-item-prompt a {
2712
2715
  text-underline-offset: calc(4px / 2);
2713
2716
  text-underline-offset: calc(var(--size-4) / 2);
2714
- display: inline;
2715
2717
  }
2716
2718
  .np-item-prompt.np-prompt-interactive {
2717
2719
  -webkit-text-decoration: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-fed4f10",
3
+ "version": "0.0.0-experimental-9773c7e",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
package/src/item/Item.css CHANGED
@@ -78,9 +78,12 @@
78
78
  word-wrap: break-word;
79
79
  }
80
80
  .np-item-prompt .np-prompt-icon {
81
- padding-right: 6px;
82
- padding-top: 3px;
83
- padding-bottom: 3px;
81
+ padding-right: calc(12px / 2);
82
+ padding-right: calc(var(--size-12) / 2);
83
+ padding-top: calc(4px - 1);
84
+ padding-top: calc(var(--size-4) - 1);
85
+ padding-bottom: calc(4px - 1);
86
+ padding-bottom: calc(var(--size-4) - 1);
84
87
  }
85
88
  .np-item-prompt .np-prompt-icon .tw-icon-tags,
86
89
  .np-item-prompt .np-prompt-icon .tw-icon-confetti {
@@ -89,7 +92,6 @@
89
92
  .np-item-prompt a {
90
93
  text-underline-offset: calc(4px / 2);
91
94
  text-underline-offset: calc(var(--size-4) / 2);
92
- display: inline;
93
95
  }
94
96
  .np-item-prompt.np-prompt-interactive {
95
97
  -webkit-text-decoration: none;
package/src/item/Item.less CHANGED
@@ -73,9 +73,9 @@
73
73
  overflow-wrap: break-word;
74
74
 
75
75
  .np-prompt-icon {
76
- padding-right: 6px;
77
- padding-top: 3px;
78
- padding-bottom: 3px;
76
+ padding-right: calc(var(--size-12) / 2);
77
+ padding-top: calc(var(--size-4) - 1);
78
+ padding-bottom: calc(var(--size-4) - 1);
79
79
 
80
80
  .tw-icon-tags,
81
81
  .tw-icon-confetti {
@@ -85,7 +85,6 @@
85
85
 
86
86
  a {
87
87
  text-underline-offset: calc(var(--size-4) / 2);
88
- display: inline;
89
88
  }
90
89
 
91
90
  &.np-prompt-interactive {
package/src/main.css CHANGED
@@ -2700,9 +2700,12 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2700
2700
  word-wrap: break-word;
2701
2701
  }
2702
2702
  .np-item-prompt .np-prompt-icon {
2703
- padding-right: 6px;
2704
- padding-top: 3px;
2705
- padding-bottom: 3px;
2703
+ padding-right: calc(12px / 2);
2704
+ padding-right: calc(var(--size-12) / 2);
2705
+ padding-top: calc(4px - 1);
2706
+ padding-top: calc(var(--size-4) - 1);
2707
+ padding-bottom: calc(4px - 1);
2708
+ padding-bottom: calc(var(--size-4) - 1);
2706
2709
  }
2707
2710
  .np-item-prompt .np-prompt-icon .tw-icon-tags,
2708
2711
  .np-item-prompt .np-prompt-icon .tw-icon-confetti {
@@ -2711,7 +2714,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2711
2714
  .np-item-prompt a {
2712
2715
  text-underline-offset: calc(4px / 2);
2713
2716
  text-underline-offset: calc(var(--size-4) / 2);
2714
- display: inline;
2715
2717
  }
2716
2718
  .np-item-prompt.np-prompt-interactive {
2717
2719
  -webkit-text-decoration: none;