@transferwise/components 45.24.0 → 45.25.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/index.esm.js +9 -2
- package/build/index.esm.js.map +1 -1
- package/build/index.js +9 -2
- package/build/index.js.map +1 -1
- package/build/main.css +1 -1
- package/build/styles/header/Header.css +1 -1
- package/build/styles/main.css +1 -1
- package/build/types/dateInput/DateInput.d.ts +2 -0
- package/build/types/dateInput/DateInput.d.ts.map +1 -1
- package/build/types/info/Info.d.ts +6 -2
- package/build/types/info/Info.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/body/Body.story.tsx +14 -2
- package/src/dateInput/DateInput.js +6 -0
- package/src/dateInput/DateInput.story.tsx +43 -1
- package/src/header/Header.css +1 -1
- package/src/header/Header.less +0 -5
- package/src/info/Info.tsx +6 -1
- package/src/main.css +1 -1
package/build/index.esm.js
CHANGED
|
@@ -2900,6 +2900,8 @@ const INITIAL_DEFAULT_STATE = {
|
|
|
2900
2900
|
day: null
|
|
2901
2901
|
};
|
|
2902
2902
|
const DateInput = ({
|
|
2903
|
+
'aria-labelledby': ariaLabelledBy,
|
|
2904
|
+
'aria-label': ariaLabel,
|
|
2903
2905
|
disabled,
|
|
2904
2906
|
size,
|
|
2905
2907
|
value,
|
|
@@ -3087,6 +3089,8 @@ const DateInput = ({
|
|
|
3087
3089
|
return /*#__PURE__*/jsx("div", {
|
|
3088
3090
|
className: "tw-date",
|
|
3089
3091
|
id: id,
|
|
3092
|
+
"aria-labelledby": ariaLabelledBy,
|
|
3093
|
+
"aria-label": ariaLabel,
|
|
3090
3094
|
onFocus: event => shouldPropagateOnFocus(event) ? onFocus && onFocus() : event.stopPropagation(),
|
|
3091
3095
|
onBlur: event => shouldPropagateOnBlur(event) ? onBlur && onBlur() : event.stopPropagation(),
|
|
3092
3096
|
children: /*#__PURE__*/jsxs("div", {
|
|
@@ -3169,6 +3173,8 @@ function shouldPropagateOnBlur({
|
|
|
3169
3173
|
return blurElementParent !== focusElementParent;
|
|
3170
3174
|
}
|
|
3171
3175
|
DateInput.propTypes = {
|
|
3176
|
+
'aria-label': PropTypes.string,
|
|
3177
|
+
'aria-labelledby': PropTypes.string,
|
|
3172
3178
|
disabled: PropTypes.bool,
|
|
3173
3179
|
size: PropTypes.oneOf(['sm', 'md', 'lg']),
|
|
3174
3180
|
value: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]),
|
|
@@ -6096,7 +6102,8 @@ const Info = ({
|
|
|
6096
6102
|
presentation = InfoPresentation.POPOVER,
|
|
6097
6103
|
size = Size.SMALL,
|
|
6098
6104
|
title = undefined,
|
|
6099
|
-
'aria-label': ariaLabel
|
|
6105
|
+
'aria-label': ariaLabel,
|
|
6106
|
+
preferredPlacement = Position.BOTTOM
|
|
6100
6107
|
}) => {
|
|
6101
6108
|
const [open, setOpen] = useState(false);
|
|
6102
6109
|
const isModal = presentation === InfoPresentation.MODAL;
|
|
@@ -6131,7 +6138,7 @@ const Info = ({
|
|
|
6131
6138
|
})]
|
|
6132
6139
|
}) : /*#__PURE__*/jsx(Popover$2, {
|
|
6133
6140
|
content: content,
|
|
6134
|
-
preferredPlacement:
|
|
6141
|
+
preferredPlacement: preferredPlacement,
|
|
6135
6142
|
title: title,
|
|
6136
6143
|
children: /*#__PURE__*/jsx("button", {
|
|
6137
6144
|
type: "button",
|