@bolttech/atoms-accordion - npm Package Compare versions

Comparing version 0.1.7 to 0.1.8

package.json

		{
		"name": "@bolttech/atoms-accordion",
		"version": "0.1.7",
		"version": "0.1.8",
		"main": "./index.cjs",
		@@ -9,3 +9,4 @@ "type": "commonjs",
		"peerDependencies": {
		"@bolttech/atoms-icon": "0.1.8",
		"@bolttech/atoms-icon": "0.1.9",
		"@edirect/frontend-foundations": "0.0.36",
		"jest-styled-components": "7.1.1",
		@@ -12,0 +13,0 @@ "react": "18.2.0",

src/lib/atoms-accordion.d.ts

		/// <reference types="react" />
		import { AccordionProps } from './atoms-accordion.type';
		declare const AtomsAccordion: ({ headerText, showContent, contentText, disabled, icon, changeShowContent, maxWidth, id, }: AccordionProps) => JSX.Element;
		declare const AtomsAccordion: ({ headerText, showContent, contentText, disabled, icon, changeShowContent, id, }: AccordionProps) => JSX.Element;
		export default AtomsAccordion;

src/lib/atoms-accordion.styles.d.ts

		@@ -1,5 +0,8 @@
		import { AccordionStyleProps } from './atoms-accordion.type';
		declare const AccordionSection: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, AccordionStyleProps, never>;
		declare const AccordionHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, AccordionStyleProps, never>;
		declare const AccordionSection: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {
		disabled?: boolean \| undefined;
		}, never>;
		declare const AccordionHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
		disabled?: boolean \| undefined;
		}, never>;
		declare const AccordionContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
		export { AccordionContent, AccordionHeader, AccordionSection };

src/lib/atoms-accordion.type.d.ts

		/// <reference types="react" />
		/**
		* @typedef {AccordionStyleProps}
		* @property {boolean \| undefined} disabled - a boolean if the component will be disable or not
		* @property {string \| undefined} maxWidth - property that control the component's max-width property on css
		*/
		export type AccordionStyleProps = {
		/**
		* Property that control if the component will be disable or not
		*/
		disabled?: boolean;
		/**
		* Property that control the component's max width
		*/
		maxWidth?: string;
		};
		/**
		* @typedef {AccordionProps}
		@@ -25,25 +10,14 @@ * @property {string} headerText - text that will populate the header
		* @property {function \| undefined} changeShowContent - function that should change the state of contentText
		* @property {string \| undefined} maxWidth - property that control the component's max-width property on css
		* @property {string \| undefined} id - identification value
		*/
		export type AccordionProps = {
		/**
		* Text that will populate the header
		*/
		/** Text that will populate the header */
		headerText: string;
		/**
		* Value that control if the content will show or not
		*/
		/** Value that control if the content will show or not */
		showContent: boolean;
		/**
		* Icon string that needs contain a valid string of material-design-icons
		*/
		/** Icon string that needs contain a valid string of material-design-icons */
		icon: string;
		/**
		* Value that will populate the content area
		*/
		/** Value that will populate the content area */
		contentText?: string;
		/**
		* Property that control if the component will be disable or not
		*/
		/** Property that control if the component will be disable or not */
		disabled?: boolean;
		@@ -57,10 +31,4 @@ /**
		changeShowContent?: React.Dispatch<React.SetStateAction<boolean>>;
		/**
		* Property that control the component's max width
		*/
		maxWidth?: string;
		/**
		* Component identification value
		*/
		/** Component identification value */
		id?: string;
		};

@bolttech/atoms-accordion - npm Package Compare versions

Worsened metrics