Docs: enable packages reference docs for 7-beta (#23953)

* added packages reference menu item. * removed the draft flag. * Updated docs by running script.
2020-04-28 09:53:58 +02:00
parent 5442b0ab4f
commit cc3fc18076
719 changed files with 1069 additions and 1030 deletions
@@ -5,7 +5,6 @@
 title = "@grafana/ui"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## @grafana/ui package
@@ -58,6 +57,7 @@ A library containing the different design components of the Grafana ecosystem.
 |  [LegacyInputStatus](./legacyinputstatus/) |  |
 |  [LegendDisplayMode](./legenddisplaymode/) |  |
 |  [PieChartType](./piecharttype/) |  |
+|  [TableCellDisplayMode](./tablecelldisplaymode/) |  |

 ## Functions

@@ -72,7 +72,8 @@ A library containing the different design components of the Grafana ecosystem.
 |  [ClipboardPlugin()](./clipboardplugin/) |  |
 |  [convertOldAngularValueMapping(panel)](./convertoldangularvaluemapping/) | Convert the angular single stat mapping to new react style |
 |  [FadeTransition(props)](./fadetransition/) |  |
-|  [Form({ defaultValues, onSubmit, validateOnMount, validateFieldsOnMount, children, validateOn, })](./form/) |  |
+|  [Form({ defaultValues, onSubmit, validateOnMount, validateFieldsOnMount, children, validateOn, maxWidth, })](./form/) |  |
+|  [getTagColor(index)](./gettagcolor/) |  |
 |  [getTagColorsFromName(name)](./gettagcolorsfromname/) | Returns tag badge background and border colors based on hashed tag name. |
 |  [IndentationPlugin()](./indentationplugin/) |  |
 |  [measureText(text, fontSize)](./measuretext/) |  |
@@ -119,6 +120,7 @@ A library containing the different design components of the Grafana ecosystem.
 |  [StyleProps](./styleprops/) |  |
 |  [SuggestionsState](./suggestionsstate/) |  |
 |  [Themeable](./themeable/) |  |
+|  [Token](./token/) |  |
 |  [TypeaheadInput](./typeaheadinput/) |  |
 |  [TypeaheadOutput](./typeaheadoutput/) |  |
 |  [ValidationEvents](./validationevents/) |  |
@@ -156,7 +158,6 @@ A library containing the different design components of the Grafana ecosystem.
 |  [Counter](./counter/) |  |
 |  [DataLinkInput](./datalinkinput/) |  |
 |  [DataLinksContextMenu](./datalinkscontextmenu/) |  |
-|  [DataLinksEditor](./datalinkseditor/) |  |
 |  [DataLinksInlineEditor](./datalinksinlineeditor/) |  |
 |  [DataSourceHttpSettings](./datasourcehttpsettings/) |  |
 |  [DEFAULT\_ANNOTATION\_COLOR](./default_annotation_color/) |  |
@@ -167,8 +168,6 @@ A library containing the different design components of the Grafana ecosystem.
 |  [Field](./field/) |  |
 |  [FieldConfigItemHeaderTitle](./fieldconfigitemheadertitle/) |  |
 |  [fieldMatchersUI](./fieldmatchersui/) |  |
-|  [FormField](./formfield/) | Default form field including label used in Grafana UI. Default input element is simple <input />. You can also pass custom inputEl if required in which case inputWidth and inputProps are ignored. |
-|  [FormLabel](./formlabel/) |  |
 |  [Forms](./forms/) |  |
 |  [FullWidthButtonContainer](./fullwidthbuttoncontainer/) |  |
 |  [getAvailableIcons](./getavailableicons/) |  |
@@ -181,11 +180,14 @@ A library containing the different design components of the Grafana ecosystem.
 |  [getTheme](./gettheme/) |  |
 |  [GraphContextMenu](./graphcontextmenu/) |  |
 |  [GraphLegend](./graphlegend/) |  |
+|  [graphTimeFormat](./graphtimeformat/) |  |
+|  [graphTimeFormatter](./graphtimeformatter/) |  |
 |  [GraphWithLegend](./graphwithlegend/) |  |
 |  [hasValidationEvent](./hasvalidationevent/) |  |
 |  [HorizontalGroup](./horizontalgroup/) |  |
 |  [Icon](./icon/) |  |
 |  [IconButton](./iconbutton/) |  |
+|  [InlineFormLabel](./inlineformlabel/) |  |
 |  [Input](./input/) |  |
 |  [Label](./label/) |  |
 |  [LegacyForms](./legacyforms/) |  |
@@ -220,7 +222,6 @@ A library containing the different design components of the Grafana ecosystem.
 |  [regexValidation](./regexvalidation/) |  |
 |  [REGION\_FILL\_ALPHA](./region_fill_alpha/) |  |
 |  [SCHEMA](./schema/) |  |
-|  [SecretFormField](./secretformfield/) | Form field that has 2 states configured and not configured. If configured it will not show its contents and adds a reset button that will clear the input and makes it accessible. In non configured state it behaves like normal form field. This is used for passwords or anything that is encrypted on the server and is later returned encrypted to the user (like datasource passwords). |
 |  [selectThemeVariant](./selectthemevariant/) |  |
 |  [SeriesColorPicker](./seriescolorpicker/) |  |
 |  [SeriesColorPickerPopover](./seriescolorpickerpopover/) |  |
@@ -5,7 +5,6 @@
 title = "Alert"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Alert variable
@@ -5,7 +5,6 @@
 title = "ALERTING_COLOR"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ALERTING\_COLOR variable
@@ -5,7 +5,6 @@
 title = "AlertVariant"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## AlertVariant type
@@ -5,7 +5,6 @@
 title = "AlphaNotice"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## AlphaNotice variable
@@ -5,7 +5,6 @@
 title = "ansicolor"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ansicolor class
@@ -5,7 +5,6 @@
 title = "AsyncMultiSelect"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## AsyncMultiSelect() function
@@ -5,7 +5,6 @@
 title = "AsyncSelect"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## AsyncSelect() function
@@ -5,7 +5,6 @@
 title = "BarGauge"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## BarGauge class
@@ -5,7 +5,6 @@
 title = "BarGaugeDisplayMode"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## BarGaugeDisplayMode enum
@@ -5,7 +5,6 @@
 title = "BigValue"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## BigValue class
@@ -5,7 +5,6 @@
 title = "BigValueColorMode"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## BigValueColorMode enum
@@ -5,7 +5,6 @@
 title = "BigValueGraphMode"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## BigValueGraphMode enum
@@ -5,7 +5,6 @@
 title = "BigValueJustifyMode"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## BigValueJustifyMode enum
@@ -5,7 +5,6 @@
 title = "BigValueSparkline"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## BigValueSparkline interface
@@ -5,7 +5,6 @@
 title = "BracesPlugin"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## BracesPlugin() function
@@ -5,7 +5,6 @@
 title = "Button"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Button variable
@@ -5,7 +5,6 @@
 title = "ButtonCascader"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ButtonCascader variable
@@ -5,7 +5,6 @@
 title = "ButtonProps"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ButtonProps type
@@ -5,7 +5,6 @@
 title = "ButtonSelect"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ButtonSelect() function
@@ -5,7 +5,6 @@
 title = "ButtonVariant"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ButtonVariant type
@@ -5,7 +5,6 @@
 title = "calculateFontSize"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## calculateFontSize() function
@@ -5,7 +5,6 @@
 title = "CallToActionCard"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## CallToActionCard variable
@@ -5,7 +5,6 @@
 title = "Cascader"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Cascader class
@@ -5,7 +5,6 @@
 title = "CascaderOption"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## CascaderOption interface
@@ -5,7 +5,6 @@
 title = "Chart"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Chart variable
@@ -5,7 +5,6 @@
 title = "Checkbox"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Checkbox variable
@@ -5,7 +5,6 @@
 title = "ClearPlugin"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ClearPlugin() function
@@ -5,7 +5,6 @@
 title = "ClickOutsideWrapper"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ClickOutsideWrapper class
@@ -5,7 +5,6 @@
 title = "ClipboardButton"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ClipboardButton class
@@ -5,7 +5,6 @@
 title = "ClipboardPlugin"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ClipboardPlugin() function
@@ -5,7 +5,6 @@
 title = "Collapse"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Collapse variable
@@ -5,7 +5,6 @@
 title = "ColorPicker"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ColorPicker variable
@@ -5,7 +5,6 @@
 title = "colors"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## colors variable
@@ -5,7 +5,6 @@
 title = "CompletionItem"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## CompletionItem interface
@@ -5,7 +5,6 @@
 title = "CompletionItemGroup"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## CompletionItemGroup interface
@@ -5,7 +5,6 @@
 title = "CompletionItemKind"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## CompletionItemKind enum
@@ -5,7 +5,6 @@
 title = "ConfirmButton"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ConfirmButton variable
@@ -5,7 +5,6 @@
 title = "ConfirmModal"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ConfirmModal variable
@@ -5,7 +5,6 @@
 title = "Container"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Container variable
@@ -5,7 +5,6 @@
 title = "ContextMenu"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ContextMenu variable
@@ -5,7 +5,6 @@
 title = "ContextMenuGroup"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ContextMenuGroup interface
@@ -5,7 +5,6 @@
 title = "ContextMenuItem"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ContextMenuItem interface
@@ -5,7 +5,6 @@
 title = "ContextMenuProps"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ContextMenuProps interface
@@ -5,7 +5,6 @@
 title = "ControlledCollapse"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ControlledCollapse variable
@@ -5,7 +5,6 @@
 title = "convertOldAngularValueMapping"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## convertOldAngularValueMapping() function
@@ -5,7 +5,6 @@
 title = "Counter"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Counter variable
@@ -5,7 +5,6 @@
 title = "CustomScrollbar"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## CustomScrollbar class
@@ -5,7 +5,6 @@
 title = "DataLinkInput"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## DataLinkInput variable
@@ -5,7 +5,6 @@
 title = "DataLinksContextMenu"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## DataLinksContextMenu variable
@@ -5,7 +5,6 @@
 title = "DataLinksInlineEditor"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## DataLinksInlineEditor variable
@@ -5,7 +5,6 @@
 title = "DataSourceHttpSettings"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## DataSourceHttpSettings variable
@@ -5,7 +5,6 @@
 title = "DEFAULT_ANNOTATION_COLOR"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## DEFAULT\_ANNOTATION\_COLOR variable
@@ -5,7 +5,6 @@
 title = "DeleteButton"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## DeleteButton variable
@@ -5,7 +5,6 @@
 title = "DOMUtil"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## DOMUtil namespace
@@ -5,7 +5,6 @@
 title = "getNextCharacter"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## DOMUtil.getNextCharacter() function
@@ -5,7 +5,6 @@
 title = "getPreviousCousin"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## DOMUtil.getPreviousCousin() function
@@ -5,7 +5,6 @@
 title = "Drawer"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Drawer variable
@@ -5,7 +5,6 @@
 title = "EmptySearchResult"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## EmptySearchResult variable
@@ -5,7 +5,6 @@
 title = "ErrorBoundary"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ErrorBoundary class
@@ -5,7 +5,6 @@
 title = "ErrorBoundaryAlert"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ErrorBoundaryAlert class
@@ -5,7 +5,6 @@
 title = "ErrorWithStack"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## ErrorWithStack variable
@@ -5,7 +5,6 @@
 title = "EventsWithValidation"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## EventsWithValidation enum
@@ -5,7 +5,6 @@
 title = "FadeTransition"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## FadeTransition() function
@@ -5,7 +5,6 @@
 title = "Field"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Field variable
@@ -5,7 +5,6 @@
 title = "FieldConfigItemHeaderTitle"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## FieldConfigItemHeaderTitle variable
@@ -5,7 +5,6 @@
 title = "fieldMatchersUI"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## fieldMatchersUI variable
@@ -5,7 +5,6 @@
 title = "Form"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Form() function
@@ -15,7 +14,7 @@ draft = true
 <b>Signature</b>

 ```typescript
-export declare function Form<T>({ defaultValues, onSubmit, validateOnMount, validateFieldsOnMount, children, validateOn, }: FormProps<T>): JSX.Element;
+export declare function Form<T>({ defaultValues, onSubmit, validateOnMount, validateFieldsOnMount, children, validateOn, maxWidth, }: FormProps<T>): JSX.Element;
 ```
 <b>Import</b>

@@ -26,7 +25,7 @@ import { Form } from '@grafana/ui';

 |  Parameter | Type | Description |
 |  --- | --- | --- |
-|  { defaultValues, onSubmit, validateOnMount, validateFieldsOnMount, children, validateOn, } | <code>FormProps&lt;T&gt;</code> |  |
+|  { defaultValues, onSubmit, validateOnMount, validateFieldsOnMount, children, validateOn, maxWidth, } | <code>FormProps&lt;T&gt;</code> |  |

 <b>Returns:</b>

@@ -5,7 +5,6 @@
 title = "FormAPI"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## FormAPI type
@@ -1,26 +0,0 @@
-+++
-# -----------------------------------------------------------------------
-# Do not edit this file. It is automatically generated by API Documenter.
-# -----------------------------------------------------------------------
-title = "FormField"
-keywords = ["grafana","documentation","sdk","@grafana/ui"]
-type = "docs"
-draft = true
-+++
-
-## FormField variable
-
-### FormField variable
-
-Default form field including label used in Grafana UI. Default input element is simple <input />. You can also pass custom inputEl if required in which case inputWidth and inputProps are ignored.
-
-<b>Signature</b>
-
-```typescript
-FormField: FunctionComponent<Props>
-```
-<b>Import</b>
-
-```typescript
-import { FormField } from '@grafana/ui';
-```
@@ -5,7 +5,6 @@
 title = "FormInputSize"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## FormInputSize type
@@ -5,7 +5,6 @@
 title = "Forms"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Forms variable
@@ -65,7 +64,7 @@ Forms: {
    Label: import("react").FC<import("./Label").LabelProps>;
    Form: typeof Form;
    Field: import("react").FC<import("./Field").FieldProps>;
-    InputControl: <As extends "symbol" | "object" | "s" | "p" | "g" | "b" | "var" | "time" | "data" | "section" | "map" | "filter" | "style" | "text" | "title" | "table" | "meta" | "head" | "i" | "desc" | "select" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "mark" | "menu" | "menuitem" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "script" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | "template" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, ControlProp extends import("react-hook-form").Control<Record<string, any>> = import("react-hook-form").Control<Record<string, any>>>({ name, rules, as: InnerComponent, onBlur, onChange, onChangeName, onBlurName, valueName, defaultValue, control, ...rest }: import("react-hook-form").Assign<{
+    InputControl: <As extends "symbol" | "object" | "s" | "section" | "map" | "filter" | "p" | "g" | "b" | "var" | "time" | "data" | "style" | "text" | "title" | "table" | "meta" | "head" | "i" | "desc" | "select" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "mark" | "menu" | "menuitem" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "script" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | "template" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, ControlProp extends import("react-hook-form").Control<Record<string, any>> = import("react-hook-form").Control<Record<string, any>>>({ name, rules, as: InnerComponent, onBlur, onChange, onChangeName, onBlurName, valueName, defaultValue, control, ...rest }: import("react-hook-form").Assign<{
        name: string;
        as: As;
        rules?: Partial<{
@@ -5,7 +5,6 @@
 title = "FullWidthButtonContainer"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## FullWidthButtonContainer variable
@@ -5,7 +5,6 @@
 title = "Gauge"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Gauge class
@@ -5,7 +5,6 @@
 title = "getAvailableIcons"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## getAvailableIcons variable
@@ -5,7 +5,6 @@
 title = "getButtonStyles"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## getButtonStyles variable
@@ -5,7 +5,6 @@
 title = "getFormStyles"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## getFormStyles variable
@@ -5,7 +5,6 @@
 title = "getLogRowStyles"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## getLogRowStyles variable
@@ -5,7 +5,6 @@
 title = "getStandardFieldConfigs"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## getStandardFieldConfigs variable
@@ -5,7 +5,6 @@
 title = "getStandardOptionEditors"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## getStandardOptionEditors variable
@@ -5,7 +5,6 @@
 title = "getStandardTransformers"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## getStandardTransformers variable
@@ -0,0 +1,39 @@
+++
+# -----------------------------------------------------------------------
+# Do not edit this file. It is automatically generated by API Documenter.
+# -----------------------------------------------------------------------
+title = "getTagColor"
+keywords = ["grafana","documentation","sdk","@grafana/ui"]
+type = "docs"
+++
+
+## getTagColor() function
+
+### getTagColor() function
+
+<b>Signature</b>
+
+```typescript
+export declare function getTagColor(index: number): {
+    color: string;
+    borderColor: string;
+};
+```
+<b>Import</b>
+
+```typescript
+import { getTagColor } from '@grafana/ui';
+```
+<b>Parameters</b>
+
+|  Parameter | Type | Description |
+|  --- | --- | --- |
+|  index | <code>number</code> |  |
+
+<b>Returns:</b>
+
+`{
+    color: string;
+    borderColor: string;
+}`
+
@@ -5,7 +5,6 @@
 title = "getTagColorsFromName"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## getTagColorsFromName() function
@@ -5,7 +5,6 @@
 title = "getTheme"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## getTheme variable
@@ -5,7 +5,6 @@
 title = "Graph"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Graph class
@@ -5,7 +5,6 @@
 title = "GraphContextMenu"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## GraphContextMenu variable
@@ -5,7 +5,6 @@
 title = "GraphLegend"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## GraphLegend variable
@@ -5,7 +5,6 @@
 title = "GraphSeriesToggler"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## GraphSeriesToggler class
@@ -5,7 +5,6 @@
 title = "GraphSeriesTogglerAPI"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## GraphSeriesTogglerAPI interface
@@ -0,0 +1,23 @@
+++
+# -----------------------------------------------------------------------
+# Do not edit this file. It is automatically generated by API Documenter.
+# -----------------------------------------------------------------------
+title = "graphTimeFormat"
+keywords = ["grafana","documentation","sdk","@grafana/ui"]
+type = "docs"
+++
+
+## graphTimeFormat variable
+
+### graphTimeFormat variable
+
+<b>Signature</b>
+
+```typescript
+graphTimeFormat: (ticks: number | null, min: number | null, max: number | null) => string
+```
+<b>Import</b>
+
+```typescript
+import { graphTimeFormat } from '@grafana/ui';
+```
@@ -0,0 +1,23 @@
+++
+# -----------------------------------------------------------------------
+# Do not edit this file. It is automatically generated by API Documenter.
+# -----------------------------------------------------------------------
+title = "graphTimeFormatter"
+keywords = ["grafana","documentation","sdk","@grafana/ui"]
+type = "docs"
+++
+
+## graphTimeFormatter variable
+
+### graphTimeFormatter variable
+
+<b>Signature</b>
+
+```typescript
+graphTimeFormatter: (timeZone?: string | undefined) => (epoch: number, format: string) => string
+```
+<b>Import</b>
+
+```typescript
+import { graphTimeFormatter } from '@grafana/ui';
+```
@@ -5,7 +5,6 @@
 title = "GraphTooltipOptions"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## GraphTooltipOptions interface
@@ -5,7 +5,6 @@
 title = "GraphWithLegend"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## GraphWithLegend variable
@@ -5,7 +5,6 @@
 title = "hasValidationEvent"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## hasValidationEvent variable
@@ -5,7 +5,6 @@
 title = "HorizontalGroup"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## HorizontalGroup variable
@@ -5,7 +5,6 @@
 title = "Icon"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## Icon variable
@@ -5,7 +5,6 @@
 title = "IconButton"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## IconButton variable
@@ -5,7 +5,6 @@
 title = "IconName"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## IconName type
@@ -15,7 +14,7 @@ draft = true
 <b>Signature</b>

 ```typescript
-export declare type IconName = 'fa fa-spinner' | 'grafana' | 'question-circle' | 'angle-up' | 'history' | 'angle-down' | 'filter' | 'angle-left' | 'angle-right' | 'pen' | 'envelope' | 'percentage' | 'rocket' | 'power' | 'trash-alt' | 'slack' | 'download-alt' | 'mobile-android' | 'plus-square' | 'folder-plus' | 'folder-open' | 'file-copy-alt' | 'file-alt' | 'exchange-alt' | 'import' | 'exclamation-triangle' | 'times' | 'signin' | 'cloud-upload' | 'step-backward' | 'square-shape' | 'share-alt' | 'tag-alt' | 'forward' | 'check' | 'check-circle' | 'copy' | 'lock' | 'unlock' | 'panel-add' | 'arrow-random' | 'arrow-down' | 'arrows-h' | 'comment-alt' | 'code-branch' | 'arrow-right' | 'circle' | 'arrow-up' | 'arrow-from-right' | 'keyboard' | 'search' | 'chart-line' | 'search-minus' | 'clock-nine' | 'sync' | 'sign-in-alt' | 'cllud-download' | 'cog' | 'bars' | 'save' | 'apps' | 'link' | 'upload' | 'columns' | 'home-alt' | 'channel-add' | 'calendar-alt' | 'play' | 'pause' | 'calculator-alt' | 'compass' | 'sliders-v-alt' | 'bell' | 'database' | 'user' | 'camera' | 'plug' | 'shield' | 'key-skeleton-alt' | 'users-alt' | 'graph-bar' | 'book' | 'bolt' | 'comments-alt' | 'document-info' | 'info-circle' | 'bug' | 'cube' | 'star' | 'list-ul' | 'edit' | 'eye' | 'eye-slash' | 'monitor' | 'plus-circle' | 'arrow-left' | 'repeat' | 'external-link-alt' | 'minus' | 'signal' | 'search-plus' | 'minus-circle' | 'table' | 'plus' | 'heart' | 'heart-break' | 'ellipsis-v' | 'favorite';
+export declare type IconName = 'fa fa-spinner' | 'grafana' | 'question-circle' | 'angle-up' | 'history' | 'angle-down' | 'filter' | 'angle-left' | 'angle-right' | 'pen' | 'envelope' | 'percentage' | 'rocket' | 'power' | 'trash-alt' | 'slack' | 'download-alt' | 'mobile-android' | 'plus-square' | 'folder-plus' | 'folder-open' | 'folder' | 'file-copy-alt' | 'file-alt' | 'exchange-alt' | 'import' | 'exclamation-triangle' | 'times' | 'signin' | 'cloud-upload' | 'step-backward' | 'square-shape' | 'share-alt' | 'tag-alt' | 'forward' | 'check' | 'check-circle' | 'copy' | 'lock' | 'unlock' | 'panel-add' | 'arrow-random' | 'arrow-down' | 'arrows-h' | 'comment-alt' | 'code-branch' | 'arrow-right' | 'circle' | 'arrow-up' | 'arrow-from-right' | 'keyboard' | 'search' | 'chart-line' | 'search-minus' | 'clock-nine' | 'sync' | 'sign-in-alt' | 'cloud-download' | 'cog' | 'bars' | 'save' | 'apps' | 'link' | 'upload' | 'columns' | 'home-alt' | 'channel-add' | 'calendar-alt' | 'play' | 'pause' | 'calculator-alt' | 'compass' | 'sliders-v-alt' | 'bell' | 'database' | 'user' | 'camera' | 'plug' | 'shield' | 'key-skeleton-alt' | 'users-alt' | 'graph-bar' | 'book' | 'bolt' | 'comments-alt' | 'document-info' | 'info-circle' | 'bug' | 'cube' | 'star' | 'list-ul' | 'edit' | 'eye' | 'eye-slash' | 'monitor' | 'plus-circle' | 'arrow-left' | 'repeat' | 'external-link-alt' | 'minus' | 'signal' | 'search-plus' | 'minus-circle' | 'table' | 'plus' | 'heart' | 'heart-break' | 'ellipsis-v' | 'favorite' | 'line-alt' | 'sort-amount-down';
 ```
 <b>Import</b>

@@ -5,7 +5,6 @@
 title = "IconSize"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## IconSize type
@@ -5,7 +5,6 @@
 title = "IconType"
 keywords = ["grafana","documentation","sdk","@grafana/ui"]
 type = "docs"
-draft = true
 +++

 ## IconType type
--- a/Show More
+++ b/Show More