@swan-io/lake 8.15.13 → 8.15.15

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/FlowPresentation.d.ts +1 -0
  3. package/src/components/FlowPresentation.js +15 -5
  4. package/src/components/Icon.d.ts +2 -0
  5. package/src/icons/fluent-icons.json +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swan-io/lake",
3
- "version": "8.15.13",
3
+ "version": "8.15.15",
4
4
  "engines": {
5
5
  "node": ">=20.9.0",
6
6
  "yarn": "^1.22.0"
package/src/components/FlowPresentation.d.ts CHANGED
@@ -2,6 +2,7 @@ import { IconName } from "./Icon";
2
2
  export type FlowStep = {
3
3
  label: string;
4
4
  icon: IconName;
5
+ isComplete?: boolean;
5
6
  };
6
7
  type Props = {
7
8
  steps: FlowStep[];
package/src/components/FlowPresentation.js CHANGED
@@ -11,7 +11,7 @@ const desktopIconSize = 100;
11
11
  const borderHeight = 2;
12
12
  const desktopPadding = 40;
13
13
  const mobileNumberSize = 24;
14
- const mobileBorderWidth = 4;
14
+ const mobileBorderWidth = 2;
15
15
  const styles = StyleSheet.create({
16
16
  container: {
17
17
  width: "100%",
@@ -41,9 +41,11 @@ const styles = StyleSheet.create({
41
41
  borderWidth: 1,
42
42
  backgroundColor: colors.current[50],
43
43
  },
44
+ mobileNumberActive: {
45
+ borderColor: colors.current[500],
46
+ },
44
47
  mobileNumberText: {
45
48
  position: "relative",
46
- top: 1,
47
49
  },
48
50
  mobileBarContainer: {
49
51
  width: mobileNumberSize,
@@ -55,6 +57,9 @@ const styles = StyleSheet.create({
55
57
  borderRadius: mobileBorderWidth / 2,
56
58
  backgroundColor: colors.gray[100],
57
59
  },
60
+ completeMobileBar: {
61
+ backgroundColor: colors.current[500],
62
+ },
58
63
  });
59
64
  export const FlowPresentation = ({ steps, mode }) => {
60
65
  return match(mode)
@@ -62,9 +67,14 @@ export const FlowPresentation = ({ steps, mode }) => {
62
67
  const isLast = index === steps.length - 1;
63
68
  return (_jsxs(Fragment, { children: [_jsxs(Box, { children: [_jsx(BorderedIcon, { name: icon, size: 100, padding: 16 }), _jsx(Space, { height: 32 }), _jsx(View, { style: isLast ? styles.lastTextContainer : styles.textContainer, children: _jsxs(LakeText, { color: colors.gray[900], variant: "medium", children: [index + 1, ". ", label] }) })] }), !isLast && (_jsx(Box, { direction: "row", alignItems: "center", style: styles.desktopBarContainer, children: _jsx(View, { style: styles.desktopBar }) }))] }, index));
64
69
  }) })))
65
- .with("mobile", () => (_jsx(Box, { direction: "column", children: steps.map(({ label }, index) => {
66
- const isLast = index === steps.length - 1;
67
- return (_jsxs(Fragment, { children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(Box, { alignItems: "center", justifyContent: "center", style: styles.mobileNumber, children: _jsx(LakeText, { color: colors.current.primary, variant: "medium", style: styles.mobileNumberText, children: index + 1 }) }), _jsx(Space, { width: 12 }), _jsx(LakeText, { color: colors.gray[400], variant: "smallRegular", children: label })] }), !isLast && (_jsx(Box, { alignItems: "center", style: styles.mobileBarContainer, children: _jsx(View, { style: styles.mobileBar }) }))] }, index));
70
+ .with("mobile", () => (_jsx(Box, { direction: "column", children: steps.map(({ label, isComplete }, index) => {
71
+ return (_jsxs(Fragment, { children: [index > 0 && (_jsx(Box, { alignItems: "center", style: styles.mobileBarContainer, children: _jsx(View, { style: [
72
+ styles.mobileBar,
73
+ isComplete === true ? styles.completeMobileBar : null,
74
+ ] }) })), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(Box, { alignItems: "center", justifyContent: "center", style: [
75
+ styles.mobileNumber,
76
+ isComplete === true ? styles.mobileNumberActive : null,
77
+ ], children: _jsx(LakeText, { color: colors.current.primary, variant: "smallMedium", style: styles.mobileNumberText, children: index + 1 }) }), _jsx(Space, { width: 12 }), _jsx(LakeText, { color: colors.gray[700], variant: "smallMedium", children: label })] })] }, index));
68
78
  }) })))
69
79
  .exhaustive();
70
80
  };
package/src/components/Icon.d.ts CHANGED
@@ -113,6 +113,8 @@ declare const paths: {
113
113
  "code-regular": string;
114
114
  "color-regular": string;
115
115
  "comment-note-regular": string;
116
+ "contact-card-regular": string;
117
+ "contact-card-filled": string;
116
118
  "copy-filled": string;
117
119
  "copy-regular": string;
118
120
  "cursor-click-regular": string;
package/src/icons/fluent-icons.json CHANGED
@@ -61,6 +61,8 @@
61
61
  "code-regular": "m8.07 18.94 6.5-14.5a.75.75 0 0 1 1.4.52l-.04.1-6.5 14.5a.75.75 0 0 1-1.4-.52l.04-.1 6.5-14.5-6.5 14.5Zm-5.85-7.47 4.25-4.25a.75.75 0 0 1 1.13.98l-.07.08L3.81 12l3.72 3.72a.75.75 0 0 1-.98 1.13l-.08-.07-4.25-4.25a.75.75 0 0 1-.07-.98l.07-.08 4.25-4.25-4.25 4.25Zm14.25-4.25a.75.75 0 0 1 .98-.07l.08.07 4.25 4.25c.27.27.3.68.07.98l-.07.08-4.25 4.25a.75.75 0 0 1-1.13-.98l.07-.08L20.19 12l-3.72-3.72a.75.75 0 0 1 0-1.06Z",
62
62
  "color-regular": "M3.84 5.86C6.78 1.94 12.87.8 17.2 3.5c4.28 2.66 5.86 7.77 4.1 12.57-1.65 4.54-6.01 6.33-9.16 4.05-1.17-.85-1.63-1.92-1.85-3.66l-.1-.99-.05-.4c-.12-.93-.31-1.35-.7-1.57-.54-.3-.9-.3-1.6-.03l-.35.14-.18.08c-1.01.44-1.69.6-2.54.42l-.2-.05-.17-.04c-2.78-.87-3.2-4.65-.56-8.16Zm.98 6.71.13.04.13.03c.44.09.81.02 1.44-.24l.6-.26c1.2-.5 1.98-.54 3.04.05.92.51 1.28 1.3 1.46 2.66l.06.46.05.53.05.43c.17 1.36.48 2.09 1.24 2.64 2.28 1.65 5.54.3 6.87-3.35 1.52-4.15.18-8.51-3.48-10.79-3.67-2.28-8.9-1.3-11.37 1.99-2.08 2.76-1.82 5.28-.22 5.81Zm11.23-1.99a1.25 1.25 0 1 1 2.41-.65 1.25 1.25 0 0 1-2.41.65Zm.5 3.49a1.25 1.25 0 1 1 2.4-.65 1.25 1.25 0 0 1-2.4.65Zm-2.48-6.5a1.25 1.25 0 1 1 2.41-.64 1.25 1.25 0 0 1-2.41.65Zm-.03 9a1.25 1.25 0 1 1 2.42-.64 1.25 1.25 0 0 1-2.42.65Zm-3.5-9.96a1.25 1.25 0 1 1 2.42-.65 1.25 1.25 0 0 1-2.42.65Z",
63
63
  "comment-note-regular": "M12 3c0-1.1.9-2 2-2h7a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V3Zm2.5 1a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6Zm0 3a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6ZM5.25 3H11v1.5H5.25c-.97 0-1.75.78-1.75 1.75v8.5c0 .97.78 1.75 1.75 1.75H7.5v3.75l5.01-3.75h6.24c.97 0 1.75-.78 1.75-1.75V12h.5a3 3 0 0 0 1-.17v2.92c0 1.8-1.46 3.25-3.25 3.25h-5.74L8 21.75a1.25 1.25 0 0 1-2-1V18h-.75A3.25 3.25 0 0 1 2 14.75v-8.5C2 4.45 3.46 3 5.25 3Z",
64
+ "contact-card-regular": "M19.75 4C20.99 4 22 5 22 6.25v11.5C22 19 21 20 19.75 20H4.25C3.01 20 2 19 2 17.75V6.25C2 5.01 3 4 4.25 4h15.5Zm0 1.5H4.25a.75.75 0 0 0-.75.75v11.5c0 .42.34.75.75.75h15.5c.41 0 .75-.33.75-.75V6.25a.75.75 0 0 0-.75-.75Zm-10 7c.41 0 .75.34.75.75v.6c-.17 1.11-1.1 1.65-2.5 1.65s-2.33-.54-2.5-1.65v-.6c0-.41.34-.75.75-.75h3.5Zm3.5.5h4.5a.75.75 0 0 1 .1 1.49h-4.6a.75.75 0 0 1-.1-1.49h4.6-4.5ZM8 8.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm5.25 1h4.5a.75.75 0 0 1 .1 1.5h-4.6a.75.75 0 0 1-.1-1.5h4.6-4.5Z",
65
+ "contact-card-filled": "M19.75 4C20.99 4 22 5 22 6.25v11.5C22 19 21 20 19.75 20H4.25C3.01 20 2 19 2 17.75V6.25C2 5.01 3 4 4.25 4h15.5Zm-10 8.5h-3.5c-.38 0-.7.28-.74.65l-.01.1v.6c.17 1.11 1.1 1.65 2.5 1.65 1.33 0 2.24-.49 2.46-1.5l.03-.15.01-.1v-.5c0-.38-.28-.7-.65-.74l-.1-.01Zm8 .5h-4.6a.75.75 0 0 0 0 1.49H17.85a.75.75 0 0 0 0-1.49h-.1ZM8 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm9.75 1h-4.6a.75.75 0 0 0 0 1.5H17.85a.75.75 0 0 0 0-1.5h-.1Z",
64
66
  "copy-filled": "M5.5 4.63V17.25c0 1.8 1.46 3.25 3.25 3.25h8.62c-.31.88-1.15 1.5-2.13 1.5H8.75A4.75 4.75 0 0 1 4 17.25V6.75c0-.98.63-1.81 1.5-2.12ZM17.75 2C18.99 2 20 3 20 4.25v13c0 1.24-1 2.25-2.25 2.25h-9c-1.24 0-2.25-1-2.25-2.25v-13C6.5 3.01 7.5 2 8.75 2h9Z",
65
67
  "copy-regular": "M5.5 4.63V17.25c0 1.8 1.46 3.25 3.25 3.25h8.62c-.31.88-1.15 1.5-2.13 1.5H8.75A4.75 4.75 0 0 1 4 17.25V6.75c0-.98.63-1.81 1.5-2.12ZM17.75 2C18.99 2 20 3 20 4.25v13c0 1.24-1 2.25-2.25 2.25h-9c-1.24 0-2.25-1-2.25-2.25v-13C6.5 3.01 7.5 2 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .41.34.75.75.75h9c.41 0 .75-.34.75-.75v-13a.75.75 0 0 0-.75-.75Z",
66
68
  "cursor-click-regular": "M9.25 2c.41 0 .75.34.75.75v2.5a.75.75 0 0 1-1.5 0v-2.5c0-.41.34-.75.75-.75ZM4.47 3.97c.3-.3.77-.3 1.06 0l1.75 1.75a.75.75 0 1 1-1.06 1.06L4.47 5.03a.75.75 0 0 1 0-1.06Zm9.56 0c.3.3.3.77 0 1.06l-1.75 1.75a.75.75 0 1 1-1.06-1.06l1.75-1.75c.3-.3.77-.3 1.06 0ZM2.5 8.75c0-.41.34-.75.75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Zm8.18-.26a1.32 1.32 0 0 0-2.18 1v11.27c0 1.21 1.5 1.78 2.3.88l2.62-2.92c.27-.31.66-.5 1.07-.5l3.84-.16a1.32 1.32 0 0 0 .8-2.32l-8.45-7.25ZM10 20.29V9.89l7.81 6.69-3.38.13c-.82.03-1.59.4-2.13 1L10 20.3Z",