@transferwise/components 43.12.8 → 43.13.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/display/Display.js +1 -1
- package/build/es/no-polyfill/display/Display.story.js +1 -1
- package/build/es/polyfill/display/Display.js +1 -1
- package/build/es/polyfill/display/Display.story.js +1 -1
- package/build/main.css +1 -1
- package/build/styles/common/Option/Option.css +1 -1
- package/build/styles/main.css +1 -1
- package/build/styles/navigationOption/NavigationOption.css +1 -1
- package/build/types/display/Display.d.ts +2 -1
- package/build/umd/no-polyfill/main.js +1 -1
- package/build/umd/polyfill/main.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-navigation-option{--ring-outline-offset:0;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:focus{outline:none}.np-navigation-option:focus-visible{outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}.np-theme-personal .np-navigation-option{text-decoration: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)}.np-theme-personal .np-option__container-aligned{width:calc(100% + 32px);width:calc(100% + var(--space-content-horizontal)*2)}
|
|
1
|
+
.np-navigation-option{--ring-outline-offset:0;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-theme-personal .np-navigation-option:not(.disabled,:disabled):hover .tw-avatar__content{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.np-navigation-option .circle{border:none}.np-navigation-option:focus{outline:none}.np-navigation-option:focus-visible{outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}.np-theme-personal .np-navigation-option{text-decoration: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)}.np-theme-personal .np-option__container-aligned{width:calc(100% + 32px);width:calc(100% + var(--space-content-horizontal)*2)}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
2
|
import { DisplayTypes } from '../common';
|
|
3
3
|
type Props = PropsWithChildren<{
|
|
4
|
+
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
4
5
|
id?: string;
|
|
5
6
|
type?: DisplayTypes;
|
|
6
7
|
className?: string;
|
|
7
8
|
}>;
|
|
8
|
-
declare function Display({ type, children, className }: Props): JSX.Element;
|
|
9
|
+
declare function Display({ as: Heading, type, children, className, }: Props): JSX.Element;
|
|
9
10
|
export default Display;
|