feat: update @jambonz/ui-kit:0.0.21 (#200)

* feat: update @jambonz/ui-kit:0.0.21

* fix security vulnerabilities

---------

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

src/components/access-control.cy.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { H1 } from "jambonz-ui";
+import { H1 } from "@jambonz/ui-kit";
 
 import { AccessControl } from "./access-control";
 

src/components/account-filter.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { classNames } from "jambonz-ui";
+import { classNames } from "@jambonz/ui-kit";
 
 import { Icons } from "src/components/icons";
 

src/components/application-filter.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { classNames } from "jambonz-ui";
+import { classNames } from "@jambonz/ui-kit";
 
 import { Icons } from "src/components/icons";
 import { sortLocaleName } from "src/utils";

src/components/forms/checkzone/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, forwardRef } from "react";
-import { classNames } from "jambonz-ui";
+import { classNames } from "@jambonz/ui-kit";
 
 import "./styles.scss";
 

src/components/forms/checkzone/styles.scss

@@ -1,6 +1,6 @@
 @use "src/styles/vars";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
-@use "jambonz-ui/src/styles/mixins" as ui-mixins;
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
 
 .checkzone {
   padding: ui-vars.$px02;

src/components/forms/file-upload/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState, forwardRef } from "react";
-import { classNames } from "jambonz-ui";
+import { classNames } from "@jambonz/ui-kit";
 
 import { Icons } from "src/components/icons";
 

src/components/forms/file-upload/styles.scss

@@ -1,7 +1,7 @@
 @use "src/styles/vars";
 @use "src/styles/mixins";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
-@use "jambonz-ui/src/styles/mixins" as ui-mixins;
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
 
 .file-upload {
   &__wrap {

src/components/forms/message/styles.scss

@@ -1,7 +1,7 @@
 @use "src/styles/vars";
 @use "src/styles/mixins";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
-@use "jambonz-ui/src/styles/mixins" as ui-mixins;
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
 
 .msg {
   @include ui-mixins.ms();

src/components/forms/passwd/styles.scss

@@ -1,6 +1,6 @@
 @use "src/styles/vars";
 @use "src/styles/mixins";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
 
 .passwd {
   position: relative;

src/components/forms/selector/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState, forwardRef } from "react";
-import { classNames } from "jambonz-ui";
+import { classNames } from "@jambonz/ui-kit";
 
 import { Icons } from "src/components/icons";
 

src/components/forms/selector/styles.scss

@@ -1,8 +1,8 @@
 @use "src/styles/vars";
 @use "src/styles/mixins";
-@use "jambonz-ui/src/styles/index";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
-@use "jambonz-ui/src/styles/mixins" as ui-mixins;
+@use "@jambonz/ui-kit/src/styles/index";
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
 
 .selector {
   position: relative;

src/components/modal/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
-import { Button, ButtonGroup } from "jambonz-ui";
+import { Button, ButtonGroup } from "@jambonz/ui-kit";
 
 import "./styles.scss";
 

src/components/modal/styles.scss

@@ -1,6 +1,6 @@
 @use "src/styles/vars";
 @use "src/styles/mixins";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
 
 .modal {
   position: fixed;

src/components/obscure/styles.scss

@@ -1,6 +1,6 @@
 @use "src/styles/vars";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
-@use "jambonz-ui/src/styles/mixins" as ui-mixins;
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
 
 .obscure {
   @include ui-mixins.ms();

src/components/pagination/index.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo } from "react";
-import { Icon } from "jambonz-ui";
+import { Icon } from "@jambonz/ui-kit";
 
 import { Icons } from "../icons";
 

src/components/pagination/styles.scss

@@ -1,7 +1,7 @@
 @use "src/styles/vars";
 @use "src/styles/mixins";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
-@use "jambonz-ui/src/styles/mixins" as ui-mixins;
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
 
 .pagination {
   display: flex;

src/components/require-auth.cy.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { H1 } from "jambonz-ui";
+import { H1 } from "@jambonz/ui-kit";
 
 import { RequireAuth } from "./require-auth";
 

src/components/scoped-access.cy.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { H1 } from "jambonz-ui";
+import { H1 } from "@jambonz/ui-kit";
 
 import { ScopedAccess } from "./scoped-access";
 import { USER_SP, USER_ADMIN, USER_ACCOUNT } from "src/api/constants";

src/components/search-filter/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useCallback } from "react";
-import { classNames } from "jambonz-ui";
+import { classNames } from "@jambonz/ui-kit";
 
 import { Icons } from "src/components/icons";
 

src/components/search-filter/styles.scss

@@ -1,7 +1,7 @@
 @use "src/styles/vars";
 @use "src/styles/mixins";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
-@use "jambonz-ui/src/styles/mixins" as ui-mixins;
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
 
 .search-filter {
   position: relative;

src/components/section/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "jambonz-ui";
+import { classNames } from "@jambonz/ui-kit";
 
 import "./styles.scss";
 

src/components/section/styles.scss

@@ -1,7 +1,7 @@
 @use "src/styles/vars";
-@use "jambonz-ui/src/styles/index";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
-@use "jambonz-ui/src/styles/mixins" as ui-mixins;
+@use "@jambonz/ui-kit/src/styles/index";
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
 
 .sec {
   margin-top: ui-vars.$px03;

src/components/select-filter.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { classNames } from "jambonz-ui";
+import { classNames } from "@jambonz/ui-kit";
 
 import { Icons } from "src/components/icons";
 

src/components/spinner/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "jambonz-ui";
+import { classNames } from "@jambonz/ui-kit";
 
 import "./styles.scss";
 

src/components/spinner/styles.scss

@@ -1,5 +1,5 @@
 @use "src/styles/vars";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
 
 /** https://loading.io/css/ */
 

src/components/toast/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
-import { classNames } from "jambonz-ui";
+import { classNames } from "@jambonz/ui-kit";
 
 import { Icons } from "src/components";
 

src/components/toast/styles.scss

@@ -1,6 +1,6 @@
 @use "src/styles/vars";
 @use "src/styles/mixins";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
 
 .toast {
   padding-left: ui-vars.$px02;

src/components/tooltip/styles.scss

@@ -1,7 +1,7 @@
 @use "src/styles/vars";
 @use "src/styles/mixins";
-@use "jambonz-ui/src/styles/vars" as ui-vars;
-@use "jambonz-ui/src/styles/mixins" as ui-mixins;
+@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
+@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
 
 .tooltip {
   cursor: help;