feat: update jambonz-ui:0.0.20 (#53)

* feat: update jambonz-ui:0.0.20

* feat: update jambonz-ui:0.0.20

* feat: update @jambonz/ui-kit version

* fixes for new ui-kit

* update references to jambonz-ui

---------

Co-authored-by: Quan HL <quanluuhoang8@gmail.com>
Co-authored-by: Dave Horton <daveh@beachdognet.com>

markdown/docs/jambonz-ui/components.md

@@ -71,7 +71,7 @@ All of these accept the same type of props with the exception of `M`, `MS` and `
 You can import available components from the package into your jambonz app JS.
 
 ```jsx
-import { ButtonGroup, Button, Icon } from "jambonz-ui";
+import { ButtonGroup, Button, Icon } from "@jambonz/ui-kit";
 
 function MyComponent() {
   return (
@@ -101,7 +101,7 @@ Using the `Link` prop with [react-router-dom](https://reactrouter.com/docs/en/v6
 
 ```jsx
 import { Link } from "react-router-dom";
-import { Button } from "jambonz-ui";
+import { Button } from "@jambonz/ui-kit";
 
 function MyComponent() {
   return (
@@ -116,7 +116,7 @@ Using the `Link` prop with [next/link](https://nextjs.org/docs/api-reference/nex
 
 ```jsx
 import Link from "next/link";
-import { Button } from "jambonz-ui";
+import { Button } from "@jambonz/ui-kit";
 
 function MyComponent() {
   return (
@@ -173,7 +173,7 @@ Then we can use these icons both `inline` and with the `Icon` component for styl
 
 ```jsx
 import { Icons } from "./my-icons";
-import { Icon } from "jambonz-ui";
+import { Icon } from "@jambonz/ui-kit";
 
 function MyComponent() {
   return (

markdown/docs/jambonz-ui/fonts-and-icons.md

@@ -46,7 +46,7 @@ script in the `package.json` file. We are also opting to ignore the `fonts` dire
 ```json
 {
   "scripts": {
-    "postinstall": "rm -rf public/fonts && cp -R ./node_modules/jambonz-ui/public/fonts ./public/fonts"
+    "postinstall": "rm -rf public/fonts && cp -R ./node_modules/@jambonz/ui-kit/public/fonts ./public/fonts"
   }
 }
 ```
@@ -63,7 +63,7 @@ Example of dev server config:
 module.exports = {
   // ...
   devServer: {
-    static: [path.resolve(__dirname, 'node_modules/jambonz-ui/public')],
+    static: [path.resolve(__dirname, 'node_modules/@jambonz/ui-kit/public')],
   },
 };
 ```
@@ -77,7 +77,7 @@ module.exports = {
     new CopyWebpackPlugin({
       patterns: [
         {
-          from: path.resolve(__dirname, 'node_modules/jambonz-ui/public'),
+          from: path.resolve(__dirname, 'node_modules/@jambonz/ui-kit/public'),
           // If you would like to omit the CSS/JS and only copy fonts
           globOptions: {
             ignore: ['**/css/**', '**/js/**'],

markdown/docs/jambonz-ui/index.md

@@ -21,7 +21,7 @@ View the [storybook](https://jambonz-ui.vercel.app/).
 Installing the package is easy. You can use any typical package manager for frontend stacks.
 
 ```shell
-npm install jambonz-ui # or yarn add jambonz-ui
+npm install @jambonz/ui-kit # or yarn add @jambonz/ui-kit
 ```
 
 ##### General usage

markdown/docs/jambonz-ui/styles.md

@@ -77,10 +77,10 @@ already using SASS for your jambonz app the recommendation would be to just load
 ```scss
 // This loads the entire SASS lib
 // You should use this in your root SASS entry point
-@use 'jambonz-ui/src/styles/index';
+@use '@jambonz/ui-kit/src/styles/index';
 
 // In your local SASS modules you can use the vars and mixins from the UI library
-@use 'jambonz-ui/src/styles/vars' as ui-vars;
+@use '@jambonz/ui-kit/styles/vars' as ui-vars;
 
 .some-thing {
   color: ui-vars.$jambonz;