@sevenfold/setto-client 0.19.0 → 0.20.1

package/dist/setto-client.js

@@ -174,7 +174,7 @@ function SettoLanguages({ languages, inline = false }) {
         "aria-expanded": open,
         "aria-haspopup": "listbox",
         "aria-label": `Språk: ${languageName(current)}`,
-        style: triggerStyle,
+        style: inline ? inlineTriggerStyle : floatingTriggerStyle,
         children: [
           /* @__PURE__ */ jsx(GlobeIcon, {}),
           languageName(current)
@@ -244,25 +244,36 @@ const inlineWrapStyle = {
   display: "inline-block",
   fontFamily: "inherit"
 };
-const triggerStyle = {
+const triggerBase = {
   display: "inline-flex",
   alignItems: "center",
   gap: 7,
   minHeight: 40,
+  fontSize: 13.5,
+  fontWeight: 500,
+  lineHeight: 1,
+  cursor: "pointer"
+};
+const floatingTriggerStyle = {
+  ...triggerBase,
   padding: "8px 14px",
   borderRadius: 999,
   border: "1px solid rgba(127, 127, 127, 0.32)",
-  // Translucent over whatever the site put behind it, and legible either way.
   background: "rgba(255, 255, 255, 0.82)",
   backdropFilter: "blur(8px)",
   WebkitBackdropFilter: "blur(8px)",
   color: "#1a1a1a",
-  fontSize: 13.5,
-  fontWeight: 500,
-  lineHeight: 1,
-  cursor: "pointer",
   boxShadow: "0 4px 14px rgba(0, 0, 0, 0.12)"
 };
+const inlineTriggerStyle = {
+  ...triggerBase,
+  padding: "8px 6px",
+  border: 0,
+  borderRadius: 8,
+  background: "transparent",
+  color: "inherit",
+  opacity: 0.75
+};
 const listBase = {
   position: "absolute",
   margin: 0,