@nypl/design-system-react-components 4.1.3 → 4.1.5

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

@@ -41,9 +41,14 @@ export interface HeroProps extends BoxProps {
      * Set `isDarkText` to `true` if the `textBackgroundColor` is set to a light
      * color. */
     isDarkText?: boolean;
-    /** Optional boolean used to toggle the treatment of the background image in
-     * the "campaign" variant. If true, the background image will be converted to
-     * black & white and darkened to 60% black. */
+    /** Optional boolean used to toggle the blur treatment of the background image
+     * in the "campaign" variant. If true, the background image will be blurred
+     * and darkened slightly.
+     */
+    isBlurredBackgroundImage?: boolean;
+    /** Optional boolean used to toggle the color treatment of the background
+     * image in the "campaign" variant. If true, the background image will be
+     * converted to black & white and darkened moderately. */
     isDarkBackgroundImage?: boolean;
     /** Optional string used for the subheader that displays underneath the
      * heading element. */

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

@@ -568,7 +568,7 @@ declare const Hero: {
                 };
             };
         };
-        campaign: ({ foregroundColor, isDarkText, textColor }: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+        campaign: ({ foregroundColor, isBlurredBackgroundImage, isDarkBackgroundImage, isDarkText, textColor, }: import("@chakra-ui/styled-system").StyleFunctionProps) => {
             base: {
                 alignItems: string;
                 display: string;
@@ -603,6 +603,7 @@ declare const Hero: {
             content: {
                 alignItems: string;
                 bg: string;
+                boxShadow: string;
                 color: any;
                 display: string;
                 flexFlow: {

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

@@ -10,6 +10,7 @@ declare const iconRotation: Record<string, {
 interface IconBaseStyle extends StyleFunctionProps {
     align: keyof typeof align;
     color: string;
+    hasChildSVG: boolean;
     iconRotation: keyof typeof iconRotation;
     size: keyof typeof iconSizeStyles;
 }
@@ -24,13 +25,13 @@ declare const Icon: {
             marginStart?: string;
             display: string;
         };
-        height: string;
-        width: string;
-        transform: string;
-        fill: string;
+        height?: string;
+        width?: string;
+        transform?: string;
+        fill?: string;
         marginEnd?: string;
         marginStart?: string;
-        display: string;
+        display?: string;
     };
     sizes?: {
         [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;

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

@@ -108,6 +108,19 @@ declare const Select: {
         "div[data-testid='ds-helperErrorText']": {
             marginLeft: string;
         };
+        /**
+         * Overriding Chakra default styles with styles that are RTL-aware to
+         * properly position the dropdown icon.
+         *
+         * To work properly, the `right` attribute needs to be unset before the
+         * `inset-inline-end` attribute is set. Additionally, `insetInlineEnd`
+         * which should map to `inset-inline-end` actually maps to `right`,
+         * which does not solve the problem. Maybe these are bugs in Chakra.
+         * */
+        ".chakra-select__icon-wrapper": {
+            right: string;
+            "inset-inline-end": string;
+        };
     };
     sizes?: {
         [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{

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

@@ -58,7 +58,6 @@ declare const StatusBadge: {
         py: string;
         paddingInlineEnd: string;
         paddingInlineStart: string;
-        whiteSpace: string;
         width: string;
         _dark: {
             backgroundColor: string;

package/package.json

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