From 9c414ced42dd25ad299419bc997a7659a8a2e9b3 Mon Sep 17 00:00:00 2001 From: shravan-balasubramanian Date: Fri, 28 Aug 2020 18:45:34 +0530 Subject: [PATCH] feat(button): added dropdown buttons Dropdown buttons with various settings - split, searchable fix #112 --- src/components.d.ts | 93 -------------------------------- src/components/button/readme.md | 2 - src/components/icon/readme.md | 9 ---- src/components/select/readme.md | 8 --- src/components/spinner/readme.md | 7 --- src/components/tabs/readme.md | 8 --- 6 files changed, 127 deletions(-) diff --git a/src/components.d.ts b/src/components.d.ts index 1966a94cc..2f8c6eed4 100644 --- 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; - /** - * Triggered when modal is closed. - */ - "onFwClosed"?: (event: CustomEvent) => 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; "fw-input": LocalJSX.FwInput & JSXBase.HTMLAttributes; "fw-label": LocalJSX.FwLabel & JSXBase.HTMLAttributes; - "fw-modal": LocalJSX.FwModal & JSXBase.HTMLAttributes; "fw-radio": LocalJSX.FwRadio & JSXBase.HTMLAttributes; "fw-radio-group": LocalJSX.FwRadioGroup & JSXBase.HTMLAttributes; "fw-select": LocalJSX.FwSelect & JSXBase.HTMLAttributes; diff --git a/src/components/button/readme.md b/src/components/button/readme.md index bad090ffb..7092dad00 100644 --- 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 index d11c49c25..a4c834a6a 100644 --- 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 index 451cca9d3..37ab8be93 100644 --- a/src/components/select/readme.md +++ b/src/components/select/readme.md @@ -61,14 +61,6 @@ Type: `Promise` -## 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 index 30d360321..ecf76b113 100644 --- 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 index f960a334b..4f20fcc4d 100644 --- 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` | -## 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