@nypl/design-system-react-components 2.2.0-react-chakra-rc → 3.0.0-react-chakra-rc

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

@@ -1,8 +1,9 @@
-interface HorizontalRuleBaseStyle {
+import { StyleFunctionProps } from "@chakra-ui/react";
+interface HorizontalRuleBaseStyle extends StyleFunctionProps {
     align: string;
 }
 declare const HorizontalRule: {
-    baseStyle: ({ align }: HorizontalRuleBaseStyle) => {
+    baseStyle?: (props: HorizontalRuleBaseStyle) => {
         bg: string;
         border: string;
         height: string;
@@ -14,5 +15,16 @@ declare const HorizontalRule: {
             bg: string;
         };
     };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
 };
 export default HorizontalRule;

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

@@ -1,3 +1,4 @@
+import { StyleFunctionProps } from "@chakra-ui/system";
 declare const align: {
     none: {};
     left: {
@@ -54,14 +55,14 @@ declare const size: {
         width: string;
     };
 };
-interface IconBaseStyle {
+interface IconBaseStyle extends StyleFunctionProps {
     align: keyof typeof align;
     color: string;
     iconRotation: keyof typeof iconRotation;
     size: keyof typeof size;
 }
 declare const Icon: {
-    baseStyle: (props: IconBaseStyle) => {
+    baseStyle?: (props: IconBaseStyle) => {
         svg: {
             height: string;
             width: string;
@@ -62238,14 +62239,22 @@ declare const Icon: {
         marginStart: string;
         display: string;
     };
-    variants: {
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    variants?: {
         default: {};
         breadcrumbs: {
             fill: string;
             display: {
-                md: string;
+                md: "none";
             };
         };
     };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "default" | "breadcrumbs";
+        colorScheme?: string;
+    };
 };
 export default Icon;