@swype-org/react-sdk 0.1.166 → 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 +27 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +27 -10
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2319,18 +2319,22 @@ var badgeStyle = (color) => ({
|
|
|
2319
2319
|
function PoweredByFooter() {
|
|
2320
2320
|
const { tokens } = useSwypeConfig();
|
|
2321
2321
|
return /* @__PURE__ */ jsxs("div", { style: containerStyle3(tokens.textMuted), children: [
|
|
2322
|
-
/* @__PURE__ */
|
|
2323
|
-
"
|
|
2324
|
-
|
|
2325
|
-
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2322
|
+
/* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
|
|
2323
|
+
/* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
|
|
2324
|
+
"path",
|
|
2325
|
+
{
|
|
2326
|
+
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",
|
|
2327
|
+
fill: "currentColor"
|
|
2328
|
+
}
|
|
2329
|
+
) }),
|
|
2330
|
+
/* @__PURE__ */ jsx("span", { children: "Powered by Blink" })
|
|
2331
|
+
] }),
|
|
2332
|
+
/* @__PURE__ */ jsx("span", { style: pillStyle(tokens.textMuted, tokens.border), children: "Beta Version" })
|
|
2330
2333
|
] });
|
|
2331
2334
|
}
|
|
2332
2335
|
var containerStyle3 = (color) => ({
|
|
2333
2336
|
display: "flex",
|
|
2337
|
+
flexDirection: "column",
|
|
2334
2338
|
alignItems: "center",
|
|
2335
2339
|
justifyContent: "center",
|
|
2336
2340
|
gap: 6,
|
|
@@ -2338,6 +2342,19 @@ var containerStyle3 = (color) => ({
|
|
|
2338
2342
|
color,
|
|
2339
2343
|
padding: "12px 0 4px"
|
|
2340
2344
|
});
|
|
2345
|
+
var rowStyle = {
|
|
2346
|
+
display: "flex",
|
|
2347
|
+
alignItems: "center",
|
|
2348
|
+
gap: 6
|
|
2349
|
+
};
|
|
2350
|
+
var pillStyle = (color, border) => ({
|
|
2351
|
+
fontSize: "0.65rem",
|
|
2352
|
+
fontWeight: 600,
|
|
2353
|
+
padding: "2px 8px",
|
|
2354
|
+
borderRadius: 999,
|
|
2355
|
+
border: `1px solid ${border}`,
|
|
2356
|
+
color
|
|
2357
|
+
});
|
|
2341
2358
|
function PrimaryButton({ children, onClick, disabled, loading, icon }) {
|
|
2342
2359
|
const { tokens } = useSwypeConfig();
|
|
2343
2360
|
const isDisabled = disabled || loading;
|
|
@@ -2924,7 +2941,7 @@ function StepList({ steps }) {
|
|
|
2924
2941
|
return /* @__PURE__ */ jsx("div", { style: listStyle, children: steps.map((step, i) => {
|
|
2925
2942
|
const isComplete = step.status === "complete";
|
|
2926
2943
|
const isActive = step.status === "active";
|
|
2927
|
-
return /* @__PURE__ */ jsxs("div", { style:
|
|
2944
|
+
return /* @__PURE__ */ jsxs("div", { style: rowStyle2, children: [
|
|
2928
2945
|
/* @__PURE__ */ jsx(
|
|
2929
2946
|
"div",
|
|
2930
2947
|
{
|
|
@@ -2947,7 +2964,7 @@ var listStyle = {
|
|
|
2947
2964
|
flexDirection: "column",
|
|
2948
2965
|
gap: 12
|
|
2949
2966
|
};
|
|
2950
|
-
var
|
|
2967
|
+
var rowStyle2 = {
|
|
2951
2968
|
display: "flex",
|
|
2952
2969
|
alignItems: "center",
|
|
2953
2970
|
gap: 12
|