Merge pull request #1440 from NYPL/release-2.1.0

Prep for Release v2.1.0

CHANGELOG.md

@@ -8,8 +8,12 @@ Currently, this repo is in Prerelease. When it is released, this project will ad
 
 ## Prerelease
 
+## 2.1.0 (October 18, 2023)
+
 - Adds the `ComponentChangelogTable` component.
-- Adds a changelog to the story pages for the `DatePicker`, `FeedbackBox`, `Hero`, and `Slider` components.
+- Adds a changelog to the story pages for the `DatePicker`, `FeedbackBox`, `Hero`, `Slider`, and `TextInput` components.
+- Adds the `FeaturedContent` component.
+- Adds the `NewsletterSignup` component.
 
 ### Updates
 
@@ -19,7 +23,6 @@ Currently, this repo is in Prerelease. When it is released, this project will ad
 - Updates `DatePicker` so that focus remains on input after value is changed.
 - Updates the `FeedbackBox` component to remove the underline on the component's `Privacy Policy` link.
 - Updates `DatePicker` to pass a `additionalHelperTextIds` to its `TextInput` if needed so that the `aria-describedby` value can be associated with all relevant `helperText`s.
-- Adds the `FeaturedContent` component.
 
 ### Fixes
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "2.1.0-rc-3",
+  "version": "2.1.0",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",

src/components/DatePicker/DatePicker.mdx

@@ -10,10 +10,10 @@ import Table from "../Table/Table";
 
 # DatePicker
 
-| Component Version | DS Version   |
-| ----------------- | ------------ |
-| Added             | `0.24.0`     |
-| Latest            | `Prerelease` |
+| Component Version | DS Version |
+| ----------------- | ---------- |
+| Added             | `0.24.0`   |
+| Latest            | `2.1.0`    |
 
 ## Table of Contents
 

src/components/DatePicker/datePickerChangelogData.ts

@@ -10,8 +10,8 @@ import { ChangelogData } from "../../utils/ComponentChangelogTable";
 
 export const changelogData: ChangelogData[] = [
   {
-    date: "Prerelease",
-    version: "Prerelease",
+    date: "2023-10-18",
+    version: "2.1.0",
     type: "Update",
     affects: ["Accessibility"],
     notes: [

src/components/FeaturedContent/FeaturedContent.mdx

@@ -10,8 +10,8 @@ import Link from "../Link/Link";
 
 | Component Version | DS Version |
 | ----------------- | ---------- |
-| Added             | Prerelease |
-| Latest            | Prerelease |
+| Added             | `2.1.0`    |
+| Latest            | `2.1.0`    |
 
 ## Table of Contents
 

src/components/FeaturedContent/featuredContentChangelogData.ts

@@ -10,8 +10,8 @@ import { ChangelogData } from "../../utils/ComponentChangelogTable";
 
 export const changelogData: ChangelogData[] = [
   {
-    date: "Prerelease",
-    version: "Prerelease",
+    date: "2023-10-18",
+    version: "2.1.0",
     type: "New Feature",
     affects: ["Accessibility", "Documentation", "Functionality", "Styles"],
     notes: ["Adds FeaturedContent component."],

src/components/FeedbackBox/FeedbackBox.mdx

@@ -9,10 +9,10 @@ import Link from "../Link/Link";
 
 # FeedbackBox
 
-| Component Version | DS Version   |
-| ----------------- | ------------ |
-| Added             | `1.3.0`      |
-| Latest            | `Prerelease` |
+| Component Version | DS Version |
+| ----------------- | ---------- |
+| Added             | `1.3.0`    |
+| Latest            | `2.1.0`    |
 
 ## Table of Contents
 

src/components/FeedbackBox/feedbackBoxChangelogData.ts

@@ -10,8 +10,8 @@ import { ChangelogData } from "../../utils/ComponentChangelogTable";
 
 export const changelogData: ChangelogData[] = [
   {
-    date: "Prerelease",
-    version: "Prerelease",
+    date: "2023-10-18",
+    version: "2.1.0",
     type: "Update",
     affects: ["Accessibility", "Styles"],
     notes: ["Remove the underline on the component's `Privacy Policy` link."],

src/components/Hero/Hero.mdx

@@ -9,10 +9,10 @@ import Link from "../Link/Link";
 
 # Hero
 
-| Component Version | DS Version   |
-| ----------------- | ------------ |
-| Added             | `0.2.0`      |
-| Latest            | `Prerelease` |
+| Component Version | DS Version |
+| ----------------- | ---------- |
+| Added             | `0.2.0`    |
+| Latest            | `2.1.0`    |
 
 ## Table of Contents
 

src/components/Hero/heroChangelogData.ts

@@ -10,8 +10,8 @@ import { ChangelogData } from "../../utils/ComponentChangelogTable";
 
 export const changelogData: ChangelogData[] = [
   {
-    date: "Prerelease",
-    version: "Prerelease",
+    date: "2023-10-18",
+    version: "2.1.0",
     type: "Bug Fix",
     affects: ["Functionality"],
     notes: [

src/components/NewsletterSignup/NewsletterSignup.mdx

@@ -9,10 +9,10 @@ import { changelogData } from "./newsletterSignupChangelogData";
 
 # NewsletterSignup
 
-| Component Version | DS Version   |
-| ----------------- | ------------ |
-| Added             | `Prerelease` |
-| Latest            | `Prerelease` |
+| Component Version | DS Version |
+| ----------------- | ---------- |
+| Added             | `2.1.0`    |
+| Latest            | `2.1.0`    |
 
 ## Table of Contents
 

src/components/NewsletterSignup/newsletterSignupChangelogData.ts

@@ -10,10 +10,10 @@ import { ChangelogData } from "../../utils/ComponentChangelogTable";
 
 export const changelogData: ChangelogData[] = [
   {
-    date: "Prerelease",
-    version: "Prerelease",
+    date: "2023-10-18",
+    version: "2.1.0",
     type: "New Feature",
-    affects: [],
+    affects: ["Accessibility", "Documentation", "Functionality", "Styles"],
     notes: ["Adds the NewsletterSignup component to the DS library"],
   },
 ];

src/components/Slider/Slider.mdx

@@ -9,10 +9,10 @@ import Link from "../Link/Link";
 
 # Slider
 
-| Component Version | DS Version   |
-| ----------------- | ------------ |
-| Added             | `0.25.4`     |
-| Latest            | `Prerelease` |
+| Component Version | DS Version |
+| ----------------- | ---------- |
+| Added             | `0.25.4`   |
+| Latest            | `2.1.0`    |
 
 ## Table of Contents
 

src/components/Slider/sliderChangelogData.ts

@@ -10,8 +10,8 @@ import { ChangelogData } from "../../utils/ComponentChangelogTable";
 
 export const changelogData: ChangelogData[] = [
   {
-    date: "Prerelease",
-    version: "Prerelease",
+    date: "2023-10-18",
+    version: "2.1.0",
     type: "Bug Fix",
     affects: ["Accessibility", "Functionality"],
     notes: [

src/components/TextInput/TextInput.mdx

@@ -1,16 +1,18 @@
 import { ArgTypes, Canvas, Description, Meta, Source } from "@storybook/blocks";
 
 import * as TextInputStories from "./TextInput.stories";
+import ComponentChangelogTable from "../../utils/ComponentChangelogTable";
 import Link from "../Link/Link";
+import { changelogData } from "./textInputChangelogData";
 
 <Meta of={TextInputStories} />
 
 # TextInput
 
-| Component Version | DS Version   |
-| ----------------- | ------------ |
-| Added             | `0.22.0`     |
-| Latest            | `Prerelease` |
+| Component Version | DS Version |
+| ----------------- | ---------- |
+| Added             | `0.22.0`   |
+| Latest            | `2.1.0`    |
 
 ## Table of Contents
 
@@ -23,6 +25,7 @@ import Link from "../Link/Link";
 - {<Link href="#number-type" target="_self">Number Type</Link>}
 - {<Link href="#html-in-helper-text" target="_self">HTML in Helper Text</Link>}
 - {<Link href="#textarea" target="_self">Textarea</Link>}
+- {<Link href="#changelog" target="_self">Changelog</Link>}
 
 ## Overview
 
@@ -203,3 +206,7 @@ The TextInput component includes a multiline `textarea` form field. To render a
 described above are available for the `textarea` option.
 
 <Canvas of={TextInputStories.Textarea} />
+
+## Changelog
+
+<ComponentChangelogTable changelogData={changelogData} />

src/components/TextInput/textInputChangelogData.ts

@@ -0,0 +1,28 @@
+/** This data is used to populate the ComponentChangelogTable component.
+ *
+ * date: string (when adding new entry during development, set value as "Prerelease")
+ * version: string (when adding new entry during development, set value as "Prerelease")
+ * type: "Bug Fix" | "New Feature" | "Update";
+ * affects: array["Accessibility" | "Documentation" | "Functionality" | "Styles"];
+ * notes: array (will render as a bulleted list, add one array element for each list element)
+ */
+import { ChangelogData } from "../../utils/ComponentChangelogTable";
+
+export const changelogData: ChangelogData[] = [
+  {
+    date: "2023-10-18",
+    version: "2.1.0",
+    type: "Bug Fix",
+    affects: ["Accessibility"],
+    notes: [
+      "Updated so the `aria-describedby` value is not overwritten as 'undefined' when `TextInput` is part of the `DatePicker` component.",
+    ],
+  },
+  {
+    date: "2023-9-28",
+    version: "2.0.0",
+    type: "Update",
+    affects: ["Styles"],
+    notes: ["Applied Typo2023 styles, including font size and font color."],
+  },
+];