feat: create the year-range-slider component

.github/workflows/percy.yml

@@ -175,18 +175,27 @@ jobs:
         env:
           CYPRESS_CACHE_FOLDER: $HOME/.cache/Cypress
 
+      - name: Cache Storybook Build
+        id: cache-storybook
+        uses: actions/cache@v3
+        with:
+          path: storybook-static
+          key: storybook-${{ github.sha }}
+
+      - name: Build Storybook
+        if: steps.cache-storybook.outputs.cache-hit != 'true'
+        run: pnpm --filter @ucla-library-monorepo/ucla-library-website-components run build-storybook
+
       - name: Percy via Cypress (fork, Netlify preview)
         uses: cypress-io/github-action@v5
         with:
           working-directory: packages/vue-component-library
           install: false
-          start: "" # using remote Netlify URL
-          wait-on: ${{ github.event.inputs.preview_url }}
-          wait-on-timeout: 180
+          start: pnpm --filter @ucla-library-monorepo/ucla-library-website-components exec http-server ./storybook-static -p 6006
+          wait-on: http://localhost:6006
+          wait-on-timeout: 600
           command-prefix: "percy exec -- pnpx"
         env:
-          CYPRESS_baseUrl: ${{ github.event.inputs.preview_url }}
-          # NOTE: uses your fork secret name from your earlier snippet
           PERCY_TOKEN: ${{ secrets.PERCY_TOKEN_STORYBOOK }}
           PERCY_TARGET_BRANCH: main
           PERCY_BRANCH: pr-${{ github.event.inputs.pr_number }}-${{ needs.get-pr-info.outputs.head_ref_sanitized }}

package.json

@@ -33,6 +33,5 @@
   },
   "engines": {
     "pnpm": "^9.12.1"
-  },
-  "packageManager": "[email protected]"
+  }
 }

packages/component-library-nuxt-module/CHANGELOG.md

@@ -1,3 +1,23 @@
+# [@ucla-library/component-library-nuxt-module-v1.2.94](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.93...@ucla-library/component-library-nuxt-module-v1.2.94) (2025-10-31)
+
+# [@ucla-library/component-library-nuxt-module-v1.2.93](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.92...@ucla-library/component-library-nuxt-module-v1.2.93) (2025-10-28)
+
+# [@ucla-library/component-library-nuxt-module-v1.2.92](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.91...@ucla-library/component-library-nuxt-module-v1.2.92) (2025-10-28)
+
+# [@ucla-library/component-library-nuxt-module-v1.2.91](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.90...@ucla-library/component-library-nuxt-module-v1.2.91) (2025-10-27)
+
+# [@ucla-library/component-library-nuxt-module-v1.2.90](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.89...@ucla-library/component-library-nuxt-module-v1.2.90) (2025-10-24)
+
+# [@ucla-library/component-library-nuxt-module-v1.2.89](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.88...@ucla-library/component-library-nuxt-module-v1.2.89) (2025-10-23)
+
+# [@ucla-library/component-library-nuxt-module-v1.2.88](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.87...@ucla-library/component-library-nuxt-module-v1.2.88) (2025-10-23)
+
+# [@ucla-library/component-library-nuxt-module-v1.2.87](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.86...@ucla-library/component-library-nuxt-module-v1.2.87) (2025-10-22)
+
+# [@ucla-library/component-library-nuxt-module-v1.2.86](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.85...@ucla-library/component-library-nuxt-module-v1.2.86) (2025-10-21)
+
+# [@ucla-library/component-library-nuxt-module-v1.2.85](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.84...@ucla-library/component-library-nuxt-module-v1.2.85) (2025-10-20)
+
 # [@ucla-library/component-library-nuxt-module-v1.2.84](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.83...@ucla-library/component-library-nuxt-module-v1.2.84) (2025-10-20)
 
 # [@ucla-library/component-library-nuxt-module-v1.2.83](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library/component-library-nuxt-module-v1.2.82...@ucla-library/component-library-nuxt-module-v1.2.83) (2025-10-17)

packages/component-library-nuxt-module/FORCE_RELEASE.txt

@@ -1 +1 @@
-Triggered release at Mon Oct 20 18:21:08 UTC 2025
+Triggered release at Fri Oct 31 20:32:15 UTC 2025

packages/component-library-nuxt-module/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ucla-library/component-library-nuxt-module",
-  "version": "1.2.84",
+  "version": "1.2.94",
   "publishConfig": {
     "access": "public"
   },

packages/vue-component-library/.percy.yml

@@ -0,0 +1,7 @@
+version: 2
+snapshot:
+  browsers:
+    - chrome
+  widths:
+    - 390
+    - 1440

packages/vue-component-library/.prettierrc.cjs

@@ -3,4 +3,13 @@ module.exports = {
     tabWidth: 4,
     semi: false,
     singleQuote: false,
+    overrides: [
+        {
+            files: ["*.yml", "*.yaml"],
+            options: {
+                useTabs: false, // YAML should always use spaces
+                tabWidth: 2,
+            },
+        },
+    ],
 };

packages/vue-component-library/CHANGELOG.md

@@ -1,3 +1,73 @@
+# [@ucla-library-monorepo/ucla-library-website-components-v1.41.3](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library-monorepo/ucla-library-website-components-v1.41.2...@ucla-library-monorepo/ucla-library-website-components-v1.41.3) (2025-10-31)
+
+
+### Bug Fixes
+
+* APPS-3574 emit link click event ([#857](https://github.com/UCLALibrary/ucla-library-website-components/issues/857)) ([01388a4](https://github.com/UCLALibrary/ucla-library-website-components/commit/01388a41ea0e83ec77d27a1d078733bdb9f30c3a))
+
+# [@ucla-library-monorepo/ucla-library-website-components-v1.41.2](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library-monorepo/ucla-library-website-components-v1.41.1...@ucla-library-monorepo/ucla-library-website-components-v1.41.2) (2025-10-28)
+
+
+### Bug Fixes
+
+* override prettier for yaml files and add percy yml for reducing snapshots ([#856](https://github.com/UCLALibrary/ucla-library-website-components/issues/856)) ([cadbe43](https://github.com/UCLALibrary/ucla-library-website-components/commit/cadbe437824e2aebf7c23e75eff91ad67a74663d))
+
+# [@ucla-library-monorepo/ucla-library-website-components-v1.41.1](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library-monorepo/ucla-library-website-components-v1.41.0...@ucla-library-monorepo/ucla-library-website-components-v1.41.1) (2025-10-28)
+
+
+### Bug Fixes
+
+* APPS-3521  Add clock icon in info block in FPB BlockCallToAction ([#850](https://github.com/UCLALibrary/ucla-library-website-components/issues/850)) ([92ed909](https://github.com/UCLALibrary/ucla-library-website-components/commit/92ed909d03c566c365e05c228b963c7cd80dd779))
+
+# [@ucla-library-monorepo/ucla-library-website-components-v1.41.0](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library-monorepo/ucla-library-website-components-v1.40.3...@ucla-library-monorepo/ucla-library-website-components-v1.41.0) (2025-10-27)
+
+
+### Features
+
+* Add DLC theme for NavSearch ([#840](https://github.com/UCLALibrary/ucla-library-website-components/issues/840)) ([0a80b3a](https://github.com/UCLALibrary/ucla-library-website-components/commit/0a80b3a865474353b232433f8ef780a436b442b0))
+
+# [@ucla-library-monorepo/ucla-library-website-components-v1.40.3](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library-monorepo/ucla-library-website-components-v1.40.2...@ucla-library-monorepo/ucla-library-website-components-v1.40.3) (2025-10-24)
+
+
+### Bug Fixes
+
+* APPS-3515 add new social icons for FTVA footer primary ([#848](https://github.com/UCLALibrary/ucla-library-website-components/issues/848)) ([05f17e6](https://github.com/UCLALibrary/ucla-library-website-components/commit/05f17e66067f8fb7796a13c2dd17536167fe12e4))
+
+# [@ucla-library-monorepo/ucla-library-website-components-v1.40.2](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library-monorepo/ucla-library-website-components-v1.40.1...@ucla-library-monorepo/ucla-library-website-components-v1.40.2) (2025-10-23)
+
+
+### Bug Fixes
+
+* APPS-3529 p3 remove h3 if not used ([#849](https://github.com/UCLALibrary/ucla-library-website-components/issues/849)) ([815e60e](https://github.com/UCLALibrary/ucla-library-website-components/commit/815e60e1ca23e592525748c376bceccbd7ea66e3))
+
+# [@ucla-library-monorepo/ucla-library-website-components-v1.40.1](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library-monorepo/ucla-library-website-components-v1.40.0...@ucla-library-monorepo/ucla-library-website-components-v1.40.1) (2025-10-23)
+
+
+### Bug Fixes
+
+* APPS-3540 Add Touring Series SectionHandle to SectionStaffArticleList ([#847](https://github.com/UCLALibrary/ucla-library-website-components/issues/847)) ([42ddf37](https://github.com/UCLALibrary/ucla-library-website-components/commit/42ddf37a09df7104ff420b79e767f413b8b72ff4))
+
+# [@ucla-library-monorepo/ucla-library-website-components-v1.40.0](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library-monorepo/ucla-library-website-components-v1.39.0...@ucla-library-monorepo/ucla-library-website-components-v1.40.0) (2025-10-22)
+
+
+### Features
+
+* create ButtonDropdownSearch ([#831](https://github.com/UCLALibrary/ucla-library-website-components/issues/831)) ([4ca8a42](https://github.com/UCLALibrary/ucla-library-website-components/commit/4ca8a4245418d78f33a4bbae1c9305bec90ec370))
+
+# [@ucla-library-monorepo/ucla-library-website-components-v1.39.0](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library-monorepo/ucla-library-website-components-v1.38.0...@ucla-library-monorepo/ucla-library-website-components-v1.39.0) (2025-10-21)
+
+
+### Features
+
+* creates GridCollections /w BlockCollection components ([#803](https://github.com/UCLALibrary/ucla-library-website-components/issues/803)) ([b598dd5](https://github.com/UCLALibrary/ucla-library-website-components/commit/b598dd5042a6b27eedfe35076219b36dd5355b6c))
+
+# [@ucla-library-monorepo/ucla-library-website-components-v1.38.0](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library-monorepo/ucla-library-website-components-v1.37.1...@ucla-library-monorepo/ucla-library-website-components-v1.38.0) (2025-10-20)
+
+
+### Features
+
+* creates ButtonIiif component ([#806](https://github.com/UCLALibrary/ucla-library-website-components/issues/806)) ([957c9be](https://github.com/UCLALibrary/ucla-library-website-components/commit/957c9be9064dd755eb37e8d86371f63fc14ea01d))
+
 # [@ucla-library-monorepo/ucla-library-website-components-v1.37.1](https://github.com/UCLALibrary/ucla-library-website-components/compare/@ucla-library-monorepo/ucla-library-website-components-v1.37.0...@ucla-library-monorepo/ucla-library-website-components-v1.37.1) (2025-10-20)
 
 

packages/vue-component-library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ucla-library-monorepo/ucla-library-website-components",
   "type": "module",
-  "version": "1.37.1",
+  "version": "1.41.3",
   "homepage": "https://ucla-library-storybook.netlify.app/?path=/docs/configure-your-project--docs",
   "repository": {
     "type": "git",
@@ -80,7 +80,7 @@
     "sass": "^1.79.5",
     "storybook": "^7.4.1",
     "typescript": "catalog:",
-    "ucla-library-design-tokens": "^5.44.0",
+    "ucla-library-design-tokens": "^5.51.0",
     "video.js": "^8.5.2",
     "vite": "catalog:",
     "vite-plugin-dts": "^4.5.0",

packages/vue-component-library/src/index.ts

@@ -97,6 +97,7 @@ export { default as NavSearch } from './lib-components/NavSearch.vue'
 export { default as NavSecondary } from './lib-components/NavSecondary.vue'
 export { default as PageAnchor } from './lib-components/PageAnchor.vue'
 export { default as PullQuote } from './lib-components/PullQuote.vue'
+export { default as YearRangeFilter } from './lib-components/YearRangeFilter.vue'
 export { default as ResponsiveImage } from './lib-components/ResponsiveImage.vue'
 export { default as ResponsiveVideo } from './lib-components/ResponsiveVideo.vue'
 export { default as RichText } from './lib-components/RichText.vue'

packages/vue-component-library/src/lib-components/BlockCallToAction.vue

@@ -82,6 +82,10 @@ const SvgCallToActionFTVAInfo = defineAsyncComponent(() =>
   import('ucla-library-design-tokens/assets/svgs/icon-ftva-info.svg')
 )
 
+const SvgCallToActionFTVAClock = defineAsyncComponent(() =>
+  import('ucla-library-design-tokens/assets/svgs/icon-ftva-clock.svg')
+)
+
 const SvgCallToActionFTVAPDF = defineAsyncComponent(() =>
   import('ucla-library-design-tokens/assets/svgs/icon-ftva-pdf.svg')
 )
@@ -107,6 +111,10 @@ const iconMapping = {
     icon: SvgCallToActionFTVAInfo,
     label: 'CTA FTVA Info'
   },
+  'svg-call-to-action-ftva-clock': {
+    icon: SvgCallToActionFTVAClock,
+    label: 'CTA FTVA Clock'
+  },
   'svg-call-to-action-ftva-pdf': {
     icon: SvgCallToActionFTVAPDF,
     label: 'CTA FTVA PDF'

packages/vue-component-library/src/lib-components/ButtonIiif.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+// Imports
+import { computed } from 'vue'
+import IconIiif from 'ucla-library-design-tokens/assets/svgs/icon-iiif.svg'
+import SmartLink from '@/lib-components/SmartLink.vue'
+import { useTheme } from '@/composables/useTheme'
+
+defineProps<ButtonIiifProps>()
+
+// Theme
+const theme = useTheme()
+
+// Props
+interface ButtonIiifProps {
+  to: string
+}
+// Computed
+const classes = computed(() => (['button-iiif', theme?.value || '']))
+</script>
+
+<template>
+  <SmartLink
+    :to="to"
+    :class="classes"
+  >
+    <IconIiif class="icon-iiif" />
+  </SmartLink>
+</template>
+
+<style lang="scss" scoped>
+@import "@/styles/dlc/_button-iiif.scss";
+</style>

packages/vue-component-library/src/lib-components/CardMeta.vue

@@ -203,7 +203,7 @@ const classes = computed(() => {
     </SmartLink>
 
     <h3
-      v-else
+      v-else-if="title"
       class="title-no-link"
       v-html="title"
     />
@@ -298,13 +298,19 @@ const classes = computed(() => {
     />
 
     <!-- SHARE BUTTON -->
-    <div class="sharebutton-slot">
+    <div
+      v-if="$slots.sharebutton"
+      class="sharebutton-slot"
+    >
       <slot name="sharebutton" />
     </div>
 
     <!-- USED FOR BLOCKTAG SLOT -->
     <!-- MOVES BASED ON DESKTOP OR MOBILE -->
-    <div class="floating-slot">
+    <div
+      v-if="$slots.floatingslot"
+      class="floating-slot"
+    >
       <slot name="floatingslot" />
     </div>
 

packages/vue-component-library/src/lib-components/DateFilter.vue

@@ -286,7 +286,7 @@ onMounted(() => {
             class="event-dots"
           >
             <template
-              v-for=" index in dateFrequency[date.toLocaleDateString()]"
+              v-for="index in dateFrequency[date.toLocaleDateString()]"
               :key="index"
             >
               <!-- limit display to 3 events dots -->
@@ -403,7 +403,7 @@ onMounted(() => {
                 class="event-dots"
               >
                 <template
-                  v-for=" index in dateFrequency[date.toLocaleDateString()]"
+                  v-for="index in dateFrequency[date.toLocaleDateString()]"
                   :key="index"
                 >
                   <!-- limit display to 3 events dots -->
@@ -482,9 +482,12 @@ onMounted(() => {
       font-size: 18px;
       color: $medium-grey;
       border-radius: 8px;
-      &:hover, &:focus {
+
+      &:hover,
+      &:focus {
         border-color: #ddd;
       }
+
       &:hover {
         background-color: #f1f1f1;
       }