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

package/CHANGELOG.md

@@ -8,6 +8,20 @@ Currently, this repo is in Prerelease. When it is released, this project will ad
 
 ## Prerelease
 
+## 1.1.1 (September 19, 2022)
+
+### Adds
+
+- Adds the `text` variant in the `Button` component.
+
+### Fixes
+
+- Fixes a bug where the `defaultValue` for a `TextInput` component was not being passed correctly to the Chakra input element.
+
+### Deprecates
+
+- Deprecates the `link` variant in the `Button` component.
+
 ## 1.1.0 (Ausut 30, 2022)
 
 This release is exactly the same as the `1.1.0-rc5` release candidate which was published and reviewed. Minor bug fixes, listed below, were made.

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

@@ -1,6 +1,6 @@
 import React from "react";
 export declare type ButtonElementType = "submit" | "button" | "reset";
-export declare type ButtonTypes = "primary" | "secondary" | "callout" | "pill" | "link" | "noBrand";
+export declare type ButtonTypes = "primary" | "secondary" | "text" | "callout" | "pill" | "noBrand" | "link";
 interface ButtonProps {
     /** The button variation to render based on the `ButtonTypes` type.*/
     buttonType?: ButtonTypes;

package/dist/design-system-react-components.cjs.development.js

@@ -1924,6 +1924,10 @@ var Button = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
     console.warn("NYPL Reservoir Button: This component's required `id` prop was not passed.");
   }
 
+  if (buttonType === "link") {
+    console.warn("NYPL Reservoir Button: The 'link' value for the 'buttonType' prop has been deprecated.");
+  }
+
   React__default.Children.map(children, function (child) {
     childCount++;
 
@@ -3817,6 +3821,7 @@ var TextInput = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functio
 
 
   options = isHidden ? {
+    defaultValue: defaultValue,
     id: id,
     "aria-hidden": isHidden,
     name: name,
@@ -4924,6 +4929,7 @@ var baseStyle = {
   display: "flex",
   cursor: "pointer",
   color: "ui.white",
+  fontWeight: "button.default",
   height: "10",
   justifyContent: "center",
   lineHeight: "1.5",
@@ -4936,7 +4942,6 @@ var baseStyle = {
   px: "inset.default",
   textDecoration: "none",
   wordWrap: "normal",
-  fontWeight: "button.default",
   svg: {
     fill: "currentColor"
   },
@@ -4949,17 +4954,17 @@ var baseStyle = {
   _disabled: {
     bg: "ui.gray.light-cool",
     color: "ui.gray.dark",
-    pointerEvents: "none",
-    opacity: "1"
+    opacity: "1",
+    pointerEvents: "none"
   }
 }; // Styles for different visual variants:
 // primary, secondary, link, pill, iconOnly, callout, searchbar, noBrand
 
 var primary = {
   bg: "ui.link.primary",
-  minWidth: "none",
   height: "none",
-  fontSize: "button.default"
+  fontSize: "button.default",
+  minWidth: "none"
 };
 var secondary = {
   bg: "ui.white",
@@ -4977,8 +4982,8 @@ var secondary = {
 };
 var link = {
   bg: "transparent",
-  lineHeight: "2.5",
   color: "ui.link.primary",
+  lineHeight: "2.5",
   textDecoration: "underline",
   _disabled: {
     bg: "transparent"
@@ -4988,15 +4993,27 @@ var link = {
     color: "ui.link.secondary"
   }
 };
+var text = {
+  bg: "transparent",
+  color: "ui.link.primary",
+  fontSize: "button.default",
+  _disabled: {
+    bg: "transparent"
+  },
+  _hover: {
+    bg: "transparent",
+    color: "ui.link.secondary"
+  }
+};
 var pill = {
   bg: "ui.white",
   border: "1px solid",
   borderColor: "ui.gray.light-cool",
-  color: "inherit",
   borderRadius: "pill",
+  color: "inherit",
+  fontSize: "button.default",
   py: "inset.narrow",
   px: "inset.wide",
-  fontSize: "button.default",
   _hover: {
     bg: "ui.gray.xx-light-cool",
     borderColor: "ui.gray.medium"
@@ -5042,6 +5059,7 @@ var Button$1 = {
   variants: {
     primary: primary,
     secondary: secondary,
+    text: text,
     link: link,
     pill: pill,
     iconOnly: iconOnly,
@@ -6529,6 +6547,7 @@ var HeaderSearchButton = {
       minWidth: {
         md: "80px"
       },
+      px: "0",
       textDecoration: "none",
       span: {
         alignItems: "center",
@@ -12487,7 +12506,7 @@ var HeaderSearchButton$1 = /*#__PURE__*/react.chakra(function (_ref) {
     "aria-haspopup": "true",
     "aria-label": labelText,
     "aria-expanded": isOpen ? true : null,
-    buttonType: "link",
+    buttonType: "text",
     id: "searchButton",
     onClick: function onClick() {
       gaUtils.trackEvent(gaAction, gaLabel);
@@ -12697,7 +12716,7 @@ var HeaderLoginButton$1 = /*#__PURE__*/react.chakra(function (_ref) {
     isDisabled: !isOpen
   }, React__default.createElement(Button, {
     "aria-label": desktopButtonLabel,
-    buttonType: "link",
+    buttonType: "text",
     id: "loginButton",
     onClick: function onClick() {
       gaUtils.trackEvent(gaAction, gaLabel);
@@ -12824,7 +12843,7 @@ var HeaderMobileNavButton$1 = /*#__PURE__*/react.chakra(function () {
     "aria-haspopup": "true",
     "aria-label": isOpen ? "Close Navigation" : "Open Navigation",
     "aria-expanded": isOpen ? true : null,
-    buttonType: "link",
+    buttonType: "text",
     id: "mobileNav-btn",
     onClick: function onClick() {
       gaUtils.trackEvent("Click", "Mobile mobileMenu");
@@ -12991,7 +13010,7 @@ var Notification$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fu
 
   var dismissibleButton = dismissible && React__default.createElement(Button, {
     "aria-label": "Close the notification",
-    buttonType: "link",
+    buttonType: "text",
     id: id + "-notification-dismissible-button",
     onClick: handleClose,
     __css: styles.dismissibleButton