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

* added packages reference menu item.

* removed the draft flag.

* Updated docs by running script.

docs/sources/packages_api/data/grafanatheme.md

@@ -5,7 +5,6 @@
 title = "GrafanaTheme"
 keywords = ["grafana","documentation","sdk","@grafana/data"]
 type = "docs"
-draft = true
 +++
 
 ## GrafanaTheme interface
@@ -24,7 +23,7 @@ import { GrafanaTheme } from '@grafana/data';
 
 |  Property | Type | Description |
 |  --- | --- | --- |
-|  [colors](#colors-property) | <code>{</code><br/><code>        bg1: string;</code><br/><code>        bg2: string;</code><br/><code>        bg3: string;</code><br/><code>        border1: string;</code><br/><code>        border2: string;</code><br/><code>        border3: string;</code><br/><code>        bgBlue1: string;</code><br/><code>        bgBlue2: string;</code><br/><code>        dashboardBg: string;</code><br/><code>        bodyBg: string;</code><br/><code>        panelBg: string;</code><br/><code>        panelBorder: string;</code><br/><code>        pageHeaderBg: string;</code><br/><code>        pageHeaderBorder: string;</code><br/><code>        dropdownBg: string;</code><br/><code>        dropdownShadow: string;</code><br/><code>        dropdownOptionHoverBg: string;</code><br/><code>        link: string;</code><br/><code>        linkDisabled: string;</code><br/><code>        linkHover: string;</code><br/><code>        linkExternal: string;</code><br/><code>        textStrong: string;</code><br/><code>        textHeading: string;</code><br/><code>        text: string;</code><br/><code>        textSemiWeak: string;</code><br/><code>        textWeak: string;</code><br/><code>        textFaint: string;</code><br/><code>        textBlue: string;</code><br/><code>        formLabel: string;</code><br/><code>        formDescription: string;</code><br/><code>        formInputBg: string;</code><br/><code>        formInputBgDisabled: string;</code><br/><code>        formInputBorder: string;</code><br/><code>        formInputBorderHover: string;</code><br/><code>        formInputBorderActive: string;</code><br/><code>        formInputBorderInvalid: string;</code><br/><code>        formFocusOutline: string;</code><br/><code>        formInputText: string;</code><br/><code>        formInputDisabledText: string;</code><br/><code>        formInputPlaceholderText: string;</code><br/><code>        formValidationMessageText: string;</code><br/><code>        formValidationMessageBg: string;</code><br/><code>        formSwitchBg: string;</code><br/><code>        formSwitchBgActive: string;</code><br/><code>        formSwitchBgActiveHover: string;</code><br/><code>        formSwitchBgHover: string;</code><br/><code>        formSwitchBgDisabled: string;</code><br/><code>        formSwitchDot: string;</code><br/><code>        formCheckboxBg: string;</code><br/><code>        formCheckboxBgChecked: string;</code><br/><code>        formCheckboxBgCheckedHover: string;</code><br/><code>        formCheckboxCheckmark: string;</code><br/><code>    }</code> |  |
+|  [colors](#colors-property) | <code>{</code><br/><code>        bg1: string;</code><br/><code>        bg2: string;</code><br/><code>        bg3: string;</code><br/><code>        border1: string;</code><br/><code>        border2: string;</code><br/><code>        border3: string;</code><br/><code>        bgBlue1: string;</code><br/><code>        bgBlue2: string;</code><br/><code>        dashboardBg: string;</code><br/><code>        bodyBg: string;</code><br/><code>        panelBg: string;</code><br/><code>        panelBorder: string;</code><br/><code>        pageHeaderBg: string;</code><br/><code>        pageHeaderBorder: string;</code><br/><code>        dropdownBg: string;</code><br/><code>        dropdownShadow: string;</code><br/><code>        dropdownOptionHoverBg: string;</code><br/><code>        link: string;</code><br/><code>        linkDisabled: string;</code><br/><code>        linkHover: string;</code><br/><code>        linkExternal: string;</code><br/><code>        textStrong: string;</code><br/><code>        textHeading: string;</code><br/><code>        text: string;</code><br/><code>        textSemiWeak: string;</code><br/><code>        textWeak: string;</code><br/><code>        textFaint: string;</code><br/><code>        textBlue: string;</code><br/><code>        formLabel: string;</code><br/><code>        formDescription: string;</code><br/><code>        formInputBg: string;</code><br/><code>        formInputBgDisabled: string;</code><br/><code>        formInputBorder: string;</code><br/><code>        formInputBorderHover: string;</code><br/><code>        formInputBorderActive: string;</code><br/><code>        formInputBorderInvalid: string;</code><br/><code>        formFocusOutline: string;</code><br/><code>        formInputText: string;</code><br/><code>        formInputDisabledText: string;</code><br/><code>        formInputPlaceholderText: string;</code><br/><code>        formValidationMessageText: string;</code><br/><code>        formValidationMessageBg: string;</code><br/><code>        formSwitchBg: string;</code><br/><code>        formSwitchBgActive: string;</code><br/><code>        formSwitchBgActiveHover: string;</code><br/><code>        formSwitchBgHover: string;</code><br/><code>        formSwitchBgDisabled: string;</code><br/><code>        formSwitchDot: string;</code><br/><code>        formCheckboxBgChecked: string;</code><br/><code>        formCheckboxBgCheckedHover: string;</code><br/><code>        formCheckboxCheckmark: string;</code><br/><code>    }</code> |  |
 |  [isDark](#isdark-property) | <code>boolean</code> |  |
 |  [isLight](#islight-property) | <code>boolean</code> |  |
 |  [palette](#palette-property) | <code>{</code><br/><code>        black: string;</code><br/><code>        white: string;</code><br/><code>        dark1: string;</code><br/><code>        dark2: string;</code><br/><code>        dark3: string;</code><br/><code>        dark4: string;</code><br/><code>        dark5: string;</code><br/><code>        dark6: string;</code><br/><code>        dark7: string;</code><br/><code>        dark8: string;</code><br/><code>        dark9: string;</code><br/><code>        dark10: string;</code><br/><code>        gray1: string;</code><br/><code>        gray2: string;</code><br/><code>        gray3: string;</code><br/><code>        gray4: string;</code><br/><code>        gray5: string;</code><br/><code>        gray6: string;</code><br/><code>        gray7: string;</code><br/><code>        gray98: string;</code><br/><code>        gray95: string;</code><br/><code>        gray85: string;</code><br/><code>        gray70: string;</code><br/><code>        gray60: string;</code><br/><code>        gray33: string;</code><br/><code>        gray25: string;</code><br/><code>        gray15: string;</code><br/><code>        gray10: string;</code><br/><code>        gray05: string;</code><br/><code>        blue95: string;</code><br/><code>        blue85: string;</code><br/><code>        blue80: string;</code><br/><code>        blue77: string;</code><br/><code>        red88: string;</code><br/><code>        redBase: string;</code><br/><code>        redShade: string;</code><br/><code>        greenBase: string;</code><br/><code>        greenShade: string;</code><br/><code>        red: string;</code><br/><code>        yellow: string;</code><br/><code>        purple: string;</code><br/><code>        orange: string;</code><br/><code>        orangeDark: string;</code><br/><code>        queryRed: string;</code><br/><code>        queryGreen: string;</code><br/><code>        queryPurple: string;</code><br/><code>        queryOrange: string;</code><br/><code>        brandPrimary: string;</code><br/><code>        brandSuccess: string;</code><br/><code>        brandWarning: string;</code><br/><code>        brandDanger: string;</code><br/><code>        online: string;</code><br/><code>        warn: string;</code><br/><code>        critical: string;</code><br/><code>    }</code> |  |
@@ -85,7 +84,6 @@ colors: {
         formSwitchBgHover: string;
         formSwitchBgDisabled: string;
         formSwitchDot: string;
-        formCheckboxBg: string;
         formCheckboxBgChecked: string;
         formCheckboxBgCheckedHover: string;
         formCheckboxCheckmark: string;