@nuxtseo/design-system 0.1.3 → 0.1.5

package/README.md

@@ -61,12 +61,12 @@ Same-name shadowing does not work. A component in your `app/components/` with a
 
 ### Releasing
 
-The UI packages, `@nuxtseo/design-system` and [`@nuxtseo/pro-shell`](../pro-shell/README.md), release together on their own `ui-v*` tag, apart from the `public-v*` CLI cohort. Both carry the same version, and the shell's peer range on this layer is `^X.Y.Z`.
+The three UI packages, `@nuxtseo/design-system`, [`@nuxtseo/pro-shell`](../pro-shell/README.md) and `@nuxtseo/pro-indexing`, release together on their own `ui-v*` tag, apart from the `public-v*` CLI cohort. All three carry the same version. Each peer range on another UI package is `^X.Y.Z`.
 
-1. Set both versions: `pnpm --dir layers/design-system pkg set version=X.Y.Z`, `pnpm --dir layers/pro-shell pkg set version=X.Y.Z`, and the shell's `peerDependencies["@nuxtseo/design-system"]` to `^X.Y.Z`. Merge it to `main` through a pull request.
+1. Set the three versions: `pnpm --dir layers/design-system pkg set version=X.Y.Z`, `pnpm --dir layers/pro-shell pkg set version=X.Y.Z`, `pnpm --dir layers/pro-indexing pkg set version=X.Y.Z`. Set the shell's `peerDependencies["@nuxtseo/design-system"]` and pro-indexing's `peerDependencies["@nuxtseo/design-system"]` and `peerDependencies["@nuxtseo/pro-shell"]` to `^X.Y.Z`. Merge it to `main` through a pull request.
 2. Check it: `pnpm release:ui:check ui-vX.Y.Z`.
-3. Pack and smoke them: `pnpm --dir layers/design-system pack --pack-destination /tmp/ui`, `pnpm --dir layers/pro-shell pack --pack-destination /tmp/ui`, then `pnpm release:ui:smoke /tmp/ui/nuxtseo-design-system-X.Y.Z.tgz /tmp/ui/nuxtseo-pro-shell-X.Y.Z.tgz`.
-4. Tag the merged commit `ui-vX.Y.Z` and push the tag. `.github/workflows/publish-ui-packages.yml` verifies, packs, smokes, and publishes both, the design system first. A prerelease such as `X.Y.Z-beta.1` goes to the `next` dist-tag.
+3. Pack and smoke them: `pnpm --dir layers/design-system pack --pack-destination /tmp/ui`, `pnpm --dir layers/pro-shell pack --pack-destination /tmp/ui`, `pnpm --dir layers/pro-indexing pack --pack-destination /tmp/ui`, then `pnpm release:ui:smoke /tmp/ui/nuxtseo-design-system-X.Y.Z.tgz /tmp/ui/nuxtseo-pro-shell-X.Y.Z.tgz /tmp/ui/nuxtseo-pro-indexing-X.Y.Z.tgz`.
+4. Tag the merged commit `ui-vX.Y.Z` and push the tag. `.github/workflows/publish-ui-packages.yml` verifies, packs, smokes, and publishes all three: the design system, then the shell, then pro-indexing. A prerelease such as `X.Y.Z-beta.1` goes to the `next` dist-tag.
 
 ## Brand seams
 
@@ -96,7 +96,7 @@ export default {
 }
 ```
 
-**Type.** Set `--font-sans`, `--font-display`, `--font-title`, and `--font-mono` in your stylesheet, and register the faces with `fonts.families`. `--font-title` carries page titles (`.text-title` and the `font-title` utility). Its default is the display family. The layer ships no font files and registers no faces.
+**Type.** Set `--font-sans`, `--font-display`, `--font-title`, and `--font-mono` in your stylesheet, and register the faces with `fonts.families`. `--font-title` carries page titles (`.text-title`, its `sm:text-title` variant, and the `font-title` utility). Its default is the display family. The layer ships no font files and registers no faces.
 
 **Type scale.** Set these properties at `:root` to resize or recase the dense tiers. Unset, each keeps the value in the second column.
 

package/app/components/element/UiWizardShell.vue

@@ -10,11 +10,16 @@ import { UiFocusedSurface, UiLogoPro } from '#components'
 // `min-h-screen`; an embedded preview passes a fixed height.
 const {
   exitLabel = 'Dashboard',
+  exitTo,
+  exitExternal = false,
   showExit = true,
   as = 'main',
   wide = false,
 } = defineProps<{
   exitLabel?: string
+  /** Where the exit link goes. Unset, the exit is a button that emits `exit`. */
+  exitTo?: string
+  exitExternal?: boolean
   showExit?: boolean
   as?: string
   wide?: boolean
@@ -23,7 +28,7 @@ const emit = defineEmits<{ exit: [] }>()
 </script>
 
 <template>
-  <UiFocusedSurface :as="as" align="top" :exit-label="exitLabel" :show-exit="showExit" @exit="emit('exit')">
+  <UiFocusedSurface :as="as" align="top" :exit-label="exitLabel" :exit-to="exitTo" :exit-external="exitExternal" :show-exit="showExit" @exit="emit('exit')">
     <div class="w-full mx-auto mt-10 md:mt-16 relative z-10" :class="wide ? 'max-w-6xl' : 'max-w-2xl'">
       <div class="flex items-center gap-1 mb-8 [&>span]:!ml-0">
         <slot name="logo">

package/css/global.css

@@ -1404,6 +1404,22 @@ textarea {
   text-wrap-style: balance;
 }
 
+/* `.text-title` is a plain class, so Tailwind builds no variant of it. A
+   crumb that is body size on a phone and title size beside the page title
+   needs `sm:text-title`, so this ships that one variant at Tailwind's `sm`
+   breakpoint. */
+@media (width >= 40rem) {
+  .sm\:text-title {
+    font-family: var(--font-title);
+    font-size: var(--size-title);
+    font-weight: var(--wght-title);
+    font-stretch: var(--wdth-heading);
+    letter-spacing: var(--tracking-tight);
+    line-height: 1.15;
+    text-wrap-style: balance;
+  }
+}
+
 /* Section heading — groups of cards / a titled region within a page. */
 .text-heading {
   font-family: var(--font-display);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxtseo/design-system",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Nuxt SEO design system layer: UI primitives, tokens, motion, and chart helpers. Extend it from a Nuxt app.",
   "license": "MIT",
   "homepage": "https://nuxtseo.com",