@transferwise/components 0.0.0-experimental-b7a6b24 → 0.0.0-experimental-fb447f5

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 (20) hide show
  1. package/build/index.esm.js +12 -14
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +12 -14
  4. package/build/index.js.map +1 -1
  5. package/build/main.css +1 -1
  6. package/build/styles/instructionsList/InstructionsList.css +1 -1
  7. package/build/styles/main.css +1 -1
  8. package/build/types/instructionsList/InstructionsList.d.ts +9 -1
  9. package/build/types/instructionsList/InstructionsList.d.ts.map +1 -1
  10. package/package.json +1 -1
  11. package/src/inputs/SelectInput.story.tsx +0 -22
  12. package/src/inputs/_BottomSheet.less +1 -1
  13. package/src/inputs/_Popover.less +1 -1
  14. package/src/instructionsList/InstructionList.story.js +31 -0
  15. package/src/instructionsList/InstructionsList.css +1 -1
  16. package/src/instructionsList/InstructionsList.less +3 -15
  17. package/src/instructionsList/InstructionsList.spec.tsx +50 -0
  18. package/src/instructionsList/InstructionsList.tsx +17 -10
  19. package/src/main.css +1 -1
  20. package/src/instructionsList/InstructionsList.spec.js +0 -29
package/build/index.esm.js CHANGED
@@ -7230,16 +7230,12 @@ InputWithDisplayFormat.propTypes = {
7230
7230
  };
7231
7231
  var InputWithDisplayFormat$1 = InputWithDisplayFormat;
7232
7232
 
7233
- const InstructionsList = props => {
7234
- const {
7235
- isModern
7236
- } = useTheme();
7237
- const {
7238
- dos,
7239
- donts
7240
- } = props;
7241
- const DontIcon = isModern ? CrossCircleFill : CrossCircle;
7242
- const DoIcon = isModern ? CheckCircleFill : CheckCircle;
7233
+ const InstructionsList = ({
7234
+ dos,
7235
+ donts,
7236
+ 'do-aria-label': doAriaLabel = undefined,
7237
+ 'dont-aria-label': dontAriaLabel = undefined
7238
+ }) => {
7243
7239
  return /*#__PURE__*/jsxs("div", {
7244
7240
  className: "tw-instructions",
7245
7241
  children: [dos && dos.map((doThis, index) =>
@@ -7247,9 +7243,10 @@ const InstructionsList = props => {
7247
7243
  // eslint-disable-next-line react/no-array-index-key
7248
7244
  jsxs("div", {
7249
7245
  className: "instruction",
7250
- children: [/*#__PURE__*/jsx(DoIcon, {
7246
+ children: [/*#__PURE__*/jsx(CheckCircleFill, {
7251
7247
  size: 24,
7252
- className: "do"
7248
+ className: "do",
7249
+ title: doAriaLabel
7253
7250
  }), /*#__PURE__*/jsx(Body, {
7254
7251
  className: "text-primary",
7255
7252
  type: Typography.BODY_LARGE,
@@ -7260,9 +7257,10 @@ const InstructionsList = props => {
7260
7257
  // eslint-disable-next-line react/no-array-index-key
7261
7258
  jsxs("div", {
7262
7259
  className: "instruction",
7263
- children: [/*#__PURE__*/jsx(DontIcon, {
7260
+ children: [/*#__PURE__*/jsx(CrossCircleFill, {
7264
7261
  size: 24,
7265
- className: "dont"
7262
+ className: "dont",
7263
+ title: dontAriaLabel
7266
7264
  }), /*#__PURE__*/jsx(Body, {
7267
7265
  className: "text-primary",
7268
7266
  type: Typography.BODY_LARGE,