@nypl/design-system-react-components 4.0.0 → 4.0.1

package/dist/src/components/Menu/Menu.d.ts

@@ -10,6 +10,9 @@ export interface MenuProps extends BoxProps {
     showSelectionAsLabel?: boolean;
     /** Used to set the highlight color for the current item.  The values correspond with the NYPL section colors */
     highlightColor?: SectionTypes;
+    /** Optional boolean value used to pass the labelText as the button element's aria-label.
+     * If false, the aria-label will be built from the labelText and the selected item. */
+    labelAsAriaLabel?: boolean;
     /** Required string used to set the label text for the button element. If showLabel is false,
      * this value is instead used to set an aria-label attribute on the button.  The labelText prop is
      * required for accessibility compliance. */

package/dist/src/theme/components/breadcrumb.d.ts

@@ -21,8 +21,16 @@ declare const Breadcrumb: {
             };
             margin: string;
             maxWidth: string;
-            paddingStart: string;
-            paddingEnd: string;
+            paddingStart: {
+                base: string;
+                md: string;
+                xl: string;
+            };
+            paddingEnd: {
+                base: string;
+                md: string;
+                xl: string;
+            };
         };
         a: {
             _visited: {

package/dist/src/theme/components/global.d.ts

@@ -148,4 +148,21 @@ declare const textMargin: {
     margin: string;
     marginBottom: string;
 };
-export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperErrorTextStyle, checkboxRadioHoverStyles, checkboxRadioLabelStyles, customFocusColor, defaultElementSizes, labelLegendText, selectTextInputDisabledStyles, selectTextInputFocusStyles, textMargin, };
+declare const responsiveSpacing: {
+    gridGap: {
+        base: string;
+        md: string;
+        xl: string;
+    };
+    margin: {
+        base: string;
+        md: string;
+        xl: string;
+    };
+    padding: {
+        base: string;
+        md: string;
+        xl: string;
+    };
+};
+export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperErrorTextStyle, checkboxRadioHoverStyles, checkboxRadioLabelStyles, customFocusColor, defaultElementSizes, labelLegendText, responsiveSpacing, selectTextInputDisabledStyles, selectTextInputFocusStyles, textMargin, };

package/dist/src/theme/components/hero.d.ts

@@ -503,7 +503,11 @@ declare const Hero: {
                 color: any;
                 display: string;
                 flexFlow: string;
-                px: string;
+                px: {
+                    base: string;
+                    md: string;
+                    xl: string;
+                };
                 py: {
                     base: "inset.default";
                     xl: "inset.wide";

package/dist/src/theme/components/subnav.d.ts

@@ -35,7 +35,8 @@ declare const SubNav: {
             maxWidth: string;
             px: {
                 base: "0";
-                md: "xs";
+                md: "s";
+                xl: "xs";
             };
             width: string;
         };

package/dist/src/theme/components/template.d.ts

@@ -4,28 +4,13 @@ declare const _default: {
             boxSizing: string;
             color: string;
             display: string;
-            maxWidth: string;
-            minWidth: string;
-            m: string;
-            px: {
+            gap: {
                 base: string;
                 md: string;
                 xl: string;
             };
-            gridTemplateColumns: string;
-            gridTemplateRows: string;
-            columnGap: {
-                base: string;
-                md: string;
-                xl: string;
-            };
-            "& > *:not(:last-child)": {
-                mb: {
-                    base: string;
-                    md: string;
-                    xl: string;
-                };
-            };
+            flexDirection: string;
+            minWidth: string;
             /** The "content" area should span the full width of the content area from
              * a mobile-first viewpoint. Using -1 for the "last column" value ensures
              * that these elements span all columns in the grid. CSS classes were used
@@ -128,15 +113,22 @@ declare const _default: {
     };
     TemplateMain: {
         baseStyle?: () => {
-            display: string;
             columnGap: {
                 base: string;
                 md: string;
                 xl: string;
             };
-            gridColumn: string;
+            display: string;
             gridTemplateColumns: string;
             gridTemplateRows: string;
+            m: string;
+            maxWidth: string;
+            px: {
+                base: string;
+                md: string;
+                xl: string;
+            };
+            width: string;
             "& > *:not(:last-child)": {
                 mb: {
                     base: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",