@transferwise/components 0.0.0-experimental-6f6c62c → 0.0.0-experimental-5aa07c7

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 (10) hide show
  1. package/build/index.esm.js +2 -2
  2. package/build/index.js +2 -2
  3. package/build/main.css +4 -0
  4. package/build/styles/instructionsList/InstructionsList.css +4 -0
  5. package/build/styles/main.css +4 -0
  6. package/package.json +1 -1
  7. package/src/instructionsList/InstructionsList.css +4 -0
  8. package/src/instructionsList/InstructionsList.less +5 -0
  9. package/src/instructionsList/InstructionsList.tsx +3 -3
  10. package/src/main.css +4 -0
package/build/index.esm.js CHANGED
@@ -7369,7 +7369,7 @@ const InstructionsList = ({
7369
7369
  }) : /*#__PURE__*/jsxs(Fragment, {
7370
7370
  children: [dontsInstructions, dosInstructions]
7371
7371
  });
7372
- return /*#__PURE__*/jsx("div", {
7372
+ return /*#__PURE__*/jsx("ul", {
7373
7373
  className: "tw-instructions",
7374
7374
  children: orderedInstructions
7375
7375
  });
@@ -7379,7 +7379,7 @@ function Instruction({
7379
7379
  type
7380
7380
  }) {
7381
7381
  const isInstructionNode = typeof item === 'object' && item !== null && 'content' in item && 'aria-label' in item;
7382
- return /*#__PURE__*/jsxs("div", {
7382
+ return /*#__PURE__*/jsxs("li", {
7383
7383
  className: "instruction",
7384
7384
  "aria-label": isInstructionNode ? item['aria-label'] : undefined,
7385
7385
  children: [type === 'do' ? /*#__PURE__*/jsx(CheckCircleFill, {
package/build/index.js CHANGED
@@ -7402,7 +7402,7 @@ const InstructionsList = ({
7402
7402
  }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
7403
7403
  children: [dontsInstructions, dosInstructions]
7404
7404
  });
7405
- return /*#__PURE__*/jsxRuntime.jsx("div", {
7405
+ return /*#__PURE__*/jsxRuntime.jsx("ul", {
7406
7406
  className: "tw-instructions",
7407
7407
  children: orderedInstructions
7408
7408
  });
@@ -7412,7 +7412,7 @@ function Instruction({
7412
7412
  type
7413
7413
  }) {
7414
7414
  const isInstructionNode = typeof item === 'object' && item !== null && 'content' in item && 'aria-label' in item;
7415
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
7415
+ return /*#__PURE__*/jsxRuntime.jsxs("li", {
7416
7416
  className: "instruction",
7417
7417
  "aria-label": isInstructionNode ? item['aria-label'] : undefined,
7418
7418
  children: [type === 'do' ? /*#__PURE__*/jsxRuntime.jsx(icons.CheckCircleFill, {
package/build/main.css CHANGED
@@ -2665,6 +2665,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2665
2665
  color: var(--color-content-tertiary);
2666
2666
  }
2667
2667
  .tw-instructions {
2668
+ /* Reset */
2669
+ margin: 0;
2670
+ padding: 0;
2671
+ list-style: none;
2668
2672
  display: flex;
2669
2673
  flex-direction: column;
2670
2674
  }
package/build/styles/instructionsList/InstructionsList.css CHANGED
@@ -1,4 +1,8 @@
1
1
  .tw-instructions {
2
+ /* Reset */
3
+ margin: 0;
4
+ padding: 0;
5
+ list-style: none;
2
6
  display: flex;
3
7
  flex-direction: column;
4
8
  }
package/build/styles/main.css CHANGED
@@ -2665,6 +2665,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2665
2665
  color: var(--color-content-tertiary);
2666
2666
  }
2667
2667
  .tw-instructions {
2668
+ /* Reset */
2669
+ margin: 0;
2670
+ padding: 0;
2671
+ list-style: none;
2668
2672
  display: flex;
2669
2673
  flex-direction: column;
2670
2674
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-6f6c62c",
3
+ "version": "0.0.0-experimental-5aa07c7",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
package/src/instructionsList/InstructionsList.css CHANGED
@@ -1,4 +1,8 @@
1
1
  .tw-instructions {
2
+ /* Reset */
3
+ margin: 0;
4
+ padding: 0;
5
+ list-style: none;
2
6
  display: flex;
3
7
  flex-direction: column;
4
8
  }
package/src/instructionsList/InstructionsList.less CHANGED
@@ -1,4 +1,9 @@
1
1
  .tw-instructions {
2
+ /* Reset */
3
+ margin: 0;
4
+ padding: 0;
5
+ list-style: none;
6
+
2
7
  display: flex;
3
8
  flex-direction: column;
4
9
 
package/src/instructionsList/InstructionsList.tsx CHANGED
@@ -49,14 +49,14 @@ const InstructionsList = ({ dos, donts, sort = 'dosFirst' }: InstructionsListPro
49
49
  </>
50
50
  );
51
51
 
52
- return <div className="tw-instructions">{orderedInstructions}</div>;
52
+ return <ul className="tw-instructions">{orderedInstructions}</ul>;
53
53
  };
54
54
 
55
55
  function Instruction({ item, type }: { item: ReactNode | InstructionNode; type: 'do' | 'dont' }) {
56
56
  const isInstructionNode =
57
57
  typeof item === 'object' && item !== null && 'content' in item && 'aria-label' in item;
58
58
  return (
59
- <div
59
+ <li
60
60
  className="instruction"
61
61
  aria-label={isInstructionNode ? (item['aria-label'] as string) : undefined}
62
62
  >
@@ -68,7 +68,7 @@ function Instruction({ item, type }: { item: ReactNode | InstructionNode; type:
68
68
  <Body className="text-primary" type={Typography.BODY_LARGE}>
69
69
  {isInstructionNode ? item.content : item}
70
70
  </Body>
71
- </div>
71
+ </li>
72
72
  );
73
73
  }
74
74
 
package/src/main.css CHANGED
@@ -2665,6 +2665,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2665
2665
  color: var(--color-content-tertiary);
2666
2666
  }
2667
2667
  .tw-instructions {
2668
+ /* Reset */
2669
+ margin: 0;
2670
+ padding: 0;
2671
+ list-style: none;
2668
2672
  display: flex;
2669
2673
  flex-direction: column;
2670
2674
  }