@nypl/design-system-react-components 1.2.0 → 1.2.2

package/dist/theme/components/button.d.ts

@@ -1,3 +1,45 @@
+export declare const buttonBaseStyle: {
+    alignItems: string;
+    borderRadius: string;
+    display: string;
+    cursor: string;
+    color: string;
+    fontWeight: string;
+    justifyContent: string;
+    lineHeight: string;
+    textDecoration: string;
+    wordWrap: string;
+    svg: {
+        fill: string;
+    };
+    _hover: {
+        bg: string;
+    };
+    _visited: {
+        color: string;
+    };
+    _disabled: {
+        bg: string;
+        color: string;
+        opacity: string;
+        pointerEvents: string;
+    };
+};
+export declare const primary: ({ buttonSize }: {
+    buttonSize?: string;
+}) => any;
+export declare const secondary: ({ buttonSize }: {
+    buttonSize?: string;
+}) => any;
+export declare const pill: ({ buttonSize }: {
+    buttonSize?: string;
+}) => any;
+export declare const callout: ({ buttonSize }: {
+    buttonSize?: string;
+}) => any;
+export declare const noBrand: ({ buttonSize }: {
+    buttonSize?: string;
+}) => any;
 declare const Button: {
     baseStyle: {
         alignItems: string;

package/dist/theme/components/checkbox.d.ts

@@ -1,6 +1,22 @@
 declare const Checkbox: {
     parts: string[];
     baseStyle: {
+        _hover: {
+            span: {
+                _first: {
+                    borderColor: string;
+                };
+                _checked: {
+                    borderColor: string;
+                };
+                _disabled: {
+                    borderColor: string;
+                };
+                _invalid: {
+                    borderColor: string;
+                };
+            };
+        };
         icon: {
             transitionProperty: string;
             transitionDuration: string;

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

@@ -34,6 +34,24 @@ declare const checkboxRadioHelperErrorTextStyle: {
         fontStyle: string;
     };
 };
+declare const checkboxRadioHoverStyles: {
+    _hover: {
+        span: {
+            _first: {
+                borderColor: string;
+            };
+            _checked: {
+                borderColor: string;
+            };
+            _disabled: {
+                borderColor: string;
+            };
+            _invalid: {
+                borderColor: string;
+            };
+        };
+    };
+};
 declare const checkboxRadioGroupStyles: (isFullWidth?: boolean) => {
     helperErrorText: {
         marginTop: string;
@@ -73,4 +91,4 @@ declare const textMargin: {
     margin: string;
     marginBottom: string;
 };
-export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperErrorTextStyle, checkboxRadioLabelStyles, defaultElementSizes, labelLegendText, selectTextInputDisabledStyles, selectTextInputFocusStyles, textMargin, };
+export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperErrorTextStyle, checkboxRadioHoverStyles, checkboxRadioLabelStyles, defaultElementSizes, labelLegendText, selectTextInputDisabledStyles, selectTextInputFocusStyles, textMargin, };

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

@@ -5,6 +5,8 @@ declare const Hero: {
     variants: {
         primary: {
             alignItems: string;
+            backgroundSize: string;
+            backgroundPosition: string;
             display: string;
             flexFlow: {
                 base: string;
@@ -419,14 +421,22 @@ declare const Hero: {
                 color: string;
                 display: string;
                 flexFlow: string;
-                padding: string;
+                px: string;
+                py: {
+                    base: string;
+                    xl: string;
+                };
                 p: {
                     marginBottom: string;
-                    marginTop: string;
+                    marginTop: {
+                        base: string;
+                        xl: string;
+                    };
                 };
                 marginY: string;
                 marginX: string;
                 maxWidth: string;
+                padding: string;
                 width: string;
             };
             heading: {
@@ -441,6 +451,8 @@ declare const Hero: {
         };
         campaign: {
             alignItems: string;
+            backgroundSize: string;
+            backgroundPosition: string;
             display: string;
             justifyContent: string;
             marginBottom: string[];

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

@@ -57,6 +57,12 @@ declare const Link: {
                 textDecoration: string;
             };
         };
+        buttonPrimary: any;
+        buttonSecondary: any;
+        buttonPill: any;
+        buttonCallout: any;
+        buttonNoBrand: any;
+        buttonDisabled: any;
     };
 };
 export default Link;

package/dist/theme/components/radio.d.ts

@@ -1,8 +1,6 @@
 declare const Radio: {
     parts: string[];
     baseStyle: {
-        bg: string;
-        fontSize: string;
         control: {
             verticalAlign: string;
             transitionProperty: string;
@@ -116,4 +114,26 @@ declare const Radio: {
         size: string;
     };
 };
+export declare const RadioWrapper: {
+    baseStyle: {
+        label: {
+            _hover: {
+                span: {
+                    _first: {
+                        borderColor: string;
+                    };
+                    _checked: {
+                        borderColor: string;
+                    };
+                    _disabled: {
+                        borderColor: string;
+                    };
+                    _invalid: {
+                        borderColor: string;
+                    };
+                };
+            };
+        };
+    };
+};
 export default Radio;

package/dist/theme/components/textInput.d.ts

@@ -1,6 +1,9 @@
 declare const TextInput: {
     parts: string[];
-    baseStyle: {
+    baseStyle: ({ showLabel }: {
+        showLabel: any;
+    }) => {
+        position: string;
         input: {
             bgColor: string;
             border: string;
@@ -101,6 +104,30 @@ declare const TextInput: {
                 boxShadow: string;
             };
         };
+        clearButton: {
+            position: string;
+            top: string;
+            px: string;
+            right: string;
+            span: {
+                clip: string;
+                height: {
+                    base: string;
+                    md: string;
+                };
+                overflow: string;
+                position: {
+                    base: string;
+                    md: string;
+                };
+                width: {
+                    base: string;
+                    md: string;
+                };
+                wordWrap: string;
+            };
+            zIndex: string;
+        };
     };
     variants: {
         searchBar: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",
@@ -88,14 +88,14 @@
     "@chakra-ui/storybook-addon": "1.0.3",
     "@jest/core": "27.3.1",
     "@size-limit/preset-small-lib": "5.0.1",
-    "@storybook/addon-a11y": "6.5.9",
-    "@storybook/addon-actions": "6.5.9",
-    "@storybook/addon-docs": "6.5.9",
-    "@storybook/addon-essentials": "6.5.9",
-    "@storybook/addon-jest": "6.5.9",
-    "@storybook/addon-links": "6.5.9",
-    "@storybook/addons": "6.5.9",
-    "@storybook/react": "6.5.9",
+    "@storybook/addon-a11y": "6.5.13",
+    "@storybook/addon-actions": "6.5.13",
+    "@storybook/addon-docs": "6.5.13",
+    "@storybook/addon-essentials": "6.5.13",
+    "@storybook/addon-jest": "6.5.13",
+    "@storybook/addon-links": "6.5.13",
+    "@storybook/addons": "6.5.13",
+    "@storybook/react": "6.5.13",
     "@svgr/rollup": "6.2.1",
     "@svgr/webpack": "5.5.0",
     "@testing-library/jest-dom": "5.14.1",