@appquality/unguess-design-system 2.10.2 → 2.10.3

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v2.10.3 (Tue May 03 2022)
+
+#### ⚠️ Pushed to `master`
+
+- fix(drawers): remove duplicated component ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v2.10.2 (Tue May 03 2022)
 
 #### ⚠️ Pushed to `master`

package/build/index.d.ts

@@ -10,9 +10,9 @@ export * from "./stories/buttons/split-button";
 export * from "./stories/cards";
 export * from "./stories/campaign-cards";
 export * from "./stories/product-cards";
-export * from "./stories/drawers";
 export * from "./stories/close";
 export * from "./stories/counter";
+export * from "./stories/drawers";
 export * as DropdownField from "./stories/dropdowns/field";
 export * from "./stories/dropdowns/item";
 export * from "./stories/dropdowns/menu";

package/build/index.js

@@ -768,13 +768,6 @@ var ProductCard = function (props) {
 };
 var templateObject_1$N, templateObject_2$f, templateObject_3$a, templateObject_4$6, templateObject_5$3, templateObject_6$1, templateObject_7, templateObject_8;
 
-var Drawer = function (props) { return jsxRuntime.jsx(reactModals.DrawerModal, __assign({}, props)); };
-Drawer.Header = reactModals.DrawerModal.Header;
-Drawer.Body = reactModals.DrawerModal.Body;
-Drawer.Footer = reactModals.DrawerModal.Footer;
-Drawer.FooterItem = reactModals.DrawerModal.FooterItem;
-Drawer.Close = reactModals.DrawerModal.Close;
-
 /**
  * Title is a basic component used to display a title. Often used in card headers.
  */
@@ -1017,6 +1010,20 @@ var Counter = function (props) {
 Counter.Avatar = StyledTag.Avatar;
 var templateObject_1$M;
 
+/**
+ * A Drawer is a container for supplementary content that is anchored to the edge of a page.
+ * <hr>
+ * Used for this:
+    - To display information or actions that are supplementary to the screen’s primary content
+    - To display a list of actions that affect the screen’s content, such as filtering data
+ */
+var Drawer = function (props) { return jsxRuntime.jsx(reactModals.DrawerModal, __assign({}, props)); };
+Drawer.Header = reactModals.DrawerModal.Header;
+Drawer.Body = reactModals.DrawerModal.Body;
+Drawer.Footer = reactModals.DrawerModal.Footer;
+Drawer.FooterItem = reactModals.DrawerModal.FooterItem;
+Drawer.Close = reactModals.DrawerModal.Close;
+
 var Field$1 = styled__default["default"](reactDropdowns.Field)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject([""], [""])));
 var templateObject_1$L;
 

package/build/stories/drawers/index.d.ts

@@ -1,5 +1,12 @@
 /// <reference types="react" />
 import { DrawerArgs } from "./_types";
+/**
+ * A Drawer is a container for supplementary content that is anchored to the edge of a page.
+ * <hr>
+ * Used for this:
+    - To display information or actions that are supplementary to the screen’s primary content
+    - To display a list of actions that affect the screen’s content, such as filtering data
+ */
 declare const Drawer: {
     (props: DrawerArgs): JSX.Element;
     Header: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.10.2",
+  "version": "2.10.3",
   "dependencies": {
     "@zendeskgarden/css-bedrock": "^9.0.0",
     "@zendeskgarden/react-accordions": "^8.49.0",

package/build/stories/drawer/_types.d.ts

@@ -1,30 +0,0 @@
-import { IDrawerModalProps } from "@zendeskgarden/react-modals";
-import { KeyboardEvent, MouseEvent } from "react";
-export interface DrawerArgs extends IDrawerModalProps {
-    /**
-     * Opens the modal
-     */
-    isOpen?: boolean;
-    /**
-     * Passes HTML attributes to the backdrop element
-     */
-    backdropProps?: any;
-    /**
-     * Handles close actions. Can be triggered from the backdrop and from the close icon.
-     *
-     * @param {Object} event The DOM event that triggered the close action
-     */
-    onClose?: (event: KeyboardEvent | MouseEvent) => void;
-    /**
-     * Defines the DOM element that the modal will attatch to
-     */
-    appendToNode?: Element;
-    /**
-     * Directs keyboard focus to the modal on mount
-     */
-    focusOnMount?: boolean;
-    /**
-     * Returns keyboard focus to the element that triggered the modal
-     */
-    restoreFocus?: boolean;
-}

package/build/stories/drawer/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { DrawerArgs } from "./_types";
-declare const Drawer: {
-    (props: DrawerArgs): JSX.Element;
-    Header: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    Body: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    FooterItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-    Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
-};
-export { Drawer };

package/build/stories/drawer/index.stories.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { DrawerArgs } from "./_types";
-import { ComponentMeta, Story } from "@storybook/react";
-export declare const Default: Story<DrawerArgs>;
-declare const _default: ComponentMeta<{
-    (props: DrawerArgs): JSX.Element;
-    Header: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    Body: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    FooterItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-    Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
-}>;
-export default _default;

package/build/stories/drawer/loremIpsum.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const LoremIpsum: () => JSX.Element;