@swype-org/react-sdk 0.1.167 → 0.1.168
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/dist/index.cjs +18 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +18 -10
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -2322,19 +2322,22 @@ var badgeStyle = (color) => ({
|
|
|
2322
2322
|
function PoweredByFooter() {
|
|
2323
2323
|
const { tokens } = useSwypeConfig();
|
|
2324
2324
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle3(tokens.textMuted), children: [
|
|
2325
|
-
/* @__PURE__ */ jsxRuntime.
|
|
2326
|
-
"
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2325
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: rowStyle, children: [
|
|
2326
|
+
/* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2327
|
+
"path",
|
|
2328
|
+
{
|
|
2329
|
+
d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM12 17c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3-9H9V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2z",
|
|
2330
|
+
fill: "currentColor"
|
|
2331
|
+
}
|
|
2332
|
+
) }),
|
|
2333
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Powered by Blink" })
|
|
2334
|
+
] }),
|
|
2333
2335
|
/* @__PURE__ */ jsxRuntime.jsx("span", { style: pillStyle(tokens.textMuted, tokens.border), children: "Beta Version" })
|
|
2334
2336
|
] });
|
|
2335
2337
|
}
|
|
2336
2338
|
var containerStyle3 = (color) => ({
|
|
2337
2339
|
display: "flex",
|
|
2340
|
+
flexDirection: "column",
|
|
2338
2341
|
alignItems: "center",
|
|
2339
2342
|
justifyContent: "center",
|
|
2340
2343
|
gap: 6,
|
|
@@ -2342,6 +2345,11 @@ var containerStyle3 = (color) => ({
|
|
|
2342
2345
|
color,
|
|
2343
2346
|
padding: "12px 0 4px"
|
|
2344
2347
|
});
|
|
2348
|
+
var rowStyle = {
|
|
2349
|
+
display: "flex",
|
|
2350
|
+
alignItems: "center",
|
|
2351
|
+
gap: 6
|
|
2352
|
+
};
|
|
2345
2353
|
var pillStyle = (color, border) => ({
|
|
2346
2354
|
fontSize: "0.65rem",
|
|
2347
2355
|
fontWeight: 600,
|
|
@@ -2936,7 +2944,7 @@ function StepList({ steps }) {
|
|
|
2936
2944
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { style: listStyle, children: steps.map((step, i) => {
|
|
2937
2945
|
const isComplete = step.status === "complete";
|
|
2938
2946
|
const isActive = step.status === "active";
|
|
2939
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { style:
|
|
2947
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: rowStyle2, children: [
|
|
2940
2948
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2941
2949
|
"div",
|
|
2942
2950
|
{
|
|
@@ -2959,7 +2967,7 @@ var listStyle = {
|
|
|
2959
2967
|
flexDirection: "column",
|
|
2960
2968
|
gap: 12
|
|
2961
2969
|
};
|
|
2962
|
-
var
|
|
2970
|
+
var rowStyle2 = {
|
|
2963
2971
|
display: "flex",
|
|
2964
2972
|
alignItems: "center",
|
|
2965
2973
|
gap: 12
|