@nswds/app 1.83.3 → 1.83.5

package/dist/globals.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme, base, components, utilities;
@@ -8632,11 +8632,6 @@
       grid-template-columns: 1fr auto;
     }
   }
-  .sm\:grid-cols-\[auto\,1fr\,auto\] {
-    @media (width >= 40rem) {
-      grid-template-columns: auto,1fr,auto;
-    }
-  }
   .sm\:grid-cols-\[min\(50\%\,--spacing\(80\)\)_auto\] {
     @media (width >= 40rem) {
       grid-template-columns: min(50%, calc(var(--spacing) * 80)) auto;
@@ -8647,11 +8642,6 @@
       flex-direction: row;
     }
   }
-  .sm\:items-center {
-    @media (width >= 40rem) {
-      align-items: center;
-    }
-  }
   .sm\:justify-center {
     @media (width >= 40rem) {
       justify-content: center;

package/dist/index.cjs

@@ -14454,13 +14454,13 @@ function CodeDemoContent({ data, showCode = true, controls = defaultControls })
     }
   }, [themeCategory, primaryColor, accentColor, greyColor, isThemeInitialized]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full rounded-t-xl border border-grey-200 bg-grey-50 p-4 dark:border-grey-600 dark:bg-grey-700", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-[auto,1fr,auto] sm:items-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full rounded-t-xl border border-grey-200 bg-grey-50 p-4 dark:border-grey-600 dark:bg-grey-700", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex w-full items-center", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         data.githubSlug && /* @__PURE__ */ jsxRuntime.jsx(EditOnGithubButton, { githubSlug: data.githubSlug }),
         data.figmaSlug && /* @__PURE__ */ jsxRuntime.jsx(OpenInFigmaButton, { figmaSlug: data.figmaSlug })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: controls.viewToggle && /* @__PURE__ */ jsxRuntime.jsx(ToggleViewButtons, { onSelect: setView }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-1/2 flex -translate-x-1/2 items-center", children: controls.viewToggle && /* @__PURE__ */ jsxRuntime.jsx(ToggleViewButtons, { onSelect: setView }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-3", children: [
         controls.themeSelector && /* @__PURE__ */ jsxRuntime.jsx(
           ThemeSelectorDropDown,
           {
@@ -17529,7 +17529,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.83.2"};
+  version: "1.83.4"};
 var SluggerContext = React5__namespace.default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";