@transferwise/components 41.7.2 → 41.7.3-next-07dfb657b6.6
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/accordion/AccordionItem/AccordionItem.js +1 -1
- package/build/es/no-polyfill/actionButton/ActionButton.js +1 -1
- package/build/es/no-polyfill/alert/Alert.js +1 -1
- package/build/es/no-polyfill/avatar/Avatar.js +1 -1
- package/build/es/no-polyfill/avatarWrapper/AvatarWrapper.js +1 -1
- package/build/es/no-polyfill/body/Body.js +1 -0
- package/build/es/no-polyfill/body/Body.spec.js +1 -0
- package/build/es/no-polyfill/body/Body.story.js +1 -0
- package/build/es/no-polyfill/body/index.js +1 -0
- package/build/es/no-polyfill/card/Card.js +1 -1
- package/build/es/no-polyfill/checkbox/Checkbox.js +1 -1
- package/build/es/no-polyfill/checkboxButton/CheckboxButton.story.js +1 -1
- package/build/es/no-polyfill/chips/Chip.js +1 -1
- package/build/es/no-polyfill/circularButton/CircularButton.js +1 -1
- package/build/es/no-polyfill/common/Option/Option.js +1 -1
- package/build/es/no-polyfill/common/bottomSheet/BottomSheet.js +2 -2
- package/build/es/no-polyfill/common/closeButton/CloseButton.js +1 -1
- package/build/es/no-polyfill/common/index.js +1 -1
- package/build/es/no-polyfill/common/propsValues/typography.js +1 -0
- package/build/es/no-polyfill/common/propsValues/variant.js +1 -0
- package/build/es/no-polyfill/common/responsivePanel/ResponsivePanel.js +1 -1
- package/build/es/no-polyfill/common/theme.js +1 -1
- package/build/es/no-polyfill/criticalBanner/CriticalCommsBanner.js +1 -0
- package/build/es/no-polyfill/criticalBanner/CriticalCommsBanner.story.js +1 -0
- package/build/es/no-polyfill/criticalBanner/index.js +1 -0
- package/build/es/no-polyfill/dateLookup/dateHeader/DateHeader.js +1 -1
- package/build/es/no-polyfill/dateLookup/dayCalendar/table/DayCalendarTable.js +1 -1
- package/build/es/no-polyfill/dateLookup/monthCalendar/table/MonthCalendarTable.js +1 -1
- package/build/es/no-polyfill/dateLookup/tableLink/TableLink.js +1 -1
- package/build/es/no-polyfill/display/Display.story.js +1 -0
- package/build/es/no-polyfill/drawer/Drawer.js +1 -1
- package/build/es/no-polyfill/dynamicFieldDefinitionList/DynamicFieldDefinitionList.js +1 -1
- package/build/es/no-polyfill/dynamicFieldDefinitionList/FormattedValue/FormattedValue.js +1 -1
- package/build/es/no-polyfill/flowNavigation/animatedLabel/AnimatedLabel.js +1 -1
- package/build/es/no-polyfill/header/Header.js +2 -2
- package/build/es/no-polyfill/index.js +2 -2
- package/build/es/no-polyfill/inlineAlert/InlineAlert.js +1 -1
- package/build/es/no-polyfill/instructionsList/InstructionsList.js +3 -3
- package/build/es/no-polyfill/link/Link.js +2 -3
- package/build/es/no-polyfill/link/Link.story.js +1 -1
- package/build/es/no-polyfill/logo/Logo.js +1 -1
- package/build/es/no-polyfill/logo/svg/logo-business-inverse.svg +1 -0
- package/build/es/no-polyfill/logo/svg/logo-business.svg +1 -0
- package/build/es/no-polyfill/logo/svg/logo-inverse.svg +1 -0
- package/build/es/no-polyfill/logo/svg/logo.svg +1 -0
- package/build/es/no-polyfill/modal/Modal.js +1 -1
- package/build/es/no-polyfill/modal/Modal.story.js +1 -1
- package/build/es/no-polyfill/moneyInput/MoneyInput.js +1 -1
- package/build/es/no-polyfill/nudge/Nudge.js +1 -1
- package/build/es/no-polyfill/popover/Popover.js +1 -1
- package/build/es/no-polyfill/progressBar/ProgressBar.js +1 -1
- package/build/es/no-polyfill/radio/Radio.js +1 -1
- package/build/es/no-polyfill/select/Select.js +4 -4
- package/build/es/no-polyfill/select/option/Option.js +1 -1
- package/build/es/no-polyfill/snackbar/Snackbar.js +1 -1
- package/build/es/no-polyfill/stepper/Stepper.js +1 -1
- package/build/es/no-polyfill/summary/Summary.js +1 -1
- package/build/es/no-polyfill/switch/Switch.js +1 -1
- package/build/es/no-polyfill/switch/Switch.story.js +1 -1
- package/build/es/no-polyfill/tabs/Tab.js +1 -1
- package/build/es/no-polyfill/tile/Tile.js +1 -1
- package/build/es/no-polyfill/title/Title.js +1 -0
- package/build/es/no-polyfill/title/Title.spec.js +1 -0
- package/build/es/no-polyfill/title/Title.story.js +1 -0
- package/build/es/no-polyfill/title/index.js +1 -0
- package/build/es/no-polyfill/typeahead/typeaheadOption/TypeaheadOption.js +1 -1
- package/build/es/no-polyfill/upload/Upload.js +1 -1
- package/build/es/no-polyfill/upload/steps/completeStep/completeStep.js +1 -1
- package/build/es/no-polyfill/upload/steps/mediaUploadStep/mediaUploadStep.js +1 -1
- package/build/es/no-polyfill/upload/steps/processingStep/processingStep.js +1 -1
- package/build/es/no-polyfill/upload/steps/uploadImageStep/uploadImageStep.js +1 -1
- package/build/es/no-polyfill/uploadInput/UploadInput.story.js +1 -1
- package/build/es/no-polyfill/uploadInput/uploadButton/UploadButton.js +1 -1
- package/build/es/no-polyfill/uploadInput/uploadItem/UploadItem.js +2 -2
- package/build/es/polyfill/accordion/AccordionItem/AccordionItem.js +1 -1
- package/build/es/polyfill/actionButton/ActionButton.js +1 -1
- package/build/es/polyfill/alert/Alert.js +1 -1
- package/build/es/polyfill/avatar/Avatar.js +1 -1
- package/build/es/polyfill/avatarWrapper/AvatarWrapper.js +1 -1
- package/build/es/polyfill/body/Body.js +1 -0
- package/build/es/polyfill/body/Body.spec.js +1 -0
- package/build/es/polyfill/body/Body.story.js +1 -0
- package/build/es/polyfill/body/index.js +1 -0
- package/build/es/polyfill/card/Card.js +1 -1
- package/build/es/polyfill/checkbox/Checkbox.js +1 -1
- package/build/es/polyfill/checkboxButton/CheckboxButton.story.js +1 -1
- package/build/es/polyfill/chips/Chip.js +1 -1
- package/build/es/polyfill/circularButton/CircularButton.js +1 -1
- package/build/es/polyfill/common/Option/Option.js +1 -1
- package/build/es/polyfill/common/bottomSheet/BottomSheet.js +2 -2
- package/build/es/polyfill/common/closeButton/CloseButton.js +1 -1
- package/build/es/polyfill/common/index.js +1 -1
- package/build/es/polyfill/common/propsValues/typography.js +1 -0
- package/build/es/polyfill/common/propsValues/variant.js +1 -0
- package/build/es/polyfill/common/responsivePanel/ResponsivePanel.js +1 -1
- package/build/es/polyfill/common/theme.js +1 -1
- package/build/es/polyfill/criticalBanner/CriticalCommsBanner.js +1 -0
- package/build/es/polyfill/criticalBanner/CriticalCommsBanner.story.js +1 -0
- package/build/es/polyfill/criticalBanner/index.js +1 -0
- package/build/es/polyfill/dateLookup/dateHeader/DateHeader.js +1 -1
- package/build/es/polyfill/dateLookup/dayCalendar/table/DayCalendarTable.js +1 -1
- package/build/es/polyfill/dateLookup/monthCalendar/table/MonthCalendarTable.js +1 -1
- package/build/es/polyfill/dateLookup/tableLink/TableLink.js +1 -1
- package/build/es/polyfill/display/Display.story.js +1 -0
- package/build/es/polyfill/drawer/Drawer.js +1 -1
- package/build/es/polyfill/dynamicFieldDefinitionList/DynamicFieldDefinitionList.js +1 -1
- package/build/es/polyfill/dynamicFieldDefinitionList/FormattedValue/FormattedValue.js +1 -1
- package/build/es/polyfill/flowNavigation/animatedLabel/AnimatedLabel.js +1 -1
- package/build/es/polyfill/header/Header.js +2 -2
- package/build/es/polyfill/index.js +2 -2
- package/build/es/polyfill/inlineAlert/InlineAlert.js +1 -1
- package/build/es/polyfill/instructionsList/InstructionsList.js +3 -3
- package/build/es/polyfill/link/Link.js +2 -3
- package/build/es/polyfill/link/Link.story.js +1 -1
- package/build/es/polyfill/logo/Logo.js +1 -1
- package/build/es/polyfill/logo/svg/logo-business-inverse.svg +1 -0
- package/build/es/polyfill/logo/svg/logo-business.svg +1 -0
- package/build/es/polyfill/logo/svg/logo-inverse.svg +1 -0
- package/build/es/polyfill/logo/svg/logo.svg +1 -0
- package/build/es/polyfill/modal/Modal.js +1 -1
- package/build/es/polyfill/modal/Modal.story.js +1 -1
- package/build/es/polyfill/moneyInput/MoneyInput.js +1 -1
- package/build/es/polyfill/nudge/Nudge.js +1 -1
- package/build/es/polyfill/popover/Popover.js +1 -1
- package/build/es/polyfill/progressBar/ProgressBar.js +1 -1
- package/build/es/polyfill/radio/Radio.js +1 -1
- package/build/es/polyfill/select/Select.js +4 -4
- package/build/es/polyfill/select/option/Option.js +1 -1
- package/build/es/polyfill/snackbar/Snackbar.js +1 -1
- package/build/es/polyfill/stepper/Stepper.js +1 -1
- package/build/es/polyfill/summary/Summary.js +1 -1
- package/build/es/polyfill/switch/Switch.js +1 -1
- package/build/es/polyfill/switch/Switch.story.js +1 -1
- package/build/es/polyfill/tabs/Tab.js +1 -1
- package/build/es/polyfill/tile/Tile.js +1 -1
- package/build/es/polyfill/title/Title.js +1 -0
- package/build/es/polyfill/title/Title.spec.js +1 -0
- package/build/es/polyfill/title/Title.story.js +1 -0
- package/build/es/polyfill/title/index.js +1 -0
- package/build/es/polyfill/typeahead/typeaheadOption/TypeaheadOption.js +1 -1
- package/build/es/polyfill/upload/Upload.js +1 -1
- package/build/es/polyfill/upload/steps/completeStep/completeStep.js +1 -1
- package/build/es/polyfill/upload/steps/mediaUploadStep/mediaUploadStep.js +1 -1
- package/build/es/polyfill/upload/steps/processingStep/processingStep.js +1 -1
- package/build/es/polyfill/upload/steps/uploadImageStep/uploadImageStep.js +1 -1
- package/build/es/polyfill/uploadInput/UploadInput.story.js +1 -1
- package/build/es/polyfill/uploadInput/uploadButton/UploadButton.js +1 -1
- package/build/es/polyfill/uploadInput/uploadItem/UploadItem.js +2 -2
- package/build/main.css +1 -1
- package/build/styles/accordion/Accordion.css +1 -1
- package/build/styles/actionButton/ActionButton.css +1 -1
- package/build/styles/avatar/Avatar.css +1 -1
- package/build/styles/card/Card.css +1 -1
- package/build/styles/chips/Chip.css +1 -1
- package/build/styles/circularButton/CircularButton.css +1 -1
- package/build/styles/common/Option/Option.css +1 -1
- package/build/styles/common/bottomSheet/BottomSheet.css +1 -1
- package/build/styles/common/closeButton/CloseButton.css +1 -1
- package/build/styles/common/panel/Panel.css +1 -1
- package/build/styles/criticalBanner/CriticalCommsBanner.css +1 -0
- package/build/styles/dateLookup/DateLookup.css +1 -1
- package/build/styles/dimmer/Dimmer.css +1 -1
- package/build/styles/drawer/Drawer.css +1 -1
- package/build/styles/emphasis/Emphasis.css +1 -1
- package/build/styles/flowNavigation/animatedLabel/AnimatedLabel.css +1 -1
- package/build/styles/header/Header.css +1 -1
- package/build/styles/info/Info.css +1 -1
- package/build/styles/instructionsList/InstructionsList.css +1 -1
- package/build/styles/lab/mobileNav/MobileNav.css +1 -1
- package/build/styles/link/Link.css +1 -1
- package/build/styles/main.css +1 -1
- package/build/styles/modal/Modal.css +1 -1
- package/build/styles/moneyInput/MoneyInput.css +1 -1
- package/build/styles/navigationOption/NavigationOption.css +1 -1
- package/build/styles/nudge/Nudge.css +1 -1
- package/build/styles/overlayHeader/OverlayHeader.css +1 -1
- package/build/styles/popover/Popover.css +1 -1
- package/build/styles/progress/Progress.css +1 -1
- package/build/styles/select/Select.css +1 -1
- package/build/styles/slidingPanel/SlidingPanel.css +1 -1
- package/build/styles/snackbar/Snackbar.css +1 -1
- package/build/styles/stepper/Stepper.css +1 -1
- package/build/styles/summary/Summary.css +1 -1
- package/build/styles/switch/Switch.css +1 -1
- package/build/styles/tabs/Tabs.css +1 -1
- package/build/styles/tile/Tile.css +1 -1
- package/build/styles/typeahead/Typeahead.css +1 -1
- package/build/styles/uploadInput/UploadInput.css +1 -1
- package/build/styles/uploadInput/uploadButton/UploadButton.css +1 -1
- package/build/styles/uploadInput/uploadItem/UploadItem.css +1 -1
- package/build/types/accordion/AccordionItem/AccordionItem.d.ts +3 -3
- package/build/types/alert/Alert.d.ts +3 -0
- package/build/types/body/Body.d.ts +14 -0
- package/build/types/body/Body.spec.d.ts +1 -0
- package/build/types/body/Body.story.d.ts +8 -0
- package/build/types/body/index.d.ts +1 -0
- package/build/types/common/RadioButton/RadioButton.d.ts +1 -1
- package/build/types/common/index.d.ts +2 -0
- package/build/types/common/panel/Panel.d.ts +1 -1
- package/build/types/common/propsValues/typography.d.ts +28 -0
- package/build/types/common/propsValues/variant.d.ts +4 -0
- package/build/types/common/responsivePanel/ResponsivePanel.d.ts +1 -1
- package/build/types/common/theme.d.ts +6 -2
- package/build/types/criticalBanner/CriticalCommsBanner.d.ts +12 -0
- package/build/types/criticalBanner/CriticalCommsBanner.story.d.ts +8 -0
- package/build/types/criticalBanner/index.d.ts +1 -0
- package/build/types/dateLookup/dayCalendar/DayCalendar.d.ts +1 -1
- package/build/types/dateLookup/dayCalendar/table/DayCalendarTable.d.ts +1 -1
- package/build/types/dateLookup/monthCalendar/MonthCalendar.d.ts +1 -1
- package/build/types/display/Display.story.d.ts +6 -0
- package/build/types/dynamicFieldDefinitionList/FormattedValue/FormattedValue.d.ts +2 -2
- package/build/types/header/Header.d.ts +1 -1
- package/build/types/header/Header.story.d.ts +1 -1
- package/build/types/index.d.ts +5 -2
- package/build/types/instructionsList/InstructionsList.d.ts +8 -11
- package/build/types/link/Link.d.ts +6 -5
- package/build/types/link/Link.story.d.ts +2 -2
- package/build/types/provider/Provider.story.d.ts +3 -3
- package/build/types/select/searchBox/SearchBox.d.ts +1 -1
- package/build/types/tabs/TabPanel.d.ts +3 -3
- package/build/types/tile/Tile.d.ts +2 -2
- package/build/types/title/Title.d.ts +14 -0
- package/build/types/title/Title.spec.d.ts +1 -0
- package/build/types/title/Title.story.d.ts +8 -0
- package/build/types/title/index.d.ts +1 -0
- package/build/types/tooltip/Tooltip.story.d.ts +1 -1
- package/build/types/typeahead/typeaheadOption/TypeaheadOption.d.ts +2 -2
- package/build/types/upload/steps/mediaUploadStep/mediaUploadStep.d.ts +1 -1
- package/build/types/upload/steps/uploadImageStep/uploadImageStep.d.ts +1 -1
- package/build/types/withNextPortal/withNextPortal.d.ts +2 -2
- package/build/umd/no-polyfill/main.js +1 -1
- package/build/umd/polyfill/main.js +1 -1
- package/package.json +22 -9
- package/scripts/generate-type-declarations.js +0 -1
- package/build/styles/actionOption/ActionOption.css +0 -1
- package/build/styles/progressBar/ProgressBar.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-money-input .tw-money-input__fixed-currency{padding-left:0!important}[dir=rtl] .tw-money-input .tw-money-input__fixed-currency{padding-left:0!important;padding-right:0!important}.tw-money-input__keyline{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border:1px solid #0000001a;border:1px solid var(--color-border-neutral);height:24px;height:var(--size-24);margin-right:24px;margin-right:var(--size-24);transform:translateY(4px);width:2px}[dir=rtl] .tw-money-input__keyline{margin-left:24px;margin-left:var(--size-24);margin-right:0}.tw-money-input__fixed-currency{position:relative}.tw-money-input__fixed-currency span{color:#5d7079;color:var(--color-content-secondary)}.tw-money-input .amount-currency-select-btn>.np-select>.btn{align-items:center;display:flex}.tw-money-input .amount-currency-select-btn>.np-select>.btn span:not(.tw-icon){min-width:2.6em}.tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle{padding-right:16px;padding-right:var(--size-16)}[dir=rtl] .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle{padding-left:16px;padding-left:var(--size-16);padding-right:16px;padding-right:var(--size-16)}.tw-money-input .amount-currency-select-btn>.np-select>.np-btn>span.tw-icon{padding-right:16px;padding-right:var(--size-16);position:static}[dir=rtl] .tw-money-input .amount-currency-select-btn>.np-select>.np-btn>span.tw-icon{padding-left:16px;padding-left:var(--size-16);padding-right:0}
|
|
1
|
+
.tw-money-input .tw-money-input__fixed-currency{padding-left:0!important}[dir=rtl] .tw-money-input .tw-money-input__fixed-currency{padding-left:0!important;padding-right:0!important}.tw-money-input__keyline{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border:1px solid #0000001a;border:1px solid var(--color-border-neutral);height:24px;height:var(--size-24);margin-right:24px;margin-right:var(--size-24);transform:translateY(4px);width:2px}[dir=rtl] .tw-money-input__keyline{margin-left:24px;margin-left:var(--size-24);margin-right:0}.tw-money-input__fixed-currency{position:relative}.tw-money-input__fixed-currency span{color:#5d7079;color:var(--color-content-secondary)}.tw-money-input .amount-currency-select-btn>.np-select>.btn{align-items:center;display:flex;max-height:50px}.tw-money-input .amount-currency-select-btn>.np-select>.btn span:not(.tw-icon){min-width:2.6em}.tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle{padding-right:16px;padding-right:var(--size-16)}[dir=rtl] .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle{padding-left:16px;padding-left:var(--size-16);padding-right:16px;padding-right:var(--size-16)}.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle,.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle:active,.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle:hover{box-shadow:none}.tw-money-input .amount-currency-select-btn>.np-select>.np-btn>span.tw-icon{padding-right:16px;padding-right:var(--size-16);position:static}[dir=rtl] .tw-money-input .amount-currency-select-btn>.np-select>.np-btn>span.tw-icon{padding-left:16px;padding-left:var(--size-16);padding-right:0}.np-theme-personal .tw-money-input button{border:none}.np-theme-personal .tw-money-input .np-text-title-subsection{color:var(--color-interactive-primary)}.np-theme-personal .tw-money-input .np-select-filter:focus{outline:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-navigation-option{background-color:transparent;text-align:left;text-decoration:none;width:100%}[dir=rtl] .np-navigation-option{border-right:0}[dir=rtl] .np-navigation-option,html:not([dir=rtl]) .np-navigation-option{border-left:0}html:not([dir=rtl]) .np-navigation-option{border-right:0}[dir=rtl] .np-navigation-option{text-align:right}.np-navigation-option:focus,.np-navigation-option:hover{text-decoration:none}.np-navigation-option:not(.disabled,:disabled):hover .tw-avatar__content{background-color:#fff;background-color:var(--color-background-screen)}.np-navigation-option .circle{border:none}.np-navigation-
|
|
1
|
+
.np-navigation-option{background-color:transparent;text-align:left;text-decoration:none;width:100%}[dir=rtl] .np-navigation-option{border-right:0}[dir=rtl] .np-navigation-option,html:not([dir=rtl]) .np-navigation-option{border-left:0}html:not([dir=rtl]) .np-navigation-option{border-right:0}[dir=rtl] .np-navigation-option{text-align:right}.np-navigation-option:focus,.np-navigation-option:hover{text-decoration:none}.np-navigation-option:not(.disabled,:disabled):hover .tw-avatar__content{background-color:#fff;background-color:var(--color-background-screen)}.np-navigation-option .circle{border:none}.np-navigation-option__chevron{background:none;border:none;outline:none;padding:0}.np-navigation-option__chevron:not(.disabled,:disabled):focus,.np-navigation-option__chevron:not(.disabled,:disabled):hover{color:#0084b3;color:var(--color-content-accent-hover)}.np-navigation-option__chevron:not(.disabled,:disabled):active{color:#0077a5;color:var(--color-content-accent-active)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-nudge{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:
|
|
1
|
+
.tw-nudge{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:16px;border-radius:var(--radius-medium);padding:16px;padding:var(--size-16)}.tw-nudge__title.media-heading{margin-bottom:4px;margin-bottom:var(--size-4)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-overlay-header .np-overlay-header__content{max-width:1164px;min-height:97px;min-width:320px;width:100%}.np-overlay-header .np-overlay-header__content .separator{background-color:#0000001a;background-color:var(--color-border-neutral);height:32px;height:var(--size-32);width:1px}[dir=rtl] .np-overlay-header .np-overlay-header__content .separator{margin-right:16px!important}[dir=rtl] .np-overlay-header .np-overlay-header__content .separator,html:not([dir=rtl]) .np-overlay-header .np-overlay-header__content .separator{margin-left:16px!important}html:not([dir=rtl]) .np-overlay-header .np-overlay-header__content .separator{margin-right:16px!important}
|
|
1
|
+
.np-overlay-header .np-overlay-header__content{max-width:1164px;min-height:97px;min-width:320px;width:100%}.np-overlay-header .np-overlay-header__content .separator{background-color:#0000001a;background-color:var(--color-border-neutral);height:32px;height:var(--size-32);width:1px}[dir=rtl] .np-overlay-header .np-overlay-header__content .separator{margin-right:16px!important}[dir=rtl] .np-overlay-header .np-overlay-header__content .separator,html:not([dir=rtl]) .np-overlay-header .np-overlay-header__content .separator{margin-left:16px!important}html:not([dir=rtl]) .np-overlay-header .np-overlay-header__content .separator{margin-right:16px!important}.np-theme-personal .np-overlay-header{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-popover__container .np-popover__content{color:#5d7079;color:var(--color-content-secondary)
|
|
1
|
+
.np-popover__container .np-popover__content{color:#5d7079;color:var(--color-content-secondary)}.np-popover__container.np-panel .np-popover__content{max-width:276px;padding:16px 24px;padding:var(--size-16) var(--size-24)}.np-theme-personal .np-popover__container.np-panel .np-popover__content{padding:24px;padding:var(--size-24)}.np-popover__container.np-bottom-sheet .np-popover__title{color:#37517e;color:var(--color-content-primary);font-size:1.625rem;font-size:var(--font-size-26);font-weight:600;font-weight:var(--font-weight-semi-bold);letter-spacing:-.015em;letter-spacing:var(--letter-spacing-negative-md);line-height:2rem;line-height:var(--line-height-32);margin:0}.np-popover__container.np-bottom-sheet .np-popover__title+p{margin-top:8px!important}.np-popover__container.np-bottom-sheet .np-popover__content{padding:32px 24px;padding:var(--size-32) var(--size-24)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-progress{border-radius:
|
|
1
|
+
.np-progress{border-radius:10px;border-radius:var(--radius-small);height:12px;height:var(--size-12);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
|
-
.np-select .np-dropdown-toggle{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:3px;border-radius:var(--radius-small);color:#37517e;color:var(--color-content-primary);font-weight:500;font-weight:var(--font-weight-regular);overflow:hidden;padding-left:16px;padding-left:var(--size-16);text-align:left;text-overflow:ellipsis}[dir=rtl] .np-select .np-dropdown-toggle{text-align:right}.np-select .np-dropdown-toggle-navy{--color-content-accent:#00b9ff;--color-content-primary:#fff;--color-content-secondary:#c9cbce;--color-background-screen:#2e4369;--color-interactive-secondary:#2e4369;--color-interactive-secondary-hover:#2e4369}.np-select .np-dropdown-toggle.np-btn-sm{padding-right:32px;padding-right:var(--size-32)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm{padding-left:32px;padding-left:var(--size-32);padding-right:0}.np-select .np-dropdown-toggle.np-btn-md{padding-right:40px;padding-right:var(--size-40)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-md{padding-left:40px;padding-left:var(--size-40);padding-right:0}.np-select .np-dropdown-toggle.np-btn-lg{padding-right:48px;padding-right:var(--size-48)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-lg{padding-left:48px;padding-left:var(--size-48);padding-right:0}.np-select .np-dropdown-toggle .np-select-chevron{margin:0;position:absolute;right:16px;right:var(--size-16);top:16px;top:var(--size-16)}[dir=rtl] .np-select .np-dropdown-toggle .np-select-chevron{left:16px;left:var(--size-16);margin:0;right:auto}.np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{right:8px;right:var(--size-8);top:8px;top:var(--size-8)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{left:8px;left:var(--size-8);right:auto}.np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron{top:27px}.np-select .btn:not(.disabled,:disabled){color:#37517e;color:var(--color-content-primary)}.np-select .btn:not(.disabled,:disabled):hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-select .btn:not(.disabled,:disabled):focus{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-dropdown-menu-desktop{max-height:70vh;max-width:calc(100vw - 32px);min-width:160px}@media (min-height:592px){.np-dropdown-menu-desktop{max-height:592px}}.np-dropdown-menu{background-color:#fff;background-color:var(--color-background-screen);border-radius:3px;border-radius:var(--radius-small);font-size:1rem;font-size:var(--font-size-16);list-style:none;margin:0;overflow:auto;padding:0;text-align:left}[dir=rtl] .np-dropdown-menu{padding:0;text-align:right}.np-dropdown-menu-sm{width:220px}.np-dropdown-menu-md{width:300px}.np-dropdown-menu-lg{width:420px}.np-dropdown-menu .np-dropdown-item--focused{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.np-dropdown-menu .np-dropdown-item>a{white-space:normal}.np-dropdown-menu>li>a{border-radius:3px;border-radius:var(--radius-small);clear:both;color:#37517e;color:var(--color-content-primary);display:block;font-weight:500;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body);padding:12px 16px;padding:var(--size-12) var(--size-16);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.np-dropdown-menu>li:first-child>a{border-top-left-radius:3px;border-top-left-radius:var(--radius-small);border-top-right-radius:3px;border-top-right-radius:var(--radius-small)}.np-dropdown-menu>li:last-child>a{border-bottom-left-radius:3px;border-bottom-left-radius:var(--radius-small);border-bottom-right-radius:3px;border-bottom-right-radius:var(--radius-small)}.np-dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):focus,.np-dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#37517e;color:var(--color-content-primary)}.np-dropdown-menu>.active>a,.np-dropdown-menu>.active>a:focus,.np-dropdown-menu>.active>a:hover,.np-dropdown-menu>.selected>a,.np-dropdown-menu>.selected>a:focus,.np-dropdown-menu>.selected>a:hover,.np-dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):active{background-color:#37517e;color:#fff}.np-dropdown-menu>.active>a strong,.np-dropdown-menu>.selected>a strong{color:inherit}.np-dropdown-menu>.active>a .body-2,.np-dropdown-menu>.selected>a .body-2{color:#c9cbce}.np-dropdown-menu .input-group-addon,.np-dropdown-menu .np-select-filter{border:0}.np-dropdown-menu .np-separator{background-color:#86a7bd1a;background-color:var(--color-background-neutral);height:1px;margin:0;overflow:hidden}.np-dropdown-menu .np-dropdown-header{color:#5d7079;color:var(--color-content-secondary);display:block;font-size:.875rem;font-size:var(--font-size-14);line-height:1.5;line-height:var(--line-height-body);padding:8px 16px;padding:var(--size-8) var(--size-16);white-space:nowrap}.np-dropdown-menu .currency-flag,.np-dropdown-menu .tw-icon,.np-select .currency-flag,.np-select .tw-icon{display:inline-block;margin-right:8px;margin-right:var(--size-8);margin-top:-2px;vertical-align:middle}[dir=rtl] .np-dropdown-menu .currency-flag,[dir=rtl] .np-dropdown-menu .tw-icon,[dir=rtl] .np-select .currency-flag,[dir=rtl] .np-select .tw-icon{margin-left:8px;margin-left:var(--size-8);margin-right:0}.np-dropdown-menu .body-2,.np-select .body-2{color:#5d7079;color:var(--color-content-secondary)}
|
|
1
|
+
.np-select .np-dropdown-toggle{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);color:#37517e;color:var(--color-content-primary);overflow:hidden;padding-left:16px;padding-left:var(--size-16);text-align:left;text-overflow:ellipsis}[dir=rtl] .np-select .np-dropdown-toggle{text-align:right}.np-theme-personal .np-select .np-dropdown-toggle{border-radius:10px;border-radius:var(--radius-small)}.np-select .np-dropdown-toggle-navy{--color-content-accent:#00b9ff;--color-content-primary:#fff;--color-content-secondary:#c9cbce;--color-background-screen:#2e4369;--color-interactive-secondary:#2e4369;--color-interactive-secondary-hover:#2e4369}.np-select .np-dropdown-toggle.np-btn-sm{padding-right:32px;padding-right:var(--size-32)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm{padding-left:32px;padding-left:var(--size-32);padding-right:0}.np-select .np-dropdown-toggle.np-btn-md{padding-right:40px;padding-right:var(--size-40)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-md{padding-left:40px;padding-left:var(--size-40);padding-right:0}.np-select .np-dropdown-toggle.np-btn-lg{padding-right:48px;padding-right:var(--size-48)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-lg{padding-left:48px;padding-left:var(--size-48);padding-right:0}.np-select .np-dropdown-toggle .np-select-chevron{margin:0;position:absolute;right:16px;right:var(--size-16);top:16px;top:var(--size-16)}[dir=rtl] .np-select .np-dropdown-toggle .np-select-chevron{left:16px;left:var(--size-16);margin:0;right:auto}.np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{right:8px;right:var(--size-8);top:8px;top:var(--size-8)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{left:8px;left:var(--size-8);right:auto}.np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron{top:27px}.np-select .btn:not(.disabled,:disabled){color:#37517e;color:var(--color-content-primary)}.np-select .btn:not(.disabled,:disabled):hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-select .btn:not(.disabled,:disabled):focus{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .np-select .btn:not(.disabled,:disabled):focus{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.np-dropdown-menu-desktop{max-height:70vh;max-width:calc(100vw - 32px);min-width:160px}@media (min-height:592px){.np-dropdown-menu-desktop{max-height:592px}}.np-dropdown-menu{background-color:#fff;background-color:var(--color-background-screen);border-radius:10px;border-radius:var(--radius-small);list-style:none;margin:0;overflow:auto;padding:0;text-align:left}[dir=rtl] .np-dropdown-menu{padding:0;text-align:right}.np-dropdown-menu-sm{width:220px}.np-dropdown-menu-md{width:300px}.np-dropdown-menu-lg{width:420px}.np-dropdown-menu .np-dropdown-item--focused{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.np-dropdown-menu .np-dropdown-item>a{white-space:normal}.np-dropdown-menu>li>a{border-radius:10px;border-radius:var(--radius-small);clear:both;color:#37517e;color:var(--color-content-primary);display:block;font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22);padding:12px 16px;padding:var(--size-12) var(--size-16);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.np-dropdown-menu>li>a a{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);text-decoration:underline}.np-dropdown-menu>li:first-child>a{border-top-left-radius:10px;border-top-left-radius:var(--radius-small);border-top-right-radius:10px;border-top-right-radius:var(--radius-small)}.np-dropdown-menu>li:last-child>a{border-bottom-left-radius:10px;border-bottom-left-radius:var(--radius-small);border-bottom-right-radius:10px;border-bottom-right-radius:var(--radius-small)}.np-dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):focus,.np-dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#37517e;color:var(--color-content-primary)}.np-dropdown-menu>.active>a,.np-dropdown-menu>.active>a:focus,.np-dropdown-menu>.active>a:hover,.np-dropdown-menu>.selected>a,.np-dropdown-menu>.selected>a:focus,.np-dropdown-menu>.selected>a:hover,.np-dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):active{background-color:#37517e;color:#fff}.np-dropdown-menu>.active>a strong,.np-dropdown-menu>.selected>a strong{color:inherit}.np-dropdown-menu>.active>a .np-text-body-default,.np-dropdown-menu>.selected>a .np-text-body-default{color:#c9cbce}.np-dropdown-menu .input-group-addon,.np-dropdown-menu .np-select-filter{border:0}.np-dropdown-menu .np-separator{background-color:#86a7bd1a;background-color:var(--color-background-neutral);height:1px;margin:0;overflow:hidden}.np-dropdown-menu .np-dropdown-header{color:#5d7079;color:var(--color-content-secondary);display:block;padding:8px 16px;padding:var(--size-8) var(--size-16);white-space:nowrap}.np-dropdown-menu .currency-flag,.np-dropdown-menu .tw-icon,.np-select .currency-flag,.np-select .tw-icon{display:inline-block;margin-right:8px;margin-right:var(--size-8);margin-top:-3px;vertical-align:middle}[dir=rtl] .np-dropdown-menu .currency-flag,[dir=rtl] .np-dropdown-menu .tw-icon,[dir=rtl] .np-select .currency-flag,[dir=rtl] .np-select .tw-icon{margin-left:8px;margin-left:var(--size-8);margin-right:0}.np-dropdown-menu .np-text-body-default,.np-select .np-text-body-default{color:#5d7079;color:var(--color-content-secondary)}.np-theme-personal .np-select .np-dropdown-toggle{background-color:unset;border:none;box-shadow:0 0 0 1px #c9cbce;box-shadow:0 0 0 1px var(--color-interactive-secondary);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):hover{box-shadow:0 0 0 2px #b5b7ba;box-shadow:0 0 0 2px var(--color-interactive-secondary-hover)}.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus,.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-visible,.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-within,.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled)[aria-expanded=true]{box-shadow:0 0 0 3px var(--color-interactive-primary)}.np-theme-personal .has-error .np-select .np-dropdown-toggle{box-shadow:0 0 0 2px var(--color-sentiment-negative)}.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):hover{box-shadow:0 0 0 3px var(--color-sentiment-negative)}.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-within,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled)[aria-expanded=true]{box-shadow:0 0 0 3px var(--color-sentiment-negative)}.np-theme-personal .dropdown-menu .active a,.np-theme-personal .dropdown-menu .active a:focus,.np-theme-personal .dropdown-menu .active a:hover,.np-theme-personal .dropdown-menu .selected a,.np-theme-personal .dropdown-menu .selected a:focus,.np-theme-personal .dropdown-menu .selected a:hover,.np-theme-personal .np-dropdown-menu .active a,.np-theme-personal .np-dropdown-menu .active a:focus,.np-theme-personal .np-dropdown-menu .active a:hover,.np-theme-personal .np-dropdown-menu .selected a,.np-theme-personal .np-dropdown-menu .selected a:focus,.np-theme-personal .np-dropdown-menu .selected a:hover{background-color:var(--color-background-neutral-active);color:var(--color-interactive-primary)}.np-theme-personal .dropdown-menu .active a .body-2,.np-theme-personal .dropdown-menu .active a .np-text-body-default,.np-theme-personal .dropdown-menu .active a:focus .body-2,.np-theme-personal .dropdown-menu .active a:focus .np-text-body-default,.np-theme-personal .dropdown-menu .active a:hover .body-2,.np-theme-personal .dropdown-menu .active a:hover .np-text-body-default,.np-theme-personal .dropdown-menu .selected a .body-2,.np-theme-personal .dropdown-menu .selected a .np-text-body-default,.np-theme-personal .dropdown-menu .selected a:focus .body-2,.np-theme-personal .dropdown-menu .selected a:focus .np-text-body-default,.np-theme-personal .dropdown-menu .selected a:hover .body-2,.np-theme-personal .dropdown-menu .selected a:hover .np-text-body-default,.np-theme-personal .np-dropdown-menu .active a .body-2,.np-theme-personal .np-dropdown-menu .active a .np-text-body-default,.np-theme-personal .np-dropdown-menu .active a:focus .body-2,.np-theme-personal .np-dropdown-menu .active a:focus .np-text-body-default,.np-theme-personal .np-dropdown-menu .active a:hover .body-2,.np-theme-personal .np-dropdown-menu .active a:hover .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a .body-2,.np-theme-personal .np-dropdown-menu .selected a .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a:focus .body-2,.np-theme-personal .np-dropdown-menu .selected a:focus .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a:hover .body-2,.np-theme-personal .np-dropdown-menu .selected a:hover .np-text-body-default{color:var(--color-interactive-primary)}.np-theme-personal .dropdown-menu li:not(.active,.selected) a:not([disabled],.disabled):active,.np-theme-personal .np-dropdown-menu li:not(.active,.selected) a:not([disabled],.disabled):active{background-color:var(--color-background-neutral-active)!important;color:var(--color-interactive-primary)!important}.np-theme-personal .dropdown-menu li:not(.active,.selected) a:not([disabled],.disabled):active .body-2,.np-theme-personal .dropdown-menu li:not(.active,.selected) a:not([disabled],.disabled):active .np-text-body-default,.np-theme-personal .np-dropdown-menu li:not(.active,.selected) a:not([disabled],.disabled):active .body-2,.np-theme-personal .np-dropdown-menu li:not(.active,.selected) a:not([disabled],.disabled):active .np-text-body-default{color:var(--color-interactive-primary)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.sliding-panel{background:#fff;background:var(--color-background-elevated);position:absolute;transform:translateX(-100%);transition:transform .35s cubic-bezier(0,.94,.62,1);z-index:1030}[dir=rtl] .sliding-panel{transform:translateX(100%)}.sliding-panel.sliding-panel--fixed{position:fixed}.sliding-panel.sliding-panel--open-left,.sliding-panel.sliding-panel--open-right{bottom:0;top:0}.sliding-panel.sliding-panel--open-right{right:0;transform:translateX(100%)}[dir=rtl] .sliding-panel.sliding-panel--open-right{left:0;right:auto;transform:translateX(-100%)}.sliding-panel.sliding-panel--open-left{left:0;transform:translateX(-100%)}[dir=rtl] .sliding-panel.sliding-panel--open-left{left:auto;right:0;transform:translateX(100%)}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-left,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-right{transform:translateX(0)}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-bottom,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-top{transform:translateY(0)}.sliding-panel.sliding-panel--open-bottom,.sliding-panel.sliding-panel--open-top{left:0;right:0;width:100%}[dir=rtl] .sliding-panel.sliding-panel--open-bottom,[dir=rtl] .sliding-panel.sliding-panel--open-top{left:0;left:auto;right:auto;right:0}.sliding-panel.sliding-panel--open-top{top:0;transform:translateY(-100%)}.sliding-panel.sliding-panel--open-bottom{bottom:0;transform:translateY(100%)}.sliding-panel.sliding-panel--border-top{box-shadow:inset 0 -1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-right{box-shadow:inset 1px 0 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-bottom{box-shadow:inset 0 1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-left{box-shadow:inset -1px 0 0 0 #e2e6e8}
|
|
1
|
+
.sliding-panel{background:#fff;background:var(--color-background-elevated);position:absolute;transform:translateX(-100%);transition:transform .35s cubic-bezier(0,.94,.62,1);z-index:1030}[dir=rtl] .sliding-panel{transform:translateX(100%)}.np-theme-personal .sliding-panel{background:#fff;background:var(--color-background-screen)}.sliding-panel.sliding-panel--fixed{position:fixed}.sliding-panel.sliding-panel--open-left,.sliding-panel.sliding-panel--open-right{bottom:0;top:0}.sliding-panel.sliding-panel--open-right{right:0;transform:translateX(100%)}[dir=rtl] .sliding-panel.sliding-panel--open-right{left:0;right:auto;transform:translateX(-100%)}.sliding-panel.sliding-panel--open-left{left:0;transform:translateX(-100%)}[dir=rtl] .sliding-panel.sliding-panel--open-left{left:auto;right:0;transform:translateX(100%)}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-left,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-right{transform:translateX(0)}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-bottom,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-top{transform:translateY(0)}.sliding-panel.sliding-panel--open-bottom,.sliding-panel.sliding-panel--open-top{left:0;right:0;width:100%}[dir=rtl] .sliding-panel.sliding-panel--open-bottom,[dir=rtl] .sliding-panel.sliding-panel--open-top{left:0;left:auto;right:auto;right:0}.sliding-panel.sliding-panel--open-top{top:0;transform:translateY(-100%)}.sliding-panel.sliding-panel--open-bottom{bottom:0;transform:translateY(100%)}.sliding-panel.sliding-panel--border-top{box-shadow:inset 0 -1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-right{box-shadow:inset 1px 0 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-bottom{box-shadow:inset 0 1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-left{box-shadow:inset -1px 0 0 0 #e2e6e8}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.snackbar{bottom:0;left:0;position:fixed;right:0;text-align:center;z-index:1060}[dir=rtl] .snackbar{left:auto;left:0;right:0;right:auto}.snackbar__text{align-items:center;background:#37517e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:#fff;display:inline-flex;
|
|
1
|
+
.snackbar{bottom:0;left:0;position:fixed;right:0;text-align:center;z-index:1060}[dir=rtl] .snackbar{left:auto;left:0;right:0;right:auto}.snackbar__text{align-items:center;background:#37517e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:#fff;display:inline-flex;justify-content:space-between;margin:0 16px;margin:0 var(--size-16);padding:8px 16px;padding:var(--size-8) var(--size-16);text-align:left;transition:.4s cubic-bezier(.215,.61,.355,1);width:calc(100% - 32px);width:calc(100% - var(--size-32))}[dir=rtl] .snackbar__text{text-align:right}.np-theme-personal .snackbar__text{background:#86a7bd1a;background:var(--color-background-neutral);border-radius:10px;border-radius:var(--radius-small);box-shadow:0 2px 4px 0 #45474559;color:#37517e;color:var(--color-content-primary)}.snackbar__text--dark{background:#fff;background:var(--color-background-screen);color:#37517e;color:var(--color-content-primary)}@media (min-width:576px){.snackbar__text{max-width:600px;width:auto}}.snackbar__text__action{color:#00b9ff;flex-shrink:0;margin-left:16px;margin-left:var(--size-16)}.snackbar__text-container-enter,.snackbar__text-container-exit{transform:translateY(calc(100% + 10px))}.snackbar__text-container-enter-active{transform:translateY(-16px);transform:translateY(calc(-16px - env(safe-area-inset-bottom)))}@media (min-width:576px){.snackbar__text-container-enter-active{transform:translateY(-24px)}}
|
|
@@ -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
|
|
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{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)}@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-ending{background:linear-gradient(90deg,#00a2dd,#37517e);background:linear-gradient(to right,var(--color-interactive-accent),#37517e);float:left;height:100%;transition:width .6s ease-in-out}[dir=rtl] .progress-bar-ending{background:linear-gradient(270deg,#00a2dd,#37517e);background:linear-gradient(to left,var(--color-interactive-accent),#37517e);float:right}.progress-bar-ending:after{background-color:#37517e;border-radius:4px;content:"";float:right;height:8px;margin-right:-4px;margin-top:-3px;width:8px}[dir=rtl] .progress-bar-ending:after{float:left;margin-left:-4px;margin-right:0}.np-theme-personal .progress-bar-ending{background:linear-gradient(to right,#00a2dd,var(--color-interactive-primary));background:linear-gradient(to right,var(--color-interactive-accent),var(--color-interactive-primary))}[dir=rtl] .np-theme-personal .progress-bar-ending{background:linear-gradient(to left,#00a2dd,var(--color-interactive-primary));background:linear-gradient(to left,var(--color-interactive-accent),var(--color-interactive-primary))}.np-theme-personal .progress-bar-ending:after{background-color:var(--color-interactive-primary)}.progress-bar-filler{background-color:#00a2dd;background-color:var(--color-interactive-accent);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-filler{float:right}.btn-unstyled{background:none;border:none;display:block;margin:0;outline:none;padding:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-summary{min-width:280px}.np-summary__title{line-height:1.375;margin-top:2px}.np-summary__title .np-info__small{margin-top:2px}.np-summary__icon{color:#37517e;color:var(--color-content-primary);position:relative}.np-summary__icon .np-summary-icon__done{color:#2ead4b;color:var(--color-interactive-positive)}.np-summary__icon .np-summary-icon__pending{color:#df8700;color:var(--color-interactive-warning)}.np-summary__icon :nth-child(2){background-color:#fff;background-color:var(--color-background-screen);border-radius:50%;bottom:-6px;position:absolute;right:-8px}[dir=rtl] .np-summary__icon :nth-child(2){left:-8px;right:auto}.np-
|
|
1
|
+
.np-summary{min-width:280px}.np-summary__title{justify-content:space-between;line-height:1.375;margin-top:2px}.np-summary__title .np-info__small{margin-top:2px}.np-theme-personal .np-summary__title .np-info .tw-icon{color:var(--color-interactive-primary)}.np-summary__icon{color:#37517e;color:var(--color-content-primary);position:relative}.np-summary__icon .np-summary-icon__done{color:#2ead4b;color:var(--color-interactive-positive)}.np-theme-personal .np-summary__icon .np-summary-icon__done{color:var(--color-sentiment-positive)}.np-summary__icon .np-summary-icon__pending{color:#df8700;color:var(--color-interactive-warning)}.np-theme-personal .np-summary__icon .np-summary-icon__pending{color:var(--color-sentiment-warning)}.np-summary__icon :nth-child(2){background-color:#fff;background-color:var(--color-background-screen);border-radius:50%;bottom:-6px;position:absolute;right:-8px}[dir=rtl] .np-summary__icon :nth-child(2){left:-8px;right:auto}.np-theme-personal .np-summary__icon :nth-child(2){background-color:transparent}.np-summary__description{font-size:.875rem;font-size:var(--font-size-14);line-height:1.42857;margin-top:4px;margin-top:var(--size-4)}.np-theme-personal .np-summary__description{color:#5d7079;color:var(--color-content-secondary);padding-right:32px;padding-right:calc(var(--size-24) + var(--size-8))}[dir=rtl] .np-theme-personal .np-summary__description{padding-left:32px;padding-left:calc(var(--size-24) + var(--size-8));padding-right:0}.np-summary__action{margin-top:4px;margin-top:var(--size-4)}.np-summary+.np-summary{margin-top:24px;margin-top:var(--size-24)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-switch{border-radius:16px;display:inline-flex;overflow:hidden;padding:2px;width:50px}.np-switch--thumb{display:flex;transition:transform .35s cubic-bezier(0,.94,.62,1)}.np-switch--thumb .tw-icon{color:#fff}.np-switch--unchecked{background:#c9cbce;background:var(--color-interactive-secondary)}.np-switch--unchecked .switch--thumb{transform:translateX(0)}.np-switch--checked{background:#00a2dd;background:var(--color-interactive-accent)}.np-switch--checked .np-switch--thumb{transform:translateX(20px)}[dir=rtl] .np-switch--checked .np-switch--thumb{transform:translateX(-20px)}.np-switch input{display:none;height:0;left:-100%;opacity:0;position:absolute;width:0}[dir=rtl] .np-switch input{left:auto;right:-100%}.np-switch:not([aria-disabled]){cursor:pointer}
|
|
1
|
+
.np-switch{border-radius:16px;display:inline-flex;overflow:hidden;padding:2px;width:50px}.np-switch--thumb{display:flex;transition:transform .35s cubic-bezier(0,.94,.62,1)}.np-switch--thumb .tw-icon{color:#fff}.np-switch--unchecked{background:#c9cbce;background:var(--color-interactive-secondary)}.np-switch--unchecked .switch--thumb{transform:translateX(0)}.np-switch--checked{background:#00a2dd;background:var(--color-interactive-accent)}.np-switch--checked .np-switch--thumb{transform:translateX(20px)}[dir=rtl] .np-switch--checked .np-switch--thumb{transform:translateX(-20px)}.np-switch input{display:none;height:0;left:-100%;opacity:0;position:absolute;width:0}[dir=rtl] .np-switch input{left:auto;right:-100%}.np-switch:not([aria-disabled]){cursor:pointer}.np-theme-personal .np-switch{padding:1px 2px;transition:outline-offset .1s ease}.np-theme-personal .np-switch--checked{background:var(--color-interactive-primary)}.np-theme-personal .np-switch:not(.disabled,:disabled):active,.np-theme-personal .np-switch:not(.disabled,:disabled):focus,.np-theme-personal .np-switch:not(.disabled,:disabled):focus-within{outline:3px solid var(--color-interactive-primary);outline-offset:2px}.np-theme-personal .np-switch--thumb{background-color:#fff;background-color:var(--color-background-screen);border-radius:50%;height:20px;margin:3px;width:20px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tabs{position:relative}.tabs__tab{color:#37517e;color:var(--color-content-primary);
|
|
1
|
+
.tabs{position:relative}.tabs__tab{color:#37517e;color:var(--color-content-primary);display:inline-block;margin-bottom:-3px;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}.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:not(.disabled,:disabled):focus{color:#0084b3;color:var(--color-content-accent-hover)}.np-theme-personal .tabs__tab:not(.disabled,:disabled):focus{color:var(--color-interactive-primary-hover);outline:2px solid var(--color-interactive-primary);outline-offset:-2px;transition:outline-offset .1s ease}@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);font-weight:600;font-weight:var(--font-weight-semi-bold)}}@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);font-weight:600;font-weight:var(--font-weight-semi-bold)}}.tabs__tab-list{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);list-style:none;margin:0;padding:0}[dir=rtl] .tabs__tab-list{padding-left:0;padding-right:0}.tabs__line{background-color:#00a2dd;background-color:var(--color-interactive-accent);height:3px;transition:transform .35s cubic-bezier(0,.94,.62,1)}.np-theme-personal .tabs__line{background-color:var(--color-interactive-primary);height:2px}.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)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-tile{border-radius:
|
|
1
|
+
.np-tile{border-radius:10px;border-radius:var(--radius-small);min-width:120px;width:100%}.np-theme-personal .np-tile{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.np-theme-personal .np-tile .tw-avatar .tw-avatar__content{background-color:var(--color-contrast)}.np-tile.decision{border:1px solid #0000001a;border:1px solid var(--color-border-neutral);margin-top:0}.np-theme-personal .np-tile.decision{border:none}.np-theme-personal .np-tile.decision:hover{background-color:var(--color-background-neutral-hover)}.np-theme-personal .np-tile.decision:active{background-color:var(--color-background-neutral-active)}.np-tile.np-decision__tile--fixed-width{width:300px}.np-tile__media{width:100%}.np-tile__description{color:#5d7079;color:var(--color-content-secondary);display:inline-block;margin-top:12px;margin-top:var(--size-12)}.np-tile--small.np-decision__tile--fixed-width{width:260px}.np-tile--small .np-tile__description{margin-top:4px;margin-top:var(--size-4)}.np-tile:hover .tw-avatar{pointer-events:none}.np-tile:hover .tw-avatar .tw-avatar__content{background-color:#fff;background-color:var(--color-background-screen)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.typeahead.open .input-group{z-index:1060}.typeahead .dropdown.btn-block{display:block}.typeahead .dropdown-menu{max-width:100%;width:100%}.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;
|
|
1
|
+
.typeahead.open .input-group{z-index:1060}.typeahead .dropdown.btn-block{display:block}.typeahead .dropdown-menu{max-width:100%;width:100%}.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%}.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}.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}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-upload-input{border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:
|
|
1
|
+
.np-upload-input{border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:10px;border-radius:var(--radius-small)}.np-upload-input.form-control{height:auto;padding:initial}.np-theme-personal .np-upload-input .np-upload-button{border-radius:10px;border-radius:var(--radius-small)}.np-theme-personal .np-upload-input .np-upload-item__remove-button{border-radius:unset}.np-theme-personal .np-upload-input .np-upload-icon{color:var(--color-interactive-primary)}.np-theme-personal .np-upload-input .media-body{color:var(--color-content-link)}.np-theme-personal .np-upload-input .media-body .np-text-body-large-bold{text-decoration:underline}.np-theme-personal .np-upload-input .media-body .np-upload-description,.np-theme-personal .np-upload-input .media-body .text-positive{color:#5d7079!important;color:var(--color-content-secondary)!important}.np-theme-personal .np-upload-input .media-body .text-negative{color:var(--color-sentiment-negative)!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-upload-button{border:0!important;
|
|
1
|
+
.np-upload-button{border:0!important;padding:12px 16px;padding:var(--size-12) var(--size-16);width:100%}.np-upload-button.np-upload-accent{color:#00a2dd;color:var(--color-interactive-accent)}label.np-upload-button:not(.disabled):active,label.np-upload-button:not(.disabled):focus,label.np-upload-button:not(.disabled):hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.np-upload-button .np-upload-icon{align-items:center;display:flex}.np-upload-button-container.droppable{border:0}.np-upload-button-container .droppable-card-content{display:flex}.np-upload-button-container input[type=file]{opacity:0;position:absolute;z-index:-1}.np-upload-button-container input[type=file]:focus+label{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-upload-item:not(:last-child):after{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);content:" ";display:block;margin:0 16px;margin:0 var(--size-16);position:relative}.np-upload-item__link a{flex:1;
|
|
1
|
+
.np-upload-item:not(:last-child):after{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);content:" ";display:block;margin:0 16px;margin:0 var(--size-16);position:relative}.np-upload-item__link a{flex:1;outline:none;text-decoration:none}.np-upload-item__link a:active,.np-upload-item__link a:focus,.np-upload-item__link a:hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral);text-decoration:none}.np-upload-item__link a:active~.np-upload-item__remove-button,.np-upload-item__link a:focus~.np-upload-item__remove-button,.np-upload-item__link a:hover~.np-upload-item__remove-button{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.np-upload-item__body{align-items:center;display:flex;justify-content:space-between}.np-upload-item__remove-button{align-self:stretch;background:transparent;color:#c9cbce;color:var(--color-interactive-secondary);flex-shrink:0;padding:12px 16px;padding:var(--size-12) var(--size-16)}.np-upload-item__remove-button:focus,.np-upload-item__remove-button:hover{color:#d03238!important;color:var(--color-interactive-negative-hover)!important}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default AccordionItem;
|
|
2
|
-
declare function AccordionItem({ "aria-label": ariaLabel, id, title, content, onClick, open, icon, theme, }: {
|
|
2
|
+
declare function AccordionItem({ "aria-label": ariaLabel, id, title, content, onClick, open, icon, theme: oldTheme, }: {
|
|
3
3
|
"aria-label": any;
|
|
4
4
|
id: any;
|
|
5
5
|
title: any;
|
|
@@ -12,12 +12,12 @@ declare function AccordionItem({ "aria-label": ariaLabel, id, title, content, on
|
|
|
12
12
|
declare namespace AccordionItem {
|
|
13
13
|
const propTypes: {
|
|
14
14
|
'aria-label': PropTypes.Requireable<string>;
|
|
15
|
-
content: PropTypes.Validator<
|
|
15
|
+
content: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
16
16
|
icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
17
17
|
id: PropTypes.Requireable<string>;
|
|
18
18
|
open: PropTypes.Validator<boolean>;
|
|
19
19
|
onClick: PropTypes.Validator<(...args: any[]) => any>;
|
|
20
|
-
title: PropTypes.Validator<
|
|
20
|
+
title: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
21
21
|
theme: PropTypes.Requireable<string>;
|
|
22
22
|
};
|
|
23
23
|
const defaultProps: {
|
|
@@ -9,6 +9,8 @@ export interface AlertAction {
|
|
|
9
9
|
|
|
10
10
|
export type AlertType = "negative" | "neutral" | "positive" | "warning" | "info" | "error" | "success";
|
|
11
11
|
|
|
12
|
+
export type AlertVariant = "desktop" | "mobile";
|
|
13
|
+
|
|
12
14
|
export interface AlertProps {
|
|
13
15
|
/**
|
|
14
16
|
* An optional call to action to sit under the main body of the alert. If your label is short, use aria-label to provide more context
|
|
@@ -31,6 +33,7 @@ export interface AlertProps {
|
|
|
31
33
|
* The type dictates which icon and colour will be used
|
|
32
34
|
*/
|
|
33
35
|
type?: AlertType;
|
|
36
|
+
variant?: AlertVariant;
|
|
34
37
|
/**
|
|
35
38
|
* @deprecated no arrow for `Alert` component anymore, consider to use [`InlineAlert`](https://transferwise.github.io/neptune-web/components/alerts/InlineAlert) component
|
|
36
39
|
*/
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { BodyTypes } from '../common/propsValues/typography';
|
|
3
|
+
declare type Props = HTMLAttributes<HTMLSpanElement | HTMLParagraphElement> & {
|
|
4
|
+
/**
|
|
5
|
+
* Default value: {@link DEFAULT_TYPE}
|
|
6
|
+
*/
|
|
7
|
+
type?: BodyTypes;
|
|
8
|
+
/**
|
|
9
|
+
* Default value: `span`
|
|
10
|
+
*/
|
|
11
|
+
as?: 'span' | 'p';
|
|
12
|
+
};
|
|
13
|
+
declare function Body({ as: Element, type, className, ...props }: Props): JSX.Element;
|
|
14
|
+
export default Body;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Body';
|
|
@@ -15,7 +15,7 @@ declare namespace RadioButton {
|
|
|
15
15
|
const checked: PropTypes.Requireable<boolean>;
|
|
16
16
|
const onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
17
17
|
const disabled: PropTypes.Requireable<boolean>;
|
|
18
|
-
const value: PropTypes.Requireable<string | number
|
|
18
|
+
const value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
19
19
|
const readOnly: PropTypes.Requireable<boolean>;
|
|
20
20
|
}
|
|
21
21
|
namespace defaultProps {
|
|
@@ -4,6 +4,7 @@ export * from "./theme";
|
|
|
4
4
|
export * from "./direction";
|
|
5
5
|
export * from "./propsValues/control";
|
|
6
6
|
export * from "./propsValues/size";
|
|
7
|
+
export * from "./propsValues/typography";
|
|
7
8
|
export * from "./propsValues/width";
|
|
8
9
|
export * from "./propsValues/position";
|
|
9
10
|
export * from "./propsValues/scroll";
|
|
@@ -17,6 +18,7 @@ export { Layout } from "./propsValues/layouts";
|
|
|
17
18
|
export { Status } from "./propsValues/status";
|
|
18
19
|
export { Sentiment } from "./propsValues/sentiment";
|
|
19
20
|
export { ProfileType } from "./propsValues/profileType";
|
|
21
|
+
export { Variant } from "./propsValues/variant";
|
|
20
22
|
export { MarkdownNodeType } from "./propsValues/markdownNodeType";
|
|
21
23
|
export { FileType } from "./fileType";
|
|
22
24
|
export { Key } from "./key";
|
|
@@ -16,7 +16,7 @@ declare const Panel: import("react").ForwardRefExoticComponent<{
|
|
|
16
16
|
altAxis?: boolean | undefined;
|
|
17
17
|
open?: boolean | undefined;
|
|
18
18
|
onClose?: ((event: Event | SyntheticEvent) => void) | undefined;
|
|
19
|
-
position?: "
|
|
19
|
+
position?: "left" | "right" | "top" | "bottom" | undefined;
|
|
20
20
|
anchorRef: RefObject<Element>;
|
|
21
21
|
anchorWidth?: boolean | undefined;
|
|
22
22
|
} & {
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export declare enum Typography {
|
|
2
|
+
TITLE_SCREEN = "title-screen",
|
|
3
|
+
TITLE_SECTION = "title-section",
|
|
4
|
+
TITLE_SUBSECTION = "title-subsection",
|
|
5
|
+
TITLE_BODY = "title-body",
|
|
6
|
+
TITLE_GROUP = "title-group",
|
|
7
|
+
BODY_LARGE = "body-large",
|
|
8
|
+
BODY_DEFAULT = "body-default",
|
|
9
|
+
BODY_DEFAULT_BOLD = "body-default-bold",
|
|
10
|
+
BODY_LARGE_BOLD = "body-large-bold",
|
|
11
|
+
LINK_LARGE = "link-large",
|
|
12
|
+
LINK_DEFAULT = "link-default"
|
|
13
|
+
}
|
|
14
|
+
export declare type TitleScreen = 'title-screen';
|
|
15
|
+
export declare type TitleSection = 'title-section';
|
|
16
|
+
export declare type TitleSubsection = 'title-subsection';
|
|
17
|
+
export declare type TitleBody = 'title-body';
|
|
18
|
+
export declare type TitleGroup = 'title-group';
|
|
19
|
+
export declare type TitleTypes = TitleScreen | TitleSection | TitleSubsection | TitleBody | TitleGroup;
|
|
20
|
+
export declare type BodyDefault = 'body-default';
|
|
21
|
+
export declare type BodyLargeBold = 'body-large-bold';
|
|
22
|
+
export declare type BodyDefaultBold = 'body-default-bold';
|
|
23
|
+
export declare type BodyLarge = 'body-large';
|
|
24
|
+
export declare type BodyTypes = BodyLargeBold | BodyDefault | BodyLarge | BodyDefaultBold;
|
|
25
|
+
export declare type LinkDefault = 'link-default';
|
|
26
|
+
export declare type LinkLarge = 'link-large';
|
|
27
|
+
export declare type LinkTypes = LinkDefault | LinkLarge;
|
|
28
|
+
export declare type TypographyTypes = TitleScreen | TitleSection | TitleSubsection | TitleBody | TitleGroup | BodyDefault | BodyLargeBold | BodyDefaultBold | BodyLarge | LinkDefault | LinkLarge;
|
|
@@ -5,7 +5,7 @@ declare const ResponsivePanel: import("react").ForwardRefExoticComponent<{
|
|
|
5
5
|
altAxis?: boolean | undefined;
|
|
6
6
|
open?: boolean | undefined;
|
|
7
7
|
onClose?: ((event: Event | import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
|
8
|
-
position?: "
|
|
8
|
+
position?: "left" | "right" | "top" | "bottom" | undefined;
|
|
9
9
|
anchorRef: import("react").RefObject<Element>;
|
|
10
10
|
anchorWidth?: boolean | undefined;
|
|
11
11
|
} & {
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
export declare enum Theme {
|
|
2
2
|
LIGHT = "light",
|
|
3
3
|
DARK = "dark",
|
|
4
|
-
NAVY = "navy"
|
|
4
|
+
NAVY = "navy",
|
|
5
|
+
PERSONAL = "personal"
|
|
5
6
|
}
|
|
6
7
|
export declare type ThemeLight = 'light';
|
|
7
8
|
export declare type ThemeDark = 'dark';
|
|
8
9
|
export declare type ThemeNavy = 'navy';
|
|
9
|
-
export declare type
|
|
10
|
+
export declare type ThemePersonal = 'personal';
|
|
11
|
+
export declare type ThemeType = ThemeLight | ThemeDark | ThemeNavy | ThemePersonal;
|
|
12
|
+
export declare const modernThemes: Set<ThemeType>;
|
|
13
|
+
export declare const getThemeClassName: (theme: ThemeType) => string;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type CriticalCommsBannerProps = {
|
|
3
|
+
title: string;
|
|
4
|
+
subtitle?: string;
|
|
5
|
+
action?: {
|
|
6
|
+
label: string;
|
|
7
|
+
href: string;
|
|
8
|
+
};
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
declare function CriticalCommsBanner({ title, subtitle, action, className }: CriticalCommsBannerProps): JSX.Element;
|
|
12
|
+
export default CriticalCommsBanner;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './CriticalCommsBanner';
|
|
@@ -5,7 +5,7 @@ declare function FormattedValue({ field, value }: {
|
|
|
5
5
|
}): JSX.Element;
|
|
6
6
|
declare namespace FormattedValue {
|
|
7
7
|
namespace propTypes {
|
|
8
|
-
const field: PropTypes.Validator<PropTypes.InferProps<{
|
|
8
|
+
const field: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
|
|
9
9
|
control: PropTypes.Validator<string>;
|
|
10
10
|
displayFormat: PropTypes.Requireable<string>;
|
|
11
11
|
refreshRequirementsOnChange: PropTypes.Requireable<boolean>;
|
|
@@ -18,7 +18,7 @@ declare namespace FormattedValue {
|
|
|
18
18
|
values: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
19
19
|
value: PropTypes.Requireable<any>;
|
|
20
20
|
}> | null | undefined)[]>;
|
|
21
|
-
}
|
|
21
|
+
}>>>;
|
|
22
22
|
const value: PropTypes.Validator<any>;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
@@ -24,5 +24,5 @@ export declare type HeaderProps = CommonProps & {
|
|
|
24
24
|
* Neptune Web: https://transferwise.github.io/neptune-web/components/content/Header
|
|
25
25
|
*
|
|
26
26
|
*/
|
|
27
|
-
export declare const Header: ({ action, as
|
|
27
|
+
export declare const Header: ({ action, as, title, className }: HeaderProps) => JSX.Element;
|
|
28
28
|
export default Header;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const _default: {
|
|
3
|
-
component: ({ action, as
|
|
3
|
+
component: ({ action, as, title, className }: import("./Header").HeaderProps) => JSX.Element;
|
|
4
4
|
title: string;
|
|
5
5
|
};
|
|
6
6
|
export default _default;
|
package/build/types/index.d.ts
CHANGED
|
@@ -3,10 +3,12 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export type { UploadedFile, UploadError, UploadResponse } from './uploadInput/types';
|
|
5
5
|
export type { ModalProps } from './modal';
|
|
6
|
-
export type { LayoutDirection } from './common';
|
|
6
|
+
export type { LayoutDirection, TypographyTypes, TitleTypes, BodyTypes, LinkTypes } from './common';
|
|
7
7
|
/**
|
|
8
8
|
* Components
|
|
9
9
|
*/
|
|
10
|
+
export { default as Title } from './title';
|
|
11
|
+
export { default as Body } from './body';
|
|
10
12
|
export { default as Accordion } from './accordion';
|
|
11
13
|
export { default as ActionButton } from './actionButton';
|
|
12
14
|
export { default as ActionOption } from './actionOption';
|
|
@@ -77,6 +79,7 @@ export { default as Typeahead } from './typeahead';
|
|
|
77
79
|
export { default as Upload } from './upload';
|
|
78
80
|
export { default as UploadInput } from './uploadInput';
|
|
79
81
|
export { SnackbarConsumer, SnackbarContext } from './snackbar/SnackbarContext';
|
|
82
|
+
export { default as CriticalCommsBanner } from './criticalBanner';
|
|
80
83
|
/**
|
|
81
84
|
* Hooks
|
|
82
85
|
*/
|
|
@@ -85,7 +88,7 @@ export { useDirection, useLayout } from './common/hooks';
|
|
|
85
88
|
/**
|
|
86
89
|
* Enums
|
|
87
90
|
*/
|
|
88
|
-
export { Direction, Size, Width, Sentiment, Priority, ControlType, Type, Theme, DateMode, MonthFormat, Position, Scroll, ProfileType, Breakpoint, Layout, Status, MarkdownNodeType, } from './common';
|
|
91
|
+
export { Direction, Size, Width, Sentiment, Priority, ControlType, Type, Theme, DateMode, MonthFormat, Position, Scroll, ProfileType, Breakpoint, Layout, Status, MarkdownNodeType, Typography, Variant, } from './common';
|
|
89
92
|
export { AvatarType } from './avatar';
|
|
90
93
|
export { InfoPresentation } from './info';
|
|
91
94
|
export { UploadStep } from './upload';
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
dos?:
|
|
5
|
-
donts?:
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
export default InstructionsList;
|
|
11
|
-
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { CommonProps } from '../common';
|
|
3
|
+
declare type Props = CommonProps & {
|
|
4
|
+
dos?: ReactNode[];
|
|
5
|
+
donts?: ReactNode[];
|
|
6
|
+
};
|
|
7
|
+
declare const InstructionsList: (props: Props) => JSX.Element;
|
|
8
|
+
export default InstructionsList;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
declare type Props =
|
|
1
|
+
import { AnchorHTMLAttributes } from 'react';
|
|
2
|
+
import { LinkLarge, LinkDefault } from '../common';
|
|
3
|
+
declare type Props = AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
4
|
+
type?: LinkLarge | LinkDefault;
|
|
5
|
+
};
|
|
4
6
|
/**
|
|
5
7
|
* Standard Link component with navigate away icon
|
|
6
8
|
*
|
|
7
9
|
* Documentation: https://transferwise.github.io/neptune-web/components/content/Link
|
|
8
|
-
*
|
|
9
10
|
*/
|
|
10
|
-
declare const Link: ({ className, children,
|
|
11
|
+
declare const Link: ({ className, children, type, ...props }: Props) => JSX.Element;
|
|
11
12
|
export default Link;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const _default: {
|
|
3
|
-
component: ({ className, children,
|
|
4
|
-
|
|
3
|
+
component: ({ className, children, type, ...props }: import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
4
|
+
type?: "link-default" | "link-large" | undefined;
|
|
5
5
|
}) => JSX.Element;
|
|
6
6
|
title: string;
|
|
7
7
|
};
|
|
@@ -6,11 +6,11 @@ declare const _default: {
|
|
|
6
6
|
children: any;
|
|
7
7
|
}): JSX.Element;
|
|
8
8
|
propTypes: {
|
|
9
|
-
i18n: import("prop-types").Validator<import("prop-types").InferProps<{
|
|
9
|
+
i18n: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
|
|
10
10
|
locale: import("prop-types").Validator<string>;
|
|
11
|
-
messages: import("prop-types").Validator<import("prop-types").InferProps<{}
|
|
11
|
+
messages: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{}>>>;
|
|
12
12
|
defaultRichTextElements: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
|
|
13
|
-
}
|
|
13
|
+
}>>>;
|
|
14
14
|
children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
|
|
15
15
|
};
|
|
16
16
|
defaultProps: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
2
|
declare const SearchBox: import("react").ForwardRefExoticComponent<{
|
|
3
3
|
classNames?: Record<string, string> | undefined;
|
|
4
|
-
} & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "
|
|
4
|
+
} & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "placeholder" | "onChange" | "onClick"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
5
5
|
export default SearchBox;
|
|
@@ -7,12 +7,12 @@ declare function TabPanel({ children, id, tabId, style }: {
|
|
|
7
7
|
}): JSX.Element;
|
|
8
8
|
declare namespace TabPanel {
|
|
9
9
|
namespace propTypes {
|
|
10
|
-
const children: PropTypes.Validator<
|
|
10
|
+
const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
11
11
|
const id: PropTypes.Validator<string>;
|
|
12
12
|
const tabId: PropTypes.Validator<string>;
|
|
13
|
-
const style: PropTypes.Validator<PropTypes.InferProps<{
|
|
13
|
+
const style: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
|
|
14
14
|
width: PropTypes.Validator<string>;
|
|
15
|
-
}
|
|
15
|
+
}>>>;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
import PropTypes from "prop-types";
|