@transferwise/components 0.0.0-experimental-fdcd4f0 → 0.0.0-experimental-d05391d

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.
@@ -1 +1 @@
1
- .tw-stepper{padding-bottom:24px;width:100%}@media only screen and (max-width:575px){.tw-stepper{padding-bottom:0}}.tw-stepper__step{list-style-type:none;position:absolute;top:0}.tw-stepper__step--active .tw-stepper__step-label{color:#37517e;color:var(--color-content-primary);cursor:default;font-weight:600}.np-theme-personal .tw-stepper__step--active~li:not(.tw-stepper__step--has-tooltip:hover) .tw-stepper__step-label:not(:active,:focus){opacity:.45}.tw-stepper__step--clickable .tw-stepper__step-label{border-radius:2px;color:#0097c7;color:var(--color-content-accent);line-height:0;transition:color .15s ease-in-out}.np-theme-personal .tw-stepper__step--clickable .tw-stepper__step-label{color:#5d7079;color:var(--color-content-secondary);top:0}.tw-stepper__step--has-tooltip:hover{cursor:pointer}@media screen and (min-width:576px) and (max-width:991px){.tw-stepper__step:first-child .tooltip-inner{transform:translateX(calc(50% - 32px))}.tw-stepper__step:last-child .tooltip-inner{transform:translateX(calc(-50% + 32px))}}.tw-stepper__step-label{color:#5d7079;color:var(--color-content-secondary);font-weight:600;font-weight:var(--font-weight-semi-bold);position:absolute;top:0;transform:translateX(-50%);transition:color .6s ease-in-out;white-space:nowrap}[dir=rtl] .tw-stepper__step-label{transform:translateX(50%)}.tw-stepper .tooltip{top:24px!important;white-space:nowrap}.tw-stepper .tooltip .tooltip-inner{max-width:100%}.tw-stepper .tw-tooltip-container{display:block}.tw-stepper-steps{padding:0;position:relative}[dir=rtl] .tw-stepper-steps{padding:0}.progress-bar{-webkit-backface-visibility:hidden;background-color:var(--color-interactive-primary);border-bottom-left-radius:1px;border-top-left-radius:1px;float:left;height:100%;transition:width .6s ease-in-out;will-change:width}[dir=rtl] .progress-bar{float:right}.progress-bar:after{border-radius:4px;content:"";float:right;height:8px;margin-right:-4px;margin-top:-3px;width:8px}[dir=rtl] .progress-bar:after{float:left;margin-left:-4px;margin-right:0}.btn-unstyled{background:none;border:none;display:block;margin:0;padding:0}
1
+ .tw-stepper{padding-bottom:24px;width:100%}@media only screen and (max-width:575px){.tw-stepper{padding-bottom:0}}.tw-stepper__step{list-style-type:none;position:absolute;top:0}.tw-stepper__step--active .tw-stepper__step-label{color:#37517e;color:var(--color-content-primary);cursor:default}.tw-stepper__step--clickable .tw-stepper__step-label{border-radius:2px;color:#0097c7;color:var(--color-content-accent);line-height:0;transition:color .15s ease-in-out}.np-theme-personal .tw-stepper__step--clickable .tw-stepper__step-label{color:#5d7079;color:var(--color-content-secondary);top:0}.tw-stepper__step--has-tooltip{cursor:pointer}@media screen and (min-width:576px) and (max-width:991px){.tw-stepper__step:first-child .tooltip-inner{transform:translateX(calc(50% - 32px))}.tw-stepper__step:last-child .tooltip-inner{transform:translateX(calc(-50% + 32px))}}.tw-stepper__step-label{color:#5d7079;color:var(--color-content-secondary);position:absolute;top:0;transform:translateX(-50%);transition:color .6s ease-in-out;white-space:nowrap}[dir=rtl] .tw-stepper__step-label{transform:translateX(50%)}.tw-stepper .tooltip{top:24px!important;white-space:nowrap}.tw-stepper .tooltip .tooltip-inner{max-width:100%}.tw-stepper .tw-tooltip-container{display:block}.tw-stepper-steps{padding:0;position:relative}[dir=rtl] .tw-stepper-steps{padding:0}.progress-bar{-webkit-backface-visibility:hidden;background-color:var(--color-interactive-primary);border-bottom-left-radius:1px;border-top-left-radius:1px;float:left;height:100%;transition:width .6s ease-in-out;will-change:width}[dir=rtl] .progress-bar{float:right}.progress-bar:after{border-radius:4px;content:"";float:right;height:8px;margin-right:-4px;margin-top:-3px;width:8px}[dir=rtl] .progress-bar:after{float:left;margin-left:-4px;margin-right:0}.btn-unstyled{background:none;border:none;display:block;margin:0;padding:0}
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/Stepper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,QAAA,MAAM,OAAO,qCAA0C,YAAY,6BA+DlE,CAAC;AAGF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/Stepper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,QAAA,MAAM,OAAO,qCAA0C,YAAY,6BA6DlE,CAAC;AAGF,eAAe,OAAO,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-fdcd4f0",
3
+ "version": "0.0.0-experimental-d05391d",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -77,12 +77,12 @@
77
77
  "rollup": "^3.28.1",
78
78
  "storybook": "^7.0.6",
79
79
  "@transferwise/less-config": "3.0.6",
80
- "@transferwise/neptune-css": "0.0.0-experimental-fdcd4f0",
80
+ "@transferwise/neptune-css": "14.5.2",
81
81
  "@wise/components-theming": "0.8.4"
82
82
  },
83
83
  "peerDependencies": {
84
84
  "@transferwise/icons": "^3.7.0",
85
- "@transferwise/neptune-css": "0.0.0-experimental-fdcd4f0",
85
+ "@transferwise/neptune-css": "^14.5.2",
86
86
  "@wise/art": "^2",
87
87
  "@wise/components-theming": "^0.8.4",
88
88
  "currency-flags": "^4.0.2",
@@ -79,31 +79,31 @@ exports[`FlowNavigation on mobile renders as expected 1`] = `
79
79
  class="tw-stepper-steps p-t-1 m-b-0"
80
80
  >
81
81
  <li
82
- class="hidden-xs tw-stepper__step"
82
+ class="hidden-xs tw-stepper__step np-text-body-default"
83
83
  style="left: 0%;"
84
84
  >
85
85
  <span
86
- class="np-text-body-default tw-stepper__step-label small"
86
+ class="tw-stepper__step-label"
87
87
  >
88
88
  label-0
89
89
  </span>
90
90
  </li>
91
91
  <li
92
- class="hidden-xs tw-stepper__step tw-stepper__step--active"
92
+ class="hidden-xs tw-stepper__step np-text-body-default-bold tw-stepper__step--active"
93
93
  style="left: 50%;"
94
94
  >
95
95
  <span
96
- class="np-text-body-default tw-stepper__step-label small"
96
+ class="tw-stepper__step-label"
97
97
  >
98
98
  label-1
99
99
  </span>
100
100
  </li>
101
101
  <li
102
- class="hidden-xs tw-stepper__step"
102
+ class="hidden-xs tw-stepper__step np-text-body-default"
103
103
  style="left: 100%;"
104
104
  >
105
105
  <span
106
- class="np-text-body-default tw-stepper__step-label small"
106
+ class="tw-stepper__step-label"
107
107
  >
108
108
  label-2
109
109
  </span>
@@ -192,31 +192,31 @@ exports[`FlowNavigation renders as expected 1`] = `
192
192
  class="tw-stepper-steps p-t-1 m-b-0"
193
193
  >
194
194
  <li
195
- class="hidden-xs tw-stepper__step tw-stepper__step--active"
195
+ class="hidden-xs tw-stepper__step np-text-body-default-bold tw-stepper__step--active"
196
196
  style="left: 0%;"
197
197
  >
198
198
  <span
199
- class="np-text-body-default tw-stepper__step-label small"
199
+ class="tw-stepper__step-label"
200
200
  >
201
201
  label-0
202
202
  </span>
203
203
  </li>
204
204
  <li
205
- class="hidden-xs tw-stepper__step"
205
+ class="hidden-xs tw-stepper__step np-text-body-default"
206
206
  style="left: 50%;"
207
207
  >
208
208
  <span
209
- class="np-text-body-default tw-stepper__step-label small"
209
+ class="tw-stepper__step-label"
210
210
  >
211
211
  label-1
212
212
  </span>
213
213
  </li>
214
214
  <li
215
- class="hidden-xs tw-stepper__step"
215
+ class="hidden-xs tw-stepper__step np-text-body-default"
216
216
  style="left: 100%;"
217
217
  >
218
218
  <span
219
- class="np-text-body-default tw-stepper__step-label small"
219
+ class="tw-stepper__step-label"
220
220
  >
221
221
  label-2
222
222
  </span>