@nypl/design-system-react-components 1.1.1 → 1.1.2

package/CHANGELOG.md

@@ -8,6 +8,32 @@ Currently, this repo is in Prerelease. When it is released, this project will ad
 
 ## Prerelease
 
+## 1.1.2 (September 29, 2022)
+
+### Adds
+
+- Adds the `size` prop to the `Button` component. The accepted values are "small",
+  "medium", and "large". The default size value is "medium".
+- Adds the `value` prop to the `Slider` component to programmatically update the
+  values of the `Slider` component.
+- Adds the `value` prop to the `CheckboxGroup` component to programmatically
+  update the values of the `Checkbox`es within it.
+
+### Updates
+
+- Updates the colors for the `secondary` and `iconOnly` variants of the `Button` component.
+- Updates the `Tooltip` component to remove the dropshadow effect.
+- Updates whether the content inside of an `Accordion` is always rendered through the `isAlwaysRendered` prop.
+- Updates the spacing of the icon and text in the `Notification` component.
+- Updates the padding and placement of the links in the `Footer` component.
+- Updates how content in the `Table` component is aligned.
+- Updates the `Button` styles in the `Header`, `Notification`, `SearchBar`, and
+  `Tabs` components based on the new `size` prop.
+
+### Removals
+
+- Removed the `data-testid` attribute from the `Button` component.
+
 ## 1.1.1 (September 19, 2022)
 
 ### Adds

package/dist/components/Accordion/Accordion.d.ts

@@ -12,6 +12,9 @@ export interface AccordionProps {
     id?: string;
     /** Whether the accordion is open by default only on its initial rendering */
     isDefaultOpen?: boolean;
+    /** Whether the contents of the Accordion should always be rendered.
+     *  Useful for form-components. `false` by default. */
+    isAlwaysRendered?: boolean;
     /** Sets max height of accordion panel. This value should be entered with the
      * formatting of a CSS height attribute (ex. 100px, 8rem). If height of content
      * within accordion panel is greater than height set by panelMaxHeight, a

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 export declare type ButtonElementType = "submit" | "button" | "reset";
+export declare type ButtonSizes = "small" | "medium" | "large";
 export declare type ButtonTypes = "primary" | "secondary" | "text" | "callout" | "pill" | "noBrand" | "link";
 interface ButtonProps {
     /** The button variation to render based on the `ButtonTypes` type.*/
@@ -15,6 +16,8 @@ interface ButtonProps {
     mouseDown?: boolean;
     /** The action to perform on the `<button>`'s onClick function. */
     onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    /** The size of the `Button`. */
+    size?: ButtonSizes;
     /** The HTML button type attribute. */
     type?: ButtonElementType;
 }

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -38,6 +38,8 @@ export interface CheckboxGroupProps {
     /** Whether or not to display the "(Required)" text in the label text.
      * True by default. */
     showRequiredLabel?: boolean;
+    /** The values to programmatically update the selected `Checkbox`es. */
+    value?: string[];
 }
 /**
  * Wrapper component to wrap `Checkbox` components. Can be displayed in a

package/dist/components/Slider/Slider.d.ts

@@ -49,6 +49,8 @@ export interface SliderProps {
     showValues?: boolean;
     /** The amount to increase or decrease when using the slider thumb(s). */
     step?: number;
+    /** The value(s) to programmatically update the Slider or RangeSlider. */
+    value?: number | number[];
 }
 /**
  * The `Slider` component renders a singular value slider or a range slider