diff --git a/packages/grafana-ui/src/components/index.ts b/packages/grafana-ui/src/components/index.ts index 3df11419199..8c82bb8fc88 100644 --- a/packages/grafana-ui/src/components/index.ts +++ b/packages/grafana-ui/src/components/index.ts @@ -208,6 +208,7 @@ export { ValuePicker } from './ValuePicker/ValuePicker'; export { fieldMatchersUI } from './MatchersUI/fieldMatchersUI'; export { Link } from './Link/Link'; export { TextLink } from './Link/TextLink'; +export { Text } from './Text/Text'; export { Label } from './Forms/Label'; export { Field, type FieldProps } from './Forms/Field'; diff --git a/packages/grafana-ui/src/unstable.ts b/packages/grafana-ui/src/unstable.ts index 3a2dd5f6632..4628306ac09 100644 --- a/packages/grafana-ui/src/unstable.ts +++ b/packages/grafana-ui/src/unstable.ts @@ -9,4 +9,4 @@ * be subject to the standard policies */ -export * from './components/Text/Text'; +export {}; diff --git a/public/app/core/components/AppChrome/News/NewsContainer.tsx b/public/app/core/components/AppChrome/News/NewsContainer.tsx index 56227837b09..e38b1b0a430 100644 --- a/public/app/core/components/AppChrome/News/NewsContainer.tsx +++ b/public/app/core/components/AppChrome/News/NewsContainer.tsx @@ -4,8 +4,7 @@ import { useToggle } from 'react-use'; import { GrafanaTheme2 } from '@grafana/data'; import { selectors } from '@grafana/e2e-selectors'; -import { Button, Drawer, ToolbarButton, useStyles2 } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { Button, Drawer, ToolbarButton, useStyles2, Text } from '@grafana/ui'; import { t } from 'app/core/internationalization'; import { DEFAULT_FEED_URL } from 'app/plugins/panel/news/constants'; diff --git a/public/app/core/components/NestedFolderPicker/Trigger.tsx b/public/app/core/components/NestedFolderPicker/Trigger.tsx index fb3a8581ca2..f1ed9974d9c 100644 --- a/public/app/core/components/NestedFolderPicker/Trigger.tsx +++ b/public/app/core/components/NestedFolderPicker/Trigger.tsx @@ -3,9 +3,8 @@ import React, { forwardRef, ReactNode, ButtonHTMLAttributes } from 'react'; import Skeleton from 'react-loading-skeleton'; import { GrafanaTheme2 } from '@grafana/data'; -import { Icon, getInputStyles, useTheme2 } from '@grafana/ui'; +import { Icon, getInputStyles, useTheme2, Text } from '@grafana/ui'; import { focusCss } from '@grafana/ui/src/themes/mixins'; -import { Text } from '@grafana/ui/src/unstable'; import { Trans } from 'app/core/internationalization'; interface TriggerProps extends ButtonHTMLAttributes { diff --git a/public/app/core/components/Page/EditableTitle.tsx b/public/app/core/components/Page/EditableTitle.tsx index dc07826075d..5076349caa9 100644 --- a/public/app/core/components/Page/EditableTitle.tsx +++ b/public/app/core/components/Page/EditableTitle.tsx @@ -3,8 +3,7 @@ import React, { useCallback, useEffect, useState } from 'react'; import { GrafanaTheme2 } from '@grafana/data'; import { isFetchError } from '@grafana/runtime'; -import { Field, IconButton, Input, useStyles2 } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { Field, IconButton, Input, useStyles2, Text } from '@grafana/ui'; export interface Props { value: string; diff --git a/public/app/features/alerting/unified/components/MetaText.tsx b/public/app/features/alerting/unified/components/MetaText.tsx index d74d9bfd604..3edc8ba13db 100644 --- a/public/app/features/alerting/unified/components/MetaText.tsx +++ b/public/app/features/alerting/unified/components/MetaText.tsx @@ -2,8 +2,7 @@ import { css, cx } from '@emotion/css'; import React, { ComponentProps, HTMLAttributes } from 'react'; import { Stack } from '@grafana/experimental'; -import { Icon, IconName, useStyles2 } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { Icon, IconName, useStyles2, Text } from '@grafana/ui'; interface Props extends HTMLAttributes { icon?: IconName; diff --git a/public/app/features/alerting/unified/components/contact-points/ContactPoints.v2.tsx b/public/app/features/alerting/unified/components/contact-points/ContactPoints.v2.tsx index b5252a5e076..60f1fe1ef28 100644 --- a/public/app/features/alerting/unified/components/contact-points/ContactPoints.v2.tsx +++ b/public/app/features/alerting/unified/components/contact-points/ContactPoints.v2.tsx @@ -5,8 +5,7 @@ import React, { ReactNode } from 'react'; import { dateTime, GrafanaTheme2 } from '@grafana/data'; import { Stack } from '@grafana/experimental'; -import { Alert, Button, Dropdown, Icon, LoadingPlaceholder, Menu, Tooltip, useStyles2 } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { Alert, Button, Dropdown, Icon, LoadingPlaceholder, Menu, Tooltip, useStyles2, Text } from '@grafana/ui'; import ConditionalWrap from 'app/features/alerting/components/ConditionalWrap'; import { receiverTypeNames } from 'app/plugins/datasource/alertmanager/consts'; import { GrafanaNotifierType, NotifierStatus } from 'app/types/alerting'; diff --git a/public/app/features/alerting/unified/components/notification-policies/Policy.tsx b/public/app/features/alerting/unified/components/notification-policies/Policy.tsx index 0b5e47c369e..ff87815229f 100644 --- a/public/app/features/alerting/unified/components/notification-policies/Policy.tsx +++ b/public/app/features/alerting/unified/components/notification-policies/Policy.tsx @@ -6,8 +6,7 @@ import { Link } from 'react-router-dom'; import { GrafanaTheme2 } from '@grafana/data'; import { Stack } from '@grafana/experimental'; -import { Badge, Button, Dropdown, getTagColorsFromName, Icon, Menu, Tooltip, useStyles2 } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { Badge, Button, Dropdown, getTagColorsFromName, Icon, Menu, Tooltip, useStyles2, Text } from '@grafana/ui'; import { contextSrv } from 'app/core/core'; import ConditionalWrap from 'app/features/alerting/components/ConditionalWrap'; import { RouteWithID, Receiver, ObjectMatcher, AlertmanagerGroup } from 'app/plugins/datasource/alertmanager/types'; diff --git a/public/app/features/alerting/unified/components/rule-editor/notificaton-preview/NotificationPreview.tsx b/public/app/features/alerting/unified/components/rule-editor/notificaton-preview/NotificationPreview.tsx index 68cc401bb90..a382d0b2a8e 100644 --- a/public/app/features/alerting/unified/components/rule-editor/notificaton-preview/NotificationPreview.tsx +++ b/public/app/features/alerting/unified/components/rule-editor/notificaton-preview/NotificationPreview.tsx @@ -3,8 +3,7 @@ import { compact } from 'lodash'; import React, { lazy, Suspense } from 'react'; import { GrafanaTheme2 } from '@grafana/data'; -import { Button, LoadingPlaceholder, useStyles2 } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { Button, LoadingPlaceholder, useStyles2, Text } from '@grafana/ui'; import { alertRuleApi } from 'app/features/alerting/unified/api/alertRuleApi'; import { Stack } from 'app/plugins/datasource/parca/QueryEditor/Stack'; import { AlertQuery } from 'app/types/unified-alerting-dto'; diff --git a/public/app/features/alerting/unified/components/rule-viewer/v2/RuleViewer.v2.tsx b/public/app/features/alerting/unified/components/rule-viewer/v2/RuleViewer.v2.tsx index 7a77ea37237..ee40d8ff13a 100644 --- a/public/app/features/alerting/unified/components/rule-viewer/v2/RuleViewer.v2.tsx +++ b/public/app/features/alerting/unified/components/rule-viewer/v2/RuleViewer.v2.tsx @@ -1,8 +1,7 @@ import React, { useState } from 'react'; import { Stack } from '@grafana/experimental'; -import { Alert, Button, Icon, LoadingPlaceholder, Tab, TabContent, TabsBar } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { Alert, Button, Icon, LoadingPlaceholder, Tab, TabContent, TabsBar, Text } from '@grafana/ui'; import { GrafanaRouteComponentProps } from 'app/core/navigation/types'; import { GrafanaAlertState } from 'app/types/unified-alerting-dto'; diff --git a/public/app/features/browse-dashboards/components/BrowseActions/DeleteModal.tsx b/public/app/features/browse-dashboards/components/BrowseActions/DeleteModal.tsx index 9aa862478a4..2e8f6a245a7 100644 --- a/public/app/features/browse-dashboards/components/BrowseActions/DeleteModal.tsx +++ b/public/app/features/browse-dashboards/components/BrowseActions/DeleteModal.tsx @@ -1,8 +1,7 @@ import React, { useState } from 'react'; import { Space } from '@grafana/experimental'; -import { ConfirmModal } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { ConfirmModal, Text } from '@grafana/ui'; import { Trans, t } from 'app/core/internationalization'; import { DashboardTreeSelection } from '../../types'; diff --git a/public/app/features/browse-dashboards/components/BrowseActions/DescendantCount.tsx b/public/app/features/browse-dashboards/components/BrowseActions/DescendantCount.tsx index fa4c6e922de..114c35a4dd8 100644 --- a/public/app/features/browse-dashboards/components/BrowseActions/DescendantCount.tsx +++ b/public/app/features/browse-dashboards/components/BrowseActions/DescendantCount.tsx @@ -1,8 +1,7 @@ import React from 'react'; import Skeleton from 'react-loading-skeleton'; -import { Alert } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { Alert, Text } from '@grafana/ui'; import { useGetAffectedItemsQuery } from '../../api/browseDashboardsAPI'; import { DashboardTreeSelection } from '../../types'; diff --git a/public/app/features/browse-dashboards/components/BrowseActions/MoveModal.tsx b/public/app/features/browse-dashboards/components/BrowseActions/MoveModal.tsx index 33670622cad..f36cbfd5bc5 100644 --- a/public/app/features/browse-dashboards/components/BrowseActions/MoveModal.tsx +++ b/public/app/features/browse-dashboards/components/BrowseActions/MoveModal.tsx @@ -1,8 +1,7 @@ import React, { useState } from 'react'; import { Space } from '@grafana/experimental'; -import { Alert, Button, Field, Modal } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { Alert, Button, Field, Modal, Text } from '@grafana/ui'; import { FolderPicker } from 'app/core/components/Select/FolderPicker'; import { t, Trans } from 'app/core/internationalization'; diff --git a/public/app/features/browse-dashboards/components/NameCell.tsx b/public/app/features/browse-dashboards/components/NameCell.tsx index b1762839cf6..59d50312645 100644 --- a/public/app/features/browse-dashboards/components/NameCell.tsx +++ b/public/app/features/browse-dashboards/components/NameCell.tsx @@ -5,9 +5,8 @@ import { CellProps } from 'react-table'; import { GrafanaTheme2 } from '@grafana/data'; import { reportInteraction } from '@grafana/runtime'; -import { Icon, IconButton, Link, Spinner, useStyles2 } from '@grafana/ui'; +import { Icon, IconButton, Link, Spinner, useStyles2, Text } from '@grafana/ui'; import { getSvgSize } from '@grafana/ui/src/components/Icon/utils'; -import { Text } from '@grafana/ui/src/unstable'; import { getIconForKind } from 'app/features/search/service/utils'; import { useChildrenByParentUIDState } from '../state'; diff --git a/public/app/features/dashboard/dashgrid/DashboardEmpty.tsx b/public/app/features/dashboard/dashgrid/DashboardEmpty.tsx index 8e01b5364f6..14bf3a83be3 100644 --- a/public/app/features/dashboard/dashgrid/DashboardEmpty.tsx +++ b/public/app/features/dashboard/dashgrid/DashboardEmpty.tsx @@ -4,8 +4,7 @@ import React from 'react'; import { GrafanaTheme2 } from '@grafana/data'; import { selectors } from '@grafana/e2e-selectors'; import { config, locationService, reportInteraction } from '@grafana/runtime'; -import { Button, useStyles2 } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { Button, useStyles2, Text } from '@grafana/ui'; import { Trans } from 'app/core/internationalization'; import { DashboardModel } from 'app/features/dashboard/state'; import { onAddLibraryPanel, onCreateNewPanel, onCreateNewRow } from 'app/features/dashboard/utils/dashboard'; diff --git a/public/app/features/search/page/components/columns.tsx b/public/app/features/search/page/components/columns.tsx index f30bbc15eb9..7b1daf9357a 100644 --- a/public/app/features/search/page/components/columns.tsx +++ b/public/app/features/search/page/components/columns.tsx @@ -11,8 +11,7 @@ import { getFieldDisplayName, } from '@grafana/data'; import { config, getDataSourceSrv } from '@grafana/runtime'; -import { Checkbox, Icon, IconName, TagList } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { Checkbox, Icon, IconName, TagList, Text } from '@grafana/ui'; import appEvents from 'app/core/app_events'; import { t } from 'app/core/internationalization'; import { PluginIconName } from 'app/features/plugins/admin/types'; diff --git a/public/app/plugins/datasource/alertmanager/ConfigEditor.tsx b/public/app/plugins/datasource/alertmanager/ConfigEditor.tsx index e4c0be90e47..a457f3dc8cf 100644 --- a/public/app/plugins/datasource/alertmanager/ConfigEditor.tsx +++ b/public/app/plugins/datasource/alertmanager/ConfigEditor.tsx @@ -4,8 +4,7 @@ import { Link } from 'react-router-dom'; import { SIGV4ConnectionConfig } from '@grafana/aws-sdk'; import { DataSourcePluginOptionsEditorProps, SelectableValue } from '@grafana/data'; -import { DataSourceHttpSettings, InlineField, InlineFormLabel, InlineSwitch, Select } from '@grafana/ui'; -import { Text } from '@grafana/ui/src/unstable'; +import { DataSourceHttpSettings, InlineField, InlineFormLabel, InlineSwitch, Select, Text } from '@grafana/ui'; import { config } from 'app/core/config'; import { AlertManagerDataSourceJsonData, AlertManagerImplementation } from './types';