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

package/dist/design-system-react-components.esm.js

@@ -1918,6 +1918,10 @@ var Button = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
     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++;
 
@@ -3811,6 +3815,7 @@ var TextInput = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, re
 
 
   options = isHidden ? {
+    defaultValue: defaultValue,
     id: id,
     "aria-hidden": isHidden,
     name: name,
@@ -4918,6 +4923,7 @@ var baseStyle = {
   display: "flex",
   cursor: "pointer",
   color: "ui.white",
+  fontWeight: "button.default",
   height: "10",
   justifyContent: "center",
   lineHeight: "1.5",
@@ -4930,7 +4936,6 @@ var baseStyle = {
   px: "inset.default",
   textDecoration: "none",
   wordWrap: "normal",
-  fontWeight: "button.default",
   svg: {
     fill: "currentColor"
   },
@@ -4943,17 +4948,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",
@@ -4971,8 +4976,8 @@ var secondary = {
 };
 var link = {
   bg: "transparent",
-  lineHeight: "2.5",
   color: "ui.link.primary",
+  lineHeight: "2.5",
   textDecoration: "underline",
   _disabled: {
     bg: "transparent"
@@ -4982,15 +4987,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"
@@ -5036,6 +5053,7 @@ var Button$1 = {
   variants: {
     primary: primary,
     secondary: secondary,
+    text: text,
     link: link,
     pill: pill,
     iconOnly: iconOnly,
@@ -6523,6 +6541,7 @@ var HeaderSearchButton = {
       minWidth: {
         md: "80px"
       },
+      px: "0",
       textDecoration: "none",
       span: {
         alignItems: "center",
@@ -12481,7 +12500,7 @@ var HeaderSearchButton$1 = /*#__PURE__*/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);
@@ -12691,7 +12710,7 @@ var HeaderLoginButton$1 = /*#__PURE__*/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);
@@ -12818,7 +12837,7 @@ var HeaderMobileNavButton$1 = /*#__PURE__*/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");
@@ -12985,7 +13004,7 @@ var Notification$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (prop
 
   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