@bloomreach/react-banana-ui 1.1.0-next.2 → 1.1.0-next.4

package/README.md

@@ -12,17 +12,12 @@ Visit the library [storybook](https://design.corp.bloomreach.com/storybooks/reac
 
 ## Using library in a project
 
-Install the following libraries to the project dependencies
+Install the library as a dependency in the project
 
 ```sh
-npm i --save --save-exact @bloomreach/react-banana-ui @bloomreach/banana-theme
+npm i --save --save-exact @bloomreach/react-banana-ui
 ```
 
-**Note:**
-
-The library `@bloomreach/banana-theme` is required only to bring fonts used by default in the global design system which is going to be used across all Bloomreach applications.
-Using it as a separate dependency in the end application is a temporary solution and will be changed in the near future by hiding inside `@bloomreach/react-banana-ui` library.
-
 ### Components
 
 In case project settings are properly established, use the components in the application like so
@@ -35,35 +30,22 @@ import { <ComponentName> } from "@bloomreach/react-banana-ui";
 
 Do the following steps to make styles and fonts available
 
-* Import the library styles along with fonts by adding the following lines in the main application style file
+* Import the library styles in the main application style file as the following line
 
   ```css
   // main.scss
 
-  @import '@bloomreach/banana-theme/css/fonts.css';
   @import '@bloomreach/react-banana-ui/style.css';
 
   ...
   ```
-* Additionally, set the `font-family` property to the root element using CSS custom properties available from the library
-
-  ```css
-  // main.scss
-
-  ...
-
-  html, body {
-    font-family: var(--broccoli-font-family-primary);
-  }
-
-  ...
-  ```
-
-The full list of available CSS custom properties will be available soon. Now just use the browser dev tools to see all available CSS custom properties. Filter them with the `--broccoli-` prefix to reduce the amount.
+* The font family for your `html` and `body` tags are already specified in the library styles
 
-**ATTENTION:**
+### IMPORTANT
 
-Please, avoid using `--banana-...` CSS custom properties as they are intended to be used inside the library itself.
+Please, avoid using `--rbui-...` and/or `--banana-...` CSS custom properties directly in the application styles
+as they are intended to be used inside the library only.
+Stick to use library components to bring the styles into the application.
 
 
 ## Development