@indico-data/design-system 2.15.0 → 2.16.0

package/lib/src/legacy/components/basic-section/SectionHeader/SectionHeader.d.ts

@@ -4,11 +4,5 @@ type Props = PermafrostComponent & {
     style?: object;
     children?: React.ReactNode;
 };
-export declare const SectionHeader: {
-    (props: Props): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        className: string;
-        style: {};
-    };
-};
+export declare const SectionHeader: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/src/legacy/components/basic-section/SectionHeader/SectionHeader.stories.d.ts

@@ -2,16 +2,10 @@ import React from 'react';
 import type { StoryObj } from '@storybook/react';
 import { SectionHeader } from './SectionHeader';
 declare const meta: {
-    component: {
-        (props: import("../../../../types").PermafrostComponent & {
-            style?: object;
-            children?: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        defaultProps: {
-            className: string;
-            style: {};
-        };
-    };
+    component: (props: import("../../../../types").PermafrostComponent & {
+        style?: object;
+        children?: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
     title: string;
     argTypes: {};
 };

package/lib/src/legacy/components/inputs/SearchInput/SearchInput.d.ts

@@ -13,10 +13,5 @@ type Props = PermafrostComponent & {
     placeholder?: string;
     value?: string;
 };
-export declare const SearchInput: {
-    (props: Props): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        className: string;
-    };
-};
+export declare const SearchInput: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default SearchInput;

package/lib/src/legacy/components/inputs/SearchInput/SearchInput.stories.d.ts

@@ -1,24 +1,19 @@
 import { StoryObj } from '@storybook/react';
 import { SearchInput } from './SearchInput';
 declare const meta: {
-    component: {
-        (props: import("../../../../types").PermafrostComponent & {
-            inputBorder?: boolean;
-            showClearInputIcon?: boolean;
-            showSearchIcon?: boolean;
-            inputProps?: {
-                [key: string]: string;
-            };
-            onChange?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
-            onClear?(): void;
-            onKeyUp?: (e: import("react").KeyboardEvent<HTMLInputElement>) => void;
-            placeholder?: string;
-            value?: string;
-        }): import("react/jsx-runtime").JSX.Element;
-        defaultProps: {
-            className: string;
+    component: (props: import("../../../../types").PermafrostComponent & {
+        inputBorder?: boolean;
+        showClearInputIcon?: boolean;
+        showSearchIcon?: boolean;
+        inputProps?: {
+            [key: string]: string;
         };
-    };
+        onChange?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
+        onClear?(): void;
+        onKeyUp?: (e: import("react").KeyboardEvent<HTMLInputElement>) => void;
+        placeholder?: string;
+        value?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
     title: string;
     argTypes: {};
     args: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indico-data/design-system",
-  "version": "2.15.0",
+  "version": "2.16.0",
   "description": "",
   "author": "",
   "main": "lib/index.js",

package/src/components/button/Button.stories.tsx

@@ -16,7 +16,7 @@ const meta: Meta = {
       options: ['solid', 'outline', 'text'],
       description: 'It sets the variant style for the button',
       table: {
-        category: 'Styling',
+        category: 'Props',
         type: {
           summary: 'solid | outline | text',
         },
@@ -28,7 +28,7 @@ const meta: Meta = {
       options: ['primary', 'secondary', 'warning', 'error', 'success', 'info'],
       description: 'It sets the color for the button',
       table: {
-        category: 'Styling',
+        category: 'Props',
         type: {
           summary: 'primary | secondary | warning | error | success | info',
         },
@@ -41,7 +41,7 @@ const meta: Meta = {
       description: 'It sets the size for the button',
       defaultValue: { summary: 'md' },
       table: {
-        category: 'Styling',
+        category: 'Props',
         type: {
           summary: 'sm | md | lg',
         },
@@ -49,7 +49,7 @@ const meta: Meta = {
     },
     type: {
       table: {
-        category: 'accessibility',
+        category: 'Props',
         type: {
           summary: 'button | submit | reset',
         },
@@ -63,7 +63,7 @@ const meta: Meta = {
       description:
         'Sets an icon to the left or right of the child element inside the button. It requires an icon to be set.',
       table: {
-        category: 'Styling',
+        category: 'Props',
         defaultValue: { summary: 'left' },
         type: {
           summary: 'left | right',
@@ -74,7 +74,7 @@ const meta: Meta = {
     },
     iconName: {
       table: {
-        category: 'Styling',
+        category: 'Props',
         type: {
           summary: Object.values(exampleIcons).join(' | '),
         },
@@ -87,7 +87,7 @@ const meta: Meta = {
     ariaLabel: {
       description: 'Sets the aria-label attribute for the button.',
       table: {
-        category: 'accessibility',
+        category: 'Props',
         type: {
           summary: 'string',
         },
@@ -118,7 +118,7 @@ const meta: Meta = {
       control: 'boolean',
       table: {
         type: { summary: 'true | false' },
-        category: 'Styling',
+        category: 'Props',
       },
       defaultValue: { summary: false },
       description:
@@ -128,11 +128,27 @@ const meta: Meta = {
       control: 'boolean',
       table: {
         type: { summary: 'true | false' },
-        category: 'Styling',
+        category: 'Props',
       },
       defaultValue: { summary: false },
       description: 'It disables the button',
     },
+    className: {
+      control: 'text',
+      table: {
+        category: 'Props',
+      },
+      defaultValue: { summary: '' },
+      description: 'allows the passing of classes',
+    },
+    href: {
+      control: 'text',
+      table: {
+        category: 'Props',
+      },
+      defaultValue: { summary: '' },
+      description: 'passes a href value to the button for creating links',
+    },
   },
 };
 

package/src/legacy/components/basic-section/SectionHeader/SectionHeader.tsx

@@ -14,7 +14,7 @@ type Props = PermafrostComponent & {
 };
 
 export const SectionHeader = (props: Props) => {
-  const { className, style, children, id, ...restOfProps } = props;
+  const { className = '', style = {}, children, id, ...restOfProps } = props;
 
   return (
     <StyledSectionHeader
@@ -28,8 +28,3 @@ export const SectionHeader = (props: Props) => {
     </StyledSectionHeader>
   );
 };
-
-SectionHeader.defaultProps = {
-  className: '',
-  style: {},
-};

package/src/legacy/components/inputs/SearchInput/SearchInput.tsx

@@ -27,7 +27,7 @@ export const SearchInput = (props: Props) => {
     inputBorder,
     showSearchIcon,
     showClearInputIcon,
-    className,
+    className = '',
     inputProps,
     onChange,
     onClear,
@@ -70,8 +70,4 @@ export const SearchInput = (props: Props) => {
   );
 };
 
-SearchInput.defaultProps = {
-  className: '',
-};
-
 export default SearchInput;