@nypl/design-system-react-components 0.25.10 → 0.25.11

package/CHANGELOG.md

@@ -8,6 +8,25 @@ Currently, this repo is in Prerelease. When it is released, this project will ad
 
 ## Prerelease
 
+## 0.25.11 (March 3, 2022)
+
+### Updates
+
+- Updates the `Logo` component to include new variants for `BPL`, `Clever`, `LPA`, `MLN`, `QPL`, `Schomburg`, `SimplyE` and `Treasures`.
+- Updates font size to "12px" and top margin to "4px" for `HelperErrorText` component.
+- Updates font size to "14px" for `TextInput` component.
+- Adds an `aria-label` attribute to the `Notification` component to use with its `aside` HTML landmark element. Added an "Accessibility" section in the `Notification` Storybook page to note that this component should not be used within a `header` or `footer` HTML landmark element.
+- Updates the `Notification` component to handle link color inside the content area, better styling for centering and the dismissible variation, and updated background color for the "Announcement" and "Warning" types.
+- Updates a log message in the `Icon` component to be more descriptive.
+- Updates the mobile styles for the image in the `StructuredContent` component.
+- Updates the prop type for the "Definition" `List` type so DOM elements can be passed in the definition.
+
+### Fixes
+
+- Updates the bottom margin of the `Select` in the `SearchBar` so that the helper text has standard gap between the main form components and itself.
+- Updates how `TabList` and `TabPanels` are returned in the `Tabs` component so no false log messages are consoled.
+- Updates `List` component styling for inline.
+
 ## 0.25.10 (February 22, 2022)
 
 ### Adds
@@ -15,6 +34,7 @@ Currently, this repo is in Prerelease. When it is released, this project will ad
 - Exports Chakra's `Flex` and `Spacer` components.
 - Adds `TemplateAboveHeader` component in the set of "template" components.
 - Adds the `aboveHeader` prop to the `TemplateAppContainer` component to render a `TemplateAboveHeader` component immediately before the `TemplateHeader` component.
+- Adds the `additionalStyles` prop to the `Select` component.
 
 ### Breaking Changes
 
@@ -31,7 +51,7 @@ Currently, this repo is in Prerelease. When it is released, this project will ad
 - Updates the `Fieldset` and `RadioGroup` so the `children` prop is declared through `React.PropsWithChildren` rather than in their respective prop interfaces.
 - Adds snapshot tests for the `Accordion` component, as well as `id` props to the components within the `Accordion` so snapshot tests pass.
 - Passes an `id` to the `Icon` in the `Select` component.
-- Adds snapshot tests for the `Select` componnet.
+- Adds snapshot tests for the `Select` component.
 
 ### Fixes
 

package/dist/components/List/List.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { ListTypes } from "./ListTypes";
 interface DefinitionProps {
     term: string;
-    definition: string;
+    definition: string | JSX.Element;
 }
 export interface ListProps {
     /** Optionally pass in additional Chakra-based styles. */

package/dist/components/Logo/LogoSvgs.d.ts

@@ -1,18 +1,34 @@
 declare const _default: {
     logo_bpl_black: string;
+    logo_bpl_white: string;
+    logo_clever_color: string;
+    logo_clever_white: string;
+    logo_lpa_black: string;
     logo_lpa_color: string;
     logo_lpa_white: string;
+    logo_mln_black: string;
+    logo_mln_white: string;
     logo_nypl_full_black: string;
     logo_nypl_full_white: string;
-    logo_nypl_lion_white: string;
     logo_nypl_lion_black: string;
+    logo_nypl_lion_white: string;
     logo_qpl_alt_black: string;
+    logo_qpl_alt_white: string;
+    logo_qpl_black: string;
     logo_qpl_color: string;
+    logo_qpl_white: string;
+    logo_schomburg_black: string;
+    logo_schomburg_circle_black: string;
     logo_schomburg_circle_color: string;
+    logo_schomburg_circle_white: string;
     logo_schomburg_color: string;
+    logo_schomburg_white: string;
     logo_simplye_black: string;
+    logo_simplye_white: string;
     logo_simplye_color: string;
     logo_snfl_black: string;
     logo_snfl_white: string;
+    logo_treasures_color: string;
+    logo_treasures_color_negative: string;
 };
 export default _default;

package/dist/components/Logo/LogoTypes.d.ts

@@ -13,18 +13,34 @@ export declare enum LogoSizes {
 }
 export declare enum LogoNames {
     BrooklynPublicLibraryBlack = "logo_bpl_black",
+    BrooklynPublicLibraryWhite = "logo_bpl_white",
+    CleverColor = "logo_clever_color",
+    CleverWhite = "logo_clever_white",
     LPAColor = "logo_lpa_color",
+    LPABlack = "logo_lpa_black",
     LPAWhite = "logo_lpa_white",
+    MyLibraryNYCBlack = "logo_mln_black",
+    MyLibraryNYCWhite = "logo_mln_white",
     NYPLBlack = "logo_nypl_full_black",
     NYPLWhite = "logo_nypl_full_white",
     NYPLLionBlack = "logo_nypl_lion_black",
     NYPLLionWhite = "logo_nypl_lion_white",
     QueensPublicLibraryColor = "logo_qpl_color",
+    QueensPublicLibraryBlack = "logo_qpl_black",
+    QueensPublicLibraryWhite = "logo_qpl_white",
     QueensPublicLibraryAltBlack = "logo_qpl_alt_black",
+    QueensPublicLibraryAltWhite = "logo_qpl_alt_white",
     SchomburgColor = "logo_schomburg_color",
+    SchomburgBlack = "logo_schomburg_black",
+    SchomburgWhite = "logo_schomburg_white",
     SchomburgCircleColor = "logo_schomburg_circle_color",
+    SchomburgCircleBlack = "logo_schomburg_circle_black",
+    SchomburgCircleWhite = "logo_schomburg_circle_white",
     SimplyEColor = "logo_simplye_color",
     SimplyEBlack = "logo_simplye_black",
+    SimplyEWhite = "logo_simplye_white",
     SNFLBlack = "logo_snfl_black",
-    SNFLWhite = "logo_snfl_white"
+    SNFLWhite = "logo_snfl_white",
+    TreasuresColor = "logo_treasures_color",
+    TreasuresColorNegative = "logo_treasures_color_negative"
 }

package/dist/components/Notification/Notification.d.ts

@@ -16,6 +16,8 @@ interface BaseProps {
 declare type BasePropsWithoutAlignText = Omit<BaseProps, "alignText">;
 declare type BasePropsWithoutCentered = Omit<BaseProps, "centered">;
 export interface NotificationProps extends BasePropsWithoutAlignText {
+    /** Label used to describe the `Notification`'s aside HTML element. */
+    ariaLabel?: string;
     /** Additional `className` to add.  */
     className?: string;
     /** Optional prop to control whether a `Notification` can be dismissed

package/dist/components/Select/Select.d.ts

@@ -2,6 +2,10 @@ import React from "react";
 import { HelperErrorTextType } from "../HelperErrorText/HelperErrorText";
 import { SelectTypes } from "./SelectTypes";
 export interface SelectProps {
+    /** Optionally pass in additional Chakra-based styles. */
+    additionalStyles?: {
+        [key: string]: any;
+    };
     /** A class name for the `div` parent element. */
     className?: string;
     /** Optional string to populate the `HelperErrorText` for the standard state. */