feat(button): added dropdown buttons

Dropdown buttons with various settings - split, searchable fix #112
freshworks · Aug 30, 2020 · 9c414ce · 9c414ce
1 parent 9a742fd
commit 9c414ce
Show file tree

Hide file tree

Showing 6 changed files with 0 additions and 127 deletions.
diff --git a/src/components.d.ts b/src/components.d.ts
@@ -178,44 +178,6 @@ export namespace Components {
          */
         "value": string;
     }
-    interface FwModal {
-        /**
-          * The text for the cancel button
-         */
-        "cancelText": string;
-        /**
-          * Enable custom footer
-         */
-        "customFooter": boolean;
-        /**
-          * The title text to be displayed on the modal
-         */
-        "description": string;
-        /**
-          * Hides the footer
-         */
-        "hideFooter": boolean;
-        /**
-          * The icon to be displayed with the title
-         */
-        "icon": string;
-        /**
-          * Size of the modal
-         */
-        "size": "standard" | "small" | "large";
-        /**
-          * The text for the success button
-         */
-        "successText": string;
-        /**
-          * The title text to be displayed on the modal
-         */
-        "titleText": string;
-        /**
-          * Toggle the visibility of the modal
-         */
-        "visible": boolean;
-    }
     interface FwRadio {
         /**
           * Sets the state to selected. If the attribute’s value is undefined, the value is set to false.
@@ -517,12 +479,6 @@ declare global {
         prototype: HTMLFwLabelElement;
         new (): HTMLFwLabelElement;
     };
-    interface HTMLFwModalElement extends Components.FwModal, HTMLStencilElement {
-    }
-    var HTMLFwModalElement: {
-        prototype: HTMLFwModalElement;
-        new (): HTMLFwModalElement;
-    };
     interface HTMLFwRadioElement extends Components.FwRadio, HTMLStencilElement {
     }
     var HTMLFwRadioElement: {
@@ -596,7 +552,6 @@ declare global {
         "fw-icon": HTMLFwIconElement;
         "fw-input": HTMLFwInputElement;
         "fw-label": HTMLFwLabelElement;
-        "fw-modal": HTMLFwModalElement;
         "fw-radio": HTMLFwRadioElement;
         "fw-radio-group": HTMLFwRadioGroupElement;
         "fw-select": HTMLFwSelectElement;
@@ -823,52 +778,6 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface FwModal {
-        /**
-          * The text for the cancel button
-         */
-        "cancelText"?: string;
-        /**
-          * Enable custom footer
-         */
-        "customFooter"?: boolean;
-        /**
-          * The title text to be displayed on the modal
-         */
-        "description"?: string;
-        /**
-          * Hides the footer
-         */
-        "hideFooter"?: boolean;
-        /**
-          * The icon to be displayed with the title
-         */
-        "icon"?: string;
-        /**
-          * Triggered when the default action button is clicked.
-         */
-        "onFwAction"?: (event: CustomEvent<void>) => void;
-        /**
-          * Triggered when modal is closed.
-         */
-        "onFwClosed"?: (event: CustomEvent<void>) => void;
-        /**
-          * Size of the modal
-         */
-        "size"?: "standard" | "small" | "large";
-        /**
-          * The text for the success button
-         */
-        "successText"?: string;
-        /**
-          * The title text to be displayed on the modal
-         */
-        "titleText"?: string;
-        /**
-          * Toggle the visibility of the modal
-         */
-        "visible"?: boolean;
-    }
     interface FwRadio {
         /**
           * Sets the state to selected. If the attribute’s value is undefined, the value is set to false.
@@ -1202,7 +1111,6 @@ declare namespace LocalJSX {
         "fw-icon": FwIcon;
         "fw-input": FwInput;
         "fw-label": FwLabel;
-        "fw-modal": FwModal;
         "fw-radio": FwRadio;
         "fw-radio-group": FwRadioGroup;
         "fw-select": FwSelect;
@@ -1226,7 +1134,6 @@ declare module "@stencil/core" {
             "fw-icon": LocalJSX.FwIcon & JSXBase.HTMLAttributes<HTMLFwIconElement>;
             "fw-input": LocalJSX.FwInput & JSXBase.HTMLAttributes<HTMLFwInputElement>;
             "fw-label": LocalJSX.FwLabel & JSXBase.HTMLAttributes<HTMLFwLabelElement>;
-            "fw-modal": LocalJSX.FwModal & JSXBase.HTMLAttributes<HTMLFwModalElement>;
             "fw-radio": LocalJSX.FwRadio & JSXBase.HTMLAttributes<HTMLFwRadioElement>;
             "fw-radio-group": LocalJSX.FwRadioGroup & JSXBase.HTMLAttributes<HTMLFwRadioGroupElement>;
             "fw-select": LocalJSX.FwSelect & JSXBase.HTMLAttributes<HTMLFwSelectElement>;

diff --git a/src/components/button/readme.md b/src/components/button/readme.md
@@ -67,13 +67,11 @@ fw-button displays a button on the user interface and enables performing specifi
 ### Used by
 
  - [fw-datepicker](../datepicker)
- - [fw-modal](../modal)
 
 ### Graph
 ```mermaid
 graph TD;
   fw-datepicker --> fw-button
-  fw-modal --> fw-button
   style fw-button fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

diff --git a/src/components/icon/readme.md b/src/components/icon/readme.md
@@ -24,25 +24,16 @@ The following are the icons supported:
 | `size`   | `size`    | Size of the icon, specified in number of  pixels.                                                           | `number` | `12`        |
 
 
-## CSS Custom Properties
-
-| Name           | Description       |
-| -------------- | ----------------- |
-| `--icon-color` | Color of the icon |
-
-
 ## Dependencies
 
 ### Used by
 
  - [fw-input](../input)
- - [fw-modal](../modal)
 
 ### Graph
 ```mermaid
 graph TD;
   fw-input --> fw-icon
-  fw-modal --> fw-icon
   style fw-icon fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

diff --git a/src/components/select/readme.md b/src/components/select/readme.md
@@ -61,14 +61,6 @@ Type: `Promise<any>`
 
 
 
-## CSS Custom Properties
-
-| Name           | Description                            |
-| -------------- | -------------------------------------- |
-| `--max-height` | Maximum height of the select component |
-| `--min-height` | Minimum height of the select component |
-
-
 ## Dependencies
 
 ### Used by

diff --git a/src/components/spinner/readme.md b/src/components/spinner/readme.md
@@ -21,13 +21,6 @@ fw-spinner displays a continuous loader on the user interface, to indicate that
 | `size`   | `size`    | Size of the loader.                                                        | `"default" or "large" or "medium" or "small"` | `'default'` |
 
 
-## CSS Custom Properties
-
-| Name              | Description          |
-| ----------------- | -------------------- |
-| `--spinner-color` | Color of the spinner |
-
-
 ----------------------------------------------
 
 Built with ❤ at Freshworks
diff --git a/src/components/tabs/readme.md b/src/components/tabs/readme.md
@@ -49,14 +49,6 @@ fw-tabs displays a series of tabs on the user interface and enables tab-style na
 | `fwChange` | Triggered when a the view switches to a new tab. | `CustomEvent<any>` |
 
 
-## CSS Custom Properties
-
-| Name                     | Description                    |
-| ------------------------ | ------------------------------ |
-| `--tab-header-font-size` | tab-header font size in pixels |
-| `--tabs-color-primary`   | tab-header font color          |
-
-
 ----------------------------------------------
 
 Built with ❤ at Freshworks