@transferwise/components 0.0.0-experimental-680afef → 0.0.0-experimental-c8fc1dc
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 +19 -11
- package/build/index.esm.js.map +1 -1
- package/build/index.js +19 -11
- package/build/index.js.map +1 -1
- package/build/types/instructionsList/InstructionsList.d.ts +4 -2
- package/build/types/instructionsList/InstructionsList.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/instructionsList/InstructionList.story.tsx +1 -0
- package/src/instructionsList/InstructionsList.tsx +41 -12
package/build/index.esm.js
CHANGED
|
@@ -7568,34 +7568,42 @@ const InputWithDisplayFormat = props => /*#__PURE__*/jsx(WithDisplayFormat, {
|
|
|
7568
7568
|
|
|
7569
7569
|
const InstructionsList = ({
|
|
7570
7570
|
dos,
|
|
7571
|
-
donts
|
|
7571
|
+
donts,
|
|
7572
|
+
overrideCircleFillIcons = false
|
|
7572
7573
|
}) => {
|
|
7573
7574
|
return /*#__PURE__*/jsxs("div", {
|
|
7574
7575
|
className: "tw-instructions",
|
|
7575
|
-
children: [dos && dos.map((doThis, index) =>
|
|
7576
|
-
/*#__PURE__*/
|
|
7576
|
+
children: [dos && dos.map((doThis, index) => /*#__PURE__*/jsx(Instruction
|
|
7577
7577
|
// eslint-disable-next-line react/no-array-index-key
|
|
7578
|
-
|
|
7578
|
+
, {
|
|
7579
7579
|
item: doThis,
|
|
7580
|
-
type: "do"
|
|
7581
|
-
|
|
7582
|
-
/*#__PURE__*/
|
|
7580
|
+
type: "do",
|
|
7581
|
+
overrideCircleFillIcons: overrideCircleFillIcons
|
|
7582
|
+
}, index)), donts && donts.map((dont, index) => /*#__PURE__*/jsx(Instruction
|
|
7583
7583
|
// eslint-disable-next-line react/no-array-index-key
|
|
7584
|
-
|
|
7584
|
+
, {
|
|
7585
7585
|
item: dont,
|
|
7586
|
-
type: "dont"
|
|
7586
|
+
type: "dont",
|
|
7587
|
+
overrideCircleFillIcons: overrideCircleFillIcons
|
|
7587
7588
|
}, index))]
|
|
7588
7589
|
});
|
|
7589
7590
|
};
|
|
7590
7591
|
function Instruction({
|
|
7591
7592
|
item,
|
|
7592
|
-
type
|
|
7593
|
+
type,
|
|
7594
|
+
overrideCircleFillIcons
|
|
7593
7595
|
}) {
|
|
7594
7596
|
const isInstructionNode = typeof item === 'object' && item !== null && 'content' in item && 'aria-label' in item;
|
|
7595
7597
|
return /*#__PURE__*/jsxs("div", {
|
|
7596
7598
|
className: "instruction",
|
|
7597
7599
|
"aria-label": isInstructionNode ? item['aria-label'] : undefined,
|
|
7598
|
-
children: [type === 'do' ? /*#__PURE__*/jsx(
|
|
7600
|
+
children: [overrideCircleFillIcons ? type === 'do' ? /*#__PURE__*/jsx(Check, {
|
|
7601
|
+
size: 24,
|
|
7602
|
+
className: type
|
|
7603
|
+
}) : /*#__PURE__*/jsx(Cross, {
|
|
7604
|
+
size: 24,
|
|
7605
|
+
className: type
|
|
7606
|
+
}) : type === 'do' ? /*#__PURE__*/jsx(CheckCircleFill, {
|
|
7599
7607
|
size: 24,
|
|
7600
7608
|
className: type
|
|
7601
7609
|
}) : /*#__PURE__*/jsx(CrossCircleFill, {
|