Merge pull request #13 from Arthurk12/fixes-2

fix(tooltips): adds missing tippy style && docs: improve readme information

Author: Arthurk12

.storybook/global.d.ts

@@ -0,0 +1,6 @@
+declare module '*.css' {
+  const content: string;
+  export default content;
+}
+
+declare module 'tippy.js/dist/tippy.css';

README.md

@@ -2,6 +2,49 @@
 
 This repository contains a library of reusable React components extracted from the main [**BigBlueButton (BBB)**](https://github.com/bigbluebutton/bigbluebutton) project. These components provide a consistent and customizable interface that can be reused in other projects, allowing them to easily adopt the BBB visual identity.
 
+## Available Components
+
+Below is a list of the components available in this library. Each component has its own detailed documentation with usage examples and a complete list of props.
+
+- [BBBAccordion](./src/components/Accordion/README.md)
+- [BBButton](./src/components/Button/README.md)
+- [BBBCheckbox](./src/components/Checkbox/README.md)
+- [BBBDivider](./src/components/Divider/README.md)
+- [BBBHint](./src/components/Hint/README.md)
+- [BBBModal](./src/components/Modal//README.md)
+- [BBBNavigation](./src/components/Navigation/README.md)
+- [BBBSelect](./src/components/Select/README.md)
+- [BBBSpinner](./src/components/Spinner//README.md)
+- [BBBTextAreaInput](./src/components/TextAreaInput/README.md)
+- [BBBTextInput](./src/components/TextInput/README.md)
+- [BBBToggle](./src/components/Toggle/README.md)
+- [BBBTypography](./src/components/Typography/README.md)
+
+## Installation
+
+This library is under active development and has not yet been published on npm. For now, you can clone the repository and install it locally.
+
+### Building the bundle
+
+```
+npm install
+npm run build
+```
+
+### Using npm link
+
+When developing and testing locally with `npm link`, you may need to adjust your Webpack configuration to ensure compatibility with `styled-components` and `react`, which do not handle multiple instances well. Add the following alias configuration to the project that uses this library:
+
+```json
+resolve: {
+  alias: {
+    'styled-components': path.resolve('./node_modules/styled-components'),
+    react: path.resolve('./node_modules/react'),
+    'react-dom': path.resolve('./node_modules/react-dom'),
+  },
+}
+```
+
 ## Peer Dependencies
 
 This library requires the following peer dependencies to be installed in your project:
@@ -78,46 +121,3 @@ The following table lists the supported CSS variables for color overriding, extr
 ```
 
 If you need to override colors for specific components or add new variables, refer to the component's `styles.ts` file for implementation details.
-
-## Installation
-
-This library is under active development and has not yet been published on npm. For now, you can clone the repository and install it locally.
-
-### Building the bundle
-
-```
-npm install
-npm run build
-```
-
-### Using npm link
-
-When developing and testing locally with `npm link`, you may need to adjust your Webpack configuration to ensure compatibility with `styled-components` and `react`, which do not handle multiple instances well. Add the following alias configuration to the project that uses this library:
-
-```json
-resolve: {
-  alias: {
-    'styled-components': path.resolve('./node_modules/styled-components'),
-    react: path.resolve('./node_modules/react'),
-    'react-dom': path.resolve('./node_modules/react-dom'),
-  },
-}
-```
-
-## Available Components
-
-Below is a list of the components available in this library. Each component has its own detailed documentation with usage examples and a complete list of props.
-
-- [BBBAccordion](./src/components/Accordion/README.md)
-- [BBButton](./src/components/Button/README.md)
-- [BBBCheckbox](./src/components/Checkbox/README.md)
-- [BBBDivider](./src/components/Divider/README.md)
-- [BBBHint](./src/components/Hint/README.md)
-- [BBBModal](./src/components/Modal//README.md)
-- [BBBNavigation](./src/components/Navigation/README.md)
-- [BBBSelect](./src/components/Select/README.md)
-- [BBBSpinner](./src/components/Spinner//README.md)
-- [BBBTextAreaInput](./src/components/TextAreaInput/README.md)
-- [BBBTextInput](./src/components/TextInput/README.md)
-- [BBBToggle](./src/components/Toggle/README.md)
-- [BBBTypography](./src/components/Typography/README.md)

src/components/Accordion/component.tsx

@@ -3,6 +3,7 @@ import { AccordionProps } from './types';
 import * as Styled from './styles';
 import { MdExpandMore } from 'react-icons/md';
 import Tippy from '@tippyjs/react';
+import 'tippy.js/dist/tippy.css';
 import { DEFAULT_TOOLTIP_PLACEMENT } from './constants';
 
 /**

src/components/Button/component.tsx

@@ -11,6 +11,7 @@ import {
 } from './constants';
 import * as Styled from './styles';
 import Tippy from '@tippyjs/react';
+import 'tippy.js/dist/tippy.css';
 
 /**
  * A versatile Button component.

src/global.d.ts

@@ -0,0 +1,6 @@
+declare module '*.css' {
+  const content: string;
+  export default content;
+}
+
+declare module 'tippy.js/dist/tippy.css';