@sikka/hawa 0.0.269 → 0.0.271

package/src/elements/HawaStepper.tsx

@@ -1,6 +1,5 @@
 import React, { FC } from "react"
 import clsx from "clsx"
-import { FaCheck } from "react-icons/fa"
 
 type THawaTimeline = {
   steps: any[any]
@@ -53,7 +52,17 @@ export const HawaStepper: FC<THawaTimeline> = ({
                   )}
                 >
                   {i + 1 <= props.currentStep ? (
-                    <FaCheck fontSize={11} />
+                    <svg
+                      aria-label="Check Mark"
+                      stroke="currentColor"
+                      fill="white"
+                      stroke-width="0"
+                      viewBox="0 0 512 512"
+                      height="0.60em"
+                      width="0.60em"
+                    >
+                      <path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path>
+                    </svg>
                   ) : (
                     i + 1
                   )}
@@ -69,32 +78,32 @@ export const HawaStepper: FC<THawaTimeline> = ({
   )
 }
 
-const TimelineStep = (props) => {
-  let defaultStyles = {
-    vertical: "",
-    horizontal: "",
-  }
-  return (
-    <div
-      className={
-        props.orientation === "vertical"
-          ? "flex w-full flex-row items-center"
-          : props.stepNumber === props.steps
-          ? "flex items-center"
-          : "after:border-1 flex items-center after:mx-6 after:hidden after:h-1 after:w-10 after:border-b after:border-gray-200  dark:after:border-gray-700 sm:after:inline-block sm:after:content-[''] md:w-full xl:after:mx-10"
-      }
-    >
-      <div
-        className={clsx(
-          "ring-buttonPrimary-200 m-2 mr-4 flex h-6 w-6 items-center justify-center rounded ring-2 ring-offset-2",
-          props.current
-            ? "bg-buttonPrimary-500 text-white"
-            : "bg-buttonPrimary-200"
-        )}
-      >
-        {props.current ? <FaCheck fontSize={11} /> : props.stepNumber}
-      </div>
-      <div className="whitespace-nowrap">{props.stepName}</div>
-    </div>
-  )
-}
+// const TimelineStep = (props) => {
+//   let defaultStyles = {
+//     vertical: "",
+//     horizontal: "",
+//   }
+//   return (
+//     <div
+//       className={
+//         props.orientation === "vertical"
+//           ? "flex w-full flex-row items-center"
+//           : props.stepNumber === props.steps
+//           ? "flex items-center"
+//           : "after:border-1 flex items-center after:mx-6 after:hidden after:h-1 after:w-10 after:border-b after:border-gray-200  dark:after:border-gray-700 sm:after:inline-block sm:after:content-[''] md:w-full xl:after:mx-10"
+//       }
+//     >
+//       <div
+//         className={clsx(
+//           "ring-buttonPrimary-200 m-2 mr-4 flex h-6 w-6 items-center justify-center rounded ring-2 ring-offset-2",
+//           props.current
+//             ? "bg-buttonPrimary-500 text-white"
+//             : "bg-buttonPrimary-200"
+//         )}
+//       >
+//         {props.current ? <FaCheck fontSize={11} /> : props.stepNumber}
+//       </div>
+//       <div className="whitespace-nowrap">{props.stepName}</div>
+//     </div>
+//   )
+// }

package/src/elements/HawaTable.tsx

@@ -4,8 +4,6 @@ import { HawaMenu } from "./HawaMenu"
 import useTable from "../hooks/useTable"
 import { HawaTextField } from "./HawaTextField"
 import { HawaButton } from "./HawaButton"
-import { FaSearch } from "react-icons/fa"
-import { BsChevronRight, BsFilter, BsPlus, BsThreeDots } from "react-icons/bs"
 
 // TODO: translate header tools and make it more customizable
 // TODO: pass the onSearch handler to the parent
@@ -133,18 +131,56 @@ export const HawaTable: FC<TableTypes> = ({
       <div className={`overflow-x-auto rounded  bg-${headerColor}`}>
         {props.headerTools && (
           <div className="flex flex-row items-center justify-between gap-2 px-4 py-2">
-            {/* <div className="w-1/2">
-            </div> */}
             <HawaTextField
-              icon={<FaSearch color="gray" />}
+              icon={
+                <svg
+                  aria-label="Search Icon"
+                  stroke="currentColor"
+                  fill="gray"
+                  stroke-width="0"
+                  viewBox="0 0 512 512"
+                  height="1em"
+                  width="1em"
+                >
+                  <path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path>
+                </svg>
+              }
               placeholder={"Search"}
               width="full"
               margin="none"
             />
             <div className="flex flex-row items-center justify-between gap-2">
-              {/* <HawaButton startIcon={<BsPlus />}>Add Item</HawaButton> */}
-              {/* <HawaButton startIcon={<BsChevronRight />}>Actions</HawaButton> */}
-              <HawaButton startIcon={<BsFilter />} endIcon={<BsChevronRight />}>
+              <HawaButton
+                startIcon={
+                  <svg
+                    aria-label="Filter Icon"
+                    stroke="currentColor"
+                    fill="currentColor"
+                    stroke-width="0"
+                    viewBox="0 0 16 16"
+                    height="1em"
+                    width="1em"
+                  >
+                    <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path>
+                  </svg>
+                }
+                endIcon={
+                  <svg
+                    aria-label="Chevron Right Icon"
+                    stroke="currentColor"
+                    fill="currentColor"
+                    stroke-width="0"
+                    viewBox="0 0 16 16"
+                    height="1em"
+                    width="1em"
+                  >
+                    <path
+                      fill-rule="evenodd"
+                      d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+                    ></path>
+                  </svg>
+                }
+              >
                 {props.texts?.filter ?? "Filter"}
               </HawaButton>
             </div>
@@ -315,7 +351,17 @@ export const HawaTable: FC<TableTypes> = ({
                               direction={direction}
                             >
                               <div className="flex w-fit  items-center justify-center rounded  p-2 hover:bg-gray-200">
-                                <BsThreeDots />
+                                <svg
+                                  aria-label="Vertical Three Dots Menu Icon"
+                                  stroke="currentColor"
+                                  fill="currentColor"
+                                  stroke-width="0"
+                                  viewBox="0 0 16 16"
+                                  height="1em"
+                                  width="1em"
+                                >
+                                  <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path>
+                                </svg>
                               </div>
                             </HawaMenu>
                           </div>
@@ -365,7 +411,20 @@ export const HawaTable: FC<TableTypes> = ({
                   page <= 1 ? setPage(range.length) : setPage(page - 1)
                 }
               >
-                <BsChevronRight />
+                <svg
+                  aria-label="Chevron Right Icon"
+                  stroke="currentColor"
+                  fill="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 16 16"
+                  height="1em"
+                  width="1em"
+                >
+                  <path
+                    fill-rule="evenodd"
+                    d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+                  ></path>
+                </svg>
               </div>
               {/* Numbered Pagination */}
               <div className="flex flex-row items-center  overflow-clip rounded  transition-all">
@@ -462,7 +521,20 @@ export const HawaTable: FC<TableTypes> = ({
                   "flex h-6 w-6 items-center  justify-center rounded bg-gray-100 p-1 text-xs hover:bg-layoutPrimary-700 "
                 )}
               >
-                <BsChevronRight />
+                <svg
+                  aria-label="Chevron Right Icon"
+                  stroke="currentColor"
+                  fill="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 16 16"
+                  height="1em"
+                  width="1em"
+                >
+                  <path
+                    fill-rule="evenodd"
+                    d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+                  ></path>
+                </svg>
               </div>
             </div>
           ) : (

package/src/elements/HawaTabs.tsx

@@ -104,6 +104,7 @@ export const HawaTabs: FC<TabsTypes> = ({
                 props?.onChangeTab(opt)
               }}
               className={clsx(
+                "flex flex-row gap-2 items-center",
                 opt.value === selectedOption
                   ? // props.options[selectedOption].value === opt.value
                     [
@@ -120,6 +121,7 @@ export const HawaTabs: FC<TabsTypes> = ({
                 // direction === "rtl" ? "bg-yellow-400" : "bg-yellow-400"
               )}
             >
+              {opt.icon}
               {opt.label}
             </button>
           </li>

package/src/elements/InvoiceAccordion.tsx

@@ -1,7 +1,5 @@
 import React, { useState, FC } from "react"
 import clsx from "clsx"
-import { HiChevronRight } from "react-icons/hi"
-import { BsThreeDotsVertical } from "react-icons/bs"
 import { HawaChip } from "./HawaChip"
 import { HawaMenu } from "./HawaMenu"
 
@@ -68,7 +66,21 @@ export const InvoiceAccordion: FC<InvoiceAccordionTypes> = ({
             )}
             onClick={() => setExpanded(!expanded)}
           >
-            <HiChevronRight fontSize={30} />
+            <svg
+              stroke="currentColor"
+              fill="currentColor"
+              stroke-width="0"
+              viewBox="0 0 20 20"
+              aria-hidden="true"
+              height="2em"
+              width="2em"
+            >
+              <path
+                fill-rule="evenodd"
+                d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
+                clip-rule="evenodd"
+              ></path>
+            </svg>
           </div>
         )}
         <div
@@ -89,7 +101,17 @@ export const InvoiceAccordion: FC<InvoiceAccordionTypes> = ({
             menuItems={props.invoiceActions}
           >
             <div className=" p-2">
-              <BsThreeDotsVertical />
+              {/* <BsThreeDotsVertical /> */}
+              <svg
+                stroke="currentColor"
+                fill="currentColor"
+                stroke-width="0"
+                viewBox="0 0 16 16"
+                height="1em"
+                width="1em"
+              >
+                <path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"></path>
+              </svg>
             </div>
           </HawaMenu>
         </div>

package/src/elements/UsageCard.tsx

@@ -1,6 +1,5 @@
 import React, { FC } from "react"
 import { HawaTooltip } from "./HawaTooltip"
-import { BsExclamationCircleFill } from "react-icons/bs"
 
 type UsageCardTypes = {
   tooltip?: any
@@ -15,7 +14,17 @@ export const UsageCard: FC<UsageCardTypes> = (props) => {
         <span className="bg-white-200">{props.title}</span>
         {props.tooltip && (
           <HawaTooltip content={props.tooltip} position="right-top">
-            <BsExclamationCircleFill />
+            <svg
+              stroke="currentColor"
+              aria-label="Exclamation Circle"
+              fill="currentColor"
+              stroke-width="0"
+              viewBox="0 0 16 16"
+              height="1em"
+              width="1em"
+            >
+              <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"></path>
+            </svg>
           </HawaTooltip>
         )}
       </div>

package/src/elements/UserFeedback.tsx

@@ -68,7 +68,6 @@ export const UserFeedback: FC<ComponentTypes> = ({
             className="h-5 w-5"
             fill="currentColor"
             viewBox="0 0 20 20"
-            xmlns="http://www.w3.org/2000/svg"
           >
             <path
               fillRule="evenodd"

package/src/elements/index.ts

@@ -18,13 +18,13 @@ export * from "./HawaTooltip"
 export * from "./HawaTabs"
 export * from "./HawaModal"
 export * from "./HawaMenu"
+export * from "./HawaDropdownMenu"
 export * from "./HawaCopyrights"
 export * from "./HawaStepper"
 export * from "./HawaStats"
 export * from "./HawaCodeBlock"
 export * from "./HawaSpinner"
 export * from "./HawaRadio"
-export * from "./HawaDrawer"
 export * from "./HawaDatepicker"
 export * from "./DragDropImages"
 export * from "./DraggableCard"

package/src/layout/Banner.tsx

@@ -108,7 +108,6 @@ export const HawaBanner: FC<BannerTypes> = ({
             className="h-5 w-5"
             fill="currentColor"
             viewBox="0 0 20 20"
-            xmlns="http://www.w3.org/2000/svg"
           >
             <path
               fillRule="evenodd"

package/src/layout/HawaAppLayout.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect, useRef, useState } from "react"
 import clsx from "clsx"
 import { FaChevronRight } from "react-icons/fa"
-import { FiSettings } from "react-icons/fi"
 import useDiscloser from "../hooks/useDiscloser"
 import useBreakpoint from "../hooks/useBreakpoint"
 import { HawaButton, HawaMenu } from "../elements"
@@ -135,7 +134,7 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = ({
                 onClick={() => setOpenSideMenu(true)}
                 className="z-40 mx-1 cursor-pointer  rounded p-2  transition-all hover:bg-gray-100"
               >
- <svg
+                <svg
                   stroke="currentColor"
                   fill="currentColor"
                   stroke-width="0"
@@ -143,14 +142,14 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = ({
                   aria-hidden="true"
                   height="1.6em"
                   width="1.6em"
-                  xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
                     fill-rule="evenodd"
                     d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
                     clip-rule="evenodd"
                   ></path>
-                </svg>              </div>
+                </svg>{" "}
+              </div>
               {/* Mobile Page Title */}
               {props.pageTitle ? (
                 <div className="text-sm">{props.pageTitle}</div>
@@ -199,7 +198,6 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = ({
                   className="absolute -left-1 h-10 w-10 text-gray-400"
                   fill="currentColor"
                   viewBox="0 0 20 20"
-                  xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
                     fillRule="evenodd"
@@ -427,7 +425,21 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = ({
                   className=" cursor-pointer rounded p-2 transition-all hover:bg-layoutPrimary-700"
                   onClick={() => onSettingsClick()}
                 >
-                  <FiSettings />
+                  {/* <FiSettings /> */}
+                  <svg
+                    aria-label="Settings Icon"
+                    stroke="currentColor"
+                    fill="none"
+                    stroke-width="2"
+                    viewBox="0 0 24 24"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    height="1em"
+                    width="1em"
+                  >
+                    <circle cx="12" cy="12" r="3"></circle>
+                    <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
+                  </svg>
                 </div>
               )}
               {/* Expand Button */}

package/src/layout/HawaAppLayoutSimplified.tsx

@@ -72,11 +72,14 @@ export const HawaAppLayoutSimplified: React.FunctionComponent<
 
   let drawerDefaultStyle =
     "fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all"
-
+  //The width of the drawer when closed
+  let closeDrawerWidth = 56
+  //The width of the drawer when opened
+  let openDrawerWidth = 200
   let drawerSizeStyle = {
     opened: {
       sm: "100",
-      md: "160",
+      md: openDrawerWidth,
       lg: "250",
     },
     closed: {
@@ -85,6 +88,7 @@ export const HawaAppLayoutSimplified: React.FunctionComponent<
       lg: "56",
     },
   }
+
   let drawerSizeCondition =
     size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0
   return (
@@ -142,7 +146,6 @@ export const HawaAppLayoutSimplified: React.FunctionComponent<
                   aria-hidden="true"
                   height="1.6em"
                   width="1.6em"
-                  xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
                     fill-rule="evenodd"
@@ -232,8 +235,8 @@ export const HawaAppLayoutSimplified: React.FunctionComponent<
           style={{
             width:
               size > 600
-                ? `${openSideMenu ? 160 : 56}px`
-                : `${openSideMenu ? 160 : 0}px`,
+                ? `${openSideMenu ? openDrawerWidth : 56}px`
+                : `${openSideMenu ? openDrawerWidth : 0}px`,
           }}
         >
           {/* Full Logo */}
@@ -276,8 +279,8 @@ export const HawaAppLayoutSimplified: React.FunctionComponent<
             height: "calc(100% - 112px)",
             width:
               size > 600
-                ? `${openSideMenu ? 160 : 56}px`
-                : `${openSideMenu ? 160 : 0}px`,
+                ? `${openSideMenu ? openDrawerWidth : 56}px`
+                : `${openSideMenu ? openDrawerWidth : 0}px`,
           }}
         >
           {/* Drawer Items */}
@@ -401,15 +404,15 @@ export const HawaAppLayoutSimplified: React.FunctionComponent<
         {/* Drawer Footer */}
         <div
           className={clsx(
-            "fixed bottom-0 flex h-14 w-full items-center justify-center gap-2 bg-layoutPrimary-500  transition-all",
+            "fixed bottom-0 flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-layoutPrimary-500  transition-all",
 
             direction === "rtl" ? "flex-row-reverse" : "flex-row"
           )}
           style={{
             width:
               size > 600
-                ? `${openSideMenu ? 160 : 56}px`
-                : `${openSideMenu ? 160 : 0}px`,
+                ? `${openSideMenu ? openDrawerWidth : 56}px`
+                : `${openSideMenu ? openDrawerWidth : 0}px`,
           }}
         >
           {size > 600 && DrawerFooterActions && openSideMenu ? (
@@ -501,7 +504,6 @@ const AvatarIcon = () => (
     className="absolute -left-1 h-10 w-10 text-gray-400"
     fill="currentColor"
     viewBox="0 0 20 20"
-    xmlns="http://www.w3.org/2000/svg"
   >
     <path
       fillRule="evenodd"
@@ -538,7 +540,6 @@ const ArrowIcon = ({ pointing, color }) => {
       )}
       fill={color}
       viewBox="0 0 20 20"
-      xmlns="http://www.w3.org/2000/svg"
     >
       <path
         fillRule="evenodd"
@@ -559,7 +560,6 @@ const SettingsIcon = () => (
     stroke-linejoin="round"
     height="1em"
     width="1em"
-    xmlns="http://www.w3.org/2000/svg"
   >
     <circle cx="12" cy="12" r="3"></circle>
     <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>

package/src/layout/HawaSiteLayout.tsx

@@ -125,7 +125,6 @@ export const HawaSiteLayout: React.FunctionComponent<HawaSiteLayoutTypes> = ({
                 aria-hidden="true"
                 height="1.6em"
                 width="1.6em"
-                xmlns="http://www.w3.org/2000/svg"
               >
                 <path
                   fill-rule="evenodd"