Merge pull request #1708 from NYPL/release-3.5.0

Prep for Release v3.5.0
NYPL · Dec 5, 2024 · 3e6de7a · 3e6de7a
2 parents cf00ca5 + 24479be
commit 3e6de7a
Show file tree

Hide file tree

Showing 10 changed files with 42 additions and 52 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,9 +8,7 @@ Currently, this repo is in Prerelease. When it is released, this project will ad
 
 ## Prerelease
 
-### Fixes
-
-- Fixes issue where focus indicator was being cut off in places in the `Template` component.
+## 3.5.0 (December 5, 2024)
 
 ### Adds
 
@@ -20,6 +18,10 @@ Currently, this repo is in Prerelease. When it is released, this project will ad
 
 - Updates the `MultiSelect` component to add `itemCount` as a data property to the `items` prop to render the item count for an option.
 
+### Fixes
+
+- Fixes issue where focus indicator was being cut off in places in the `Template` component.
+
 ## 3.4.4 (November 20, 2024)
 
 ### Adds

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "3.5.0-rc4",
+  "version": "3.5.0",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",

diff --git a/src/components/MultiSelect/MultiSelect.mdx b/src/components/MultiSelect/MultiSelect.mdx
@@ -12,7 +12,7 @@ import { changelogData } from "./multiSelectChangelogData";
 | Component Version | DS Version |
 | ----------------- | ---------- |
 | Added             | `1.4.0`    |
-| Latest            | `3.4.0`    |
+| Latest            | `3.5.0`    |
 
 ## Table of Contents
 

diff --git a/src/components/MultiSelect/multiSelectChangelogData.ts b/src/components/MultiSelect/multiSelectChangelogData.ts
@@ -10,8 +10,8 @@ import { ChangelogData } from "../../utils/ComponentChangelogTable";
 
 export const changelogData: ChangelogData[] = [
   {
-    date: "Prerelease",
-    version: "Prerelease",
+    date: "2024-12-05",
+    version: "3.5.0",
     type: "Update",
     affects: ["Documentation", "Functionality"],
     notes: [

diff --git a/src/components/SubNav/SubNav.mdx b/src/components/SubNav/SubNav.mdx
@@ -12,10 +12,10 @@ import { changelogData } from "./subNavChangelogData";
 
 # SubNav
 
-| Component Version | DS Version   |
-| ----------------- | ------------ |
-| Added             | `Prerelease` |
-| Latest            | `Prerelease` |
+| Component Version | DS Version |
+| ----------------- | ---------- |
+| Added             | `3.5.0`    |
+| Latest            | `3.5.0`    |
 
 ## Table of Contents
 

diff --git a/src/components/SubNav/subNavChangelogData.ts b/src/components/SubNav/subNavChangelogData.ts
@@ -10,8 +10,8 @@ import { ChangelogData } from "../../utils/ComponentChangelogTable";
 
 export const changelogData: ChangelogData[] = [
   {
-    date: "Prerelease",
-    version: "Prerelease",
+    date: "2024-12-05",
+    version: "3.5.0",
     type: "New Feature",
     affects: ["Documentation", "Functionality"],
     notes: ["Added the `SubNav` component"],

diff --git a/src/components/Template/Template.mdx b/src/components/Template/Template.mdx
@@ -22,10 +22,10 @@ import Link from "../Link/Link";
 
 # Template
 
-| Component Version | DS Version   |
-| ----------------- | ------------ |
-| Added             | `0.3.6`      |
-| Latest            | `Prerelease` |
+| Component Version | DS Version |
+| ----------------- | ---------- |
+| Added             | `0.3.6`    |
+| Latest            | `3.5.0`    |
 
 ## Table of Contents
 

diff --git a/src/components/Template/templateChangelogData.ts b/src/components/Template/templateChangelogData.ts
@@ -10,8 +10,8 @@ import { ChangelogData } from "../../utils/ComponentChangelogTable";
 
 export const changelogData: ChangelogData[] = [
   {
-    date: "Prerelease",
-    version: "Prerelease",
+    date: "2024-12-05",
+    version: "3.5.0",
     type: "Bug Fix",
     affects: ["Styles"],
     notes: [

diff --git a/src/hooks/useScrollFadeStyles.mdx b/src/hooks/useScrollFadeStyles.mdx
@@ -6,12 +6,11 @@ import { Meta, Source } from "@storybook/blocks";
 
 | Hook Version | DS Version |
 | ------------ | ---------- |
-| Added        | `Prerelease`   |
-| Latest       | `Prerelease`   |
+| Added        | `3.5.0`    |
+| Latest       | `3.5.0`    |
 
-
- The `useScrollFadeStyles` hook provides a way to manage the visibility of a fade effect on the right edge of a horizontally scrollable element.
- It monitors the scroll position and determines whether the fade effect should be shown or hidden based on the scroll state.
+The `useScrollFadeStyles` hook provides a way to manage the visibility of a fade effect on the right edge of a horizontally scrollable element.
+It monitors the scroll position and determines whether the fade effect should be shown or hidden based on the scroll state.
 
 ## Usage
 
@@ -41,29 +40,18 @@ const {
     zIndex: 1,
   });
 
-  <Box>
-    <div>
-      <List
-        type="ul"
-        m="0"
-        ref={scrollableRef}
-        inline
-        noStyling
-      >
-        <li>
-          <SubNavButton id="subnav-action">
-            Action
-          </SubNavButton>
-        </li>
-        <li>
-          <SubNavLink id="subnav-link">
-            Link
-          </SubNavLink>
-        </li>
-      </List>
-      {showRightFade && <Box sx={fadeEffect()} />}
-    </div>
-  </Box>
-  `}
-  language="jsx"
-/>
+{" "}
+<Box>
+  <div>
+    <List type="ul" m="0" ref={scrollableRef} inline noStyling>
+      <li>
+        <SubNavButton id="subnav-action">Action</SubNavButton>
+      </li>
+      <li>
+        <SubNavLink id="subnav-link">Link</SubNavLink>
+      </li>
+    </List>
+    {showRightFade && <Box sx={fadeEffect()} />}
+  </div>
+</Box>
+`} language="jsx" />