@transferwise/components 43.8.2 → 43.9.0

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 (17) hide show
  1. package/build/es/no-polyfill/common/theme.js +1 -1
  2. package/build/es/polyfill/common/theme.js +1 -1
  3. package/build/main.css +1 -1
  4. package/build/styles/card/Card.css +1 -1
  5. package/build/styles/common/bottomSheet/BottomSheet.css +1 -1
  6. package/build/styles/common/panel/Panel.css +1 -1
  7. package/build/styles/dimmer/Dimmer.css +1 -1
  8. package/build/styles/flowNavigation/FlowNavigation.css +1 -1
  9. package/build/styles/logo/Logo.css +1 -1
  10. package/build/styles/main.css +1 -1
  11. package/build/styles/overlayHeader/OverlayHeader.css +1 -1
  12. package/build/styles/stepper/Stepper.css +1 -1
  13. package/build/styles/typeahead/Typeahead.css +1 -1
  14. package/build/types/common/theme.d.ts +6 -4
  15. package/build/umd/no-polyfill/main.js +1 -1
  16. package/build/umd/polyfill/main.js +1 -1
  17. package/package.json +5 -5
package/build/styles/typeahead/Typeahead.css CHANGED
@@ -1 +1 @@
1
- .typeahead.open .input-group{z-index:1060}.typeahead .dropdown.btn-block{display:block}.typeahead .dropdown-menu{max-width:100%;width:100%}.np-theme-personal--dark .typeahead .dropdown-menu,.np-theme-personal--forest-green .typeahead .dropdown-menu{background-color:#fff;background-color:var(--color-background-elevated)}.typeahead--multiple .np-chip{animation-duration:.03s;animation-name:slide;animation-timing-function:ease-in-out;margin-bottom:auto}.typeahead--multiple .np-chip:first-child{animation-name:slideFirst}.typeahead--multiple .np-chip-remove{animation-duration:.03s;animation-name:fadeIn;animation-timing-function:ease-in-out}.typeahead--multiple .form-control{height:auto;min-height:auto;overflow:auto;padding-bottom:0;padding-top:0}.typeahead--multiple .typeahead__input{align-self:stretch;border:none;float:none;outline:none;padding:0}.typeahead--multiple .typeahead__input-aligner{display:inline-block;height:40px;width:0}.typeahead--multiple .typeahead__input-container{cursor:text;display:flex}.typeahead--multiple .sizer{position:absolute;visibility:hidden;white-space:pre;width:auto}.typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-left:8px;padding-left:var(--size-8)}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-left:0;padding-right:8px;padding-right:var(--size-8)}.typeahead--multiple.typeahead--has-value .typeahead__input{margin-bottom:-7px;margin-bottom:calc(var(--size-8)*-1 + 1px);margin-left:4px;margin-left:var(--size-4)}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input{margin-left:0;margin-right:4px;margin-right:var(--size-4)}.typeahead--multiple.typeahead--has-value .typeahead__input-wrapper:after{content:"";height:calc(8px - 1);height:calc(var(--size-8) - 1);width:100%}.typeahead__input-wrapper{align-items:center;display:flex;flex:1;flex-wrap:wrap;margin-top:-1px;width:100%}.np-theme-personal .typeahead__input-wrapper{margin-top:0}.typeahead--empty.typeahead--multiple .typeahead__input-wrapper{margin:0;padding:0}.typeahead-sm.typeahead--multiple .typeahead__input-container{min-height:32px}.typeahead-sm.typeahead--multiple .typeahead__input{padding-top:0}.typeahead-md.typeahead--multiple .typeahead__input-container{min-height:48px}.np-theme-personal .typeahead-md.typeahead--multiple .typeahead__input-container{min-height:53px}.typeahead-lg.typeahead--multiple .typeahead__input-container{min-height:72px}.typeahead-lg.typeahead--multiple .typeahead__input{padding-top:calc(8px - 1);padding-top:calc(var(--size-8) - 1)}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper{margin:0;padding-bottom:8px;padding-bottom:var(--size-8)}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper:after{content:none}.typeahead-lg.typeahead--multiple .np-chip{margin-bottom:0}@keyframes slide{0%{transform:translateX(-12px)}to{transform:none}}@keyframes slideFirst{0%{transform:translateX(-4px)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:.6}}@media (max-width:575px){.typeahead .dropdown.open .dropdown-menu{bottom:auto;overflow:scroll;position:absolute}}.np-theme-personal .typeahead .input-group:not(.disabled,:disabled,.input-group--has-error):focus-within .tw-icon-search{color:var(--color-interactive-primary)}.np-theme-personal .typeahead .tw-icon-search{color:#c9cbce;color:var(--color-interactive-secondary)}.np-theme-personal .typeahead .np-chip{margin-top:9px!important}.np-theme-personal .typeahead .np-chip--removable .np-text-body-default-bold{padding-right:16px;padding-right:var(--size-16)}
1
+ .typeahead.open .input-group{z-index:1060}.typeahead .dropdown.btn-block{display:block}.typeahead .dropdown-menu{max-width:100%;width:100%}.np-theme-personal--bright-green .typeahead .dropdown-menu,.np-theme-personal--dark .typeahead .dropdown-menu,.np-theme-personal--forest-green .typeahead .dropdown-menu{background-color:#fff;background-color:var(--color-background-elevated)}.typeahead--multiple .np-chip{animation-duration:.03s;animation-name:slide;animation-timing-function:ease-in-out;margin-bottom:auto}.typeahead--multiple .np-chip:first-child{animation-name:slideFirst}.typeahead--multiple .np-chip-remove{animation-duration:.03s;animation-name:fadeIn;animation-timing-function:ease-in-out}.typeahead--multiple .form-control{height:auto;min-height:auto;overflow:auto;padding-bottom:0;padding-top:0}.typeahead--multiple .typeahead__input{align-self:stretch;border:none;float:none;outline:none;padding:0}.typeahead--multiple .typeahead__input-aligner{display:inline-block;height:40px;width:0}.typeahead--multiple .typeahead__input-container{cursor:text;display:flex}.typeahead--multiple .sizer{position:absolute;visibility:hidden;white-space:pre;width:auto}.typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-left:8px;padding-left:var(--size-8)}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-left:0;padding-right:8px;padding-right:var(--size-8)}.typeahead--multiple.typeahead--has-value .typeahead__input{margin-bottom:-7px;margin-bottom:calc(var(--size-8)*-1 + 1px);margin-left:4px;margin-left:var(--size-4)}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input{margin-left:0;margin-right:4px;margin-right:var(--size-4)}.typeahead--multiple.typeahead--has-value .typeahead__input-wrapper:after{content:"";height:calc(8px - 1);height:calc(var(--size-8) - 1);width:100%}.typeahead__input-wrapper{align-items:center;display:flex;flex:1;flex-wrap:wrap;margin-top:-1px;width:100%}.np-theme-personal .typeahead__input-wrapper{margin-top:0}.typeahead--empty.typeahead--multiple .typeahead__input-wrapper{margin:0;padding:0}.typeahead-sm.typeahead--multiple .typeahead__input-container{min-height:32px}.typeahead-sm.typeahead--multiple .typeahead__input{padding-top:0}.typeahead-md.typeahead--multiple .typeahead__input-container{min-height:48px}.np-theme-personal .typeahead-md.typeahead--multiple .typeahead__input-container{min-height:53px}.typeahead-lg.typeahead--multiple .typeahead__input-container{min-height:72px}.typeahead-lg.typeahead--multiple .typeahead__input{padding-top:calc(8px - 1);padding-top:calc(var(--size-8) - 1)}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper{margin:0;padding-bottom:8px;padding-bottom:var(--size-8)}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper:after{content:none}.typeahead-lg.typeahead--multiple .np-chip{margin-bottom:0}@keyframes slide{0%{transform:translateX(-12px)}to{transform:none}}@keyframes slideFirst{0%{transform:translateX(-4px)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:.6}}@media (max-width:575px){.typeahead .dropdown.open .dropdown-menu{bottom:auto;overflow:scroll;position:absolute}}.np-theme-personal .typeahead .input-group:not(.disabled,:disabled,.input-group--has-error):focus-within .tw-icon-search{color:var(--color-interactive-primary)}.np-theme-personal .typeahead .tw-icon-search{color:#c9cbce;color:var(--color-interactive-secondary)}.np-theme-personal .typeahead .np-chip{margin-top:9px!important}.np-theme-personal .typeahead .np-chip--removable .np-text-body-default-bold{padding-right:16px;padding-right:var(--size-16)}
package/build/types/common/theme.d.ts CHANGED
@@ -3,15 +3,17 @@ export declare enum Theme {
3
3
  DARK = "dark",
4
4
  NAVY = "navy",
5
5
  PERSONAL = "personal",
6
- PERSONAL_DARK = "personal--dark",
7
- PERSONAL_FOREST_GREEN = "personal--forest-green"
6
+ PERSONAL_FOREST_GREEN = "personal--forest-green",
7
+ PERSONAL_BRIGHT_GREEN = "personal--bright-green",
8
+ PERSONAL_DARK = "personal--dark"
8
9
  }
9
10
  export type ThemeLight = 'light';
10
11
  export type ThemeDark = 'dark';
11
12
  export type ThemeNavy = 'navy';
12
13
  export type ThemePersonal = 'personal';
13
- export type ThemePersonalDark = 'personal--dark';
14
14
  export type ThemePersonalForestGreen = 'personal--forest-green';
15
- export type ThemeType = ThemeLight | ThemeDark | ThemeNavy | ThemePersonalForestGreen | ThemePersonal | ThemePersonalDark;
15
+ export type ThemePersonalBrightGreen = 'personal--bright-green';
16
+ export type ThemePersonalDark = 'personal--dark';
17
+ export type ThemeType = ThemeLight | ThemeDark | ThemeNavy | ThemePersonal | ThemePersonalForestGreen | ThemePersonalBrightGreen | ThemePersonalDark;
16
18
  export declare const modernThemes: Set<ThemeType>;
17
19
  export declare const getThemeClassName: (theme: ThemeType) => string;