@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.js
CHANGED
|
@@ -2934,6 +2934,8 @@ const INITIAL_DEFAULT_STATE = {
|
|
|
2934
2934
|
day: null
|
|
2935
2935
|
};
|
|
2936
2936
|
const DateInput = ({
|
|
2937
|
+
'aria-labelledby': ariaLabelledBy,
|
|
2938
|
+
'aria-label': ariaLabel,
|
|
2937
2939
|
disabled,
|
|
2938
2940
|
size,
|
|
2939
2941
|
value,
|
|
@@ -3121,6 +3123,8 @@ const DateInput = ({
|
|
|
3121
3123
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
3122
3124
|
className: "tw-date",
|
|
3123
3125
|
id: id,
|
|
3126
|
+
"aria-labelledby": ariaLabelledBy,
|
|
3127
|
+
"aria-label": ariaLabel,
|
|
3124
3128
|
onFocus: event => shouldPropagateOnFocus(event) ? onFocus && onFocus() : event.stopPropagation(),
|
|
3125
3129
|
onBlur: event => shouldPropagateOnBlur(event) ? onBlur && onBlur() : event.stopPropagation(),
|
|
3126
3130
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
@@ -3203,6 +3207,8 @@ function shouldPropagateOnBlur({
|
|
|
3203
3207
|
return blurElementParent !== focusElementParent;
|
|
3204
3208
|
}
|
|
3205
3209
|
DateInput.propTypes = {
|
|
3210
|
+
'aria-label': PropTypes__default.default.string,
|
|
3211
|
+
'aria-labelledby': PropTypes__default.default.string,
|
|
3206
3212
|
disabled: PropTypes__default.default.bool,
|
|
3207
3213
|
size: PropTypes__default.default.oneOf(['sm', 'md', 'lg']),
|
|
3208
3214
|
value: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.instanceOf(Date)]),
|
|
@@ -6130,7 +6136,8 @@ const Info = ({
|
|
|
6130
6136
|
presentation = exports.InfoPresentation.POPOVER,
|
|
6131
6137
|
size = exports.Size.SMALL,
|
|
6132
6138
|
title = undefined,
|
|
6133
|
-
'aria-label': ariaLabel
|
|
6139
|
+
'aria-label': ariaLabel,
|
|
6140
|
+
preferredPlacement = exports.Position.BOTTOM
|
|
6134
6141
|
}) => {
|
|
6135
6142
|
const [open, setOpen] = React.useState(false);
|
|
6136
6143
|
const isModal = presentation === exports.InfoPresentation.MODAL;
|
|
@@ -6165,7 +6172,7 @@ const Info = ({
|
|
|
6165
6172
|
})]
|
|
6166
6173
|
}) : /*#__PURE__*/jsxRuntime.jsx(Popover$2, {
|
|
6167
6174
|
content: content,
|
|
6168
|
-
preferredPlacement:
|
|
6175
|
+
preferredPlacement: preferredPlacement,
|
|
6169
6176
|
title: title,
|
|
6170
6177
|
children: /*#__PURE__*/jsxRuntime.jsx("button", {
|
|
6171
6178
|
type: "button",
|