@dt-dds/react-drawer 1.0.0-beta.64 → 1.0.0-beta.66

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @dt-ui/react-drawer
 
+## 1.0.0-beta.66
+
+### Patch Changes
+
+- chore: standardise license file naming
+- Updated dependencies
+  - @dt-dds/react-core@1.0.0-beta.58
+  - @dt-dds/react-icon@1.0.0-beta.61
+  - @dt-dds/react-icon-button@1.0.0-beta.27
+  - @dt-dds/react-typography@1.0.0-beta.49
+  - @dt-dds/themes@1.0.0-beta.13
+
+## 1.0.0-beta.65
+
+### Patch Changes
+
+- refactor: remove custom icons
+
 ## 1.0.0-beta.64
 
 ### Minor Changes

package/dist/index.js

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -52,8 +35,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/Drawer.tsx
-var import_react6 = require("react");
-var import_react7 = require("@emotion/react");
+var import_react4 = require("react");
+var import_react5 = require("@emotion/react");
 
 // src/components/title/DrawerTitle.tsx
 var import_react_typography = require("@dt-dds/react-typography");
@@ -61,6 +44,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var DrawerTitle = ({ title }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_typography.Typography, { color: "content.dark", element: "h4", fontStyles: "h4", children: title });
 
 // src/components/header/DrawerHeader.tsx
+var import_react_icon = require("@dt-dds/react-icon");
 var import_react_icon_button = require("@dt-dds/react-icon-button");
 
 // src/components/header/DrawerHeader.styled.ts
@@ -82,215 +66,21 @@ var HeaderStyled = import_styled.default.header`
   `}
 `;
 
-// ../../dt-dds-react/core/assets/svgs/AllOut.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Apis.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Apps.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ArrowDropDown.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ArrowDropUp.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ArrowLeft.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ArrowRight.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/AvatarThumbnail.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Bolt.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/CalendarMonth.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Cancel.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Check.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/CheckCircle.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/CheckCircleOutline.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Close.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var CloseIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    "svg",
-    __spreadProps(__spreadValues({
-      fill: "none",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        "path",
-        {
-          d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",
-          fill: "currentColor"
-        }
-      )
-    })
-  );
-};
-var Close_default = CloseIcon;
-
-// ../../dt-dds-react/core/assets/svgs/Copy.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Delete.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Edit.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Email.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/EmailSend.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Error.tsx
-var import_react = require("@emotion/react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ErrorOutline.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/EVStation.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Info.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/InfoOutline.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Input.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Language.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/LocationOn.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/LocationSearching.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/MenuCompact.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/MenuExpand.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Menu.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/MoreHorizontal.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/MoreVertical.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/NoData.tsx
-var import_react2 = require("@emotion/react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/NotFound.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/OutlinedArrowDropDown.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/OutlinedArrowDropUp.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/PhoneOutlined.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Payments.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Products.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/RemoveCircleOutline.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Share.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Signout.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Teams.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Timeline.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Topic.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/UnfoldLess.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/UnfoldMore.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Username.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ViewAgenda.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Visibility.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/VisibilityOff.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/WarningOutline.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Warning.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Wifi.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Settings.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-
 // src/context/DrawerProvider.tsx
-var import_react3 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var DEFAULT_VALUE = {
   handleClose: () => null
 };
-var DrawerContext = (0, import_react3.createContext)(DEFAULT_VALUE);
+var DrawerContext = (0, import_react.createContext)(DEFAULT_VALUE);
 var DrawerContextProvider = ({
   handleClose,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DrawerContext.Provider, { value: { handleClose }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DrawerContext.Provider, { value: { handleClose }, children });
 };
 var useDrawerContext = () => {
-  const context = (0, import_react3.useContext)(DrawerContext);
+  const context = (0, import_react.useContext)(DrawerContext);
   if (!context) {
     throw new Error(
       "Drawer compound components cannot be rendered outside the Drawer component"
@@ -300,25 +90,25 @@ var useDrawerContext = () => {
 };
 
 // src/components/header/DrawerHeader.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var DrawerHeader = ({ children }) => {
   const { handleClose } = useDrawerContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(HeaderStyled, { "data-testid": "drawer-header", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(HeaderStyled, { "data-testid": "drawer-header", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_react_icon_button.IconButton,
       {
         color: "default",
         dataTestId: "drawer-close-button",
         onClick: handleClose,
-        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Close_default, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_icon.Icon, { code: "close", size: "large" })
       }
     )
   ] });
 };
 
 // src/components/body/DrawerBody.tsx
-var import_react4 = require("react");
+var import_react2 = require("react");
 
 // src/components/body/DrawerBody.styled.ts
 var import_styled2 = __toESM(require("@emotion/styled"));
@@ -339,9 +129,9 @@ var ScrollableSectionObserverStyled = import_styled2.default.div`
 `;
 
 // src/components/body/DrawerBody.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var DrawerBody = ({ children, style, dataTestId }) => {
-  const scrollableSectionObserverRef = (0, import_react4.useRef)(null);
+  const scrollableSectionObserverRef = (0, import_react2.useRef)(null);
   const handleScrollClass = (isSectionScrollable) => {
     var _a;
     const sectionElement = (_a = scrollableSectionObserverRef.current) == null ? void 0 : _a.parentElement;
@@ -349,7 +139,7 @@ var DrawerBody = ({ children, style, dataTestId }) => {
       isSectionScrollable ? sectionElement.classList.add("hasScroll") : sectionElement.classList.remove("hasScroll");
     }
   };
-  (0, import_react4.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (scrollableSectionObserverRef.current) {
       const observer = new IntersectionObserver(
         ([{ isIntersecting: isSectionObserverVisible }]) => handleScrollClass(!isSectionObserverVisible)
@@ -358,24 +148,24 @@ var DrawerBody = ({ children, style, dataTestId }) => {
       return () => observer.disconnect();
     }
   }, [scrollableSectionObserverRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     DrawerContentStyled,
     {
       "data-testid": dataTestId != null ? dataTestId : "drawer-body",
       style,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ScrollableSectionObserverStyled, { ref: scrollableSectionObserverRef })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ScrollableSectionObserverStyled, { ref: scrollableSectionObserverRef })
       ]
     }
   );
 };
 
 // src/Drawer.styled.ts
-var import_react5 = require("@emotion/react");
+var import_react3 = require("@emotion/react");
 var import_styled3 = __toESM(require("@emotion/styled"));
 var import_react_core = require("@dt-dds/react-core");
-var GlobalStyle = import_react5.css`
+var GlobalStyle = import_react3.css`
   body {
     overflow: hidden;
   }
@@ -425,7 +215,7 @@ var DrawerStyled = import_styled3.default.div`
 `;
 
 // src/Drawer.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var animationToMiliseconds = (duration) => parseFloat(duration.replace(/[^\d.]/g, "")) * 1e3;
 var Drawer = ({
   isVisible,
@@ -433,15 +223,15 @@ var Drawer = ({
   children,
   dataTestId
 }) => {
-  const [isTransformed, setIsTransformed] = (0, import_react6.useState)(false);
-  const theme = (0, import_react7.useTheme)();
-  const handleClose = (0, import_react6.useCallback)(() => {
+  const [isTransformed, setIsTransformed] = (0, import_react4.useState)(false);
+  const theme = (0, import_react5.useTheme)();
+  const handleClose = (0, import_react4.useCallback)(() => {
     setIsTransformed(false);
     setTimeout(() => {
       setIsVisible(false);
     }, animationToMiliseconds(theme.animations.emphasizedDecelerate.timingFunction));
   }, [setIsVisible, theme.animations.emphasizedDecelerate.timingFunction]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         handleClose();
@@ -453,9 +243,9 @@ var Drawer = ({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [handleClose, isVisible]);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DrawerContextProvider, { handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(MainContainerStyled, { children: [
-    isVisible ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react7.Global, { styles: GlobalStyle }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DrawerContextProvider, { handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(MainContainerStyled, { children: [
+    isVisible ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react5.Global, { styles: GlobalStyle }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       OverlayStyled,
       {
         "data-testid": "drawer-overlay",
@@ -463,7 +253,7 @@ var Drawer = ({
         onClick: handleClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       DrawerStyled,
       {
         "data-testid": dataTestId != null ? dataTestId : "drawer-content-container",

package/dist/index.mjs

@@ -1,26 +1,6 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
 // src/Drawer.tsx
 import { useCallback, useEffect as useEffect2, useState } from "react";
-import { useTheme as useTheme3, Global } from "@emotion/react";
+import { useTheme, Global } from "@emotion/react";
 
 // src/components/title/DrawerTitle.tsx
 import { Typography } from "@dt-dds/react-typography";
@@ -28,6 +8,7 @@ import { jsx } from "react/jsx-runtime";
 var DrawerTitle = ({ title }) => /* @__PURE__ */ jsx(Typography, { color: "content.dark", element: "h4", fontStyles: "h4", children: title });
 
 // src/components/header/DrawerHeader.tsx
+import { Icon } from "@dt-dds/react-icon";
 import { IconButton } from "@dt-dds/react-icon-button";
 
 // src/components/header/DrawerHeader.styled.ts
@@ -49,203 +30,9 @@ var HeaderStyled = styled.header`
   `}
 `;
 
-// ../../dt-dds-react/core/assets/svgs/AllOut.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Apis.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Apps.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ArrowDropDown.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ArrowDropUp.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ArrowLeft.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ArrowRight.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/AvatarThumbnail.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Bolt.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/CalendarMonth.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Cancel.tsx
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Check.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/CheckCircle.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/CheckCircleOutline.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Close.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var CloseIcon = (props) => {
-  return /* @__PURE__ */ jsx16(
-    "svg",
-    __spreadProps(__spreadValues({
-      fill: "none",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props), {
-      children: /* @__PURE__ */ jsx16(
-        "path",
-        {
-          d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",
-          fill: "currentColor"
-        }
-      )
-    })
-  );
-};
-var Close_default = CloseIcon;
-
-// ../../dt-dds-react/core/assets/svgs/Copy.tsx
-import { jsx as jsx17, jsxs as jsxs6 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Delete.tsx
-import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Edit.tsx
-import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Email.tsx
-import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/EmailSend.tsx
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Error.tsx
-import { useTheme } from "@emotion/react";
-import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ErrorOutline.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/EVStation.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Info.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/InfoOutline.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Input.tsx
-import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Language.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/LocationOn.tsx
-import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/LocationSearching.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/MenuCompact.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/MenuExpand.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Menu.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/MoreHorizontal.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/MoreVertical.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/NoData.tsx
-import { useTheme as useTheme2 } from "@emotion/react";
-import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/NotFound.tsx
-import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/OutlinedArrowDropDown.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/OutlinedArrowDropUp.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/PhoneOutlined.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Payments.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Products.tsx
-import { jsx as jsx42, jsxs as jsxs16 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/RemoveCircleOutline.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Share.tsx
-import { jsx as jsx44, jsxs as jsxs17 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Signout.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Teams.tsx
-import { jsx as jsx46, jsxs as jsxs18 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Timeline.tsx
-import { jsx as jsx47, jsxs as jsxs19 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Topic.tsx
-import { jsx as jsx48, jsxs as jsxs20 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/UnfoldLess.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/UnfoldMore.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Username.tsx
-import { jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ViewAgenda.tsx
-import { jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Visibility.tsx
-import { jsx as jsx53, jsxs as jsxs23 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/VisibilityOff.tsx
-import { jsx as jsx54, jsxs as jsxs24 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/WarningOutline.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Warning.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Wifi.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Settings.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
-
 // src/context/DrawerProvider.tsx
 import { createContext, useContext } from "react";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var DEFAULT_VALUE = {
   handleClose: () => null
 };
@@ -254,7 +41,7 @@ var DrawerContextProvider = ({
   handleClose,
   children
 }) => {
-  return /* @__PURE__ */ jsx59(DrawerContext.Provider, { value: { handleClose }, children });
+  return /* @__PURE__ */ jsx2(DrawerContext.Provider, { value: { handleClose }, children });
 };
 var useDrawerContext = () => {
   const context = useContext(DrawerContext);
@@ -267,18 +54,18 @@ var useDrawerContext = () => {
 };
 
 // src/components/header/DrawerHeader.tsx
-import { jsx as jsx60, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var DrawerHeader = ({ children }) => {
   const { handleClose } = useDrawerContext();
-  return /* @__PURE__ */ jsxs25(HeaderStyled, { "data-testid": "drawer-header", children: [
-    /* @__PURE__ */ jsx60("div", { children }),
-    /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs(HeaderStyled, { "data-testid": "drawer-header", children: [
+    /* @__PURE__ */ jsx3("div", { children }),
+    /* @__PURE__ */ jsx3(
       IconButton,
       {
         color: "default",
         dataTestId: "drawer-close-button",
         onClick: handleClose,
-        children: /* @__PURE__ */ jsx60(Close_default, {})
+        children: /* @__PURE__ */ jsx3(Icon, { code: "close", size: "large" })
       }
     )
   ] });
@@ -306,7 +93,7 @@ var ScrollableSectionObserverStyled = styled2.div`
 `;
 
 // src/components/body/DrawerBody.tsx
-import { jsx as jsx61, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var DrawerBody = ({ children, style, dataTestId }) => {
   const scrollableSectionObserverRef = useRef(null);
   const handleScrollClass = (isSectionScrollable) => {
@@ -325,14 +112,14 @@ var DrawerBody = ({ children, style, dataTestId }) => {
       return () => observer.disconnect();
     }
   }, [scrollableSectionObserverRef]);
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs2(
     DrawerContentStyled,
     {
       "data-testid": dataTestId != null ? dataTestId : "drawer-body",
       style,
       children: [
         children,
-        /* @__PURE__ */ jsx61(ScrollableSectionObserverStyled, { ref: scrollableSectionObserverRef })
+        /* @__PURE__ */ jsx4(ScrollableSectionObserverStyled, { ref: scrollableSectionObserverRef })
       ]
     }
   );
@@ -392,7 +179,7 @@ var DrawerStyled = styled3.div`
 `;
 
 // src/Drawer.tsx
-import { jsx as jsx62, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var animationToMiliseconds = (duration) => parseFloat(duration.replace(/[^\d.]/g, "")) * 1e3;
 var Drawer = ({
   isVisible,
@@ -401,7 +188,7 @@ var Drawer = ({
   dataTestId
 }) => {
   const [isTransformed, setIsTransformed] = useState(false);
-  const theme = useTheme3();
+  const theme = useTheme();
   const handleClose = useCallback(() => {
     setIsTransformed(false);
     setTimeout(() => {
@@ -420,9 +207,9 @@ var Drawer = ({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [handleClose, isVisible]);
-  return /* @__PURE__ */ jsx62(DrawerContextProvider, { handleClose, children: /* @__PURE__ */ jsxs27(MainContainerStyled, { children: [
-    isVisible ? /* @__PURE__ */ jsx62(Global, { styles: GlobalStyle }) : null,
-    /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx5(DrawerContextProvider, { handleClose, children: /* @__PURE__ */ jsxs3(MainContainerStyled, { children: [
+    isVisible ? /* @__PURE__ */ jsx5(Global, { styles: GlobalStyle }) : null,
+    /* @__PURE__ */ jsx5(
       OverlayStyled,
       {
         "data-testid": "drawer-overlay",
@@ -430,7 +217,7 @@ var Drawer = ({
         onClick: handleClose
       }
     ),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx5(
       DrawerStyled,
       {
         "data-testid": dataTestId != null ? dataTestId : "drawer-content-container",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-drawer",
-  "version": "1.0.0-beta.64",
+  "version": "1.0.0-beta.66",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js"
@@ -20,10 +20,11 @@
     "test:update:snapshot": "jest -u"
   },
   "dependencies": {
-    "@dt-dds/react-core": "1.0.0-beta.57",
-    "@dt-dds/react-icon-button": "1.0.0-beta.26",
-    "@dt-dds/react-typography": "1.0.0-beta.48",
-    "@dt-dds/themes": "1.0.0-beta.12"
+    "@dt-dds/react-core": "1.0.0-beta.58",
+    "@dt-dds/react-icon-button": "1.0.0-beta.27",
+    "@dt-dds/react-typography": "1.0.0-beta.49",
+    "@dt-dds/react-icon": "1.0.0-beta.61",
+    "@dt-dds/themes": "1.0.0-beta.13"
   },
   "devDependencies": {
     "@babel/core": "^7.22.9",