@nypl/design-system-react-components 1.2.0 → 1.2.2

package/CHANGELOG.md

@@ -8,6 +8,49 @@ Currently, this repo is in Prerelease. When it is released, this project will ad
 
 ## Prerelease
 
+## 1.2.2 (November 10, 2022)
+
+### Adds
+
+- Adds an `isClearable` prop to the `TextInput` component. When set to `true`, a close `Button` component will render on top of the input element. Once clicked, any text value in the input field will be cleared and focus will return to the input element.
+- Adds the `isClearable` property to the `textInputProps` prop object in the `SearchBar` component. This allows the `isClearable` prop to be passed to the `TextInput` component to render the close `Button` component.
+
+### Updates
+
+- Updates the `Icon` and `Logo` documentation to include size values in px.
+- Updates the spacing within the `tertiary` variant of the `Hero` component.
+- Updates the `Buttons Style Guide` to extend the information about button sizes.
+
+### Fixes
+
+- Fixes an invalid TOC link on the `Card` component Storybook page.
+- Fixes the sizing of the `errorFilled` and `errorOutline` icons in the `Icon` component.
+- Adds new props to Chakra's `ToolTip` to more forcefully close the DS `ToolTip`. New props include `closeDelay`, `closeOnClick`, `closeOnEsc`, and `closeOnMouseDown`.
+
+## 1.2.1 (October 27, 2022)
+
+### Adds
+
+- Adds the `"buttonPrimary"`, `"buttonSecondary"`, `"buttonPill"`, `"buttonCallout"`, `"buttonNoBrand"`, `"buttonDisabled"` variants for the the `Link` component, set through the `type` prop.
+
+### Deprecates
+
+- Deprecates the `"button"` `type` variant for the `Link` component. Use any of the new `"buttonX"` variants instead.
+
+### Updates
+
+- Updates the `AlphabetFilter` component by adding `aria-label=“Filter by letter"` attribute
+  and removing the `role` attribute on the `<nav>` element.
+- Updates `AlphabetFilter` border color for the `active letter` indicator from
+  `ui.gray.medium` to `ui.gray.dark`.
+- Updates background styles for `Hero` component's `primary` and `campaign` variants.
+- Updates the hover styles for the `Checkbox` and `Radio` components.
+- Improves `TagSet` `"filter"` type accessibility by adding an `aria-label` that includes `"click to remove filter"`, when `isDismissible` is true.
+
+### Fixes
+
+- Updates Storybook npm packages to fix copying documentation and table of contents heading linking.
+
 ## 1.2.0 (October 17, 2022)
 
 ### Adds

package/dist/components/Link/Link.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type LinkTypes = "action" | "backwards" | "button" | "default" | "external" | "forwards";
+export declare type LinkTypes = "action" | "backwards" | "button" | "buttonPrimary" | "buttonSecondary" | "buttonPill" | "buttonCallout" | "buttonNoBrand" | "buttonDisabled" | "default" | "external" | "forwards";
 export interface LinkProps {
     /** Any child node passed to the component. */
     children: React.ReactNode;

package/dist/components/SearchBar/SearchBar.d.ts

@@ -16,6 +16,7 @@ export interface SelectProps extends BaseProps {
     onChange?: (event: React.FormEvent) => void;
 }
 export interface TextInputProps extends BaseProps {
+    isClearable?: boolean;
     placeholder?: string;
 }
 export interface SearchBarProps {

package/dist/components/TextInput/TextInput.d.ts

@@ -22,6 +22,8 @@ export interface InputProps {
     id: string;
     /** Populates the HelperErrorText for the error state */
     invalidText?: HelperErrorTextType;
+    /** Adds a button to clear existing text in the input field. */
+    isClearable?: boolean;
     /** Adds the `disabled` and `aria-disabled` prop to the input when true */
     isDisabled?: boolean;
     /** Adds errored styling to the input/textarea and helper text elements */
@@ -48,6 +50,9 @@ export interface InputProps {
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
     /** Populates the placeholder for the input/textarea elements */
     placeholder?: string;
+    /** Allows the '(Required)' text to be changed for language purposes
+     * Note: Parenthesis will be added automatically by the component */
+    requiredLabelText?: string;
     /** Offers the ability to hide the helper/invalid text. */
     showHelperInvalidText?: boolean;
     /** Offers the ability to show the label onscreen or hide it. Refer to the
@@ -56,9 +61,6 @@ export interface InputProps {
     /** Whether or not to display the "(Required)" text in the label text.
      * True by default. */
     showRequiredLabel?: boolean;
-    /** Allows the '(Required)' text to be changed for language purposes
-     * Note: Parenthesis will be added automatically by the component */
-    requiredLabelText?: string;
     /** The amount to increase or decrease when using the number type. */
     step?: number;
     /** FOR INTERNAL DS USE ONLY: the input variant to display. */