zebpay-ui 0.0.18 → 0.0.20

package/README.md

@@ -1,8 +1,16 @@
 # znew.design.system
 
-Component Library and Design System for Z new
+A Component Library and Design System created using React for ZebPay.
 
-### Build steps:
+### Steps to add a new icon:
+
+```
+- Add the icon svg in /svgs directory
+- Add the icon name in /src/iconsList in sorted order
+- Run yarn build:icons; yarn storybook
+```
+
+### Steps to build:
 
 ```
 yarn install;
@@ -10,3 +18,9 @@ yarn clear:output;
 yarn build:icons;
 yarn build;
 ```
+
+### Steps to release:
+
+```
+npm login; npm publish
+```

package/dist/cjs/components/Accordion/index.d.ts

@@ -1,10 +1,11 @@
 /** @jsxImportSource @emotion/react */
 import { SerializedStyles } from "@emotion/react";
-import { FC } from "react";
+import React, { FC } from "react";
 import "./../../../dist/icons/icons.css";
 interface AccordionProps {
-    title: string;
-    onToggle?: (value: boolean) => void;
+    title: React.ReactNode;
+    isOpen: boolean;
+    onToggle: (value: boolean) => void;
     style?: SerializedStyles;
 }
 declare const Accordion: FC<AccordionProps>;

package/dist/cjs/components/Button/typings.d.ts

@@ -1,5 +1,10 @@
 import { Interpolation, Theme } from "@emotion/react";
 export declare type ButtonSize = "small" | "medium" | "large" | "full-width";
+export declare enum ButtonTypeAttribute {
+    button = "button",
+    reset = "reset",
+    submit = "submit"
+}
 export declare type ButtonType = "link" | "primary" | "secondary" | "special" | "tertiary" | "tab";
 export interface ButtonProps {
     type: ButtonType;
@@ -8,4 +13,5 @@ export interface ButtonProps {
     disabled?: boolean;
     loading?: boolean;
     style?: Interpolation<Theme>;
+    typeAttribute?: ButtonTypeAttribute;
 }

package/dist/cjs/components/Select/styles.d.ts

@@ -6,5 +6,6 @@ export declare const optionsWrapper: import("@emotion/utils").SerializedStyles;
 export declare const options: import("@emotion/utils").SerializedStyles;
 export declare const optionItem: import("@emotion/utils").SerializedStyles;
 export declare const optionItems: import("@emotion/utils").SerializedStyles;
+export declare const empty: import("@emotion/utils").SerializedStyles;
 export declare const optionSecondName: import("@emotion/utils").SerializedStyles;
 export declare const selected: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Select/typings.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { SerializedStyles } from "@emotion/react";
+import React from "react";
 export interface OptionsProps<T> {
     label: JSX.Element | string;
-    displayLabel: JSX.Element | string;
+    displayLabel?: JSX.Element | string;
     value: T;
 }
 export interface SelectProps<T> {
@@ -17,4 +17,5 @@ export interface SelectProps<T> {
     options: OptionsProps<T>[];
     selected: T;
     onChange(value: string): void;
+    emptyElement?: React.ReactNode;
 }

package/dist/cjs/iconsList.d.ts

@@ -0,0 +1 @@
+export declare const iconsList: string[];