@nypl/design-system-react-components 3.4.0 → 3.4.2

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

@@ -151,6 +151,7 @@ declare const Link: {
             base: {
                 alignItems: string;
                 display: string;
+                whiteSpace: string;
                 svg: {
                     height: string;
                     width: string;

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

@@ -1,11 +1,12 @@
-import { ProgressIndicatorSizes } from "../../components/ProgressIndicator/ProgressIndicator";
+import { ProgressIndicatorLabelPlacements, ProgressIndicatorSizes } from "../../components/ProgressIndicator/ProgressIndicator";
 import { StyleFunctionProps } from "@chakra-ui/system";
 interface ProgressIndicatorBaseStyle extends StyleFunctionProps {
     darkMode: boolean;
     size: ProgressIndicatorSizes;
+    labelPlacement: ProgressIndicatorLabelPlacements;
 }
 declare const ProgressIndicator: {
-    baseStyle?: ({ darkMode, size }: ProgressIndicatorBaseStyle) => {
+    baseStyle?: ({ darkMode, size, labelPlacement }: ProgressIndicatorBaseStyle) => {
         color: string;
         fontSize: string;
         _dark: {
@@ -35,9 +36,16 @@ declare const ProgressIndicator: {
         circularContainer: {
             alignItems: string;
             display: string;
-            flexDirection: string;
+            flexDirection: any;
             width: string;
         };
+        circularLabel: {
+            marginBottom: string | number;
+            marginLeft: string | number;
+            marginRight: string | number;
+            marginTop: string | number;
+            fontSize: string;
+        };
         linear: {
             "> div": {
                 bg: string;

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

@@ -63,10 +63,6 @@ declare const SearchBar: {
                 md: "255px";
             };
             textOverflow: string;
-            marginRight: {
-                base: any;
-                md: "-1px";
-            };
             _hover: {
                 zIndex: string;
                 "+ .chakra-select__icon-wrapper": {

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

@@ -167,6 +167,30 @@ declare const StructuredContent: {
                 width: string;
             };
         };
+        heading7: {
+            base: {
+                fontSize: {
+                    base: "mobile.heading.heading7";
+                    md: "desktop.heading.heading7";
+                };
+                fontWeight: string;
+                letterSpacing: string;
+                lineHeight: string;
+                width: string;
+            };
+        };
+        heading8: {
+            base: {
+                fontSize: {
+                    base: "mobile.heading.heading8";
+                    md: "desktop.heading.heading8";
+                };
+                fontWeight: string;
+                letterSpacing: string;
+                lineHeight: string;
+                width: string;
+            };
+        };
         imageFigure: {
             marginBottom: string;
             maxWidth?: string;
@@ -348,7 +372,10 @@ declare const StructuredContent: {
                     zIndex: string;
                     _dark: {
                         backgroundColor: string;
-                        borderRight: string;
+                        borderRight: string | {
+                            base: any;
+                            md: string;
+                        };
                     };
                 };
                 _dark: {
@@ -356,10 +383,7 @@ declare const StructuredContent: {
                 };
                 border: string;
                 borderBottom: string;
-                borderColor: string | {
-                    base: string;
-                    md: string;
-                };
+                borderColor: string;
                 display: {
                     base: string;
                     md: string;
@@ -382,10 +406,7 @@ declare const StructuredContent: {
                 };
                 _last: {
                     borderBottom: string;
-                    borderColor: string | {
-                        base: string;
-                        md: string;
-                    };
+                    borderColor: string;
                 };
                 "> span": {
                     flexBasis: string;
@@ -417,14 +438,10 @@ declare const StructuredContent: {
                         base: number;
                         md: string;
                     };
-                    borderColor: string;
                 };
                 border: string;
                 borderBottom: string;
-                borderColor: string | {
-                    base: string;
-                    md: string;
-                };
+                borderColor: string;
                 display: {
                     base: string;
                     md: string;
@@ -447,9 +464,9 @@ declare const StructuredContent: {
                     md: string;
                 };
                 _first: {
-                    borderBottom: string | {
-                        base: string;
-                        md: string;
+                    borderBottom: string;
+                    _dark: {
+                        borderBottom: string;
                     };
                 };
                 "> span": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",
@@ -79,16 +79,16 @@
     "@jest/core": "29.7.0",
     "@rollup/plugin-commonjs": "24.0.1",
     "@rollup/plugin-typescript": "11.0.0",
-    "@storybook/addon-a11y": "8.1.11",
+    "@storybook/addon-a11y": "8.3.6",
     "@storybook/addon-designs": "8.0.2",
-    "@storybook/addon-essentials": "8.1.11",
-    "@storybook/addon-interactions": "8.1.11",
+    "@storybook/addon-essentials": "8.3.6",
+    "@storybook/addon-interactions": "8.3.6",
     "@storybook/addon-jest": "8.1.11",
     "@storybook/addon-links": "8.1.11",
-    "@storybook/blocks": "8.1.11",
-    "@storybook/react": "8.1.11",
-    "@storybook/react-vite": "8.1.11",
-    "@storybook/test": "8.1.11",
+    "@storybook/blocks": "8.3.6",
+    "@storybook/react": "8.3.6",
+    "@storybook/react-vite": "8.3.6",
+    "@storybook/test": "8.3.6",
     "@testing-library/dom": "9.2.0",
     "@testing-library/jest-dom": "5.14.1",
     "@testing-library/react": "12.0.0",
@@ -102,7 +102,6 @@
     "@typescript-eslint/eslint-plugin": "5.57.0",
     "@typescript-eslint/parser": "5.57.0",
     "@vitejs/plugin-react": "4.2.1",
-    "css-loader": "5.2.7",
     "eslint": "7.31.0",
     "eslint-config-prettier": "8.8.0",
     "eslint-plugin-jsx-a11y": "6.7.1",
@@ -120,18 +119,15 @@
     "prop-types": "15.8.1",
     "react": "18.2.0",
     "react-autosuggest": "10.0.2",
-    "react-docgen-typescript-loader": "3.7.2",
     "react-dom": "18.2.0",
     "react-test-renderer": "18.2.0",
     "remark-gfm": "4.0.0",
     "sass": "1.60.0",
-    "sass-loader": "10.0.0",
-    "storybook": "8.1.11",
-    "style-loader": "2.0.0",
+    "storybook": "8.3.6",
     "ts-jest": "29.1.5",
     "tslib": "2.3.0",
     "typescript": "4.9.5",
-    "vite": "5.2.8",
+    "vite": "5.2.14",
     "vite-plugin-dts": "2.1.0",
     "vite-plugin-svgr": "4.2.0"
   }