@transferwise/components 45.0.0 → 45.0.1
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.
- package/build/es/no-polyfill/tabs/Tabs.js +1 -1
- package/build/es/polyfill/tabs/Tabs.js +1 -1
- package/build/main.css +1 -1
- package/build/styles/main.css +1 -1
- package/build/styles/progress/Progress.css +1 -1
- package/build/styles/tabs/Tabs.css +1 -1
- package/build/umd/no-polyfill/main.js +1 -1
- package/build/umd/polyfill/main.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-progress{border-radius:10px;border-radius:var(--radius-small);height:
|
|
1
|
+
.np-progress{border-radius:10px;border-radius:var(--radius-small);height:8px;height:var(--size-8);width:100%}.np-progress::-webkit-progress-bar{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:10px;border-radius:var(--radius-small)}.np-progress::-webkit-progress-value{background-color:#0097c7;background-color:var(--color-content-accent);border-radius:10px;border-radius:var(--radius-small)}.np-theme-personal .np-progress::-webkit-progress-value{background-color:var(--color-interactive-primary)}.np-progress::-moz-progress-bar{background-color:#0097c7;background-color:var(--color-content-accent);border-radius:10px;border-radius:var(--radius-small)}.np-theme-personal .np-progress::-moz-progress-bar{background-color:var(--color-interactive-primary)}@media (prefers-reduced-motion:no-preference){.np-progress::-webkit-progress-value{-webkit-transition:width .5s ease;transition:width .5s ease;transition-delay:.2s}.np-progress::-moz-progress-bar{-moz-transition:width .5s ease;transition:width .5s ease;transition-delay:.2s}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tabs{position:relative}.tabs__tab{color:#37517e;color:var(--color-content-primary);display:inline-block;font-weight:600;font-weight:var(--font-weight-semi-bold);margin-bottom:-
|
|
1
|
+
.tabs{position:relative}.tabs__tab{color:#37517e;color:var(--color-content-primary);display:inline-block;font-weight:600;font-weight:var(--font-weight-semi-bold);margin-bottom:-2px;outline:none;padding:8px;padding:var(--size-8);text-align:center;transition:color .15s ease-in-out}.np-theme-personal .tabs__tab{color:#5d7079;color:var(--color-content-secondary);font-weight:400;font-weight:var(--font-weight-regular)}.tabs__tab--selected{color:#0097c7;color:var(--color-content-accent)}.np-theme-personal .tabs__tab--selected{color:var(--color-interactive-primary);font-weight:600;font-weight:var(--font-weight-semi-bold)}.tabs__tab__content{border-radius:2px}.tabs__tab:not(.disabled,:disabled):focus-visible .tabs__tab__content{color:#0084b3;color:var(--color-content-accent-hover)}.np-theme-personal .tabs__tab:not(.disabled,:disabled):focus-visible .tabs__tab__content{color:var(--color-interactive-primary-hover);outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}@media (min-width:992px){.tabs__tab:not(.disabled,:disabled):hover{color:#0084b3;color:var(--color-content-accent-hover)}.np-theme-personal .tabs__tab:not(.disabled,:disabled):hover{color:var(--color-interactive-primary-hover)}}@media (hover:hover){.tabs__tab:not(.disabled,:disabled):hover{color:#0084b3;color:var(--color-content-accent-hover)}.np-theme-personal .tabs__tab:not(.disabled,:disabled):hover{color:var(--color-interactive-primary-hover)}}.tabs__tab-list{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);list-style:none;margin:0;padding:0}.tabs__line{background-color:#00a2dd;background-color:var(--color-interactive-accent);bottom:-1px;height:2px;position:relative;transition:transform .35s cubic-bezier(0,.94,.62,1)}.np-theme-personal .tabs__line{background-color:var(--color-interactive-primary)}.tabs__panel-container{width:100%}.tabs__slider{display:flex}.tabs__panel--selected{padding:8px;padding:var(--size-8)}.tabs__panel.enter{opacity:0}.tabs__panel.enter-active{opacity:1}.tabs__panel.exit{opacity:0}.tabs--inverse .tabs__tab-list{border-bottom-color:#0000001a;border-bottom-color:var(--color-border-neutral)}.tabs--inverse .tabs__tab:not(.tabs__tab--selected){color:#fff}.tabs.tabs--auto-width .tabs__tab{align-items:center;display:inline-flex;justify-content:center;min-height:40px;min-height:var(--size-40);padding:0 12px;padding:0 var(--size-12);vertical-align:middle}@media (min-width:576px){.tabs.tabs--auto-width .tabs__tab{padding:0 24px;padding:0 var(--size-24)}}
|