@le-space/ui 0.1.52 → 0.1.53
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/package.json +1 -1
- package/react/index.js +57 -5
package/package.json
CHANGED
package/react/index.js
CHANGED
|
@@ -1724,6 +1724,17 @@ var panelStyle = {
|
|
|
1724
1724
|
padding: "1rem",
|
|
1725
1725
|
fontFamily: '"DM Sans", "Inter", sans-serif'
|
|
1726
1726
|
};
|
|
1727
|
+
var fieldStyle = {
|
|
1728
|
+
width: "100%",
|
|
1729
|
+
borderRadius: "0.8rem",
|
|
1730
|
+
border: "1px solid rgba(255,255,255,0.16)",
|
|
1731
|
+
background: "rgba(248,250,252,0.98)",
|
|
1732
|
+
color: "#111827",
|
|
1733
|
+
padding: "0.7rem 0.85rem",
|
|
1734
|
+
fontFamily: '"DM Sans", "Inter", sans-serif',
|
|
1735
|
+
fontSize: "0.98rem",
|
|
1736
|
+
lineHeight: 1.45
|
|
1737
|
+
};
|
|
1727
1738
|
function SponsorRelayFab(props) {
|
|
1728
1739
|
const { controller, state } = useSponsorRelayController(props);
|
|
1729
1740
|
const launcherMode = props.launcherMode ?? "floating";
|
|
@@ -1777,13 +1788,54 @@ function SponsorRelayFab(props) {
|
|
|
1777
1788
|
/* @__PURE__ */ jsx("p", { style: { color: "#9fb2ca" }, children: state.statusText }),
|
|
1778
1789
|
state.errorText ? /* @__PURE__ */ jsx("p", { style: { color: "#ffd9d9" }, children: state.errorText }) : null,
|
|
1779
1790
|
/* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.75rem", marginTop: "0.9rem" }, children: [
|
|
1780
|
-
/* @__PURE__ */ jsx(
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1791
|
+
/* @__PURE__ */ jsx(
|
|
1792
|
+
"input",
|
|
1793
|
+
{
|
|
1794
|
+
style: fieldStyle,
|
|
1795
|
+
value: state.manifestUrl,
|
|
1796
|
+
onChange: (event) => controller.setManifestUrl(event.currentTarget.value),
|
|
1797
|
+
placeholder: "Manifest URL"
|
|
1798
|
+
}
|
|
1799
|
+
),
|
|
1800
|
+
/* @__PURE__ */ jsx(
|
|
1801
|
+
"input",
|
|
1802
|
+
{
|
|
1803
|
+
style: fieldStyle,
|
|
1804
|
+
value: state.instanceName,
|
|
1805
|
+
onChange: (event) => controller.setInstanceName(event.currentTarget.value),
|
|
1806
|
+
placeholder: "Instance name"
|
|
1807
|
+
}
|
|
1808
|
+
),
|
|
1809
|
+
/* @__PURE__ */ jsx(
|
|
1810
|
+
"select",
|
|
1811
|
+
{
|
|
1812
|
+
style: fieldStyle,
|
|
1813
|
+
value: state.pricingSummary.tier?.id ?? state.tierId,
|
|
1814
|
+
onChange: (event) => controller.setTierId(event.currentTarget.value),
|
|
1815
|
+
children: (state.pricingSummary.pricing?.tiers ?? []).map((tier) => /* @__PURE__ */ jsx("option", { value: tier.id, children: tier.id }, tier.id))
|
|
1816
|
+
}
|
|
1817
|
+
),
|
|
1818
|
+
/* @__PURE__ */ jsx(
|
|
1819
|
+
"textarea",
|
|
1820
|
+
{
|
|
1821
|
+
style: fieldStyle,
|
|
1822
|
+
rows: 3,
|
|
1823
|
+
value: state.sshPublicKey,
|
|
1824
|
+
onChange: (event) => controller.setSshPublicKey(event.currentTarget.value),
|
|
1825
|
+
placeholder: "SSH public key"
|
|
1826
|
+
}
|
|
1827
|
+
),
|
|
1784
1828
|
/* @__PURE__ */ jsxs("details", { children: [
|
|
1785
1829
|
/* @__PURE__ */ jsx("summary", { children: "Paste Manifest" }),
|
|
1786
|
-
/* @__PURE__ */ jsx(
|
|
1830
|
+
/* @__PURE__ */ jsx(
|
|
1831
|
+
"textarea",
|
|
1832
|
+
{
|
|
1833
|
+
style: { ...fieldStyle, marginTop: "0.65rem" },
|
|
1834
|
+
rows: 7,
|
|
1835
|
+
value: state.manifestJson,
|
|
1836
|
+
onChange: (event) => controller.setManifestJson(event.currentTarget.value)
|
|
1837
|
+
}
|
|
1838
|
+
)
|
|
1787
1839
|
] })
|
|
1788
1840
|
] }),
|
|
1789
1841
|
/* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.55rem", marginTop: "1rem" }, children: [
|