paris 0.4.2 → 0.4.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # paris
 
+## 0.4.3
+
+### Patch Changes
+
+- 49f9ee4: Prop typing fixes
+
 ## 0.4.2
 
 ### Patch Changes

package/package.json

@@ -2,7 +2,7 @@
   "name": "paris",
   "author": "Sanil Chawla <sanil@slingshot.fm> (https://sanil.co)",
   "description": "Paris is Slingshot's React design system. It's a collection of reusable components, design tokens, and guidelines that help us build consistent, accessible, and performant user interfaces.",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "homepage": "https://paris.slingshot.fm",
   "license": "MIT",
   "repository": {

package/src/stories/button/Button.tsx

@@ -65,7 +65,7 @@ export type ButtonProps = {
      *
      * This should be text. When Button shape is `circle` or `square`, the action description should still be passed here for screen readers.
      */
-    children: string;
+    children: ReactNode | ReactNode[];
 } & Omit<AriaButtonProps, 'children' | 'disabled' | 'onClick'>;
 
 /**
@@ -105,7 +105,7 @@ export const Button: FC<ButtonProps> = ({
         )}
         aria-disabled={disabled ?? false}
         type={type}
-        aria-details={children}
+        aria-details={typeof children === 'string' ? children : undefined}
         onClick={!disabled && !href ? onClick : () => {}}
         disabled={false}
         {...href ? {

package/src/stories/checkbox/Checkbox.tsx

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import { useId } from 'react';
 import * as RadixCheckbox from '@radix-ui/react-checkbox';
 import styles from './Checkbox.module.scss';
@@ -9,7 +9,7 @@ export type CheckboxProps = {
     onChange?: (checked: boolean | 'indeterminate') => void;
     disabled?: boolean;
     /** The contents of the Checkbox. */
-    children?: string;
+    children?: ReactNode | ReactNode[];
 };
 
 /**