ag-common 0.0.549 → 0.0.550

package/dist/ui/components/Sidebar/index.js

@@ -32,6 +32,7 @@ const styled_1 = __importDefault(require("@emotion/styled"));
 const react_1 = __importStar(require("react"));
 const helpers_1 = require("../../helpers");
 const use_1 = require("../../helpers/cookie/use");
+const Hamburger_1 = require("../../icons/Hamburger");
 const common_1 = require("../../styles/common");
 const media_1 = require("../../styles/media");
 const Chevron_1 = require("../Chevron");
@@ -96,7 +97,7 @@ const Content = styled_1.default.div `
     background-color: rgba(255, 255, 255, 0.1);
   }
 `;
-const Hamburger = styled_1.default.div `
+const HamburgerB = styled_1.default.div `
   position: absolute;
   transition: all 200ms;
   z-index: 2;
@@ -114,8 +115,9 @@ const Hamburger = styled_1.default.div `
   width: 1.5rem;
   height: 1.5rem;
   background-color: rgba(255, 255, 255, 0.9);
+  padding: 0.25rem;
   &:hover {
-    background-color: rgba(0, 0, 0, 0.1);
+    background-color: rgba(255, 255, 255, 0.7);
   }
   border-radius: 50%;
   border: solid 1px rgba(0, 0, 0, 0.5);
@@ -140,8 +142,7 @@ const Sidebar = ({ children, className, key = 'sidebar', cookieDocument, }) => {
         setOpen(false);
     });
     return (react_1.default.createElement(Base, { "data-type": "sidebar", className: className, "data-open": open, onClick: () => !open && setOpen(true), "data-hover": true, ref: ref },
-        react_1.default.createElement(Hamburger, { "data-open": open, onClick: () => setOpen(!open), "data-hover": true },
-            react_1.default.createElement(ChevronStyled, { point: open ? 'left' : 'right', width: "100%" })),
+        react_1.default.createElement(HamburgerB, { "data-open": open, onClick: () => setOpen(!open), "data-hover": true }, open ? react_1.default.createElement(ChevronStyled, { point: 'left', width: "100%" }) : react_1.default.createElement(Hamburger_1.Hamburger, null)),
         react_1.default.createElement(ContentBlock, { "data-type": "content-block", "data-open": open },
             react_1.default.createElement(Content, { "data-type": "content", "data-open": open, onClick: (e) => {
                     e.stopPropagation();

package/dist/ui/icons/Hamburger.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Hamburger: ({ className }: {
+    className?: string | undefined;
+}) => React.JSX.Element;

package/dist/ui/icons/Hamburger.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hamburger = void 0;
+const react_1 = __importDefault(require("react"));
+const Hamburger = ({ className }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32 ", xmlSpace: "preserve", className: className },
+    react_1.default.createElement("path", { d: "M4 10h24a2 2 0 0 0 0-4H4a2 2 0 0 0 0 4zm24 4H4a2 2 0 0 0 0 4h24a2 2 0 0 0 0-4zm0 8H4a2 2 0 0 0 0 4h24a2 2 0 0 0 0-4z" })));
+exports.Hamburger = Hamburger;

package/dist/ui/icons/index.d.ts

@@ -4,6 +4,7 @@ export * from './Circle';
 export * from './CircleDot';
 export * from './CrossIcon';
 export * from './Door';
+export * from './Hamburger';
 export * from './HorizontalDots';
 export * from './Magnify';
 export * from './Pencil';

package/dist/ui/icons/index.js

@@ -20,6 +20,7 @@ __exportStar(require("./Circle"), exports);
 __exportStar(require("./CircleDot"), exports);
 __exportStar(require("./CrossIcon"), exports);
 __exportStar(require("./Door"), exports);
+__exportStar(require("./Hamburger"), exports);
 __exportStar(require("./HorizontalDots"), exports);
 __exportStar(require("./Magnify"), exports);
 __exportStar(require("./Pencil"), exports);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.549",
+  "version": "0.0.550",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",