@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.js CHANGED
@@ -7263,16 +7263,12 @@ InputWithDisplayFormat.propTypes = {
7263
7263
  };
7264
7264
  var InputWithDisplayFormat$1 = InputWithDisplayFormat;
7265
7265
 
7266
- const InstructionsList = props => {
7267
- const {
7268
- isModern
7269
- } = componentsTheming.useTheme();
7270
- const {
7271
- dos,
7272
- donts
7273
- } = props;
7274
- const DontIcon = isModern ? icons.CrossCircleFill : icons.CrossCircle;
7275
- const DoIcon = isModern ? icons.CheckCircleFill : icons.CheckCircle;
7266
+ const InstructionsList = ({
7267
+ dos,
7268
+ donts,
7269
+ 'do-aria-label': doAriaLabel = undefined,
7270
+ 'dont-aria-label': dontAriaLabel = undefined
7271
+ }) => {
7276
7272
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
7277
7273
  className: "tw-instructions",
7278
7274
  children: [dos && dos.map((doThis, index) =>
@@ -7280,9 +7276,10 @@ const InstructionsList = props => {
7280
7276
  // eslint-disable-next-line react/no-array-index-key
7281
7277
  jsxRuntime.jsxs("div", {
7282
7278
  className: "instruction",
7283
- children: [/*#__PURE__*/jsxRuntime.jsx(DoIcon, {
7279
+ children: [/*#__PURE__*/jsxRuntime.jsx(icons.CheckCircleFill, {
7284
7280
  size: 24,
7285
- className: "do"
7281
+ className: "do",
7282
+ title: doAriaLabel
7286
7283
  }), /*#__PURE__*/jsxRuntime.jsx(Body, {
7287
7284
  className: "text-primary",
7288
7285
  type: exports.Typography.BODY_LARGE,
@@ -7293,9 +7290,10 @@ const InstructionsList = props => {
7293
7290
  // eslint-disable-next-line react/no-array-index-key
7294
7291
  jsxRuntime.jsxs("div", {
7295
7292
  className: "instruction",
7296
- children: [/*#__PURE__*/jsxRuntime.jsx(DontIcon, {
7293
+ children: [/*#__PURE__*/jsxRuntime.jsx(icons.CrossCircleFill, {
7297
7294
  size: 24,
7298
- className: "dont"
7295
+ className: "dont",
7296
+ title: dontAriaLabel
7299
7297
  }), /*#__PURE__*/jsxRuntime.jsx(Body, {
7300
7298
  className: "text-primary",
7301
7299
  type: exports.Typography.BODY_LARGE,