@asd20/ui-next 2.26.1 → 2.27.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [2.27.1](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.27.0...ui-next-v2.27.1) (2026-10-01)
+
+
+### Bug Fixes
+
+* keep public form field colors neutral across school themes ([f752928](https://github.com/academydistrict20/asd20-ui-next/commit/f7529283c5ac1cc515f565b98baae97096f3de1a))
+
+# [2.27.0](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.26.1...ui-next-v2.27.0) (2026-09-30)
+
+
+### Features
+
+* support inline public form introduction links ([bea4683](https://github.com/academydistrict20/asd20-ui-next/commit/bea4683f849623abe527ad9b70f6d85db145aa25))
+
 ## [2.26.1](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.26.0...ui-next-v2.26.1) (2026-09-30)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asd20/ui-next",
-  "version": "2.26.1",
+  "version": "2.27.1",
   "private": false,
   "description": "ASD20 UI component library for Vue 3.",
   "license": "MIT",

package/src/components/molecules/Asd20PublicFormField/index.vue

@@ -214,6 +214,16 @@ export default {
 @use '../../../design/component-stack' as *;
 
 .asd20-public-form-field {
+  // Public intake controls must stay legible on every school theme. Limit the
+  // neutral overrides to this wrapper so other site components keep their colors.
+  --color__accent: #3d3d3d;
+  --color__accent-t50: #9e9e9e;
+  --color__primary-t50: #666;
+  --color__secondary-t50: #666;
+  --website-card__reverse-background-color: #333;
+
+  accent-color: #3d3d3d;
+  color: #333;
   margin-bottom: space(0.5);
 
   &__select label,

package/src/components/organisms/Asd20PublicFormModal/index.vue

@@ -53,9 +53,14 @@
           v-if="formDefinition.introduction"
           class="asd20-public-form-modal__introduction"
         >
-          {{ formDefinition.introduction }}
+          <template v-if="inlineIntroductionParts">
+            {{ inlineIntroductionParts.before }}<a :href="formDefinition.introductionLink.href">{{ formDefinition.introductionLink.label }}</a>{{ inlineIntroductionParts.after }}
+          </template>
+          <template v-else>
+            {{ formDefinition.introduction }}
+          </template>
         </p>
-        <p v-if="formDefinition.introductionLink">
+        <p v-if="formDefinition.introductionLink && !formDefinition.introductionLink.inline">
           <a :href="formDefinition.introductionLink.href">
             {{ formDefinition.introductionLink.label }}
           </a>
@@ -253,6 +258,16 @@ export default {
     modalTitle() {
       return this.formDefinition?.title || 'Public Form'
     },
+    inlineIntroductionParts() {
+      const introduction = this.formDefinition?.introduction || ''
+      const link = this.formDefinition?.introductionLink
+      if (!link?.inline) return null
+      const index = introduction.indexOf(link.label)
+      return {
+        before: introduction.slice(0, index),
+        after: introduction.slice(index + link.label.length),
+      }
+    },
     usesRecordsFormSpacing() {
       return [
         'student-records-request',

package/src/helpers/publicFormDefinition.js

@@ -171,6 +171,12 @@ export function normalizePublicFormDefinition(definition) {
   const id = boundedText(definition.id, 'Form ID', 100, true)
   if (!FORM_ID_PATTERN.test(id)) throw new Error('The public form ID is invalid.')
 
+  const introduction = boundedText(
+    definition.introduction,
+    'Form introduction',
+    2000
+  )
+
   let introductionLink
   if (definition.introductionLink != null) {
     const label = boundedText(
@@ -187,18 +193,25 @@ export function normalizePublicFormDefinition(definition) {
     )
     if (!/^\/[a-z0-9/-]+\/?$/.test(href) || href.startsWith('//'))
       throw new Error('The introduction link must be a local page path.')
-    introductionLink = { label, href }
+    const inline = optionalBoolean(
+      definition.introductionLink.inline,
+      'Inline introduction link'
+    )
+    if (
+      inline &&
+      (!introduction.includes(label) ||
+        introduction.indexOf(label) !== introduction.lastIndexOf(label))
+    ) {
+      throw new Error('The inline introduction link label must appear once in the introduction.')
+    }
+    introductionLink = inline ? { label, href, inline: true } : { label, href }
   }
 
   return {
     id,
     version,
     title: boundedText(definition.title, 'Form title', 200, true),
-    introduction: boundedText(
-      definition.introduction,
-      'Form introduction',
-      2000
-    ),
+    introduction,
     introductionLink,
     submitLabel: boundedText(definition.submitLabel, 'Submit label', 100, true),
     successMessage: boundedText(